@mindbill/react 0.9.1 → 0.9.3

package/dist/index.js

@@ -2,10 +2,10 @@
 
 // src/index.tsx
 import "@mindbill/embed";
-import { createElement, useEffect as useEffect4, useRef as useRef3 } from "react";
+import { createElement, useEffect as useEffect4, useRef as useRef4 } from "react";
 
 // src/native-bill-review.tsx
-import { useEffect, useId, useMemo, useState } from "react";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EMPTY_BILLING_PROVIDER = {
   name: "",
@@ -37,6 +37,35 @@ var DOCUMENT_LABELS = {
   appeal: "Appeal or review support",
   other: "Other supporting document"
 };
+var US_STATES = ["AL", "AK", "AZ", "AR", "CA", "CO", "CT", "DE", "FL", "GA", "HI", "ID", "IL", "IN", "IA", "KS", "KY", "LA", "ME", "MD", "MA", "MI", "MN", "MS", "MO", "MT", "NE", "NV", "NH", "NJ", "NM", "NY", "NC", "ND", "OH", "OK", "OR", "PA", "RI", "SC", "SD", "TN", "TX", "UT", "VT", "VA", "WA", "WV", "WI", "WY", "DC"];
+var PROCEDURES = [
+  ["ML200", "Missed med-legal appointment"],
+  ["ML201", "Comprehensive med-legal evaluation"],
+  ["ML202", "Follow-up med-legal evaluation"],
+  ["ML203", "Supplemental med-legal evaluation"],
+  ["ML204", "Medical-legal testimony"],
+  ["ML205", "Sub rosa recording review"],
+  ["MLPRR", "Medical record review"]
+];
+var MODIFIERS = [
+  ["92", "Primary treating physician"],
+  ["93", "Interpreter required"],
+  ["94", "Agreed medical evaluator (AME)"],
+  ["95", "Qualified medical evaluator (QME)"],
+  ["96", "Psychiatric or psychological evaluation"],
+  ["97", "Toxicology evaluation"],
+  ["98", "Oncology evaluation"]
+];
+var MANAGED_EVALUATOR_MODIFIERS = /* @__PURE__ */ new Set(["94", "95", "96"]);
+var MODIFIER_CODES = {
+  "92": ["ML201", "ML202", "ML203"],
+  "93": ["ML201", "ML202"],
+  "94": ["ML201", "ML202", "ML203"],
+  "95": ["ML200", "ML201", "ML202", "ML203", "MLPRR"],
+  "96": ["ML201", "ML202", "ML203"],
+  "97": ["ML201", "ML202", "ML203"],
+  "98": ["ML201", "ML202", "ML203"]
+};
 function withoutId(value) {
   const result = { ...value };
   delete result.id;
@@ -44,7 +73,20 @@ function withoutId(value) {
 }
 function toDraft(data) {
   const snapshot = data.bill.billingSnapshot;
+  const nameParts = data.patient.name.trim().split(/\s+/);
   return {
+    claimsAdminId: data.injury.claimsAdminId || "",
+    claimsAdminName: data.injury.claimsAdminName || "",
+    patientFirstName: data.patient.firstName || nameParts[0] || "",
+    patientMiddleName: data.patient.middleName || (nameParts.length > 2 ? nameParts.slice(1, -1).join(" ") : ""),
+    patientLastName: data.patient.lastName || (nameParts.length > 1 ? nameParts.at(-1) || "" : ""),
+    patientDob: data.patient.dob || "",
+    claimNumber: data.injury.claimNumber || "",
+    employer: data.injury.employer || "",
+    doi: data.injury.doi || "",
+    injuryEndDate: data.injury.injuryEndDate || "",
+    cumulativeTrauma: Boolean(data.injury.cumulativeTrauma),
+    adjNumber: data.injury.adjNumber || "",
     dos: data.bill.dos || "",
     dosEnd: data.bill.dosEnd || "",
     authorizationNumber: data.bill.authorizationNumber || "",
@@ -59,6 +101,21 @@ function toDraft(data) {
 }
 function buildBillReviewSaveInput(draft) {
   return {
+    claimsAdminId: draft.claimsAdminId,
+    patientOverrides: {
+      firstName: draft.patientFirstName.trim(),
+      ...draft.patientMiddleName.trim() ? { middleName: draft.patientMiddleName.trim() } : {},
+      lastName: draft.patientLastName.trim(),
+      ...draft.patientDob ? { dob: draft.patientDob } : {}
+    },
+    injuryOverrides: {
+      ...draft.claimNumber.trim() ? { claimNumber: draft.claimNumber.trim() } : {},
+      ...draft.employer.trim() ? { employer: draft.employer.trim() } : {},
+      ...draft.doi ? { doi: draft.doi } : {},
+      ...draft.injuryEndDate ? { injuryEndDate: draft.injuryEndDate } : {},
+      cumulativeTrauma: draft.cumulativeTrauma,
+      ...draft.adjNumber.trim() ? { adjNumber: draft.adjNumber.trim().toUpperCase().replace(/\s+/g, "") } : {}
+    },
     dos: draft.dos,
     dosEnd: draft.dosEnd || null,
     authorizationNumber: draft.authorizationNumber.trim() || null,
@@ -68,7 +125,7 @@ function buildBillReviewSaveInput(draft) {
     renderingProvider: withoutId(draft.clinician),
     ...draft.location.id ? { placeOfServiceId: draft.location.id } : {},
     placeOfService: withoutId(draft.location),
-    lineItems: draft.lineItems.map(({ id, code, modifiers, units }) => ({
+    lineItems: draft.lineItems.filter((line) => line.code.trim()).map(({ id, code, modifiers, units }) => ({
       ...id ? { id } : {},
       code: code.trim().toUpperCase(),
       modifiers,
@@ -100,7 +157,9 @@ function Field({
   onChange,
   type = "text",
   optional,
-  required
+  required,
+  disabled,
+  hint
 }) {
   return /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
     /* @__PURE__ */ jsxs("span", { children: [
@@ -114,11 +173,128 @@ function Field({
         type,
         value,
         required,
+        disabled,
+        autoComplete: "off",
         onChange: (event) => onChange(event.target.value)
       }
-    )
+    ),
+    hint ? /* @__PURE__ */ jsx("small", { className: "mb-native-hint", children: hint }) : null
+  ] });
+}
+function Combobox({ label, value, options, onChange, placeholder, required, disabled, name }) {
+  const listId = useId();
+  const root = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [active, setActive] = useState(0);
+  const filtered = useMemo(() => {
+    const query = value.trim().toLowerCase();
+    return options.filter((option) => !query || option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query)).slice(0, 40);
+  }, [options, value]);
+  useEffect(() => {
+    const close = (event) => {
+      if (!root.current?.contains(event.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", close);
+    return () => document.removeEventListener("mousedown", close);
+  }, []);
+  const select = (option) => {
+    onChange(option.value, option);
+    setOpen(false);
+    setActive(0);
+  };
+  const keyDown = (event) => {
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setOpen(true);
+      setActive((value2) => Math.min(value2 + 1, filtered.length - 1));
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setActive((value2) => Math.max(value2 - 1, 0));
+    }
+    if (event.key === "Enter" && open && filtered[active]) {
+      event.preventDefault();
+      select(filtered[active]);
+    }
+    if (event.key === "Escape") setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "mb-native-combo", ref: root, children: [
+    /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
+      /* @__PURE__ */ jsx("span", { children: label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          role: "combobox",
+          "aria-autocomplete": "list",
+          "aria-controls": listId,
+          "aria-expanded": open && filtered.length > 0,
+          "aria-activedescendant": open && filtered[active] ? `${listId}-${active}` : void 0,
+          name: name || "mindbill-search-value",
+          autoComplete: "new-password",
+          "data-1p-ignore": "true",
+          "data-lpignore": "true",
+          value,
+          placeholder,
+          required,
+          disabled,
+          onFocus: () => setOpen(true),
+          onKeyDown: keyDown,
+          onChange: (event) => {
+            onChange(event.target.value);
+            setOpen(true);
+            setActive(0);
+          }
+        }
+      )
+    ] }),
+    open && filtered.length ? /* @__PURE__ */ jsx("ul", { id: listId, role: "listbox", className: "mb-native-combo-list", children: filtered.map((option, index) => /* @__PURE__ */ jsx("li", { id: `${listId}-${index}`, role: "option", "aria-selected": index === active, children: /* @__PURE__ */ jsxs("button", { type: "button", className: index === active ? "active" : "", onMouseDown: (event) => event.preventDefault(), onClick: () => select(option), children: [
+      /* @__PURE__ */ jsx("strong", { children: option.label }),
+      option.detail ? /* @__PURE__ */ jsx("span", { children: option.detail }) : null
+    ] }) }, `${option.value}-${index}`)) }) : null
   ] });
 }
+function StateCombobox({ label, value, onChange, required, disabled }) {
+  return /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      label,
+      value,
+      onChange: (next) => onChange(next.toUpperCase().slice(0, 2)),
+      options: US_STATES.map((state) => ({ value: state, label: state })),
+      ...required === void 0 ? {} : { required },
+      ...disabled === void 0 ? {} : { disabled },
+      name: "mindbill-state-value"
+    }
+  );
+}
+function inferPreset(lines) {
+  const modifiers = new Set(lines.flatMap((line) => line.modifiers));
+  return modifiers.has("94") ? "ame" : modifiers.has("96") ? "psych_qme" : "qme";
+}
+function presetModifiersForCode(preset, code) {
+  if (code === "MLPRR") return ["95"];
+  if (preset === "qme" && ["ML200", "ML201", "ML202", "ML203"].includes(code)) return ["95"];
+  if (preset === "ame" && ["ML201", "ML202", "ML203"].includes(code)) return ["94"];
+  if (preset === "psych_qme") {
+    if (code === "ML200") return ["95"];
+    if (["ML201", "ML202", "ML203"].includes(code)) return ["96"];
+  }
+  return [];
+}
+function modifierAppliesToCode(modifier, code) {
+  return !code || (MODIFIER_CODES[modifier]?.includes(code) ?? true);
+}
+function applyPreset(lines, preset) {
+  return lines.map((line) => {
+    const preserved = line.modifiers.filter(
+      (value) => !MANAGED_EVALUATOR_MODIFIERS.has(value) && modifierAppliesToCode(value, line.code)
+    );
+    return {
+      ...line,
+      modifiers: [.../* @__PURE__ */ new Set([...presetModifiersForCode(preset, line.code), ...preserved])]
+    };
+  });
+}
 function BillReviewForm({
   data,
   onSave,
@@ -126,12 +302,19 @@ function BillReviewForm({
   onAddAttachment,
   onRemoveAttachment,
   onOpenAttachment,
+  onSearchClaimsAdministrators,
   className,
   style,
   appearance,
+  features,
   disabled = false
 }) {
   const [draft, setDraft] = useState(() => toDraft(data));
+  const [payerQuery, setPayerQuery] = useState(
+    () => data.injury.claimsAdminName || ""
+  );
+  const [payerResults, setPayerResults] = useState([]);
+  const [payerBusy, setPayerBusy] = useState(false);
   const [route, setRoute] = useState("ebill");
   const [file, setFile] = useState(null);
   const [documentType, setDocumentType] = useState("other");
@@ -140,13 +323,56 @@ function BillReviewForm({
   const [notice, setNotice] = useState("");
   const routeName = useId();
   const editable = data.bill.status === "incomplete" && !disabled;
-  useEffect(() => setDraft(toDraft(data)), [data]);
-  const canSubmit = useMemo(
-    () => Boolean(
-      draft.dos && draft.billingProvider.name.trim() && draft.billingProvider.taxId.trim() && draft.billingProvider.npi.trim() && draft.clinician.name.trim() && draft.clinician.npi.trim() && draft.location.name.trim() && draft.location.street.trim() && draft.location.city.trim() && draft.location.state.trim() && draft.location.zip.trim() && draft.lineItems.length && draft.lineItems.every((line) => line.code.trim() && line.units > 0)
-    ),
-    [draft]
-  );
+  useEffect(() => {
+    setDraft(toDraft(data));
+    setPayerQuery(data.injury.claimsAdminName || "");
+  }, [data]);
+  useEffect(() => {
+    if (!onSearchClaimsAdministrators || payerQuery.trim().length < 2) {
+      setPayerResults([]);
+      setPayerBusy(false);
+      return;
+    }
+    let current = true;
+    const timer = window.setTimeout(() => {
+      setPayerBusy(true);
+      void onSearchClaimsAdministrators(payerQuery.trim()).then((results) => {
+        if (current) setPayerResults(results);
+      }).catch((cause) => {
+        if (current) {
+          setPayerResults([]);
+          setError(
+            cause instanceof Error ? cause.message : "Claims administrator search is unavailable."
+          );
+        }
+      }).finally(() => {
+        if (current) setPayerBusy(false);
+      });
+    }, 200);
+    return () => {
+      current = false;
+      window.clearTimeout(timer);
+    };
+  }, [onSearchClaimsAdministrators, payerQuery]);
+  const adjFormatValid = !draft.adjNumber || /^ADJ\d{7,}$/i.test(draft.adjNumber.replace(/[\s-]/g, ""));
+  const blockers = useMemo(() => {
+    const result = [];
+    if (!draft.patientFirstName.trim() || !draft.patientLastName.trim()) result.push("Patient name");
+    if (!draft.claimsAdminId) result.push("Claims administrator");
+    if (!draft.claimNumber.trim()) result.push("Claim number");
+    if (!draft.doi) result.push("Date of injury");
+    if (!adjFormatValid) result.push("Valid WCAB / ADJ number");
+    if (!draft.dos) result.push("Date of service");
+    if (!draft.billingProvider.name.trim()) result.push("Practice name");
+    if (!draft.billingProvider.taxId.trim()) result.push("Tax ID");
+    if (!draft.billingProvider.npi.trim()) result.push("Billing NPI");
+    if (!draft.clinician.name.trim() || !draft.clinician.npi.trim()) result.push("Clinician and NPI");
+    if (![draft.location.name, draft.location.street, draft.location.city, draft.location.state, draft.location.zip].every((value) => value.trim())) result.push("Service location");
+    const completedLines = draft.lineItems.filter((line) => line.code.trim());
+    if (!completedLines.length || completedLines.some((line) => line.units <= 0)) result.push("Valid procedure line");
+    return result;
+  }, [adjFormatValid, draft]);
+  const canSubmit = blockers.length === 0;
   const updateBillingProvider = (key, value) => setDraft((current) => ({
     ...current,
     billingProvider: { ...current.billingProvider, [key]: value }
@@ -168,7 +394,7 @@ function BillReviewForm({
       setNotice(action === "save" ? "Changes saved." : "Bill submitted.");
     } catch (cause) {
       setError(
-        cause instanceof Error ? cause.message : "MindBill could not complete this request."
+        cause instanceof Error ? cause.message : "The billing request could not be completed."
       );
     } finally {
       setBusy("");
@@ -223,30 +449,90 @@ function BillReviewForm({
         /* @__PURE__ */ jsxs("dl", { className: "mb-native-summary", children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("dt", { children: "Patient" }),
-            /* @__PURE__ */ jsx("dd", { children: data.patient.name || "\u2014" })
+            /* @__PURE__ */ jsx("dd", { children: [draft.patientFirstName, draft.patientMiddleName, draft.patientLastName].filter(Boolean).join(" ") || "\u2014" })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("dt", { children: "Claim" }),
-            /* @__PURE__ */ jsx("dd", { children: data.injury.claimNumber || "\u2014" })
+            /* @__PURE__ */ jsx("dd", { children: draft.claimNumber || "\u2014" })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("dt", { children: "Employer" }),
-            /* @__PURE__ */ jsx("dd", { children: data.injury.employer || "\u2014" })
+            /* @__PURE__ */ jsx("dd", { children: draft.employer || "\u2014" })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("dt", { children: "Date of injury" }),
-            /* @__PURE__ */ jsx("dd", { children: data.injury.doi || "\u2014" })
+            /* @__PURE__ */ jsx("dd", { children: draft.doi || "\u2014" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { children: "Claims administrator" }),
+              /* @__PURE__ */ jsx("p", { children: "Select the carrier or administrator that should receive this bill." })
+            ] }),
+            draft.claimsAdminId ? /* @__PURE__ */ jsx("span", { children: "Selected" }) : /* @__PURE__ */ jsx("span", { children: "Required" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mb-native-payer-picker", children: [
+            /* @__PURE__ */ jsx(
+              Combobox,
+              {
+                label: "Insurance company or claims administrator",
+                value: payerQuery,
+                disabled: !editable,
+                placeholder: "Search by payer or administrator name",
+                name: "mindbill-payer-query",
+                options: payerResults.map((payer) => ({ value: payer.id, label: payer.name, detail: payer.hasElectronic ? "Electronic billing available" : "Billing route confirmed after review" })),
+                onChange: (value, option) => {
+                  if (option) {
+                    setDraft((current) => ({ ...current, claimsAdminId: option.value, claimsAdminName: option.label }));
+                    setPayerQuery(option.label);
+                    setPayerResults([]);
+                    setNotice("Claims administrator selected. Save changes to keep it on this bill.");
+                  } else {
+                    setPayerQuery(value);
+                    setDraft((current) => value === current.claimsAdminName ? current : { ...current, claimsAdminId: "", claimsAdminName: "" });
+                  }
+                }
+              }
+            ),
+            payerBusy ? /* @__PURE__ */ jsx("span", { className: "mb-native-payer-help", children: "Searching\u2026" }) : null,
+            !payerBusy && payerQuery.trim().length > 1 && payerResults.length === 0 && !draft.claimsAdminId ? /* @__PURE__ */ jsx("span", { className: "mb-native-payer-help", children: "No matching administrator selected yet." }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { children: "Patient and claim" }),
+              /* @__PURE__ */ jsx("p", { children: "Prefilled from the case. Correct anything that should print differently on this bill." })
+            ] }),
+            /* @__PURE__ */ jsx("span", { children: "Editable" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mb-native-grid three", children: [
+            /* @__PURE__ */ jsx(Field, { label: "Patient first name", required: true, disabled: !editable, value: draft.patientFirstName, onChange: (patientFirstName) => setDraft((current) => ({ ...current, patientFirstName })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Middle name", optional: true, disabled: !editable, value: draft.patientMiddleName, onChange: (patientMiddleName) => setDraft((current) => ({ ...current, patientMiddleName })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Patient last name", required: true, disabled: !editable, value: draft.patientLastName, onChange: (patientLastName) => setDraft((current) => ({ ...current, patientLastName })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Date of birth", type: "date", required: true, disabled: !editable, value: draft.patientDob, onChange: (patientDob) => setDraft((current) => ({ ...current, patientDob })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Claim number", required: true, disabled: !editable, value: draft.claimNumber, onChange: (claimNumber) => setDraft((current) => ({ ...current, claimNumber })), ...data.injury.claimPatternStatus?.detail || data.injury.claimPatternStatus?.label ? { hint: data.injury.claimPatternStatus?.detail || data.injury.claimPatternStatus?.label || "" } : {} }),
+            /* @__PURE__ */ jsx(Field, { label: "Employer", disabled: !editable, value: draft.employer, onChange: (employer) => setDraft((current) => ({ ...current, employer })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Date of injury", type: "date", required: true, disabled: !editable, value: draft.doi, onChange: (doi) => setDraft((current) => ({ ...current, doi })) }),
+            draft.cumulativeTrauma ? /* @__PURE__ */ jsx(Field, { label: "Cumulative trauma end date", type: "date", required: true, disabled: !editable, value: draft.injuryEndDate, onChange: (injuryEndDate) => setDraft((current) => ({ ...current, injuryEndDate })) }) : null,
+            features?.wcabNumber === false ? null : /* @__PURE__ */ jsx(Field, { label: "WCAB / ADJ number", optional: true, disabled: !editable, value: draft.adjNumber, onChange: (adjNumber) => setDraft((current) => ({ ...current, adjNumber })), hint: adjFormatValid ? "Use the EAMS case number shown as ADJ followed by digits." : "Expected format: ADJ followed by at least 7 digits." })
+          ] }),
+          features?.wcabNumber === false ? null : /* @__PURE__ */ jsxs("p", { className: "mb-native-eams", children: [
+            "EAMS lookup requires California DWC verification. ",
+            /* @__PURE__ */ jsx("a", { href: "https://eams.dwc.ca.gov/WebEnhancement/", target: "_blank", rel: "noreferrer", children: "Verify in EAMS" }),
+            "."
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
           /* @__PURE__ */ jsx("div", { className: "mb-native-section-head", children: /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h3", { children: "Claim and service" }),
-            /* @__PURE__ */ jsx("p", { children: "These values print on the bill." })
+            /* @__PURE__ */ jsx("h3", { children: "Service" }),
+            /* @__PURE__ */ jsx("p", { children: "The service date and optional payer authorization printed on this bill." })
           ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: "mb-native-grid three", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Date of service", type: "date", required: true, value: draft.dos, onChange: (dos) => setDraft((current) => ({ ...current, dos })) }),
-            /* @__PURE__ */ jsx(Field, { label: "End date", type: "date", optional: true, value: draft.dosEnd, onChange: (dosEnd) => setDraft((current) => ({ ...current, dosEnd })) }),
-            /* @__PURE__ */ jsx(Field, { label: "Authorization number", optional: true, value: draft.authorizationNumber, onChange: (authorizationNumber) => setDraft((current) => ({ ...current, authorizationNumber })) })
+          /* @__PURE__ */ jsxs("div", { className: `mb-native-grid ${features?.serviceDateRange || features?.authorizationNumber !== false ? "three" : "one"}`, children: [
+            /* @__PURE__ */ jsx(Field, { label: "Date of service", type: "date", required: true, disabled: !editable, value: draft.dos, onChange: (dos) => setDraft((current) => ({ ...current, dos })) }),
+            features?.serviceDateRange ? /* @__PURE__ */ jsx(Field, { label: "Service end date", type: "date", optional: true, disabled: !editable, value: draft.dosEnd, onChange: (dosEnd) => setDraft((current) => ({ ...current, dosEnd })) }) : null,
+            features?.authorizationNumber === false ? null : /* @__PURE__ */ jsx(Field, { label: "Authorization number", optional: true, disabled: !editable, value: draft.authorizationNumber, onChange: (authorizationNumber) => setDraft((current) => ({ ...current, authorizationNumber })) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
@@ -260,11 +546,11 @@ function BillReviewForm({
           /* @__PURE__ */ jsxs("div", { className: "mb-native-grid three", children: [
             /* @__PURE__ */ jsx(Field, { label: "Practice name", required: true, value: draft.billingProvider.name, onChange: (value) => updateBillingProvider("name", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Tax ID", required: true, value: draft.billingProvider.taxId, onChange: (value) => updateBillingProvider("taxId", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "Group NPI", required: true, value: draft.billingProvider.npi, onChange: (value) => updateBillingProvider("npi", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "Billing NPI", required: true, value: draft.billingProvider.npi, onChange: (value) => updateBillingProvider("npi", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Phone", optional: true, value: draft.billingProvider.phone || "", onChange: (value) => updateBillingProvider("phone", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Billing street", required: true, value: draft.billingProvider.billingStreet || "", onChange: (value) => updateBillingProvider("billingStreet", value) }),
             /* @__PURE__ */ jsx(Field, { label: "City", required: true, value: draft.billingProvider.billingCity || "", onChange: (value) => updateBillingProvider("billingCity", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "State", required: true, value: draft.billingProvider.billingState || "", onChange: (value) => updateBillingProvider("billingState", value) }),
+            /* @__PURE__ */ jsx(StateCombobox, { label: "State", required: true, disabled: !editable, value: draft.billingProvider.billingState || "", onChange: (value) => updateBillingProvider("billingState", value) }),
             /* @__PURE__ */ jsx(Field, { label: "ZIP", required: true, value: draft.billingProvider.billingZip || "", onChange: (value) => updateBillingProvider("billingZip", value) })
           ] })
         ] }),
@@ -282,7 +568,7 @@ function BillReviewForm({
             /* @__PURE__ */ jsx(Field, { label: "NPI", required: true, value: draft.clinician.npi, onChange: (value) => updateClinician("npi", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Taxonomy", optional: true, value: draft.clinician.taxonomy || "", onChange: (value) => updateClinician("taxonomy", value) }),
             /* @__PURE__ */ jsx(Field, { label: "License number", optional: true, value: draft.clinician.licenseNumber || "", onChange: (value) => updateClinician("licenseNumber", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "License state", optional: true, value: draft.clinician.licenseState || "", onChange: (value) => updateClinician("licenseState", value) })
+            /* @__PURE__ */ jsx(StateCombobox, { label: "License state (optional)", disabled: !editable, value: draft.clinician.licenseState || "", onChange: (value) => updateClinician("licenseState", value) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
@@ -297,7 +583,7 @@ function BillReviewForm({
             /* @__PURE__ */ jsx(Field, { label: "Location name", required: true, value: draft.location.name, onChange: (value) => updateLocation("name", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Street", required: true, value: draft.location.street, onChange: (value) => updateLocation("street", value) }),
             /* @__PURE__ */ jsx(Field, { label: "City", required: true, value: draft.location.city, onChange: (value) => updateLocation("city", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "State", required: true, value: draft.location.state, onChange: (value) => updateLocation("state", value) }),
+            /* @__PURE__ */ jsx(StateCombobox, { label: "State", required: true, disabled: !editable, value: draft.location.state, onChange: (value) => updateLocation("state", value) }),
             /* @__PURE__ */ jsx(Field, { label: "ZIP", required: true, value: draft.location.zip, onChange: (value) => updateLocation("zip", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Place of service code", required: true, value: draft.location.posCode || "11", onChange: (value) => updateLocation("posCode", value) })
           ] })
@@ -306,16 +592,75 @@ function BillReviewForm({
           /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("h3", { children: "Procedure lines" }),
-              /* @__PURE__ */ jsx("p", { children: "MindBill recalculates the allowed amount when changes are saved." })
+              /* @__PURE__ */ jsx("p", { children: "Choose a billing profile, then review the codes and modifiers. Allowed amounts recalculate on save." })
             ] }),
-            /* @__PURE__ */ jsx("button", { type: "button", className: "mb-native-button quiet", disabled: !editable, onClick: () => setDraft((current) => ({ ...current, lineItems: [...current.lineItems, { code: "", modifiers: [], units: 1, charge: 0 }] })), children: "+ Add line" })
+            /* @__PURE__ */ jsx("button", { type: "button", className: "mb-native-button quiet", disabled: !editable || draft.lineItems.length >= 50, onClick: () => setDraft((current) => ({ ...current, lineItems: [...current.lineItems, { code: "", modifiers: [], units: 1, charge: 0 }] })), children: "+ Add line" })
+          ] }),
+          features?.codingPresets === false ? null : /* @__PURE__ */ jsxs("div", { className: "mb-native-presets", role: "group", "aria-label": "Evaluation billing profile", children: [
+            [["qme", "QME"], ["ame", "AME"], ["psych_qme", "Psych QME"]].map(([value, label]) => /* @__PURE__ */ jsx("button", { type: "button", className: inferPreset(draft.lineItems) === value ? "active" : "", disabled: !editable, onClick: () => setDraft((current) => ({ ...current, lineItems: applyPreset(current.lineItems, value) })), children: label }, value)),
+            /* @__PURE__ */ jsx("span", { children: "Sets evaluator modifiers across med-legal lines. You can still edit each line." })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "mb-native-lines", children: draft.lineItems.map((line, index) => /* @__PURE__ */ jsxs("div", { className: "mb-native-line", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Procedure", required: true, value: line.code, onChange: (value) => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, code: value } : item) })) }),
-            /* @__PURE__ */ jsx(Field, { label: "Modifiers", value: line.modifiers.join(", "), onChange: (value) => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, modifiers: value.split(",").map((part) => part.trim()).filter(Boolean) } : item) })) }),
+            /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
+              /* @__PURE__ */ jsx("span", { children: "Procedure" }),
+              /* @__PURE__ */ jsxs("select", { disabled: !editable, value: line.code, onChange: (event) => {
+                const code = event.target.value;
+                setDraft((current) => {
+                  const lineItems = current.lineItems.map((item, itemIndex) => {
+                    if (itemIndex !== index) return item;
+                    const presetLine = applyPreset(
+                      [{ ...item, code }],
+                      inferPreset(current.lineItems)
+                    )[0];
+                    return { ...item, code, modifiers: presetLine?.modifiers || [] };
+                  });
+                  if (code && index === lineItems.length - 1 && lineItems.length < 50) {
+                    lineItems.push({
+                      code: "",
+                      modifiers: [],
+                      units: 1,
+                      charge: 0
+                    });
+                  }
+                  return { ...current, lineItems };
+                });
+              }, children: [
+                line.code && !PROCEDURES.some(([code]) => code === line.code) ? /* @__PURE__ */ jsx("option", { value: line.code, children: line.code }) : null,
+                /* @__PURE__ */ jsx("option", { value: "", children: "Select code\u2026" }),
+                PROCEDURES.map(([code, label]) => /* @__PURE__ */ jsxs("option", { value: code, children: [
+                  code,
+                  " \u2014 ",
+                  label
+                ] }, code))
+              ] }),
+              line.code ? /* @__PURE__ */ jsx("small", { children: PROCEDURES.find(([code]) => code === line.code)?.[1] }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mb-native-modifiers", children: [
+              /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
+                /* @__PURE__ */ jsx("span", { children: "Modifiers" }),
+                /* @__PURE__ */ jsxs("select", { disabled: !editable, value: "", onChange: (event) => {
+                  const modifier = event.target.value;
+                  if (!modifier) return;
+                  setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, modifiers: [.../* @__PURE__ */ new Set([...item.modifiers, modifier])] } : item) }));
+                }, children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Add modifier\u2026" }),
+                  MODIFIERS.filter(([value]) => !line.modifiers.includes(value) && modifierAppliesToCode(value, line.code)).map(([value, label]) => /* @__PURE__ */ jsxs("option", { value, children: [
+                    "-",
+                    value,
+                    " \u2014 ",
+                    label
+                  ] }, value))
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "mb-native-chips", children: line.modifiers.map((modifier) => /* @__PURE__ */ jsxs("button", { type: "button", disabled: !editable, onClick: () => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, modifiers: item.modifiers.filter((value) => value !== modifier) } : item) })), children: [
+                "-",
+                modifier,
+                " \xD7"
+              ] }, modifier)) })
+            ] }),
             /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
               /* @__PURE__ */ jsx("span", { children: "Units" }),
-              /* @__PURE__ */ jsx("input", { type: "number", min: "1", required: true, value: line.units, onChange: (event) => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, units: Number(event.target.value) } : item) })) })
+              /* @__PURE__ */ jsx("input", { type: "number", min: "1", required: true, disabled: !editable, value: line.units, onChange: (event) => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, units: Number(event.target.value) } : item) })) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "mb-native-allowed", children: [
               /* @__PURE__ */ jsx("span", { children: "Allowed" }),
@@ -362,7 +707,7 @@ function BillReviewForm({
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("span", { className: "mb-native-eyebrow", children: "Delivery" }),
             /* @__PURE__ */ jsx("h3", { children: "Submit this bill" }),
-            /* @__PURE__ */ jsx("p", { children: "MindBill will send the claim and own status, payment, denial, and resubmission." })
+            /* @__PURE__ */ jsx("p", { children: "After submission, status, payments, denials, and resubmissions stay available here." })
           ] }),
           /* @__PURE__ */ jsxs("fieldset", { children: [
             /* @__PURE__ */ jsx("legend", { children: "Send via" }),
@@ -373,6 +718,10 @@ function BillReviewForm({
           ] }),
           error ? /* @__PURE__ */ jsx("div", { className: "mb-native-message error", role: "alert", children: error }) : null,
           notice ? /* @__PURE__ */ jsx("div", { className: "mb-native-message success", role: "status", children: notice }) : null,
+          !canSubmit ? /* @__PURE__ */ jsxs("div", { className: "mb-native-blockers", role: "status", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Before you can submit:" }),
+            /* @__PURE__ */ jsx("span", { children: blockers.join(" \xB7 ") })
+          ] }) : null,
           /* @__PURE__ */ jsxs("div", { className: "mb-native-actions", children: [
             /* @__PURE__ */ jsx("button", { className: "mb-native-button secondary", type: "submit", disabled: !editable || busy !== "", children: busy === "save" ? "Saving\u2026" : "Save changes" }),
             /* @__PURE__ */ jsx("button", { className: "mb-native-button primary", type: "button", disabled: !editable || !canSubmit || busy !== "", onClick: () => void handleSubmit(), children: busy === "submit" ? "Submitting\u2026" : "Submit bill" })
@@ -415,6 +764,28 @@ var NATIVE_BILL_REVIEW_STYLES = `
 .mb-native-review,.mb-native-status{font-family:var(--mb-font,Inter,ui-sans-serif,system-ui,sans-serif)}
 .mb-native-review,.mb-native-status{--mb-accent:#238dbd;--mb-accent-dark:#176f98;--mb-text:#203743;--mb-muted:#657982;--mb-border:#dbe6ea;--mb-soft:#f3f8fa;--mb-surface:#fff;color:var(--mb-text);font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.mb-native-review *,.mb-native-status *{box-sizing:border-box}.mb-native-review{display:grid;gap:16px}.mb-native-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:6px 2px}.mb-native-heading h2,.mb-native-section h3,.mb-native-submit h3,.mb-native-status h3{margin:3px 0 2px;line-height:1.2}.mb-native-heading h2{font-size:25px}.mb-native-heading p,.mb-native-section p,.mb-native-submit p,.mb-native-status p{margin:0;color:var(--mb-muted)}.mb-native-eyebrow{color:#59727d;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mb-native-total{display:flex;align-items:center;gap:18px}.mb-native-total span,.mb-native-section-head>span{border-radius:999px;background:var(--mb-soft);color:#58717c;font-size:11px;font-weight:800;padding:6px 10px;text-transform:capitalize}.mb-native-total strong{font-size:24px}.mb-native-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border:1px solid var(--mb-border);border-radius:12px;background:var(--mb-surface);overflow:hidden}.mb-native-summary div{padding:17px 20px;border-right:1px solid var(--mb-border)}.mb-native-summary div:last-child{border:0}.mb-native-summary dt,.mb-native-allowed span{color:#647982;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mb-native-summary dd{margin:5px 0 0;font-weight:750}.mb-native-section{padding:20px;border:1px solid var(--mb-border);border-radius:14px;background:var(--mb-surface);box-shadow:0 8px 24px rgba(28,58,72,.04)}.mb-native-section-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:17px}.mb-native-section h3,.mb-native-submit h3,.mb-native-status h3{font-size:19px}.mb-native-grid{display:grid;gap:14px}.mb-native-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-native-field{display:grid;gap:6px;min-width:0;color:var(--mb-text);font-size:12px;font-weight:750}.mb-native-field small{color:var(--mb-muted);font-size:inherit;font-weight:500}.mb-native-field input,.mb-native-attach select,.mb-native-attach input{width:100%;min-height:43px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);font:inherit;padding:10px 12px}.mb-native-field input:focus,.mb-native-attach select:focus,.mb-native-attach input:focus{border-color:var(--mb-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mb-accent) 14%,transparent);outline:0}.mb-native-lines{display:grid;gap:10px}.mb-native-line{display:grid;grid-template-columns:1.1fr 1.1fr 110px 120px 28px;align-items:end;gap:12px;padding:13px;background:var(--mb-soft);border:1px solid #e3edf0;border-radius:10px}.mb-native-allowed{display:grid;gap:5px;padding:0 8px 11px;text-align:right}.mb-native-allowed strong{font-size:16px}.mb-native-remove{border:0;background:transparent;color:#667d86;cursor:pointer;font-size:20px;padding:7px}.mb-native-note{padding:13px 15px;border:1px solid #bdd9e4;border-radius:9px;background:#f2f9fc;color:#526d78}.mb-native-note strong{color:var(--mb-text);margin-right:12px}.mb-native-documents{list-style:none;margin:14px 0;padding:0}.mb-native-documents li{display:grid;grid-template-columns:42px 1fr auto 28px;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--mb-border)}.mb-native-documents li>div{display:grid}.mb-native-documents li span{color:var(--mb-muted);font-size:12px}.mb-native-file{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#eaf5f9;color:var(--mb-accent)!important;font-size:11px!important;font-weight:850}.mb-native-attach{display:grid;grid-template-columns:1fr 230px minmax(220px,1fr) auto;align-items:end;gap:12px;padding:15px;border-radius:10px;background:var(--mb-soft)}.mb-native-attach>div{display:grid;gap:3px}.mb-native-attach span{color:var(--mb-muted);font-size:12px}.mb-native-button{min-height:40px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);cursor:pointer;font:inherit;font-weight:750;padding:9px 14px}.mb-native-button.primary{border-color:var(--mb-accent);background:var(--mb-accent);color:#fff}.mb-native-button.primary:hover{background:var(--mb-accent-dark)}.mb-native-button.secondary{background:#fff}.mb-native-button.quiet{min-height:auto;background:var(--mb-soft);padding:7px 11px}.mb-native-button:disabled,.mb-native-remove:disabled{cursor:not-allowed;opacity:.5}.mb-native-submit{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px;padding:22px;border:1px solid #bcd8e2;border-radius:14px;background:linear-gradient(135deg,#f3fafc,#eaf6fa)}.mb-native-submit fieldset{display:flex;gap:6px;margin:0;padding:0;border:0}.mb-native-submit legend{position:absolute;width:1px;height:1px;overflow:hidden}.mb-native-submit fieldset label{display:flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid #c9dce3;border-radius:8px;background:#fff;font-weight:700}.mb-native-actions{display:flex;justify-content:flex-end;gap:10px;grid-column:1/-1}.mb-native-message{grid-column:1/-1;padding:10px 12px;border-radius:8px}.mb-native-message.error{background:#fff0ef;color:#9d3029}.mb-native-message.success{background:#edf9f2;color:#217449}.mb-native-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--mb-border);border-radius:12px;background:#fff}.mb-native-status h3{text-transform:capitalize}.mb-native-status dl{display:flex;margin:0}.mb-native-status dl div{min-width:110px;padding:0 18px;border-left:1px solid var(--mb-border)}.mb-native-status dt{color:var(--mb-muted);font-size:11px}.mb-native-status dd{margin:4px 0 0;font-size:17px;font-weight:800}@media(max-width:900px){.mb-native-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-native-summary{grid-template-columns:repeat(2,1fr)}.mb-native-summary div:nth-child(2){border-right:0}.mb-native-summary div:nth-child(-n+2){border-bottom:1px solid var(--mb-border)}.mb-native-line{grid-template-columns:1fr 1fr 90px}.mb-native-allowed{align-self:center}.mb-native-attach{grid-template-columns:1fr 1fr}.mb-native-submit{grid-template-columns:1fr}.mb-native-submit fieldset,.mb-native-actions{grid-column:1}.mb-native-actions{justify-content:start}}@media(max-width:620px){.mb-native-heading,.mb-native-total,.mb-native-status{align-items:start;flex-direction:column}.mb-native-grid.three,.mb-native-summary,.mb-native-line,.mb-native-attach{grid-template-columns:1fr}.mb-native-summary div,.mb-native-summary div:nth-child(2){border-right:0;border-bottom:1px solid var(--mb-border)}.mb-native-line{align-items:stretch}.mb-native-allowed{text-align:left}.mb-native-submit fieldset{display:grid;grid-template-columns:1fr 1fr}.mb-native-status dl{width:100%}.mb-native-status dl div{min-width:0;flex:1;padding:0 10px}.mb-native-status dl div:first-child{padding-left:0;border-left:0}}
 .mb-native-status-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.mb-native-status-copy{min-width:150px}.mb-native-review,.mb-native-status{font-family:var(--mb-font,Inter,ui-sans-serif,system-ui,sans-serif)}
+.mb-native-review{padding:clamp(16px,2vw,24px)}
+.mb-native-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
+.mb-native-payer-picker{position:relative;max-width:760px}
+.mb-native-payer-help{display:block;margin-top:7px;color:var(--mb-muted);font-size:12px}
+.mb-native-payer-results{position:absolute;z-index:5;top:calc(100% + 6px);right:0;left:0;max-height:280px;overflow:auto;list-style:none;margin:0;padding:6px;border:1px solid var(--mb-border);border-radius:10px;background:var(--mb-surface);box-shadow:0 16px 40px rgba(28,58,72,.16)}
+.mb-native-payer-results li{margin:0;padding:0}
+.mb-native-payer-results button{display:grid;width:100%;gap:2px;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:var(--mb-text);font:inherit;text-align:left;cursor:pointer}
+.mb-native-payer-results button:hover,.mb-native-payer-results button:focus{background:var(--mb-soft);outline:0}
+.mb-native-payer-results span{color:var(--mb-muted);font-size:12px}
+.mb-native-grid.one{grid-template-columns:minmax(0,1fr)}
+.mb-native-field select{width:100%;min-height:43px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);font:inherit;padding:10px 36px 10px 12px}
+.mb-native-field select:focus{border-color:var(--mb-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mb-accent) 14%,transparent);outline:0}
+.mb-native-field input:disabled,.mb-native-field select:disabled{cursor:not-allowed;background:#f6f8f9;color:#667982}
+.mb-native-hint{color:var(--mb-muted);font-size:12px;font-weight:500}
+.mb-native-combo{position:relative;min-width:0}
+.mb-native-combo-list{position:absolute;z-index:20;top:calc(100% + 6px);right:0;left:0;max-height:300px;overflow:auto;list-style:none;margin:0;padding:6px;border:1px solid var(--mb-border);border-radius:10px;background:var(--mb-surface);box-shadow:0 18px 42px rgba(28,58,72,.18)}
+.mb-native-combo-list li{margin:0;padding:0}.mb-native-combo-list button{display:grid;width:100%;gap:2px;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:var(--mb-text);font:inherit;text-align:left;cursor:pointer}.mb-native-combo-list button:hover,.mb-native-combo-list button.active{background:var(--mb-soft);outline:0}.mb-native-combo-list span{color:var(--mb-muted);font-size:12px;font-weight:500}
+.mb-native-presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-2px 0 14px}.mb-native-presets button{min-height:36px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);cursor:pointer;font:inherit;font-weight:750;padding:7px 13px}.mb-native-presets button.active{border-color:var(--mb-accent);background:var(--mb-accent);color:#fff}.mb-native-presets span{margin-left:5px;color:var(--mb-muted);font-size:12px}
+.mb-native-modifiers{display:grid;gap:7px}.mb-native-chips{display:flex;flex-wrap:wrap;gap:5px}.mb-native-chips button{border:1px solid #c9dce3;border-radius:999px;background:#fff;color:var(--mb-text);cursor:pointer;font:inherit;font-size:11px;font-weight:750;padding:4px 8px}
+.mb-native-blockers{grid-column:1/-1;display:grid;gap:2px;padding:11px 13px;border:1px solid #e8cf9a;border-radius:8px;background:#fff9ea;color:#74531b}.mb-native-blockers span{font-size:12px}
+.mb-native-eams{margin-top:13px!important;font-size:12px}.mb-native-eams a{color:var(--mb-accent);font-weight:750}
+@media(max-width:620px){.mb-native-review{padding:12px}.mb-native-grid.two{grid-template-columns:1fr}}
 `;
 
 // src/connected-bill-status.tsx
@@ -422,7 +793,7 @@ import {
   useCallback,
   useEffect as useEffect2,
   useMemo as useMemo2,
-  useRef,
+  useRef as useRef2,
   useState as useState2
 } from "react";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -571,11 +942,11 @@ function useBillStatus({
   const [error, setError] = useState2(null);
   const [isLoading, setIsLoading] = useState2(enabled && !initialData);
   const [isRefreshing, setIsRefreshing] = useState2(false);
-  const dataRef = useRef(initialData);
-  const initialDataRef = useRef(initialData);
+  const dataRef = useRef2(initialData);
+  const initialDataRef = useRef2(initialData);
   initialDataRef.current = initialData;
-  const activeControllerRef = useRef(null);
-  const requestSequence = useRef(0);
+  const activeControllerRef = useRef2(null);
+  const requestSequence = useRef2(0);
   useEffect2(() => {
     const seed = initialDataRef.current;
     dataRef.current = seed;
@@ -681,7 +1052,7 @@ import {
   useCallback as useCallback2,
   useEffect as useEffect3,
   useMemo as useMemo3,
-  useRef as useRef2,
+  useRef as useRef3,
   useState as useState3
 } from "react";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -701,14 +1072,14 @@ function isSessionFresh2(session) {
 }
 function normalizeSession2(value) {
   if (!value || typeof value !== "object") {
-    throw new Error("The MindBill session endpoint returned an invalid response.");
+    throw new Error("The billing session endpoint returned an invalid response.");
   }
   const candidate = value;
   const nested = candidate.session ?? candidate.data;
   const session = nested && typeof nested === "object" ? nested : candidate;
   if (typeof session.token !== "string" || session.token.length < 8) {
     throw new Error(
-      "The MindBill session endpoint did not return a browser session token."
+      "The billing session endpoint did not return a browser session token."
     );
   }
   return {
@@ -719,11 +1090,11 @@ function normalizeSession2(value) {
 }
 function normalizeLifecycle(value) {
   if (!value || typeof value !== "object") {
-    throw new Error("MindBill returned an invalid bill lifecycle.");
+    throw new Error("The billing service returned an invalid bill lifecycle.");
   }
   const data = value;
   if (!data.bill || !data.patient || !data.injury || !data.lifecycle || !Array.isArray(data.lifecycle.actions) || !Array.isArray(data.eors)) {
-    throw new Error("MindBill returned an invalid bill lifecycle.");
+    throw new Error("The billing service returned an invalid bill lifecycle.");
   }
   return data;
 }
@@ -759,7 +1130,7 @@ function createBillLifecycleClient({
       if (!response.ok) {
         throw await responseError2(
           response,
-          "MindBill browser session could not be created."
+          "The billing session could not be created."
         );
       }
       return response.json();
@@ -800,6 +1171,34 @@ function createBillLifecycleClient({
     const body = await response.json();
     return normalizeLifecycle(body.data);
   };
+  const searchClaimsAdministrators = async (query) => {
+    const response = await request(
+      `/embed/api/bill-review/payers?q=${encodeURIComponent(query)}`
+    );
+    if (!response.ok) {
+      throw await responseError2(
+        response,
+        "Claims administrator search is unavailable."
+      );
+    }
+    const body = await response.json();
+    if (!Array.isArray(body.results)) {
+      throw new Error("Claims administrator search returned an invalid response.");
+    }
+    return body.results.flatMap((value) => {
+      if (!value || typeof value !== "object") return [];
+      const payer = value;
+      if (typeof payer.id !== "string" || typeof payer.name !== "string") {
+        return [];
+      }
+      return [{
+        id: payer.id,
+        name: payer.name,
+        ...typeof payer.hasElectronic === "boolean" ? { hasElectronic: payer.hasElectronic } : {},
+        ...Array.isArray(payer.states) ? { states: payer.states.filter((state) => typeof state === "string") } : {}
+      }];
+    });
+  };
   const mutation = async (path, init, fallback) => {
     const headers = new Headers(init.headers);
     headers.set("idempotency-key", idempotencyKey());
@@ -838,6 +1237,7 @@ function createBillLifecycleClient({
       sessionRequest = null;
     },
     getLifecycle: loadLifecycle,
+    searchClaimsAdministrators,
     saveReview,
     async submitBill(input, route) {
       await saveReview(input);
@@ -915,7 +1315,7 @@ function createBillLifecycleClient({
       );
       const body = await response.json();
       if (typeof body.replacementBillId !== "string") {
-        throw new Error("MindBill did not return the correction bill ID.");
+        throw new Error("The billing service did not return the correction bill ID.");
       }
       return {
         replacementBillId: body.replacementBillId,
@@ -951,7 +1351,7 @@ function useBillLifecycle({
   const [isLoading, setIsLoading] = useState3(enabled && !initialData);
   const [isRefreshing, setIsRefreshing] = useState3(false);
   const [isMutating, setIsMutating] = useState3(false);
-  const mounted = useRef2(true);
+  const mounted = useRef3(true);
   useEffect3(() => {
     setBillId(providedBillId);
     setData(initialData);
@@ -1008,7 +1408,7 @@ function useBillLifecycle({
       if (mounted.current) setData(next);
       return next;
     } catch (cause) {
-      const nextError = cause instanceof Error ? cause : new Error("MindBill could not complete this request.");
+      const nextError = cause instanceof Error ? cause : new Error("The billing service could not complete this request.");
       if (mounted.current) setError(nextError);
       throw nextError;
     } finally {
@@ -1019,6 +1419,10 @@ function useBillLifecycle({
     (input) => mutate(() => client.saveReview(input)),
     [client, mutate]
   );
+  const searchClaimsAdministrators = useCallback2(
+    (query) => client.searchClaimsAdministrators(query),
+    [client]
+  );
   const submitBill = useCallback2(
     (input, route) => mutate(() => client.submitBill(input, route)),
     [client, mutate]
@@ -1075,6 +1479,7 @@ function useBillLifecycle({
     isRefreshing,
     isMutating,
     refresh,
+    searchClaimsAdministrators,
     saveReview,
     submitBill,
     addAttachment,
@@ -1131,6 +1536,7 @@ function SupportingDocumentControl({
 }
 function ConnectedBillLifecycle({
   appearance,
+  features,
   className,
   style,
   loadingFallback,
@@ -1157,7 +1563,7 @@ function ConnectedBillLifecycle({
     attachmentIds: [],
     route: "ebill"
   });
-  const lastData = useRef2(null);
+  const lastData = useRef3(null);
   useEffect3(() => {
     if (!data || data === lastData.current) return;
     lastData.current = data;
@@ -1217,7 +1623,9 @@ function ConnectedBillLifecycle({
       {
         data,
         ...appearance ? { appearance } : {},
+        ...features ? { features } : {},
         disabled: lifecycle.isMutating,
+        onSearchClaimsAdministrators: lifecycle.searchClaimsAdministrators,
         onSave: lifecycle.saveReview,
         onSubmit: async (input, route) => {
           await complete("Bill submitted.", () => lifecycle.submitBill(input, route));
@@ -1250,7 +1658,7 @@ function ConnectedBillLifecycle({
           "Bill #",
           data.bill.billNumber
         ] }),
-        /* @__PURE__ */ jsx3("span", { children: lifecycle.isRefreshing ? "Refreshing\u2026" : "MindBill manages this lifecycle." })
+        /* @__PURE__ */ jsx3("span", { children: lifecycle.isRefreshing ? "Refreshing\u2026" : "Status and actions update automatically." })
       ] }),
       /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-toolbar-actions", children: [
         has("view_eor") ? /* @__PURE__ */ jsx3("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => document.getElementById(`mb-eors-${data.bill.id}`)?.scrollIntoView({ behavior: "smooth", block: "center" }), children: "View EOR" }) : null,
@@ -1284,7 +1692,7 @@ function ConnectedBillLifecycle({
     panel === "correction" ? /* @__PURE__ */ jsxs3("section", { className: "mb-lifecycle-panel", children: [
       /* @__PURE__ */ jsxs3("div", { children: [
         /* @__PURE__ */ jsx3("h3", { children: "Correct and resubmit" }),
-        /* @__PURE__ */ jsx3("p", { children: "MindBill will create a new correction draft and preserve this rejected bill in history. Review the copied values before submitting." })
+        /* @__PURE__ */ jsx3("p", { children: "A new correction draft will preserve this rejected bill in history. Review the copied values before submitting." })
       ] }),
       /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-panel-actions", children: [
         /* @__PURE__ */ jsx3("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
@@ -1294,7 +1702,7 @@ function ConnectedBillLifecycle({
     panel === "second_review" ? /* @__PURE__ */ jsxs3("section", { className: "mb-lifecycle-panel wide", children: [
       /* @__PURE__ */ jsxs3("div", { children: [
         /* @__PURE__ */ jsx3("h3", { children: "Submit Second Review" }),
-        /* @__PURE__ */ jsx3("p", { children: "State why payment is disputed, confirm the payer control number, and choose the supporting documents MindBill should send." })
+        /* @__PURE__ */ jsx3("p", { children: "State why payment is disputed, confirm the payer control number, and choose the supporting documents to send." })
       ] }),
       /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-fields two", children: [
         /* @__PURE__ */ jsxs3("label", { children: [
@@ -1351,7 +1759,7 @@ function ConnectedBillLifecycle({
     panel === "payment" ? /* @__PURE__ */ jsxs3("section", { className: "mb-lifecycle-panel", children: [
       /* @__PURE__ */ jsxs3("div", { children: [
         /* @__PURE__ */ jsx3("h3", { children: "Post payment" }),
-        /* @__PURE__ */ jsx3("p", { children: "Record funds shown on the EOR. MindBill updates the balance and closes the bill automatically when configured." })
+        /* @__PURE__ */ jsx3("p", { children: "Record funds shown on the EOR. The balance updates and the bill closes automatically when configured." })
       ] }),
       /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-fields two", children: [
         /* @__PURE__ */ jsxs3("label", { children: [
@@ -1410,7 +1818,7 @@ var CONNECTED_LIFECYCLE_STYLES = `
 
 // src/index.tsx
 function widget(tagName, props) {
-  const ref = useRef3(null);
+  const ref = useRef4(null);
   const { onMindBill, onMindBillError } = props;
   useEffect4(() => {
     const element = ref.current;