@mindbill/react 0.31.3 → 0.33.0

package/dist/index.js

@@ -2,7 +2,7 @@
 
 // src/index.tsx
 import "@mindbill/embed";
-import { createElement, useEffect as useEffect7, useRef as useRef6 } from "react";
+import { createElement, useEffect as useEffect8, useRef as useRef6 } from "react";
 
 // src/appearance.ts
 var mindBillThemePresets = {
@@ -1293,12 +1293,363 @@ var READ_ONLY_STYLES = `
 `;
 
 // src/bill-submission-form.tsx
-import { createContext, useCallback, useContext, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState3 } from "react";
+import { createContext, useCallback, useContext, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef2, useState as useState4 } from "react";
 import {
   createBillReferenceClient,
   createBillSubmissionClient
 } from "@mindbill/browser";
 
+// src/send-route-dialog.tsx
+import { useEffect as useEffect3, useMemo as useMemo2, useState as useState3 } from "react";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var EMAIL_RE = /[A-Za-z0-9._%+'-]+@[A-Za-z0-9-]+(?:\.[A-Za-z0-9-]+)*\.[A-Za-z]{2,}/;
+function extractSendRouteEmail(raw) {
+  if (!raw) return null;
+  const match = raw.match(EMAIL_RE);
+  return match ? match[0] : null;
+}
+function formatSendRouteFax(raw) {
+  if (!raw) return "";
+  const digits = raw.replace(/\D/g, "");
+  const ten = digits.length === 11 && digits.startsWith("1") ? digits.slice(1) : digits;
+  if (ten.length === 10) return `(${ten.slice(0, 3)}) ${ten.slice(3, 6)}-${ten.slice(6)}`;
+  return raw.trim();
+}
+var css = `
+.mbrd-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(15,30,40,.45)}
+.mbrd{display:grid;gap:16px;width:min(560px,100%);max-height:min(86vh,860px);overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);color:var(--mb-text);font-family:var(--mb-font);font-size:15px;box-shadow:0 24px 60px rgba(17,38,49,.28)}
+.mbrd *{box-sizing:border-box}
+.mbrd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
+.mbrd-title{margin:0;font-size:20px;font-weight:760}
+.mbrd-copy{margin:4px 0 0;color:var(--mb-muted);font-size:14px}
+.mbrd-close{border:0;background:transparent;color:var(--mb-muted);font-size:22px;line-height:1;cursor:pointer}
+.mbrd-cards{display:grid;gap:10px}
+.mbrd-card{border:1px solid var(--mb-border);border-radius:var(--mb-control-radius);background:var(--mb-surface);transition:border-color .12s ease,background .12s ease}
+.mbrd-card[data-selected=true]{border-color:var(--mb-accent);background:color-mix(in srgb,var(--mb-accent) 5%,var(--mb-surface))}
+.mbrd-card[data-disabled=true]{opacity:.55}
+.mbrd-card-main{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
+.mbrd-card[data-disabled=true] .mbrd-card-main{cursor:not-allowed}
+.mbrd-radio{flex:0 0 auto;width:18px;height:18px;border:2px solid var(--mb-border);border-radius:50%;display:grid;place-items:center}
+.mbrd-card[data-selected=true] .mbrd-radio{border-color:var(--mb-accent)}
+.mbrd-card[data-selected=true] .mbrd-radio:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--mb-accent)}
+.mbrd-card-text{min-width:0;flex:1}
+.mbrd-card-title{font-weight:700;line-height:1.3;overflow-wrap:anywhere}
+.mbrd-card-detail{margin-top:2px;color:var(--mb-muted);font-size:13px;line-height:1.35;overflow-wrap:anywhere}
+.mbrd-badges{display:flex;flex:0 0 auto;gap:6px}
+.mbrd-badge{padding:2px 8px;border:1px solid var(--mb-border);border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
+.mbrd-badge[data-tone=verified]{border-color:color-mix(in srgb,#159447 45%,var(--mb-border));background:color-mix(in srgb,#159447 8%,var(--mb-surface));color:#0c7a48}
+.mbrd-badge[data-tone=auto]{border-color:color-mix(in srgb,var(--mb-accent) 45%,var(--mb-border));background:color-mix(in srgb,var(--mb-accent) 10%,var(--mb-surface));color:var(--mb-accent)}
+.mbrd-sub{display:grid;gap:12px;padding:12px 14px;border-top:1px solid var(--mb-border);background:color-mix(in srgb,var(--mb-accent) 2%,var(--mb-surface));border-radius:0 0 var(--mb-control-radius) var(--mb-control-radius)}
+.mbrd-choice{border:1px solid var(--mb-border);border-radius:calc(var(--mb-control-radius) - 2px);background:var(--mb-surface)}
+.mbrd-choice[data-selected=true]{border-color:var(--mb-accent)}
+.mbrd-choice[data-disabled=true]{opacity:.55}
+.mbrd-choice-main{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer}
+.mbrd-choice[data-disabled=true] .mbrd-choice-main{cursor:not-allowed}
+.mbrd-choice-title{font-weight:650;overflow-wrap:anywhere}
+.mbrd-choice-detail{margin-top:1px;color:var(--mb-muted);font-size:12px}
+.mbrd-choice-body{display:grid;gap:8px;padding:10px 11px;border-top:1px solid var(--mb-border)}
+.mbrd-field{display:grid;gap:5px;font-size:13px}
+.mbrd-label{font-weight:650}
+.mbrd-star{color:var(--mb-danger)}
+.mbrd-input,.mbrd-textarea{width:100%;padding:9px 11px;border:1px solid var(--mb-border);border-radius:calc(var(--mb-control-radius) - 2px);background:var(--mb-input);color:var(--mb-text);font:inherit;font-size:14px}
+.mbrd-textarea{resize:vertical;min-height:74px}
+.mbrd-input:focus,.mbrd-textarea:focus{outline:3px solid color-mix(in srgb,var(--mb-accent) 22%,transparent);border-color:var(--mb-accent)}
+.mbrd-error{color:var(--mb-danger);font-size:12px}
+.mbrd-help{color:var(--mb-muted);font-size:12px}
+.mbrd-alert{padding:10px 12px;border-radius:var(--mb-control-radius);background:color-mix(in srgb,var(--mb-danger) 10%,transparent);color:var(--mb-danger);font-size:13px}
+.mbrd-actions{display:flex;justify-content:flex-end;gap:10px}
+.mbrd-cancel{min-height:42px;padding:9px 16px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius);background:var(--mb-surface);color:var(--mb-text);font:inherit;font-weight:680;cursor:pointer}
+.mbrd-confirm{min-height:42px;min-width:130px;padding:9px 18px;border:0;border-radius:var(--mb-control-radius);background:var(--mb-accent);color:var(--mb-accent-contrast);font:inherit;font-weight:760;cursor:pointer}
+.mbrd-confirm:disabled,.mbrd-cancel:disabled{opacity:.6;cursor:not-allowed}
+`;
+var CONFIRM_LABELS = {
+  ebill: "Send Bill",
+  email: "Email Bill",
+  fax: "Fax Bill",
+  mail: "Mail Bill"
+};
+function RouteCard({
+  selected,
+  disabled,
+  title,
+  detail,
+  badges,
+  onSelect,
+  children
+}) {
+  return /* @__PURE__ */ jsxs3("div", { className: "mbrd-card", "data-selected": selected, "data-disabled": Boolean(disabled), children: [
+    /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        className: "mbrd-card-main",
+        type: "button",
+        role: "radio",
+        "aria-checked": selected,
+        disabled,
+        onClick: onSelect,
+        children: [
+          /* @__PURE__ */ jsx3("span", { className: "mbrd-radio", "aria-hidden": true }),
+          /* @__PURE__ */ jsxs3("span", { className: "mbrd-card-text", children: [
+            /* @__PURE__ */ jsx3("span", { className: "mbrd-card-title", children: title }),
+            detail ? /* @__PURE__ */ jsx3("span", { className: "mbrd-card-detail", style: { display: "block" }, children: detail }) : null
+          ] }),
+          badges ? /* @__PURE__ */ jsx3("span", { className: "mbrd-badges", children: badges }) : null
+        ]
+      }
+    ),
+    selected && children ? /* @__PURE__ */ jsx3("div", { className: "mbrd-sub", children }) : null
+  ] });
+}
+function RecipientChoice({
+  selected,
+  disabled,
+  title,
+  detail,
+  onSelect,
+  children
+}) {
+  return /* @__PURE__ */ jsxs3("div", { className: "mbrd-choice", "data-selected": selected, "data-disabled": Boolean(disabled), children: [
+    /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        className: "mbrd-choice-main",
+        type: "button",
+        role: "radio",
+        "aria-checked": selected,
+        disabled,
+        onClick: onSelect,
+        children: [
+          /* @__PURE__ */ jsx3("span", { className: "mbrd-radio", "aria-hidden": true, style: { width: 15, height: 15 } }),
+          /* @__PURE__ */ jsxs3("span", { className: "mbrd-card-text", children: [
+            /* @__PURE__ */ jsx3("span", { className: "mbrd-choice-title", children: title }),
+            detail ? /* @__PURE__ */ jsx3("span", { className: "mbrd-choice-detail", style: { display: "block" }, children: detail }) : null
+          ] })
+        ]
+      }
+    ),
+    selected && children ? /* @__PURE__ */ jsx3("div", { className: "mbrd-choice-body", children }) : null
+  ] });
+}
+function SendRouteDialog({
+  title = "Send bill",
+  delivery,
+  submitting = false,
+  disabled = false,
+  error = null,
+  onCancel,
+  onConfirm
+}) {
+  const ebillOption = delivery.options.find((option) => option.route === "ebill");
+  const mailOption = delivery.options.find((option) => option.route === "mail");
+  const recommendedRoute = delivery.recommended.route;
+  const onFileEmail = extractSendRouteEmail(delivery.contacts.claimsEmail);
+  const onFileFax = delivery.contacts.faxNumber?.trim() || null;
+  const onFileFaxDisplay = formatSendRouteFax(onFileFax);
+  const onFileMail = delivery.contacts.mailingAddress?.trim() || "";
+  const [route, setRoute] = useState3(recommendedRoute);
+  const [emailMode, setEmailMode] = useState3(onFileEmail ? "onfile" : "alt");
+  const [faxMode, setFaxMode] = useState3(onFileFax ? "onfile" : "alt");
+  const [emailTo, setEmailTo] = useState3("");
+  const [subject, setSubject] = useState3("");
+  const [faxTo, setFaxTo] = useState3("");
+  const [attention, setAttention] = useState3("");
+  const [mailTo, setMailTo] = useState3(onFileMail);
+  useEffect3(() => {
+    setRoute(recommendedRoute);
+    setEmailMode(onFileEmail ? "onfile" : "alt");
+    setFaxMode(onFileFax ? "onfile" : "alt");
+    setMailTo(onFileMail);
+  }, [recommendedRoute, onFileEmail, onFileFax, onFileMail]);
+  useEffect3(() => {
+    const onKey = (event) => {
+      if (event.key === "Escape" && !submitting) onCancel();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [onCancel, submitting]);
+  const effectiveEmail = emailMode === "onfile" && onFileEmail ? onFileEmail : emailTo.trim();
+  const effectiveFax = faxMode === "onfile" && onFileFax ? onFileFax : faxTo;
+  const faxDigits = effectiveFax.replace(/\D/g, "");
+  const emailValid = EMAIL_RE.test(effectiveEmail);
+  const faxValid = faxDigits.length >= 10;
+  const mailValid = mailTo.trim().length > 2;
+  const confirmDisabled = submitting || disabled || route === "email" && !emailValid || route === "fax" && !faxValid || route === "mail" && !mailValid;
+  const submission = useMemo2(() => {
+    if (route === "email") {
+      return {
+        route,
+        destination: { email: effectiveEmail },
+        ...subject.trim() ? { subject: subject.trim() } : {}
+      };
+    }
+    if (route === "fax") {
+      return {
+        route,
+        destination: { faxNumber: effectiveFax.trim() },
+        ...attention.trim() ? { attention: attention.trim() } : {}
+      };
+    }
+    if (route === "mail") {
+      return { route, destination: { mailingAddress: mailTo.trim() } };
+    }
+    return { route };
+  }, [route, effectiveEmail, subject, effectiveFax, attention, mailTo]);
+  return /* @__PURE__ */ jsxs3("div", { className: "mbrd-overlay", role: "presentation", onMouseDown: (event) => {
+    if (event.target === event.currentTarget && !submitting) onCancel();
+  }, children: [
+    /* @__PURE__ */ jsx3("style", { children: css }),
+    /* @__PURE__ */ jsxs3("div", { className: "mbrd", role: "dialog", "aria-modal": "true", "aria-label": typeof title === "string" ? title : "Send bill", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "mbrd-head", children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx3("h3", { className: "mbrd-title", children: title }),
+          /* @__PURE__ */ jsx3("p", { className: "mbrd-copy", children: "Select the delivery method." })
+        ] }),
+        /* @__PURE__ */ jsx3("button", { className: "mbrd-close", type: "button", "aria-label": "Close", disabled: submitting, onClick: onCancel, children: "\xD7" })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "mbrd-cards", role: "radiogroup", "aria-label": "Delivery method", children: [
+        ebillOption ? /* @__PURE__ */ jsx3(
+          RouteCard,
+          {
+            selected: route === "ebill",
+            title: ebillOption.printAndMail ? ebillOption.label : `e-Bill to ${ebillOption.payerName || delivery.payerName}`,
+            detail: [
+              ebillOption.detail || null,
+              !ebillOption.printAndMail && ebillOption.label.startsWith("e-bill ") ? ebillOption.label.slice("e-bill ".length) : null
+            ].filter(Boolean).join(" \xB7 "),
+            badges: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+              !ebillOption.fallback ? /* @__PURE__ */ jsx3("span", { className: "mbrd-badge", "data-tone": "verified", children: "Verified Route" }) : null,
+              recommendedRoute === "ebill" ? /* @__PURE__ */ jsx3("span", { className: "mbrd-badge", "data-tone": "auto", children: "Auto" }) : null
+            ] }),
+            onSelect: () => setRoute("ebill")
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs3(
+          RouteCard,
+          {
+            selected: route === "email",
+            title: "Email Bill",
+            detail: onFileEmail ?? "No claims email on file \u2014 enter a recipient.",
+            badges: recommendedRoute === "email" ? /* @__PURE__ */ jsx3("span", { className: "mbrd-badge", "data-tone": "auto", children: "Auto" }) : null,
+            onSelect: () => setRoute("email"),
+            children: [
+              /* @__PURE__ */ jsxs3("div", { role: "radiogroup", "aria-label": "Email recipient", style: { display: "grid", gap: 8 }, children: [
+                /* @__PURE__ */ jsx3(
+                  RecipientChoice,
+                  {
+                    selected: emailMode === "onfile",
+                    disabled: !onFileEmail,
+                    title: onFileEmail ?? "Claims email on file",
+                    detail: onFileEmail ? "Claims contact on file" : "No claims email exists on file for this payer.",
+                    onSelect: () => setEmailMode("onfile")
+                  }
+                ),
+                /* @__PURE__ */ jsx3(
+                  RecipientChoice,
+                  {
+                    selected: emailMode === "alt",
+                    title: "Alternative email recipient",
+                    onSelect: () => setEmailMode("alt"),
+                    children: /* @__PURE__ */ jsxs3("label", { className: "mbrd-field", children: [
+                      /* @__PURE__ */ jsxs3("span", { className: "mbrd-label", children: [
+                        "Alternative email address ",
+                        /* @__PURE__ */ jsx3("span", { className: "mbrd-star", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ jsx3("input", { className: "mbrd-input", type: "email", value: emailTo, placeholder: "user@mail.com", onChange: (event) => setEmailTo(event.target.value) }),
+                      emailTo.trim() && !EMAIL_RE.test(emailTo.trim()) ? /* @__PURE__ */ jsx3("span", { className: "mbrd-error", children: "Enter a valid email address." }) : null
+                    ] })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs3("label", { className: "mbrd-field", children: [
+                /* @__PURE__ */ jsx3("span", { className: "mbrd-label", children: "Email subject \u2014 optional" }),
+                /* @__PURE__ */ jsx3("input", { className: "mbrd-input", value: subject, maxLength: 255, onChange: (event) => setSubject(event.target.value) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs3(
+          RouteCard,
+          {
+            selected: route === "fax",
+            title: "Fax Bill",
+            detail: onFileFax ? `${onFileFaxDisplay} \u2014 payer fax on file` : "No fax on file \u2014 enter a number.",
+            badges: recommendedRoute === "fax" ? /* @__PURE__ */ jsx3("span", { className: "mbrd-badge", "data-tone": "auto", children: "Auto" }) : null,
+            onSelect: () => setRoute("fax"),
+            children: [
+              /* @__PURE__ */ jsxs3("div", { role: "radiogroup", "aria-label": "Fax recipient", style: { display: "grid", gap: 8 }, children: [
+                /* @__PURE__ */ jsx3(
+                  RecipientChoice,
+                  {
+                    selected: faxMode === "onfile",
+                    disabled: !onFileFax,
+                    title: onFileFax ? onFileFaxDisplay : "Payer fax on file",
+                    detail: onFileFax ? "Payer fax on file" : "No fax number exists on file for this payer.",
+                    onSelect: () => setFaxMode("onfile")
+                  }
+                ),
+                /* @__PURE__ */ jsx3(
+                  RecipientChoice,
+                  {
+                    selected: faxMode === "alt",
+                    title: "Alternative fax recipient",
+                    onSelect: () => setFaxMode("alt"),
+                    children: /* @__PURE__ */ jsxs3("label", { className: "mbrd-field", children: [
+                      /* @__PURE__ */ jsxs3("span", { className: "mbrd-label", children: [
+                        "Alternative fax number ",
+                        /* @__PURE__ */ jsx3("span", { className: "mbrd-star", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ jsx3("input", { className: "mbrd-input", inputMode: "tel", value: faxTo, placeholder: "(000) 000-0000", onChange: (event) => setFaxTo(event.target.value) }),
+                      faxTo.trim() && faxTo.replace(/\D/g, "").length < 10 ? /* @__PURE__ */ jsx3("span", { className: "mbrd-error", children: "Enter a valid fax number (10 digits)." }) : null
+                    ] })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs3("label", { className: "mbrd-field", children: [
+                /* @__PURE__ */ jsx3("span", { className: "mbrd-label", children: "Attention \u2014 optional" }),
+                /* @__PURE__ */ jsx3("input", { className: "mbrd-input", value: attention, maxLength: 120, placeholder: "Recipient name", onChange: (event) => setAttention(event.target.value) }),
+                /* @__PURE__ */ jsx3("span", { className: "mbrd-help", children: "Printed as ATTENTION on the fax cover sheet." })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          RouteCard,
+          {
+            selected: route === "mail",
+            title: "Mail Bill",
+            detail: onFileMail ? onFileMail.replace(/\n/g, ", ") : "Physical mail \u2014 enter the payer's mailing address.",
+            badges: recommendedRoute === "mail" ? /* @__PURE__ */ jsx3("span", { className: "mbrd-badge", "data-tone": "auto", children: "Auto" }) : null,
+            onSelect: () => setRoute("mail"),
+            children: /* @__PURE__ */ jsxs3("label", { className: "mbrd-field", children: [
+              /* @__PURE__ */ jsxs3("span", { className: "mbrd-label", children: [
+                "Mailing address ",
+                /* @__PURE__ */ jsx3("span", { className: "mbrd-star", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsx3("textarea", { className: "mbrd-textarea", value: mailTo, placeholder: "Payer Claims Dept\nPO Box 1234\nCity, ST 00000", onChange: (event) => setMailTo(event.target.value) }),
+              !mailValid ? /* @__PURE__ */ jsx3("span", { className: "mbrd-error", children: "Enter a mailing address." }) : null,
+              /* @__PURE__ */ jsx3("span", { className: "mbrd-help", children: mailOption?.printAndMail ? mailOption.detail : "Sent as physical mail \u2014 printed and mailed to this address." })
+            ] })
+          }
+        )
+      ] }),
+      error ? /* @__PURE__ */ jsx3("div", { className: "mbrd-alert", role: "alert", children: error }) : null,
+      /* @__PURE__ */ jsxs3("div", { className: "mbrd-actions", children: [
+        /* @__PURE__ */ jsx3("button", { className: "mbrd-cancel", type: "button", disabled: submitting, onClick: onCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            className: "mbrd-confirm",
+            type: "button",
+            disabled: confirmDisabled,
+            onClick: () => onConfirm(submission),
+            children: submitting ? "Submitting\u2026" : CONFIRM_LABELS[route]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
 // src/billing-catalog.ts
 var DEFAULT_BILL_SUBMISSION_PROCEDURES = [
   { code: "ML200", description: "Missed appointment for a medical-legal evaluation", allowedAmount: 503.75 },
@@ -1460,7 +1811,7 @@ function calculateBillSubmissionAllowedAmount(line, procedures = DEFAULT_BILL_SU
 }
 
 // src/bill-submission-form.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var BILL_SUBMISSION_DOCUMENT_TYPES = [
   "final_report",
   "proof_of_service",
@@ -1779,7 +2130,7 @@ function validateBillSubmission(bill) {
   });
   return { valid: Object.keys(errors).length === 0, fieldErrors: errors };
 }
-var css = `
+var css2 = `
 .mbsf{display:grid;gap:20px;color:var(--mb-text);font-family:var(--mb-font);font-size:15px}.mbsf *{box-sizing:border-box}
 .mbsf-head,.mbsf-section-head,.mbsf-attach-row,.mbsf-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.mbsf-title{margin:0;font-size:24px}.mbsf-copy,.mbsf-help{color:var(--mb-muted);margin:5px 0 0}.mbsf-required{font-size:13px;color:var(--mb-muted);white-space:nowrap}.mbsf-star,.mbsf-error{color:var(--mb-danger)}
 .mbsf-card{min-width:0;margin:0;padding:24px;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);box-shadow:var(--mb-shadow)}.mbsf-card[data-invalid=true]{border-color:var(--mb-danger)}.mbsf-legend{padding:0 10px;font-size:18px;font-weight:760}.mbsf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.mbsf-subhead{grid-column:1/-1;margin:6px 0 -2px;padding-top:14px;border-top:1px solid var(--mb-border);font-size:15px;font-weight:780;letter-spacing:.01em}.mbsf-subhead:first-child{margin-top:0;padding-top:0;border-top:0}.mbsf-span{grid-column:1/-1}.mbsf-field{display:grid;align-content:start;gap:7px;min-width:0}.mbsf-label{font-weight:680}.mbsf-input,.mbsf-select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius);background:var(--mb-input);color:var(--mb-text);font:inherit}.mbsf-input:focus,.mbsf-select:focus{outline:3px solid color-mix(in srgb,var(--mb-accent) 22%,transparent);border-color:var(--mb-accent)}.mbsf-field[data-invalid=true] .mbsf-input,.mbsf-field[data-invalid=true] .mbsf-select,.mbsf-invalid-control .mbsf-input{border-color:var(--mb-danger);background:color-mix(in srgb,var(--mb-danger) 4%,var(--mb-input))}.mbsf-field[data-invalid=true] .mbsf-input:focus,.mbsf-field[data-invalid=true] .mbsf-select:focus{outline-color:color-mix(in srgb,var(--mb-danger) 24%,transparent)}
@@ -1792,27 +2143,27 @@ var css = `
 @media(max-width:820px){.mbsf{gap:16px}.mbsf-grid{grid-template-columns:1fr}.mbsf-span{grid-column:auto}.mbsf-card{padding:18px 16px}.mbsf-line-head{display:none}.mbsf-line{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:14px;padding:18px 16px}.mbsf-line>div:before{display:block;margin-bottom:6px;color:var(--mb-muted);font-size:12px;font-weight:700;content:attr(data-label)}.mbsf-line>div:nth-child(1),.mbsf-line>div:nth-child(2),.mbsf-line>div:nth-child(3){grid-column:1/-1}.mbsf-money{align-self:end;padding:0 0 12px;text-align:right}.mbsf-line .mbsf-icon-btn{position:absolute;right:8px;bottom:3px}.mbsf-total{padding:16px 18px;gap:24px}.mbsf-head{align-items:flex-start}.mbsf-segments{grid-template-columns:repeat(3,minmax(0,1fr))}.mbsf-segment{min-width:0;padding:8px 4px;border-right:1px solid var(--mb-border);border-bottom:0;font-size:13px}.mbsf-segment:last-child{border-right:0}.mbsf-payer-option{align-items:flex-start}.mbsf-attach-row{align-items:flex-start;flex-wrap:wrap}.mbsf-attach-main{align-items:flex-start;flex-basis:calc(100% - 150px)}.mbsf-attach-type{width:100%;flex-basis:100%;order:3}.mbsf-attach-actions{margin-left:auto}.mbsf-drop{min-height:190px;padding:24px 18px}.mbsf-actions{position:sticky;bottom:86px;z-index:10}.mbsf-submit{width:100%}}
 `;
 function RequiredMark() {
-  return /* @__PURE__ */ jsx3("span", { className: "mbsf-star", children: " *" });
+  return /* @__PURE__ */ jsx4("span", { className: "mbsf-star", children: " *" });
 }
 function Field2({ label, required, error, path, span, children }) {
-  return /* @__PURE__ */ jsxs3("label", { className: `mbsf-field${span ? " mbsf-span" : ""}`, "data-field-path": path, "data-invalid": Boolean(error), children: [
-    /* @__PURE__ */ jsxs3("span", { className: "mbsf-label", children: [
+  return /* @__PURE__ */ jsxs4("label", { className: `mbsf-field${span ? " mbsf-span" : ""}`, "data-field-path": path, "data-invalid": Boolean(error), children: [
+    /* @__PURE__ */ jsxs4("span", { className: "mbsf-label", children: [
       label,
-      required ? /* @__PURE__ */ jsx3(RequiredMark, {}) : null
+      required ? /* @__PURE__ */ jsx4(RequiredMark, {}) : null
     ] }),
     children,
-    error ? /* @__PURE__ */ jsx3("small", { className: "mbsf-error", role: "alert", children: error }) : null
+    error ? /* @__PURE__ */ jsx4("small", { className: "mbsf-error", role: "alert", children: error }) : null
   ] });
 }
 function TextDateInput({ value, onChange, disabled, required, ariaLabel }) {
-  const [display, setDisplay] = useState3(() => formatBillSubmissionDate(value));
-  const [invalid, setInvalid] = useState3(false);
-  useEffect3(() => {
+  const [display, setDisplay] = useState4(() => formatBillSubmissionDate(value));
+  const [invalid, setInvalid] = useState4(false);
+  useEffect4(() => {
     setDisplay(formatBillSubmissionDate(value));
     setInvalid(false);
   }, [value]);
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx3("input", { className: "mbsf-input", type: "text", inputMode: "numeric", autoComplete: "off", placeholder: "MM/DD/YYYY", "aria-label": ariaLabel, "aria-invalid": invalid, required, disabled, value: display, onChange: (event) => {
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("input", { className: "mbsf-input", type: "text", inputMode: "numeric", autoComplete: "off", placeholder: "MM/DD/YYYY", "aria-label": ariaLabel, "aria-invalid": invalid, required, disabled, value: display, onChange: (event) => {
       const next = event.target.value;
       const parsed = parseBillSubmissionDate(next);
       setDisplay(next);
@@ -1820,21 +2171,21 @@ function TextDateInput({ value, onChange, disabled, required, ariaLabel }) {
       if (!next.trim()) onChange("");
       else if (parsed) onChange(parsed);
     }, onBlur: () => setInvalid(Boolean(display && !parseBillSubmissionDate(display))) }),
-    invalid ? /* @__PURE__ */ jsx3("small", { className: "mbsf-error", children: "Use MM/DD/YYYY" }) : null
+    invalid ? /* @__PURE__ */ jsx4("small", { className: "mbsf-error", children: "Use MM/DD/YYYY" }) : null
   ] });
 }
 function ComboBox({ value, placeholder, options, disabled, loading, loadingMore, invalid, preserveValueOnOpen = false, onOpen, onQuery, onEndReached, onSelect, createOption, ariaLabel }) {
-  const [open, setOpen] = useState3(false);
-  const [query, setQuery] = useState3("");
-  const visible = useMemo2(() => {
+  const [open, setOpen] = useState4(false);
+  const [query, setQuery] = useState4("");
+  const visible = useMemo3(() => {
     const q = query.trim().toLowerCase();
     const matches = q ? options.filter((option) => `${option.id} ${option.label} ${option.detail ?? ""}`.toLowerCase().includes(q)) : options;
     const custom = createOption?.(query) ?? null;
     return custom && !matches.some((option) => option.id.toUpperCase() === custom.id.toUpperCase()) ? [...matches, custom] : matches;
   }, [createOption, options, query]);
   const showMenu = open && (loading || visible.length > 0 || query.trim().length >= 2);
-  return /* @__PURE__ */ jsxs3("div", { className: "mbsf-combo", children: [
-    /* @__PURE__ */ jsx3("input", { className: "mbsf-input", role: "combobox", "aria-label": ariaLabel, "aria-invalid": invalid, "aria-expanded": showMenu, autoComplete: "off", disabled, placeholder, value: open ? query : value, onFocus: () => {
+  return /* @__PURE__ */ jsxs4("div", { className: "mbsf-combo", children: [
+    /* @__PURE__ */ jsx4("input", { className: "mbsf-input", role: "combobox", "aria-label": ariaLabel, "aria-invalid": invalid, "aria-expanded": showMenu, autoComplete: "off", disabled, placeholder, value: open ? query : value, onFocus: () => {
       const next = preserveValueOnOpen ? value : "";
       setOpen(true);
       setQuery(next);
@@ -1845,19 +2196,19 @@ function ComboBox({ value, placeholder, options, disabled, loading, loadingMore,
       setQuery(event.target.value);
       onQuery?.(event.target.value);
     }, onBlur: () => setTimeout(() => setOpen(false), 120) }),
-    showMenu ? /* @__PURE__ */ jsxs3("div", { className: "mbsf-menu", role: "listbox", onScroll: (event) => {
+    showMenu ? /* @__PURE__ */ jsxs4("div", { className: "mbsf-menu", role: "listbox", onScroll: (event) => {
       const menu = event.currentTarget;
       if (menu.scrollHeight - menu.scrollTop - menu.clientHeight < 120) onEndReached?.();
     }, children: [
-      loading && !visible.length ? /* @__PURE__ */ jsx3("div", { className: "mbsf-menu-status", children: "Loading\u2026" }) : visible.length ? visible.map((option) => /* @__PURE__ */ jsxs3("button", { className: "mbsf-option", type: "button", role: "option", onMouseDown: (event) => event.preventDefault(), onClick: () => {
+      loading && !visible.length ? /* @__PURE__ */ jsx4("div", { className: "mbsf-menu-status", children: "Loading\u2026" }) : visible.length ? visible.map((option) => /* @__PURE__ */ jsxs4("button", { className: "mbsf-option", type: "button", role: "option", onMouseDown: (event) => event.preventDefault(), onClick: () => {
         onSelect(option);
         setOpen(false);
         setQuery("");
       }, children: [
-        /* @__PURE__ */ jsx3("strong", { children: option.label }),
-        option.detail ? /* @__PURE__ */ jsx3("small", { children: option.detail }) : null
-      ] }, option.id)) : /* @__PURE__ */ jsx3("div", { className: "mbsf-option", children: "No matches" }),
-      loadingMore ? /* @__PURE__ */ jsx3("div", { className: "mbsf-menu-status", children: "Loading more\u2026" }) : null
+        /* @__PURE__ */ jsx4("strong", { children: option.label }),
+        option.detail ? /* @__PURE__ */ jsx4("small", { children: option.detail }) : null
+      ] }, option.id)) : /* @__PURE__ */ jsx4("div", { className: "mbsf-option", children: "No matches" }),
+      loadingMore ? /* @__PURE__ */ jsx4("div", { className: "mbsf-menu-status", children: "Loading more\u2026" }) : null
     ] }) : null
   ] });
 }
@@ -1907,28 +2258,28 @@ var BillSubmissionSectionsContext = createContext(null);
 function BillSubmissionSection({ id }) {
   const sections = useContext(BillSubmissionSectionsContext);
   if (!sections) throw new Error("Bill submission sections must be rendered inside BillSubmissionForm.");
-  return /* @__PURE__ */ jsx3(Fragment2, { children: sections[id] });
+  return /* @__PURE__ */ jsx4(Fragment3, { children: sections[id] });
 }
 function BillSubmissionHeader() {
-  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "header" });
+  return /* @__PURE__ */ jsx4(BillSubmissionSection, { id: "header" });
 }
 function BillSubmissionPatientSection() {
-  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "patient" });
+  return /* @__PURE__ */ jsx4(BillSubmissionSection, { id: "patient" });
 }
 function BillSubmissionClaimSection() {
-  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "claim" });
+  return /* @__PURE__ */ jsx4(BillSubmissionSection, { id: "claim" });
 }
 function BillSubmissionProvidersSection() {
-  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "providers" });
+  return /* @__PURE__ */ jsx4(BillSubmissionSection, { id: "providers" });
 }
 function BillSubmissionServiceLinesSection() {
-  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "serviceLines" });
+  return /* @__PURE__ */ jsx4(BillSubmissionSection, { id: "serviceLines" });
 }
 function BillSubmissionAttachmentsSection() {
-  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "attachments" });
+  return /* @__PURE__ */ jsx4(BillSubmissionSection, { id: "attachments" });
 }
 function BillSubmissionActions() {
-  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "actions" });
+  return /* @__PURE__ */ jsx4(BillSubmissionSection, { id: "actions" });
 }
 function BillSubmissionForm({
   initialBill,
@@ -1946,6 +2297,7 @@ function BillSubmissionForm({
   procedureOptions,
   modifierOptions,
   taxonomyOptions,
+  deliveryRoutePicker = "auto",
   attachmentReportTypeMode = "auto",
   attachmentReportTypes = BILL_SUBMISSION_REPORT_TYPES,
   defaultAttachmentReportType,
@@ -1958,42 +2310,44 @@ function BillSubmissionForm({
   description = "Review the bill details, add attachments, and submit.",
   children
 }) {
-  const [bill, setBill] = useState3(() => cloneInitialBill(initialBill));
-  const [selectedIds, setSelectedIds] = useState3(() => attachments.map((item) => item.id));
-  const [removedSourceIds, setRemovedSourceIds] = useState3([]);
-  const [uploads, setUploads] = useState3([]);
-  const [errors, setErrors] = useState3({});
-  const [sourceAttachmentReportTypes, setSourceAttachmentReportTypes] = useState3(() => Object.fromEntries(attachments.flatMap((item) => item.reportTypeCode ? [[item.id, item.reportTypeCode]] : [])));
-  const [validationActive, setValidationActive] = useState3(false);
-  const [formError, setFormError] = useState3(null);
-  const [submitting, setSubmitting] = useState3(false);
-  const [payerResults, setPayerResults] = useState3([]);
-  const [payerLoading, setPayerLoading] = useState3(false);
-  const [diagnosisResults, setDiagnosisResults] = useState3([]);
-  const [diagnosisLoading, setDiagnosisLoading] = useState3(false);
-  const [diagnosisLoadingMore, setDiagnosisLoadingMore] = useState3(false);
-  const [diagnosisQuery, setDiagnosisQuery] = useState3(null);
-  const [diagnosisHasMore, setDiagnosisHasMore] = useState3(true);
-  const [postalStatus, setPostalStatus] = useState3(null);
-  const [dragActive, setDragActive] = useState3(false);
+  const [bill, setBill] = useState4(() => cloneInitialBill(initialBill));
+  const [selectedIds, setSelectedIds] = useState4(() => attachments.map((item) => item.id));
+  const [removedSourceIds, setRemovedSourceIds] = useState4([]);
+  const [uploads, setUploads] = useState4([]);
+  const [errors, setErrors] = useState4({});
+  const [sourceAttachmentReportTypes, setSourceAttachmentReportTypes] = useState4(() => Object.fromEntries(attachments.flatMap((item) => item.reportTypeCode ? [[item.id, item.reportTypeCode]] : [])));
+  const [validationActive, setValidationActive] = useState4(false);
+  const [formError, setFormError] = useState4(null);
+  const [submitting, setSubmitting] = useState4(false);
+  const [routeDialog, setRouteDialog] = useState4(null);
+  const [routeError, setRouteError] = useState4(null);
+  const [payerResults, setPayerResults] = useState4([]);
+  const [payerLoading, setPayerLoading] = useState4(false);
+  const [diagnosisResults, setDiagnosisResults] = useState4([]);
+  const [diagnosisLoading, setDiagnosisLoading] = useState4(false);
+  const [diagnosisLoadingMore, setDiagnosisLoadingMore] = useState4(false);
+  const [diagnosisQuery, setDiagnosisQuery] = useState4(null);
+  const [diagnosisHasMore, setDiagnosisHasMore] = useState4(true);
+  const [postalStatus, setPostalStatus] = useState4(null);
+  const [dragActive, setDragActive] = useState4(false);
   const formRef = useRef2(null);
   const fileInput = useRef2(null);
   const diagnosisRequest = useRef2(0);
   const diagnosisAppendPending = useRef2(false);
   const payerRequest = useRef2(0);
-  const procedures = useMemo2(() => mergeOptions(DEFAULT_BILL_SUBMISSION_PROCEDURES, procedureOptions), [procedureOptions]);
-  const modifiers = useMemo2(() => mergeOptions(DEFAULT_BILL_SUBMISSION_MODIFIERS, modifierOptions), [modifierOptions]);
-  const taxonomies = useMemo2(() => mergeOptions(DEFAULT_BILL_SUBMISSION_TAXONOMIES, taxonomyOptions), [taxonomyOptions]);
-  const [evaluationType, setEvaluationType] = useState3(() => initialEvaluationType(initialBill));
+  const procedures = useMemo3(() => mergeOptions(DEFAULT_BILL_SUBMISSION_PROCEDURES, procedureOptions), [procedureOptions]);
+  const modifiers = useMemo3(() => mergeOptions(DEFAULT_BILL_SUBMISSION_MODIFIERS, modifierOptions), [modifierOptions]);
+  const taxonomies = useMemo3(() => mergeOptions(DEFAULT_BILL_SUBMISSION_TAXONOMIES, taxonomyOptions), [taxonomyOptions]);
+  const [evaluationType, setEvaluationType] = useState4(() => initialEvaluationType(initialBill));
   const connected = !onSubmit;
-  const referenceClient = useMemo2(() => getSession || sessionEndpoint || connected ? createBillReferenceClient({ getSession, sessionEndpoint, apiBaseUrl, fetch: fetchOverride }) : null, [getSession, sessionEndpoint, apiBaseUrl, fetchOverride, connected]);
-  const submissionClient = useMemo2(() => connected ? createBillSubmissionClient({ getSession, sessionEndpoint, apiBaseUrl, fetch: fetchOverride }) : null, [getSession, sessionEndpoint, apiBaseUrl, fetchOverride, connected]);
+  const referenceClient = useMemo3(() => getSession || sessionEndpoint || connected ? createBillReferenceClient({ getSession, sessionEndpoint, apiBaseUrl, fetch: fetchOverride }) : null, [getSession, sessionEndpoint, apiBaseUrl, fetchOverride, connected]);
+  const submissionClient = useMemo3(() => connected ? createBillSubmissionClient({ getSession, sessionEndpoint, apiBaseUrl, fetch: fetchOverride }) : null, [getSession, sessionEndpoint, apiBaseUrl, fetchOverride, connected]);
   const locked = disabled || submitting;
   const showAttachmentReportTypes = attachmentReportTypeMode === "visible" || attachmentReportTypeMode === "auto" && bill.billingMode !== "med_legal";
   const forcedAttachmentReportType = showAttachmentReportTypes ? void 0 : defaultAttachmentReportType ?? MED_LEGAL_REPORT_TYPE_CODE;
-  const reportTypeOptions = useMemo2(() => attachmentReportTypes.map((item) => ({ id: item.code, label: item.code.replace(/^OZ:/, ""), detail: item.label })), [attachmentReportTypes]);
+  const reportTypeOptions = useMemo3(() => attachmentReportTypes.map((item) => ({ id: item.code, label: item.code.replace(/^OZ:/, ""), detail: item.label })), [attachmentReportTypes]);
   const missingAttachmentReportType = showAttachmentReportTypes && (selectedIds.some((id) => !(sourceAttachmentReportTypes[id] || attachments.find((item) => item.id === id)?.reportTypeCode || defaultAttachmentReportType)) || uploads.some((upload) => !(upload.reportTypeCode || defaultAttachmentReportType)));
-  useEffect3(() => {
+  useEffect4(() => {
     setBill(cloneInitialBill(initialBill));
     setEvaluationType(initialEvaluationType(initialBill));
     setSelectedIds(attachments.map((item) => item.id));
@@ -2009,7 +2363,7 @@ function BillSubmissionForm({
     diagnosisRequest.current += 1;
     diagnosisAppendPending.current = false;
   }, [initialBill, attachments]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!validationActive) return;
     const next = validateBillSubmission(bill).fieldErrors;
     setErrors(missingAttachmentReportType ? { ...next, attachments: "Select a report type for every attachment." } : next);
@@ -2027,7 +2381,7 @@ function BillSubmissionForm({
     if (selectedIds.length + uploads.length + files.length > MAX_DOCUMENTS) return setFormError(`A bill can include at most ${MAX_DOCUMENTS} attachments.`);
     setUploads((current) => [...current, ...files.map((file) => ({ file, documentType: "other", ...defaultAttachmentReportType ? { reportTypeCode: defaultAttachmentReportType } : {} }))]);
   }, [defaultAttachmentReportType, selectedIds.length, uploads]);
-  useEffect3(() => {
+  useEffect4(() => {
     const over = (event) => {
       if (event.dataTransfer?.types.includes("Files")) {
         event.preventDefault();
@@ -2066,7 +2420,7 @@ function BillSubmissionForm({
     }
     return next;
   })) }));
-  const text = (value, onChange, options = {}) => /* @__PURE__ */ jsx3("input", { className: "mbsf-input", disabled: locked, value: value ?? "", onChange: (event) => onChange(event.target.value), ...options });
+  const text = (value, onChange, options = {}) => /* @__PURE__ */ jsx4("input", { className: "mbsf-input", disabled: locked, value: value ?? "", onChange: (event) => onChange(event.target.value), ...options });
   const runPayerSearch = useCallback(async (query, autoSelect) => {
     const trimmed = query.trim();
     if (trimmed.length < 2) {
@@ -2097,7 +2451,7 @@ function BillSubmissionForm({
     });
     void runPayerSearch(query, true);
   };
-  useEffect3(() => {
+  useEffect4(() => {
     const payer = bill.claim.claimsAdministrator;
     if (!payer?.name || payer.name.trim().length < 2) return;
     void runPayerSearch(payer.name, !payer.id);
@@ -2138,7 +2492,7 @@ function BillSubmissionForm({
     });
   };
   const searchDiagnoses = (query) => loadDiagnoses(query);
-  const diagnosisChoices = useMemo2(() => mergeDiagnosisOptions([...diagnosisOptions, ...diagnosisResults]), [diagnosisOptions, diagnosisResults]);
+  const diagnosisChoices = useMemo3(() => mergeDiagnosisOptions([...diagnosisOptions, ...diagnosisResults]), [diagnosisOptions, diagnosisResults]);
   const updatePostalCode = (postalCode) => {
     setAddress({ postalCode });
     setPostalStatus(null);
@@ -2178,25 +2532,58 @@ function BillSubmissionForm({
     }
     if (selectedIds.length + uploads.length > MAX_DOCUMENTS) return setFormError(`A bill can include at most ${MAX_DOCUMENTS} attachments.`);
     const complete = clean;
-    setSubmitting(true);
-    try {
-      if (onSubmit) {
+    if (onSubmit) {
+      setSubmitting(true);
+      try {
         await onSubmit({ bill: complete, sourceAttachmentIds: selectedIds, sourceAttachmentReportTypes, uploads });
-      } else {
-        if (!submissionClient) throw new Error("The connected billing client is unavailable.");
-        const documents = await prepareBillSubmissionDocuments({
-          attachments,
-          selectedIds,
-          uploads,
-          reportTypeCodeByAttachmentId: sourceAttachmentReportTypes,
-          ...forcedAttachmentReportType ? { defaultReportTypeCode: forcedAttachmentReportType } : {},
-          ...fetchOverride ? { fetch: fetchOverride } : {}
+      } catch (caught) {
+        setFormError(caught instanceof Error ? caught.message : "Unable to submit the bill.");
+      } finally {
+        setSubmitting(false);
+      }
+      return;
+    }
+    if (deliveryRoutePicker !== "off" && referenceClient) {
+      setSubmitting(true);
+      try {
+        const delivery = await referenceClient.getDeliveryPreview({
+          claimsAdministratorId: complete.claim.claimsAdministrator.id,
+          ...complete.claim.injuryState ? { injuryState: complete.claim.injuryState } : {}
         });
-        const result = await submissionClient.submitBill({ bill: complete, documents });
-        await onSubmitted?.(result);
+        setSubmitting(false);
+        setRouteError(null);
+        setRouteDialog({ delivery, complete });
+        return;
+      } catch {
+        setSubmitting(false);
       }
+    }
+    await performConnectedSubmit(complete, void 0);
+  }
+  async function performConnectedSubmit(complete, submission) {
+    setSubmitting(true);
+    try {
+      if (!submissionClient) throw new Error("The connected billing client is unavailable.");
+      const documents = await prepareBillSubmissionDocuments({
+        attachments,
+        selectedIds,
+        uploads,
+        reportTypeCodeByAttachmentId: sourceAttachmentReportTypes,
+        ...forcedAttachmentReportType ? { defaultReportTypeCode: forcedAttachmentReportType } : {},
+        ...fetchOverride ? { fetch: fetchOverride } : {}
+      });
+      const result = await submissionClient.submitBill({
+        bill: complete,
+        ...submission ? { submission } : {},
+        documents
+      });
+      setRouteDialog(null);
+      setRouteError(null);
+      await onSubmitted?.(result);
     } catch (caught) {
-      setFormError(caught instanceof Error ? caught.message : "Unable to submit the bill.");
+      const message = caught instanceof Error ? caught.message : "Unable to submit the bill.";
+      if (submission) setRouteError(message);
+      else setFormError(message);
     } finally {
       setSubmitting(false);
     }
@@ -2205,210 +2592,210 @@ function BillSubmissionForm({
   const selectedPayer = payerResults.find((payer) => payer.id === bill.claim.claimsAdministrator?.id);
   const payerRecommendations = bill.claim.claimsAdministrator?.id ? [] : claimsAdministratorRecommendations(payerResults);
   const choosePayer = (payer) => setBill((current) => ({ ...current, claim: { ...current.claim, claimsAdministrator: { id: payer.id, name: payer.name } } }));
-  const headerSection = /* @__PURE__ */ jsxs3("div", { className: "mbsf-head", children: [
-    /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx3("h3", { className: "mbsf-title", children: heading }),
-      /* @__PURE__ */ jsx3("p", { className: "mbsf-copy", children: description })
+  const headerSection = /* @__PURE__ */ jsxs4("div", { className: "mbsf-head", children: [
+    /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx4("h3", { className: "mbsf-title", children: heading }),
+      /* @__PURE__ */ jsx4("p", { className: "mbsf-copy", children: description })
     ] }),
-    /* @__PURE__ */ jsxs3("span", { className: "mbsf-required", children: [
-      /* @__PURE__ */ jsx3(RequiredMark, {}),
+    /* @__PURE__ */ jsxs4("span", { className: "mbsf-required", children: [
+      /* @__PURE__ */ jsx4(RequiredMark, {}),
       " Required"
     ] })
   ] });
-  const patientSection = /* @__PURE__ */ jsxs3("fieldset", { className: "mbsf-card", disabled: locked, children: [
-    /* @__PURE__ */ jsx3("legend", { className: "mbsf-legend", children: "Patient" }),
-    /* @__PURE__ */ jsxs3("div", { className: "mbsf-grid", children: [
-      /* @__PURE__ */ jsx3(Field2, { path: "patient.firstName", label: "First name", required: true, error: errors["patient.firstName"], children: text(bill.patient.firstName, (firstName) => setBill((c) => ({ ...c, patient: { ...c.patient, firstName } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "patient.lastName", label: "Last name", required: true, error: errors["patient.lastName"], children: text(bill.patient.lastName, (lastName) => setBill((c) => ({ ...c, patient: { ...c.patient, lastName } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { label: "Middle name", children: text(bill.patient.middleName, (middleName) => setBill((c) => ({ ...c, patient: { ...c.patient, middleName } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { label: "Phone (optional)", children: text(bill.patient.phone, (phone) => setBill((c) => ({ ...c, patient: { ...c.patient, phone } })), { type: "tel" }) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "patient.dateOfBirth", label: "Date of birth", required: true, error: errors["patient.dateOfBirth"], children: /* @__PURE__ */ jsx3(TextDateInput, { ariaLabel: "Date of birth", value: bill.patient.dateOfBirth, disabled: locked, required: true, onChange: (dateOfBirth) => setBill((c) => ({ ...c, patient: { ...c.patient, dateOfBirth } })) }) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "patient.address.line1", label: "Address", required: true, span: true, error: errors["patient.address.line1"], children: text(bill.patient.address.line1, (line1) => setAddress({ line1 }), { placeholder: "Street address" }) }),
-      /* @__PURE__ */ jsxs3(Field2, { path: "patient.address.postalCode", label: "ZIP", required: true, error: errors["patient.address.postalCode"], children: [
+  const patientSection = /* @__PURE__ */ jsxs4("fieldset", { className: "mbsf-card", disabled: locked, children: [
+    /* @__PURE__ */ jsx4("legend", { className: "mbsf-legend", children: "Patient" }),
+    /* @__PURE__ */ jsxs4("div", { className: "mbsf-grid", children: [
+      /* @__PURE__ */ jsx4(Field2, { path: "patient.firstName", label: "First name", required: true, error: errors["patient.firstName"], children: text(bill.patient.firstName, (firstName) => setBill((c) => ({ ...c, patient: { ...c.patient, firstName } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "patient.lastName", label: "Last name", required: true, error: errors["patient.lastName"], children: text(bill.patient.lastName, (lastName) => setBill((c) => ({ ...c, patient: { ...c.patient, lastName } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { label: "Middle name", children: text(bill.patient.middleName, (middleName) => setBill((c) => ({ ...c, patient: { ...c.patient, middleName } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { label: "Phone (optional)", children: text(bill.patient.phone, (phone) => setBill((c) => ({ ...c, patient: { ...c.patient, phone } })), { type: "tel" }) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "patient.dateOfBirth", label: "Date of birth", required: true, error: errors["patient.dateOfBirth"], children: /* @__PURE__ */ jsx4(TextDateInput, { ariaLabel: "Date of birth", value: bill.patient.dateOfBirth, disabled: locked, required: true, onChange: (dateOfBirth) => setBill((c) => ({ ...c, patient: { ...c.patient, dateOfBirth } })) }) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "patient.address.line1", label: "Address", required: true, span: true, error: errors["patient.address.line1"], children: text(bill.patient.address.line1, (line1) => setAddress({ line1 }), { placeholder: "Street address" }) }),
+      /* @__PURE__ */ jsxs4(Field2, { path: "patient.address.postalCode", label: "ZIP", required: true, error: errors["patient.address.postalCode"], children: [
         text(bill.patient.address.postalCode, updatePostalCode, { maxLength: 10 }),
-        postalStatus ? /* @__PURE__ */ jsx3("small", { className: "mbsf-help", children: postalStatus }) : null
+        postalStatus ? /* @__PURE__ */ jsx4("small", { className: "mbsf-help", children: postalStatus }) : null
       ] }),
-      /* @__PURE__ */ jsx3(Field2, { path: "patient.address.city", label: "City", required: true, error: errors["patient.address.city"], children: text(bill.patient.address.city, (city) => setAddress({ city })) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "patient.address.state", label: "State", required: true, error: errors["patient.address.state"], children: text(bill.patient.address.state, (state) => setAddress({ state: state.toUpperCase() }), { maxLength: 2 }) })
+      /* @__PURE__ */ jsx4(Field2, { path: "patient.address.city", label: "City", required: true, error: errors["patient.address.city"], children: text(bill.patient.address.city, (city) => setAddress({ city })) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "patient.address.state", label: "State", required: true, error: errors["patient.address.state"], children: text(bill.patient.address.state, (state) => setAddress({ state: state.toUpperCase() }), { maxLength: 2 }) })
     ] })
   ] });
-  const claimSection = /* @__PURE__ */ jsxs3("fieldset", { className: "mbsf-card", disabled: locked, children: [
-    /* @__PURE__ */ jsx3("legend", { className: "mbsf-legend", children: "Injury & claim" }),
-    /* @__PURE__ */ jsxs3("div", { className: "mbsf-grid", children: [
-      /* @__PURE__ */ jsx3(Field2, { path: "service.date", label: "Date of service", required: true, error: errors["service.date"], children: /* @__PURE__ */ jsx3(TextDateInput, { ariaLabel: "Date of service", value: bill.service.date, disabled: locked, required: true, onChange: (date2) => setBill((c) => ({ ...c, service: { ...c.service, date: date2 } })) }) }),
-      /* @__PURE__ */ jsxs3(Field2, { label: "Treatment authorization # (optional)", children: [
+  const claimSection = /* @__PURE__ */ jsxs4("fieldset", { className: "mbsf-card", disabled: locked, children: [
+    /* @__PURE__ */ jsx4("legend", { className: "mbsf-legend", children: "Injury & claim" }),
+    /* @__PURE__ */ jsxs4("div", { className: "mbsf-grid", children: [
+      /* @__PURE__ */ jsx4(Field2, { path: "service.date", label: "Date of service", required: true, error: errors["service.date"], children: /* @__PURE__ */ jsx4(TextDateInput, { ariaLabel: "Date of service", value: bill.service.date, disabled: locked, required: true, onChange: (date2) => setBill((c) => ({ ...c, service: { ...c.service, date: date2 } })) }) }),
+      /* @__PURE__ */ jsxs4(Field2, { label: "Treatment authorization # (optional)", children: [
         text(bill.service.authorizationNumber, (authorizationNumber) => setBill((c) => ({ ...c, service: { ...c.service, authorizationNumber } })), { placeholder: "Utilization-review authorization number" }),
-        /* @__PURE__ */ jsx3("small", { className: "mbsf-help", children: "Rides on the bill as CMS-1500 Box 23 / 837 REF*G1." })
+        /* @__PURE__ */ jsx4("small", { className: "mbsf-help", children: "Rides on the bill as CMS-1500 Box 23 / 837 REF*G1." })
       ] }),
-      /* @__PURE__ */ jsx3(Field2, { path: "claim.dateOfInjury", label: "Date of injury", required: true, error: errors["claim.dateOfInjury"], children: /* @__PURE__ */ jsx3(TextDateInput, { ariaLabel: "Date of injury", value: bill.claim.dateOfInjury, disabled: locked, required: true, onChange: (dateOfInjury) => setBill((c) => ({ ...c, claim: { ...c.claim, dateOfInjury } })) }) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "claim.employer", label: "Employer name", required: true, error: errors["claim.employer"], children: text(bill.claim.employer, (employer) => setBill((c) => ({ ...c, claim: { ...c.claim, employer } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "claim.claimNumber", label: "Claim number", required: true, error: errors["claim.claimNumber"], children: text(bill.claim.claimNumber, (claimNumber) => setBill((c) => ({ ...c, claim: { ...c.claim, claimNumber } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { label: "WCAB / ADJ number (optional)", children: text(bill.claim.adjNumber, (adjNumber) => setBill((c) => ({ ...c, claim: { ...c.claim, adjNumber } }))) }),
-      /* @__PURE__ */ jsxs3(Field2, { path: "claim.claimsAdministrator", label: "Claims administrator", required: true, span: true, error: claimsAdministratorError, children: [
-        /* @__PURE__ */ jsx3(ComboBox, { ariaLabel: "Claims administrator", invalid: Boolean(claimsAdministratorError), disabled: locked, loading: payerLoading, preserveValueOnOpen: true, value: bill.claim.claimsAdministrator?.name ?? "", placeholder: "Search the payer directory\u2026", options: payerResults.map((payer) => ({ id: payer.id, label: payer.name, detail: [payer.hasElectronic ? "Electronic" : "Work comp", ...payer.states ?? []].join(" \xB7 ") })), onQuery: searchPayers, onSelect: (option) => choosePayer({ id: option.id, name: option.label }) }),
-        selectedPayer ? /* @__PURE__ */ jsxs3("div", { className: "mbsf-payer-status", role: "status", children: [
-          /* @__PURE__ */ jsx3("strong", { children: "\u2713 Routing match set:" }),
+      /* @__PURE__ */ jsx4(Field2, { path: "claim.dateOfInjury", label: "Date of injury", required: true, error: errors["claim.dateOfInjury"], children: /* @__PURE__ */ jsx4(TextDateInput, { ariaLabel: "Date of injury", value: bill.claim.dateOfInjury, disabled: locked, required: true, onChange: (dateOfInjury) => setBill((c) => ({ ...c, claim: { ...c.claim, dateOfInjury } })) }) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "claim.employer", label: "Employer name", required: true, error: errors["claim.employer"], children: text(bill.claim.employer, (employer) => setBill((c) => ({ ...c, claim: { ...c.claim, employer } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "claim.claimNumber", label: "Claim number", required: true, error: errors["claim.claimNumber"], children: text(bill.claim.claimNumber, (claimNumber) => setBill((c) => ({ ...c, claim: { ...c.claim, claimNumber } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { label: "WCAB / ADJ number (optional)", children: text(bill.claim.adjNumber, (adjNumber) => setBill((c) => ({ ...c, claim: { ...c.claim, adjNumber } }))) }),
+      /* @__PURE__ */ jsxs4(Field2, { path: "claim.claimsAdministrator", label: "Claims administrator", required: true, span: true, error: claimsAdministratorError, children: [
+        /* @__PURE__ */ jsx4(ComboBox, { ariaLabel: "Claims administrator", invalid: Boolean(claimsAdministratorError), disabled: locked, loading: payerLoading, preserveValueOnOpen: true, value: bill.claim.claimsAdministrator?.name ?? "", placeholder: "Search the payer directory\u2026", options: payerResults.map((payer) => ({ id: payer.id, label: payer.name, detail: [payer.hasElectronic ? "Electronic" : "Work comp", ...payer.states ?? []].join(" \xB7 ") })), onQuery: searchPayers, onSelect: (option) => choosePayer({ id: option.id, name: option.label }) }),
+        selectedPayer ? /* @__PURE__ */ jsxs4("div", { className: "mbsf-payer-status", role: "status", children: [
+          /* @__PURE__ */ jsx4("strong", { children: "\u2713 Routing match set:" }),
           " ",
           selectedPayer.name
         ] }) : null,
-        selectedPayer?.signals?.length ? /* @__PURE__ */ jsx3("div", { className: "mbsf-payer-signals", children: selectedPayer.signals.map((signal, index) => /* @__PURE__ */ jsxs3("span", { "data-state": signal.state, children: [
+        selectedPayer?.signals?.length ? /* @__PURE__ */ jsx4("div", { className: "mbsf-payer-signals", children: selectedPayer.signals.map((signal, index) => /* @__PURE__ */ jsxs4("span", { "data-state": signal.state, children: [
           signal.state === "match" ? "\u2713" : "!",
           " ",
           signal.label
         ] }, `${signal.kind}-${index}`)) }) : null,
-        !selectedPayer && payerRecommendations.length ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-          /* @__PURE__ */ jsxs3("p", { className: "mbsf-payer-intro", children: [
+        !selectedPayer && payerRecommendations.length ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          /* @__PURE__ */ jsxs4("p", { className: "mbsf-payer-intro", children: [
             "Confirm the best routing match for ",
-            /* @__PURE__ */ jsx3("strong", { children: bill.claim.claimsAdministrator?.name }),
+            /* @__PURE__ */ jsx4("strong", { children: bill.claim.claimsAdministrator?.name }),
             ":"
           ] }),
-          /* @__PURE__ */ jsx3("div", { className: "mbsf-payer-list", children: payerRecommendations.map((payer) => /* @__PURE__ */ jsxs3("div", { className: "mbsf-payer-option", children: [
-            /* @__PURE__ */ jsxs3("div", { className: "mbsf-payer-option-main", children: [
-              /* @__PURE__ */ jsx3("strong", { children: payer.name }),
-              payer.signals?.length ? /* @__PURE__ */ jsx3("div", { className: "mbsf-payer-signals", children: payer.signals.map((signal, index) => /* @__PURE__ */ jsxs3("span", { "data-state": signal.state, children: [
+          /* @__PURE__ */ jsx4("div", { className: "mbsf-payer-list", children: payerRecommendations.map((payer) => /* @__PURE__ */ jsxs4("div", { className: "mbsf-payer-option", children: [
+            /* @__PURE__ */ jsxs4("div", { className: "mbsf-payer-option-main", children: [
+              /* @__PURE__ */ jsx4("strong", { children: payer.name }),
+              payer.signals?.length ? /* @__PURE__ */ jsx4("div", { className: "mbsf-payer-signals", children: payer.signals.map((signal, index) => /* @__PURE__ */ jsxs4("span", { "data-state": signal.state, children: [
                 signal.state === "match" ? "\u2713" : "!",
                 " ",
                 signal.label
-              ] }, `${signal.kind}-${index}`)) }) : /* @__PURE__ */ jsx3("small", { className: "mbsf-help", children: "Directory match" })
+              ] }, `${signal.kind}-${index}`)) }) : /* @__PURE__ */ jsx4("small", { className: "mbsf-help", children: "Directory match" })
             ] }),
-            /* @__PURE__ */ jsx3("button", { className: "mbsf-secondary", type: "button", onClick: () => choosePayer(payer), children: "Use" })
+            /* @__PURE__ */ jsx4("button", { className: "mbsf-secondary", type: "button", onClick: () => choosePayer(payer), children: "Use" })
           ] }, payer.id)) })
         ] }) : null,
-        !selectedPayer && !payerLoading && !payerRecommendations.length && (bill.claim.claimsAdministrator?.name.trim().length ?? 0) >= 2 ? /* @__PURE__ */ jsx3("small", { className: "mbsf-help", children: "No confident route selected yet. Search the directory and choose a claims administrator." }) : null
+        !selectedPayer && !payerLoading && !payerRecommendations.length && (bill.claim.claimsAdministrator?.name.trim().length ?? 0) >= 2 ? /* @__PURE__ */ jsx4("small", { className: "mbsf-help", children: "No confident route selected yet. Search the directory and choose a claims administrator." }) : null
       ] }),
-      /* @__PURE__ */ jsx3(Field2, { label: "Injury description (optional)", span: true, children: text(bill.claim.description, (description2) => setBill((c) => ({ ...c, claim: { ...c.claim, description: description2 } }))) }),
-      /* @__PURE__ */ jsxs3(Field2, { path: "diagnoses", label: "Diagnosis codes (ICD-10)", required: true, span: true, error: errors.diagnoses, children: [
-        /* @__PURE__ */ jsx3("div", { className: "mbsf-quick-picks", "aria-label": "Common diagnosis codes", children: BILL_SUBMISSION_DIAGNOSIS_QUICK_PICKS.map((option) => {
+      /* @__PURE__ */ jsx4(Field2, { label: "Injury description (optional)", span: true, children: text(bill.claim.description, (description2) => setBill((c) => ({ ...c, claim: { ...c.claim, description: description2 } }))) }),
+      /* @__PURE__ */ jsxs4(Field2, { path: "diagnoses", label: "Diagnosis codes (ICD-10)", required: true, span: true, error: errors.diagnoses, children: [
+        /* @__PURE__ */ jsx4("div", { className: "mbsf-quick-picks", "aria-label": "Common diagnosis codes", children: BILL_SUBMISSION_DIAGNOSIS_QUICK_PICKS.map((option) => {
           const selected = (bill.diagnoses ?? []).includes(option.code);
-          return /* @__PURE__ */ jsxs3("button", { className: "mbsf-quick-pick", "data-selected": selected, type: "button", "aria-pressed": selected, title: `${option.code} \u2014 ${option.description}`, onClick: () => setBill((current) => ({ ...current, diagnoses: selected ? (current.diagnoses ?? []).filter((code) => code !== option.code) : [.../* @__PURE__ */ new Set([...current.diagnoses ?? [], option.code])] })), children: [
+          return /* @__PURE__ */ jsxs4("button", { className: "mbsf-quick-pick", "data-selected": selected, type: "button", "aria-pressed": selected, title: `${option.code} \u2014 ${option.description}`, onClick: () => setBill((current) => ({ ...current, diagnoses: selected ? (current.diagnoses ?? []).filter((code) => code !== option.code) : [.../* @__PURE__ */ new Set([...current.diagnoses ?? [], option.code])] })), children: [
             selected ? "\u2713" : "+",
             " ",
             option.label
           ] }, option.code);
         }) }),
-        /* @__PURE__ */ jsx3("div", { className: "mbsf-chips", children: (bill.diagnoses ?? []).map((code) => {
+        /* @__PURE__ */ jsx4("div", { className: "mbsf-chips", children: (bill.diagnoses ?? []).map((code) => {
           const option = [...BILL_SUBMISSION_DIAGNOSIS_QUICK_PICKS, ...diagnosisChoices].find((item) => item.code === code);
-          return /* @__PURE__ */ jsxs3("span", { className: "mbsf-chip", children: [
-            /* @__PURE__ */ jsx3("strong", { children: code }),
+          return /* @__PURE__ */ jsxs4("span", { className: "mbsf-chip", children: [
+            /* @__PURE__ */ jsx4("strong", { children: code }),
             option?.description ? ` ${option.description}` : "",
-            /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": `Remove ${code}`, onClick: () => setBill((c) => ({ ...c, diagnoses: (c.diagnoses ?? []).filter((item) => item !== code) })), children: "\xD7" })
+            /* @__PURE__ */ jsx4("button", { type: "button", "aria-label": `Remove ${code}`, onClick: () => setBill((c) => ({ ...c, diagnoses: (c.diagnoses ?? []).filter((item) => item !== code) })), children: "\xD7" })
           ] }, code);
         }) }),
-        /* @__PURE__ */ jsx3(ComboBox, { ariaLabel: "Add diagnosis code", invalid: Boolean(errors.diagnoses), disabled: locked, loading: diagnosisLoading, loadingMore: diagnosisLoadingMore, value: "", placeholder: bill.diagnoses?.length ?? 0 ? `${bill.diagnoses.length} selected \u2014 add more\u2026` : "Search ICD-10 codes\u2026", options: diagnosisChoices.filter((item) => !(bill.diagnoses ?? []).includes(item.code)).map((item) => ({ id: item.code, label: item.code, detail: item.description })), onOpen: () => {
+        /* @__PURE__ */ jsx4(ComboBox, { ariaLabel: "Add diagnosis code", invalid: Boolean(errors.diagnoses), disabled: locked, loading: diagnosisLoading, loadingMore: diagnosisLoadingMore, value: "", placeholder: bill.diagnoses?.length ?? 0 ? `${bill.diagnoses.length} selected \u2014 add more\u2026` : "Search ICD-10 codes\u2026", options: diagnosisChoices.filter((item) => !(bill.diagnoses ?? []).includes(item.code)).map((item) => ({ id: item.code, label: item.code, detail: item.description })), onOpen: () => {
           if (diagnosisQuery !== "") loadDiagnoses("");
         }, onQuery: searchDiagnoses, onEndReached: () => loadDiagnoses(diagnosisQuery ?? "", true), onSelect: (option) => setBill((c) => ({ ...c, diagnoses: [.../* @__PURE__ */ new Set([...c.diagnoses ?? [], option.id])] })) })
       ] })
     ] })
   ] });
-  const providersSection = /* @__PURE__ */ jsxs3("fieldset", { className: "mbsf-card", disabled: locked, children: [
-    /* @__PURE__ */ jsx3("legend", { className: "mbsf-legend", children: "Providers & place of service" }),
-    /* @__PURE__ */ jsxs3("div", { className: "mbsf-grid", children: [
-      /* @__PURE__ */ jsx3("h4", { className: "mbsf-subhead", children: "Billing provider" }),
-      /* @__PURE__ */ jsx3(Field2, { path: "billingProvider.name", label: "Billing provider name", required: true, error: errors["billingProvider.name"], children: text(bill.billingProvider?.name, (name) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, name } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "billingProvider.taxId", label: "Tax ID (EIN / SSN)", required: true, error: errors["billingProvider.taxId"], children: text(bill.billingProvider?.taxId, (taxId) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, taxId } })), { inputMode: "numeric" }) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "billingProvider.npi", label: "Billing provider NPI", required: true, error: errors["billingProvider.npi"], children: text(bill.billingProvider?.npi, (npi) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, npi } })), { inputMode: "numeric", maxLength: 10 }) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "billingProvider.phone", label: "Billing provider phone", required: true, error: errors["billingProvider.phone"], children: text(bill.billingProvider?.phone, (phone) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, phone } })), { type: "tel" }) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "billingProvider.address.line1", label: "Billing address line 1", required: true, span: true, error: errors["billingProvider.address.line1"], children: text(bill.billingProvider?.address?.line1, (line1) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1, line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { label: "Billing address line 2 (optional)", span: true, children: text(bill.billingProvider?.address?.line2, (line2) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2, city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "billingProvider.address.city", label: "Billing city", required: true, error: errors["billingProvider.address.city"], children: text(bill.billingProvider?.address?.city, (city) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city, state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "billingProvider.address.state", label: "Billing state", required: true, error: errors["billingProvider.address.state"], children: text(bill.billingProvider?.address?.state, (state) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: state.toUpperCase(), postalCode: c.billingProvider?.address?.postalCode ?? "" } } })), { maxLength: 2 }) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "billingProvider.address.postalCode", label: "Billing ZIP", required: true, error: errors["billingProvider.address.postalCode"], children: text(bill.billingProvider?.address?.postalCode, (postalCode) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode } } }))) }),
-      /* @__PURE__ */ jsx3("h4", { className: "mbsf-subhead", children: "Rendering provider" }),
-      /* @__PURE__ */ jsx3(Field2, { path: "renderingProvider.name", label: "Rendering provider name", required: true, error: errors["renderingProvider.name"], children: text(bill.renderingProvider?.name, (name) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, name } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "renderingProvider.npi", label: "Rendering provider NPI", required: true, error: errors["renderingProvider.npi"], children: text(bill.renderingProvider?.npi, (npi) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, npi } })), { inputMode: "numeric", maxLength: 10 }) }),
-      /* @__PURE__ */ jsxs3(Field2, { path: "renderingProvider.taxonomy", label: "Rendering taxonomy", required: true, error: errors["renderingProvider.taxonomy"], children: [
-        /* @__PURE__ */ jsx3(ComboBox, { ariaLabel: "Rendering taxonomy", invalid: Boolean(errors["renderingProvider.taxonomy"]), disabled: locked, preserveValueOnOpen: true, value: bill.renderingProvider?.taxonomy ?? "", placeholder: "Search specialty name or taxonomy code\u2026", options: taxonomies.map((item) => ({ id: item.code, label: item.description, detail: item.code })), createOption: (query) => {
+  const providersSection = /* @__PURE__ */ jsxs4("fieldset", { className: "mbsf-card", disabled: locked, children: [
+    /* @__PURE__ */ jsx4("legend", { className: "mbsf-legend", children: "Providers & place of service" }),
+    /* @__PURE__ */ jsxs4("div", { className: "mbsf-grid", children: [
+      /* @__PURE__ */ jsx4("h4", { className: "mbsf-subhead", children: "Billing provider" }),
+      /* @__PURE__ */ jsx4(Field2, { path: "billingProvider.name", label: "Billing provider name", required: true, error: errors["billingProvider.name"], children: text(bill.billingProvider?.name, (name) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, name } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "billingProvider.taxId", label: "Tax ID (EIN / SSN)", required: true, error: errors["billingProvider.taxId"], children: text(bill.billingProvider?.taxId, (taxId) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, taxId } })), { inputMode: "numeric" }) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "billingProvider.npi", label: "Billing provider NPI", required: true, error: errors["billingProvider.npi"], children: text(bill.billingProvider?.npi, (npi) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, npi } })), { inputMode: "numeric", maxLength: 10 }) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "billingProvider.phone", label: "Billing provider phone", required: true, error: errors["billingProvider.phone"], children: text(bill.billingProvider?.phone, (phone) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, phone } })), { type: "tel" }) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "billingProvider.address.line1", label: "Billing address line 1", required: true, span: true, error: errors["billingProvider.address.line1"], children: text(bill.billingProvider?.address?.line1, (line1) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1, line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { label: "Billing address line 2 (optional)", span: true, children: text(bill.billingProvider?.address?.line2, (line2) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2, city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "billingProvider.address.city", label: "Billing city", required: true, error: errors["billingProvider.address.city"], children: text(bill.billingProvider?.address?.city, (city) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city, state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "billingProvider.address.state", label: "Billing state", required: true, error: errors["billingProvider.address.state"], children: text(bill.billingProvider?.address?.state, (state) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: state.toUpperCase(), postalCode: c.billingProvider?.address?.postalCode ?? "" } } })), { maxLength: 2 }) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "billingProvider.address.postalCode", label: "Billing ZIP", required: true, error: errors["billingProvider.address.postalCode"], children: text(bill.billingProvider?.address?.postalCode, (postalCode) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode } } }))) }),
+      /* @__PURE__ */ jsx4("h4", { className: "mbsf-subhead", children: "Rendering provider" }),
+      /* @__PURE__ */ jsx4(Field2, { path: "renderingProvider.name", label: "Rendering provider name", required: true, error: errors["renderingProvider.name"], children: text(bill.renderingProvider?.name, (name) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, name } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "renderingProvider.npi", label: "Rendering provider NPI", required: true, error: errors["renderingProvider.npi"], children: text(bill.renderingProvider?.npi, (npi) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, npi } })), { inputMode: "numeric", maxLength: 10 }) }),
+      /* @__PURE__ */ jsxs4(Field2, { path: "renderingProvider.taxonomy", label: "Rendering taxonomy", required: true, error: errors["renderingProvider.taxonomy"], children: [
+        /* @__PURE__ */ jsx4(ComboBox, { ariaLabel: "Rendering taxonomy", invalid: Boolean(errors["renderingProvider.taxonomy"]), disabled: locked, preserveValueOnOpen: true, value: bill.renderingProvider?.taxonomy ?? "", placeholder: "Search specialty name or taxonomy code\u2026", options: taxonomies.map((item) => ({ id: item.code, label: item.description, detail: item.code })), createOption: (query) => {
           const code = query.trim().toUpperCase();
           return /^[A-Z0-9]{10}$/.test(code) ? { id: code, label: code, detail: "Use this taxonomy code" } : null;
         }, onSelect: (option) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, taxonomy: option.id } })) }),
-        /* @__PURE__ */ jsx3("small", { className: "mbsf-help", children: "Search by specialty name or 10-character taxonomy code." })
+        /* @__PURE__ */ jsx4("small", { className: "mbsf-help", children: "Search by specialty name or 10-character taxonomy code." })
       ] }),
-      /* @__PURE__ */ jsx3("h4", { className: "mbsf-subhead", children: "Service facility" }),
-      /* @__PURE__ */ jsx3(Field2, { path: "serviceLocation.placeOfServiceCode", label: "Place of service code", required: true, error: errors["serviceLocation.placeOfServiceCode"], children: text(bill.serviceLocation?.placeOfServiceCode, (placeOfServiceCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, placeOfServiceCode } })), { inputMode: "numeric", maxLength: 2, placeholder: "11" }) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "serviceLocation.address.line1", label: "Service address line 1", required: true, span: true, error: errors["serviceLocation.address.line1"], children: text(bill.serviceLocation?.address?.line1, (line1) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1, line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { label: "Service address line 2 (optional)", span: true, children: text(bill.serviceLocation?.address?.line2, (line2) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2, city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "serviceLocation.address.city", label: "Service city", required: true, error: errors["serviceLocation.address.city"], children: text(bill.serviceLocation?.address?.city, (city) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city, state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "serviceLocation.address.state", label: "Service state", required: true, error: errors["serviceLocation.address.state"], children: text(bill.serviceLocation?.address?.state, (state) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: state.toUpperCase(), postalCode: c.serviceLocation?.address?.postalCode ?? "" } } })), { maxLength: 2 }) }),
-      /* @__PURE__ */ jsx3(Field2, { path: "serviceLocation.address.postalCode", label: "Service ZIP", required: true, error: errors["serviceLocation.address.postalCode"], children: text(bill.serviceLocation?.address?.postalCode, (postalCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode } } }))) })
+      /* @__PURE__ */ jsx4("h4", { className: "mbsf-subhead", children: "Service facility" }),
+      /* @__PURE__ */ jsx4(Field2, { path: "serviceLocation.placeOfServiceCode", label: "Place of service code", required: true, error: errors["serviceLocation.placeOfServiceCode"], children: text(bill.serviceLocation?.placeOfServiceCode, (placeOfServiceCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, placeOfServiceCode } })), { inputMode: "numeric", maxLength: 2, placeholder: "11" }) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "serviceLocation.address.line1", label: "Service address line 1", required: true, span: true, error: errors["serviceLocation.address.line1"], children: text(bill.serviceLocation?.address?.line1, (line1) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1, line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { label: "Service address line 2 (optional)", span: true, children: text(bill.serviceLocation?.address?.line2, (line2) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2, city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "serviceLocation.address.city", label: "Service city", required: true, error: errors["serviceLocation.address.city"], children: text(bill.serviceLocation?.address?.city, (city) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city, state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "serviceLocation.address.state", label: "Service state", required: true, error: errors["serviceLocation.address.state"], children: text(bill.serviceLocation?.address?.state, (state) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: state.toUpperCase(), postalCode: c.serviceLocation?.address?.postalCode ?? "" } } })), { maxLength: 2 }) }),
+      /* @__PURE__ */ jsx4(Field2, { path: "serviceLocation.address.postalCode", label: "Service ZIP", required: true, error: errors["serviceLocation.address.postalCode"], children: text(bill.serviceLocation?.address?.postalCode, (postalCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode } } }))) })
     ] })
   ] });
-  const serviceLinesSection = /* @__PURE__ */ jsxs3("fieldset", { className: "mbsf-card", disabled: locked, children: [
-    /* @__PURE__ */ jsx3("legend", { className: "mbsf-legend", children: "Evaluation & service lines" }),
-    /* @__PURE__ */ jsx3("p", { className: "mbsf-help", children: "Sets the evaluator/specialty modifier on medical-legal evaluation lines." }),
-    /* @__PURE__ */ jsx3("div", { className: "mbsf-segments", role: "group", "aria-label": "Evaluation type", children: [["qme", "QME (default)"], ["ame", "AME"], ["psych_qme", "Psych QME"]].map(([type, label]) => /* @__PURE__ */ jsx3("button", { className: "mbsf-segment", type: "button", "aria-pressed": evaluationType === type, onClick: () => changeEvaluation(type), children: label }, type)) }),
-    /* @__PURE__ */ jsx3("p", { className: "mbsf-help", children: evaluationType === "ame" ? "Agreed Medical Evaluator \u2014 eligible ML evaluation codes default to modifier -94." : evaluationType === "psych_qme" ? "Psychiatric QME \u2014 eligible ML evaluation codes default to modifier -96 (-95 for ML200)." : "Qualified Medical Evaluator \u2014 eligible ML evaluation codes default to modifier -95." }),
-    /* @__PURE__ */ jsxs3("div", { className: "mbsf-lines", "data-field-path": "serviceLines", "data-invalid": Boolean(errors.serviceLines), children: [
-      /* @__PURE__ */ jsxs3("div", { className: "mbsf-line-head", children: [
-        /* @__PURE__ */ jsxs3("span", { children: [
+  const serviceLinesSection = /* @__PURE__ */ jsxs4("fieldset", { className: "mbsf-card", disabled: locked, children: [
+    /* @__PURE__ */ jsx4("legend", { className: "mbsf-legend", children: "Evaluation & service lines" }),
+    /* @__PURE__ */ jsx4("p", { className: "mbsf-help", children: "Sets the evaluator/specialty modifier on medical-legal evaluation lines." }),
+    /* @__PURE__ */ jsx4("div", { className: "mbsf-segments", role: "group", "aria-label": "Evaluation type", children: [["qme", "QME (default)"], ["ame", "AME"], ["psych_qme", "Psych QME"]].map(([type, label]) => /* @__PURE__ */ jsx4("button", { className: "mbsf-segment", type: "button", "aria-pressed": evaluationType === type, onClick: () => changeEvaluation(type), children: label }, type)) }),
+    /* @__PURE__ */ jsx4("p", { className: "mbsf-help", children: evaluationType === "ame" ? "Agreed Medical Evaluator \u2014 eligible ML evaluation codes default to modifier -94." : evaluationType === "psych_qme" ? "Psychiatric QME \u2014 eligible ML evaluation codes default to modifier -96 (-95 for ML200)." : "Qualified Medical Evaluator \u2014 eligible ML evaluation codes default to modifier -95." }),
+    /* @__PURE__ */ jsxs4("div", { className: "mbsf-lines", "data-field-path": "serviceLines", "data-invalid": Boolean(errors.serviceLines), children: [
+      /* @__PURE__ */ jsxs4("div", { className: "mbsf-line-head", children: [
+        /* @__PURE__ */ jsxs4("span", { children: [
           "Procedure code",
-          /* @__PURE__ */ jsx3(RequiredMark, {})
+          /* @__PURE__ */ jsx4(RequiredMark, {})
         ] }),
-        /* @__PURE__ */ jsx3("span", { children: "Modifiers" }),
-        /* @__PURE__ */ jsx3("span", { children: "Dx" }),
-        /* @__PURE__ */ jsxs3("span", { children: [
+        /* @__PURE__ */ jsx4("span", { children: "Modifiers" }),
+        /* @__PURE__ */ jsx4("span", { children: "Dx" }),
+        /* @__PURE__ */ jsxs4("span", { children: [
           "Units",
-          /* @__PURE__ */ jsx3(RequiredMark, {})
+          /* @__PURE__ */ jsx4(RequiredMark, {})
         ] }),
-        /* @__PURE__ */ jsx3("span", { children: "Allowed" }),
-        /* @__PURE__ */ jsx3("span", {}),
+        /* @__PURE__ */ jsx4("span", { children: "Allowed" }),
+        /* @__PURE__ */ jsx4("span", {}),
         " "
       ] }),
-      bill.serviceLines.map((line, index) => /* @__PURE__ */ jsxs3("div", { className: "mbsf-line", children: [
-        /* @__PURE__ */ jsxs3("div", { "data-label": "Procedure code", "data-field-path": `serviceLines.${index}.code`, "data-invalid": Boolean(errors[`serviceLines.${index}.code`]), children: [
-          /* @__PURE__ */ jsx3(ComboBox, { ariaLabel: `Procedure code ${index + 1}`, invalid: Boolean(errors[`serviceLines.${index}.code`]), disabled: locked, value: line.code, placeholder: "Search or enter code\u2026", options: procedures.map((item) => ({ id: item.code, label: item.code, detail: item.description })), createOption: customProcedureOption, onSelect: (option) => {
+      bill.serviceLines.map((line, index) => /* @__PURE__ */ jsxs4("div", { className: "mbsf-line", children: [
+        /* @__PURE__ */ jsxs4("div", { "data-label": "Procedure code", "data-field-path": `serviceLines.${index}.code`, "data-invalid": Boolean(errors[`serviceLines.${index}.code`]), children: [
+          /* @__PURE__ */ jsx4(ComboBox, { ariaLabel: `Procedure code ${index + 1}`, invalid: Boolean(errors[`serviceLines.${index}.code`]), disabled: locked, value: line.code, placeholder: "Search or enter code\u2026", options: procedures.map((item) => ({ id: item.code, label: item.code, detail: item.description })), createOption: customProcedureOption, onSelect: (option) => {
             const auto = evaluationModifier(evaluationType, option.id);
             setLine(index, { code: option.id, ...auto ? { modifiers: [auto, ...(line.modifiers ?? []).filter((item) => !["94", "95", "96"].includes(item.replace(/^-/, "")))] } : line.modifiers ? { modifiers: line.modifiers } : {} });
           } }),
-          line.code ? /* @__PURE__ */ jsx3("small", { className: "mbsf-help", children: procedures.find((item) => item.code === line.code)?.description ?? "Custom CPT, HCPCS, or medical-legal code" }) : null,
-          errors[`serviceLines.${index}.code`] ? /* @__PURE__ */ jsx3("small", { className: "mbsf-error", role: "alert", children: errors[`serviceLines.${index}.code`] }) : null
+          line.code ? /* @__PURE__ */ jsx4("small", { className: "mbsf-help", children: procedures.find((item) => item.code === line.code)?.description ?? "Custom CPT, HCPCS, or medical-legal code" }) : null,
+          errors[`serviceLines.${index}.code`] ? /* @__PURE__ */ jsx4("small", { className: "mbsf-error", role: "alert", children: errors[`serviceLines.${index}.code`] }) : null
         ] }),
-        /* @__PURE__ */ jsxs3("div", { "data-label": "Modifiers", children: [
-          /* @__PURE__ */ jsx3("div", { className: "mbsf-chips", children: (line.modifiers ?? []).map((modifier) => /* @__PURE__ */ jsxs3("span", { className: "mbsf-chip", children: [
+        /* @__PURE__ */ jsxs4("div", { "data-label": "Modifiers", children: [
+          /* @__PURE__ */ jsx4("div", { className: "mbsf-chips", children: (line.modifiers ?? []).map((modifier) => /* @__PURE__ */ jsxs4("span", { className: "mbsf-chip", children: [
             "\u2212",
             modifier.replace(/^-/, ""),
-            /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": `Remove modifier ${modifier}`, onClick: () => setLine(index, { modifiers: (line.modifiers ?? []).filter((item) => item !== modifier) }), children: "\xD7" })
+            /* @__PURE__ */ jsx4("button", { type: "button", "aria-label": `Remove modifier ${modifier}`, onClick: () => setLine(index, { modifiers: (line.modifiers ?? []).filter((item) => item !== modifier) }), children: "\xD7" })
           ] }, modifier)) }),
-          /* @__PURE__ */ jsx3(ComboBox, { ariaLabel: `Modifiers ${index + 1}`, disabled: locked, value: "", placeholder: line.modifiers?.length ?? 0 ? `${line.modifiers.length} modifier${line.modifiers.length === 1 ? "" : "s"}` : "Add modifiers\u2026", options: modifiers.filter((item) => !(line.modifiers ?? []).includes(item.code)).map((item) => ({ id: item.code, label: `\u2212${item.code}`, detail: item.description })), onSelect: (option) => setLine(index, { modifiers: [.../* @__PURE__ */ new Set([...line.modifiers ?? [], option.id])] }) })
+          /* @__PURE__ */ jsx4(ComboBox, { ariaLabel: `Modifiers ${index + 1}`, disabled: locked, value: "", placeholder: line.modifiers?.length ?? 0 ? `${line.modifiers.length} modifier${line.modifiers.length === 1 ? "" : "s"}` : "Add modifiers\u2026", options: modifiers.filter((item) => !(line.modifiers ?? []).includes(item.code)).map((item) => ({ id: item.code, label: `\u2212${item.code}`, detail: item.description })), onSelect: (option) => setLine(index, { modifiers: [.../* @__PURE__ */ new Set([...line.modifiers ?? [], option.id])] }) })
         ] }),
-        /* @__PURE__ */ jsx3("div", { "data-label": "Dx", children: /* @__PURE__ */ jsx3("div", { className: "mbsf-dx", children: (bill.diagnoses ?? []).length ? (bill.diagnoses ?? []).map((code, dxIndex) => {
+        /* @__PURE__ */ jsx4("div", { "data-label": "Dx", children: /* @__PURE__ */ jsx4("div", { className: "mbsf-dx", children: (bill.diagnoses ?? []).length ? (bill.diagnoses ?? []).map((code, dxIndex) => {
           const pointer = dxIndex + 1;
           const active = (line.diagnosisPointers ?? []).includes(pointer);
-          return /* @__PURE__ */ jsx3("button", { type: "button", className: "mbsf-dx-chip", "data-active": active, title: `${String.fromCharCode(64 + pointer)} \u2014 ${code}`, "aria-pressed": active, "aria-label": `Point line ${index + 1} at diagnosis ${code}`, onClick: () => setLine(index, { diagnosisPointers: active ? (line.diagnosisPointers ?? []).filter((item) => item !== pointer) : [...line.diagnosisPointers ?? [], pointer].sort((left, right) => left - right) }), children: String.fromCharCode(64 + pointer) }, code);
-        }) : /* @__PURE__ */ jsx3("small", { className: "mbsf-help", children: "Add diagnoses above" }) }) }),
-        /* @__PURE__ */ jsxs3("div", { "data-label": "Units", "data-field-path": `serviceLines.${index}.units`, "data-invalid": Boolean(errors[`serviceLines.${index}.units`]), children: [
-          /* @__PURE__ */ jsx3("input", { className: "mbsf-input", "aria-label": `Units ${index + 1}`, "aria-invalid": Boolean(errors[`serviceLines.${index}.units`]), type: "number", min: 1, value: line.units ?? 1, onChange: (event) => setLine(index, { units: Number(event.target.value) }) }),
-          errors[`serviceLines.${index}.units`] ? /* @__PURE__ */ jsx3("small", { className: "mbsf-error", role: "alert", children: errors[`serviceLines.${index}.units`] }) : null
+          return /* @__PURE__ */ jsx4("button", { type: "button", className: "mbsf-dx-chip", "data-active": active, title: `${String.fromCharCode(64 + pointer)} \u2014 ${code}`, "aria-pressed": active, "aria-label": `Point line ${index + 1} at diagnosis ${code}`, onClick: () => setLine(index, { diagnosisPointers: active ? (line.diagnosisPointers ?? []).filter((item) => item !== pointer) : [...line.diagnosisPointers ?? [], pointer].sort((left, right) => left - right) }), children: String.fromCharCode(64 + pointer) }, code);
+        }) : /* @__PURE__ */ jsx4("small", { className: "mbsf-help", children: "Add diagnoses above" }) }) }),
+        /* @__PURE__ */ jsxs4("div", { "data-label": "Units", "data-field-path": `serviceLines.${index}.units`, "data-invalid": Boolean(errors[`serviceLines.${index}.units`]), children: [
+          /* @__PURE__ */ jsx4("input", { className: "mbsf-input", "aria-label": `Units ${index + 1}`, "aria-invalid": Boolean(errors[`serviceLines.${index}.units`]), type: "number", min: 1, value: line.units ?? 1, onChange: (event) => setLine(index, { units: Number(event.target.value) }) }),
+          errors[`serviceLines.${index}.units`] ? /* @__PURE__ */ jsx4("small", { className: "mbsf-error", role: "alert", children: errors[`serviceLines.${index}.units`] }) : null
         ] }),
-        /* @__PURE__ */ jsx3("div", { className: "mbsf-money", "data-label": "Allowed", children: lineCharge(line) == null ? "\u2014" : lineCharge(line).toLocaleString(void 0, { style: "currency", currency: "USD" }) }),
-        /* @__PURE__ */ jsx3("button", { className: "mbsf-icon-btn", type: "button", "aria-label": `Remove service line ${index + 1}`, disabled: locked || !lineHasContent(line) && index === bill.serviceLines.length - 1, onClick: () => setBill((c) => ({ ...c, serviceLines: ensureTrailingBillSubmissionLine(c.serviceLines.filter((_, itemIndex) => itemIndex !== index)) })), children: "\xD7" })
+        /* @__PURE__ */ jsx4("div", { className: "mbsf-money", "data-label": "Allowed", children: lineCharge(line) == null ? "\u2014" : lineCharge(line).toLocaleString(void 0, { style: "currency", currency: "USD" }) }),
+        /* @__PURE__ */ jsx4("button", { className: "mbsf-icon-btn", type: "button", "aria-label": `Remove service line ${index + 1}`, disabled: locked || !lineHasContent(line) && index === bill.serviceLines.length - 1, onClick: () => setBill((c) => ({ ...c, serviceLines: ensureTrailingBillSubmissionLine(c.serviceLines.filter((_, itemIndex) => itemIndex !== index)) })), children: "\xD7" })
       ] }, index)),
-      /* @__PURE__ */ jsxs3("div", { className: "mbsf-total", children: [
-        /* @__PURE__ */ jsx3("span", { children: "Total" }),
-        /* @__PURE__ */ jsx3("span", { children: total.toLocaleString(void 0, { style: "currency", currency: "USD" }) })
+      /* @__PURE__ */ jsxs4("div", { className: "mbsf-total", children: [
+        /* @__PURE__ */ jsx4("span", { children: "Total" }),
+        /* @__PURE__ */ jsx4("span", { children: total.toLocaleString(void 0, { style: "currency", currency: "USD" }) })
       ] })
     ] }),
-    errors.serviceLines ? /* @__PURE__ */ jsx3("p", { className: "mbsf-error", role: "alert", children: errors.serviceLines }) : null
+    errors.serviceLines ? /* @__PURE__ */ jsx4("p", { className: "mbsf-error", role: "alert", children: errors.serviceLines }) : null
   ] });
-  const attachmentsSection = /* @__PURE__ */ jsxs3("fieldset", { className: "mbsf-card", "data-field-path": "attachments", "data-invalid": Boolean(errors.attachments), disabled: locked, children: [
-    /* @__PURE__ */ jsx3("legend", { className: "mbsf-legend", children: "Attachments" }),
-    /* @__PURE__ */ jsxs3("div", { className: "mbsf-attach-list", children: [
+  const attachmentsSection = /* @__PURE__ */ jsxs4("fieldset", { className: "mbsf-card", "data-field-path": "attachments", "data-invalid": Boolean(errors.attachments), disabled: locked, children: [
+    /* @__PURE__ */ jsx4("legend", { className: "mbsf-legend", children: "Attachments" }),
+    /* @__PURE__ */ jsxs4("div", { className: "mbsf-attach-list", children: [
       attachments.filter((attachment) => !removedSourceIds.includes(attachment.id)).map((attachment) => {
         const auto = attachment.autoAttached || attachment.documentType === "w9";
         const removable = !auto && attachment.removable !== false;
         const reportTypeCode = sourceAttachmentReportTypes[attachment.id] || attachment.reportTypeCode || defaultAttachmentReportType || "";
-        return /* @__PURE__ */ jsxs3("div", { className: "mbsf-attach-row", "data-auto": auto, children: [
-          /* @__PURE__ */ jsxs3("div", { className: "mbsf-attach-main", children: [
-            auto ? /* @__PURE__ */ jsx3("span", { "aria-label": "Always attached", role: "img", children: "\u2713" }) : null,
-            /* @__PURE__ */ jsxs3("span", { className: "mbsf-file", children: [
-              /* @__PURE__ */ jsx3("strong", { children: attachment.fileName }),
-              /* @__PURE__ */ jsx3("span", { className: "mbsf-badge", children: auto ? "Auto-attached" : documentLabels[attachment.documentType] }),
-              /* @__PURE__ */ jsx3("span", { className: "mbsf-help", style: { display: "block" }, children: attachment.description || (auto ? "Included automatically with every bill." : documentLabels[attachment.documentType]) })
+        return /* @__PURE__ */ jsxs4("div", { className: "mbsf-attach-row", "data-auto": auto, children: [
+          /* @__PURE__ */ jsxs4("div", { className: "mbsf-attach-main", children: [
+            auto ? /* @__PURE__ */ jsx4("span", { "aria-label": "Always attached", role: "img", children: "\u2713" }) : null,
+            /* @__PURE__ */ jsxs4("span", { className: "mbsf-file", children: [
+              /* @__PURE__ */ jsx4("strong", { children: attachment.fileName }),
+              /* @__PURE__ */ jsx4("span", { className: "mbsf-badge", children: auto ? "Auto-attached" : documentLabels[attachment.documentType] }),
+              /* @__PURE__ */ jsx4("span", { className: "mbsf-help", style: { display: "block" }, children: attachment.description || (auto ? "Included automatically with every bill." : documentLabels[attachment.documentType]) })
             ] })
           ] }),
-          showAttachmentReportTypes ? /* @__PURE__ */ jsx3("div", { className: "mbsf-attach-type", children: /* @__PURE__ */ jsx3(ComboBox, { ariaLabel: `Report type for ${attachment.fileName}`, invalid: !reportTypeCode, disabled: locked, preserveValueOnOpen: true, value: reportTypeCode, placeholder: "Select report type\u2026", options: reportTypeOptions, onSelect: (option) => setSourceAttachmentReportTypes((current) => ({ ...current, [attachment.id]: option.id })) }) }) : null,
-          /* @__PURE__ */ jsxs3("div", { className: "mbsf-attach-actions", children: [
-            attachment.previewUrl ? /* @__PURE__ */ jsx3("a", { className: "mbsf-secondary", href: attachment.previewUrl, target: "_blank", rel: "noopener noreferrer", children: "Preview" }) : null,
-            removable ? /* @__PURE__ */ jsx3("button", { className: "mbsf-icon-btn", type: "button", "aria-label": `Remove ${attachment.fileName}`, disabled: locked, onClick: () => {
+          showAttachmentReportTypes ? /* @__PURE__ */ jsx4("div", { className: "mbsf-attach-type", children: /* @__PURE__ */ jsx4(ComboBox, { ariaLabel: `Report type for ${attachment.fileName}`, invalid: !reportTypeCode, disabled: locked, preserveValueOnOpen: true, value: reportTypeCode, placeholder: "Select report type\u2026", options: reportTypeOptions, onSelect: (option) => setSourceAttachmentReportTypes((current) => ({ ...current, [attachment.id]: option.id })) }) }) : null,
+          /* @__PURE__ */ jsxs4("div", { className: "mbsf-attach-actions", children: [
+            attachment.previewUrl ? /* @__PURE__ */ jsx4("a", { className: "mbsf-secondary", href: attachment.previewUrl, target: "_blank", rel: "noopener noreferrer", children: "Preview" }) : null,
+            removable ? /* @__PURE__ */ jsx4("button", { className: "mbsf-icon-btn", type: "button", "aria-label": `Remove ${attachment.fileName}`, disabled: locked, onClick: () => {
               setSelectedIds((current) => current.filter((id) => id !== attachment.id));
               setRemovedSourceIds((current) => [.../* @__PURE__ */ new Set([...current, attachment.id])]);
             }, children: "\xD7" }) : null
@@ -2417,35 +2804,35 @@ function BillSubmissionForm({
       }),
       uploads.map((upload, index) => {
         const reportTypeCode = upload.reportTypeCode || defaultAttachmentReportType || "";
-        return /* @__PURE__ */ jsxs3("div", { className: "mbsf-attach-row", children: [
-          /* @__PURE__ */ jsx3("div", { className: "mbsf-attach-main", children: /* @__PURE__ */ jsxs3("span", { className: "mbsf-file", children: [
-            /* @__PURE__ */ jsx3("strong", { children: upload.file.name }),
-            /* @__PURE__ */ jsxs3("span", { className: "mbsf-help", style: { display: "block" }, children: [
+        return /* @__PURE__ */ jsxs4("div", { className: "mbsf-attach-row", children: [
+          /* @__PURE__ */ jsx4("div", { className: "mbsf-attach-main", children: /* @__PURE__ */ jsxs4("span", { className: "mbsf-file", children: [
+            /* @__PURE__ */ jsx4("strong", { children: upload.file.name }),
+            /* @__PURE__ */ jsxs4("span", { className: "mbsf-help", style: { display: "block" }, children: [
               (upload.file.size / 1024 / 1024).toFixed(1),
               " MB"
             ] })
           ] }) }),
-          showAttachmentReportTypes ? /* @__PURE__ */ jsx3("div", { className: "mbsf-attach-type", children: /* @__PURE__ */ jsx3(ComboBox, { ariaLabel: `Report type for ${upload.file.name}`, invalid: !reportTypeCode, disabled: locked, preserveValueOnOpen: true, value: reportTypeCode, placeholder: "Select report type\u2026", options: reportTypeOptions, onSelect: (option) => setUploads((current) => current.map((item, itemIndex) => itemIndex === index ? { ...item, reportTypeCode: option.id } : item)) }) }) : null,
-          /* @__PURE__ */ jsxs3("div", { className: "mbsf-attach-actions", children: [
-            /* @__PURE__ */ jsx3("button", { className: "mbsf-secondary", type: "button", onClick: () => previewUploadedPdf(upload.file), children: "Preview" }),
-            /* @__PURE__ */ jsx3("button", { className: "mbsf-icon-btn", type: "button", "aria-label": `Remove ${upload.file.name}`, onClick: () => setUploads((current) => current.filter((_, itemIndex) => itemIndex !== index)), children: "\xD7" })
+          showAttachmentReportTypes ? /* @__PURE__ */ jsx4("div", { className: "mbsf-attach-type", children: /* @__PURE__ */ jsx4(ComboBox, { ariaLabel: `Report type for ${upload.file.name}`, invalid: !reportTypeCode, disabled: locked, preserveValueOnOpen: true, value: reportTypeCode, placeholder: "Select report type\u2026", options: reportTypeOptions, onSelect: (option) => setUploads((current) => current.map((item, itemIndex) => itemIndex === index ? { ...item, reportTypeCode: option.id } : item)) }) }) : null,
+          /* @__PURE__ */ jsxs4("div", { className: "mbsf-attach-actions", children: [
+            /* @__PURE__ */ jsx4("button", { className: "mbsf-secondary", type: "button", onClick: () => previewUploadedPdf(upload.file), children: "Preview" }),
+            /* @__PURE__ */ jsx4("button", { className: "mbsf-icon-btn", type: "button", "aria-label": `Remove ${upload.file.name}`, onClick: () => setUploads((current) => current.filter((_, itemIndex) => itemIndex !== index)), children: "\xD7" })
           ] })
         ] }, `${upload.file.name}-${index}`);
       })
     ] }),
-    errors.attachments ? /* @__PURE__ */ jsx3("p", { className: "mbsf-error", role: "alert", children: errors.attachments }) : null,
-    /* @__PURE__ */ jsx3("input", { ref: fileInput, hidden: true, type: "file", accept: "application/pdf,.pdf", multiple: true, onChange: (event) => {
+    errors.attachments ? /* @__PURE__ */ jsx4("p", { className: "mbsf-error", role: "alert", children: errors.attachments }) : null,
+    /* @__PURE__ */ jsx4("input", { ref: fileInput, hidden: true, type: "file", accept: "application/pdf,.pdf", multiple: true, onChange: (event) => {
       if (event.target.files) addFiles(event.target.files);
       event.target.value = "";
     } }),
-    /* @__PURE__ */ jsx3("button", { className: "mbsf-drop", "data-active": dragActive, type: "button", onClick: () => fileInput.current?.click(), children: /* @__PURE__ */ jsxs3("span", { children: [
-      /* @__PURE__ */ jsx3("strong", { style: { fontSize: 18 }, children: "Drop additional PDF files here, or click to choose" }),
-      /* @__PURE__ */ jsx3("span", { className: "mbsf-help", style: { display: "block", marginTop: 8 }, children: "Add supporting documents anywhere on this screen." })
+    /* @__PURE__ */ jsx4("button", { className: "mbsf-drop", "data-active": dragActive, type: "button", onClick: () => fileInput.current?.click(), children: /* @__PURE__ */ jsxs4("span", { children: [
+      /* @__PURE__ */ jsx4("strong", { style: { fontSize: 18 }, children: "Drop additional PDF files here, or click to choose" }),
+      /* @__PURE__ */ jsx4("span", { className: "mbsf-help", style: { display: "block", marginTop: 8 }, children: "Add supporting documents anywhere on this screen." })
     ] }) })
   ] });
-  const actionsSection = /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    formError ? /* @__PURE__ */ jsx3("div", { className: "mbsf-alert", role: "alert", children: formError }) : null,
-    /* @__PURE__ */ jsx3("div", { className: "mbsf-actions", children: /* @__PURE__ */ jsx3("button", { className: "mbsf-submit", type: "submit", disabled: locked, children: submitting ? "Submitting\u2026" : submitLabel }) })
+  const actionsSection = /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    formError ? /* @__PURE__ */ jsx4("div", { className: "mbsf-alert", role: "alert", children: formError }) : null,
+    /* @__PURE__ */ jsx4("div", { className: "mbsf-actions", children: /* @__PURE__ */ jsx4("button", { className: "mbsf-submit", type: "submit", disabled: locked, children: submitting ? "Submitting\u2026" : submitLabel }) })
   ] });
   const sections = {
     header: headerSection,
@@ -2456,28 +2843,46 @@ function BillSubmissionForm({
     attachments: attachmentsSection,
     actions: actionsSection
   };
-  const defaultLayout = /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx3(BillSubmissionHeader, {}),
-    /* @__PURE__ */ jsx3(BillSubmissionPatientSection, {}),
-    /* @__PURE__ */ jsx3(BillSubmissionClaimSection, {}),
-    /* @__PURE__ */ jsx3(BillSubmissionProvidersSection, {}),
-    /* @__PURE__ */ jsx3(BillSubmissionServiceLinesSection, {}),
-    /* @__PURE__ */ jsx3(BillSubmissionAttachmentsSection, {}),
-    /* @__PURE__ */ jsx3(BillSubmissionActions, {})
+  const defaultLayout = /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx4(BillSubmissionHeader, {}),
+    /* @__PURE__ */ jsx4(BillSubmissionPatientSection, {}),
+    /* @__PURE__ */ jsx4(BillSubmissionClaimSection, {}),
+    /* @__PURE__ */ jsx4(BillSubmissionProvidersSection, {}),
+    /* @__PURE__ */ jsx4(BillSubmissionServiceLinesSection, {}),
+    /* @__PURE__ */ jsx4(BillSubmissionAttachmentsSection, {}),
+    /* @__PURE__ */ jsx4(BillSubmissionActions, {})
   ] });
-  return /* @__PURE__ */ jsx3(BillSubmissionSectionsContext.Provider, { value: sections, children: /* @__PURE__ */ jsxs3("form", { ref: formRef, className: `${className} mbsf`, style: { ...mindBillAppearanceStyle(appearance), ...style }, onSubmit: (event) => {
+  return /* @__PURE__ */ jsx4(BillSubmissionSectionsContext.Provider, { value: sections, children: /* @__PURE__ */ jsxs4("form", { ref: formRef, className: `${className} mbsf`, style: { ...mindBillAppearanceStyle(appearance), ...style }, onSubmit: (event) => {
     event.preventDefault();
     void submit();
   }, noValidate: true, children: [
-    /* @__PURE__ */ jsx3("style", { children: css }),
-    children ?? defaultLayout
+    /* @__PURE__ */ jsx4("style", { children: css2 }),
+    children ?? defaultLayout,
+    routeDialog ? /* @__PURE__ */ jsx4(
+      SendRouteDialog,
+      {
+        title: "Send bill",
+        delivery: routeDialog.delivery,
+        submitting,
+        error: routeError,
+        onCancel: () => {
+          if (!submitting) {
+            setRouteDialog(null);
+            setRouteError(null);
+          }
+        },
+        onConfirm: (submission) => {
+          void performConnectedSubmit(routeDialog.complete, submission);
+        }
+      }
+    ) : null
   ] }) });
 }
 
 // src/billing-dashboard.tsx
-import { useMemo as useMemo3, useState as useState4 } from "react";
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var css2 = `
+import { useMemo as useMemo4, useState as useState5 } from "react";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var css3 = `
 .mbdash{display:grid;gap:20px;color:var(--mb-text);font-family:var(--mb-font);font-size:15px}.mbdash *{box-sizing:border-box}.mbdash h2,.mbdash h3,.mbdash p{margin:0}.mbdash-copy{color:var(--mb-muted);margin-top:5px!important}.mbdash-card{min-width:0;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);box-shadow:var(--mb-shadow)}
 .mbdash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.mbdash-head h2{font-size:24px}.mbdash-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.mbdash-stat{display:grid;gap:7px;padding:20px 22px;border-right:1px solid var(--mb-border)}.mbdash-stat:last-child{border:0}.mbdash-label{color:var(--mb-muted);font-size:12px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}.mbdash-value{font-size:24px;font-weight:780;font-variant-numeric:tabular-nums}.mbdash-aging{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.mbdash-aging-item{display:grid;gap:5px;padding:16px 20px;border-right:1px solid var(--mb-border)}.mbdash-aging-item:last-child{border:0}.mbdash-aging-item strong{font-size:18px;font-variant-numeric:tabular-nums}.mbdash-aging-item span:last-child{color:var(--mb-muted);font-size:13px}
 .mbdash-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,260px);gap:12px}.mbdash-control{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius);background:var(--mb-input);color:var(--mb-text);font:inherit}.mbdash-control:focus{outline:3px solid color-mix(in srgb,var(--mb-accent) 22%,transparent);border-color:var(--mb-accent)}
@@ -2528,63 +2933,63 @@ function summarizeBillingDashboard(bills, now = /* @__PURE__ */ new Date()) {
   return { totalBilled, totalPaid, outstanding, openCount, bills: bills.length, aging };
 }
 function Shell({ appearance, className = "", style, children }) {
-  return /* @__PURE__ */ jsxs4("div", { className: `mbdash ${className}`.trim(), style: { ...mindBillAppearanceStyle(appearance), ...style }, children: [
-    /* @__PURE__ */ jsx4("style", { children: css2 }),
+  return /* @__PURE__ */ jsxs5("div", { className: `mbdash ${className}`.trim(), style: { ...mindBillAppearanceStyle(appearance), ...style }, children: [
+    /* @__PURE__ */ jsx5("style", { children: css3 }),
     children
   ] });
 }
 function BillIdentity({ bill }) {
   const label = bill.billNumber == null ? bill.externalId ?? "Bill" : `Bill #${bill.billNumber}`;
-  const content = /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsx4("span", { className: "mbdash-primary", children: label }),
-    /* @__PURE__ */ jsx4("span", { className: "mbdash-secondary", children: [bill.patientName, bill.claimNumber ? `Claim ${bill.claimNumber}` : null].filter(Boolean).join(" \xB7 ") })
+  const content = /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("span", { className: "mbdash-primary", children: label }),
+    /* @__PURE__ */ jsx5("span", { className: "mbdash-secondary", children: [bill.patientName, bill.claimNumber ? `Claim ${bill.claimNumber}` : null].filter(Boolean).join(" \xB7 ") })
   ] });
-  return bill.href ? /* @__PURE__ */ jsx4("a", { href: bill.href, className: "mbdash-primary", children: content }) : /* @__PURE__ */ jsx4(Fragment3, { children: content });
+  return bill.href ? /* @__PURE__ */ jsx5("a", { href: bill.href, className: "mbdash-primary", children: content }) : /* @__PURE__ */ jsx5(Fragment4, { children: content });
 }
 function BillListContent({ bills, onSelectBill, emptyState = "No bills match these filters." }) {
-  if (!bills.length) return /* @__PURE__ */ jsx4("div", { className: "mbdash-card mbdash-empty", children: emptyState });
-  return /* @__PURE__ */ jsxs4("div", { className: "mbdash-card", children: [
-    /* @__PURE__ */ jsx4("div", { className: "mbdash-table-wrap", children: /* @__PURE__ */ jsxs4("table", { className: "mbdash-table", children: [
-      /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs4("tr", { children: [
-        /* @__PURE__ */ jsx4("th", { children: "Bill" }),
-        /* @__PURE__ */ jsx4("th", { children: "Payer" }),
-        /* @__PURE__ */ jsx4("th", { children: "Status" }),
-        /* @__PURE__ */ jsx4("th", { children: "Age" }),
-        /* @__PURE__ */ jsx4("th", { className: "mbdash-money", children: "Billed" }),
-        /* @__PURE__ */ jsx4("th", { className: "mbdash-money", children: "Paid" }),
-        /* @__PURE__ */ jsx4("th", { className: "mbdash-money", children: "Balance" })
+  if (!bills.length) return /* @__PURE__ */ jsx5("div", { className: "mbdash-card mbdash-empty", children: emptyState });
+  return /* @__PURE__ */ jsxs5("div", { className: "mbdash-card", children: [
+    /* @__PURE__ */ jsx5("div", { className: "mbdash-table-wrap", children: /* @__PURE__ */ jsxs5("table", { className: "mbdash-table", children: [
+      /* @__PURE__ */ jsx5("thead", { children: /* @__PURE__ */ jsxs5("tr", { children: [
+        /* @__PURE__ */ jsx5("th", { children: "Bill" }),
+        /* @__PURE__ */ jsx5("th", { children: "Payer" }),
+        /* @__PURE__ */ jsx5("th", { children: "Status" }),
+        /* @__PURE__ */ jsx5("th", { children: "Age" }),
+        /* @__PURE__ */ jsx5("th", { className: "mbdash-money", children: "Billed" }),
+        /* @__PURE__ */ jsx5("th", { className: "mbdash-money", children: "Paid" }),
+        /* @__PURE__ */ jsx5("th", { className: "mbdash-money", children: "Balance" })
       ] }) }),
-      /* @__PURE__ */ jsx4("tbody", { children: bills.map((bill) => /* @__PURE__ */ jsxs4("tr", { "data-clickable": Boolean(onSelectBill), onClick: () => onSelectBill?.(bill), children: [
-        /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(BillIdentity, { bill }) }),
-        /* @__PURE__ */ jsx4("td", { children: bill.payerName || "\u2014" }),
-        /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4("span", { className: "mbdash-state", children: stateLabel(bill.state) }) }),
-        /* @__PURE__ */ jsxs4("td", { children: [
+      /* @__PURE__ */ jsx5("tbody", { children: bills.map((bill) => /* @__PURE__ */ jsxs5("tr", { "data-clickable": Boolean(onSelectBill), onClick: () => onSelectBill?.(bill), children: [
+        /* @__PURE__ */ jsx5("td", { children: /* @__PURE__ */ jsx5(BillIdentity, { bill }) }),
+        /* @__PURE__ */ jsx5("td", { children: bill.payerName || "\u2014" }),
+        /* @__PURE__ */ jsx5("td", { children: /* @__PURE__ */ jsx5("span", { className: "mbdash-state", children: stateLabel(bill.state) }) }),
+        /* @__PURE__ */ jsxs5("td", { children: [
           billAgingDays(bill),
           " days"
         ] }),
-        /* @__PURE__ */ jsx4("td", { className: "mbdash-money", children: money3(bill.totalCharge) }),
-        /* @__PURE__ */ jsx4("td", { className: "mbdash-money", children: money3(bill.totalPaid) }),
-        /* @__PURE__ */ jsx4("td", { className: "mbdash-money", children: /* @__PURE__ */ jsx4("strong", { children: money3(bill.balanceDue) }) })
+        /* @__PURE__ */ jsx5("td", { className: "mbdash-money", children: money3(bill.totalCharge) }),
+        /* @__PURE__ */ jsx5("td", { className: "mbdash-money", children: money3(bill.totalPaid) }),
+        /* @__PURE__ */ jsx5("td", { className: "mbdash-money", children: /* @__PURE__ */ jsx5("strong", { children: money3(bill.balanceDue) }) })
       ] }, bill.id)) })
     ] }) }),
-    /* @__PURE__ */ jsx4("div", { className: "mbdash-mobile-list", children: bills.map((bill) => /* @__PURE__ */ jsxs4("article", { className: "mbdash-mobile-card", onClick: () => onSelectBill?.(bill), children: [
-      /* @__PURE__ */ jsxs4("div", { className: "mbdash-mobile-top", children: [
-        /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(BillIdentity, { bill }) }),
-        /* @__PURE__ */ jsx4("span", { className: "mbdash-state", children: stateLabel(bill.state) })
+    /* @__PURE__ */ jsx5("div", { className: "mbdash-mobile-list", children: bills.map((bill) => /* @__PURE__ */ jsxs5("article", { className: "mbdash-mobile-card", onClick: () => onSelectBill?.(bill), children: [
+      /* @__PURE__ */ jsxs5("div", { className: "mbdash-mobile-top", children: [
+        /* @__PURE__ */ jsx5("div", { children: /* @__PURE__ */ jsx5(BillIdentity, { bill }) }),
+        /* @__PURE__ */ jsx5("span", { className: "mbdash-state", children: stateLabel(bill.state) })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mbdash-mobile-money", children: [
-        /* @__PURE__ */ jsxs4("span", { children: [
-          /* @__PURE__ */ jsx4("small", { children: "Age" }),
+      /* @__PURE__ */ jsxs5("div", { className: "mbdash-mobile-money", children: [
+        /* @__PURE__ */ jsxs5("span", { children: [
+          /* @__PURE__ */ jsx5("small", { children: "Age" }),
           billAgingDays(bill),
           " days"
         ] }),
-        /* @__PURE__ */ jsxs4("span", { children: [
-          /* @__PURE__ */ jsx4("small", { children: "Paid" }),
+        /* @__PURE__ */ jsxs5("span", { children: [
+          /* @__PURE__ */ jsx5("small", { children: "Paid" }),
           money3(bill.totalPaid)
         ] }),
-        /* @__PURE__ */ jsxs4("span", { children: [
-          /* @__PURE__ */ jsx4("small", { children: "Balance" }),
-          /* @__PURE__ */ jsx4("strong", { children: money3(bill.balanceDue) })
+        /* @__PURE__ */ jsxs5("span", { children: [
+          /* @__PURE__ */ jsx5("small", { children: "Balance" }),
+          /* @__PURE__ */ jsx5("strong", { children: money3(bill.balanceDue) })
         ] })
       ] })
     ] }, bill.id)) })
@@ -2596,37 +3001,37 @@ function BillList(props) {
     ...props.className === void 0 ? {} : { className: props.className },
     ...props.style === void 0 ? {} : { style: props.style }
   };
-  return /* @__PURE__ */ jsx4(Shell, { ...shellProps, children: /* @__PURE__ */ jsx4(BillListContent, { ...props }) });
+  return /* @__PURE__ */ jsx5(Shell, { ...shellProps, children: /* @__PURE__ */ jsx5(BillListContent, { ...props }) });
 }
 function AgingContent({ bills, heading = "Accounts receivable" }) {
-  const summary = useMemo3(() => summarizeBillingDashboard(bills), [bills]);
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsx4("div", { className: "mbdash-head", children: /* @__PURE__ */ jsxs4("div", { children: [
-      /* @__PURE__ */ jsx4("h2", { children: heading }),
-      /* @__PURE__ */ jsx4("p", { className: "mbdash-copy", children: "Current balances and aging at a glance." })
+  const summary = useMemo4(() => summarizeBillingDashboard(bills), [bills]);
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("div", { className: "mbdash-head", children: /* @__PURE__ */ jsxs5("div", { children: [
+      /* @__PURE__ */ jsx5("h2", { children: heading }),
+      /* @__PURE__ */ jsx5("p", { className: "mbdash-copy", children: "Current balances and aging at a glance." })
     ] }) }),
-    /* @__PURE__ */ jsxs4("div", { className: "mbdash-card mbdash-summary", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "mbdash-stat", children: [
-        /* @__PURE__ */ jsx4("span", { className: "mbdash-label", children: "Outstanding" }),
-        /* @__PURE__ */ jsx4("span", { className: "mbdash-value", children: money3(summary.outstanding) })
+    /* @__PURE__ */ jsxs5("div", { className: "mbdash-card mbdash-summary", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "mbdash-stat", children: [
+        /* @__PURE__ */ jsx5("span", { className: "mbdash-label", children: "Outstanding" }),
+        /* @__PURE__ */ jsx5("span", { className: "mbdash-value", children: money3(summary.outstanding) })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mbdash-stat", children: [
-        /* @__PURE__ */ jsx4("span", { className: "mbdash-label", children: "Open bills" }),
-        /* @__PURE__ */ jsx4("span", { className: "mbdash-value", children: summary.openCount })
+      /* @__PURE__ */ jsxs5("div", { className: "mbdash-stat", children: [
+        /* @__PURE__ */ jsx5("span", { className: "mbdash-label", children: "Open bills" }),
+        /* @__PURE__ */ jsx5("span", { className: "mbdash-value", children: summary.openCount })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mbdash-stat", children: [
-        /* @__PURE__ */ jsx4("span", { className: "mbdash-label", children: "Collected" }),
-        /* @__PURE__ */ jsx4("span", { className: "mbdash-value", children: money3(summary.totalPaid) })
+      /* @__PURE__ */ jsxs5("div", { className: "mbdash-stat", children: [
+        /* @__PURE__ */ jsx5("span", { className: "mbdash-label", children: "Collected" }),
+        /* @__PURE__ */ jsx5("span", { className: "mbdash-value", children: money3(summary.totalPaid) })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mbdash-stat", children: [
-        /* @__PURE__ */ jsx4("span", { className: "mbdash-label", children: "Total billed" }),
-        /* @__PURE__ */ jsx4("span", { className: "mbdash-value", children: money3(summary.totalBilled) })
+      /* @__PURE__ */ jsxs5("div", { className: "mbdash-stat", children: [
+        /* @__PURE__ */ jsx5("span", { className: "mbdash-label", children: "Total billed" }),
+        /* @__PURE__ */ jsx5("span", { className: "mbdash-value", children: money3(summary.totalBilled) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: "mbdash-card mbdash-aging", children: summary.aging.map((bucket) => /* @__PURE__ */ jsxs4("div", { className: "mbdash-aging-item", children: [
-      /* @__PURE__ */ jsx4("span", { className: "mbdash-label", children: bucket.label }),
-      /* @__PURE__ */ jsx4("strong", { children: money3(bucket.balance) }),
-      /* @__PURE__ */ jsxs4("span", { children: [
+    /* @__PURE__ */ jsx5("div", { className: "mbdash-card mbdash-aging", children: summary.aging.map((bucket) => /* @__PURE__ */ jsxs5("div", { className: "mbdash-aging-item", children: [
+      /* @__PURE__ */ jsx5("span", { className: "mbdash-label", children: bucket.label }),
+      /* @__PURE__ */ jsx5("strong", { children: money3(bucket.balance) }),
+      /* @__PURE__ */ jsxs5("span", { children: [
         bucket.count,
         " bill",
         bucket.count === 1 ? "" : "s"
@@ -2640,13 +3045,13 @@ function BillAgingSummary(props) {
     ...props.className === void 0 ? {} : { className: props.className },
     ...props.style === void 0 ? {} : { style: props.style }
   };
-  return /* @__PURE__ */ jsx4(Shell, { ...shellProps, children: /* @__PURE__ */ jsx4(AgingContent, { bills: props.bills, ...props.heading === void 0 ? {} : { heading: props.heading } }) });
+  return /* @__PURE__ */ jsx5(Shell, { ...shellProps, children: /* @__PURE__ */ jsx5(AgingContent, { bills: props.bills, ...props.heading === void 0 ? {} : { heading: props.heading } }) });
 }
 function BillingDashboard({ bills, heading = "Billing", description = "Track submitted bills, payments, and outstanding balances.", onSelectBill, initialSearch = "", initialState = "all", hideFilters = false, appearance, className, style }) {
-  const [search, setSearch] = useState4(initialSearch);
-  const [state, setState] = useState4(initialState);
-  const states = useMemo3(() => [...new Set(bills.map((bill) => bill.state))].sort((a, b) => a.localeCompare(b)), [bills]);
-  const filtered = useMemo3(() => {
+  const [search, setSearch] = useState5(initialSearch);
+  const [state, setState] = useState5(initialState);
+  const states = useMemo4(() => [...new Set(bills.map((bill) => bill.state))].sort((a, b) => a.localeCompare(b)), [bills]);
+  const filtered = useMemo4(() => {
     const query = search.trim().toLowerCase();
     return bills.filter((bill) => (state === "all" || bill.state === state) && (!query || [bill.billNumber, bill.externalId, bill.patientName, bill.claimNumber, bill.payerName, bill.workItemLabel].some((value) => String(value ?? "").toLowerCase().includes(query))));
   }, [bills, search, state]);
@@ -2656,20 +3061,20 @@ function BillingDashboard({ bills, heading = "Billing", description = "Track sub
     ...style === void 0 ? {} : { style }
   };
   const listProps = { bills: filtered, ...onSelectBill === void 0 ? {} : { onSelectBill } };
-  return /* @__PURE__ */ jsxs4(Shell, { ...shellProps, children: [
-    /* @__PURE__ */ jsx4("div", { className: "mbdash-head", children: /* @__PURE__ */ jsxs4("div", { children: [
-      /* @__PURE__ */ jsx4("h2", { children: heading }),
-      /* @__PURE__ */ jsx4("p", { className: "mbdash-copy", children: description })
+  return /* @__PURE__ */ jsxs5(Shell, { ...shellProps, children: [
+    /* @__PURE__ */ jsx5("div", { className: "mbdash-head", children: /* @__PURE__ */ jsxs5("div", { children: [
+      /* @__PURE__ */ jsx5("h2", { children: heading }),
+      /* @__PURE__ */ jsx5("p", { className: "mbdash-copy", children: description })
     ] }) }),
-    /* @__PURE__ */ jsx4(AgingContent, { bills: filtered, heading: "Receivables" }),
-    hideFilters ? null : /* @__PURE__ */ jsxs4("div", { className: "mbdash-filters", children: [
-      /* @__PURE__ */ jsx4("input", { className: "mbdash-control", type: "search", value: search, onChange: (event) => setSearch(event.target.value), placeholder: "Search patient, claim, payer, or bill\u2026", "aria-label": "Search bills" }),
-      /* @__PURE__ */ jsxs4("select", { className: "mbdash-control", value: state, onChange: (event) => setState(event.target.value), "aria-label": "Filter bills by status", children: [
-        /* @__PURE__ */ jsx4("option", { value: "all", children: "All statuses" }),
-        states.map((item) => /* @__PURE__ */ jsx4("option", { value: item, children: stateLabel(item) }, item))
+    /* @__PURE__ */ jsx5(AgingContent, { bills: filtered, heading: "Receivables" }),
+    hideFilters ? null : /* @__PURE__ */ jsxs5("div", { className: "mbdash-filters", children: [
+      /* @__PURE__ */ jsx5("input", { className: "mbdash-control", type: "search", value: search, onChange: (event) => setSearch(event.target.value), placeholder: "Search patient, claim, payer, or bill\u2026", "aria-label": "Search bills" }),
+      /* @__PURE__ */ jsxs5("select", { className: "mbdash-control", value: state, onChange: (event) => setState(event.target.value), "aria-label": "Filter bills by status", children: [
+        /* @__PURE__ */ jsx5("option", { value: "all", children: "All statuses" }),
+        states.map((item) => /* @__PURE__ */ jsx5("option", { value: item, children: stateLabel(item) }, item))
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(BillListContent, { ...listProps })
+    /* @__PURE__ */ jsx5(BillListContent, { ...listProps })
   ] });
 }
 function buildBillingReportRows(bills, groupBy = "status") {
@@ -2691,46 +3096,46 @@ function buildBillingReportCsv(bills, groupBy = "status") {
   return [["Group", "Bills", "Total billed", "Total paid", "Balance due"].map(escape).join(","), ...buildBillingReportRows(bills, groupBy).map((row) => [row.label, row.billCount, row.totalBilled.toFixed(2), row.totalPaid.toFixed(2), row.balanceDue.toFixed(2)].map(escape).join(","))].join("\n");
 }
 function BillingReport({ bills, groupBy = "status", heading = "Billing report", description = "Billed, paid, and outstanding totals.", appearance, className, style }) {
-  const rows = useMemo3(() => buildBillingReportRows(bills, groupBy), [bills, groupBy]);
-  const total = useMemo3(() => summarizeBillingDashboard(bills), [bills]);
+  const rows = useMemo4(() => buildBillingReportRows(bills, groupBy), [bills, groupBy]);
+  const total = useMemo4(() => summarizeBillingDashboard(bills), [bills]);
   const shellProps = {
     ...appearance === void 0 ? {} : { appearance },
     className: `mbdash-report ${className ?? ""}`.trim(),
     ...style === void 0 ? {} : { style }
   };
-  return /* @__PURE__ */ jsx4(Shell, { ...shellProps, children: /* @__PURE__ */ jsxs4("div", { className: "mbdash-card", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "mbdash-report-head", children: [
-      /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsx4("h2", { children: heading }),
-        /* @__PURE__ */ jsx4("p", { className: "mbdash-copy", children: description })
+  return /* @__PURE__ */ jsx5(Shell, { ...shellProps, children: /* @__PURE__ */ jsxs5("div", { className: "mbdash-card", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "mbdash-report-head", children: [
+      /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsx5("h2", { children: heading }),
+        /* @__PURE__ */ jsx5("p", { className: "mbdash-copy", children: description })
       ] }),
-      /* @__PURE__ */ jsxs4("span", { className: "mbdash-state", children: [
+      /* @__PURE__ */ jsxs5("span", { className: "mbdash-state", children: [
         "By ",
         groupBy
       ] })
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: "mbdash-table-wrap", children: /* @__PURE__ */ jsxs4("table", { className: "mbdash-table", children: [
-      /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs4("tr", { children: [
-        /* @__PURE__ */ jsx4("th", { children: "Group" }),
-        /* @__PURE__ */ jsx4("th", { children: "Bills" }),
-        /* @__PURE__ */ jsx4("th", { className: "mbdash-money", children: "Billed" }),
-        /* @__PURE__ */ jsx4("th", { className: "mbdash-money", children: "Paid" }),
-        /* @__PURE__ */ jsx4("th", { className: "mbdash-money", children: "Balance" })
+    /* @__PURE__ */ jsx5("div", { className: "mbdash-table-wrap", children: /* @__PURE__ */ jsxs5("table", { className: "mbdash-table", children: [
+      /* @__PURE__ */ jsx5("thead", { children: /* @__PURE__ */ jsxs5("tr", { children: [
+        /* @__PURE__ */ jsx5("th", { children: "Group" }),
+        /* @__PURE__ */ jsx5("th", { children: "Bills" }),
+        /* @__PURE__ */ jsx5("th", { className: "mbdash-money", children: "Billed" }),
+        /* @__PURE__ */ jsx5("th", { className: "mbdash-money", children: "Paid" }),
+        /* @__PURE__ */ jsx5("th", { className: "mbdash-money", children: "Balance" })
       ] }) }),
-      /* @__PURE__ */ jsxs4("tbody", { children: [
-        rows.map((row) => /* @__PURE__ */ jsxs4("tr", { children: [
-          /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4("strong", { children: row.label }) }),
-          /* @__PURE__ */ jsx4("td", { children: row.billCount }),
-          /* @__PURE__ */ jsx4("td", { className: "mbdash-money", children: money3(row.totalBilled) }),
-          /* @__PURE__ */ jsx4("td", { className: "mbdash-money", children: money3(row.totalPaid) }),
-          /* @__PURE__ */ jsx4("td", { className: "mbdash-money", children: money3(row.balanceDue) })
+      /* @__PURE__ */ jsxs5("tbody", { children: [
+        rows.map((row) => /* @__PURE__ */ jsxs5("tr", { children: [
+          /* @__PURE__ */ jsx5("td", { children: /* @__PURE__ */ jsx5("strong", { children: row.label }) }),
+          /* @__PURE__ */ jsx5("td", { children: row.billCount }),
+          /* @__PURE__ */ jsx5("td", { className: "mbdash-money", children: money3(row.totalBilled) }),
+          /* @__PURE__ */ jsx5("td", { className: "mbdash-money", children: money3(row.totalPaid) }),
+          /* @__PURE__ */ jsx5("td", { className: "mbdash-money", children: money3(row.balanceDue) })
         ] }, row.key)),
-        /* @__PURE__ */ jsxs4("tr", { className: "mbdash-report-total", children: [
-          /* @__PURE__ */ jsx4("td", { children: "Total" }),
-          /* @__PURE__ */ jsx4("td", { children: total.bills }),
-          /* @__PURE__ */ jsx4("td", { className: "mbdash-money", children: money3(total.totalBilled) }),
-          /* @__PURE__ */ jsx4("td", { className: "mbdash-money", children: money3(total.totalPaid) }),
-          /* @__PURE__ */ jsx4("td", { className: "mbdash-money", children: money3(total.outstanding) })
+        /* @__PURE__ */ jsxs5("tr", { className: "mbdash-report-total", children: [
+          /* @__PURE__ */ jsx5("td", { children: "Total" }),
+          /* @__PURE__ */ jsx5("td", { children: total.bills }),
+          /* @__PURE__ */ jsx5("td", { className: "mbdash-money", children: money3(total.totalBilled) }),
+          /* @__PURE__ */ jsx5("td", { className: "mbdash-money", children: money3(total.totalPaid) }),
+          /* @__PURE__ */ jsx5("td", { className: "mbdash-money", children: money3(total.outstanding) })
         ] })
       ] })
     ] }) })
@@ -2738,8 +3143,8 @@ function BillingReport({ bills, groupBy = "status", heading = "Billing report",
 }
 
 // src/status-aging-matrix.tsx
-import { useMemo as useMemo4 } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useMemo as useMemo5 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var BILL_STATUS_AGING_BUCKETS = [
   { id: "current", label: "0\u201330 days" },
   { id: "31-60", label: "31\u201360 days" },
@@ -2802,7 +3207,7 @@ function buildBillStatusAgingCsv(bills, stateOrder) {
   lines.push(["Total", ...matrix.columnTotals.map((cell) => cell.count), matrix.grandTotal.count]);
   return [header, ...lines].map((line) => line.map(escape).join(",")).join("\n");
 }
-var css3 = `
+var css4 = `
 .mbmx{color:var(--mb-text);font-family:var(--mb-font);font-size:15px}.mbmx *{box-sizing:border-box}.mbmx h2,.mbmx p{margin:0}
 .mbmx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.mbmx-head h2{font-size:24px}.mbmx-copy{color:var(--mb-muted);margin-top:5px!important}
 .mbmx-card{border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);box-shadow:var(--mb-shadow);overflow:auto}
@@ -2831,9 +3236,9 @@ function BillStatusAgingMatrix({
   className = "",
   style
 }) {
-  const matrix = useMemo4(() => buildBillStatusAgingMatrix(bills, stateOrder), [bills, stateOrder]);
+  const matrix = useMemo5(() => buildBillStatusAgingMatrix(bills, stateOrder), [bills, stateOrder]);
   const clickable = Boolean(onSelectCell);
-  const cell = (data, key, isTotal = false) => /* @__PURE__ */ jsx5("td", { className: isTotal ? "mbmx-rowtotal" : void 0, children: /* @__PURE__ */ jsxs5(
+  const cell = (data, key, isTotal = false) => /* @__PURE__ */ jsx6("td", { className: isTotal ? "mbmx-rowtotal" : void 0, children: /* @__PURE__ */ jsxs6(
     "button",
     {
       type: "button",
@@ -2843,31 +3248,31 @@ function BillStatusAgingMatrix({
       disabled: !clickable || data.count === 0,
       "aria-label": `${stateLabel2(data.state)} \xB7 ${data.bucket === "total" ? "all ages" : data.bucket}: ${data.count} bills`,
       children: [
-        /* @__PURE__ */ jsx5("span", { className: `mbmx-count ${data.count === 0 ? "mbmx-zero" : ""}`.trim(), children: data.count === 0 ? "\u2014" : data.count }),
-        showBalances && data.count > 0 ? /* @__PURE__ */ jsx5("span", { className: "mbmx-balance", children: money4(data.balance) }) : null
+        /* @__PURE__ */ jsx6("span", { className: `mbmx-count ${data.count === 0 ? "mbmx-zero" : ""}`.trim(), children: data.count === 0 ? "\u2014" : data.count }),
+        showBalances && data.count > 0 ? /* @__PURE__ */ jsx6("span", { className: "mbmx-balance", children: money4(data.balance) }) : null
       ]
     }
   ) }, key);
-  return /* @__PURE__ */ jsxs5("div", { className: `mbmx ${className}`.trim(), style: { ...mindBillAppearanceStyle(appearance), ...style }, children: [
-    /* @__PURE__ */ jsx5("style", { children: css3 }),
-    /* @__PURE__ */ jsx5("div", { className: "mbmx-head", children: /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5("h2", { children: heading }),
-      /* @__PURE__ */ jsx5("p", { className: "mbmx-copy", children: description })
+  return /* @__PURE__ */ jsxs6("div", { className: `mbmx ${className}`.trim(), style: { ...mindBillAppearanceStyle(appearance), ...style }, children: [
+    /* @__PURE__ */ jsx6("style", { children: css4 }),
+    /* @__PURE__ */ jsx6("div", { className: "mbmx-head", children: /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6("h2", { children: heading }),
+      /* @__PURE__ */ jsx6("p", { className: "mbmx-copy", children: description })
     ] }) }),
-    /* @__PURE__ */ jsx5("div", { className: "mbmx-card", children: /* @__PURE__ */ jsxs5("table", { className: "mbmx-table", children: [
-      /* @__PURE__ */ jsx5("thead", { children: /* @__PURE__ */ jsxs5("tr", { children: [
-        /* @__PURE__ */ jsx5("th", { children: "Status" }),
-        BILL_STATUS_AGING_BUCKETS.map((bucket) => /* @__PURE__ */ jsx5("th", { children: bucket.label }, bucket.id)),
-        /* @__PURE__ */ jsx5("th", { children: "Total" })
+    /* @__PURE__ */ jsx6("div", { className: "mbmx-card", children: /* @__PURE__ */ jsxs6("table", { className: "mbmx-table", children: [
+      /* @__PURE__ */ jsx6("thead", { children: /* @__PURE__ */ jsxs6("tr", { children: [
+        /* @__PURE__ */ jsx6("th", { children: "Status" }),
+        BILL_STATUS_AGING_BUCKETS.map((bucket) => /* @__PURE__ */ jsx6("th", { children: bucket.label }, bucket.id)),
+        /* @__PURE__ */ jsx6("th", { children: "Total" })
       ] }) }),
-      /* @__PURE__ */ jsxs5("tbody", { children: [
-        matrix.rows.map((row) => /* @__PURE__ */ jsxs5("tr", { children: [
-          /* @__PURE__ */ jsx5("td", { children: /* @__PURE__ */ jsx5("span", { className: "mbmx-state", children: row.label }) }),
+      /* @__PURE__ */ jsxs6("tbody", { children: [
+        matrix.rows.map((row) => /* @__PURE__ */ jsxs6("tr", { children: [
+          /* @__PURE__ */ jsx6("td", { children: /* @__PURE__ */ jsx6("span", { className: "mbmx-state", children: row.label }) }),
           row.cells.map((data) => cell(data, `${row.state}-${data.bucket}`)),
           cell(row.total, `${row.state}-total`, true)
         ] }, row.state)),
-        /* @__PURE__ */ jsxs5("tr", { className: "mbmx-total", children: [
-          /* @__PURE__ */ jsx5("td", { children: "Total" }),
+        /* @__PURE__ */ jsxs6("tr", { className: "mbmx-total", children: [
+          /* @__PURE__ */ jsx6("td", { children: "Total" }),
           matrix.columnTotals.map((data) => cell(data, `all-${data.bucket}`)),
           cell(matrix.grandTotal, "all-total", true)
         ] })
@@ -2877,18 +3282,18 @@ function BillStatusAgingMatrix({
 }
 
 // src/organization-onboarding.tsx
-import { useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo5, useRef as useRef3, useState as useState5 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect5, useMemo as useMemo6, useRef as useRef3, useState as useState6 } from "react";
 import {
   createOrganizationClient
 } from "@mindbill/browser";
-import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var STEPS = [
   { id: "practice", label: "Practice & billing" },
   { id: "locations", label: "Locations" },
   { id: "w9", label: "W-9" },
   { id: "review", label: "Review" }
 ];
-var css4 = `
+var css5 = `
 .mbob{color:var(--mb-text);font-family:var(--mb-font);font-size:15px}.mbob *{box-sizing:border-box}.mbob h2,.mbob h3,.mbob p{margin:0}
 .mbob-card{border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);box-shadow:var(--mb-shadow);padding:24px}
 .mbob-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.mbob-head h2{font-size:22px}.mbob-copy{color:var(--mb-muted);margin-top:5px!important}
@@ -2944,7 +3349,7 @@ function OrganizationOnboarding({
   onCompleted,
   onError
 }) {
-  const client = useMemo5(
+  const client = useMemo6(
     () => createOrganizationClient({
       sessionEndpoint,
       ...getSession ? { getSession } : {},
@@ -2952,16 +3357,16 @@ function OrganizationOnboarding({
     }),
     [sessionEndpoint, getSession, apiBaseUrl]
   );
-  const [profile, setProfile] = useState5(null);
-  const [loadError, setLoadError] = useState5(null);
-  const [step, setStep] = useState5("practice");
-  const [identity, setIdentity] = useState5({ name: "", legalName: "", taxId: "", npi: "", phone: "", email: "" });
-  const [provider, setProvider] = useState5({ name: "", taxId: "", npi: "", billType: "Professional", phone: "", billingStreet: "", billingCity: "", billingState: "", billingZip: "" });
-  const [locations, setLocations] = useState5([blankLocation()]);
-  const [w9File, setW9File] = useState5(null);
-  const [saving, setSaving] = useState5(false);
-  const [error, setError] = useState5(null);
-  const [savedStep, setSavedStep] = useState5({});
+  const [profile, setProfile] = useState6(null);
+  const [loadError, setLoadError] = useState6(null);
+  const [step, setStep] = useState6("practice");
+  const [identity, setIdentity] = useState6({ name: "", legalName: "", taxId: "", npi: "", phone: "", email: "" });
+  const [provider, setProvider] = useState6({ name: "", taxId: "", npi: "", billType: "Professional", phone: "", billingStreet: "", billingCity: "", billingState: "", billingZip: "" });
+  const [locations, setLocations] = useState6([blankLocation()]);
+  const [w9File, setW9File] = useState6(null);
+  const [saving, setSaving] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [savedStep, setSavedStep] = useState6({});
   const completedFired = useRef3(false);
   const adoptProfile = useCallback2((next) => {
     setProfile(next);
@@ -2980,7 +3385,7 @@ function OrganizationOnboarding({
       onCompleted?.(next);
     }
   }, [onCompleted]);
-  useEffect4(() => {
+  useEffect5(() => {
     let alive = true;
     client.getOrganization().then((next) => {
       if (alive) {
@@ -3027,16 +3432,16 @@ function OrganizationOnboarding({
     if (!w9File) throw new Error("Choose the practice W-9 PDF first.");
     return client.saveW9({ filename: w9File.name, contentBase64: await fileToBase64(w9File) });
   }, "w9");
-  const field = (label, value, onChange, span = false, placeholder = "") => /* @__PURE__ */ jsxs6("label", { className: `mbob-field${span ? " mbob-span" : ""}`, children: [
+  const field = (label, value, onChange, span = false, placeholder = "") => /* @__PURE__ */ jsxs7("label", { className: `mbob-field${span ? " mbob-span" : ""}`, children: [
     label,
-    /* @__PURE__ */ jsx6("input", { value, placeholder, onChange: (event) => onChange(event.target.value), disabled: saving })
+    /* @__PURE__ */ jsx7("input", { value, placeholder, onChange: (event) => onChange(event.target.value), disabled: saving })
   ] });
   const setLocation = (index, patch) => setLocations((current) => current.map((item, itemIndex) => {
     if (itemIndex !== index) return patch.isPrimary ? { ...item, isPrimary: false } : item;
     return { ...item, ...patch };
   }));
-  const practiceSection = /* @__PURE__ */ jsxs6("div", { children: [
-    /* @__PURE__ */ jsxs6("div", { className: "mbob-grid", children: [
+  const practiceSection = /* @__PURE__ */ jsxs7("div", { children: [
+    /* @__PURE__ */ jsxs7("div", { className: "mbob-grid", children: [
       field("Practice name", identity.name, (name) => setIdentity((c) => ({ ...c, name }))),
       field("Legal name", identity.legalName, (legalName) => setIdentity((c) => ({ ...c, legalName }))),
       field("Tax ID (EIN)", identity.taxId, (taxId) => setIdentity((c) => ({ ...c, taxId })), false, "94-1234567"),
@@ -3044,8 +3449,8 @@ function OrganizationOnboarding({
       field("Phone", identity.phone, (phone) => setIdentity((c) => ({ ...c, phone }))),
       field("Email", identity.email, (email) => setIdentity((c) => ({ ...c, email })))
     ] }),
-    /* @__PURE__ */ jsx6("h3", { className: "mbob-subhead", children: "Billing provider (pay-to)" }),
-    /* @__PURE__ */ jsxs6("div", { className: "mbob-grid", children: [
+    /* @__PURE__ */ jsx7("h3", { className: "mbob-subhead", children: "Billing provider (pay-to)" }),
+    /* @__PURE__ */ jsxs7("div", { className: "mbob-grid", children: [
       field("Billing provider name", provider.name, (name) => setProvider((c) => ({ ...c, name }))),
       field("Billing tax ID", provider.taxId, (taxId) => setProvider((c) => ({ ...c, taxId }))),
       field("Billing NPI", provider.npi, (npi) => setProvider((c) => ({ ...c, npi }))),
@@ -3055,88 +3460,88 @@ function OrganizationOnboarding({
       field("State", provider.billingState ?? "", (billingState) => setProvider((c) => ({ ...c, billingState: billingState.toUpperCase().slice(0, 2) }))),
       field("ZIP", provider.billingZip ?? "", (billingZip) => setProvider((c) => ({ ...c, billingZip })))
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "mbob-actions", children: [
-      /* @__PURE__ */ jsx6("span", { className: "mbob-status", children: savedStep["practice"] ? "Saved to MindBill." : "Saved once, used on every bill." }),
-      /* @__PURE__ */ jsx6("button", { className: "mbob-save", type: "button", disabled: saving, onClick: savePractice, children: saving ? "Saving\u2026" : "Save practice" })
+    /* @__PURE__ */ jsxs7("div", { className: "mbob-actions", children: [
+      /* @__PURE__ */ jsx7("span", { className: "mbob-status", children: savedStep["practice"] ? "Saved to MindBill." : "Saved once, used on every bill." }),
+      /* @__PURE__ */ jsx7("button", { className: "mbob-save", type: "button", disabled: saving, onClick: savePractice, children: saving ? "Saving\u2026" : "Save practice" })
     ] })
   ] });
-  const locationsSection = /* @__PURE__ */ jsxs6("div", { children: [
-    locations.map((location, index) => /* @__PURE__ */ jsxs6("div", { className: "mbob-loc", children: [
+  const locationsSection = /* @__PURE__ */ jsxs7("div", { children: [
+    locations.map((location, index) => /* @__PURE__ */ jsxs7("div", { className: "mbob-loc", children: [
       field("Name", location.name, (name) => setLocation(index, { name })),
       field("Street", location.street, (street) => setLocation(index, { street })),
       field("City", location.city, (city) => setLocation(index, { city })),
       field("State", location.state, (state) => setLocation(index, { state: state.toUpperCase().slice(0, 2) })),
       field("ZIP", location.zip, (zip) => setLocation(index, { zip })),
-      /* @__PURE__ */ jsxs6("label", { className: "mbob-primary", children: [
-        /* @__PURE__ */ jsx6("input", { type: "radio", name: "mbob-primary", checked: location.isPrimary === true, onChange: () => setLocation(index, { isPrimary: true }) }),
+      /* @__PURE__ */ jsxs7("label", { className: "mbob-primary", children: [
+        /* @__PURE__ */ jsx7("input", { type: "radio", name: "mbob-primary", checked: location.isPrimary === true, onChange: () => setLocation(index, { isPrimary: true }) }),
         " Primary"
       ] }),
-      /* @__PURE__ */ jsx6("button", { className: "mbob-remove", type: "button", "aria-label": "Remove location", onClick: () => setLocations((current) => current.filter((_, itemIndex) => itemIndex !== index)), children: "\xD7" })
+      /* @__PURE__ */ jsx7("button", { className: "mbob-remove", type: "button", "aria-label": "Remove location", onClick: () => setLocations((current) => current.filter((_, itemIndex) => itemIndex !== index)), children: "\xD7" })
     ] }, location.id ?? index)),
-    /* @__PURE__ */ jsx6("button", { className: "mbob-add", type: "button", onClick: () => setLocations((current) => [...current, blankLocation()]), children: "+ Add location" }),
-    /* @__PURE__ */ jsxs6("div", { className: "mbob-actions", children: [
-      /* @__PURE__ */ jsx6("span", { className: "mbob-status", children: savedStep["locations"] ? "Saved to MindBill." : "Where evaluations happen." }),
-      /* @__PURE__ */ jsx6("button", { className: "mbob-save", type: "button", disabled: saving, onClick: saveLocations, children: saving ? "Saving\u2026" : "Save locations" })
+    /* @__PURE__ */ jsx7("button", { className: "mbob-add", type: "button", onClick: () => setLocations((current) => [...current, blankLocation()]), children: "+ Add location" }),
+    /* @__PURE__ */ jsxs7("div", { className: "mbob-actions", children: [
+      /* @__PURE__ */ jsx7("span", { className: "mbob-status", children: savedStep["locations"] ? "Saved to MindBill." : "Where evaluations happen." }),
+      /* @__PURE__ */ jsx7("button", { className: "mbob-save", type: "button", disabled: saving, onClick: saveLocations, children: saving ? "Saving\u2026" : "Save locations" })
     ] })
   ] });
-  const w9Section = /* @__PURE__ */ jsxs6("div", { children: [
-    profile?.w9 ? /* @__PURE__ */ jsxs6("div", { className: "mbob-w9-current", children: [
-      /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("strong", { children: profile.w9.filename }),
-        /* @__PURE__ */ jsxs6("span", { children: [
+  const w9Section = /* @__PURE__ */ jsxs7("div", { children: [
+    profile?.w9 ? /* @__PURE__ */ jsxs7("div", { className: "mbob-w9-current", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("strong", { children: profile.w9.filename }),
+        /* @__PURE__ */ jsxs7("span", { children: [
           " \xB7 added ",
           profile.w9.addDate
         ] })
       ] }),
-      /* @__PURE__ */ jsx6("span", { children: "Rides on every bill automatically" })
+      /* @__PURE__ */ jsx7("span", { children: "Rides on every bill automatically" })
     ] }) : null,
-    /* @__PURE__ */ jsxs6("label", { className: "mbob-drop", children: [
-      /* @__PURE__ */ jsx6("input", { type: "file", accept: "application/pdf,.pdf", onChange: (event) => setW9File(event.target.files?.[0] ?? null) }),
-      /* @__PURE__ */ jsx6("strong", { children: w9File ? w9File.name : profile?.w9 ? "Replace the W-9 PDF" : "Drop the practice W-9 PDF here, or click to choose" }),
-      /* @__PURE__ */ jsx6("span", { children: "The W-9 is auto-attached to every submission." })
+    /* @__PURE__ */ jsxs7("label", { className: "mbob-drop", children: [
+      /* @__PURE__ */ jsx7("input", { type: "file", accept: "application/pdf,.pdf", onChange: (event) => setW9File(event.target.files?.[0] ?? null) }),
+      /* @__PURE__ */ jsx7("strong", { children: w9File ? w9File.name : profile?.w9 ? "Replace the W-9 PDF" : "Drop the practice W-9 PDF here, or click to choose" }),
+      /* @__PURE__ */ jsx7("span", { children: "The W-9 is auto-attached to every submission." })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "mbob-actions", children: [
-      /* @__PURE__ */ jsx6("span", { className: "mbob-status", children: savedStep["w9"] ? "Saved to MindBill." : "" }),
-      /* @__PURE__ */ jsx6("button", { className: "mbob-save", type: "button", disabled: saving || !w9File, onClick: saveW9, children: saving ? "Uploading\u2026" : "Save W-9" })
+    /* @__PURE__ */ jsxs7("div", { className: "mbob-actions", children: [
+      /* @__PURE__ */ jsx7("span", { className: "mbob-status", children: savedStep["w9"] ? "Saved to MindBill." : "" }),
+      /* @__PURE__ */ jsx7("button", { className: "mbob-save", type: "button", disabled: saving || !w9File, onClick: saveW9, children: saving ? "Uploading\u2026" : "Save W-9" })
     ] })
   ] });
-  const reviewSection = /* @__PURE__ */ jsxs6("div", { className: "mbob-check", children: [
-    (profile?.onboarding.checklist ?? []).map((item) => /* @__PURE__ */ jsxs6("div", { className: "mbob-check-item", "data-complete": item.complete, children: [
-      /* @__PURE__ */ jsx6("i", { children: item.complete ? "\u2713" : "\u2022" }),
-      /* @__PURE__ */ jsx6("span", { children: item.label })
+  const reviewSection = /* @__PURE__ */ jsxs7("div", { className: "mbob-check", children: [
+    (profile?.onboarding.checklist ?? []).map((item) => /* @__PURE__ */ jsxs7("div", { className: "mbob-check-item", "data-complete": item.complete, children: [
+      /* @__PURE__ */ jsx7("i", { children: item.complete ? "\u2713" : "\u2022" }),
+      /* @__PURE__ */ jsx7("span", { children: item.label })
     ] }, item.id)),
-    profile?.onboarding.complete ? /* @__PURE__ */ jsx6("p", { className: "mbob-done", children: "Billing setup is complete \u2014 bills submitted from your product carry this profile automatically." }) : /* @__PURE__ */ jsx6("p", { className: "mbob-status", children: "Items above complete themselves as each section is saved." })
+    profile?.onboarding.complete ? /* @__PURE__ */ jsx7("p", { className: "mbob-done", children: "Billing setup is complete \u2014 bills submitted from your product carry this profile automatically." }) : /* @__PURE__ */ jsx7("p", { className: "mbob-status", children: "Items above complete themselves as each section is saved." })
   ] });
   const sections = { practice: practiceSection, locations: locationsSection, w9: w9Section, review: reviewSection };
-  return /* @__PURE__ */ jsxs6("div", { className: `mbob ${className}`.trim(), style: { ...mindBillAppearanceStyle(appearance), ...style }, children: [
-    /* @__PURE__ */ jsx6("style", { children: css4 }),
-    /* @__PURE__ */ jsxs6("div", { className: "mbob-card", children: [
-      /* @__PURE__ */ jsx6("div", { className: "mbob-head", children: /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("h2", { children: heading }),
-        /* @__PURE__ */ jsx6("p", { className: "mbob-copy", children: description })
+  return /* @__PURE__ */ jsxs7("div", { className: `mbob ${className}`.trim(), style: { ...mindBillAppearanceStyle(appearance), ...style }, children: [
+    /* @__PURE__ */ jsx7("style", { children: css5 }),
+    /* @__PURE__ */ jsxs7("div", { className: "mbob-card", children: [
+      /* @__PURE__ */ jsx7("div", { className: "mbob-head", children: /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("h2", { children: heading }),
+        /* @__PURE__ */ jsx7("p", { className: "mbob-copy", children: description })
       ] }) }),
-      loadError ? /* @__PURE__ */ jsx6("div", { className: "mbob-error", role: "alert", children: loadError }) : null,
-      variant === "onboarding" ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
-        /* @__PURE__ */ jsx6("div", { className: "mbob-steps", children: STEPS.map((item) => /* @__PURE__ */ jsxs6("button", { className: "mbob-step", type: "button", "data-active": step === item.id, "data-done": Boolean(savedStep[item.id]), onClick: () => setStep(item.id), children: [
-          /* @__PURE__ */ jsx6("i", { children: savedStep[item.id] ? "\u2713" : "" }),
+      loadError ? /* @__PURE__ */ jsx7("div", { className: "mbob-error", role: "alert", children: loadError }) : null,
+      variant === "onboarding" ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
+        /* @__PURE__ */ jsx7("div", { className: "mbob-steps", children: STEPS.map((item) => /* @__PURE__ */ jsxs7("button", { className: "mbob-step", type: "button", "data-active": step === item.id, "data-done": Boolean(savedStep[item.id]), onClick: () => setStep(item.id), children: [
+          /* @__PURE__ */ jsx7("i", { children: savedStep[item.id] ? "\u2713" : "" }),
           item.label
         ] }, item.id)) }),
         sections[step]
-      ] }) : /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      ] }) : /* @__PURE__ */ jsxs7(Fragment5, { children: [
         practiceSection,
-        /* @__PURE__ */ jsx6("h3", { className: "mbob-subhead", children: "Locations" }),
+        /* @__PURE__ */ jsx7("h3", { className: "mbob-subhead", children: "Locations" }),
         locationsSection,
-        /* @__PURE__ */ jsx6("h3", { className: "mbob-subhead", children: "Practice W-9" }),
+        /* @__PURE__ */ jsx7("h3", { className: "mbob-subhead", children: "Practice W-9" }),
         w9Section,
-        /* @__PURE__ */ jsx6("h3", { className: "mbob-subhead", children: "Checklist" }),
+        /* @__PURE__ */ jsx7("h3", { className: "mbob-subhead", children: "Checklist" }),
         reviewSection
       ] }),
-      error ? /* @__PURE__ */ jsx6("div", { className: "mbob-error", role: "alert", children: error }) : null
+      error ? /* @__PURE__ */ jsx7("div", { className: "mbob-error", role: "alert", children: error }) : null
     ] })
   ] });
 }
 function BillingSettings(props) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     OrganizationOnboarding,
     {
       heading: "Billing settings",
@@ -3150,16 +3555,16 @@ function BillingSettings(props) {
 // src/connected-bill-status.tsx
 import {
   useCallback as useCallback3,
-  useEffect as useEffect5,
-  useMemo as useMemo6,
+  useEffect as useEffect6,
+  useMemo as useMemo7,
   useRef as useRef4,
-  useState as useState6
+  useState as useState7
 } from "react";
 import {
   DEFAULT_API_BASE_URL,
   DEFAULT_SESSION_ENDPOINT
 } from "@mindbill/browser";
-import { Fragment as Fragment5, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var DEFAULT_REFRESH_INTERVAL = 6e4;
 async function responseError(response, fallback) {
   const body = await response.json().catch(() => null);
@@ -3292,23 +3697,23 @@ function useBillStatus({
   initialData = null,
   fetch: fetchOverride
 }) {
-  const client = useMemo6(() => createBillStatusClient({
+  const client = useMemo7(() => createBillStatusClient({
     billId,
     sessionEndpoint,
     ...getSession ? { getSession } : {},
     apiBaseUrl,
     ...fetchOverride ? { fetch: fetchOverride } : {}
   }), [apiBaseUrl, billId, fetchOverride, getSession, sessionEndpoint]);
-  const [data, setData] = useState6(initialData);
-  const [error, setError] = useState6(null);
-  const [isLoading, setIsLoading] = useState6(enabled && !initialData);
-  const [isRefreshing, setIsRefreshing] = useState6(false);
+  const [data, setData] = useState7(initialData);
+  const [error, setError] = useState7(null);
+  const [isLoading, setIsLoading] = useState7(enabled && !initialData);
+  const [isRefreshing, setIsRefreshing] = useState7(false);
   const dataRef = useRef4(initialData);
   const initialDataRef = useRef4(initialData);
   initialDataRef.current = initialData;
   const activeControllerRef = useRef4(null);
   const requestSequence = useRef4(0);
-  useEffect5(() => {
+  useEffect6(() => {
     const seed = initialDataRef.current;
     dataRef.current = seed;
     setData(seed);
@@ -3349,10 +3754,10 @@ function useBillStatus({
       }
     }
   }, [billId, client, enabled]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (enabled) void load();
   }, [enabled, load]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!enabled || refreshInterval <= 0) return;
     const timer = window.setInterval(() => void load(), refreshInterval);
     const onFocus = () => void load();
@@ -3380,17 +3785,17 @@ function ConnectedBillStatus({
 }) {
   const status = useBillStatus(options);
   if (status.isLoading && !status.data) {
-    return /* @__PURE__ */ jsx7(Fragment5, { children: loadingFallback ?? /* @__PURE__ */ jsx7("div", { role: "status", children: "Loading bill status\u2026" }) });
+    return /* @__PURE__ */ jsx8(Fragment6, { children: loadingFallback ?? /* @__PURE__ */ jsx8("div", { role: "status", children: "Loading bill status\u2026" }) });
   }
   if (status.error && !status.data) {
-    return /* @__PURE__ */ jsx7(Fragment5, { children: errorFallback?.(status.error, status.refresh) ?? /* @__PURE__ */ jsxs7("div", { role: "alert", children: [
+    return /* @__PURE__ */ jsx8(Fragment6, { children: errorFallback?.(status.error, status.refresh) ?? /* @__PURE__ */ jsxs8("div", { role: "alert", children: [
       status.error.message,
       " ",
-      /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => void status.refresh(), children: "Retry" })
+      /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => void status.refresh(), children: "Retry" })
     ] }) });
   }
   if (!status.data) return null;
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     BillStatusSummary,
     {
       status: status.data.state,
@@ -3409,7 +3814,8 @@ function ConnectedBillStatus({
 }
 
 // src/bill-lifecycle-surfaces.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useState as useState8 } from "react";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function visibleBillLifecycleActions(actions, showUnavailable = false) {
   return actions.filter((action) => action.enabled || showUnavailable);
 }
@@ -3424,11 +3830,11 @@ function BillLifecycleActions({
 }) {
   const visible = visibleBillLifecycleActions(actions, showUnavailable);
   if (!visible.length) return null;
-  return /* @__PURE__ */ jsxs8("div", { className: classes("mb-lifecycle-actions", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill actions", children: [
-    /* @__PURE__ */ jsx8("style", { children: lifecycleSurfaceStyles }),
-    visible.map((action) => /* @__PURE__ */ jsxs8("div", { className: "mb-lifecycle-action", children: [
-      /* @__PURE__ */ jsx8("button", { type: "button", className: action.primary ? "mb-action-button is-primary" : "mb-action-button", disabled: disabled || !action.enabled, onClick: () => onAction(action), children: action.label }),
-      !action.enabled && action.reason ? /* @__PURE__ */ jsx8("span", { className: "mb-action-reason", children: action.reason }) : null
+  return /* @__PURE__ */ jsxs9("div", { className: classes("mb-lifecycle-actions", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill actions", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    visible.map((action) => /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-action", children: [
+      /* @__PURE__ */ jsx9("button", { type: "button", className: action.primary ? "mb-action-button is-primary" : "mb-action-button", disabled: disabled || !action.enabled, onClick: () => onAction(action), children: action.label }),
+      !action.enabled && action.reason ? /* @__PURE__ */ jsx9("span", { className: "mb-action-reason", children: action.reason }) : null
     ] }, action.id))
   ] });
 }
@@ -3458,18 +3864,18 @@ function defaultFormatDate(createdAt) {
   return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(parsed);
 }
 function BillActivityTimeline({ events, emptyLabel = "No bill activity yet.", appearance, className, style, formatDate = defaultFormatDate }) {
-  return /* @__PURE__ */ jsxs8("section", { className: classes("mb-surface mb-activity", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill activity", children: [
-    /* @__PURE__ */ jsx8("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx8("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx8("strong", { children: "Bill history" }),
-      /* @__PURE__ */ jsx8("span", { children: "Submission, payer responses, follow-up, and payments." })
+  return /* @__PURE__ */ jsxs9("section", { className: classes("mb-surface mb-activity", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill activity", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx9("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Bill history" }),
+      /* @__PURE__ */ jsx9("span", { children: "Submission, payer responses, follow-up, and payments." })
     ] }) }),
-    !events.length ? /* @__PURE__ */ jsx8("p", { className: "mb-activity-empty", children: emptyLabel }) : /* @__PURE__ */ jsx8("ol", { className: "mb-activity-list", children: events.map((event) => /* @__PURE__ */ jsxs8("li", { className: "mb-activity-item", children: [
-      /* @__PURE__ */ jsx8("span", { className: "mb-activity-marker", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs8("div", { className: "mb-activity-content", children: [
-        /* @__PURE__ */ jsx8("strong", { children: event.title ?? billActivityEventLabel(event.type) }),
-        event.description ? /* @__PURE__ */ jsx8("p", { children: event.description }) : null,
-        /* @__PURE__ */ jsxs8("span", { children: [
+    !events.length ? /* @__PURE__ */ jsx9("p", { className: "mb-activity-empty", children: emptyLabel }) : /* @__PURE__ */ jsx9("ol", { className: "mb-activity-list", children: events.map((event) => /* @__PURE__ */ jsxs9("li", { className: "mb-activity-item", children: [
+      /* @__PURE__ */ jsx9("span", { className: "mb-activity-marker", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs9("div", { className: "mb-activity-content", children: [
+        /* @__PURE__ */ jsx9("strong", { children: event.title ?? billActivityEventLabel(event.type) }),
+        event.description ? /* @__PURE__ */ jsx9("p", { children: event.description }) : null,
+        /* @__PURE__ */ jsxs9("span", { children: [
           formatDate(event.createdAt),
           event.actor ? ` \xB7 ${event.actor}` : ""
         ] })
@@ -3477,6 +3883,80 @@ function BillActivityTimeline({ events, emptyLabel = "No bill activity yet.", ap
     ] }, event.id)) })
   ] });
 }
+function historyDate(iso) {
+  const parsed = new Date(iso);
+  if (Number.isNaN(parsed.getTime())) return iso;
+  return new Intl.DateTimeFormat("en-US", { month: "2-digit", day: "2-digit", year: "numeric" }).format(parsed);
+}
+function BillHistoryTable({ entries, emptyLabel = "No bill history yet.", appearance, className, style, formatDate = historyDate, documentHref }) {
+  const [expanded, setExpanded] = useState8({});
+  return /* @__PURE__ */ jsxs9("section", { className: classes("mb-surface mb-history", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill history", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx9("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Bill history" }),
+      /* @__PURE__ */ jsx9("span", { children: "Submissions, payer responses, follow-up, and payments." })
+    ] }) }),
+    !entries.length ? /* @__PURE__ */ jsx9("p", { className: "mb-activity-empty", children: emptyLabel }) : /* @__PURE__ */ jsxs9("div", { className: "mb-history-table", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "mb-history-head", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx9("span", { children: "Date" }),
+        /* @__PURE__ */ jsx9("span", { children: "Action" }),
+        /* @__PURE__ */ jsx9("span", { children: "User" }),
+        /* @__PURE__ */ jsx9("span", { children: "Details" })
+      ] }),
+      /* @__PURE__ */ jsx9("ul", { className: "mb-history-rows", children: entries.map((entry) => {
+        const expandable = Boolean(entry.details);
+        const isOpen = expandable && Boolean(expanded[entry.id]);
+        const details = entry.details;
+        return /* @__PURE__ */ jsxs9("li", { className: `mb-history-row is-${entry.tone}`, children: [
+          /* @__PURE__ */ jsxs9(
+            "button",
+            {
+              type: "button",
+              className: "mb-history-line",
+              disabled: !expandable,
+              "aria-expanded": expandable ? isOpen : void 0,
+              onClick: expandable ? () => setExpanded((current) => ({ ...current, [entry.id]: !current[entry.id] })) : void 0,
+              children: [
+                /* @__PURE__ */ jsx9("span", { className: "mb-history-date", children: formatDate(entry.date) }),
+                /* @__PURE__ */ jsx9("span", { className: "mb-history-action", children: entry.action }),
+                /* @__PURE__ */ jsx9("span", { className: "mb-history-actor", children: entry.actor ?? "\u2014" }),
+                /* @__PURE__ */ jsxs9("span", { className: "mb-history-summary", children: [
+                  expandable ? /* @__PURE__ */ jsx9("i", { className: `mb-history-caret${isOpen ? " is-open" : ""}`, "aria-hidden": "true" }) : null,
+                  entry.summary
+                ] })
+              ]
+            }
+          ),
+          isOpen && details ? /* @__PURE__ */ jsxs9("div", { className: "mb-history-details", children: [
+            details.rows?.length ? /* @__PURE__ */ jsx9("dl", { className: "mb-history-kv", children: details.rows.map((row) => /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx9("dt", { children: row.label }),
+              /* @__PURE__ */ jsx9("dd", { children: row.value })
+            ] }, `${row.label}-${row.value}`)) }) : null,
+            details.documents?.length ? /* @__PURE__ */ jsx9("div", { className: "mb-history-kv", children: /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx9("dt", { children: "Documents" }),
+              /* @__PURE__ */ jsx9("dd", { children: details.documents.map((doc) => {
+                const href = documentHref?.(doc) ?? null;
+                return href ? /* @__PURE__ */ jsx9("a", { className: "mb-history-doc", href, target: "_blank", rel: "noreferrer", children: doc.filename }, doc.id) : /* @__PURE__ */ jsx9("span", { className: "mb-history-doc", children: doc.filename }, doc.id);
+              }) })
+            ] }) }) : null,
+            details.codes?.length ? /* @__PURE__ */ jsx9("dl", { className: "mb-history-codes", children: details.codes.map((code) => /* @__PURE__ */ jsxs9("div", { children: [
+              /* @__PURE__ */ jsx9("dt", { children: code.code }),
+              /* @__PURE__ */ jsx9("dd", { children: code.text })
+            ] }, code.code)) }) : null,
+            details.complianceDueDates?.length ? /* @__PURE__ */ jsxs9("div", { className: "mb-history-due", children: [
+              /* @__PURE__ */ jsx9("em", { children: "Compliance Due Dates" }),
+              /* @__PURE__ */ jsx9("dl", { children: details.complianceDueDates.map((due) => /* @__PURE__ */ jsxs9("div", { children: [
+                /* @__PURE__ */ jsx9("dt", { children: formatDate(due.date) }),
+                /* @__PURE__ */ jsx9("dd", { children: due.text })
+              ] }, `${due.date}-${due.text}`)) })
+            ] }) : null,
+            details.text ? /* @__PURE__ */ jsx9("p", { className: "mb-history-text", children: details.text }) : null
+          ] }) : null
+        ] }, entry.id);
+      }) })
+    ] })
+  ] });
+}
 var lifecycleStages = [
   { id: "submitted", label: "Sent" },
   { id: "accepted", label: "Accepted" },
@@ -3518,15 +3998,15 @@ function billLifecycleDisplayLabel(state, nativeStatus) {
 function BillLifecycleProgress({ state, nativeStatus, submittedAt, agingDays, appearance, className, style }) {
   const rejected = state.toLowerCase() === "rejected";
   const steps = billLifecycleProgressSteps(state);
-  return /* @__PURE__ */ jsxs8("section", { className: classes(`mb-surface mb-progress${rejected ? " is-rejected" : ""}`, className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill lifecycle", children: [
-    /* @__PURE__ */ jsx8("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx8("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx8("strong", { children: billLifecycleDisplayLabel(state, nativeStatus) }),
-      /* @__PURE__ */ jsx8("span", { children: rejected ? "The payer rejected this submission." : `${submittedAt ? `Submitted ${defaultFormatDate(submittedAt)}` : "Submitted"}${typeof agingDays === "number" ? ` \xB7 ${agingDays} days old` : ""}` })
+  return /* @__PURE__ */ jsxs9("section", { className: classes(`mb-surface mb-progress${rejected ? " is-rejected" : ""}`, className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill lifecycle", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx9("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: billLifecycleDisplayLabel(state, nativeStatus) }),
+      /* @__PURE__ */ jsx9("span", { children: rejected ? "The payer rejected this submission." : `${submittedAt ? `Submitted ${defaultFormatDate(submittedAt)}` : "Submitted"}${typeof agingDays === "number" ? ` \xB7 ${agingDays} days old` : ""}` })
     ] }) }),
-    /* @__PURE__ */ jsx8("ol", { className: "mb-progress-list", style: { gridTemplateColumns: `repeat(${steps.length}, minmax(0, 1fr))` }, children: steps.map((step, index) => /* @__PURE__ */ jsxs8("li", { className: `is-${step.status}`, "aria-current": step.status === "current" ? "step" : void 0, children: [
-      /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: step.status === "complete" ? "\u2713" : rejected && step.status === "current" ? "!" : index + 1 }),
-      /* @__PURE__ */ jsx8("b", { children: step.label })
+    /* @__PURE__ */ jsx9("ol", { className: "mb-progress-list", style: { gridTemplateColumns: `repeat(${steps.length}, minmax(0, 1fr))` }, children: steps.map((step, index) => /* @__PURE__ */ jsxs9("li", { className: `is-${step.status}`, "aria-current": step.status === "current" ? "step" : void 0, children: [
+      /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: step.status === "complete" ? "\u2713" : rejected && step.status === "current" ? "!" : index + 1 }),
+      /* @__PURE__ */ jsx9("b", { children: step.label })
     ] }, step.id)) })
   ] });
 }
@@ -3540,48 +4020,48 @@ function billRejectionIssueSummary(rejection, count) {
 function BillRejectionNotice({ rejection, title = "Rejected \u2014 action required", submittedAt, appearance, className, style, formatDate = defaultFormatDate }) {
   const issues = rejection.issues?.length ? rejection.issues : [{ code: rejection.code, description: rejection.reason }];
   const hasCodes = issues.some((issue) => Boolean(issue.code));
-  return /* @__PURE__ */ jsxs8("section", { className: classes("mb-surface mb-rejection-notice", className), style: mindBillAppearanceStyle(appearance, style), role: "alert", "aria-label": "Bill rejection reasons", children: [
-    /* @__PURE__ */ jsx8("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsxs8("div", { className: "mb-rejection-overview", children: [
-      /* @__PURE__ */ jsxs8("header", { className: "mb-rejection-heading", children: [
-        /* @__PURE__ */ jsx8("span", { className: "mb-rejection-icon", "aria-hidden": "true", children: "!" }),
-        /* @__PURE__ */ jsxs8("div", { children: [
-          /* @__PURE__ */ jsx8("strong", { children: title }),
-          /* @__PURE__ */ jsxs8("span", { children: [
+  return /* @__PURE__ */ jsxs9("section", { className: classes("mb-surface mb-rejection-notice", className), style: mindBillAppearanceStyle(appearance, style), role: "alert", "aria-label": "Bill rejection reasons", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsxs9("div", { className: "mb-rejection-overview", children: [
+      /* @__PURE__ */ jsxs9("header", { className: "mb-rejection-heading", children: [
+        /* @__PURE__ */ jsx9("span", { className: "mb-rejection-icon", "aria-hidden": "true", children: "!" }),
+        /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx9("strong", { children: title }),
+          /* @__PURE__ */ jsxs9("span", { children: [
             "Fix the ",
             issues.length === 1 ? "issue" : "issues",
             " below, then resubmit."
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8("ol", { className: "mb-rejection-progress", "aria-label": "Submission status", children: [
-        /* @__PURE__ */ jsxs8("li", { className: "is-complete", children: [
-          /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2713" }),
-          /* @__PURE__ */ jsx8("b", { children: "Sent" }),
-          submittedAt ? /* @__PURE__ */ jsx8("small", { children: formatDate(submittedAt) }) : null
+      /* @__PURE__ */ jsxs9("ol", { className: "mb-rejection-progress", "aria-label": "Submission status", children: [
+        /* @__PURE__ */ jsxs9("li", { className: "is-complete", children: [
+          /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u2713" }),
+          /* @__PURE__ */ jsx9("b", { children: "Sent" }),
+          submittedAt ? /* @__PURE__ */ jsx9("small", { children: formatDate(submittedAt) }) : null
         ] }),
-        /* @__PURE__ */ jsxs8("li", { className: "is-rejected", "aria-current": "step", children: [
-          /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "!" }),
-          /* @__PURE__ */ jsx8("b", { children: "Rejected" }),
-          rejection.receivedAt ? /* @__PURE__ */ jsx8("small", { children: formatDate(rejection.receivedAt) }) : null
+        /* @__PURE__ */ jsxs9("li", { className: "is-rejected", "aria-current": "step", children: [
+          /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "!" }),
+          /* @__PURE__ */ jsx9("b", { children: "Rejected" }),
+          rejection.receivedAt ? /* @__PURE__ */ jsx9("small", { children: formatDate(rejection.receivedAt) }) : null
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "mb-rejection-issues", "aria-label": "Rejection reasons", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "mb-rejection-issues-heading", children: [
-        /* @__PURE__ */ jsxs8("strong", { children: [
-          /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u25B3" }),
+    /* @__PURE__ */ jsxs9("div", { className: "mb-rejection-issues", "aria-label": "Rejection reasons", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "mb-rejection-issues-heading", children: [
+        /* @__PURE__ */ jsxs9("strong", { children: [
+          /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "\u25B3" }),
           " Rejection reasons"
         ] }),
-        /* @__PURE__ */ jsx8("span", { children: billRejectionIssueSummary(rejection, issues.length) })
+        /* @__PURE__ */ jsx9("span", { children: billRejectionIssueSummary(rejection, issues.length) })
       ] }),
-      /* @__PURE__ */ jsx8("ol", { "aria-label": `${issues.length} rejection ${issues.length === 1 ? "reason" : "reasons"}`, children: issues.map((issue, index) => /* @__PURE__ */ jsxs8("li", { children: [
-        /* @__PURE__ */ jsx8("span", { className: "mb-rejection-bullet", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx8("p", { children: issue.description }),
-        issue.code ? /* @__PURE__ */ jsx8("span", { className: "mb-rejection-code", children: issue.code }) : null
+      /* @__PURE__ */ jsx9("ol", { "aria-label": `${issues.length} rejection ${issues.length === 1 ? "reason" : "reasons"}`, children: issues.map((issue, index) => /* @__PURE__ */ jsxs9("li", { children: [
+        /* @__PURE__ */ jsx9("span", { className: "mb-rejection-bullet", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx9("p", { children: issue.description }),
+        issue.code ? /* @__PURE__ */ jsx9("span", { className: "mb-rejection-code", children: issue.code }) : null
       ] }, `${issue.code ?? "issue"}-${index}`)) }),
-      hasCodes ? /* @__PURE__ */ jsxs8("p", { className: "mb-rejection-code-note", children: [
-        /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "i" }),
+      hasCodes ? /* @__PURE__ */ jsxs9("p", { className: "mb-rejection-code-note", children: [
+        /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", children: "i" }),
         " Technical error codes are included for support and auditability."
       ] }) : null
     ] })
@@ -3596,18 +4076,18 @@ function BillSnapshotSummary({ bill, patient, injury, delivery, appearance, clas
     ["Charged", currency(bill.totalCharge)],
     ["Balance", currency(bill.balanceDue)]
   ];
-  return /* @__PURE__ */ jsxs8("section", { className: classes("mb-surface mb-snapshot", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill snapshot", children: [
-    /* @__PURE__ */ jsx8("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx8("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx8("strong", { children: "Bill snapshot" }),
-      /* @__PURE__ */ jsxs8("span", { children: [
+  return /* @__PURE__ */ jsxs9("section", { className: classes("mb-surface mb-snapshot", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill snapshot", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx9("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Bill snapshot" }),
+      /* @__PURE__ */ jsxs9("span", { children: [
         "Bill #",
         bill.billNumber
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx8("dl", { children: values.map(([label, value]) => /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx8("dt", { children: label }),
-      /* @__PURE__ */ jsx8("dd", { children: value })
+    /* @__PURE__ */ jsx9("dl", { children: values.map(([label, value]) => /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("dt", { children: label }),
+      /* @__PURE__ */ jsx9("dd", { children: value })
     ] }, label)) })
   ] });
 }
@@ -3622,140 +4102,140 @@ function BillExplanationOfReview({
   style
 }) {
   const rows = payments.length ? payments : [null];
-  return /* @__PURE__ */ jsxs8("section", { className: classes("mb-surface mb-eor-review", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Explanation of Review and payments", children: [
-    /* @__PURE__ */ jsx8("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx8("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx8("strong", { children: "Explanation of Review" }),
-      /* @__PURE__ */ jsx8("span", { children: "Payer response and payment reconciliation." })
+  return /* @__PURE__ */ jsxs9("section", { className: classes("mb-surface mb-eor-review", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Explanation of Review and payments", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx9("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Explanation of Review" }),
+      /* @__PURE__ */ jsx9("span", { children: "Payer response and payment reconciliation." })
     ] }) }),
-    /* @__PURE__ */ jsxs8("dl", { className: "mb-eor-metrics", children: [
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Amount billed" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.billedAmount) })
+    /* @__PURE__ */ jsxs9("dl", { className: "mb-eor-metrics", children: [
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Amount billed" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.billedAmount) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Payer allowed" }),
-        /* @__PURE__ */ jsx8("dd", { children: remittance.payerAllowedAmount === null ? "\u2014" : currency(remittance.payerAllowedAmount) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Payer allowed" }),
+        /* @__PURE__ */ jsx9("dd", { children: remittance.payerAllowedAmount === null ? "\u2014" : currency(remittance.payerAllowedAmount) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Payer reported paid" }),
-        /* @__PURE__ */ jsx8("dd", { children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Payer reported paid" }),
+        /* @__PURE__ */ jsx9("dd", { children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "is-balance", children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Balance due" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.balanceDue) })
+      /* @__PURE__ */ jsxs9("div", { className: "is-balance", children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Balance due" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.balanceDue) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Payment posted" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.postedPrincipal) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Payment posted" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.postedPrincipal) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Penalty & interest" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.postedAdditional) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Penalty & interest" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.postedAdditional) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Total received" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.totalPostedCash) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Total received" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.totalPostedCash) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Expected" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.expectedAmount) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Expected" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.expectedAmount) })
       ] })
     ] }),
-    remittance.denialReason ? /* @__PURE__ */ jsxs8("div", { className: "mb-denial", children: [
-      /* @__PURE__ */ jsx8("strong", { children: "Denial reason" }),
-      /* @__PURE__ */ jsx8("p", { children: remittance.denialReason })
+    remittance.denialReason ? /* @__PURE__ */ jsxs9("div", { className: "mb-denial", children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Denial reason" }),
+      /* @__PURE__ */ jsx9("p", { children: remittance.denialReason })
     ] }) : null,
-    /* @__PURE__ */ jsx8("div", { className: "mb-eor-table-wrap", children: /* @__PURE__ */ jsxs8("table", { className: "mb-eor-table", children: [
-      /* @__PURE__ */ jsxs8("thead", { children: [
-        /* @__PURE__ */ jsxs8("tr", { className: "mb-eor-groups", children: [
-          /* @__PURE__ */ jsx8("th", { colSpan: 2, children: "Submission" }),
-          /* @__PURE__ */ jsx8("th", { colSpan: 5, children: "EOR payment information" }),
-          /* @__PURE__ */ jsx8("th", { colSpan: 2, children: "EOR post" }),
-          /* @__PURE__ */ jsx8("th", { children: "EOR" })
+    /* @__PURE__ */ jsx9("div", { className: "mb-eor-table-wrap", children: /* @__PURE__ */ jsxs9("table", { className: "mb-eor-table", children: [
+      /* @__PURE__ */ jsxs9("thead", { children: [
+        /* @__PURE__ */ jsxs9("tr", { className: "mb-eor-groups", children: [
+          /* @__PURE__ */ jsx9("th", { colSpan: 2, children: "Submission" }),
+          /* @__PURE__ */ jsx9("th", { colSpan: 5, children: "EOR payment information" }),
+          /* @__PURE__ */ jsx9("th", { colSpan: 2, children: "EOR post" }),
+          /* @__PURE__ */ jsx9("th", { children: "EOR" })
         ] }),
-        /* @__PURE__ */ jsxs8("tr", { children: [
-          /* @__PURE__ */ jsx8("th", { children: "Submission" }),
-          /* @__PURE__ */ jsx8("th", { children: "Submission payment" }),
-          /* @__PURE__ */ jsx8("th", { children: "Payment method" }),
-          /* @__PURE__ */ jsx8("th", { children: "Reference" }),
-          /* @__PURE__ */ jsx8("th", { children: "Effective date" }),
-          /* @__PURE__ */ jsx8("th", { children: "Payment total" }),
-          /* @__PURE__ */ jsx8("th", { children: "Deposit date" }),
-          /* @__PURE__ */ jsx8("th", { children: "Post date" }),
-          /* @__PURE__ */ jsx8("th", { children: "Source" }),
-          /* @__PURE__ */ jsx8("th", { children: "Document" })
+        /* @__PURE__ */ jsxs9("tr", { children: [
+          /* @__PURE__ */ jsx9("th", { children: "Submission" }),
+          /* @__PURE__ */ jsx9("th", { children: "Submission payment" }),
+          /* @__PURE__ */ jsx9("th", { children: "Payment method" }),
+          /* @__PURE__ */ jsx9("th", { children: "Reference" }),
+          /* @__PURE__ */ jsx9("th", { children: "Effective date" }),
+          /* @__PURE__ */ jsx9("th", { children: "Payment total" }),
+          /* @__PURE__ */ jsx9("th", { children: "Deposit date" }),
+          /* @__PURE__ */ jsx9("th", { children: "Post date" }),
+          /* @__PURE__ */ jsx9("th", { children: "Source" }),
+          /* @__PURE__ */ jsx9("th", { children: "Document" })
         ] })
       ] }),
-      /* @__PURE__ */ jsx8("tbody", { children: rows.map((payment, index) => {
+      /* @__PURE__ */ jsx9("tbody", { children: rows.map((payment, index) => {
         const eor = eors[index] ?? eors[0];
-        return /* @__PURE__ */ jsxs8("tr", { children: [
-          /* @__PURE__ */ jsxs8("td", { "data-label": "Submission", children: [
-            /* @__PURE__ */ jsx8("strong", { children: "Original bill" }),
-            submittedAt ? /* @__PURE__ */ jsxs8("span", { children: [
+        return /* @__PURE__ */ jsxs9("tr", { children: [
+          /* @__PURE__ */ jsxs9("td", { "data-label": "Submission", children: [
+            /* @__PURE__ */ jsx9("strong", { children: "Original bill" }),
+            submittedAt ? /* @__PURE__ */ jsxs9("span", { children: [
               "Sent ",
               defaultFormatDate(submittedAt)
             ] }) : null
           ] }),
-          /* @__PURE__ */ jsx8("td", { "data-label": "Submission payment", children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) }),
-          /* @__PURE__ */ jsx8("td", { "data-label": "Payment method", children: payment ? humanize(payment.method) : "\u2014" }),
-          /* @__PURE__ */ jsx8("td", { "data-label": "Reference", children: payment?.checkNumber || "\u2014" }),
-          /* @__PURE__ */ jsx8("td", { "data-label": "Effective date", children: payment ? payment.receivedDate || payment.depositDate || defaultFormatDate(payment.postedAt) : "\u2014" }),
-          /* @__PURE__ */ jsx8("td", { "data-label": "Payment total", children: payment ? currency(payment.amount) : currency(0) }),
-          /* @__PURE__ */ jsx8("td", { "data-label": "Deposit date", children: payment?.depositDate || "Not recorded" }),
-          /* @__PURE__ */ jsx8("td", { "data-label": "Post date", children: payment ? defaultFormatDate(payment.postedAt) : eor ? defaultFormatDate(eor.addedAt) : "\u2014" }),
-          /* @__PURE__ */ jsx8("td", { "data-label": "Source", children: payment ? payment.source.toUpperCase() : eor ? "EOR" : "\u2014" }),
-          /* @__PURE__ */ jsx8("td", { "data-label": "EOR", children: eor && onOpenEor ? /* @__PURE__ */ jsx8("button", { type: "button", className: "mb-eor-link", onClick: () => void onOpenEor(eor), children: eor.filename }) : eor?.filename || "\u2014" })
+          /* @__PURE__ */ jsx9("td", { "data-label": "Submission payment", children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) }),
+          /* @__PURE__ */ jsx9("td", { "data-label": "Payment method", children: payment ? humanize(payment.method) : "\u2014" }),
+          /* @__PURE__ */ jsx9("td", { "data-label": "Reference", children: payment?.checkNumber || "\u2014" }),
+          /* @__PURE__ */ jsx9("td", { "data-label": "Effective date", children: payment ? payment.receivedDate || payment.depositDate || defaultFormatDate(payment.postedAt) : "\u2014" }),
+          /* @__PURE__ */ jsx9("td", { "data-label": "Payment total", children: payment ? currency(payment.amount) : currency(0) }),
+          /* @__PURE__ */ jsx9("td", { "data-label": "Deposit date", children: payment?.depositDate || "Not recorded" }),
+          /* @__PURE__ */ jsx9("td", { "data-label": "Post date", children: payment ? defaultFormatDate(payment.postedAt) : eor ? defaultFormatDate(eor.addedAt) : "\u2014" }),
+          /* @__PURE__ */ jsx9("td", { "data-label": "Source", children: payment ? payment.source.toUpperCase() : eor ? "EOR" : "\u2014" }),
+          /* @__PURE__ */ jsx9("td", { "data-label": "EOR", children: eor && onOpenEor ? /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-eor-link", onClick: () => void onOpenEor(eor), children: eor.filename }) : eor?.filename || "\u2014" })
         ] }, payment?.id ?? `empty-${index}`);
       }) })
     ] }) }),
-    eors.length > rows.length ? /* @__PURE__ */ jsx8("div", { className: "mb-eor-documents", children: eors.slice(rows.length).map((eor) => /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => void onOpenEor?.(eor), children: eor.filename }, eor.id)) }) : null
+    eors.length > rows.length ? /* @__PURE__ */ jsx9("div", { className: "mb-eor-documents", children: eors.slice(rows.length).map((eor) => /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => void onOpenEor?.(eor), children: eor.filename }, eor.id)) }) : null
   ] });
 }
 function BillRemittanceCard({ remittance, appearance, className, style }) {
-  return /* @__PURE__ */ jsxs8("section", { className: classes("mb-surface mb-remittance", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Remittance summary", children: [
-    /* @__PURE__ */ jsx8("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx8("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx8("strong", { children: "Remittance" }),
-      /* @__PURE__ */ jsx8("span", { children: "Amounts reported by the payer and posted to the bill." })
+  return /* @__PURE__ */ jsxs9("section", { className: classes("mb-surface mb-remittance", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Remittance summary", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx9("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Remittance" }),
+      /* @__PURE__ */ jsx9("span", { children: "Amounts reported by the payer and posted to the bill." })
     ] }) }),
-    /* @__PURE__ */ jsxs8("dl", { children: [
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Amount billed" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.billedAmount) })
+    /* @__PURE__ */ jsxs9("dl", { children: [
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Amount billed" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.billedAmount) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Expected" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.expectedAmount) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Expected" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.expectedAmount) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Payer allowed" }),
-        /* @__PURE__ */ jsx8("dd", { children: remittance.payerAllowedAmount === null ? "\u2014" : currency(remittance.payerAllowedAmount) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Payer allowed" }),
+        /* @__PURE__ */ jsx9("dd", { children: remittance.payerAllowedAmount === null ? "\u2014" : currency(remittance.payerAllowedAmount) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Payer reported paid" }),
-        /* @__PURE__ */ jsx8("dd", { children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Payer reported paid" }),
+        /* @__PURE__ */ jsx9("dd", { children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Payment posted" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.postedPrincipal) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Payment posted" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.postedPrincipal) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Penalty & interest" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.postedAdditional) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Penalty & interest" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.postedAdditional) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Total received" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.totalPostedCash) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Total received" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.totalPostedCash) })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { children: [
-        /* @__PURE__ */ jsx8("dt", { children: "Balance due" }),
-        /* @__PURE__ */ jsx8("dd", { children: currency(remittance.balanceDue) })
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx9("dt", { children: "Balance due" }),
+        /* @__PURE__ */ jsx9("dd", { children: currency(remittance.balanceDue) })
       ] })
     ] }),
-    remittance.denialReason ? /* @__PURE__ */ jsxs8("div", { className: "mb-denial", children: [
-      /* @__PURE__ */ jsx8("strong", { children: "Denial reason" }),
-      /* @__PURE__ */ jsx8("p", { children: remittance.denialReason })
+    remittance.denialReason ? /* @__PURE__ */ jsxs9("div", { className: "mb-denial", children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Denial reason" }),
+      /* @__PURE__ */ jsx9("p", { children: remittance.denialReason })
     ] }) : null
   ] });
 }
@@ -3770,72 +4250,72 @@ function BillPayerContactCard({ delivery, appearance, className, style }) {
     delivery.contacts.portalUrl ? ["Portal", "Open payer portal", delivery.contacts.portalUrl] : null
   ].filter(Boolean);
   if (!delivery.payerName && !contacts.length) return null;
-  return /* @__PURE__ */ jsxs8("section", { className: classes("mb-surface mb-contacts", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payer contact information", children: [
-    /* @__PURE__ */ jsx8("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx8("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx8("strong", { children: delivery.payerName || "Claims administrator" }),
-      /* @__PURE__ */ jsx8("span", { children: "Billing and follow-up contacts." })
+  return /* @__PURE__ */ jsxs9("section", { className: classes("mb-surface mb-contacts", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payer contact information", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx9("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: delivery.payerName || "Claims administrator" }),
+      /* @__PURE__ */ jsx9("span", { children: "Billing and follow-up contacts." })
     ] }) }),
-    !contacts.length ? /* @__PURE__ */ jsx8("p", { className: "mb-empty", children: "No payer contact details are available." }) : /* @__PURE__ */ jsx8("dl", { children: contacts.map(([label, value, href]) => /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx8("dt", { children: label }),
-      /* @__PURE__ */ jsx8("dd", { children: href ? /* @__PURE__ */ jsx8("a", { href, target: label === "Portal" ? "_blank" : void 0, rel: label === "Portal" ? "noreferrer noopener" : void 0, children: value }) : value })
+    !contacts.length ? /* @__PURE__ */ jsx9("p", { className: "mb-empty", children: "No payer contact details are available." }) : /* @__PURE__ */ jsx9("dl", { children: contacts.map(([label, value, href]) => /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("dt", { children: label }),
+      /* @__PURE__ */ jsx9("dd", { children: href ? /* @__PURE__ */ jsx9("a", { href, target: label === "Portal" ? "_blank" : void 0, rel: label === "Portal" ? "noreferrer noopener" : void 0, children: value }) : value })
     ] }, label)) })
   ] });
 }
 function BillPaymentLedger({ payments, appearance, className, style }) {
-  return /* @__PURE__ */ jsxs8("section", { className: classes("mb-surface mb-payments", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payment ledger", children: [
-    /* @__PURE__ */ jsx8("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx8("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx8("strong", { children: "Payments" }),
-      /* @__PURE__ */ jsx8("span", { children: "Funds recorded against this bill." })
+  return /* @__PURE__ */ jsxs9("section", { className: classes("mb-surface mb-payments", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payment ledger", children: [
+    /* @__PURE__ */ jsx9("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx9("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs9("div", { children: [
+      /* @__PURE__ */ jsx9("strong", { children: "Payments" }),
+      /* @__PURE__ */ jsx9("span", { children: "Funds recorded against this bill." })
     ] }) }),
-    !payments.length ? /* @__PURE__ */ jsx8("p", { className: "mb-empty", children: "No payments posted." }) : /* @__PURE__ */ jsx8("div", { className: "mb-payment-list", children: payments.map((payment) => {
+    !payments.length ? /* @__PURE__ */ jsx9("p", { className: "mb-empty", children: "No payments posted." }) : /* @__PURE__ */ jsx9("div", { className: "mb-payment-list", children: payments.map((payment) => {
       const additional = payment.feeAmount ?? 0;
-      return /* @__PURE__ */ jsxs8("article", { children: [
-        /* @__PURE__ */ jsxs8("div", { className: "mb-payment-amount", children: [
-          /* @__PURE__ */ jsx8("strong", { children: currency(payment.amount) }),
-          /* @__PURE__ */ jsx8("span", { children: "Total received" })
+      return /* @__PURE__ */ jsxs9("article", { children: [
+        /* @__PURE__ */ jsxs9("div", { className: "mb-payment-amount", children: [
+          /* @__PURE__ */ jsx9("strong", { children: currency(payment.amount) }),
+          /* @__PURE__ */ jsx9("span", { children: "Total received" })
         ] }),
-        /* @__PURE__ */ jsxs8("dl", { children: [
-          /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8("dt", { children: "Applied to bill" }),
-            /* @__PURE__ */ jsx8("dd", { children: currency(payment.principalAmount) })
+        /* @__PURE__ */ jsxs9("dl", { children: [
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx9("dt", { children: "Applied to bill" }),
+            /* @__PURE__ */ jsx9("dd", { children: currency(payment.principalAmount) })
           ] }),
-          additional > 0 ? /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8("dt", { children: "Penalty & interest" }),
-            /* @__PURE__ */ jsx8("dd", { children: currency(additional) })
+          additional > 0 ? /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx9("dt", { children: "Penalty & interest" }),
+            /* @__PURE__ */ jsx9("dd", { children: currency(additional) })
           ] }) : null,
-          /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8("dt", { children: "Method" }),
-            /* @__PURE__ */ jsx8("dd", { children: payment.method.toUpperCase() })
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx9("dt", { children: "Method" }),
+            /* @__PURE__ */ jsx9("dd", { children: payment.method.toUpperCase() })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8("dt", { children: "Reference" }),
-            /* @__PURE__ */ jsx8("dd", { children: payment.checkNumber || "\u2014" })
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx9("dt", { children: "Reference" }),
+            /* @__PURE__ */ jsx9("dd", { children: payment.checkNumber || "\u2014" })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8("dt", { children: "Effective date" }),
-            /* @__PURE__ */ jsx8("dd", { children: payment.receivedDate || payment.depositDate || defaultFormatDate(payment.postedAt) })
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx9("dt", { children: "Effective date" }),
+            /* @__PURE__ */ jsx9("dd", { children: payment.receivedDate || payment.depositDate || defaultFormatDate(payment.postedAt) })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8("dt", { children: "Deposit date" }),
-            /* @__PURE__ */ jsx8("dd", { children: payment.depositDate || "Not recorded" })
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx9("dt", { children: "Deposit date" }),
+            /* @__PURE__ */ jsx9("dd", { children: payment.depositDate || "Not recorded" })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8("dt", { children: "Posted" }),
-            /* @__PURE__ */ jsxs8("dd", { children: [
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx9("dt", { children: "Posted" }),
+            /* @__PURE__ */ jsxs9("dd", { children: [
               defaultFormatDate(payment.postedAt),
               " \xB7 ",
               payment.source.toUpperCase()
             ] })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx8("dt", { children: "Status" }),
-            /* @__PURE__ */ jsx8("dd", { children: humanize(payment.status || "posted") })
+          /* @__PURE__ */ jsxs9("div", { children: [
+            /* @__PURE__ */ jsx9("dt", { children: "Status" }),
+            /* @__PURE__ */ jsx9("dd", { children: humanize(payment.status || "posted") })
           ] })
         ] }),
-        payment.feeReason ? /* @__PURE__ */ jsx8("p", { children: payment.feeReason }) : null,
-        payment.note ? /* @__PURE__ */ jsx8("p", { children: payment.note }) : null
+        payment.feeReason ? /* @__PURE__ */ jsx9("p", { children: payment.feeReason }) : null,
+        payment.note ? /* @__PURE__ */ jsx9("p", { children: payment.note }) : null
       ] }, payment.id);
     }) })
   ] });
@@ -3861,16 +4341,39 @@ var lifecycleSurfaceStyles = `
 .mb-snapshot dl,.mb-remittance dl,.mb-contacts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0}.mb-remittance dl{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:1px;background:var(--mb-border)}.mb-snapshot dl>div,.mb-remittance dl>div,.mb-contacts dl>div{display:grid;gap:3px;padding:10px 14px;border-left:1px solid var(--mb-border)}.mb-remittance dl>div{border:0;background:var(--mb-surface)}.mb-snapshot dl>div:nth-child(3n+1),.mb-contacts dl>div:first-child{border-left:0}.mb-snapshot dt,.mb-remittance dt,.mb-contacts dt,.mb-payment-list dt{color:var(--mb-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mb-snapshot dd,.mb-remittance dd,.mb-contacts dd,.mb-payment-list dd{font-size:14px;font-weight:750;margin:0;overflow-wrap:anywhere}.mb-contacts a{color:var(--mb-accent)}.mb-denial{margin-top:16px;border-left:4px solid var(--mb-danger);border-radius:var(--mb-control-radius);background:color-mix(in srgb,var(--mb-danger) 8%,var(--mb-surface));padding:12px 14px}.mb-denial p{margin:4px 0 0}
 .mb-payment-list{display:grid}.mb-payment-list article{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:14px 24px;padding:16px 0;border-top:1px solid var(--mb-border)}.mb-payment-list article:first-child{border-top:0}.mb-payment-amount{display:grid;align-content:start;gap:2px}.mb-payment-amount strong{font-size:1.2rem}.mb-payment-list article>dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.mb-payment-list article>dl>div{display:grid;align-content:start;gap:3px}.mb-payment-list article span{color:var(--mb-muted);font-size:12px}.mb-payment-list article p{grid-column:1/-1;margin:0;color:var(--mb-muted);font-size:13px}
 .mb-eor-review{border-top:4px solid var(--mb-accent);padding-top:17px}.mb-eor-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px;border:1px solid var(--mb-border);border-radius:10px;overflow:hidden}.mb-eor-metrics>div{display:grid;gap:4px;padding:13px 15px;border-left:1px solid var(--mb-border);border-top:1px solid var(--mb-border)}.mb-eor-metrics>div:nth-child(-n+4){border-top:0}.mb-eor-metrics>div:nth-child(4n+1){border-left:0}.mb-eor-metrics dt{color:var(--mb-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mb-eor-metrics dd{margin:0;font-size:15px;font-weight:800}.mb-eor-metrics .is-balance{background:color-mix(in srgb,var(--mb-accent) 7%,var(--mb-surface))}.mb-eor-table-wrap{overflow-x:auto;border:1px solid var(--mb-border);border-radius:10px}.mb-eor-table{width:100%;min-width:1080px;border-collapse:collapse;font-size:12px}.mb-eor-table th,.mb-eor-table td{padding:10px 12px;border-left:1px solid var(--mb-border);border-top:1px solid var(--mb-border);text-align:left;vertical-align:top}.mb-eor-table th:first-child,.mb-eor-table td:first-child{border-left:0}.mb-eor-table thead th{background:var(--mb-soft);color:var(--mb-muted);font-weight:800}.mb-eor-table .mb-eor-groups th{border-top:0;background:color-mix(in srgb,var(--mb-accent) 13%,var(--mb-surface));color:var(--mb-text);text-align:center}.mb-eor-table td>strong,.mb-eor-table td>span{display:block}.mb-eor-table td>span{margin-top:3px;color:var(--mb-muted)}.mb-eor-link,.mb-eor-documents button{border:0;background:transparent;color:var(--mb-accent);font:inherit;font-weight:750;padding:0;text-align:left;text-decoration:underline;cursor:pointer;overflow-wrap:anywhere}.mb-eor-documents{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
+.mb-history-table{border:1px solid var(--mb-border);border-radius:10px;overflow:hidden}
+.mb-history-head{display:grid;grid-template-columns:96px 160px 140px minmax(0,1fr);gap:12px;padding:8px 14px;background:var(--mb-soft);color:var(--mb-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
+.mb-history-rows{list-style:none;margin:0;padding:0}.mb-history-row{border-top:1px solid var(--mb-border)}
+.mb-history-row.is-submission{background:color-mix(in srgb,var(--mb-accent) 9%,var(--mb-surface))}
+.mb-history-row.is-note{background:color-mix(in srgb,#f2c344 13%,var(--mb-surface))}
+.mb-history-line{display:grid;grid-template-columns:96px 160px 140px minmax(0,1fr);gap:12px;width:100%;padding:10px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:default}
+.mb-history-line:not(:disabled){cursor:pointer}.mb-history-line:not(:disabled):hover .mb-history-summary{text-decoration:underline}
+.mb-history-date{color:var(--mb-muted);font-size:13px}.mb-history-action{font-size:13.5px;font-weight:750}
+.mb-history-row.is-problem .mb-history-action{color:var(--mb-danger)}
+.mb-history-actor{color:var(--mb-muted);font-size:13px;overflow-wrap:anywhere}
+.mb-history-summary{display:flex;align-items:flex-start;gap:7px;min-width:0;font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
+.mb-history-caret{flex:0 0 auto;margin-top:5px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--mb-muted);transition:transform .12s ease}
+.mb-history-caret.is-open{transform:rotate(90deg)}
+.mb-history-details{padding:4px 14px 14px 122px;font-size:13.5px;line-height:1.5}
+.mb-history-kv,.mb-history-codes,.mb-history-due dl{display:grid;gap:4px;margin:0}
+.mb-history-kv>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;border-top:1px solid color-mix(in srgb,var(--mb-border) 60%,transparent);padding-top:4px}
+.mb-history-kv dt{font-weight:750}.mb-history-kv dd{margin:0;overflow-wrap:anywhere}.mb-history-kv dd a{color:var(--mb-accent)}.mb-history-doc{display:block}
+.mb-history-codes>div{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px}.mb-history-codes dt{font-weight:800}.mb-history-codes dd{margin:0}
+.mb-history-due{margin-top:8px}.mb-history-due em{display:block;color:var(--mb-muted);font-size:12.5px;margin-bottom:4px}
+.mb-history-due dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;border-top:1px solid color-mix(in srgb,var(--mb-border) 60%,transparent);padding-top:4px}
+.mb-history-due dt{font-weight:750}.mb-history-due dd{margin:0}
+.mb-history-text{margin:8px 0 0;color:var(--mb-text);white-space:pre-wrap}
+@media(max-width:700px){.mb-history-head{display:none}.mb-history-line{grid-template-columns:1fr;gap:2px;padding:10px 12px}.mb-history-details{padding:4px 12px 12px}.mb-history-kv>div,.mb-history-due dl>div{grid-template-columns:1fr}}
 @media(max-width:700px){.mb-surface.mb-progress{padding:16px 10px}.mb-progress-list{grid-template-columns:repeat(4,minmax(0,1fr))}.mb-progress-list li{display:grid;grid-template-columns:1fr;align-items:start;gap:6px;text-align:center;font-size:10px;min-width:0}.mb-progress-list li b{font-size:10px;white-space:nowrap}.mb-progress-list li:not(:last-child)::after{left:calc(50% + 12px);right:calc(-50% + 12px);top:11px;bottom:auto;width:auto;height:2px}.mb-progress-list li>span{grid-row:auto;width:24px;height:24px;font-size:11px}.mb-rejection-notice{padding:18px 14px 14px}.mb-rejection-overview{grid-template-columns:1fr;gap:18px}.mb-rejection-heading strong{font-size:17px}.mb-rejection-icon{width:36px;height:36px}.mb-rejection-progress{margin:0 0 4px}.mb-rejection-issues-heading{align-items:flex-start;flex-direction:column;gap:4px}.mb-rejection-issues-heading>span{text-align:left}.mb-rejection-issues li{grid-template-columns:8px minmax(0,1fr);gap:8px 10px}.mb-rejection-code{grid-column:2;justify-self:start}.mb-snapshot dl,.mb-remittance dl,.mb-contacts dl{grid-template-columns:1fr 1fr}.mb-snapshot dl>div,.mb-remittance dl>div,.mb-contacts dl>div{border:0;border-top:1px solid var(--mb-border);padding:10px 0}.mb-snapshot dl>div:nth-child(-n+2),.mb-remittance dl>div:nth-child(-n+2),.mb-contacts dl>div:nth-child(-n+2){border-top:0}.mb-payment-list article{grid-template-columns:1fr}.mb-payment-list article>dl{grid-template-columns:1fr 1fr}}
 `;
 
 // src/connected-bill-lifecycle.tsx
 import {
   useCallback as useCallback4,
-  useEffect as useEffect6,
-  useMemo as useMemo7,
+  useEffect as useEffect7,
+  useMemo as useMemo8,
   useRef as useRef5,
-  useState as useState7
+  useState as useState9
 } from "react";
 import {
   DEFAULT_API_BASE_URL as DEFAULT_API_BASE_URL2,
@@ -3878,7 +4381,7 @@ import {
   createBillLifecycleClient
 } from "@mindbill/browser";
 import { createBillLifecycleClient as createBillLifecycleClient2 } from "@mindbill/browser";
-import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var DEFAULT_REFRESH_INTERVAL2 = 6e4;
 function reservePreviewWindow() {
   const preview = window.open("about:blank", "_blank");
@@ -3920,25 +4423,25 @@ function useBillLifecycle({
   enabled = true,
   fetch: fetchOverride
 }) {
-  const [data, setData] = useState7(null);
-  const [error, setError] = useState7(null);
-  const [isLoading, setIsLoading] = useState7(enabled);
-  const [isRefreshing, setIsRefreshing] = useState7(false);
-  const [isMutating, setIsMutating] = useState7(false);
+  const [data, setData] = useState9(null);
+  const [error, setError] = useState9(null);
+  const [isLoading, setIsLoading] = useState9(enabled);
+  const [isRefreshing, setIsRefreshing] = useState9(false);
+  const [isMutating, setIsMutating] = useState9(false);
   const mounted = useRef5(true);
-  const client = useMemo7(() => createBillLifecycleClient({
+  const client = useMemo8(() => createBillLifecycleClient({
     billId: providedBillId,
     sessionEndpoint,
     getSession,
     apiBaseUrl,
     fetch: fetchOverride
   }), [apiBaseUrl, fetchOverride, getSession, providedBillId, sessionEndpoint]);
-  useEffect6(() => {
+  useEffect7(() => {
     setData(null);
     setError(null);
     setIsLoading(enabled);
   }, [enabled, providedBillId]);
-  useEffect6(() => {
+  useEffect7(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -3962,7 +4465,7 @@ function useBillLifecycle({
       }
     }
   }, [client, enabled]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!enabled) return;
     void refresh();
     const interval = refreshInterval > 0 ? window.setInterval(() => void refresh(), refreshInterval) : null;
@@ -4027,7 +4530,7 @@ function useBillLifecycle({
 }
 function LifecycleDialog({ children, title, onClose }) {
   const dialog = useRef5(null);
-  useEffect6(() => {
+  useEffect7(() => {
     const previous = document.activeElement;
     dialog.current?.focus();
     const onKeyDown = (event) => event.key === "Escape" && onClose();
@@ -4037,8 +4540,8 @@ function LifecycleDialog({ children, title, onClose }) {
       previous?.focus();
     };
   }, [onClose]);
-  return /* @__PURE__ */ jsx9("div", { className: "mb-lifecycle-dialog-backdrop", onMouseDown: (event) => event.currentTarget === event.target && onClose(), children: /* @__PURE__ */ jsxs9("div", { ref: dialog, className: "mb-lifecycle-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: [
-    /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-dialog-close", "aria-label": "Close", onClick: onClose, children: "\xD7" }),
+  return /* @__PURE__ */ jsx10("div", { className: "mb-lifecycle-dialog-backdrop", onMouseDown: (event) => event.currentTarget === event.target && onClose(), children: /* @__PURE__ */ jsxs10("div", { ref: dialog, className: "mb-lifecycle-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: [
+    /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-dialog-close", "aria-label": "Close", onClick: onClose, children: "\xD7" }),
     children
   ] }) });
 }
@@ -4071,14 +4574,14 @@ function shouldShowSandboxControls(environment, enabled = false) {
 function ConnectedBillLifecycle({ appearance, sandboxControls = false, className, style, loadingFallback, errorFallback, onChanged, ...options }) {
   const lifecycle = useBillLifecycle(options);
   const { data } = lifecycle;
-  const [tab, setTab] = useState7("details");
-  const [panel, setPanel] = useState7("");
-  const [notice, setNotice] = useState7("");
-  const [reason, setReason] = useState7("");
-  const [payment, setPayment] = useState7({ amount: 0, penaltyAmount: 0, interestAmount: 0, method: "check", checkNumber: "", depositDate: today(), note: "" });
-  const [review, setReview] = useState7({ reason: "", payerClaimControlNumber: "", disputedAmount: void 0, attachmentIds: [], route: "ebill" });
+  const [tab, setTab] = useState9("details");
+  const [panel, setPanel] = useState9("");
+  const [notice, setNotice] = useState9("");
+  const [reason, setReason] = useState9("");
+  const [payment, setPayment] = useState9({ amount: 0, penaltyAmount: 0, interestAmount: 0, method: "check", checkNumber: "", depositDate: today(), note: "" });
+  const [review, setReview] = useState9({ reason: "", payerClaimControlNumber: "", disputedAmount: void 0, attachmentIds: [], route: "ebill" });
   const lastData = useRef5(null);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!data || data === lastData.current) return;
     lastData.current = data;
     onChanged?.(data);
@@ -4095,13 +4598,13 @@ function ConnectedBillLifecycle({ appearance, sandboxControls = false, className
       attachmentIds: current.attachmentIds.length ? current.attachmentIds.filter((id) => data.bill.attachments.some((document2) => document2.id === id)) : data.bill.attachments.map((document2) => document2.id)
     }));
   }, [data, onChanged]);
-  if (lifecycle.isLoading && !data) return /* @__PURE__ */ jsx9(Fragment6, { children: loadingFallback ?? /* @__PURE__ */ jsx9("div", { className: "mb-lifecycle-loading", children: "Loading bill\u2026" }) });
+  if (lifecycle.isLoading && !data) return /* @__PURE__ */ jsx10(Fragment7, { children: loadingFallback ?? /* @__PURE__ */ jsx10("div", { className: "mb-lifecycle-loading", children: "Loading bill\u2026" }) });
   if (!data) {
     const error = lifecycle.error ?? new Error("Bill could not be loaded.");
-    return /* @__PURE__ */ jsx9(Fragment6, { children: errorFallback?.(error, lifecycle.refresh) ?? /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-error", role: "alert", children: [
-      /* @__PURE__ */ jsx9("strong", { children: "Billing is unavailable." }),
-      /* @__PURE__ */ jsx9("span", { children: error.message }),
-      /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => void lifecycle.refresh(), children: "Try again" })
+    return /* @__PURE__ */ jsx10(Fragment7, { children: errorFallback?.(error, lifecycle.refresh) ?? /* @__PURE__ */ jsxs10("div", { className: "mb-lifecycle-error", role: "alert", children: [
+      /* @__PURE__ */ jsx10("strong", { children: "Billing is unavailable." }),
+      /* @__PURE__ */ jsx10("span", { children: error.message }),
+      /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => void lifecycle.refresh(), children: "Try again" })
     ] }) });
   }
   const complete = async (message, task) => {
@@ -4119,170 +4622,170 @@ function ConnectedBillLifecycle({ appearance, sandboxControls = false, className
   const actions = data.lifecycle.actions.filter((action) => action.enabled && supportedActions.has(action.id));
   const showSandboxControls = shouldShowSandboxControls(data.environment, sandboxControls);
   const simulations = showSandboxControls ? sandboxScenarios(data.lifecycle.state) : [];
-  return /* @__PURE__ */ jsxs9("section", { className: ["mb-connected-lifecycle", className].filter(Boolean).join(" "), style: mindBillAppearanceStyle(appearance, style), children: [
-    /* @__PURE__ */ jsx9("style", { children: CONNECTED_LIFECYCLE_STYLES }),
-    data.lifecycle.state.toLowerCase() === "rejected" && data.rejection ? /* @__PURE__ */ jsx9(BillRejectionNotice, { rejection: data.rejection, submittedAt: data.lifecycle.submittedAt ?? null, ...appearance ? { appearance } : {} }) : /* @__PURE__ */ jsx9(BillLifecycleProgress, { state: data.lifecycle.state, nativeStatus: data.lifecycle.nativeStatus, submittedAt: data.lifecycle.submittedAt ?? null, agingDays: data.lifecycle.agingDays ?? null, ...appearance ? { appearance } : {} }),
-    /* @__PURE__ */ jsxs9("header", { className: "mb-lifecycle-head", children: [
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx9("div", { className: "mb-lifecycle-title", children: /* @__PURE__ */ jsxs9("h2", { children: [
+  return /* @__PURE__ */ jsxs10("section", { className: ["mb-connected-lifecycle", className].filter(Boolean).join(" "), style: mindBillAppearanceStyle(appearance, style), children: [
+    /* @__PURE__ */ jsx10("style", { children: CONNECTED_LIFECYCLE_STYLES }),
+    data.lifecycle.state.toLowerCase() === "rejected" && data.rejection ? /* @__PURE__ */ jsx10(BillRejectionNotice, { rejection: data.rejection, submittedAt: data.lifecycle.submittedAt ?? null, ...appearance ? { appearance } : {} }) : /* @__PURE__ */ jsx10(BillLifecycleProgress, { state: data.lifecycle.state, nativeStatus: data.lifecycle.nativeStatus, submittedAt: data.lifecycle.submittedAt ?? null, agingDays: data.lifecycle.agingDays ?? null, ...appearance ? { appearance } : {} }),
+    /* @__PURE__ */ jsxs10("header", { className: "mb-lifecycle-head", children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx10("div", { className: "mb-lifecycle-title", children: /* @__PURE__ */ jsxs10("h2", { children: [
           "Bill #",
           data.bill.billNumber
         ] }) }),
-        /* @__PURE__ */ jsxs9("p", { children: [
+        /* @__PURE__ */ jsxs10("p", { children: [
           "Claim ",
           data.injury.claimNumber || "\u2014",
           lifecycle.isRefreshing ? " \xB7 Refreshing\u2026" : ""
         ] })
       ] }),
-      /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating, onClick: () => void lifecycle.downloadPacket().catch(() => void 0), children: "Download packet" })
+      /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating, onClick: () => void lifecycle.downloadPacket().catch(() => void 0), children: "Download packet" })
     ] }),
-    /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-tabs", role: "tablist", "aria-label": "Bill view", children: [
-      /* @__PURE__ */ jsx9("button", { type: "button", role: "tab", "aria-selected": tab === "details", onClick: () => setTab("details"), children: "Bill details" }),
-      /* @__PURE__ */ jsx9("button", { type: "button", role: "tab", "aria-selected": tab === "history", onClick: () => setTab("history"), children: "Bill history" })
+    /* @__PURE__ */ jsxs10("div", { className: "mb-lifecycle-tabs", role: "tablist", "aria-label": "Bill view", children: [
+      /* @__PURE__ */ jsx10("button", { type: "button", role: "tab", "aria-selected": tab === "details", onClick: () => setTab("details"), children: "Bill details" }),
+      /* @__PURE__ */ jsx10("button", { type: "button", role: "tab", "aria-selected": tab === "history", onClick: () => setTab("history"), children: "Bill history" })
     ] }),
-    tab === "details" ? /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: [
-      data.eors.length || data.payments.length || ["processed", "denied", "partially_paid"].includes(data.lifecycle.state) ? /* @__PURE__ */ jsx9(BillExplanationOfReview, { remittance: data.remittance, eors: data.eors, payments: data.payments, submittedAt: data.lifecycle.submittedAt ?? null, onOpenEor: lifecycle.openEor, ...appearance ? { appearance } : {} }) : null,
-      showSandboxControls ? /* @__PURE__ */ jsxs9("section", { className: "mb-lifecycle-simulator", "aria-label": "Sandbox lifecycle simulator", children: [
-        /* @__PURE__ */ jsxs9("div", { children: [
-          /* @__PURE__ */ jsx9("span", { children: "Sandbox demo controls" }),
-          /* @__PURE__ */ jsx9("h3", { children: "Simulate the next payer response" }),
-          /* @__PURE__ */ jsx9("p", { children: "This changes sandbox data only. The host receives the result through the same lifecycle API and components partners use." })
+    tab === "details" ? /* @__PURE__ */ jsxs10("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: [
+      data.eors.length || data.payments.length || ["processed", "denied", "partially_paid"].includes(data.lifecycle.state) ? /* @__PURE__ */ jsx10(BillExplanationOfReview, { remittance: data.remittance, eors: data.eors, payments: data.payments, submittedAt: data.lifecycle.submittedAt ?? null, onOpenEor: lifecycle.openEor, ...appearance ? { appearance } : {} }) : null,
+      showSandboxControls ? /* @__PURE__ */ jsxs10("section", { className: "mb-lifecycle-simulator", "aria-label": "Sandbox lifecycle simulator", children: [
+        /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsx10("span", { children: "Sandbox demo controls" }),
+          /* @__PURE__ */ jsx10("h3", { children: "Simulate the next payer response" }),
+          /* @__PURE__ */ jsx10("p", { children: "This changes sandbox data only. The host receives the result through the same lifecycle API and components partners use." })
         ] }),
-        simulations.length ? /* @__PURE__ */ jsx9("div", { className: "mb-lifecycle-simulator-actions", children: simulations.map((scenario) => /* @__PURE__ */ jsxs9("button", { type: "button", disabled: lifecycle.isMutating, onClick: () => void complete(`${scenario.label} simulated.`, () => lifecycle.simulateSandbox({ scenario: scenario.id })), children: [
-          /* @__PURE__ */ jsx9("strong", { children: scenario.label }),
-          /* @__PURE__ */ jsx9("span", { children: scenario.detail })
-        ] }, scenario.id)) }) : /* @__PURE__ */ jsx9("p", { className: "mb-lifecycle-simulator-idle", children: "No simulated payer transition is needed at this stage. Use the bill action below to continue." })
+        simulations.length ? /* @__PURE__ */ jsx10("div", { className: "mb-lifecycle-simulator-actions", children: simulations.map((scenario) => /* @__PURE__ */ jsxs10("button", { type: "button", disabled: lifecycle.isMutating, onClick: () => void complete(`${scenario.label} simulated.`, () => lifecycle.simulateSandbox({ scenario: scenario.id })), children: [
+          /* @__PURE__ */ jsx10("strong", { children: scenario.label }),
+          /* @__PURE__ */ jsx10("span", { children: scenario.detail })
+        ] }, scenario.id)) }) : /* @__PURE__ */ jsx10("p", { className: "mb-lifecycle-simulator-idle", children: "No simulated payer transition is needed at this stage. Use the bill action below to continue." })
       ] }) : null,
-      /* @__PURE__ */ jsx9(BillReadOnlyForm, { data, onOpenAttachment: lifecycle.openAttachment, ...appearance ? { appearance } : {} })
-    ] }) : /* @__PURE__ */ jsx9("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: /* @__PURE__ */ jsx9(BillActivityTimeline, { events: data.activity, ...appearance ? { appearance } : {} }) }),
-    viewEor || actions.length ? /* @__PURE__ */ jsxs9("aside", { className: "mb-lifecycle-actions-sheet", "aria-label": "Bill actions", children: [
-      viewEor && data.eors[0] ? /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => void lifecycle.openEor(data.eors[0]).catch(() => void 0), children: viewEor.label }) : null,
-      actions.map((action) => /* @__PURE__ */ jsx9("button", { type: "button", className: action.primary ? "mb-lifecycle-button primary" : "mb-lifecycle-button secondary", onClick: () => {
+      /* @__PURE__ */ jsx10(BillReadOnlyForm, { data, onOpenAttachment: lifecycle.openAttachment, ...appearance ? { appearance } : {} })
+    ] }) : /* @__PURE__ */ jsx10("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: data.history?.length ? /* @__PURE__ */ jsx10(BillHistoryTable, { entries: data.history, ...appearance ? { appearance } : {} }) : /* @__PURE__ */ jsx10(BillActivityTimeline, { events: data.activity, ...appearance ? { appearance } : {} }) }),
+    viewEor || actions.length ? /* @__PURE__ */ jsxs10("aside", { className: "mb-lifecycle-actions-sheet", "aria-label": "Bill actions", children: [
+      viewEor && data.eors[0] ? /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => void lifecycle.openEor(data.eors[0]).catch(() => void 0), children: viewEor.label }) : null,
+      actions.map((action) => /* @__PURE__ */ jsx10("button", { type: "button", className: action.primary ? "mb-lifecycle-button primary" : "mb-lifecycle-button secondary", onClick: () => {
         const next = actionPanel(action);
         if (next) setPanel(next);
       }, children: action.label }, action.id))
     ] }) : null,
-    panel === "resubmit" ? /* @__PURE__ */ jsx9(LifecycleDialog, { title: "Correct and resubmit", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs9("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx9("h3", { children: "Correct and resubmit" }),
-        /* @__PURE__ */ jsx9("p", { children: "The original submission remains immutable. This records a new submission attempt after the routing issue is corrected." })
+    panel === "resubmit" ? /* @__PURE__ */ jsx10(LifecycleDialog, { title: "Correct and resubmit", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs10("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx10("h3", { children: "Correct and resubmit" }),
+        /* @__PURE__ */ jsx10("p", { children: "The original submission remains immutable. This records a new submission attempt after the routing issue is corrected." })
       ] }),
-      /* @__PURE__ */ jsxs9("label", { children: [
-        /* @__PURE__ */ jsx9("span", { children: "Correction note (optional)" }),
-        /* @__PURE__ */ jsx9("textarea", { value: reason, placeholder: "What changed before resubmission?", onChange: (event) => setReason(event.target.value) })
+      /* @__PURE__ */ jsxs10("label", { children: [
+        /* @__PURE__ */ jsx10("span", { children: "Correction note (optional)" }),
+        /* @__PURE__ */ jsx10("textarea", { value: reason, placeholder: "What changed before resubmission?", onChange: (event) => setReason(event.target.value) })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
-        /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating, onClick: () => void complete("Bill resubmitted.", () => lifecycle.resubmitBill({ reason })), children: lifecycle.isMutating ? "Resubmitting\u2026" : "Resubmit bill" })
+      /* @__PURE__ */ jsxs10("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating, onClick: () => void complete("Bill resubmitted.", () => lifecycle.resubmitBill({ reason })), children: lifecycle.isMutating ? "Resubmitting\u2026" : "Resubmit bill" })
       ] })
     ] }) }) : null,
-    panel === "second_review" ? /* @__PURE__ */ jsx9(LifecycleDialog, { title: "Submit Second Review", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs9("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx9("h3", { children: "Submit Second Review" }),
-        /* @__PURE__ */ jsx9("p", { children: "Explain the dispute and include the payer control number and supporting documents." })
+    panel === "second_review" ? /* @__PURE__ */ jsx10(LifecycleDialog, { title: "Submit Second Review", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs10("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx10("h3", { children: "Submit Second Review" }),
+        /* @__PURE__ */ jsx10("p", { children: "Explain the dispute and include the payer control number and supporting documents." })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-fields two", children: [
-        /* @__PURE__ */ jsxs9("label", { className: "full", children: [
-          /* @__PURE__ */ jsx9("span", { children: "Reason" }),
-          /* @__PURE__ */ jsx9("textarea", { required: true, value: review.reason, onChange: (event) => setReview((current) => ({ ...current, reason: event.target.value })) })
+      /* @__PURE__ */ jsxs10("div", { className: "mb-lifecycle-fields two", children: [
+        /* @__PURE__ */ jsxs10("label", { className: "full", children: [
+          /* @__PURE__ */ jsx10("span", { children: "Reason" }),
+          /* @__PURE__ */ jsx10("textarea", { required: true, value: review.reason, onChange: (event) => setReview((current) => ({ ...current, reason: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("span", { children: "Payer claim control number" }),
-          /* @__PURE__ */ jsx9("input", { required: true, value: review.payerClaimControlNumber, onChange: (event) => setReview((current) => ({ ...current, payerClaimControlNumber: event.target.value })) })
+        /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("span", { children: "Payer claim control number" }),
+          /* @__PURE__ */ jsx10("input", { required: true, value: review.payerClaimControlNumber, onChange: (event) => setReview((current) => ({ ...current, payerClaimControlNumber: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("span", { children: "Disputed amount" }),
-          /* @__PURE__ */ jsx9("input", { type: "number", min: "0.01", step: "0.01", value: review.disputedAmount ?? "", onChange: (event) => setReview((current) => ({ ...current, disputedAmount: event.target.value ? Number(event.target.value) : void 0 })) })
+        /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("span", { children: "Disputed amount" }),
+          /* @__PURE__ */ jsx10("input", { type: "number", min: "0.01", step: "0.01", value: review.disputedAmount ?? "", onChange: (event) => setReview((current) => ({ ...current, disputedAmount: event.target.value ? Number(event.target.value) : void 0 })) })
         ] }),
-        /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("span", { children: "Send via" }),
-          /* @__PURE__ */ jsxs9("select", { value: review.route, onChange: (event) => setReview((current) => ({ ...current, route: event.target.value })), children: [
-            /* @__PURE__ */ jsx9("option", { value: "ebill", children: "E-bill" }),
-            /* @__PURE__ */ jsx9("option", { value: "fax", children: "Fax" }),
-            /* @__PURE__ */ jsx9("option", { value: "mail", children: "Mail" }),
-            /* @__PURE__ */ jsx9("option", { value: "email", children: "Email" })
+        /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("span", { children: "Send via" }),
+          /* @__PURE__ */ jsxs10("select", { value: review.route, onChange: (event) => setReview((current) => ({ ...current, route: event.target.value })), children: [
+            /* @__PURE__ */ jsx10("option", { value: "ebill", children: "E-bill" }),
+            /* @__PURE__ */ jsx10("option", { value: "fax", children: "Fax" }),
+            /* @__PURE__ */ jsx10("option", { value: "mail", children: "Mail" }),
+            /* @__PURE__ */ jsx10("option", { value: "email", children: "Email" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs9("fieldset", { className: "mb-lifecycle-packet", children: [
-        /* @__PURE__ */ jsx9("legend", { children: "Supporting packet" }),
-        data.bill.attachments.map((attachment) => /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("input", { type: "checkbox", checked: review.attachmentIds.includes(attachment.id), onChange: (event) => setReview((current) => ({ ...current, attachmentIds: event.target.checked ? [...current.attachmentIds, attachment.id] : current.attachmentIds.filter((id) => id !== attachment.id) })) }),
-          /* @__PURE__ */ jsxs9("span", { children: [
-            /* @__PURE__ */ jsx9("strong", { children: attachment.filename }),
-            /* @__PURE__ */ jsx9("small", { children: attachment.description || attachment.documentType })
+      /* @__PURE__ */ jsxs10("fieldset", { className: "mb-lifecycle-packet", children: [
+        /* @__PURE__ */ jsx10("legend", { children: "Supporting packet" }),
+        data.bill.attachments.map((attachment) => /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("input", { type: "checkbox", checked: review.attachmentIds.includes(attachment.id), onChange: (event) => setReview((current) => ({ ...current, attachmentIds: event.target.checked ? [...current.attachmentIds, attachment.id] : current.attachmentIds.filter((id) => id !== attachment.id) })) }),
+          /* @__PURE__ */ jsxs10("span", { children: [
+            /* @__PURE__ */ jsx10("strong", { children: attachment.filename }),
+            /* @__PURE__ */ jsx10("small", { children: attachment.description || attachment.documentType })
           ] }),
-          /* @__PURE__ */ jsx9("button", { type: "button", onClick: () => void lifecycle.openAttachment(attachment).catch(() => void 0), children: "View" })
+          /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => void lifecycle.openAttachment(attachment).catch(() => void 0), children: "View" })
         ] }, attachment.id))
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
-        /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || !review.reason.trim() || !review.payerClaimControlNumber.trim(), onClick: () => void complete("Second Review submitted.", () => lifecycle.submitSecondReview(review)), children: lifecycle.isMutating ? "Submitting\u2026" : "Submit Second Review" })
+      /* @__PURE__ */ jsxs10("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || !review.reason.trim() || !review.payerClaimControlNumber.trim(), onClick: () => void complete("Second Review submitted.", () => lifecycle.submitSecondReview(review)), children: lifecycle.isMutating ? "Submitting\u2026" : "Submit Second Review" })
       ] })
     ] }) }) : null,
-    panel === "payment" ? /* @__PURE__ */ jsx9(LifecycleDialog, { title: "Post payment", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs9("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx9("h3", { children: "Post payment" }),
-        /* @__PURE__ */ jsx9("p", { children: "Record a full or partial payment, plus any penalty and interest received." })
+    panel === "payment" ? /* @__PURE__ */ jsx10(LifecycleDialog, { title: "Post payment", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs10("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx10("h3", { children: "Post payment" }),
+        /* @__PURE__ */ jsx10("p", { children: "Record a full or partial payment, plus any penalty and interest received." })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-fields two", children: [
-        /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("span", { children: "Amount applied to bill" }),
-          /* @__PURE__ */ jsx9("input", { type: "number", min: "0.01", max: data.bill.balanceDue, step: "0.01", value: payment.amount || "", onChange: (event) => setPayment((current) => ({ ...current, amount: Number(event.target.value) })) })
+      /* @__PURE__ */ jsxs10("div", { className: "mb-lifecycle-fields two", children: [
+        /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("span", { children: "Amount applied to bill" }),
+          /* @__PURE__ */ jsx10("input", { type: "number", min: "0.01", max: data.bill.balanceDue, step: "0.01", value: payment.amount || "", onChange: (event) => setPayment((current) => ({ ...current, amount: Number(event.target.value) })) })
         ] }),
-        /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("span", { children: "Penalty" }),
-          /* @__PURE__ */ jsx9("input", { type: "number", min: "0", step: "0.01", value: payment.penaltyAmount || "", placeholder: "0.00", onChange: (event) => setPayment((current) => ({ ...current, penaltyAmount: Number(event.target.value) })) })
+        /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("span", { children: "Penalty" }),
+          /* @__PURE__ */ jsx10("input", { type: "number", min: "0", step: "0.01", value: payment.penaltyAmount || "", placeholder: "0.00", onChange: (event) => setPayment((current) => ({ ...current, penaltyAmount: Number(event.target.value) })) })
         ] }),
-        /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("span", { children: "Interest" }),
-          /* @__PURE__ */ jsx9("input", { type: "number", min: "0", step: "0.01", value: payment.interestAmount || "", placeholder: "0.00", onChange: (event) => setPayment((current) => ({ ...current, interestAmount: Number(event.target.value) })) })
+        /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("span", { children: "Interest" }),
+          /* @__PURE__ */ jsx10("input", { type: "number", min: "0", step: "0.01", value: payment.interestAmount || "", placeholder: "0.00", onChange: (event) => setPayment((current) => ({ ...current, interestAmount: Number(event.target.value) })) })
         ] }),
-        /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("span", { children: "Method" }),
-          /* @__PURE__ */ jsxs9("select", { value: payment.method, onChange: (event) => setPayment((current) => ({ ...current, method: event.target.value })), children: [
-            /* @__PURE__ */ jsx9("option", { value: "check", children: "Check" }),
-            /* @__PURE__ */ jsx9("option", { value: "eft", children: "EFT" })
+        /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("span", { children: "Method" }),
+          /* @__PURE__ */ jsxs10("select", { value: payment.method, onChange: (event) => setPayment((current) => ({ ...current, method: event.target.value })), children: [
+            /* @__PURE__ */ jsx10("option", { value: "check", children: "Check" }),
+            /* @__PURE__ */ jsx10("option", { value: "eft", children: "EFT" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("span", { children: payment.method === "check" ? "Check number" : "EFT reference" }),
-          /* @__PURE__ */ jsx9("input", { value: payment.checkNumber, onChange: (event) => setPayment((current) => ({ ...current, checkNumber: event.target.value })) })
+        /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("span", { children: payment.method === "check" ? "Check number" : "EFT reference" }),
+          /* @__PURE__ */ jsx10("input", { value: payment.checkNumber, onChange: (event) => setPayment((current) => ({ ...current, checkNumber: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs9("label", { children: [
-          /* @__PURE__ */ jsx9("span", { children: "Deposit date" }),
-          /* @__PURE__ */ jsx9("input", { required: true, value: payment.depositDate, placeholder: "MM/DD/YYYY", onChange: (event) => setPayment((current) => ({ ...current, depositDate: event.target.value })) })
+        /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsx10("span", { children: "Deposit date" }),
+          /* @__PURE__ */ jsx10("input", { required: true, value: payment.depositDate, placeholder: "MM/DD/YYYY", onChange: (event) => setPayment((current) => ({ ...current, depositDate: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs9("label", { className: "full", children: [
-          /* @__PURE__ */ jsx9("span", { children: "Note (optional)" }),
-          /* @__PURE__ */ jsx9("input", { value: payment.note, onChange: (event) => setPayment((current) => ({ ...current, note: event.target.value })) })
+        /* @__PURE__ */ jsxs10("label", { className: "full", children: [
+          /* @__PURE__ */ jsx10("span", { children: "Note (optional)" }),
+          /* @__PURE__ */ jsx10("input", { value: payment.note, onChange: (event) => setPayment((current) => ({ ...current, note: event.target.value })) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "mb-payment-total", children: [
-        /* @__PURE__ */ jsx9("span", { children: "Total received" }),
-        /* @__PURE__ */ jsx9("strong", { children: new Intl.NumberFormat(void 0, { style: "currency", currency: "USD" }).format(payment.amount + (payment.penaltyAmount ?? 0) + (payment.interestAmount ?? 0)) })
+      /* @__PURE__ */ jsxs10("div", { className: "mb-payment-total", children: [
+        /* @__PURE__ */ jsx10("span", { children: "Total received" }),
+        /* @__PURE__ */ jsx10("strong", { children: new Intl.NumberFormat(void 0, { style: "currency", currency: "USD" }).format(payment.amount + (payment.penaltyAmount ?? 0) + (payment.interestAmount ?? 0)) })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
-        /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || payment.amount <= 0 || payment.amount > data.bill.balanceDue || (payment.penaltyAmount ?? 0) < 0 || (payment.interestAmount ?? 0) < 0 || !payment.depositDate, onClick: () => void complete("Payment posted.", () => lifecycle.postPayment(payment)), children: lifecycle.isMutating ? "Posting\u2026" : "Post payment" })
+      /* @__PURE__ */ jsxs10("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || payment.amount <= 0 || payment.amount > data.bill.balanceDue || (payment.penaltyAmount ?? 0) < 0 || (payment.interestAmount ?? 0) < 0 || !payment.depositDate, onClick: () => void complete("Payment posted.", () => lifecycle.postPayment(payment)), children: lifecycle.isMutating ? "Posting\u2026" : "Post payment" })
       ] })
     ] }) }) : null,
-    panel === "close" || panel === "reopen" ? /* @__PURE__ */ jsx9(LifecycleDialog, { title: panel === "close" ? "Close bill" : "Reopen bill", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs9("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs9("div", { children: [
-        /* @__PURE__ */ jsx9("h3", { children: panel === "close" ? "Close bill" : "Reopen bill" }),
-        /* @__PURE__ */ jsx9("p", { children: panel === "close" ? "The immutable submission and history remain available." : "Return this bill to active follow-up without changing the submitted snapshot." })
+    panel === "close" || panel === "reopen" ? /* @__PURE__ */ jsx10(LifecycleDialog, { title: panel === "close" ? "Close bill" : "Reopen bill", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs10("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx10("h3", { children: panel === "close" ? "Close bill" : "Reopen bill" }),
+        /* @__PURE__ */ jsx10("p", { children: panel === "close" ? "The immutable submission and history remain available." : "Return this bill to active follow-up without changing the submitted snapshot." })
       ] }),
-      /* @__PURE__ */ jsxs9("label", { children: [
-        /* @__PURE__ */ jsx9("span", { children: "Reason" }),
-        /* @__PURE__ */ jsx9("textarea", { required: true, value: reason, onChange: (event) => setReason(event.target.value) })
+      /* @__PURE__ */ jsxs10("label", { children: [
+        /* @__PURE__ */ jsx10("span", { children: "Reason" }),
+        /* @__PURE__ */ jsx10("textarea", { required: true, value: reason, onChange: (event) => setReason(event.target.value) })
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
-        /* @__PURE__ */ jsx9("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || !reason.trim(), onClick: () => void complete(panel === "close" ? "Bill closed." : "Bill reopened.", () => panel === "close" ? lifecycle.closeBill({ reason }) : lifecycle.reopenBill({ reason })), children: lifecycle.isMutating ? "Saving\u2026" : panel === "close" ? "Close bill" : "Reopen bill" })
+      /* @__PURE__ */ jsxs10("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx10("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || !reason.trim(), onClick: () => void complete(panel === "close" ? "Bill closed." : "Bill reopened.", () => panel === "close" ? lifecycle.closeBill({ reason }) : lifecycle.reopenBill({ reason })), children: lifecycle.isMutating ? "Saving\u2026" : panel === "close" ? "Close bill" : "Reopen bill" })
       ] })
     ] }) }) : null,
-    notice ? /* @__PURE__ */ jsx9("div", { className: "mb-lifecycle-message success", role: "status", children: notice }) : null,
-    lifecycle.error ? /* @__PURE__ */ jsx9("div", { className: "mb-lifecycle-message error", role: "alert", children: lifecycle.error.message }) : null
+    notice ? /* @__PURE__ */ jsx10("div", { className: "mb-lifecycle-message success", role: "status", children: notice }) : null,
+    lifecycle.error ? /* @__PURE__ */ jsx10("div", { className: "mb-lifecycle-message error", role: "alert", children: lifecycle.error.message }) : null
   ] });
 }
 var CONNECTED_LIFECYCLE_STYLES = `
@@ -4296,7 +4799,7 @@ var CONNECTED_LIFECYCLE_STYLES = `
 function widget(tagName, props) {
   const ref = useRef6(null);
   const { onMindBill, onMindBillError } = props;
-  useEffect7(() => {
+  useEffect8(() => {
     const element = ref.current;
     if (!element) return;
     const handleEvent = (event) => onMindBill?.(event);
@@ -4341,6 +4844,7 @@ export {
   BillActivityTimeline,
   BillAgingSummary,
   BillExplanationOfReview,
+  BillHistoryTable,
   BillLifecycleActions,
   BillLifecycleProgress,
   BillList,
@@ -4374,6 +4878,7 @@ export {
   MindBillBillTimeline,
   OrganizationOnboarding,
   PSYCH_QME_DEFAULT_DIAGNOSIS,
+  SendRouteDialog,
   applyBillSubmissionEvaluationDiagnoses,
   applyBillSubmissionEvaluationModifiers,
   billActivityEventLabel,
@@ -4393,7 +4898,9 @@ export {
   ensureTrailingBillSubmissionLine,
   ensureTrailingProcedureLine,
   exactClaimsAdministratorMatch,
+  extractSendRouteEmail,
   formatBillSubmissionDate,
+  formatSendRouteFax,
   mindBillAppearanceStyle,
   mindBillThemePresets,
   normalizeClaimsAdministratorName,