@mindbill/react 0.21.3 → 0.23.0

package/dist/index.js

@@ -1155,9 +1155,10 @@ var READ_ONLY_STYLES = `
 `;
 
 // src/bill-submission-form.tsx
-import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
+import { createContext, useCallback, useContext, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 import {
-  createBillReferenceClient
+  createBillReferenceClient,
+  createBillSubmissionClient
 } from "@mindbill/browser";
 
 // src/billing-catalog.ts
@@ -1322,6 +1323,48 @@ var MAX_UPLOAD_BYTES = 100 * 1024 * 1024;
 var MAX_DOCUMENTS = 25;
 var DIAGNOSIS_PAGE_SIZE = 100;
 var EMPTY_ATTACHMENTS = [];
+function bytesToBase64(bytes) {
+  let binary = "";
+  for (let offset = 0; offset < bytes.length; offset += 32768) {
+    binary += String.fromCharCode(...bytes.subarray(offset, offset + 32768));
+  }
+  return globalThis.btoa(binary);
+}
+async function pdfDocument(blob, input) {
+  if (blob.size > MAX_PDF_BYTES) throw new Error(`${input.filename} is larger than 25 MB.`);
+  const bytes = new Uint8Array(await blob.arrayBuffer());
+  if (bytes.length < 5 || bytes[0] !== 37 || bytes[1] !== 80 || bytes[2] !== 68 || bytes[3] !== 70 || bytes[4] !== 45) {
+    throw new Error(`${input.filename} is not a valid PDF.`);
+  }
+  return { ...input, contentBase64: bytesToBase64(bytes) };
+}
+async function prepareBillSubmissionDocuments({
+  attachments,
+  selectedIds,
+  uploads,
+  fetch: fetchOverride
+}) {
+  const fetcher = fetchOverride ?? globalThis.fetch;
+  if (typeof fetcher !== "function") throw new Error("A Fetch API implementation is required.");
+  const selected = selectedIds.map((id) => attachments.find((item) => item.id === id)).filter((item) => Boolean(item));
+  const sourceDocuments = await Promise.all(selected.map(async (attachment) => {
+    if (!attachment.previewUrl) throw new Error(`${attachment.fileName} cannot be submitted because its document URL is missing.`);
+    const response = await fetcher(attachment.previewUrl, { credentials: "same-origin" });
+    if (!response.ok) throw new Error(`${attachment.fileName} could not be loaded for submission.`);
+    return pdfDocument(await response.blob(), {
+      externalId: attachment.id,
+      filename: attachment.fileName,
+      documentType: attachment.documentType,
+      ...attachment.description ? { description: attachment.description } : {}
+    });
+  }));
+  const uploadedDocuments = await Promise.all(uploads.map(({ file, documentType, description }) => pdfDocument(file, {
+    filename: file.name,
+    documentType,
+    ...description ? { description } : {}
+  })));
+  return [...sourceDocuments, ...uploadedDocuments];
+}
 function previewUploadedPdf(file) {
   const url = URL.createObjectURL(file);
   window.open(url, "_blank", "noopener,noreferrer");
@@ -1528,10 +1571,38 @@ function mergeOptions(defaults, supplied) {
 function mergeDiagnosisOptions(options) {
   return [...new Map(options.map((item) => [item.code.toUpperCase(), item])).values()].sort((left, right) => left.code.localeCompare(right.code, void 0, { numeric: true }));
 }
+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] });
+}
+function BillSubmissionHeader() {
+  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "header" });
+}
+function BillSubmissionPatientSection() {
+  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "patient" });
+}
+function BillSubmissionClaimSection() {
+  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "claim" });
+}
+function BillSubmissionProvidersSection() {
+  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "providers" });
+}
+function BillSubmissionServiceLinesSection() {
+  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "serviceLines" });
+}
+function BillSubmissionAttachmentsSection() {
+  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "attachments" });
+}
+function BillSubmissionActions() {
+  return /* @__PURE__ */ jsx3(BillSubmissionSection, { id: "actions" });
+}
 function BillSubmissionForm({
   initialBill,
   attachments = EMPTY_ATTACHMENTS,
   onSubmit,
+  onSubmitted,
   getSession,
   sessionEndpoint,
   apiBaseUrl,
@@ -1548,7 +1619,8 @@ function BillSubmissionForm({
   disabled = false,
   submitLabel = "Submit bill",
   heading = "Bill information",
-  description = "Review the bill details, add attachments, and submit."
+  description = "Review the bill details, add attachments, and submit.",
+  children
 }) {
   const [bill, setBill] = useState2(() => cloneBill(initialBill));
   const [selectedIds, setSelectedIds] = useState2(() => attachments.map((item) => item.id));
@@ -1574,7 +1646,9 @@ function BillSubmissionForm({
   const procedures = useMemo2(() => mergeOptions(DEFAULT_BILL_SUBMISSION_PROCEDURES, procedureOptions), [procedureOptions]);
   const modifiers = useMemo2(() => mergeOptions(DEFAULT_BILL_SUBMISSION_MODIFIERS, modifierOptions), [modifierOptions]);
   const [evaluationType, setEvaluationType] = useState2(() => initialBill.renderingProvider?.isAme ? "ame" : initialBill.renderingProvider?.specialty?.toLowerCase().includes("psych") ? "psych_qme" : "qme");
-  const referenceClient = useMemo2(() => getSession ? createBillReferenceClient({ getSession, sessionEndpoint, apiBaseUrl, fetch: fetchOverride }) : null, [getSession, sessionEndpoint, apiBaseUrl, fetchOverride]);
+  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 locked = disabled || submitting;
   useEffect2(() => {
     setBill(cloneBill(initialBill));
@@ -1732,7 +1806,19 @@ function BillSubmissionForm({
     if (selectedIds.length + uploads.length > MAX_DOCUMENTS) return setFormError(`A bill can include at most ${MAX_DOCUMENTS} attachments.`);
     setSubmitting(true);
     try {
-      await onSubmit({ bill: clean, sourceAttachmentIds: selectedIds, uploads });
+      if (onSubmit) {
+        await onSubmit({ bill: clean, sourceAttachmentIds: selectedIds, uploads });
+      } else {
+        if (!submissionClient) throw new Error("The connected billing client is unavailable.");
+        const documents = await prepareBillSubmissionDocuments({
+          attachments,
+          selectedIds,
+          uploads,
+          ...fetchOverride ? { fetch: fetchOverride } : {}
+        });
+        const result = await submissionClient.submitBill({ bill: clean, documents });
+        await onSubmitted?.(result);
+      }
     } catch (caught) {
       setFormError(caught instanceof Error ? caught.message : "Unable to submit the bill.");
     } finally {
@@ -1740,197 +1826,481 @@ function BillSubmissionForm({
     }
   }
   const claimsAdministratorError = errors["claim.claimsAdministrator"] ?? (!bill.claim.claimsAdministrator?.id ? "Required for routing \u2014 search and select a claims administrator." : void 0);
-  return /* @__PURE__ */ jsxs3("form", { ref: formRef, className: `${className} mbsf`, style: { ...mindBillAppearanceStyle(appearance), ...style }, onSubmit: (event) => {
-    event.preventDefault();
-    void submit();
-  }, noValidate: true, children: [
-    /* @__PURE__ */ jsx3("style", { children: css }),
-    /* @__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__ */ 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 })
+    ] }),
+    /* @__PURE__ */ jsxs3("span", { className: "mbsf-required", children: [
+      /* @__PURE__ */ jsx3(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: [
+        text(bill.patient.address.postalCode, updatePostalCode, { maxLength: 10 }),
+        postalStatus ? /* @__PURE__ */ jsx3("small", { className: "mbsf-help", children: postalStatus }) : null
       ] }),
-      /* @__PURE__ */ jsxs3("span", { className: "mbsf-required", children: [
-        /* @__PURE__ */ jsx3(RequiredMark, {}),
-        " Required"
+      /* @__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 }) })
+    ] })
+  ] });
+  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__ */ jsx3(Field2, { label: "Date of injury", children: /* @__PURE__ */ jsx3(TextDateInput, { ariaLabel: "Date of injury", value: bill.claim.dateOfInjury, disabled: locked, onChange: (dateOfInjury) => setBill((c) => ({ ...c, claim: { ...c.claim, dateOfInjury } })) }) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "Employer (optional)", 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__ */ jsx3(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, 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) => setBill((c) => ({ ...c, claim: { ...c.claim, claimsAdministrator: { id: option.id, name: option.label } } })) }) }),
+      /* @__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, { label: "Diagnosis codes (ICD-10)", span: true, children: [
+        /* @__PURE__ */ jsx3("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: [
+            selected ? "\u2713" : "+",
+            " ",
+            option.label
+          ] }, option.code);
+        }) }),
+        /* @__PURE__ */ jsx3("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 }),
+            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" })
+          ] }, code);
+        }) }),
+        /* @__PURE__ */ jsx3(ComboBox, { ariaLabel: "Add diagnosis code", 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])] })) })
       ] })
-    ] }),
-    /* @__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: [
-          text(bill.patient.address.postalCode, updatePostalCode, { maxLength: 10 }),
-          postalStatus ? /* @__PURE__ */ jsx3("small", { className: "mbsf-help", children: postalStatus }) : null
+    ] })
+  ] });
+  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(Field2, { label: "Billing provider", children: text(bill.billingProvider?.name, (name) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, name } }))) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "Billing tax ID", children: text(bill.billingProvider?.taxId, (taxId) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, taxId } }))) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "Billing NPI", children: text(bill.billingProvider?.npi, (npi) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, npi } }))) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "Billing phone", children: text(bill.billingProvider?.phone, (phone) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, phone } })), { type: "tel" }) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "Rendering provider", children: text(bill.renderingProvider?.name, (name) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, name } }))) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "Specialty", children: text(bill.renderingProvider?.specialty, (specialty) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, specialty } }))) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "Rendering NPI", children: text(bill.renderingProvider?.npi, (npi) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, npi } }))) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "License number", children: text(bill.renderingProvider?.licenseNumber, (licenseNumber) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, licenseNumber } }))) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "License state", children: text(bill.renderingProvider?.licenseState, (licenseState) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, licenseState: licenseState.toUpperCase() } })), { maxLength: 2 }) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "Service location", children: text(bill.serviceLocation?.name, (name) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, name } }))) }),
+      /* @__PURE__ */ jsx3(Field2, { label: "Place of service", children: text(bill.serviceLocation?.placeOfServiceCode, (placeOfServiceCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, placeOfServiceCode } })), { maxLength: 2 }) })
+    ] })
+  ] });
+  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__ */ jsx3("span", { children: "Procedure code" }),
+        /* @__PURE__ */ jsx3("span", { children: "Modifiers" }),
+        /* @__PURE__ */ jsx3("span", { children: "Units" }),
+        /* @__PURE__ */ jsx3("span", { children: "Allowed" }),
+        /* @__PURE__ */ jsx3("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) => {
+            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
         ] }),
-        /* @__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__ */ jsxs3("div", { "data-label": "Modifiers", children: [
+          /* @__PURE__ */ jsx3("div", { className: "mbsf-chips", children: (line.modifiers ?? []).map((modifier) => /* @__PURE__ */ jsxs3("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" })
+          ] }, 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__ */ 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
+        ] }),
+        /* @__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" })
+      ] }, 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__ */ 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__ */ jsx3(Field2, { label: "Date of injury", children: /* @__PURE__ */ jsx3(TextDateInput, { ariaLabel: "Date of injury", value: bill.claim.dateOfInjury, disabled: locked, onChange: (dateOfInjury) => setBill((c) => ({ ...c, claim: { ...c.claim, dateOfInjury } })) }) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "Employer (optional)", 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__ */ jsx3(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, 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) => setBill((c) => ({ ...c, claim: { ...c.claim, claimsAdministrator: { id: option.id, name: option.label } } })) }) }),
-        /* @__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, { label: "Diagnosis codes (ICD-10)", span: true, children: [
-          /* @__PURE__ */ jsx3("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: [
-              selected ? "\u2713" : "+",
-              " ",
-              option.label
-            ] }, option.code);
-          }) }),
-          /* @__PURE__ */ jsx3("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 }),
-              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" })
-            ] }, code);
-          }) }),
-          /* @__PURE__ */ jsx3(ComboBox, { ariaLabel: "Add diagnosis code", 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])] })) })
+    errors.serviceLines ? /* @__PURE__ */ jsx3("p", { className: "mbsf-error", role: "alert", children: errors.serviceLines }) : null
+  ] });
+  const attachmentsSection = /* @__PURE__ */ jsxs3("fieldset", { className: "mbsf-card", disabled: locked, children: [
+    /* @__PURE__ */ jsx3("legend", { className: "mbsf-legend", children: "Attachments" }),
+    /* @__PURE__ */ jsxs3("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;
+        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]) })
+            ] })
+          ] }),
+          /* @__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: () => {
+              setSelectedIds((current) => current.filter((id) => id !== attachment.id));
+              setRemovedSourceIds((current) => [.../* @__PURE__ */ new Set([...current, attachment.id])]);
+            }, children: "\xD7" }) : null
+          ] })
+        ] }, attachment.id);
+      }),
+      uploads.map((upload, index) => /* @__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: [
+            (upload.file.size / 1024 / 1024).toFixed(1),
+            " MB"
+          ] })
+        ] }) }),
+        /* @__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" })
         ] })
-      ] })
+      ] }, `${upload.file.name}-${index}`))
     ] }),
-    /* @__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(Field2, { label: "Billing provider", children: text(bill.billingProvider?.name, (name) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, name } }))) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "Billing tax ID", children: text(bill.billingProvider?.taxId, (taxId) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, taxId } }))) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "Billing NPI", children: text(bill.billingProvider?.npi, (npi) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, npi } }))) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "Billing phone", children: text(bill.billingProvider?.phone, (phone) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, phone } })), { type: "tel" }) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "Rendering provider", children: text(bill.renderingProvider?.name, (name) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, name } }))) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "Specialty", children: text(bill.renderingProvider?.specialty, (specialty) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, specialty } }))) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "Rendering NPI", children: text(bill.renderingProvider?.npi, (npi) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, npi } }))) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "License number", children: text(bill.renderingProvider?.licenseNumber, (licenseNumber) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, licenseNumber } }))) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "License state", children: text(bill.renderingProvider?.licenseState, (licenseState) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, licenseState: licenseState.toUpperCase() } })), { maxLength: 2 }) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "Service location", children: text(bill.serviceLocation?.name, (name) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, name } }))) }),
-        /* @__PURE__ */ jsx3(Field2, { label: "Place of service", children: text(bill.serviceLocation?.placeOfServiceCode, (placeOfServiceCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, placeOfServiceCode } })), { maxLength: 2 }) })
-      ] })
-    ] }),
-    /* @__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__ */ jsx3("span", { children: "Procedure code" }),
-          /* @__PURE__ */ jsx3("span", { children: "Modifiers" }),
-          /* @__PURE__ */ jsx3("span", { children: "Units" }),
-          /* @__PURE__ */ jsx3("span", { children: "Allowed" }),
-          /* @__PURE__ */ jsx3("span", {}),
-          " "
+    /* @__PURE__ */ jsx3("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." })
+    ] }) })
+  ] });
+  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 sections = {
+    header: headerSection,
+    patient: patientSection,
+    claim: claimSection,
+    providers: providersSection,
+    serviceLines: serviceLinesSection,
+    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, {})
+  ] });
+  return /* @__PURE__ */ jsx3(BillSubmissionSectionsContext.Provider, { value: sections, children: /* @__PURE__ */ jsxs3("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
+  ] }) });
+}
+
+// src/billing-dashboard.tsx
+import { useMemo as useMemo3, useState as useState3 } from "react";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var css2 = `
+.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)}
+.mbdash-table-wrap{overflow:auto}.mbdash-table{width:100%;border-collapse:collapse}.mbdash-table th{padding:13px 16px;border-bottom:1px solid var(--mb-border);color:var(--mb-muted);font-size:12px;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}.mbdash-table td{padding:16px;border-bottom:1px solid var(--mb-border);vertical-align:top}.mbdash-table tr:last-child td{border-bottom:0}.mbdash-table tbody tr[data-clickable=true]{cursor:pointer}.mbdash-table tbody tr[data-clickable=true]:hover{background:color-mix(in srgb,var(--mb-accent) 5%,var(--mb-surface))}.mbdash-primary{display:block;color:var(--mb-text);font-weight:720;text-decoration:none}.mbdash-secondary{display:block;margin-top:4px;color:var(--mb-muted);font-size:13px}.mbdash-state{display:inline-flex;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--mb-accent) 10%,var(--mb-surface));color:var(--mb-text);font-size:12px;font-weight:720}.mbdash-money{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.mbdash-empty{padding:46px 22px;color:var(--mb-muted);text-align:center}.mbdash-mobile-list{display:none}.mbdash-mobile-card{display:grid;gap:14px;padding:18px;border-bottom:1px solid var(--mb-border)}.mbdash-mobile-card:last-child{border:0}.mbdash-mobile-top,.mbdash-mobile-money{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mbdash-mobile-money>span{display:grid;gap:3px}.mbdash-mobile-money small{color:var(--mb-muted)}
+.mbdash-report-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--mb-border)}.mbdash-report-total td{font-weight:780;background:var(--mb-soft)}
+@media(max-width:900px){.mbdash-summary{grid-template-columns:repeat(2,1fr)}.mbdash-stat:nth-child(2){border-right:0}.mbdash-stat:nth-child(-n+2){border-bottom:1px solid var(--mb-border)}.mbdash-aging{grid-template-columns:repeat(2,1fr)}.mbdash-aging-item:nth-child(2){border-right:0}.mbdash-aging-item:nth-child(-n+2){border-bottom:1px solid var(--mb-border)}}
+@media(max-width:700px){.mbdash{gap:16px}.mbdash-head{align-items:flex-start;flex-direction:column}.mbdash-filters{grid-template-columns:1fr}.mbdash-table-wrap{display:none}.mbdash-mobile-list{display:block}.mbdash-value{font-size:20px}.mbdash-stat,.mbdash-aging-item{padding:16px}.mbdash-report .mbdash-table-wrap{display:block}.mbdash-report .mbdash-table th:nth-child(2),.mbdash-report .mbdash-table td:nth-child(2),.mbdash-report .mbdash-table th:nth-child(3),.mbdash-report .mbdash-table td:nth-child(3){display:none}}
+`;
+var terminalStates = /* @__PURE__ */ new Set(["closed", "voided", "cancelled"]);
+var money3 = (value) => Number(value || 0).toLocaleString(void 0, { style: "currency", currency: "USD" });
+var stateLabel = (state) => state.replaceAll("_", " ").replace(/\b\w/g, (letter) => letter.toUpperCase());
+function billAgingDays(bill, now = /* @__PURE__ */ new Date()) {
+  if (Number.isFinite(bill.agingDays)) return Math.max(0, Math.floor(bill.agingDays));
+  if (!bill.submittedAt) return 0;
+  const submitted = new Date(bill.submittedAt);
+  if (Number.isNaN(submitted.valueOf())) return 0;
+  return Math.max(0, Math.floor((now.valueOf() - submitted.valueOf()) / 864e5));
+}
+function billAgingBucket(bill, now = /* @__PURE__ */ new Date()) {
+  const days = billAgingDays(bill, now);
+  if (days <= 30) return "current";
+  if (days <= 60) return "31-60";
+  if (days <= 90) return "61-90";
+  return "91+";
+}
+function summarizeBillingDashboard(bills, now = /* @__PURE__ */ new Date()) {
+  const aging = [
+    { id: "current", label: "0\u201330 days", count: 0, balance: 0 },
+    { id: "31-60", label: "31\u201360 days", count: 0, balance: 0 },
+    { id: "61-90", label: "61\u201390 days", count: 0, balance: 0 },
+    { id: "91+", label: "91+ days", count: 0, balance: 0 }
+  ];
+  let totalBilled = 0;
+  let totalPaid = 0;
+  let outstanding = 0;
+  let openCount = 0;
+  for (const bill of bills) {
+    totalBilled += Number(bill.totalCharge || 0);
+    totalPaid += Number(bill.totalPaid || 0);
+    outstanding += Number(bill.balanceDue || 0);
+    if (!terminalStates.has(bill.state.toLowerCase()) && bill.balanceDue > 0) {
+      openCount += 1;
+      const bucket = aging.find((item) => item.id === billAgingBucket(bill, now));
+      bucket.count += 1;
+      bucket.balance += Number(bill.balanceDue || 0);
+    }
+  }
+  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 }),
+    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 ") })
+  ] });
+  return bill.href ? /* @__PURE__ */ jsx4("a", { href: bill.href, className: "mbdash-primary", children: content }) : /* @__PURE__ */ jsx4(Fragment3, { 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" })
+      ] }) }),
+      /* @__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: [
+          billAgingDays(bill),
+          " days"
         ] }),
-        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) => {
-              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
-          ] }),
-          /* @__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: [
-              "\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" })
-            ] }, 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__ */ 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
-          ] }),
-          /* @__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" })
-        ] }, 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__ */ 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) }) })
+      ] }, 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__ */ jsxs4("div", { className: "mbdash-mobile-money", children: [
+        /* @__PURE__ */ jsxs4("span", { children: [
+          /* @__PURE__ */ jsx4("small", { children: "Age" }),
+          billAgingDays(bill),
+          " days"
+        ] }),
+        /* @__PURE__ */ jsxs4("span", { children: [
+          /* @__PURE__ */ jsx4("small", { children: "Paid" }),
+          money3(bill.totalPaid)
+        ] }),
+        /* @__PURE__ */ jsxs4("span", { children: [
+          /* @__PURE__ */ jsx4("small", { children: "Balance" }),
+          /* @__PURE__ */ jsx4("strong", { children: money3(bill.balanceDue) })
         ] })
+      ] })
+    ] }, bill.id)) })
+  ] });
+}
+function BillList(props) {
+  const shellProps = {
+    ...props.appearance === void 0 ? {} : { appearance: props.appearance },
+    ...props.className === void 0 ? {} : { className: props.className },
+    ...props.style === void 0 ? {} : { style: props.style }
+  };
+  return /* @__PURE__ */ jsx4(Shell, { ...shellProps, children: /* @__PURE__ */ jsx4(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." })
+    ] }) }),
+    /* @__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) })
       ] }),
-      errors.serviceLines ? /* @__PURE__ */ jsx3("p", { className: "mbsf-error", role: "alert", children: errors.serviceLines }) : null
-    ] }),
-    /* @__PURE__ */ jsxs3("fieldset", { className: "mbsf-card", disabled: locked, children: [
-      /* @__PURE__ */ jsx3("legend", { className: "mbsf-legend", children: "Attachments" }),
-      /* @__PURE__ */ jsxs3("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;
-          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]) })
-              ] })
-            ] }),
-            /* @__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: () => {
-                setSelectedIds((current) => current.filter((id) => id !== attachment.id));
-                setRemovedSourceIds((current) => [.../* @__PURE__ */ new Set([...current, attachment.id])]);
-              }, children: "\xD7" }) : null
-            ] })
-          ] }, attachment.id);
-        }),
-        uploads.map((upload, index) => /* @__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: [
-              (upload.file.size / 1024 / 1024).toFixed(1),
-              " MB"
-            ] })
-          ] }) }),
-          /* @__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" })
-          ] })
-        ] }, `${upload.file.name}-${index}`))
+      /* @__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__ */ jsx3("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__ */ 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__ */ 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) })
+      ] })
     ] }),
-    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 }) })
+    /* @__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: [
+        bucket.count,
+        " bill",
+        bucket.count === 1 ? "" : "s"
+      ] })
+    ] }, bucket.id)) })
   ] });
 }
+function BillAgingSummary(props) {
+  const shellProps = {
+    ...props.appearance === void 0 ? {} : { appearance: props.appearance },
+    ...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 } }) });
+}
+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] = useState3(initialSearch);
+  const [state, setState] = useState3(initialState);
+  const states = useMemo3(() => [...new Set(bills.map((bill) => bill.state))].sort((a, b) => a.localeCompare(b)), [bills]);
+  const filtered = useMemo3(() => {
+    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]);
+  const shellProps = {
+    ...appearance === void 0 ? {} : { appearance },
+    ...className === void 0 ? {} : { className },
+    ...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 })
+    ] }) }),
+    /* @__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__ */ jsx4(BillListContent, { ...listProps })
+  ] });
+}
+function buildBillingReportRows(bills, groupBy = "status") {
+  const rows = /* @__PURE__ */ new Map();
+  for (const bill of bills) {
+    const key = groupBy === "payer" ? bill.payerName || "Unassigned payer" : groupBy === "aging" ? billAgingBucket(bill) : bill.state;
+    const label = groupBy === "status" ? stateLabel(key) : groupBy === "aging" ? { current: "0\u201330 days", "31-60": "31\u201360 days", "61-90": "61\u201390 days", "91+": "91+ days" }[key] ?? key : key;
+    const row = rows.get(key) ?? { key, label, billCount: 0, totalBilled: 0, totalPaid: 0, balanceDue: 0 };
+    row.billCount += 1;
+    row.totalBilled += Number(bill.totalCharge || 0);
+    row.totalPaid += Number(bill.totalPaid || 0);
+    row.balanceDue += Number(bill.balanceDue || 0);
+    rows.set(key, row);
+  }
+  return [...rows.values()].sort((a, b) => a.label.localeCompare(b.label, void 0, { numeric: true }));
+}
+function buildBillingReportCsv(bills, groupBy = "status") {
+  const escape = (value) => `"${String(value).replaceAll('"', '""')}"`;
+  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 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 })
+      ] }),
+      /* @__PURE__ */ jsxs4("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__ */ 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) })
+        ] }, 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) })
+        ] })
+      ] })
+    ] }) })
+  ] }) });
+}
 
 // src/connected-bill-status.tsx
 import {
   useCallback as useCallback2,
   useEffect as useEffect3,
-  useMemo as useMemo3,
+  useMemo as useMemo4,
   useRef as useRef3,
-  useState as useState3
+  useState as useState4
 } from "react";
 import {
   DEFAULT_API_BASE_URL,
   DEFAULT_SESSION_ENDPOINT
 } from "@mindbill/browser";
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var DEFAULT_REFRESH_INTERVAL = 6e4;
 async function responseError(response, fallback) {
   const body = await response.json().catch(() => null);
@@ -2063,17 +2433,17 @@ function useBillStatus({
   initialData = null,
   fetch: fetchOverride
 }) {
-  const client = useMemo3(() => createBillStatusClient({
+  const client = useMemo4(() => createBillStatusClient({
     billId,
     sessionEndpoint,
     ...getSession ? { getSession } : {},
     apiBaseUrl,
     ...fetchOverride ? { fetch: fetchOverride } : {}
   }), [apiBaseUrl, billId, fetchOverride, getSession, sessionEndpoint]);
-  const [data, setData] = useState3(initialData);
-  const [error, setError] = useState3(null);
-  const [isLoading, setIsLoading] = useState3(enabled && !initialData);
-  const [isRefreshing, setIsRefreshing] = useState3(false);
+  const [data, setData] = useState4(initialData);
+  const [error, setError] = useState4(null);
+  const [isLoading, setIsLoading] = useState4(enabled && !initialData);
+  const [isRefreshing, setIsRefreshing] = useState4(false);
   const dataRef = useRef3(initialData);
   const initialDataRef = useRef3(initialData);
   initialDataRef.current = initialData;
@@ -2151,17 +2521,17 @@ function ConnectedBillStatus({
 }) {
   const status = useBillStatus(options);
   if (status.isLoading && !status.data) {
-    return /* @__PURE__ */ jsx4(Fragment3, { children: loadingFallback ?? /* @__PURE__ */ jsx4("div", { role: "status", children: "Loading bill status\u2026" }) });
+    return /* @__PURE__ */ jsx5(Fragment4, { children: loadingFallback ?? /* @__PURE__ */ jsx5("div", { role: "status", children: "Loading bill status\u2026" }) });
   }
   if (status.error && !status.data) {
-    return /* @__PURE__ */ jsx4(Fragment3, { children: errorFallback?.(status.error, status.refresh) ?? /* @__PURE__ */ jsxs4("div", { role: "alert", children: [
+    return /* @__PURE__ */ jsx5(Fragment4, { children: errorFallback?.(status.error, status.refresh) ?? /* @__PURE__ */ jsxs5("div", { role: "alert", children: [
       status.error.message,
       " ",
-      /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => void status.refresh(), children: "Retry" })
+      /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => void status.refresh(), children: "Retry" })
     ] }) });
   }
   if (!status.data) return null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     BillStatusSummary,
     {
       status: status.data.state,
@@ -2180,7 +2550,7 @@ function ConnectedBillStatus({
 }
 
 // src/bill-lifecycle-surfaces.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function visibleBillLifecycleActions(actions, showUnavailable = false) {
   return actions.filter((action) => action.enabled || showUnavailable);
 }
@@ -2195,11 +2565,11 @@ function BillLifecycleActions({
 }) {
   const visible = visibleBillLifecycleActions(actions, showUnavailable);
   if (!visible.length) return null;
-  return /* @__PURE__ */ jsxs5("div", { className: classes("mb-lifecycle-actions", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill actions", children: [
-    /* @__PURE__ */ jsx5("style", { children: lifecycleSurfaceStyles }),
-    visible.map((action) => /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-action", children: [
-      /* @__PURE__ */ jsx5("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__ */ jsx5("span", { className: "mb-action-reason", children: action.reason }) : null
+  return /* @__PURE__ */ jsxs6("div", { className: classes("mb-lifecycle-actions", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill actions", children: [
+    /* @__PURE__ */ jsx6("style", { children: lifecycleSurfaceStyles }),
+    visible.map((action) => /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-action", children: [
+      /* @__PURE__ */ jsx6("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__ */ jsx6("span", { className: "mb-action-reason", children: action.reason }) : null
     ] }, action.id))
   ] });
 }
@@ -2229,21 +2599,21 @@ 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__ */ jsxs5("section", { className: classes("mb-surface mb-activity", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill activity", children: [
-    /* @__PURE__ */ jsx5("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsxs5("header", { className: "mb-surface-heading", children: [
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: "Bill history" }),
-        /* @__PURE__ */ jsx5("span", { children: "Submission, payer responses, follow-up, and payments." })
+  return /* @__PURE__ */ jsxs6("section", { className: classes("mb-surface mb-activity", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill activity", children: [
+    /* @__PURE__ */ jsx6("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsxs6("header", { className: "mb-surface-heading", children: [
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("strong", { children: "Bill history" }),
+        /* @__PURE__ */ jsx6("span", { children: "Submission, payer responses, follow-up, and payments." })
       ] }),
-      /* @__PURE__ */ jsx5("span", { children: events.length })
+      /* @__PURE__ */ jsx6("span", { children: events.length })
     ] }),
-    !events.length ? /* @__PURE__ */ jsx5("p", { className: "mb-activity-empty", children: emptyLabel }) : /* @__PURE__ */ jsx5("ol", { className: "mb-activity-list", children: events.map((event) => /* @__PURE__ */ jsxs5("li", { className: "mb-activity-item", children: [
-      /* @__PURE__ */ jsx5("span", { className: "mb-activity-marker", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs5("div", { className: "mb-activity-content", children: [
-        /* @__PURE__ */ jsx5("strong", { children: event.title ?? billActivityEventLabel(event.type) }),
-        event.description ? /* @__PURE__ */ jsx5("p", { children: event.description }) : null,
-        /* @__PURE__ */ jsxs5("span", { children: [
+    !events.length ? /* @__PURE__ */ jsx6("p", { className: "mb-activity-empty", children: emptyLabel }) : /* @__PURE__ */ jsx6("ol", { className: "mb-activity-list", children: events.map((event) => /* @__PURE__ */ jsxs6("li", { className: "mb-activity-item", children: [
+      /* @__PURE__ */ jsx6("span", { className: "mb-activity-marker", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs6("div", { className: "mb-activity-content", children: [
+        /* @__PURE__ */ jsx6("strong", { children: event.title ?? billActivityEventLabel(event.type) }),
+        event.description ? /* @__PURE__ */ jsx6("p", { children: event.description }) : null,
+        /* @__PURE__ */ jsxs6("span", { children: [
           formatDate(event.createdAt),
           event.actor ? ` \xB7 ${event.actor}` : ""
         ] })
@@ -2278,20 +2648,20 @@ function billLifecycleDisplayLabel(state, nativeStatus) {
 function BillLifecycleProgress({ state, nativeStatus, submittedAt, agingDays, appearance, className, style }) {
   const current = billLifecycleStage(state);
   const currentIndex = lifecycleStages.findIndex((stage) => stage.id === current);
-  return /* @__PURE__ */ jsxs5("section", { className: classes("mb-surface mb-progress", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill lifecycle", children: [
-    /* @__PURE__ */ jsx5("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx5("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5("strong", { children: billLifecycleDisplayLabel(state, nativeStatus) }),
-      /* @__PURE__ */ jsxs5("span", { children: [
+  return /* @__PURE__ */ jsxs6("section", { className: classes("mb-surface mb-progress", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill lifecycle", children: [
+    /* @__PURE__ */ jsx6("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx6("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6("strong", { children: billLifecycleDisplayLabel(state, nativeStatus) }),
+      /* @__PURE__ */ jsxs6("span", { children: [
         submittedAt ? `Submitted ${defaultFormatDate(submittedAt)}` : "Submitted",
         typeof agingDays === "number" ? ` \xB7 ${agingDays} days old` : ""
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx5("ol", { className: "mb-progress-list", children: lifecycleStages.map((stage, index) => {
+    /* @__PURE__ */ jsx6("ol", { className: "mb-progress-list", children: lifecycleStages.map((stage, index) => {
       const status = index < currentIndex ? "complete" : index === currentIndex ? "current" : "upcoming";
-      return /* @__PURE__ */ jsxs5("li", { className: `is-${status}`, "aria-current": status === "current" ? "step" : void 0, children: [
-        /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", children: status === "complete" ? "\u2713" : index + 1 }),
-        /* @__PURE__ */ jsx5("b", { children: stage.label })
+      return /* @__PURE__ */ jsxs6("li", { className: `is-${status}`, "aria-current": status === "current" ? "step" : void 0, children: [
+        /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", children: status === "complete" ? "\u2713" : index + 1 }),
+        /* @__PURE__ */ jsx6("b", { children: stage.label })
       ] }, stage.id);
     }) })
   ] });
@@ -2305,45 +2675,45 @@ function BillSnapshotSummary({ bill, patient, injury, delivery, appearance, clas
     ["Charged", currency(bill.totalCharge)],
     ["Balance", currency(bill.balanceDue)]
   ];
-  return /* @__PURE__ */ jsxs5("section", { className: classes("mb-surface mb-snapshot", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill snapshot", children: [
-    /* @__PURE__ */ jsx5("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx5("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5("strong", { children: "Bill snapshot" }),
-      /* @__PURE__ */ jsxs5("span", { children: [
+  return /* @__PURE__ */ jsxs6("section", { className: classes("mb-surface mb-snapshot", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill snapshot", children: [
+    /* @__PURE__ */ jsx6("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx6("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6("strong", { children: "Bill snapshot" }),
+      /* @__PURE__ */ jsxs6("span", { children: [
         "Bill #",
         bill.billNumber
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx5("dl", { children: values.map(([label, value]) => /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5("dt", { children: label }),
-      /* @__PURE__ */ jsx5("dd", { children: value })
+    /* @__PURE__ */ jsx6("dl", { children: values.map(([label, value]) => /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6("dt", { children: label }),
+      /* @__PURE__ */ jsx6("dd", { children: value })
     ] }, label)) })
   ] });
 }
 function BillRemittanceCard({ remittance, appearance, className, style }) {
-  return /* @__PURE__ */ jsxs5("section", { className: classes("mb-surface mb-remittance", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Remittance summary", children: [
-    /* @__PURE__ */ jsx5("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx5("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5("strong", { children: "Remittance" }),
-      /* @__PURE__ */ jsx5("span", { children: "Amounts reported by the payer and posted to the bill." })
+  return /* @__PURE__ */ jsxs6("section", { className: classes("mb-surface mb-remittance", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Remittance summary", children: [
+    /* @__PURE__ */ jsx6("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx6("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6("strong", { children: "Remittance" }),
+      /* @__PURE__ */ jsx6("span", { children: "Amounts reported by the payer and posted to the bill." })
     ] }) }),
-    /* @__PURE__ */ jsxs5("dl", { children: [
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("dt", { children: "Payer reported" }),
-        /* @__PURE__ */ jsx5("dd", { children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) })
+    /* @__PURE__ */ jsxs6("dl", { children: [
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("dt", { children: "Payer reported" }),
+        /* @__PURE__ */ jsx6("dd", { children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("dt", { children: "Posted" }),
-        /* @__PURE__ */ jsx5("dd", { children: currency(remittance.totalPaid) })
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("dt", { children: "Posted" }),
+        /* @__PURE__ */ jsx6("dd", { children: currency(remittance.totalPaid) })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("dt", { children: "Balance" }),
-        /* @__PURE__ */ jsx5("dd", { children: currency(remittance.balanceDue) })
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("dt", { children: "Balance" }),
+        /* @__PURE__ */ jsx6("dd", { children: currency(remittance.balanceDue) })
       ] })
     ] }),
-    remittance.denialReason ? /* @__PURE__ */ jsxs5("div", { className: "mb-denial", children: [
-      /* @__PURE__ */ jsx5("strong", { children: "Denial reason" }),
-      /* @__PURE__ */ jsx5("p", { children: remittance.denialReason })
+    remittance.denialReason ? /* @__PURE__ */ jsxs6("div", { className: "mb-denial", children: [
+      /* @__PURE__ */ jsx6("strong", { children: "Denial reason" }),
+      /* @__PURE__ */ jsx6("p", { children: remittance.denialReason })
     ] }) : null
   ] });
 }
@@ -2358,42 +2728,42 @@ 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__ */ jsxs5("section", { className: classes("mb-surface mb-contacts", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payer contact information", children: [
-    /* @__PURE__ */ jsx5("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx5("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5("strong", { children: delivery.payerName || "Claims administrator" }),
-      /* @__PURE__ */ jsx5("span", { children: "Billing and follow-up contacts." })
+  return /* @__PURE__ */ jsxs6("section", { className: classes("mb-surface mb-contacts", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payer contact information", children: [
+    /* @__PURE__ */ jsx6("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx6("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6("strong", { children: delivery.payerName || "Claims administrator" }),
+      /* @__PURE__ */ jsx6("span", { children: "Billing and follow-up contacts." })
     ] }) }),
-    !contacts.length ? /* @__PURE__ */ jsx5("p", { className: "mb-empty", children: "No payer contact details are available." }) : /* @__PURE__ */ jsx5("dl", { children: contacts.map(([label, value, href]) => /* @__PURE__ */ jsxs5("div", { children: [
-      /* @__PURE__ */ jsx5("dt", { children: label }),
-      /* @__PURE__ */ jsx5("dd", { children: href ? /* @__PURE__ */ jsx5("a", { href, target: label === "Portal" ? "_blank" : void 0, rel: label === "Portal" ? "noreferrer noopener" : void 0, children: value }) : value })
+    !contacts.length ? /* @__PURE__ */ jsx6("p", { className: "mb-empty", children: "No payer contact details are available." }) : /* @__PURE__ */ jsx6("dl", { children: contacts.map(([label, value, href]) => /* @__PURE__ */ jsxs6("div", { children: [
+      /* @__PURE__ */ jsx6("dt", { children: label }),
+      /* @__PURE__ */ jsx6("dd", { children: href ? /* @__PURE__ */ jsx6("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__ */ jsxs5("section", { className: classes("mb-surface mb-payments", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payment ledger", children: [
-    /* @__PURE__ */ jsx5("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsxs5("header", { className: "mb-surface-heading", children: [
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: "Payments" }),
-        /* @__PURE__ */ jsx5("span", { children: "Payments posted to this bill." })
+  return /* @__PURE__ */ jsxs6("section", { className: classes("mb-surface mb-payments", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payment ledger", children: [
+    /* @__PURE__ */ jsx6("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsxs6("header", { className: "mb-surface-heading", children: [
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("strong", { children: "Payments" }),
+        /* @__PURE__ */ jsx6("span", { children: "Payments posted to this bill." })
       ] }),
-      /* @__PURE__ */ jsx5("span", { children: payments.length })
+      /* @__PURE__ */ jsx6("span", { children: payments.length })
     ] }),
-    !payments.length ? /* @__PURE__ */ jsx5("p", { className: "mb-empty", children: "No payments posted." }) : /* @__PURE__ */ jsx5("div", { className: "mb-payment-list", children: payments.map((payment) => /* @__PURE__ */ jsxs5("article", { children: [
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("strong", { children: currency(payment.amount) }),
-        /* @__PURE__ */ jsxs5("span", { children: [
+    !payments.length ? /* @__PURE__ */ jsx6("p", { className: "mb-empty", children: "No payments posted." }) : /* @__PURE__ */ jsx6("div", { className: "mb-payment-list", children: payments.map((payment) => /* @__PURE__ */ jsxs6("article", { children: [
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("strong", { children: currency(payment.amount) }),
+        /* @__PURE__ */ jsxs6("span", { children: [
           humanize(payment.status || "posted"),
           " \xB7 ",
           payment.method.toUpperCase()
         ] })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx5("span", { children: payment.checkNumber ? `#${payment.checkNumber}` : payment.source.toUpperCase() }),
-        /* @__PURE__ */ jsx5("span", { children: payment.depositDate || defaultFormatDate(payment.postedAt) })
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx6("span", { children: payment.checkNumber ? `#${payment.checkNumber}` : payment.source.toUpperCase() }),
+        /* @__PURE__ */ jsx6("span", { children: payment.depositDate || defaultFormatDate(payment.postedAt) })
       ] }),
-      payment.note ? /* @__PURE__ */ jsx5("p", { children: payment.note }) : null
+      payment.note ? /* @__PURE__ */ jsx6("p", { children: payment.note }) : null
     ] }, payment.id)) })
   ] });
 }
@@ -2422,9 +2792,9 @@ var lifecycleSurfaceStyles = `
 import {
   useCallback as useCallback3,
   useEffect as useEffect4,
-  useMemo as useMemo4,
+  useMemo as useMemo5,
   useRef as useRef4,
-  useState as useState4
+  useState as useState5
 } from "react";
 import {
   DEFAULT_API_BASE_URL as DEFAULT_API_BASE_URL2,
@@ -2432,7 +2802,7 @@ import {
   createBillLifecycleClient
 } from "@mindbill/browser";
 import { createBillLifecycleClient as createBillLifecycleClient2 } 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 DEFAULT_REFRESH_INTERVAL2 = 6e4;
 function downloadBlob(blob, filename, open = false) {
   const url = URL.createObjectURL(blob);
@@ -2454,13 +2824,13 @@ function useBillLifecycle({
   initialData = null,
   fetch: fetchOverride
 }) {
-  const [data, setData] = useState4(initialData);
-  const [error, setError] = useState4(null);
-  const [isLoading, setIsLoading] = useState4(enabled && !initialData);
-  const [isRefreshing, setIsRefreshing] = useState4(false);
-  const [isMutating, setIsMutating] = useState4(false);
+  const [data, setData] = useState5(initialData);
+  const [error, setError] = useState5(null);
+  const [isLoading, setIsLoading] = useState5(enabled && !initialData);
+  const [isRefreshing, setIsRefreshing] = useState5(false);
+  const [isMutating, setIsMutating] = useState5(false);
   const mounted = useRef4(true);
-  const client = useMemo4(() => createBillLifecycleClient({
+  const client = useMemo5(() => createBillLifecycleClient({
     billId: providedBillId,
     sessionEndpoint,
     getSession,
@@ -2564,8 +2934,8 @@ function LifecycleDialog({ children, title, onClose }) {
       previous?.focus();
     };
   }, [onClose]);
-  return /* @__PURE__ */ jsx6("div", { className: "mb-lifecycle-dialog-backdrop", onMouseDown: (event) => event.currentTarget === event.target && onClose(), children: /* @__PURE__ */ jsxs6("div", { ref: dialog, className: "mb-lifecycle-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: [
-    /* @__PURE__ */ jsx6("button", { type: "button", className: "mb-lifecycle-dialog-close", "aria-label": "Close", onClick: onClose, children: "\xD7" }),
+  return /* @__PURE__ */ jsx7("div", { className: "mb-lifecycle-dialog-backdrop", onMouseDown: (event) => event.currentTarget === event.target && onClose(), children: /* @__PURE__ */ jsxs7("div", { ref: dialog, className: "mb-lifecycle-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: [
+    /* @__PURE__ */ jsx7("button", { type: "button", className: "mb-lifecycle-dialog-close", "aria-label": "Close", onClick: onClose, children: "\xD7" }),
     children
   ] }) });
 }
@@ -2595,12 +2965,12 @@ function sandboxScenarios(state) {
 function ConnectedBillLifecycle({ appearance, className, style, loadingFallback, errorFallback, onChanged, ...options }) {
   const lifecycle = useBillLifecycle(options);
   const { data } = lifecycle;
-  const [tab, setTab] = useState4("details");
-  const [panel, setPanel] = useState4("");
-  const [notice, setNotice] = useState4("");
-  const [reason, setReason] = useState4("");
-  const [payment, setPayment] = useState4({ amount: 0, method: "check", checkNumber: "", depositDate: today(), note: "" });
-  const [review, setReview] = useState4({ reason: "", payerClaimControlNumber: "", disputedAmount: void 0, attachmentIds: [], route: "ebill" });
+  const [tab, setTab] = useState5("details");
+  const [panel, setPanel] = useState5("");
+  const [notice, setNotice] = useState5("");
+  const [reason, setReason] = useState5("");
+  const [payment, setPayment] = useState5({ amount: 0, method: "check", checkNumber: "", depositDate: today(), note: "" });
+  const [review, setReview] = useState5({ reason: "", payerClaimControlNumber: "", disputedAmount: void 0, attachmentIds: [], route: "ebill" });
   const lastData = useRef4(null);
   useEffect4(() => {
     if (!data || data === lastData.current) return;
@@ -2613,13 +2983,13 @@ function ConnectedBillLifecycle({ appearance, className, style, loadingFallback,
       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__ */ jsx6(Fragment4, { children: loadingFallback ?? /* @__PURE__ */ jsx6("div", { className: "mb-lifecycle-loading", children: "Loading bill\u2026" }) });
+  if (lifecycle.isLoading && !data) return /* @__PURE__ */ jsx7(Fragment5, { children: loadingFallback ?? /* @__PURE__ */ jsx7("div", { className: "mb-lifecycle-loading", children: "Loading bill\u2026" }) });
   if (!data) {
     const error = lifecycle.error ?? new Error("Bill could not be loaded.");
-    return /* @__PURE__ */ jsx6(Fragment4, { children: errorFallback?.(error, lifecycle.refresh) ?? /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-error", role: "alert", children: [
-      /* @__PURE__ */ jsx6("strong", { children: "Billing is unavailable." }),
-      /* @__PURE__ */ jsx6("span", { children: error.message }),
-      /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => void lifecycle.refresh(), children: "Try again" })
+    return /* @__PURE__ */ jsx7(Fragment5, { children: errorFallback?.(error, lifecycle.refresh) ?? /* @__PURE__ */ jsxs7("div", { className: "mb-lifecycle-error", role: "alert", children: [
+      /* @__PURE__ */ jsx7("strong", { children: "Billing is unavailable." }),
+      /* @__PURE__ */ jsx7("span", { children: error.message }),
+      /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => void lifecycle.refresh(), children: "Try again" })
     ] }) });
   }
   const complete = async (message, task) => {
@@ -2636,185 +3006,185 @@ function ConnectedBillLifecycle({ appearance, className, style, loadingFallback,
   const supportedActions = /* @__PURE__ */ new Set(["resubmit", "second_review", "post_payment", "close", "reopen"]);
   const actions = data.lifecycle.actions.filter((action) => action.enabled && supportedActions.has(action.id));
   const simulations = data.environment === "sandbox" ? sandboxScenarios(data.lifecycle.state) : [];
-  return /* @__PURE__ */ jsxs6("section", { className: ["mb-connected-lifecycle", className].filter(Boolean).join(" "), style: mindBillAppearanceStyle(appearance, style), children: [
-    /* @__PURE__ */ jsx6("style", { children: CONNECTED_LIFECYCLE_STYLES }),
-    /* @__PURE__ */ jsx6(BillLifecycleProgress, { state: data.lifecycle.state, nativeStatus: data.lifecycle.nativeStatus, submittedAt: data.lifecycle.submittedAt ?? null, agingDays: data.lifecycle.agingDays ?? null, ...appearance ? { appearance } : {} }),
-    /* @__PURE__ */ jsxs6("header", { className: "mb-lifecycle-head", children: [
-      /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-title", children: [
-          /* @__PURE__ */ jsxs6("h2", { children: [
+  return /* @__PURE__ */ jsxs7("section", { className: ["mb-connected-lifecycle", className].filter(Boolean).join(" "), style: mindBillAppearanceStyle(appearance, style), children: [
+    /* @__PURE__ */ jsx7("style", { children: CONNECTED_LIFECYCLE_STYLES }),
+    /* @__PURE__ */ jsx7(BillLifecycleProgress, { state: data.lifecycle.state, nativeStatus: data.lifecycle.nativeStatus, submittedAt: data.lifecycle.submittedAt ?? null, agingDays: data.lifecycle.agingDays ?? null, ...appearance ? { appearance } : {} }),
+    /* @__PURE__ */ jsxs7("header", { className: "mb-lifecycle-head", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsxs7("div", { className: "mb-lifecycle-title", children: [
+          /* @__PURE__ */ jsxs7("h2", { children: [
             "Bill #",
             data.bill.billNumber
           ] }),
-          /* @__PURE__ */ jsx6("span", { children: billLifecycleDisplayLabel(data.lifecycle.state, data.lifecycle.nativeStatus) })
+          /* @__PURE__ */ jsx7("span", { children: billLifecycleDisplayLabel(data.lifecycle.state, data.lifecycle.nativeStatus) })
         ] }),
-        /* @__PURE__ */ jsxs6("p", { children: [
+        /* @__PURE__ */ jsxs7("p", { children: [
           "Claim ",
           data.injury.claimNumber || "\u2014",
           lifecycle.isRefreshing ? " \xB7 Refreshing\u2026" : ""
         ] })
       ] }),
-      /* @__PURE__ */ jsx6("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating, onClick: () => void lifecycle.downloadPacket().catch(() => void 0), children: "Download packet" })
+      /* @__PURE__ */ jsx7("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating, onClick: () => void lifecycle.downloadPacket().catch(() => void 0), children: "Download packet" })
     ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-tabs", role: "tablist", "aria-label": "Bill view", children: [
-      /* @__PURE__ */ jsx6("button", { type: "button", role: "tab", "aria-selected": tab === "details", onClick: () => setTab("details"), children: "Bill details" }),
-      /* @__PURE__ */ jsxs6("button", { type: "button", role: "tab", "aria-selected": tab === "history", onClick: () => setTab("history"), children: [
+    /* @__PURE__ */ jsxs7("div", { className: "mb-lifecycle-tabs", role: "tablist", "aria-label": "Bill view", children: [
+      /* @__PURE__ */ jsx7("button", { type: "button", role: "tab", "aria-selected": tab === "details", onClick: () => setTab("details"), children: "Bill details" }),
+      /* @__PURE__ */ jsxs7("button", { type: "button", role: "tab", "aria-selected": tab === "history", onClick: () => setTab("history"), children: [
         "Bill history ",
-        /* @__PURE__ */ jsx6("span", { children: data.activity.length })
+        /* @__PURE__ */ jsx7("span", { children: data.activity.length })
       ] })
     ] }),
-    data.environment === "sandbox" ? /* @__PURE__ */ jsxs6("section", { className: "mb-lifecycle-simulator", "aria-label": "Sandbox lifecycle simulator", children: [
-      /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("span", { children: "Sandbox demo controls" }),
-        /* @__PURE__ */ jsx6("h3", { children: "Simulate the next payer response" }),
-        /* @__PURE__ */ jsx6("p", { children: "This changes sandbox data only. QME Companion receives the result through the same lifecycle API and components partners use." })
+    data.environment === "sandbox" ? /* @__PURE__ */ jsxs7("section", { className: "mb-lifecycle-simulator", "aria-label": "Sandbox lifecycle simulator", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("span", { children: "Sandbox demo controls" }),
+        /* @__PURE__ */ jsx7("h3", { children: "Simulate the next payer response" }),
+        /* @__PURE__ */ jsx7("p", { children: "This changes sandbox data only. QME Companion receives the result through the same lifecycle API and components partners use." })
       ] }),
-      simulations.length ? /* @__PURE__ */ jsx6("div", { className: "mb-lifecycle-simulator-actions", children: simulations.map((scenario) => /* @__PURE__ */ jsxs6("button", { type: "button", disabled: lifecycle.isMutating, onClick: () => void complete(`${scenario.label} simulated.`, () => lifecycle.simulateSandbox({ scenario: scenario.id })), children: [
-        /* @__PURE__ */ jsx6("strong", { children: scenario.label }),
-        /* @__PURE__ */ jsx6("span", { children: scenario.detail })
-      ] }, scenario.id)) }) : /* @__PURE__ */ jsx6("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__ */ jsx7("div", { className: "mb-lifecycle-simulator-actions", children: simulations.map((scenario) => /* @__PURE__ */ jsxs7("button", { type: "button", disabled: lifecycle.isMutating, onClick: () => void complete(`${scenario.label} simulated.`, () => lifecycle.simulateSandbox({ scenario: scenario.id })), children: [
+        /* @__PURE__ */ jsx7("strong", { children: scenario.label }),
+        /* @__PURE__ */ jsx7("span", { children: scenario.detail })
+      ] }, scenario.id)) }) : /* @__PURE__ */ jsx7("p", { className: "mb-lifecycle-simulator-idle", children: "No simulated payer transition is needed at this stage. Use the bill action below to continue." })
     ] }) : null,
-    tab === "details" ? /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: [
-      /* @__PURE__ */ jsx6(BillReadOnlyForm, { data, onOpenAttachment: lifecycle.openAttachment, ...appearance ? { appearance } : {} }),
-      data.eors.length ? /* @__PURE__ */ jsxs6("section", { className: "mb-lifecycle-card", id: `mb-eors-${data.bill.id}`, children: [
-        /* @__PURE__ */ jsxs6("header", { children: [
-          /* @__PURE__ */ jsxs6("div", { children: [
-            /* @__PURE__ */ jsx6("h3", { children: "Explanation of Review" }),
-            /* @__PURE__ */ jsx6("p", { children: "The payer response associated with this immutable submission." })
+    tab === "details" ? /* @__PURE__ */ jsxs7("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: [
+      /* @__PURE__ */ jsx7(BillReadOnlyForm, { data, onOpenAttachment: lifecycle.openAttachment, ...appearance ? { appearance } : {} }),
+      data.eors.length ? /* @__PURE__ */ jsxs7("section", { className: "mb-lifecycle-card", id: `mb-eors-${data.bill.id}`, children: [
+        /* @__PURE__ */ jsxs7("header", { children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("h3", { children: "Explanation of Review" }),
+            /* @__PURE__ */ jsx7("p", { children: "The payer response associated with this immutable submission." })
           ] }),
-          /* @__PURE__ */ jsx6("span", { children: data.eors.length })
+          /* @__PURE__ */ jsx7("span", { children: data.eors.length })
         ] }),
-        /* @__PURE__ */ jsx6("ul", { className: "mb-lifecycle-documents", children: data.eors.map((eor) => /* @__PURE__ */ jsxs6("li", { children: [
-          /* @__PURE__ */ jsxs6("div", { children: [
-            /* @__PURE__ */ jsx6("strong", { children: eor.filename }),
-            /* @__PURE__ */ jsx6("span", { children: eor.description || `Received ${new Date(eor.addedAt).toLocaleDateString()}` })
+        /* @__PURE__ */ jsx7("ul", { className: "mb-lifecycle-documents", children: data.eors.map((eor) => /* @__PURE__ */ jsxs7("li", { children: [
+          /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx7("strong", { children: eor.filename }),
+            /* @__PURE__ */ jsx7("span", { children: eor.description || `Received ${new Date(eor.addedAt).toLocaleDateString()}` })
           ] }),
-          /* @__PURE__ */ jsx6("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => void lifecycle.openEor(eor).catch(() => void 0), children: "View EOR" })
+          /* @__PURE__ */ jsx7("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => void lifecycle.openEor(eor).catch(() => void 0), children: "View EOR" })
         ] }, eor.id)) })
       ] }) : null,
-      viewEor || actions.length ? /* @__PURE__ */ jsxs6("section", { className: "mb-lifecycle-actions-sheet", children: [
-        /* @__PURE__ */ jsxs6("div", { children: [
-          /* @__PURE__ */ jsx6("h3", { children: data.lifecycle.state.includes("closed") ? "This bill is closed" : data.lifecycle.state.includes("denied") || data.lifecycle.state.includes("rejected") ? "This bill needs attention" : "Available actions" }),
-          /* @__PURE__ */ jsx6("p", { children: "Actions are determined by the current bill status." })
+      viewEor || actions.length ? /* @__PURE__ */ jsxs7("section", { className: "mb-lifecycle-actions-sheet", children: [
+        /* @__PURE__ */ jsxs7("div", { children: [
+          /* @__PURE__ */ jsx7("h3", { children: data.lifecycle.state.includes("closed") ? "This bill is closed" : data.lifecycle.state.includes("denied") || data.lifecycle.state.includes("rejected") ? "This bill needs attention" : "Available actions" }),
+          /* @__PURE__ */ jsx7("p", { children: "Actions are determined by the current bill status." })
         ] }),
-        /* @__PURE__ */ jsxs6("div", { children: [
-          viewEor ? /* @__PURE__ */ jsx6("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => document.getElementById(`mb-eors-${data.bill.id}`)?.scrollIntoView({ behavior: "smooth" }), children: viewEor.label }) : null,
-          actions.map((action) => /* @__PURE__ */ jsx6("button", { type: "button", className: action.primary ? "mb-lifecycle-button primary" : "mb-lifecycle-button secondary", onClick: () => {
+        /* @__PURE__ */ jsxs7("div", { children: [
+          viewEor ? /* @__PURE__ */ jsx7("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => document.getElementById(`mb-eors-${data.bill.id}`)?.scrollIntoView({ behavior: "smooth" }), children: viewEor.label }) : null,
+          actions.map((action) => /* @__PURE__ */ jsx7("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
-    ] }) : /* @__PURE__ */ jsx6("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: /* @__PURE__ */ jsx6(BillActivityTimeline, { events: data.activity, ...appearance ? { appearance } : {} }) }),
-    panel === "resubmit" ? /* @__PURE__ */ jsx6(LifecycleDialog, { title: "Correct and resubmit", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs6("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("h3", { children: "Correct and resubmit" }),
-        /* @__PURE__ */ jsx6("p", { children: "The original submission remains immutable. This records a new submission attempt after the routing issue is corrected." })
+    ] }) : /* @__PURE__ */ jsx7("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: /* @__PURE__ */ jsx7(BillActivityTimeline, { events: data.activity, ...appearance ? { appearance } : {} }) }),
+    panel === "resubmit" ? /* @__PURE__ */ jsx7(LifecycleDialog, { title: "Correct and resubmit", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs7("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("h3", { children: "Correct and resubmit" }),
+        /* @__PURE__ */ jsx7("p", { children: "The original submission remains immutable. This records a new submission attempt after the routing issue is corrected." })
       ] }),
-      /* @__PURE__ */ jsxs6("label", { children: [
-        /* @__PURE__ */ jsx6("span", { children: "Correction note (optional)" }),
-        /* @__PURE__ */ jsx6("textarea", { value: reason, placeholder: "What changed before resubmission?", onChange: (event) => setReason(event.target.value) })
+      /* @__PURE__ */ jsxs7("label", { children: [
+        /* @__PURE__ */ jsx7("span", { children: "Correction note (optional)" }),
+        /* @__PURE__ */ jsx7("textarea", { value: reason, placeholder: "What changed before resubmission?", onChange: (event) => setReason(event.target.value) })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx6("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
-        /* @__PURE__ */ jsx6("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__ */ jsxs7("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx7("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__ */ jsx6(LifecycleDialog, { title: "Submit Second Review", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs6("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("h3", { children: "Submit Second Review" }),
-        /* @__PURE__ */ jsx6("p", { children: "Explain the dispute and include the payer control number and supporting documents." })
+    panel === "second_review" ? /* @__PURE__ */ jsx7(LifecycleDialog, { title: "Submit Second Review", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs7("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("h3", { children: "Submit Second Review" }),
+        /* @__PURE__ */ jsx7("p", { children: "Explain the dispute and include the payer control number and supporting documents." })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-fields two", children: [
-        /* @__PURE__ */ jsxs6("label", { className: "full", children: [
-          /* @__PURE__ */ jsx6("span", { children: "Reason" }),
-          /* @__PURE__ */ jsx6("textarea", { required: true, value: review.reason, onChange: (event) => setReview((current) => ({ ...current, reason: event.target.value })) })
+      /* @__PURE__ */ jsxs7("div", { className: "mb-lifecycle-fields two", children: [
+        /* @__PURE__ */ jsxs7("label", { className: "full", children: [
+          /* @__PURE__ */ jsx7("span", { children: "Reason" }),
+          /* @__PURE__ */ jsx7("textarea", { required: true, value: review.reason, onChange: (event) => setReview((current) => ({ ...current, reason: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs6("label", { children: [
-          /* @__PURE__ */ jsx6("span", { children: "Payer claim control number" }),
-          /* @__PURE__ */ jsx6("input", { required: true, value: review.payerClaimControlNumber, onChange: (event) => setReview((current) => ({ ...current, payerClaimControlNumber: event.target.value })) })
+        /* @__PURE__ */ jsxs7("label", { children: [
+          /* @__PURE__ */ jsx7("span", { children: "Payer claim control number" }),
+          /* @__PURE__ */ jsx7("input", { required: true, value: review.payerClaimControlNumber, onChange: (event) => setReview((current) => ({ ...current, payerClaimControlNumber: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs6("label", { children: [
-          /* @__PURE__ */ jsx6("span", { children: "Disputed amount" }),
-          /* @__PURE__ */ jsx6("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__ */ jsxs7("label", { children: [
+          /* @__PURE__ */ jsx7("span", { children: "Disputed amount" }),
+          /* @__PURE__ */ jsx7("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__ */ jsxs6("label", { children: [
-          /* @__PURE__ */ jsx6("span", { children: "Send via" }),
-          /* @__PURE__ */ jsxs6("select", { value: review.route, onChange: (event) => setReview((current) => ({ ...current, route: event.target.value })), children: [
-            /* @__PURE__ */ jsx6("option", { value: "ebill", children: "E-bill" }),
-            /* @__PURE__ */ jsx6("option", { value: "fax", children: "Fax" }),
-            /* @__PURE__ */ jsx6("option", { value: "mail", children: "Mail" }),
-            /* @__PURE__ */ jsx6("option", { value: "email", children: "Email" })
+        /* @__PURE__ */ jsxs7("label", { children: [
+          /* @__PURE__ */ jsx7("span", { children: "Send via" }),
+          /* @__PURE__ */ jsxs7("select", { value: review.route, onChange: (event) => setReview((current) => ({ ...current, route: event.target.value })), children: [
+            /* @__PURE__ */ jsx7("option", { value: "ebill", children: "E-bill" }),
+            /* @__PURE__ */ jsx7("option", { value: "fax", children: "Fax" }),
+            /* @__PURE__ */ jsx7("option", { value: "mail", children: "Mail" }),
+            /* @__PURE__ */ jsx7("option", { value: "email", children: "Email" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6("fieldset", { className: "mb-lifecycle-packet", children: [
-        /* @__PURE__ */ jsx6("legend", { children: "Supporting packet" }),
-        data.bill.attachments.map((attachment) => /* @__PURE__ */ jsxs6("label", { children: [
-          /* @__PURE__ */ jsx6("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__ */ jsxs6("span", { children: [
-            /* @__PURE__ */ jsx6("strong", { children: attachment.filename }),
-            /* @__PURE__ */ jsx6("small", { children: attachment.description || attachment.documentType })
+      /* @__PURE__ */ jsxs7("fieldset", { className: "mb-lifecycle-packet", children: [
+        /* @__PURE__ */ jsx7("legend", { children: "Supporting packet" }),
+        data.bill.attachments.map((attachment) => /* @__PURE__ */ jsxs7("label", { children: [
+          /* @__PURE__ */ jsx7("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__ */ jsxs7("span", { children: [
+            /* @__PURE__ */ jsx7("strong", { children: attachment.filename }),
+            /* @__PURE__ */ jsx7("small", { children: attachment.description || attachment.documentType })
           ] }),
-          /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => void lifecycle.openAttachment(attachment).catch(() => void 0), children: "View" })
+          /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => void lifecycle.openAttachment(attachment).catch(() => void 0), children: "View" })
         ] }, attachment.id))
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx6("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
-        /* @__PURE__ */ jsx6("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__ */ jsxs7("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx7("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__ */ jsx6(LifecycleDialog, { title: "Post payment", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs6("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("h3", { children: "Post payment" }),
-        /* @__PURE__ */ jsx6("p", { children: "Record funds shown on the payer response." })
+    panel === "payment" ? /* @__PURE__ */ jsx7(LifecycleDialog, { title: "Post payment", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs7("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("h3", { children: "Post payment" }),
+        /* @__PURE__ */ jsx7("p", { children: "Record funds shown on the payer response." })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-fields two", children: [
-        /* @__PURE__ */ jsxs6("label", { children: [
-          /* @__PURE__ */ jsx6("span", { children: "Amount" }),
-          /* @__PURE__ */ jsx6("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__ */ jsxs7("div", { className: "mb-lifecycle-fields two", children: [
+        /* @__PURE__ */ jsxs7("label", { children: [
+          /* @__PURE__ */ jsx7("span", { children: "Amount" }),
+          /* @__PURE__ */ jsx7("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__ */ jsxs6("label", { children: [
-          /* @__PURE__ */ jsx6("span", { children: "Method" }),
-          /* @__PURE__ */ jsxs6("select", { value: payment.method, onChange: (event) => setPayment((current) => ({ ...current, method: event.target.value })), children: [
-            /* @__PURE__ */ jsx6("option", { value: "check", children: "Check" }),
-            /* @__PURE__ */ jsx6("option", { value: "eft", children: "EFT" })
+        /* @__PURE__ */ jsxs7("label", { children: [
+          /* @__PURE__ */ jsx7("span", { children: "Method" }),
+          /* @__PURE__ */ jsxs7("select", { value: payment.method, onChange: (event) => setPayment((current) => ({ ...current, method: event.target.value })), children: [
+            /* @__PURE__ */ jsx7("option", { value: "check", children: "Check" }),
+            /* @__PURE__ */ jsx7("option", { value: "eft", children: "EFT" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs6("label", { children: [
-          /* @__PURE__ */ jsx6("span", { children: payment.method === "check" ? "Check number" : "EFT reference" }),
-          /* @__PURE__ */ jsx6("input", { value: payment.checkNumber, onChange: (event) => setPayment((current) => ({ ...current, checkNumber: event.target.value })) })
+        /* @__PURE__ */ jsxs7("label", { children: [
+          /* @__PURE__ */ jsx7("span", { children: payment.method === "check" ? "Check number" : "EFT reference" }),
+          /* @__PURE__ */ jsx7("input", { value: payment.checkNumber, onChange: (event) => setPayment((current) => ({ ...current, checkNumber: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs6("label", { children: [
-          /* @__PURE__ */ jsx6("span", { children: "Deposit date" }),
-          /* @__PURE__ */ jsx6("input", { required: true, value: payment.depositDate, placeholder: "MM/DD/YYYY", onChange: (event) => setPayment((current) => ({ ...current, depositDate: event.target.value })) })
+        /* @__PURE__ */ jsxs7("label", { children: [
+          /* @__PURE__ */ jsx7("span", { children: "Deposit date" }),
+          /* @__PURE__ */ jsx7("input", { required: true, value: payment.depositDate, placeholder: "MM/DD/YYYY", onChange: (event) => setPayment((current) => ({ ...current, depositDate: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs6("label", { className: "full", children: [
-          /* @__PURE__ */ jsx6("span", { children: "Note (optional)" }),
-          /* @__PURE__ */ jsx6("input", { value: payment.note, onChange: (event) => setPayment((current) => ({ ...current, note: event.target.value })) })
+        /* @__PURE__ */ jsxs7("label", { className: "full", children: [
+          /* @__PURE__ */ jsx7("span", { children: "Note (optional)" }),
+          /* @__PURE__ */ jsx7("input", { value: payment.note, onChange: (event) => setPayment((current) => ({ ...current, note: event.target.value })) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx6("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
-        /* @__PURE__ */ jsx6("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || payment.amount <= 0 || payment.amount > data.bill.balanceDue || !payment.depositDate, onClick: () => void complete("Payment posted.", () => lifecycle.postPayment(payment)), children: lifecycle.isMutating ? "Posting\u2026" : "Post payment" })
+      /* @__PURE__ */ jsxs7("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || payment.amount <= 0 || payment.amount > data.bill.balanceDue || !payment.depositDate, onClick: () => void complete("Payment posted.", () => lifecycle.postPayment(payment)), children: lifecycle.isMutating ? "Posting\u2026" : "Post payment" })
       ] })
     ] }) }) : null,
-    panel === "close" || panel === "reopen" ? /* @__PURE__ */ jsx6(LifecycleDialog, { title: panel === "close" ? "Close bill" : "Reopen bill", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs6("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs6("div", { children: [
-        /* @__PURE__ */ jsx6("h3", { children: panel === "close" ? "Close bill" : "Reopen bill" }),
-        /* @__PURE__ */ jsx6("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__ */ jsx7(LifecycleDialog, { title: panel === "close" ? "Close bill" : "Reopen bill", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs7("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs7("div", { children: [
+        /* @__PURE__ */ jsx7("h3", { children: panel === "close" ? "Close bill" : "Reopen bill" }),
+        /* @__PURE__ */ jsx7("p", { children: panel === "close" ? "The immutable submission and history remain available." : "Return this bill to active follow-up without changing the submitted snapshot." })
       ] }),
-      /* @__PURE__ */ jsxs6("label", { children: [
-        /* @__PURE__ */ jsx6("span", { children: "Reason" }),
-        /* @__PURE__ */ jsx6("textarea", { required: true, value: reason, onChange: (event) => setReason(event.target.value) })
+      /* @__PURE__ */ jsxs7("label", { children: [
+        /* @__PURE__ */ jsx7("span", { children: "Reason" }),
+        /* @__PURE__ */ jsx7("textarea", { required: true, value: reason, onChange: (event) => setReason(event.target.value) })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx6("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
-        /* @__PURE__ */ jsx6("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__ */ jsxs7("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx7("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__ */ jsx6("div", { className: "mb-lifecycle-message success", role: "status", children: notice }) : null,
-    lifecycle.error ? /* @__PURE__ */ jsx6("div", { className: "mb-lifecycle-message error", role: "alert", children: lifecycle.error.message }) : null
+    notice ? /* @__PURE__ */ jsx7("div", { className: "mb-lifecycle-message success", role: "status", children: notice }) : null,
+    lifecycle.error ? /* @__PURE__ */ jsx7("div", { className: "mb-lifecycle-message error", role: "alert", children: lifecycle.error.message }) : null
   ] });
 }
 var CONNECTED_LIFECYCLE_STYLES = `
@@ -2868,8 +3238,10 @@ export {
   BILL_SUBMISSION_DOCUMENT_TYPES,
   BILL_SUBMISSION_REQUIRED_FIELDS,
   BillActivityTimeline,
+  BillAgingSummary,
   BillLifecycleActions,
   BillLifecycleProgress,
+  BillList,
   BillPayerContactCard,
   BillPaymentLedger,
   BillReadOnlyForm,
@@ -2877,7 +3249,16 @@ export {
   BillReviewForm,
   BillSnapshotSummary,
   BillStatusSummary,
+  BillSubmissionActions,
+  BillSubmissionAttachmentsSection,
+  BillSubmissionClaimSection,
   BillSubmissionForm,
+  BillSubmissionHeader,
+  BillSubmissionPatientSection,
+  BillSubmissionProvidersSection,
+  BillSubmissionServiceLinesSection,
+  BillingDashboard,
+  BillingReport,
   ConnectedBillLifecycle,
   ConnectedBillStatus,
   DEFAULT_BILL_SUBMISSION_MODIFIERS,
@@ -2886,9 +3267,13 @@ export {
   MindBillBillTimeline,
   applyBillSubmissionEvaluationModifiers,
   billActivityEventLabel,
+  billAgingBucket,
+  billAgingDays,
   billLifecycleDisplayLabel,
   billLifecycleStage,
   buildBillReviewSaveInput,
+  buildBillingReportCsv,
+  buildBillingReportRows,
   calculateBillSubmissionAllowedAmount,
   createBillLifecycleClient2 as createBillLifecycleClient,
   createBillStatusClient,
@@ -2898,7 +3283,9 @@ export {
   mindBillAppearanceStyle,
   mindBillThemePresets,
   parseBillSubmissionDate,
+  prepareBillSubmissionDocuments,
   resolveMindBillAppearance,
+  summarizeBillingDashboard,
   useBillLifecycle,
   useBillStatus,
   validateBillSubmission,