formanitor 0.1.10 → 0.2.0

package/dist/chunk-B3GBIAHZ.mjs

@@ -0,0 +1,285 @@
+import { AddEntityDialog } from './chunk-GZPCYSJK.mjs';
+import { Input } from './chunk-VNFBUAZD.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useState, useRef, useEffect } from 'react';
+import { X, Check } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var ADD_FEEDBACK_MS = 320;
+function mapToInvestigation(result) {
+  return {
+    ...result,
+    label: result.name,
+    is_custom: false,
+    fromAI: false
+  };
+}
+var AddInvestigationField = ({
+  label = "Investigations",
+  value,
+  onChange,
+  onSearch,
+  recentlyUsed = [],
+  frequentItems = [],
+  packages = []
+}) => {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [results, setResults] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [addingId, setAddingId] = useState(null);
+  const [addingFrequentId, setAddingFrequentId] = useState(null);
+  const debounceRef = useRef(null);
+  const valueRef = useRef([]);
+  const searchInputRef = useRef(null);
+  const addedByPackage = useRef(/* @__PURE__ */ new Map());
+  const [selectedPackageIds, setSelectedPackageIds] = useState(/* @__PURE__ */ new Set());
+  const safeValue = Array.isArray(value) ? value : [];
+  valueRef.current = safeValue;
+  const addedIds = new Set(safeValue.map((inv) => inv.id));
+  useEffect(() => {
+    if (!open) {
+      setQuery("");
+      setResults([]);
+      setAddingId(null);
+      setAddingFrequentId(null);
+    }
+  }, [open]);
+  function handleQueryChange(q) {
+    setQuery(q);
+    if (debounceRef.current) clearTimeout(debounceRef.current);
+    if (!q.trim()) {
+      setResults([]);
+      return;
+    }
+    debounceRef.current = setTimeout(async () => {
+      setLoading(true);
+      try {
+        const res = await onSearch(q);
+        setResults(res);
+      } finally {
+        setLoading(false);
+      }
+    }, 500);
+  }
+  function addInvestigation(result) {
+    if (!addedIds.has(result.id)) {
+      onChange([...valueRef.current, mapToInvestigation(result)]);
+    }
+    setQuery("");
+    setResults([]);
+  }
+  function handleResultClick(result) {
+    if (addedIds.has(result.id)) return;
+    setAddingId(result.id);
+    setTimeout(() => {
+      addInvestigation(result);
+      setAddingId(null);
+      setTimeout(() => searchInputRef.current?.focus(), 0);
+    }, ADD_FEEDBACK_MS);
+  }
+  function removeInvestigation(id) {
+    onChange(safeValue.filter((inv) => inv.id !== id));
+  }
+  function handleRecentlyUsedToggle(result) {
+    if (addedIds.has(result.id)) {
+      removeInvestigation(result.id);
+    } else {
+      addInvestigation(result);
+    }
+  }
+  async function handleFrequentItemToggle(item) {
+    const id = String(item.id);
+    const addedById = addedIds.has(id);
+    const addedByName = safeValue.some((inv) => inv.name === item.name);
+    if (addedById || addedByName) {
+      if (addedById) removeInvestigation(id);
+      else onChange(safeValue.filter((inv) => inv.name !== item.name));
+      return;
+    }
+    setAddingFrequentId(id);
+    try {
+      const searchResults = await onSearch(item.name);
+      const first = searchResults?.[0];
+      if (first && !valueRef.current.some((inv) => inv.id === first.id)) {
+        onChange([...valueRef.current, mapToInvestigation(first)]);
+      }
+    } finally {
+      setAddingFrequentId(null);
+    }
+  }
+  function handlePackageToggle(pkg) {
+    const alreadyAdded = addedByPackage.current.has(pkg.id);
+    if (alreadyAdded) {
+      const idsToRemove = new Set(addedByPackage.current.get(pkg.id) ?? []);
+      onChange(valueRef.current.filter((inv) => !idsToRemove.has(inv.id)));
+      addedByPackage.current.delete(pkg.id);
+      setSelectedPackageIds((prev) => {
+        const next = new Set(prev);
+        next.delete(pkg.id);
+        return next;
+      });
+    } else {
+      const currentIds = new Set(valueRef.current.map((inv) => inv.id));
+      const newTests = pkg.tests.filter((t) => !currentIds.has(t.id)).map((t) => mapToInvestigation(t));
+      if (newTests.length > 0) {
+        onChange([...valueRef.current, ...newTests]);
+      }
+      addedByPackage.current.set(pkg.id, newTests.map((t) => t.id));
+      setSelectedPackageIds((prev) => new Set(prev).add(pkg.id));
+    }
+  }
+  const recentlyUsedChips = recentlyUsed.map((r) => {
+    const isAdded = addedIds.has(r.id);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleRecentlyUsedToggle(r),
+        className: cn(
+          "rounded-full border text-xs px-3 py-1 transition-colors",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsx("span", { className: "mr-1", children: "\u2713" }),
+          r.name
+        ]
+      },
+      r.id
+    );
+  });
+  const limitedFrequentItems = frequentItems.slice(0, 25);
+  const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
+    const id = String(item.id);
+    const isAdded = safeValue.some((inv) => inv.id === id) || safeValue.some((inv) => inv.name === item.name);
+    const isAdding = addingFrequentId === id;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: isAdding,
+        onClick: () => handleFrequentItemToggle(item),
+        className: cn(
+          "rounded-full border text-xs px-3 py-1 transition-colors",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50",
+          isAdding && "opacity-70 pointer-events-none"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsx("span", { className: "mr-1", children: "\u2713" }),
+          isAdding ? "\u2026" : item.name
+        ]
+      },
+      item.id
+    );
+  }) : [];
+  const packageChips = packages.map((pkg) => {
+    const isAdded = selectedPackageIds.has(pkg.id);
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handlePackageToggle(pkg),
+        className: cn(
+          "rounded-full border text-xs px-4 py-1.5 transition-colors flex items-center gap-2",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsx("span", { children: "\u2713" }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: pkg.name }),
+          /* @__PURE__ */ jsx("span", { className: cn(
+            "rounded-full px-1.5 py-0.5 text-[10px] font-medium",
+            isAdded ? "bg-green-100 text-green-600" : "bg-purple-100 text-purple-600"
+          ), children: pkg.tests.length })
+        ]
+      },
+      pkg.id
+    );
+  });
+  const chipSections = [];
+  if (frequentItemChips.length > 0) {
+    chipSections.push({ label: "Frequently used", content: /* @__PURE__ */ jsx(Fragment, { children: frequentItemChips }) });
+  } else if (recentlyUsedChips.length > 0) {
+    chipSections.push({ label: "Recently Used", content: /* @__PURE__ */ jsx(Fragment, { children: recentlyUsedChips }) });
+  }
+  if (packageChips.length > 0) {
+    chipSections.push({ label: "Packages", content: /* @__PURE__ */ jsx(Fragment, { children: packageChips }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-md overflow-hidden flex flex-col bg-white border border-[#D0D0D0] space-y-3 p-3 h-fit", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: label }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen(true),
+          className: "text-sm font-semibold text-purple-600 hover:text-purple-800 cursor-pointer",
+          children: "ADD"
+        }
+      )
+    ] }),
+    safeValue.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: safeValue.map((inv) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: inv.name }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => removeInvestigation(inv.id),
+              className: "text-muted-foreground hover:text-red-500 transition-colors cursor-pointer",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      },
+      inv.id
+    )) }),
+    /* @__PURE__ */ jsx(
+      AddEntityDialog,
+      {
+        open,
+        onClose: () => setOpen(false),
+        title: "Add Investigation",
+        chipSections: chipSections.length > 0 ? chipSections : void 0,
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ref: searchInputRef,
+              value: query,
+              onChange: (e) => handleQueryChange(e.target.value),
+              placeholder: "Search for an investigation...",
+              className: "border border-border rounded-md focus-visible:ring-0"
+            }
+          ),
+          loading && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground py-1", children: "Searching\u2026" }),
+          !loading && results.length > 0 && /* @__PURE__ */ jsx("div", { className: "border border-border rounded-md overflow-hidden", children: results.map((r) => {
+            const isAdding = addingId === r.id;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleResultClick(r),
+                className: cn(
+                  "w-full text-left px-3 py-2 text-sm transition-all duration-300 ease-out border-b border-border last:border-b-0 cursor-pointer flex items-center justify-between gap-2",
+                  isAdding ? "bg-green-50 border-green-200" : "hover:bg-gray-50"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate", children: r.name }),
+                  isAdding && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 shrink-0 text-green-600" })
+                ]
+              },
+              r.id
+            );
+          }) })
+        ] })
+      }
+    )
+  ] });
+};
+
+export { AddInvestigationField };
+//# sourceMappingURL=chunk-B3GBIAHZ.mjs.map
+//# sourceMappingURL=chunk-B3GBIAHZ.mjs.map

package/dist/chunk-B3GBIAHZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/AddInvestigationField.tsx"],"names":[],"mappings":";;;;;;;AA8CA,IAAM,eAAA,GAAkB,GAAA;AAIxB,SAAS,mBAAmB,MAAA,EAAkD;AAC5E,EAAA,OAAO;AAAA,IACL,GAAG,MAAA;AAAA,IACH,OAAO,MAAA,CAAO,IAAA;AAAA,IACd,SAAA,EAAW,KAAA;AAAA,IACX,MAAA,EAAQ;AAAA,GACV;AACF;AAeO,IAAM,wBAA8D,CAAC;AAAA,EAC1E,KAAA,GAAQ,gBAAA;AAAA,EACR,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAe,EAAC;AAAA,EAChB,gBAAgB,EAAC;AAAA,EACjB,WAAW;AACb,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAA,CAAsC,EAAE,CAAA;AACtE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAwB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAwB,IAAI,CAAA;AAC5E,EAAA,MAAM,WAAA,GAAc,OAA6C,IAAI,CAAA;AACrE,EAAA,MAAM,QAAA,GAAW,MAAA,CAAwB,EAAE,CAAA;AAC3C,EAAA,MAAM,cAAA,GAAiB,OAAyB,IAAI,CAAA;AAEpD,EAAA,MAAM,cAAA,GAAiB,MAAA,iBAA8B,IAAI,GAAA,EAAK,CAAA;AAE9D,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,IAAI,QAAA,iBAAsB,IAAI,KAAK,CAAA;AAEnF,EAAA,MAAM,YAA6B,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,QAAQ,EAAC;AAEnE,EAAA,QAAA,CAAS,OAAA,GAAU,SAAA;AACnB,EAAA,MAAM,QAAA,GAAW,IAAI,GAAA,CAAI,SAAA,CAAU,IAAI,CAAC,GAAA,KAAQ,GAAA,CAAI,EAAE,CAAC,CAAA;AAEvD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,UAAA,CAAW,EAAE,CAAA;AACb,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,IAC1B;AAAA,EACF,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,SAAS,kBAAkB,CAAA,EAAW;AACpC,IAAA,QAAA,CAAS,CAAC,CAAA;AACV,IAAA,IAAI,WAAA,CAAY,OAAA,EAAS,YAAA,CAAa,WAAA,CAAY,OAAO,CAAA;AACzD,IAAA,IAAI,CAAC,CAAA,CAAE,IAAA,EAAK,EAAG;AACb,MAAA,UAAA,CAAW,EAAE,CAAA;AACb,MAAA;AAAA,IACF;AACA,IAAA,WAAA,CAAY,OAAA,GAAU,WAAW,YAAY;AAC3C,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,IAAI;AACF,QAAA,MAAM,GAAA,GAAM,MAAM,QAAA,CAAS,CAAC,CAAA;AAC5B,QAAA,UAAA,CAAW,GAAG,CAAA;AAAA,MAChB,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,GAAG,GAAG,CAAA;AAAA,EACR;AAEA,EAAA,SAAS,iBAAiB,MAAA,EAAmC;AAC3D,IAAA,IAAI,CAAC,QAAA,CAAS,GAAA,CAAI,MAAA,CAAO,EAAE,CAAA,EAAG;AAC5B,MAAA,QAAA,CAAS,CAAC,GAAG,QAAA,CAAS,SAAS,kBAAA,CAAmB,MAAM,CAAC,CAAC,CAAA;AAAA,IAC5D;AACA,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,UAAA,CAAW,EAAE,CAAA;AAAA,EACf;AAEA,EAAA,SAAS,kBAAkB,MAAA,EAAmC;AAC5D,IAAA,IAAI,QAAA,CAAS,GAAA,CAAI,MAAA,CAAO,EAAE,CAAA,EAAG;AAC7B,IAAA,WAAA,CAAY,OAAO,EAAE,CAAA;AACrB,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,gBAAA,CAAiB,MAAM,CAAA;AACvB,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA,UAAA,CAAW,MAAM,cAAA,CAAe,OAAA,EAAS,KAAA,IAAS,CAAC,CAAA;AAAA,IACrD,GAAG,eAAe,CAAA;AAAA,EACpB;AAEA,EAAA,SAAS,oBAAoB,EAAA,EAAY;AACvC,IAAA,QAAA,CAAS,UAAU,MAAA,CAAO,CAAC,QAAQ,GAAA,CAAI,EAAA,KAAO,EAAE,CAAC,CAAA;AAAA,EACnD;AAEA,EAAA,SAAS,yBAAyB,MAAA,EAAmC;AACnE,IAAA,IAAI,QAAA,CAAS,GAAA,CAAI,MAAA,CAAO,EAAE,CAAA,EAAG;AAC3B,MAAA,mBAAA,CAAoB,OAAO,EAAE,CAAA;AAAA,IAC/B,CAAA,MAAO;AACL,MAAA,gBAAA,CAAiB,MAAM,CAAA;AAAA,IACzB;AAAA,EACF;AAEA,EAAA,eAAe,yBAAyB,IAAA,EAAiC;AACvE,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,IAAA,CAAK,EAAE,CAAA;AACzB,IAAA,MAAM,SAAA,GAAY,QAAA,CAAS,GAAA,CAAI,EAAE,CAAA;AACjC,IAAA,MAAM,WAAA,GAAc,UAAU,IAAA,CAAK,CAAC,QAAQ,GAAA,CAAI,IAAA,KAAS,KAAK,IAAI,CAAA;AAClE,IAAA,IAAI,aAAa,WAAA,EAAa;AAC5B,MAAA,IAAI,SAAA,sBAA+B,EAAE,CAAA;AAAA,WAChC,QAAA,CAAS,UAAU,MAAA,CAAO,CAAC,QAAQ,GAAA,CAAI,IAAA,KAAS,IAAA,CAAK,IAAI,CAAC,CAAA;AAC/D,MAAA;AAAA,IACF;AACA,IAAA,mBAAA,CAAoB,EAAE,CAAA;AACtB,IAAA,IAAI;AACF,MAAA,MAAM,aAAA,GAAgB,MAAM,QAAA,CAAS,IAAA,CAAK,IAAI,CAAA;AAC9C,MAAA,MAAM,KAAA,GAAQ,gBAAgB,CAAC,CAAA;AAC/B,MAAA,IAAI,KAAA,IAAS,CAAC,QAAA,CAAS,OAAA,CAAQ,IAAA,CAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,EAAA,KAAO,KAAA,CAAM,EAAE,CAAA,EAAG;AACjE,QAAA,QAAA,CAAS,CAAC,GAAG,QAAA,CAAS,SAAS,kBAAA,CAAmB,KAAK,CAAC,CAAC,CAAA;AAAA,MAC3D;AAAA,IACF,CAAA,SAAE;AACA,MAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,IAC1B;AAAA,EACF;AAEA,EAAA,SAAS,oBAAoB,GAAA,EAAwB;AACnD,IAAA,MAAM,YAAA,GAAe,cAAA,CAAe,OAAA,CAAQ,GAAA,CAAI,IAAI,EAAE,CAAA;AACtD,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,MAAM,WAAA,GAAc,IAAI,GAAA,CAAI,cAAA,CAAe,OAAA,CAAQ,IAAI,GAAA,CAAI,EAAE,CAAA,IAAK,EAAE,CAAA;AACpE,MAAA,QAAA,CAAS,QAAA,CAAS,OAAA,CAAQ,MAAA,CAAO,CAAC,GAAA,KAAQ,CAAC,WAAA,CAAY,GAAA,CAAI,GAAA,CAAI,EAAE,CAAC,CAAC,CAAA;AACnE,MAAA,cAAA,CAAe,OAAA,CAAQ,MAAA,CAAO,GAAA,CAAI,EAAE,CAAA;AACpC,MAAA,qBAAA,CAAsB,CAAC,IAAA,KAAS;AAC9B,QAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,QAAA,IAAA,CAAK,MAAA,CAAO,IAAI,EAAE,CAAA;AAClB,QAAA,OAAO,IAAA;AAAA,MACT,CAAC,CAAA;AAAA,IACH,CAAA,MAAO;AACL,MAAA,MAAM,UAAA,GAAa,IAAI,GAAA,CAAI,QAAA,CAAS,OAAA,CAAQ,IAAI,CAAC,GAAA,KAAQ,GAAA,CAAI,EAAE,CAAC,CAAA;AAChE,MAAA,MAAM,WAAW,GAAA,CAAI,KAAA,CAClB,OAAO,CAAC,CAAA,KAAM,CAAC,UAAA,CAAW,GAAA,CAAI,CAAA,CAAE,EAAE,CAAC,CAAA,CACnC,GAAA,CAAI,CAAC,CAAA,KAAM,kBAAA,CAAmB,CAAC,CAAC,CAAA;AACnC,MAAA,IAAI,QAAA,CAAS,SAAS,CAAA,EAAG;AACvB,QAAA,QAAA,CAAS,CAAC,GAAG,QAAA,CAAS,OAAA,EAAS,GAAG,QAAQ,CAAC,CAAA;AAAA,MAC7C;AACA,MAAA,cAAA,CAAe,OAAA,CAAQ,GAAA,CAAI,GAAA,CAAI,EAAA,EAAI,QAAA,CAAS,IAAI,CAAC,CAAA,KAAM,CAAA,CAAE,EAAE,CAAC,CAAA;AAC5D,MAAA,qBAAA,CAAsB,CAAC,SAAS,IAAI,GAAA,CAAI,IAAI,CAAA,CAAE,GAAA,CAAI,GAAA,CAAI,EAAE,CAAC,CAAA;AAAA,IAC3D;AAAA,EACF;AAIA,EAAA,MAAM,iBAAA,GAAoB,YAAA,CAAa,GAAA,CAAI,CAAC,CAAA,KAAM;AAChD,IAAA,MAAM,OAAA,GAAU,QAAA,CAAS,GAAA,CAAI,CAAA,CAAE,EAAE,CAAA;AACjC,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,wBAAA,CAAyB,CAAC,CAAA;AAAA,QACzC,SAAA,EAAW,EAAA;AAAA,UACT,yDAAA;AAAA,UACA,UACI,6CAAA,GACA;AAAA,SACN;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,OAAA,oBAAW,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,MAAA,EAAO,QAAA,EAAA,QAAA,EAAC,CAAA;AAAA,UACnC,CAAA,CAAE;AAAA;AAAA,OAAA;AAAA,MAXE,CAAA,CAAE;AAAA,KAYT;AAAA,EAEJ,CAAC,CAAA;AAED,EAAA,MAAM,oBAAA,GAAuB,aAAA,CAAc,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AAEtD,EAAA,MAAM,oBACJ,oBAAA,CAAqB,MAAA,GAAS,IAC1B,oBAAA,CAAqB,GAAA,CAAI,CAAC,IAAA,KAAS;AACjC,IAAA,MAAM,EAAA,GAAK,MAAA,CAAO,IAAA,CAAK,EAAE,CAAA;AACzB,IAAA,MAAM,UAAU,SAAA,CAAU,IAAA,CAAK,CAAC,GAAA,KAAQ,IAAI,EAAA,KAAO,EAAE,CAAA,IAAK,SAAA,CAAU,KAAK,CAAC,GAAA,KAAQ,GAAA,CAAI,IAAA,KAAS,KAAK,IAAI,CAAA;AACxG,IAAA,MAAM,WAAW,gBAAA,KAAqB,EAAA;AACtC,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,QAAA;AAAA,QACV,OAAA,EAAS,MAAM,wBAAA,CAAyB,IAAI,CAAA;AAAA,QAC5C,SAAA,EAAW,EAAA;AAAA,UACT,yDAAA;AAAA,UACA,UACI,6CAAA,GACA,yCAAA;AAAA,UACJ,QAAA,IAAY;AAAA,SACd;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,OAAA,oBAAW,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,MAAA,EAAO,QAAA,EAAA,QAAA,EAAC,CAAA;AAAA,UACnC,QAAA,GAAW,WAAM,IAAA,CAAK;AAAA;AAAA,OAAA;AAAA,MAblB,IAAA,CAAK;AAAA,KAcZ;AAAA,EAEJ,CAAC,IACD,EAAC;AAEP,EAAA,MAAM,YAAA,GAAe,QAAA,CAAS,GAAA,CAAI,CAAC,GAAA,KAAQ;AACzC,IAAA,MAAM,OAAA,GAAU,kBAAA,CAAmB,GAAA,CAAI,GAAA,CAAI,EAAE,CAAA;AAC7C,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,MAAM,mBAAA,CAAoB,GAAG,CAAA;AAAA,QACtC,SAAA,EAAW,EAAA;AAAA,UACT,mFAAA;AAAA,UACA,UACI,6CAAA,GACA;AAAA,SACN;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,OAAA,oBAAW,GAAA,CAAC,UAAK,QAAA,EAAA,QAAA,EAAC,CAAA;AAAA,0BACnB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,cAAI,IAAA,EAAK,CAAA;AAAA,0BAC1C,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA;AAAA,YACf,oDAAA;AAAA,YACA,UAAU,6BAAA,GAAgC;AAAA,WAC5C,EACG,QAAA,EAAA,GAAA,CAAI,KAAA,CAAM,MAAA,EACb;AAAA;AAAA,OAAA;AAAA,MAjBK,GAAA,CAAI;AAAA,KAkBX;AAAA,EAEJ,CAAC,CAAA;AAID,EAAA,MAAM,eAAe,EAAC;AACtB,EAAA,IAAI,iBAAA,CAAkB,SAAS,CAAA,EAAG;AAChC,IAAA,YAAA,CAAa,IAAA,CAAK,EAAE,KAAA,EAAO,iBAAA,EAAmB,yBAAS,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,iBAAA,EAAkB,GAAK,CAAA;AAAA,EACnF,CAAA,MAAA,IAAW,iBAAA,CAAkB,MAAA,GAAS,CAAA,EAAG;AACvC,IAAA,YAAA,CAAa,IAAA,CAAK,EAAE,KAAA,EAAO,eAAA,EAAiB,yBAAS,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,iBAAA,EAAkB,GAAK,CAAA;AAAA,EACjF;AACA,EAAA,IAAI,YAAA,CAAa,SAAS,CAAA,EAAG;AAC3B,IAAA,YAAA,CAAa,IAAA,CAAK,EAAE,KAAA,EAAO,UAAA,EAAY,yBAAS,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,YAAA,EAAa,GAAK,CAAA;AAAA,EACvE;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+FAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,sBAC/C,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,UAC3B,SAAA,EAAU,4EAAA;AAAA,UACX,QAAA,EAAA;AAAA;AAAA;AAED,KAAA,EACF,CAAA;AAAA,IAGC,SAAA,CAAU,MAAA,GAAS,CAAA,oBAClB,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,wEAAA,EACZ,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,GAAA,qBACd,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QAEC,SAAA,EAAU,uEAAA;AAAA,QAEV,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,GAAA,CAAI,IAAA,EAAK,CAAA;AAAA,0BACpC,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,MAAM,mBAAA,CAAoB,GAAA,CAAI,EAAE,CAAA;AAAA,cACzC,SAAA,EAAU,2EAAA;AAAA,cAEV,QAAA,kBAAA,GAAA,CAAC,CAAA,EAAA,EAAE,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA;AACzB;AAAA,OAAA;AAAA,MAVK,GAAA,CAAI;AAAA,KAYZ,CAAA,EACH,CAAA;AAAA,oBAIF,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,QAC5B,KAAA,EAAM,mBAAA;AAAA,QACN,YAAA,EAAc,YAAA,CAAa,MAAA,GAAS,CAAA,GAAI,YAAA,GAAe,MAAA;AAAA,QAEvD,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,cAAA;AAAA,cACL,KAAA,EAAO,KAAA;AAAA,cACP,UAAU,CAAC,CAAA,KAAM,iBAAA,CAAkB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cACjD,WAAA,EAAY,gCAAA;AAAA,cACZ,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,UAEC,OAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,sCAAqC,QAAA,EAAA,iBAAA,EAAU,CAAA;AAAA,UAE7D,CAAC,OAAA,IAAW,OAAA,CAAQ,MAAA,GAAS,CAAA,oBAC5B,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iDAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM;AAClB,YAAA,MAAM,QAAA,GAAW,aAAa,CAAA,CAAE,EAAA;AAChC,YAAA,uBACE,IAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBAEC,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAS,MAAM,iBAAA,CAAkB,CAAC,CAAA;AAAA,gBAClC,SAAA,EAAW,EAAA;AAAA,kBACT,uKAAA;AAAA,kBACA,WACI,8BAAA,GACA;AAAA,iBACN;AAAA,gBAEA,QAAA,EAAA;AAAA,kCAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,CAAA,CAAE,IAAA,EAAK,CAAA;AAAA,kBAClC,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,iCAAA,EAAkC;AAAA;AAAA,eAAA;AAAA,cAX3D,CAAA,CAAE;AAAA,aAYT;AAAA,UAEJ,CAAC,CAAA,EACH;AAAA,SAAA,EAEJ;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ","file":"chunk-B3GBIAHZ.mjs","sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { X, Check } from 'lucide-react';\nimport { cn } from '../../core/utils';\nimport { Input } from '../shadcn/input';\nimport { AddEntityDialog } from './AddEntityDialog';\nimport type { InvestigationFrequentItem, DiagnosticPackage } from '../../core/types';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type InvestigationSearchResult = {\n  id: string;\n  name: string;\n  code?: string;\n  description?: string;\n  categories?: string[];\n  synonyms?: string[];\n  sample_type?: string;\n  method?: string;\n  reference_range?: string;\n  sample_unit?: string;\n  sample_qty?: number;\n  turnaround_time?: number;\n  preparation?: string;\n  service_type?: string;\n  department?: string;\n  is_vip_enabled?: boolean;\n  is_pacs_enabled?: boolean;\n  score?: number;\n};\n\nexport type Investigation = InvestigationSearchResult & {\n  label: string;\n  is_custom: boolean;\n  fromAI: boolean;\n};\n\nexport type AddInvestigationFieldProps = {\n  label?: string;\n  value: Investigation[];\n  onChange: (items: Investigation[]) => void;\n  onSearch: (query: string) => Promise<InvestigationSearchResult[]>;\n  recentlyUsed?: InvestigationSearchResult[];\n  frequentItems?: InvestigationFrequentItem[];\n  packages?: DiagnosticPackage[];\n};\n\nconst ADD_FEEDBACK_MS = 320;\n\n// ─── Internal helpers ─────────────────────────────────────────────────────────\n\nfunction mapToInvestigation(result: InvestigationSearchResult): Investigation {\n  return {\n    ...result,\n    label: result.name,\n    is_custom: false,\n    fromAI: false,\n  };\n}\n\n// function mapFrequentItemToInvestigation(item: InvestigationFrequentItem): Investigation {\n//   return {\n//     id: String(item.id),\n//     name: item.name,\n//     code: item.code ?? undefined,\n//     label: item.name,\n//     is_custom: false,\n//     fromAI: false,\n//   };\n// }\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport const AddInvestigationField: React.FC<AddInvestigationFieldProps> = ({\n  label = 'Investigations',\n  value,\n  onChange,\n  onSearch,\n  recentlyUsed = [],\n  frequentItems = [],\n  packages = [],\n}) => {\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const [results, setResults] = useState<InvestigationSearchResult[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [addingId, setAddingId] = useState<string | null>(null);\n  const [addingFrequentId, setAddingFrequentId] = useState<string | null>(null);\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const valueRef = useRef<Investigation[]>([]);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  // tracks which test IDs were added by each package: packageId → testId[]\n  const addedByPackage = useRef<Map<string, string[]>>(new Map());\n  // drives re-renders for package chip selected state\n  const [selectedPackageIds, setSelectedPackageIds] = useState<Set<string>>(new Set());\n\n  const safeValue: Investigation[] = Array.isArray(value) ? value : [];\n\n  valueRef.current = safeValue;\n  const addedIds = new Set(safeValue.map((inv) => inv.id));\n\n  useEffect(() => {\n    if (!open) {\n      setQuery('');\n      setResults([]);\n      setAddingId(null);\n      setAddingFrequentId(null);\n    }\n  }, [open]);\n\n  function handleQueryChange(q: string) {\n    setQuery(q);\n    if (debounceRef.current) clearTimeout(debounceRef.current);\n    if (!q.trim()) {\n      setResults([]);\n      return;\n    }\n    debounceRef.current = setTimeout(async () => {\n      setLoading(true);\n      try {\n        const res = await onSearch(q);\n        setResults(res);\n      } finally {\n        setLoading(false);\n      }\n    }, 500);\n  }\n\n  function addInvestigation(result: InvestigationSearchResult) {\n    if (!addedIds.has(result.id)) {\n      onChange([...valueRef.current, mapToInvestigation(result)]);\n    }\n    setQuery('');\n    setResults([]);\n  }\n\n  function handleResultClick(result: InvestigationSearchResult) {\n    if (addedIds.has(result.id)) return;\n    setAddingId(result.id);\n    setTimeout(() => {\n      addInvestigation(result);\n      setAddingId(null);\n      setTimeout(() => searchInputRef.current?.focus(), 0);\n    }, ADD_FEEDBACK_MS);\n  }\n\n  function removeInvestigation(id: string) {\n    onChange(safeValue.filter((inv) => inv.id !== id));\n  }\n\n  function handleRecentlyUsedToggle(result: InvestigationSearchResult) {\n    if (addedIds.has(result.id)) {\n      removeInvestigation(result.id);\n    } else {\n      addInvestigation(result);\n    }\n  }\n\n  async function handleFrequentItemToggle(item: InvestigationFrequentItem) {\n    const id = String(item.id);\n    const addedById = addedIds.has(id);\n    const addedByName = safeValue.some((inv) => inv.name === item.name);\n    if (addedById || addedByName) {\n      if (addedById) removeInvestigation(id);\n      else onChange(safeValue.filter((inv) => inv.name !== item.name));\n      return;\n    }\n    setAddingFrequentId(id);\n    try {\n      const searchResults = await onSearch(item.name);\n      const first = searchResults?.[0];\n      if (first && !valueRef.current.some((inv) => inv.id === first.id)) {\n        onChange([...valueRef.current, mapToInvestigation(first)]);\n      }\n    } finally {\n      setAddingFrequentId(null);\n    }\n  }\n\n  function handlePackageToggle(pkg: DiagnosticPackage) {\n    const alreadyAdded = addedByPackage.current.has(pkg.id);\n    if (alreadyAdded) {\n      const idsToRemove = new Set(addedByPackage.current.get(pkg.id) ?? []);\n      onChange(valueRef.current.filter((inv) => !idsToRemove.has(inv.id)));\n      addedByPackage.current.delete(pkg.id);\n      setSelectedPackageIds((prev) => {\n        const next = new Set(prev);\n        next.delete(pkg.id);\n        return next;\n      });\n    } else {\n      const currentIds = new Set(valueRef.current.map((inv) => inv.id));\n      const newTests = pkg.tests\n        .filter((t) => !currentIds.has(t.id))\n        .map((t) => mapToInvestigation(t));\n      if (newTests.length > 0) {\n        onChange([...valueRef.current, ...newTests]);\n      }\n      addedByPackage.current.set(pkg.id, newTests.map((t) => t.id));\n      setSelectedPackageIds((prev) => new Set(prev).add(pkg.id));\n    }\n  }\n\n  // ─── Chip builders ────────────────────────────────────────────────────────\n\n  const recentlyUsedChips = recentlyUsed.map((r) => {\n    const isAdded = addedIds.has(r.id);\n    return (\n      <button\n        key={r.id}\n        type=\"button\"\n        onClick={() => handleRecentlyUsedToggle(r)}\n        className={cn(\n          'rounded-full border text-xs px-3 py-1 transition-colors',\n          isAdded\n            ? 'border-green-300 bg-green-50 text-green-700'\n            : 'border-border bg-white hover:bg-gray-50'\n        )}\n      >\n        {isAdded && <span className=\"mr-1\">✓</span>}\n        {r.name}\n      </button>\n    );\n  });\n\n  const limitedFrequentItems = frequentItems.slice(0, 25);\n\n  const frequentItemChips =\n    limitedFrequentItems.length > 0\n      ? limitedFrequentItems.map((item) => {\n          const id = String(item.id);\n          const isAdded = safeValue.some((inv) => inv.id === id) || safeValue.some((inv) => inv.name === item.name);\n          const isAdding = addingFrequentId === id;\n          return (\n            <button\n              key={item.id}\n              type=\"button\"\n              disabled={isAdding}\n              onClick={() => handleFrequentItemToggle(item)}\n              className={cn(\n                'rounded-full border text-xs px-3 py-1 transition-colors',\n                isAdded\n                  ? 'border-green-300 bg-green-50 text-green-700'\n                  : 'border-border bg-white hover:bg-gray-50',\n                isAdding && 'opacity-70 pointer-events-none'\n              )}\n            >\n              {isAdded && <span className=\"mr-1\">✓</span>}\n              {isAdding ? '…' : item.name}\n            </button>\n          );\n        })\n      : [];\n\n  const packageChips = packages.map((pkg) => {\n    const isAdded = selectedPackageIds.has(pkg.id);\n    return (\n      <button\n        key={pkg.id}\n        type=\"button\"\n        onClick={() => handlePackageToggle(pkg)}\n        className={cn(\n          'rounded-full border text-xs px-4 py-1.5 transition-colors flex items-center gap-2',\n          isAdded\n            ? 'border-green-300 bg-green-50 text-green-700'\n            : 'border-border bg-white hover:bg-gray-50'\n        )}\n      >\n        {isAdded && <span>✓</span>}\n        <span className=\"font-semibold\">{pkg.name}</span>\n        <span className={cn(\n          'rounded-full px-1.5 py-0.5 text-[10px] font-medium',\n          isAdded ? 'bg-green-100 text-green-600' : 'bg-purple-100 text-purple-600'\n        )}>\n          {pkg.tests.length}\n        </span>\n      </button>\n    );\n  });\n\n  // ─── Build chip sections ──────────────────────────────────────────────────\n\n  const chipSections = [];\n  if (frequentItemChips.length > 0) {\n    chipSections.push({ label: 'Frequently used', content: <>{frequentItemChips}</> });\n  } else if (recentlyUsedChips.length > 0) {\n    chipSections.push({ label: 'Recently Used', content: <>{recentlyUsedChips}</> });\n  }\n  if (packageChips.length > 0) {\n    chipSections.push({ label: 'Packages', content: <>{packageChips}</> });\n  }\n\n  return (\n    <div className=\"rounded-md overflow-hidden flex flex-col bg-white border border-[#D0D0D0] space-y-3 p-3 h-fit\">\n      <div className=\"flex items-center justify-between mb-3\">\n        <span className=\"text-sm font-semibold\">{label}</span>\n        <button\n          type=\"button\"\n          onClick={() => setOpen(true)}\n          className=\"text-sm font-semibold text-purple-600 hover:text-purple-800 cursor-pointer\"\n        >\n          ADD\n        </button>\n      </div>\n\n      {/* Added investigations — one row each */}\n      {safeValue.length > 0 && (\n        <div className=\"divide-y divide-border rounded-lg border border-border overflow-hidden\">\n          {safeValue.map((inv) => (\n            <div\n              key={inv.id}\n              className=\"flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50\"\n            >\n              <span className=\"text-sm\">{inv.name}</span>\n              <button\n                type=\"button\"\n                onClick={() => removeInvestigation(inv.id)}\n                className=\"text-muted-foreground hover:text-red-500 transition-colors cursor-pointer\"\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Dialog */}\n      <AddEntityDialog\n        open={open}\n        onClose={() => setOpen(false)}\n        title=\"Add Investigation\"\n        chipSections={chipSections.length > 0 ? chipSections : undefined}\n      >\n        <div className=\"space-y-2\">\n          <Input\n            ref={searchInputRef}\n            value={query}\n            onChange={(e) => handleQueryChange(e.target.value)}\n            placeholder=\"Search for an investigation...\"\n            className=\"border border-border rounded-md focus-visible:ring-0\"\n          />\n\n          {loading && (\n            <p className=\"text-xs text-muted-foreground py-1\">Searching…</p>\n          )}\n          {!loading && results.length > 0 && (\n            <div className=\"border border-border rounded-md overflow-hidden\">\n              {results.map((r) => {\n                const isAdding = addingId === r.id;\n                return (\n                  <button\n                    key={r.id}\n                    type=\"button\"\n                    onClick={() => handleResultClick(r)}\n                    className={cn(\n                      'w-full text-left px-3 py-2 text-sm transition-all duration-300 ease-out border-b border-border last:border-b-0 cursor-pointer flex items-center justify-between gap-2',\n                      isAdding\n                        ? 'bg-green-50 border-green-200'\n                        : 'hover:bg-gray-50'\n                    )}\n                  >\n                    <span className=\"truncate\">{r.name}</span>\n                    {isAdding && <Check className=\"h-4 w-4 shrink-0 text-green-600\" />}\n                  </button>\n                );\n              })}\n            </div>\n          )}\n        </div>\n      </AddEntityDialog>\n    </div>\n  );\n};\n"]}

package/dist/chunk-BMNY7F6H.mjs

@@ -0,0 +1,148 @@
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-AZHTIUOL.mjs';
+import { buttonVariants } from './chunk-GXXWMHAA.mjs';
+import { cn } from './chunk-VPU66PI6.mjs';
+import * as React2 from 'react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { DayPicker } from 'react-day-picker';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+
+function CalendarDropdown(props) {
+  const { options, value, onChange } = props;
+  const handleValueChange = (newValue) => {
+    if (!onChange) return;
+    const syntheticEvent = {
+      target: { value: newValue }
+    };
+    onChange(syntheticEvent);
+  };
+  return /* @__PURE__ */ jsxs(Select, { value: value?.toString(), onValueChange: handleValueChange, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 px-2 text-sm", "aria-label": props["aria-label"], children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsx(
+      SelectItem,
+      {
+        value: option.value.toString(),
+        disabled: option.disabled,
+        children: option.label
+      },
+      option.value.toString()
+    )) })
+  ] });
+}
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  const captionLayout = props.captionLayout ?? "dropdown";
+  const isDropdownCaption = captionLayout === "dropdown" || captionLayout === "dropdown-months" || captionLayout === "dropdown-years";
+  const startMonth = props.startMonth ?? (isDropdownCaption ? new Date(1900, 0) : void 0);
+  const endMonth = props.endMonth ?? (isDropdownCaption ? new Date(2100, 11) : void 0);
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      captionLayout,
+      hideNavigation: props.hideNavigation ?? isDropdownCaption,
+      navLayout: props.navLayout ?? (isDropdownCaption ? "around" : void 0),
+      startMonth,
+      endMonth,
+      className: cn("p-3 relative", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: cn(
+          "text-sm font-medium",
+          isDropdownCaption && "sr-only"
+        ),
+        dropdowns: "flex items-center gap-2",
+        months_dropdown: "h-7 rounded-md border border-input bg-background px-2 text-sm",
+        years_dropdown: "h-7 rounded-md border border-input bg-background px-2 text-sm",
+        nav: "space-x-1 flex items-center",
+        nav_button: cn(
+          buttonVariants({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: isDropdownCaption ? "" : "absolute left-1",
+        nav_button_next: isDropdownCaption ? "" : "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+        day: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_end: "day-range-end",
+        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        // v9 keys with explicit positioning relative to the NEW container
+        button_previous: cn(
+          buttonVariants({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          isDropdownCaption ? "" : "absolute left-1 top-3"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          isDropdownCaption ? "" : "absolute right-1 top-3"
+        ),
+        month_grid: "w-full border-collapse space-y-1",
+        weekdays: "flex",
+        weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        week: "flex w-full mt-2",
+        day_button: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
+        ),
+        range_end: "day-range-end",
+        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        today: "bg-accent text-accent-foreground",
+        outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
+        disabled: "text-muted-foreground opacity-50",
+        range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        IconLeft: () => /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }),
+        // @ts-expect-error react-day-picker v9 component typing differences
+        Dropdown: CalendarDropdown,
+        Chevron: ({ orientation }) => {
+          const Icon = orientation === "left" ? ChevronLeft : ChevronRight;
+          return /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" });
+        }
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React2.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Calendar, Popover, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=chunk-BMNY7F6H.mjs.map
+//# sourceMappingURL=chunk-BMNY7F6H.mjs.map

package/dist/chunk-BMNY7F6H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/shadcn/calendar.tsx","../src/ui/shadcn/popover.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-BMNY7F6H.mjs","sourcesContent":["import * as React from \"react\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\nimport { DayPicker } from \"react-day-picker\"\n\nimport { cn } from \"../../core/utils\"\nimport { buttonVariants } from \"./button\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./select\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\ntype RdpDropdownOption = {\n  value: string | number\n  label: string\n  disabled?: boolean\n}\n\ntype RdpDropdownProps = {\n  options?: RdpDropdownOption[]\n  value?: string | number\n  onChange?: React.ChangeEventHandler<HTMLSelectElement>\n  \"aria-label\"?: string\n}\n\nfunction CalendarDropdown(props: RdpDropdownProps) {\n  const { options, value, onChange } = props\n\n  const handleValueChange = (newValue: string) => {\n    if (!onChange) return\n    const syntheticEvent = {\n      target: { value: newValue },\n    } as unknown as React.ChangeEvent<HTMLSelectElement>\n    onChange(syntheticEvent)\n  }\n\n  return (\n    <Select value={value?.toString()} onValueChange={handleValueChange}>\n      <SelectTrigger className=\"h-7 px-2 text-sm\" aria-label={props[\"aria-label\"]}>\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        {options?.map((option) => (\n          <SelectItem\n            key={option.value.toString()}\n            value={option.value.toString()}\n            disabled={option.disabled}\n          >\n            {option.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  const captionLayout = props.captionLayout ?? \"dropdown\"\n  const isDropdownCaption =\n    captionLayout === \"dropdown\" ||\n    captionLayout === \"dropdown-months\" ||\n    captionLayout === \"dropdown-years\"\n\n  // Provide a broad default year range for dropdown captions.\n  // Callers can override by passing `startMonth` / `endMonth`.\n  const startMonth =\n    props.startMonth ?? (isDropdownCaption ? new Date(1900, 0) : undefined)\n  const endMonth =\n    props.endMonth ?? (isDropdownCaption ? new Date(2100, 11) : undefined)\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      captionLayout={captionLayout}\n      hideNavigation={props.hideNavigation ?? isDropdownCaption}\n      navLayout={props.navLayout ?? (isDropdownCaption ? \"around\" : undefined)}\n      startMonth={startMonth}\n      endMonth={endMonth}\n      className={cn(\"p-3 relative\", className)}\n      classNames={{\n        months: \"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0\",\n        month: \"space-y-4\",\n        caption: \"flex justify-center pt-1 relative items-center\",\n        caption_label: cn(\n          \"text-sm font-medium\",\n          isDropdownCaption && \"sr-only\"\n        ),\n        dropdowns: \"flex items-center gap-2\",\n        months_dropdown:\n          \"h-7 rounded-md border border-input bg-background px-2 text-sm\",\n        years_dropdown:\n          \"h-7 rounded-md border border-input bg-background px-2 text-sm\",\n        nav: \"space-x-1 flex items-center\",\n        nav_button: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100\"\n        ),\n        nav_button_previous: isDropdownCaption ? \"\" : \"absolute left-1\",\n        nav_button_next: isDropdownCaption ? \"\" : \"absolute right-1\",\n        table: \"w-full border-collapse space-y-1\",\n        head_row: \"flex\",\n        head_cell:\n          \"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]\",\n        row: \"flex w-full mt-2\",\n        cell: \"h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20\",\n        day: cn(\n          buttonVariants({ variant: \"ghost\" }),\n          \"h-9 w-9 p-0 font-normal aria-selected:opacity-100\"\n        ),\n        day_range_end: \"day-range-end\",\n        day_selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        day_today: \"bg-accent text-accent-foreground\",\n        day_outside:\n          \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n        day_disabled: \"text-muted-foreground opacity-50\",\n        day_range_middle:\n          \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        day_hidden: \"invisible\",\n\n        // v9 keys with explicit positioning relative to the NEW container\n        button_previous: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n          isDropdownCaption ? \"\" : \"absolute left-1 top-3\"\n        ),\n        button_next: cn(\n          buttonVariants({ variant: \"outline\" }),\n          \"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100\",\n          isDropdownCaption ? \"\" : \"absolute right-1 top-3\"\n        ),\n        month_grid: \"w-full border-collapse space-y-1\",\n        weekdays: \"flex\",\n        weekday: \"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]\",\n        week: \"flex w-full mt-2\",\n        day_button: cn(\n          buttonVariants({ variant: \"ghost\" }),\n          \"h-9 w-9 p-0 font-normal aria-selected:opacity-100\"\n        ),\n        range_end: \"day-range-end\",\n        selected:\n          \"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground\",\n        today: \"bg-accent text-accent-foreground\",\n        outside: \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n        disabled: \"text-muted-foreground opacity-50\",\n        range_middle: \"aria-selected:bg-accent aria-selected:text-accent-foreground\",\n        hidden: \"invisible\",\n        \n        ...classNames,\n      }}\n      components={{\n        IconLeft: () => <ChevronLeft className=\"h-4 w-4\" />,\n        IconRight: () => <ChevronRight className=\"h-4 w-4\" />,\n        // @ts-expect-error react-day-picker v9 component typing differences\n        Dropdown: CalendarDropdown,\n        Chevron: ({ orientation }) => {\n            const Icon = orientation === 'left' ? ChevronLeft : ChevronRight\n            return <Icon className=\"h-4 w-4\" />\n        }\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = \"Calendar\"\n\nexport { Calendar }\n","import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"../../core/utils\"\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverContent = React.forwardRef<\n  React.ElementRef<typeof PopoverPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <PopoverPrimitive.Portal>\n    <PopoverPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </PopoverPrimitive.Portal>\n))\nPopoverContent.displayName = PopoverPrimitive.Content.displayName\n\nexport { Popover, PopoverTrigger, PopoverContent }\n\n"]}

package/dist/chunk-BU4ZEAAP.mjs

@@ -0,0 +1,102 @@
+import { cn } from './chunk-VPU66PI6.mjs';
+import { useState } from 'react';
+import { ChevronRight } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function getStatusBasedClass(status) {
+  switch ((status || "").toLowerCase()) {
+    case "high":
+      return "bg-red-100 text-red-500";
+    case "medium":
+      return "bg-yellow-100 text-yellow-600";
+    case "low":
+      return "bg-green-100 text-green-600";
+    default:
+      return "bg-gray-200 text-gray-600";
+  }
+}
+function DiagnosisCard({ item, defaultOpen = false }) {
+  const [open, setOpen] = useState(defaultOpen);
+  return /* @__PURE__ */ jsxs("div", { className: "border border-gray-200 rounded-lg bg-[#F2F2F2] mb-2 last:mb-0 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((o) => !o),
+        className: cn(
+          "w-full text-left flex items-center gap-2 py-2 px-3 rounded-lg",
+          "cursor-pointer hover:bg-gray-200/60 transition-colors"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            ChevronRight,
+            {
+              className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", open && "rotate-90")
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500 font-medium", children: item.category.charAt(0).toUpperCase() + item.category.slice(1) }),
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-black font-semibold mt-0.5 leading-tight", children: item.condition })
+          ] })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 px-3 pb-3 pt-0 pl-9", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs font-semibold text-gray-500", children: [
+        /* @__PURE__ */ jsx("span", { children: "LIKELIHOOD" }),
+        /* @__PURE__ */ jsx("span", { children: "SEVERITY" }),
+        /* @__PURE__ */ jsx("span", { children: "TREATABILITY" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: cn("px-2.5 py-0.5 rounded-full text-xs font-bold shrink-0", getStatusBasedClass(item.likelihood)), children: item.likelihood }),
+        /* @__PURE__ */ jsx("span", { className: cn("px-2.5 py-0.5 rounded-full text-xs font-bold shrink-0", getStatusBasedClass(item.severity)), children: item.severity }),
+        /* @__PURE__ */ jsx("span", { className: cn("px-2.5 py-0.5 rounded-full text-xs font-bold shrink-0", getStatusBasedClass(item.treatability)), children: item.treatability })
+      ] }),
+      item.keyFeatures && item.keyFeatures.length > 0 && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-gray-500 mb-0.5 uppercase tracking-wider", children: "Key Features" }),
+        /* @__PURE__ */ jsx("ul", { className: "list-disc pl-4 text-xs text-gray-700 space-y-0.5", children: item.keyFeatures.map((feature, i) => /* @__PURE__ */ jsx("li", { children: feature }, i)) })
+      ] }),
+      item.nextSteps && item.nextSteps.length > 0 && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-gray-500 mb-0.5 uppercase tracking-wider", children: "Next Steps" }),
+        /* @__PURE__ */ jsx("ul", { className: "list-disc pl-4 text-xs text-gray-700 space-y-0.5", children: item.nextSteps.map((step, i) => /* @__PURE__ */ jsx("li", { children: step }, i)) })
+      ] })
+    ] })
+  ] });
+}
+var DifferentialDiagnosis = ({
+  differentialDiagnosis,
+  className = "",
+  height = "300px"
+}) => {
+  const hasItems = Array.isArray(differentialDiagnosis) && differentialDiagnosis.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-md overflow-hidden flex flex-col border border-[#D0D0D0]",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "rounded-t-md bg-[#FEE8EC] px-3 py-1.5 text-xs shrink-0 z-[1] text-slate-600 flex items-center font-semibold", children: /* @__PURE__ */ jsx("span", { children: "Differential Diagnosis" }) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "relative bg-white rounded-b-md border-t border-[#D0D0D0] overflow-y-auto p-3",
+              "focus-visible:outline-none"
+            ),
+            style: { minHeight: height, maxHeight: height },
+            children: [
+              hasItems ? differentialDiagnosis.map((item, idx) => /* @__PURE__ */ jsx(DiagnosisCard, { item, defaultOpen: idx === 0 }, idx)) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No differential diagnosis yet." }),
+              /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 h-[30%] bg-gradient-to-t from-white via-white/80 to-transparent" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { DifferentialDiagnosis };
+//# sourceMappingURL=chunk-BU4ZEAAP.mjs.map
+//# sourceMappingURL=chunk-BU4ZEAAP.mjs.map

package/dist/chunk-BU4ZEAAP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/widgets/DifferentialDiagnosis.tsx"],"names":[],"mappings":"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","file":"chunk-BU4ZEAAP.mjs","sourcesContent":["import React, { useState } from 'react';\nimport { ChevronRight } from 'lucide-react';\nimport { cn } from '../../core/utils';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type DifferentialDiagnosisItem = {\n  category: string;\n  condition: string;\n  likelihood: string;\n  severity: string;\n  treatability: string;\n  keyFeatures?: string[];\n  nextSteps?: string[];\n};\n\nexport type DifferentialDiagnosisProps = {\n  differentialDiagnosis: DifferentialDiagnosisItem[];\n  className?: string;\n  height?: string;\n};\n\n// ─── Helpers ────────────────────────────────────────────────────────────────────\n\nfunction getStatusBasedClass(status: string): string {\n  switch ((status || '').toLowerCase()) {\n    case 'high':\n      return 'bg-red-100 text-red-500';\n    case 'medium':\n      return 'bg-yellow-100 text-yellow-600';\n    case 'low':\n      return 'bg-green-100 text-green-600';\n    default:\n      return 'bg-gray-200 text-gray-600';\n  }\n}\n\n// ─── Diagnosis card (accordion) ─────────────────────────────────────────────────\n\nfunction DiagnosisCard({ item, defaultOpen = false }: { item: DifferentialDiagnosisItem; defaultOpen?: boolean }) {\n  const [open, setOpen] = useState(defaultOpen);\n\n  return (\n    <div className=\"border border-gray-200 rounded-lg bg-[#F2F2F2] mb-2 last:mb-0 overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((o) => !o)}\n        className={cn(\n          'w-full text-left flex items-center gap-2 py-2 px-3 rounded-lg',\n          'cursor-pointer hover:bg-gray-200/60 transition-colors'\n        )}\n      >\n        <ChevronRight\n          className={cn('h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform', open && 'rotate-90')}\n        />\n        <div className=\"flex-1 min-w-0\">\n          <div className=\"text-xs text-gray-500 font-medium\">\n            {item.category.charAt(0).toUpperCase() + item.category.slice(1)}\n          </div>\n          <div className=\"text-sm text-black font-semibold mt-0.5 leading-tight\">{item.condition}</div>\n        </div>\n      </button>\n\n      {open && (\n        <div className=\"flex flex-col gap-2 px-3 pb-3 pt-0 pl-9\">\n          <div className=\"flex justify-between text-xs font-semibold text-gray-500\">\n            <span>LIKELIHOOD</span>\n            <span>SEVERITY</span>\n            <span>TREATABILITY</span>\n          </div>\n          <div className=\"flex justify-between gap-2\">\n            <span className={cn('px-2.5 py-0.5 rounded-full text-xs font-bold shrink-0', getStatusBasedClass(item.likelihood))}>\n              {item.likelihood}\n            </span>\n            <span className={cn('px-2.5 py-0.5 rounded-full text-xs font-bold shrink-0', getStatusBasedClass(item.severity))}>\n              {item.severity}\n            </span>\n            <span className={cn('px-2.5 py-0.5 rounded-full text-xs font-bold shrink-0', getStatusBasedClass(item.treatability))}>\n              {item.treatability}\n            </span>\n          </div>\n\n          {item.keyFeatures && item.keyFeatures.length > 0 && (\n            <div className=\"pt-1\">\n              <div className=\"text-xs font-semibold text-gray-500 mb-0.5 uppercase tracking-wider\">Key Features</div>\n              <ul className=\"list-disc pl-4 text-xs text-gray-700 space-y-0.5\">\n                {item.keyFeatures.map((feature, i) => (\n                  <li key={i}>{feature}</li>\n                ))}\n              </ul>\n            </div>\n          )}\n\n          {item.nextSteps && item.nextSteps.length > 0 && (\n            <div className=\"pt-1\">\n              <div className=\"text-xs font-semibold text-gray-500 mb-0.5 uppercase tracking-wider\">Next Steps</div>\n              <ul className=\"list-disc pl-4 text-xs text-gray-700 space-y-0.5\">\n                {item.nextSteps.map((step, i) => (\n                  <li key={i}>{step}</li>\n                ))}\n              </ul>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\n/**\n * - Outer: rounded border [#D0D0D0], highlight label strip (#FEE8EC)\n * - Body: scrollable list of diagnosis cards with accordion expand/collapse\n */\nexport const DifferentialDiagnosis: React.FC<DifferentialDiagnosisProps> = ({\n  differentialDiagnosis,\n  className = '',\n  height = '300px',\n}) => {\n  const hasItems = Array.isArray(differentialDiagnosis) && differentialDiagnosis.length > 0;\n\n  return (\n    <div\n      className={cn(\n        'rounded-md overflow-hidden flex flex-col border border-[#D0D0D0]',\n        className\n      )}\n    >\n      {/* Header: highlight-label style */}\n      <div className=\"rounded-t-md bg-[#FEE8EC] px-3 py-1.5 text-xs shrink-0 z-[1] text-slate-600 flex items-center font-semibold\">\n        <span>Differential Diagnosis</span>\n      </div>\n\n      {/* Body: scrollable list */}\n      <div\n        className={cn(\n          'relative bg-white rounded-b-md border-t border-[#D0D0D0] overflow-y-auto p-3',\n          'focus-visible:outline-none'\n        )}\n        style={{ minHeight: height, maxHeight: height }}\n      >\n        {hasItems ? (\n          differentialDiagnosis.map((item, idx) => (\n            <DiagnosisCard key={idx} item={item} defaultOpen={idx === 0} />\n          ))\n        ) : (\n          <p className=\"text-xs text-muted-foreground\">No differential diagnosis yet.</p>\n        )}\n\n        {/* Progressive blur-style overlay at bottom (30% height) */}\n        <div className=\"pointer-events-none absolute inset-x-0 bottom-0 h-[30%] bg-gradient-to-t from-white via-white/80 to-transparent\" />\n      </div>\n    </div>\n  );\n};\n"]}