@mindbill/react 0.45.0 → 0.46.0

package/dist/index.js

@@ -1,5 +1,45 @@
 "use client";
 
+// src/billing-profile-options.ts
+function organizationProfileOptions(profile) {
+  return {
+    billingProviders: profile.billingProviders.map((provider) => ({
+      id: provider.id,
+      label: provider.name,
+      value: {
+        name: provider.name,
+        taxId: provider.taxId,
+        npi: provider.npi,
+        ...provider.phone !== void 0 ? { phone: provider.phone } : {},
+        address: { line1: provider.billingStreet ?? "", city: provider.billingCity ?? "", state: provider.billingState ?? "", postalCode: provider.billingZip ?? "" }
+      }
+    })),
+    renderingProviders: (profile.renderingProviders ?? []).filter((provider) => provider.active !== false).map((provider) => ({
+      id: provider.id,
+      label: provider.name,
+      value: {
+        name: provider.name,
+        npi: provider.npi,
+        ...provider.specialty !== void 0 ? { specialty: provider.specialty } : {},
+        ...provider.taxonomy !== void 0 ? { taxonomy: provider.taxonomy } : {},
+        ...provider.licenseNumber !== void 0 ? { licenseNumber: provider.licenseNumber } : {},
+        ...provider.licenseState !== void 0 ? { licenseState: provider.licenseState } : {},
+        ...provider.isQME !== void 0 ? { isQme: provider.isQME } : {},
+        ...provider.isAME !== void 0 ? { isAme: provider.isAME } : {}
+      }
+    })),
+    serviceLocations: profile.locations.filter((location) => location.active !== false).map((location) => ({
+      id: location.id,
+      label: location.nickname || location.name,
+      value: {
+        name: location.name,
+        placeOfServiceCode: location.posCode ?? "",
+        address: { line1: location.street, city: location.city, state: location.state, postalCode: location.zip }
+      }
+    }))
+  };
+}
+
 // src/index.tsx
 import "@mindbill/embed";
 import { createElement, useEffect as useEffect12, useRef as useRef8 } from "react";
@@ -99,8 +139,8 @@ var mindBillThemePresets = {
     textColor: "#05092e",
     mutedColor: "#596078",
     borderColor: "#d9dae1",
-    borderRadius: "0px",
-    controlRadius: "999px",
+    borderRadius: "10px",
+    controlRadius: "6px",
     shadow: "0 1px 2px rgba(5,9,46,.04)",
     dangerColor: "#b42318",
     successColor: "#167a58",
@@ -114,6 +154,7 @@ function resolveMindBillAppearance(appearance) {
 }
 function mindBillAppearanceStyle(appearance, style) {
   const resolved = resolveMindBillAppearance(appearance);
+  const dashboard = resolved.dashboard;
   return {
     "--mb-accent": resolved.accentColor,
     "--mb-accent-contrast": resolved.accentTextColor,
@@ -130,6 +171,25 @@ function mindBillAppearanceStyle(appearance, style) {
     "--mb-danger": resolved.dangerColor,
     "--mb-success": resolved.successColor,
     "--mb-warning": resolved.warningColor,
+    "--mbtk-border": dashboard?.borderColor ?? "var(--mb-border)",
+    "--mbtk-border-width": dashboard?.borderWidth ?? "1px",
+    "--mbtk-radius": dashboard?.borderRadius ?? "var(--mb-radius)",
+    "--mbtk-section-gap": dashboard?.sectionGap ?? "16px",
+    "--mbtk-row-height": dashboard?.rowMinHeight ?? "44px",
+    // Brand accents can be intentionally pale. Counts remain legible on a surface.
+    "--mbtk-link": dashboard?.linkColor ?? "var(--mb-text)",
+    "--mbtk-violet": dashboard?.sectionColors?.violet ?? "var(--mb-accent)",
+    "--mbtk-red": dashboard?.sectionColors?.red ?? "var(--mb-danger)",
+    "--mbtk-blue": dashboard?.sectionColors?.blue ?? "var(--mb-accent)",
+    "--mbtk-green": dashboard?.sectionColors?.green ?? "var(--mb-success)",
+    "--mbtk-amber": dashboard?.sectionColors?.amber ?? "var(--mb-warning)",
+    "--mbtk-neutral": dashboard?.sectionColors?.neutral ?? "var(--mb-muted)",
+    "--mbtk-aging-text": dashboard?.agingTextColor ?? "var(--mb-text)",
+    "--mbtk-aging-radius": dashboard?.agingRadius ?? "var(--mb-control-radius)",
+    ...Object.fromEntries(Array.from({ length: 5 }, (_, index) => [
+      `--mbtk-aging-${index + 1}`,
+      dashboard?.agingColors?.[index] ?? `color-mix(in srgb,var(--mb-accent) ${6 + index * 4}%,var(--mb-surface))`
+    ])),
     ...style
   };
 }
@@ -2564,6 +2624,8 @@ function BillSubmissionForm({
   getSession,
   sessionEndpoint,
   apiBaseUrl,
+  profileOptions,
+  profileDisplay = "expanded",
   fetch: fetchOverride,
   onListClaimsAdministrators,
   onSearchClaimsAdministrators,
@@ -2593,6 +2655,7 @@ function BillSubmissionForm({
   children
 }) {
   const [bill, setBill] = useState5(() => cloneInitialBill(initialBill));
+  const [providerEditing, setProviderEditing] = useState5(false);
   const [selectedIds, setSelectedIds] = useState5(() => attachments.map((item) => item.id));
   const [removedSourceIds, setRemovedSourceIds] = useState5([]);
   const [uploads, setUploads] = useState5([]);
@@ -3084,36 +3147,55 @@ function BillSubmissionForm({
       ] })
     ] })
   ] });
+  const compactProviders = profileDisplay === "compact";
+  const providerErrors = Object.keys(errors).some((path) => /^(billingProvider|renderingProvider|serviceLocation)\./.test(path));
   const providersSection = /* @__PURE__ */ jsxs5("fieldset", { className: "mbsf-card", disabled: locked, children: [
     /* @__PURE__ */ jsx5("legend", { className: "mbsf-legend", children: "Providers & place of service" }),
-    /* @__PURE__ */ jsxs5("div", { className: "mbsf-grid", children: [
-      /* @__PURE__ */ jsx5("h4", { className: "mbsf-subhead", children: "Billing provider" }),
-      /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.name", label: "Billing provider name", required: true, error: errors["billingProvider.name"], children: text(bill.billingProvider?.name, (name) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, name } }))) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.taxId", label: "Tax ID (EIN / SSN)", required: true, error: errors["billingProvider.taxId"], children: text(bill.billingProvider?.taxId, (taxId) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, taxId } })), { inputMode: "numeric" }) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.npi", label: "Billing provider NPI", required: true, error: errors["billingProvider.npi"], children: text(bill.billingProvider?.npi, (npi) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, npi } })), { inputMode: "numeric", maxLength: 10 }) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.phone", label: "Billing provider phone", required: true, error: errors["billingProvider.phone"], children: text(bill.billingProvider?.phone, (phone) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, phone } })), { type: "tel" }) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.address.line1", label: "Billing address line 1", required: true, span: true, error: errors["billingProvider.address.line1"], children: text(bill.billingProvider?.address?.line1, (line1) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1, line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx5(Field2, { label: "Billing address line 2 (optional)", span: true, children: text(bill.billingProvider?.address?.line2, (line2) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2, city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.address.city", label: "Billing city", required: true, error: errors["billingProvider.address.city"], children: text(bill.billingProvider?.address?.city, (city) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city, state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.address.state", label: "Billing state", required: true, error: errors["billingProvider.address.state"], children: text(bill.billingProvider?.address?.state, (state) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: state.toUpperCase(), postalCode: c.billingProvider?.address?.postalCode ?? "" } } })), { maxLength: 2 }) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.address.postalCode", label: "Billing ZIP", required: true, error: errors["billingProvider.address.postalCode"], children: text(bill.billingProvider?.address?.postalCode, (postalCode) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode } } }))) }),
-      /* @__PURE__ */ jsx5("h4", { className: "mbsf-subhead", children: "Rendering provider" }),
-      /* @__PURE__ */ jsx5(Field2, { path: "renderingProvider.name", label: "Rendering provider name", required: true, error: errors["renderingProvider.name"], children: text(bill.renderingProvider?.name, (name) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, name } }))) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "renderingProvider.npi", label: "Rendering provider NPI", required: true, error: errors["renderingProvider.npi"], children: text(bill.renderingProvider?.npi, (npi) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, npi } })), { inputMode: "numeric", maxLength: 10 }) }),
-      /* @__PURE__ */ jsxs5(Field2, { path: "renderingProvider.taxonomy", label: "Rendering taxonomy", required: true, error: errors["renderingProvider.taxonomy"], children: [
-        /* @__PURE__ */ jsx5(ComboBox, { ariaLabel: "Rendering taxonomy", invalid: Boolean(errors["renderingProvider.taxonomy"]), disabled: locked, preserveValueOnOpen: true, value: bill.renderingProvider?.taxonomy ?? "", placeholder: "Search specialty name or taxonomy code\u2026", options: taxonomies.map((item) => ({ id: item.code, label: item.description, detail: item.code })), createOption: (query) => {
-          const code = query.trim().toUpperCase();
-          return /^[A-Z0-9]{10}$/.test(code) ? { id: code, label: code, detail: "Use this taxonomy code" } : null;
-        }, onSelect: (option) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, taxonomy: option.id } })) }),
-        /* @__PURE__ */ jsx5("small", { className: "mbsf-help", children: "Search by specialty name or 10-character taxonomy code." })
-      ] }),
-      /* @__PURE__ */ jsx5("h4", { className: "mbsf-subhead", children: "Service facility" }),
-      /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.placeOfServiceCode", label: "Place of service code", required: true, error: errors["serviceLocation.placeOfServiceCode"], children: text(bill.serviceLocation?.placeOfServiceCode, (placeOfServiceCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, placeOfServiceCode } })), { inputMode: "numeric", maxLength: 2, placeholder: "11" }) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.address.line1", label: "Service address line 1", required: true, span: true, error: errors["serviceLocation.address.line1"], children: text(bill.serviceLocation?.address?.line1, (line1) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1, line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx5(Field2, { label: "Service address line 2 (optional)", span: true, children: text(bill.serviceLocation?.address?.line2, (line2) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2, city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.address.city", label: "Service city", required: true, error: errors["serviceLocation.address.city"], children: text(bill.serviceLocation?.address?.city, (city) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city, state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.address.state", label: "Service state", required: true, error: errors["serviceLocation.address.state"], children: text(bill.serviceLocation?.address?.state, (state) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: state.toUpperCase(), postalCode: c.serviceLocation?.address?.postalCode ?? "" } } })), { maxLength: 2 }) }),
-      /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.address.postalCode", label: "Service ZIP", required: true, error: errors["serviceLocation.address.postalCode"], children: text(bill.serviceLocation?.address?.postalCode, (postalCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode } } }))) })
+    /* @__PURE__ */ jsx5("div", { className: "mbsf-grid", children: [["billingProviders", "billingProvider", "Billing provider"], ["renderingProviders", "renderingProvider", "Rendering provider"], ["serviceLocations", "serviceLocation", "Service location"]].map(([collection, key, label]) => {
+      const options = profileOptions?.[collection];
+      return options?.length ? /* @__PURE__ */ jsxs5(Field2, { label: `Saved ${label.toLowerCase()}`, children: [
+        /* @__PURE__ */ jsx5(ComboBox, { ariaLabel: `Saved ${label.toLowerCase()}`, disabled: locked, value: "", placeholder: bill[key]?.name || `Choose ${label.toLowerCase()}\u2026`, options: options.map(({ id, label: optionLabel }) => ({ id, label: optionLabel })), onSelect: ({ id }) => {
+          const option = options.find((candidate) => candidate.id === id);
+          if (option) setBill((current) => ({ ...current, [key]: structuredClone(option.value) }));
+        } }),
+        /* @__PURE__ */ jsx5("small", { className: "mbsf-help", children: bill[key]?.name ? `Current: ${bill[key]?.name}` : "Select a profile or enter details below." })
+      ] }, key) : null;
+    }) }),
+    compactProviders ? /* @__PURE__ */ jsx5("p", { className: "mbsf-help", children: [bill.billingProvider?.name, bill.renderingProvider?.name, bill.serviceLocation?.name].filter(Boolean).join(" \xB7 ") || "Enter provider details or choose saved profiles." }) : null,
+    /* @__PURE__ */ jsxs5("details", { open: !compactProviders || providerEditing || providerErrors, children: [
+      /* @__PURE__ */ jsx5("summary", { hidden: !compactProviders, onClick: (event) => {
+        event.preventDefault();
+        setProviderEditing((current) => !current);
+      }, style: { cursor: "pointer", marginBottom: 12 }, children: "Review or edit provider details" }),
+      /* @__PURE__ */ jsxs5("div", { className: "mbsf-grid", children: [
+        /* @__PURE__ */ jsx5("h4", { className: "mbsf-subhead", children: "Billing provider" }),
+        /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.name", label: "Billing provider name", required: true, error: errors["billingProvider.name"], children: text(bill.billingProvider?.name, (name) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, name } }))) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.taxId", label: "Tax ID (EIN / SSN)", required: true, error: errors["billingProvider.taxId"], children: text(bill.billingProvider?.taxId, (taxId) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, taxId } })), { inputMode: "numeric" }) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.npi", label: "Billing provider NPI", required: true, error: errors["billingProvider.npi"], children: text(bill.billingProvider?.npi, (npi) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, npi } })), { inputMode: "numeric", maxLength: 10 }) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.phone", label: "Billing provider phone", required: true, error: errors["billingProvider.phone"], children: text(bill.billingProvider?.phone, (phone) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, phone } })), { type: "tel" }) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.address.line1", label: "Billing address line 1", required: true, span: true, error: errors["billingProvider.address.line1"], children: text(bill.billingProvider?.address?.line1, (line1) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1, line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
+        /* @__PURE__ */ jsx5(Field2, { label: "Billing address line 2 (optional)", span: true, children: text(bill.billingProvider?.address?.line2, (line2) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2, city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.address.city", label: "Billing city", required: true, error: errors["billingProvider.address.city"], children: text(bill.billingProvider?.address?.city, (city) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city, state: c.billingProvider?.address?.state ?? "", postalCode: c.billingProvider?.address?.postalCode ?? "" } } }))) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.address.state", label: "Billing state", required: true, error: errors["billingProvider.address.state"], children: text(bill.billingProvider?.address?.state, (state) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: state.toUpperCase(), postalCode: c.billingProvider?.address?.postalCode ?? "" } } })), { maxLength: 2 }) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "billingProvider.address.postalCode", label: "Billing ZIP", required: true, error: errors["billingProvider.address.postalCode"], children: text(bill.billingProvider?.address?.postalCode, (postalCode) => setBill((c) => ({ ...c, billingProvider: { ...c.billingProvider, address: { line1: c.billingProvider?.address?.line1 ?? "", line2: c.billingProvider?.address?.line2 ?? "", city: c.billingProvider?.address?.city ?? "", state: c.billingProvider?.address?.state ?? "", postalCode } } }))) }),
+        /* @__PURE__ */ jsx5("h4", { className: "mbsf-subhead", children: "Rendering provider" }),
+        /* @__PURE__ */ jsx5(Field2, { path: "renderingProvider.name", label: "Rendering provider name", required: true, error: errors["renderingProvider.name"], children: text(bill.renderingProvider?.name, (name) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, name } }))) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "renderingProvider.npi", label: "Rendering provider NPI", required: true, error: errors["renderingProvider.npi"], children: text(bill.renderingProvider?.npi, (npi) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, npi } })), { inputMode: "numeric", maxLength: 10 }) }),
+        /* @__PURE__ */ jsxs5(Field2, { path: "renderingProvider.taxonomy", label: "Rendering taxonomy", required: true, error: errors["renderingProvider.taxonomy"], children: [
+          /* @__PURE__ */ jsx5(ComboBox, { ariaLabel: "Rendering taxonomy", invalid: Boolean(errors["renderingProvider.taxonomy"]), disabled: locked, preserveValueOnOpen: true, value: bill.renderingProvider?.taxonomy ?? "", placeholder: "Search specialty name or taxonomy code\u2026", options: taxonomies.map((item) => ({ id: item.code, label: item.description, detail: item.code })), createOption: (query) => {
+            const code = query.trim().toUpperCase();
+            return /^[A-Z0-9]{10}$/.test(code) ? { id: code, label: code, detail: "Use this taxonomy code" } : null;
+          }, onSelect: (option) => setBill((c) => ({ ...c, renderingProvider: { ...c.renderingProvider, taxonomy: option.id } })) }),
+          /* @__PURE__ */ jsx5("small", { className: "mbsf-help", children: "Search by specialty name or 10-character taxonomy code." })
+        ] }),
+        /* @__PURE__ */ jsx5("h4", { className: "mbsf-subhead", children: "Service facility" }),
+        /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.placeOfServiceCode", label: "Place of service code", required: true, error: errors["serviceLocation.placeOfServiceCode"], children: text(bill.serviceLocation?.placeOfServiceCode, (placeOfServiceCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, placeOfServiceCode } })), { inputMode: "numeric", maxLength: 2, placeholder: "11" }) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.address.line1", label: "Service address line 1", required: true, span: true, error: errors["serviceLocation.address.line1"], children: text(bill.serviceLocation?.address?.line1, (line1) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1, line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
+        /* @__PURE__ */ jsx5(Field2, { label: "Service address line 2 (optional)", span: true, children: text(bill.serviceLocation?.address?.line2, (line2) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2, city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.address.city", label: "Service city", required: true, error: errors["serviceLocation.address.city"], children: text(bill.serviceLocation?.address?.city, (city) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city, state: c.serviceLocation?.address?.state ?? "", postalCode: c.serviceLocation?.address?.postalCode ?? "" } } }))) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.address.state", label: "Service state", required: true, error: errors["serviceLocation.address.state"], children: text(bill.serviceLocation?.address?.state, (state) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: state.toUpperCase(), postalCode: c.serviceLocation?.address?.postalCode ?? "" } } })), { maxLength: 2 }) }),
+        /* @__PURE__ */ jsx5(Field2, { path: "serviceLocation.address.postalCode", label: "Service ZIP", required: true, error: errors["serviceLocation.address.postalCode"], children: text(bill.serviceLocation?.address?.postalCode, (postalCode) => setBill((c) => ({ ...c, serviceLocation: { ...c.serviceLocation, address: { line1: c.serviceLocation?.address?.line1 ?? "", line2: c.serviceLocation?.address?.line2 ?? "", city: c.serviceLocation?.address?.city ?? "", state: c.serviceLocation?.address?.state ?? "", postalCode } } }))) })
+      ] })
     ] })
   ] });
   const serviceLinesSection = /* @__PURE__ */ jsxs5("fieldset", { className: "mbsf-card", disabled: locked, children: [
@@ -3705,37 +3787,29 @@ import {
   buildBillTasksDashboard
 } from "@mindbill/browser";
 import { Fragment as Fragment6, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var TONES = {
-  violet: "#7c53c3",
-  red: "#cf4437",
-  blue: "#2f7fd1",
-  green: "#2c9a5b",
-  amber: "#d9931f",
-  neutral: "#8195a1"
-};
-var BUCKET_PILL_BASES = ["#2c9a5b", "#1f9aa8", "#dcbb28", "#e08a2e", "#d75d8a"];
 var css6 = `
 .mbtk{color:var(--mb-text);font-family:var(--mb-font);font-size:14px}.mbtk *{box-sizing:border-box}.mbtk h2,.mbtk p{margin:0}
 .mbtk-heading{margin-bottom:14px}.mbtk-heading h2{font-size:24px}
 .mbtk-toolbar{margin-bottom:14px}
-.mbtk-section{margin-bottom:16px;border:1.5px solid var(--mbtk-tone,var(--mb-border));border-radius:var(--mb-radius);background:var(--mb-surface);box-shadow:var(--mb-shadow);overflow:hidden}
-.mbtk-section.is-grand{border-color:var(--mb-border)}
+.mbtk-section{margin-bottom:var(--mbtk-section-gap);border:var(--mbtk-border-width) solid var(--mbtk-border);border-radius:var(--mbtk-radius);background:var(--mb-surface);box-shadow:var(--mb-shadow);overflow:hidden}
 .mbtk-grid{display:grid;grid-template-columns:var(--mbtk-cols);gap:0 10px;align-items:center;padding:0 16px}
-.mbtk-head{padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--mbtk-tone,var(--mb-border)) 22%,var(--mb-border))}
+.mbtk-head{padding:12px 16px;border-bottom:1px solid var(--mb-border)}
 .mbtk-title{display:flex;align-items:center;gap:9px;min-width:0}
 .mbtk-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:var(--mbtk-tone,var(--mb-muted))}
 .mbtk-title-text{min-width:0}
 .mbtk-title-text strong{display:block;font-size:15.5px;line-height:1.3}
 .mbtk-basis{display:block;color:var(--mb-muted);font-size:12px;line-height:1.35}
-.mbtk-pill{justify-self:stretch;padding:5px 6px;border-radius:999px;background:color-mix(in srgb,var(--mbtk-pill) 20%,var(--mb-surface));color:color-mix(in srgb,var(--mbtk-pill) 62%,var(--mb-text));font-size:11px;font-weight:750;line-height:1.25;text-align:center;white-space:nowrap}
+.mbtk-pill{justify-self:stretch;padding:5px 6px;border-radius:var(--mbtk-aging-radius);background:var(--mb-soft);background:var(--mbtk-pill);color:var(--mbtk-aging-text);font-size:11px;font-weight:750;line-height:1.25;text-align:center;white-space:nowrap}
 .mbtk-colhead{justify-self:stretch;color:var(--mb-muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-align:center;white-space:nowrap}
-.mbtk-row{border-top:1px solid color-mix(in srgb,var(--mb-border) 60%,transparent);min-height:44px}
+.mbtk-row{border-top:1px solid color-mix(in srgb,var(--mb-border) 60%,transparent);min-height:var(--mbtk-row-height)}
 .mbtk-row:first-of-type{border-top:0}
 .mbtk-rowlabel{color:var(--mb-muted);font-size:13px;line-height:1.35;padding:9px 0;overflow-wrap:anywhere}
 .mbtk-count{text-align:center;font-variant-numeric:tabular-nums}
 .mbtk-zero{color:var(--mb-muted)}
-.mbtk-link{border:0;background:none;padding:6px 8px;color:var(--mb-accent);font:inherit;font-weight:750;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:6px}
+.mbtk-bal{display:block;color:var(--mb-muted);font-size:11px;font-weight:550;line-height:1.35;white-space:nowrap;font-variant-numeric:tabular-nums}
+.mbtk-link{border:0;background:none;padding:6px 8px;min-height:44px;min-width:44px;color:var(--mbtk-link);font:inherit;font-weight:750;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:var(--mb-control-radius)}
 .mbtk-link:hover{text-decoration:underline;background:color-mix(in srgb,var(--mb-accent) 8%,transparent)}
+.mbtk-link:focus-visible{outline:2px solid var(--mbtk-link);outline-offset:2px;text-decoration:underline}
 .mbtk-total{text-align:center}
 .mbtk-totals{background:var(--mb-soft);border-top:1px solid var(--mb-border);font-weight:760}
 .mbtk-totals .mbtk-rowlabel{color:var(--mb-text);font-weight:760}
@@ -3745,17 +3819,26 @@ var css6 = `
 .mbtk-footnote{margin-top:12px;color:var(--mb-muted);font-size:12.5px}
 @media(max-width:760px){.mbtk-pill,.mbtk-colhead,.mbtk-count{display:none}.mbtk-grid{grid-template-columns:minmax(0,1fr) auto}}
 `;
-function cellButton(key, count, className, label, onSelect) {
+var USD = new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" });
+function cellBody(count, balance) {
+  return /* @__PURE__ */ jsxs8(Fragment6, { children: [
+    /* @__PURE__ */ jsx8("span", { children: count }),
+    count > 0 && balance !== void 0 && Number.isFinite(balance) ? /* @__PURE__ */ jsx8("span", { className: "mbtk-bal", children: USD.format(balance) }) : null
+  ] });
+}
+function cellButton(key, count, className, label, onSelect, balance) {
+  const ariaLabel = count > 0 && balance !== void 0 && Number.isFinite(balance) ? `${label} \xB7 ${USD.format(balance)} due` : label;
   if (count > 0 && onSelect) {
-    return /* @__PURE__ */ jsx8("span", { className, children: /* @__PURE__ */ jsx8("button", { type: "button", className: "mbtk-link", "aria-label": label, onClick: onSelect, children: count }) }, key);
+    return /* @__PURE__ */ jsx8("span", { className, children: /* @__PURE__ */ jsx8("button", { type: "button", className: "mbtk-link", "aria-label": ariaLabel, onClick: onSelect, children: cellBody(count, balance) }) }, key);
   }
-  return /* @__PURE__ */ jsx8("span", { className: `${className}${count === 0 ? " mbtk-zero" : ""}`, children: count }, key);
+  return /* @__PURE__ */ jsx8("span", { className: `${className}${count === 0 ? " mbtk-zero" : ""}`, children: cellBody(count, balance) }, key);
 }
 function TaskRow({
   sectionId,
   row,
   buckets,
-  onSelectCell
+  onSelectCell,
+  itemLabel
 }) {
   const allRefs = row.refs.flat();
   return /* @__PURE__ */ jsxs8("div", { className: "mbtk-grid mbtk-row", children: [
@@ -3766,16 +3849,18 @@ function TaskRow({
         bucket.id,
         count,
         "mbtk-count",
-        `${row.label} \xB7 ${bucket.label}: ${count} tasks`,
-        onSelectCell ? () => onSelectCell({ sectionId, rowId: row.id, bucketId: bucket.id, refs: row.refs[index] ?? [], count }) : null
+        `${row.label} \xB7 ${bucket.label}: ${count} ${itemLabel}`,
+        onSelectCell ? () => onSelectCell({ sectionId, rowId: row.id, bucketId: bucket.id, refs: row.refs[index] ?? [], count }) : null,
+        row.balances?.[index]
       );
     }),
     cellButton(
       "task-total",
       row.total,
       "mbtk-total",
-      `${row.label} \xB7 all ages: ${row.total} tasks`,
-      onSelectCell ? () => onSelectCell({ sectionId, rowId: row.id, bucketId: null, refs: allRefs, count: row.total }) : null
+      `${row.label} \xB7 all ages: ${row.total} ${itemLabel}`,
+      onSelectCell ? () => onSelectCell({ sectionId, rowId: row.id, bucketId: null, refs: allRefs, count: row.total }) : null,
+      row.balanceTotal
     )
   ] });
 }
@@ -3783,13 +3868,15 @@ function SectionCard({
   section,
   buckets,
   emptyLabel,
-  onSelectCell
+  onSelectCell,
+  totalLabel,
+  itemLabel
 }) {
   return /* @__PURE__ */ jsxs8(
     "section",
     {
       className: "mbtk-section",
-      style: { "--mbtk-tone": TONES[section.tone] },
+      style: { "--mbtk-tone": `var(--mbtk-${section.tone})` },
       "aria-label": section.label,
       children: [
         /* @__PURE__ */ jsxs8("div", { className: "mbtk-grid mbtk-head", children: [
@@ -3807,19 +3894,19 @@ function SectionCard({
             "span",
             {
               className: "mbtk-pill",
-              style: { "--mbtk-pill": BUCKET_PILL_BASES[index % BUCKET_PILL_BASES.length] },
+              style: { "--mbtk-pill": `var(--mbtk-aging-${Math.min(index + 1, 5)})` },
               children: bucket.label
             },
             bucket.id
           )),
-          /* @__PURE__ */ jsx8("span", { className: "mbtk-colhead", children: "Task Total" })
+          /* @__PURE__ */ jsx8("span", { className: "mbtk-colhead", children: totalLabel })
         ] }),
         section.empty ? /* @__PURE__ */ jsx8("p", { className: "mbtk-empty", children: emptyLabel }) : /* @__PURE__ */ jsxs8(Fragment6, { children: [
-          section.rows.map((row) => /* @__PURE__ */ jsx8(TaskRow, { sectionId: section.id, row, buckets, onSelectCell }, row.id)),
+          section.rows.map((row) => /* @__PURE__ */ jsx8(TaskRow, { sectionId: section.id, row, buckets, onSelectCell, itemLabel }, row.id)),
           /* @__PURE__ */ jsxs8("div", { className: "mbtk-grid mbtk-row mbtk-totals", children: [
             /* @__PURE__ */ jsx8("span", { className: "mbtk-rowlabel", children: "Total" }),
-            buckets.map((bucket, index) => /* @__PURE__ */ jsx8("span", { className: "mbtk-count", children: section.totals[index] ?? 0 }, bucket.id)),
-            /* @__PURE__ */ jsx8("span", { className: "mbtk-total", children: section.total })
+            buckets.map((bucket, index) => /* @__PURE__ */ jsx8("span", { className: "mbtk-count", children: cellBody(section.totals[index] ?? 0, section.balanceTotals?.[index]) }, bucket.id)),
+            /* @__PURE__ */ jsx8("span", { className: "mbtk-total", children: cellBody(section.total, section.balanceTotal) })
           ] })
         ] })
       ]
@@ -3831,6 +3918,8 @@ function BillTasksDashboard({
   buckets = BILL_TASKS_AGING_BUCKETS,
   heading,
   grandTotalLabel = "Bill Tasks Total",
+  totalLabel = "Task Total",
+  itemLabel = "tasks",
   emptyLabel = "No Tasks",
   onSelectCell,
   toolbar,
@@ -3855,14 +3944,16 @@ function BillTasksDashboard({
             section,
             buckets,
             emptyLabel,
-            onSelectCell
+            onSelectCell,
+            totalLabel,
+            itemLabel
           },
           section.id
         )),
         /* @__PURE__ */ jsx8("section", { className: "mbtk-section is-grand", "aria-label": grandTotalLabel, children: /* @__PURE__ */ jsxs8("div", { className: "mbtk-grid mbtk-row mbtk-grand mbtk-totals", children: [
           /* @__PURE__ */ jsx8("span", { className: "mbtk-rowlabel", children: grandTotalLabel }),
-          buckets.map((bucket, index) => /* @__PURE__ */ jsx8("span", { className: "mbtk-count", children: data.grandTotals[index] ?? 0 }, bucket.id)),
-          /* @__PURE__ */ jsx8("span", { className: "mbtk-total", children: data.grandTotal })
+          buckets.map((bucket, index) => /* @__PURE__ */ jsx8("span", { className: "mbtk-count", children: cellBody(data.grandTotals[index] ?? 0, data.grandBalanceTotals?.[index]) }, bucket.id)),
+          /* @__PURE__ */ jsx8("span", { className: "mbtk-total", children: cellBody(data.grandTotal, data.grandBalanceTotal) })
         ] }) }),
         footnote ? /* @__PURE__ */ jsx8("p", { className: "mbtk-footnote", children: footnote }) : null
       ]
@@ -4401,13 +4492,14 @@ function ReportBillStatusDialog({
 }
 
 // src/organization-onboarding.tsx
-import { useCallback as useCallback2, useEffect as useEffect7, useMemo as useMemo6, useRef as useRef3, useState as useState8 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect7, useId as useId2, useMemo as useMemo6, useRef as useRef3, useState as useState8 } from "react";
 import {
   createOrganizationClient
 } from "@mindbill/browser";
 import { Fragment as Fragment9, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var STEPS = [
   { id: "practice", label: "Practice & billing" },
+  { id: "rendering", label: "Rendering providers" },
   { id: "locations", label: "Locations" },
   { id: "w9", label: "W-9" },
   { id: "review", label: "Review" }
@@ -4419,13 +4511,13 @@ var css9 = `
 .mbob-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
 .mbob-step{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--mb-border);border-radius:999px;background:var(--mb-surface);padding:7px 13px;color:var(--mb-muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
 .mbob-step[data-active=true]{border-color:var(--mb-accent);color:var(--mb-accent);background:color-mix(in srgb,var(--mb-accent) 8%,var(--mb-surface))}
-.mbob-step[data-done=true] i{color:#159447;font-style:normal}
+.mbob-step[data-done=true] i{color:var(--mb-success);font-style:normal}
 .mbob-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.mbob-span{grid-column:1/-1}
 .mbob-field{display:grid;gap:7px;font-size:13px;font-weight:720}
-.mbob-field input{width:100%;min-height:44px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius);background:var(--mb-input);padding:10px 12px;color:var(--mb-text);font:inherit;font-weight:450}
+.mbob-field input,.mbob-field select{width:100%;min-height:44px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius);background:var(--mb-input);padding:10px 12px;color:var(--mb-text);font:inherit;font-weight:450}
 .mbob-field input:focus{outline:3px solid color-mix(in srgb,var(--mb-accent) 22%,transparent);border-color:var(--mb-accent)}
 .mbob-subhead{margin:20px 0 12px!important;padding-top:16px;border-top:1px solid var(--mb-border);font-size:15px}
-.mbob-loc{display:grid;grid-template-columns:1.2fr 1.4fr .9fr .4fr .6fr auto auto;gap:10px;align-items:end;border-top:1px solid color-mix(in srgb,var(--mb-border) 60%,transparent);padding:12px 0}
+.mbob-loc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;border-top:1px solid color-mix(in srgb,var(--mb-border) 60%,transparent);padding:16px 0}
 .mbob-loc:first-of-type{border-top:0}
 .mbob-primary{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mb-muted);white-space:nowrap;padding-bottom:12px}
 .mbob-remove{border:0;background:transparent;color:var(--mb-muted);font-size:20px;cursor:pointer;padding-bottom:8px}
@@ -4433,21 +4525,22 @@ var css9 = `
 .mbob-drop{display:grid;place-content:center;gap:6px;min-height:150px;border:2px dashed color-mix(in srgb,var(--mb-muted) 55%,transparent);border-radius:var(--mb-control-radius);text-align:center;cursor:pointer;position:relative}
 .mbob-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
 .mbob-drop span{color:var(--mb-muted);font-size:13px}
-.mbob-w9-current{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #9fd6b4;border-radius:var(--mb-control-radius);background:#f3fcf6;padding:12px 14px;margin-bottom:14px}
+.mbob-w9-current{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid color-mix(in srgb,var(--mb-success) 35%,var(--mb-border));border-radius:var(--mb-control-radius);background:color-mix(in srgb,var(--mb-success) 8%,var(--mb-surface));padding:12px 14px;margin-bottom:14px}
 .mbob-w9-current span{color:var(--mb-muted);font-size:13px}
 .mbob-check{display:grid;gap:9px}
 .mbob-check-item{display:flex;align-items:center;gap:10px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius);padding:11px 14px}
-.mbob-check-item[data-complete=true]{border-color:#9fd6b4;background:#f3fcf6}
+.mbob-check-item[data-complete=true]{border-color:color-mix(in srgb,var(--mb-success) 35%,var(--mb-border));background:color-mix(in srgb,var(--mb-success) 8%,var(--mb-surface))}
 .mbob-check-item i{font-style:normal}
 .mbob-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px}
 .mbob-save{min-width:170px;border:0;border-radius:var(--mb-control-radius);background:var(--mb-accent);color:var(--mb-accent-contrast);padding:12px 22px;font:inherit;font-weight:780;cursor:pointer}
 .mbob-save:disabled{opacity:.6;cursor:wait}
 .mbob-error{margin-top:14px;border-left:4px solid var(--mb-danger);border-radius:var(--mb-control-radius);background:color-mix(in srgb,var(--mb-danger) 8%,var(--mb-surface));padding:12px 14px;color:var(--mb-danger)}
 .mbob-status{color:var(--mb-muted)}
-.mbob-done{color:#159447;font-weight:750}
+.mbob-done{color:var(--mb-success);font-weight:750}
 @media(max-width:820px){.mbob-grid{grid-template-columns:1fr}.mbob-span{grid-column:auto}.mbob-loc{grid-template-columns:1fr 1fr;align-items:center}.mbob-loc>*{grid-column:auto}}
 `;
 var blankLocation = () => ({ name: "", street: "", city: "", state: "", zip: "", isPrimary: false });
+var blankRendering = () => ({ name: "", npi: "", specialty: "", taxonomy: "", active: true });
 async function fileToBase64(file) {
   const buffer = new Uint8Array(await file.arrayBuffer());
   let binary = "";
@@ -4482,6 +4575,8 @@ function OrganizationOnboarding({
   const [identity, setIdentity] = useState8({ name: "", legalName: "", taxId: "", npi: "", phone: "", email: "" });
   const [provider, setProvider] = useState8({ name: "", taxId: "", npi: "", billType: "Professional", phone: "", billingStreet: "", billingCity: "", billingState: "", billingZip: "" });
   const [locations, setLocations] = useState8([blankLocation()]);
+  const [rendering, setRendering] = useState8(blankRendering);
+  const primaryGroup = useId2();
   const [w9File, setW9File] = useState8(null);
   const [saving, setSaving] = useState8(false);
   const [error, setError] = useState8(null);
@@ -4498,6 +4593,7 @@ function OrganizationOnboarding({
       email: next.practiceIdentity.email ?? current.email
     }));
     if (next.billingProviders[0]) setProvider({ billType: "Professional", ...next.billingProviders[0] });
+    if (next.renderingProviders?.[0]) setRendering({ ...next.renderingProviders[0] });
     if (next.locations.length) setLocations(next.locations.map((item) => ({ ...item })));
     if (next.onboarding.complete && !completedFired.current) {
       completedFired.current = true;
@@ -4530,7 +4626,7 @@ function OrganizationOnboarding({
       setSavedStep((current) => ({ ...current, [stepId]: true }));
       onSaved?.(next);
       if (variant === "onboarding") {
-        const order = ["practice", "locations", "w9", "review"];
+        const order = STEPS.map((item) => item.id);
         const nextStep = order[order.indexOf(stepId) + 1];
         if (nextStep) setStep(nextStep);
       }
@@ -4542,10 +4638,15 @@ function OrganizationOnboarding({
       setSaving(false);
     }
   };
-  const savePractice = () => run(() => client.saveBillingProfile({
-    practiceIdentity: identity,
-    ...provider.name.trim() || provider.taxId.trim() || provider.npi.trim() ? { billingProviders: [provider] } : {}
-  }), "practice");
+  const savePractice = () => run(() => {
+    if ([identity.taxId, provider.taxId].some((value) => /^\d{3}-\d{2}-\d{4}$/.test(value.trim()))) {
+      throw new Error("Saved organization profiles support EINs only. Do not enter an SSN.");
+    }
+    return client.saveBillingProfile({
+      practiceIdentity: identity,
+      ...provider.name.trim() || provider.taxId.trim() || provider.npi.trim() ? { billingProviders: [provider] } : {}
+    });
+  }, "practice");
   const saveLocations = () => run(() => client.saveLocations(locations.filter((item) => item.name.trim() || item.street.trim())), "locations");
   const saveW9 = () => run(async () => {
     if (!w9File) throw new Error("Choose the practice W-9 PDF first.");
@@ -4560,6 +4661,7 @@ function OrganizationOnboarding({
     return { ...item, ...patch };
   }));
   const practiceSection = /* @__PURE__ */ jsxs11("div", { children: [
+    /* @__PURE__ */ jsx11("p", { className: "mbob-status", children: "Save business EINs only. Do not enter an SSN; saved personal tax IDs are not supported by this settings flow." }),
     /* @__PURE__ */ jsxs11("div", { className: "mbob-grid", children: [
       field("Practice name", identity.name, (name) => setIdentity((c) => ({ ...c, name }))),
       field("Legal name", identity.legalName, (legalName) => setIdentity((c) => ({ ...c, legalName }))),
@@ -4569,9 +4671,16 @@ function OrganizationOnboarding({
       field("Email", identity.email, (email) => setIdentity((c) => ({ ...c, email })))
     ] }),
     /* @__PURE__ */ jsx11("h3", { className: "mbob-subhead", children: "Billing provider (pay-to)" }),
+    /* @__PURE__ */ jsxs11("label", { className: "mbob-field", children: [
+      "Saved billing provider",
+      /* @__PURE__ */ jsxs11("select", { disabled: saving, value: provider.id ?? "", onChange: (event) => setProvider({ ...profile?.billingProviders.find((item) => item.id === event.target.value) ?? { name: "", taxId: "", npi: "" } }), children: [
+        /* @__PURE__ */ jsx11("option", { value: "", children: "Add a billing provider" }),
+        profile?.billingProviders.map((item) => /* @__PURE__ */ jsx11("option", { value: item.id, children: item.name }, item.id))
+      ] })
+    ] }),
     /* @__PURE__ */ jsxs11("div", { className: "mbob-grid", children: [
       field("Billing provider name", provider.name, (name) => setProvider((c) => ({ ...c, name }))),
-      field("Billing tax ID", provider.taxId, (taxId) => setProvider((c) => ({ ...c, taxId }))),
+      field("Billing tax ID (EIN only)", provider.taxId, (taxId) => setProvider((c) => ({ ...c, taxId }))),
       field("Billing NPI", provider.npi, (npi) => setProvider((c) => ({ ...c, npi }))),
       field("Billing phone", provider.phone ?? "", (phone) => setProvider((c) => ({ ...c, phone }))),
       field("Street", provider.billingStreet ?? "", (billingStreet) => setProvider((c) => ({ ...c, billingStreet })), true),
@@ -4584,18 +4693,47 @@ function OrganizationOnboarding({
       /* @__PURE__ */ jsx11("button", { className: "mbob-save", type: "button", disabled: saving, onClick: savePractice, children: saving ? "Saving\u2026" : "Save practice" })
     ] })
   ] });
+  const renderingSection = /* @__PURE__ */ jsxs11("div", { children: [
+    /* @__PURE__ */ jsxs11("label", { className: "mbob-field", children: [
+      "Saved rendering provider",
+      /* @__PURE__ */ jsxs11("select", { disabled: saving, value: rendering.id ?? "", onChange: (event) => setRendering({ ...profile?.renderingProviders?.find((item) => item.id === event.target.value) ?? blankRendering() }), children: [
+        /* @__PURE__ */ jsx11("option", { value: "", children: "Add a rendering provider" }),
+        profile?.renderingProviders?.map((item) => /* @__PURE__ */ jsxs11("option", { value: item.id, children: [
+          item.name,
+          item.active === false ? " (inactive)" : ""
+        ] }, item.id))
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs11("div", { className: "mbob-grid", style: { marginTop: 16 }, children: [
+      field("Rendering provider name", rendering.name, (name) => setRendering((c) => ({ ...c, name }))),
+      field("Rendering NPI", rendering.npi, (npi) => setRendering((c) => ({ ...c, npi }))),
+      field("Taxonomy", rendering.taxonomy ?? "", (taxonomy) => setRendering((c) => ({ ...c, taxonomy }))),
+      field("Specialty", rendering.specialty ?? "", (specialty) => setRendering((c) => ({ ...c, specialty }))),
+      field("License number", rendering.licenseNumber ?? "", (licenseNumber) => setRendering((c) => ({ ...c, licenseNumber }))),
+      field("License state", rendering.licenseState ?? "", (licenseState) => setRendering((c) => ({ ...c, licenseState: licenseState.toUpperCase().slice(0, 2) }))),
+      /* @__PURE__ */ jsxs11("label", { children: [
+        /* @__PURE__ */ jsx11("input", { disabled: saving, type: "checkbox", checked: rendering.active !== false, onChange: (event) => setRendering((c) => ({ ...c, active: event.target.checked })) }),
+        " Available for new bills"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs11("div", { className: "mbob-actions", children: [
+      /* @__PURE__ */ jsx11("span", { className: "mbob-status", children: savedStep["rendering"] ? "Saved to MindBill." : "Saved profiles do not change previously submitted bills." }),
+      /* @__PURE__ */ jsx11("button", { className: "mbob-save", type: "button", disabled: saving || !rendering.name.trim(), onClick: () => run(() => client.saveBillingProfile({ renderingProviders: [rendering] }), "rendering"), children: saving ? "Saving\u2026" : "Save rendering provider" })
+    ] })
+  ] });
   const locationsSection = /* @__PURE__ */ jsxs11("div", { children: [
     locations.map((location, index) => /* @__PURE__ */ jsxs11("div", { className: "mbob-loc", children: [
-      field("Name", location.name, (name) => setLocation(index, { name })),
+      field("Name", location.name ?? "", (name) => setLocation(index, { name })),
       field("Street", location.street, (street) => setLocation(index, { street })),
       field("City", location.city, (city) => setLocation(index, { city })),
       field("State", location.state, (state) => setLocation(index, { state: state.toUpperCase().slice(0, 2) })),
       field("ZIP", location.zip, (zip) => setLocation(index, { zip })),
+      field("Place of service code", location.posCode ?? "", (posCode) => setLocation(index, { posCode }), false, "11"),
       /* @__PURE__ */ jsxs11("label", { className: "mbob-primary", children: [
-        /* @__PURE__ */ jsx11("input", { type: "radio", name: "mbob-primary", checked: location.isPrimary === true, onChange: () => setLocation(index, { isPrimary: true }) }),
+        /* @__PURE__ */ jsx11("input", { disabled: saving || location.active === false, type: "radio", name: primaryGroup, checked: location.isPrimary === true, onChange: () => setLocation(index, { isPrimary: true }) }),
         " Primary"
       ] }),
-      /* @__PURE__ */ jsx11("button", { className: "mbob-remove", type: "button", "aria-label": "Remove location", onClick: () => setLocations((current) => current.filter((_, itemIndex) => itemIndex !== index)), children: "\xD7" })
+      location.id ? /* @__PURE__ */ jsx11("button", { className: "mbob-secondary", disabled: saving, type: "button", onClick: () => setLocation(index, { active: location.active === false, ...location.active !== false ? { isPrimary: false } : {} }), children: location.active === false ? "Restore" : "Archive" }) : /* @__PURE__ */ jsx11("button", { className: "mbob-remove", disabled: saving, type: "button", "aria-label": "Remove location", onClick: () => setLocations((current) => current.filter((_, itemIndex) => itemIndex !== index)), children: "\xD7" })
     ] }, location.id ?? index)),
     /* @__PURE__ */ jsx11("button", { className: "mbob-add", type: "button", onClick: () => setLocations((current) => [...current, blankLocation()]), children: "+ Add location" }),
     /* @__PURE__ */ jsxs11("div", { className: "mbob-actions", children: [
@@ -4631,7 +4769,7 @@ function OrganizationOnboarding({
     ] }, item.id)),
     profile?.onboarding.complete ? /* @__PURE__ */ jsx11("p", { className: "mbob-done", children: "Billing setup is complete \u2014 bills submitted from your product carry this profile automatically." }) : /* @__PURE__ */ jsx11("p", { className: "mbob-status", children: "Items above complete themselves as each section is saved." })
   ] });
-  const sections = { practice: practiceSection, locations: locationsSection, w9: w9Section, review: reviewSection };
+  const sections = { practice: practiceSection, rendering: renderingSection, locations: locationsSection, w9: w9Section, review: reviewSection };
   return /* @__PURE__ */ jsxs11("div", { className: `mbob ${className}`.trim(), style: { ...mindBillAppearanceStyle(appearance), ...style }, children: [
     /* @__PURE__ */ jsx11("style", { children: css9 }),
     /* @__PURE__ */ jsxs11("div", { className: "mbob-card", children: [
@@ -4648,6 +4786,8 @@ function OrganizationOnboarding({
         sections[step]
       ] }) : /* @__PURE__ */ jsxs11(Fragment9, { children: [
         practiceSection,
+        /* @__PURE__ */ jsx11("h3", { className: "mbob-subhead", children: "Rendering providers" }),
+        renderingSection,
         /* @__PURE__ */ jsx11("h3", { className: "mbob-subhead", children: "Locations" }),
         locationsSection,
         /* @__PURE__ */ jsx11("h3", { className: "mbob-subhead", children: "Practice W-9" }),
@@ -6790,7 +6930,17 @@ function createBillingOperationsClient({
       pendingSessionSignal = null;
     },
     getBills(query = {}, signal) {
-      return get(`/partner/v2/browser/bills${queryString(query)}`, signal);
+      const { claimsAdministrator, taskType, taskSection: _taskSection, sort, status, ...filters } = query;
+      void _taskSection;
+      const sortKey = sort?.startsWith("balance_") ? "balanceDue" : sort?.startsWith("patient_") ? "patient" : sort ? "submitted" : void 0;
+      return get(`/partner/v2/browser/bills${queryString({
+        ...filters,
+        status: status === "submitted" ? "sent" : status,
+        claimsAdminId: claimsAdministrator,
+        taskKind: taskType,
+        sort: sortKey,
+        dir: sort ? sort.endsWith("_asc") ? "asc" : "desc" : void 0
+      })}`, signal);
     },
     getBillTasks(claimsAdministrator, signal) {
       return get(
@@ -6882,7 +7032,7 @@ function BillSearchContent({
   onSelectBill,
   heading
 }) {
-  const [query, setQuery] = useState13({ status: "all", age: "all", page: 1, pageSize: 25, sort: "submitted_desc", ...initialQuery });
+  const [query, setQuery] = useState13({ age: "all", page: 1, pageSize: 25, sort: "submitted_desc", ...initialQuery, status: initialQuery?.status === "submitted" ? "sent" : initialQuery?.status ?? "all" });
   const [draft, setDraft] = useState13(initialQuery?.q ?? "");
   const [result, setResult] = useState13(null);
   const [error, setError] = useState13(null);
@@ -6915,8 +7065,9 @@ function BillSearchContent({
       /* @__PURE__ */ jsxs16("select", { className: "mbow-select", value: query.status ?? "all", onChange: (event) => update({ status: event.target.value }), "aria-label": "Bill status", children: [
         /* @__PURE__ */ jsx16("option", { value: "all", children: "All statuses" }),
         /* @__PURE__ */ jsx16("option", { value: "incomplete", children: "Incomplete" }),
-        /* @__PURE__ */ jsx16("option", { value: "submitted", children: "Submitted" }),
+        /* @__PURE__ */ jsx16("option", { value: "sent", children: "Sent" }),
         /* @__PURE__ */ jsx16("option", { value: "accepted", children: "Accepted" }),
+        /* @__PURE__ */ jsx16("option", { value: "accepted_no_response", children: "Accepted \u2014 response overdue" }),
         /* @__PURE__ */ jsx16("option", { value: "rejected", children: "Rejected" }),
         /* @__PURE__ */ jsx16("option", { value: "processed", children: "Processed" }),
         /* @__PURE__ */ jsx16("option", { value: "paid", children: "Paid" }),
@@ -6934,7 +7085,7 @@ function BillSearchContent({
       /* @__PURE__ */ jsx16("button", { className: "mbow-button", type: "submit", children: "Search" })
     ] }),
     /* @__PURE__ */ jsxs16("div", { className: "mbow-card mbow-scroll", children: [
-      loading && !result ? /* @__PURE__ */ jsx16("div", { className: "mbow-state", role: "status", children: "Loading bills\u2026" }) : error && !result ? /* @__PURE__ */ jsxs16("div", { className: "mbow-state mbow-error", role: "alert", children: [
+      loading ? /* @__PURE__ */ jsx16("div", { className: "mbow-state", role: "status", children: "Loading bills\u2026" }) : error ? /* @__PURE__ */ jsxs16("div", { className: "mbow-state mbow-error", role: "alert", children: [
         error.message,
         " ",
         /* @__PURE__ */ jsx16("button", { className: "mbow-button", type: "button", onClick: () => void load(), children: "Retry" })
@@ -6966,7 +7117,7 @@ function BillSearchContent({
           /* @__PURE__ */ jsx16("td", { className: "mbow-money mbow-strong", children: money6(bill.balanceDue) })
         ] }, bill.id)) })
       ] }),
-      result ? /* @__PURE__ */ jsxs16("div", { className: "mbow-pager", children: [
+      result && !loading && !error ? /* @__PURE__ */ jsxs16("div", { className: "mbow-pager", children: [
         /* @__PURE__ */ jsxs16("span", { children: [
           "Showing ",
           result.total === 0 ? 0 : (result.page - 1) * result.pageSize + 1,
@@ -6995,6 +7146,9 @@ function ConnectedBillSearch({ appearance, className, style, initialQuery, onSel
 function taskQuery(cell) {
   const [taskType, taskLabel] = cell.rowId.split("::", 2);
   const age = cell.bucketId === "1-30" ? "0-30" : cell.bucketId;
+  if (cell.sectionId === "waiting_sent" || cell.sectionId === "waiting_accepted") {
+    return { status: cell.rowId, ...age ? { age } : {} };
+  }
   return { status: "all", taskSection: cell.sectionId, ...taskType ? { taskType } : {}, ...taskLabel ? { taskLabel } : {}, ...age ? { age } : {} };
 }
 function BillTasksContent({ client, onDrillDown, appearance }) {
@@ -7021,16 +7175,34 @@ function BillTasksContent({ client, onDrillDown, appearance }) {
   if (loading && !result) return /* @__PURE__ */ jsx16("div", { className: "mbow-state", children: "Loading bill tasks\u2026" });
   if (error && !result) return /* @__PURE__ */ jsx16("div", { className: "mbow-state mbow-error", children: error.message });
   if (!result) return /* @__PURE__ */ jsx16(Fragment14, {});
+  const selectionProps = loading || error ? {} : {
+    onSelectCell: (cell) => onDrillDown?.({ ...taskQuery(cell), ...claimsAdminId ? { claimsAdministrator: claimsAdminId } : {} })
+  };
   return /* @__PURE__ */ jsxs16(Fragment14, { children: [
     /* @__PURE__ */ jsxs16("p", { className: "mbow-task-note", children: [
-      "Open follow-up work only. Sent bills waiting on a payer stay available in ",
-      /* @__PURE__ */ jsx16("strong", { children: "All bills" }),
-      "."
+      "Open follow-up work grouped by task and age. ",
+      result.waiting ? "Sent and accepted bills waiting for a payer are shown below." : "Find sent and accepted bills in All bills."
     ] }),
-    /* @__PURE__ */ jsx16(BillTasksDashboard, { data: result.dashboard, appearance: appearance ?? { preset: "mindbill" }, toolbar: /* @__PURE__ */ jsxs16("select", { className: "mbow-select", value: claimsAdminId, onChange: (event) => setClaimsAdminId(event.target.value), children: [
+    loading ? /* @__PURE__ */ jsx16("p", { role: "status", children: "Updating bill tasks\u2026" }) : null,
+    error ? /* @__PURE__ */ jsx16("p", { role: "alert", className: "mbow-error", children: error.message }) : null,
+    /* @__PURE__ */ jsx16(BillTasksDashboard, { data: result.dashboard, appearance: appearance ?? { preset: "mindbill" }, toolbar: /* @__PURE__ */ jsxs16("select", { "aria-label": "Claims administrator filter", className: "mbow-select", value: claimsAdminId, onChange: (event) => setClaimsAdminId(event.target.value), children: [
       /* @__PURE__ */ jsx16("option", { value: "", children: "All claims administrators" }),
       result.filters.claimsAdministrators.map((item) => /* @__PURE__ */ jsx16("option", { value: item.id, children: item.name }, item.id))
-    ] }), onSelectCell: (cell) => onDrillDown?.(taskQuery(cell)) })
+    ] }), ...selectionProps }),
+    result.waiting ? /* @__PURE__ */ jsx16(
+      BillTasksDashboard,
+      {
+        data: result.waiting,
+        appearance: appearance ?? { preset: "mindbill" },
+        heading: "Bills waiting for payer",
+        totalLabel: "Bill Total",
+        itemLabel: "bills",
+        grandTotalLabel: "Waiting Bills Total",
+        emptyLabel: "No waiting bills",
+        ...selectionProps,
+        footnote: "Waiting bills can also have overdue follow-up tasks above. These bill totals are separate from task totals."
+      }
+    ) : null
   ] });
 }
 function ConnectedBillTasksDashboard({ appearance, className, style, onDrillDown, ...options }) {
@@ -7357,6 +7529,7 @@ export {
   mindBillAppearanceStyle,
   mindBillThemePresets,
   normalizeClaimsAdministratorName,
+  organizationProfileOptions,
   parseBillSubmissionDate,
   prepareBillSubmissionDocuments,
   reportBillStatusContacts2 as reportBillStatusContacts,