@mindbill/react 0.42.4 → 0.43.0

package/dist/index.js

@@ -2,7 +2,7 @@
 
 // src/index.tsx
 import "@mindbill/embed";
-import { createElement, useEffect as useEffect10, useRef as useRef6 } from "react";
+import { createElement, useEffect as useEffect11, useRef as useRef7 } from "react";
 
 // src/appearance.ts
 var mindBillThemePresets = {
@@ -2560,6 +2560,7 @@ function BillSubmissionForm({
   modifierOptions,
   taxonomyOptions,
   deliveryRoutePicker = "auto",
+  deliveryRouteDialogTitle = "Send bill",
   attachmentReportTypeMode = "auto",
   attachmentReportTypes = BILL_SUBMISSION_REPORT_TYPES,
   defaultAttachmentReportType,
@@ -2854,37 +2855,42 @@ function BillSubmissionForm({
         ...administrator2 ? { claimsAdministrator: submittedClaimsAdministrator(administrator2) } : {}
       }
     };
-    if (onSubmit) {
-      setSubmitting(true);
-      try {
-        await onSubmit({ bill: complete, sourceAttachmentIds: selectedIds, sourceAttachmentReportTypes, uploads });
-      } catch (caught) {
-        setFormError(caught instanceof Error ? caught.message : "Unable to submit the bill.");
-      } finally {
-        setSubmitting(false);
-      }
-      return;
-    }
+    const value = { bill: complete, sourceAttachmentIds: selectedIds, sourceAttachmentReportTypes, uploads };
     if (deliveryRoutePicker !== "off" && referenceClient) {
       setSubmitting(true);
       try {
         const delivery = await referenceClient.getDeliveryPreview({
           claimsAdministratorId: complete.claim.claimsAdministrator.id,
+          ...complete.claim.claimsAdministrator.payerId ? { payerId: complete.claim.claimsAdministrator.payerId } : {},
           ...complete.claim.injuryState ? { injuryState: complete.claim.injuryState } : {}
         });
         setSubmitting(false);
         setRouteError(null);
-        setRouteDialog({ delivery, complete });
+        setRouteDialog({ delivery, value });
         return;
-      } catch {
+      } catch (caught) {
         setSubmitting(false);
+        if (deliveryRoutePicker === "required") {
+          setFormError(caught instanceof Error ? caught.message : "Delivery routes could not be loaded. Nothing was sent.");
+          return;
+        }
       }
     }
-    await performConnectedSubmit(complete, void 0);
+    if (deliveryRoutePicker === "required") {
+      setFormError("Delivery confirmation is unavailable. Nothing was sent.");
+      return;
+    }
+    await performSubmit(value);
   }
-  async function performConnectedSubmit(complete, submission) {
+  async function performSubmit(value) {
     setSubmitting(true);
     try {
+      if (onSubmit) {
+        await onSubmit(value);
+        setRouteDialog(null);
+        setRouteError(null);
+        return;
+      }
       if (!submissionClient) throw new Error("The connected billing client is unavailable.");
       const documents = await prepareBillSubmissionDocuments({
         attachments,
@@ -2895,8 +2901,8 @@ function BillSubmissionForm({
         ...fetchOverride ? { fetch: fetchOverride } : {}
       });
       const result = await submissionClient.submitBill({
-        bill: complete,
-        ...submission ? { submission } : {},
+        bill: value.bill,
+        ...value.submission ? { submission: value.submission } : {},
         documents
       });
       setRouteDialog(null);
@@ -2904,7 +2910,7 @@ function BillSubmissionForm({
       await onSubmitted?.(result);
     } catch (caught) {
       const message = caught instanceof Error ? caught.message : "Unable to submit the bill.";
-      if (submission) setRouteError(message);
+      if (value.submission) setRouteError(message);
       else setFormError(message);
     } finally {
       setSubmitting(false);
@@ -3237,7 +3243,7 @@ function BillSubmissionForm({
       routeDialog ? /* @__PURE__ */ jsx5(
         SendRouteDialog,
         {
-          title: "Send bill",
+          title: deliveryRouteDialogTitle,
           delivery: routeDialog.delivery,
           submitting,
           error: routeError,
@@ -3248,7 +3254,7 @@ function BillSubmissionForm({
             }
           },
           onConfirm: (submission) => {
-            void performConnectedSubmit(routeDialog.complete, submission);
+            void performSubmit({ ...routeDialog.value, submission });
           }
         }
       ) : null
@@ -3861,15 +3867,90 @@ function ribbonDate(iso) {
   if (Number.isNaN(parsed.getTime())) return iso;
   return new Intl.DateTimeFormat("en-US", { month: "2-digit", day: "2-digit", year: "numeric" }).format(parsed);
 }
-function billSubmissionsRibbonFromHistory(history) {
-  return history.filter((entry) => entry.kind === "submission").map((entry) => ({
-    id: entry.id,
-    label: entry.action,
-    meta: [
-      { label: "Delivery", value: billSubmissionsRibbonDeliveryLabel(entry.summary) },
-      { label: "Sent", value: ribbonDate(entry.date) }
-    ]
-  }));
+function attemptStatus(entries, attempt) {
+  const rejected = [...entries].reverse().find(
+    (entry) => entry.kind === "ack" && (/reject|deni|error/i.test(entry.action) || entry.tone === "problem")
+  );
+  if (rejected) return {
+    badge: rejected.action,
+    badgeTone: "danger",
+    meta: [{ label: "Rejected", value: ribbonDate(rejected.date) }]
+  };
+  const complianceDueDate = entries.flatMap((entry) => entry.details?.complianceDueDates ?? []).find((due) => /payment|working day/i.test(due.text));
+  if (complianceDueDate) return {
+    badge: complianceDueDate.text,
+    badgeTone: "warning",
+    meta: [{ label: "Effective date", value: ribbonDate(complianceDueDate.date) }]
+  };
+  const processed = [...entries].reverse().find((entry) => entry.kind === "eor" || entry.kind === "payment");
+  if (processed) return {
+    badge: "Processed",
+    badgeTone: "success",
+    meta: [{ label: "Processed", value: ribbonDate(processed.date) }]
+  };
+  const accepted = [...entries].reverse().find(
+    (entry) => entry.kind === "ack" && (/accept/i.test(entry.action) || entry.tone === "success")
+  );
+  if (accepted) return {
+    badge: accepted.action,
+    badgeTone: "success",
+    meta: [{ label: "Accepted", value: ribbonDate(accepted.date) }]
+  };
+  const closed = [...entries].reverse().find((entry) => entry.kind === "close");
+  if (closed) return {
+    badge: "Closed",
+    badgeTone: "neutral",
+    meta: [{ label: "Closed", value: ribbonDate(closed.date) }]
+  };
+  if (attempt?.ackLabel) return {
+    badge: attempt.ackLabel,
+    badgeTone: /reject|deni|error/i.test(attempt.ackLabel) ? "danger" : /accept/i.test(attempt.ackLabel) ? "success" : "neutral",
+    ...attempt.ackAt ? { meta: [{ label: /reject|deni|error/i.test(attempt.ackLabel) ? "Rejected" : "Acknowledged", value: ribbonDate(attempt.ackAt) }] } : {}
+  };
+  if (attempt?.status) return {
+    badge: attempt.status.replaceAll("_", " "),
+    badgeTone: "neutral"
+  };
+  return {};
+}
+function billSubmissionsRibbonFromHistory(history, attempts = []) {
+  if (attempts.length) {
+    return attempts.map((attempt) => {
+      const attemptEntries = history.filter((entry) => entry.attemptId === attempt.id);
+      const submission = attemptEntries.find((entry) => entry.kind === "submission");
+      const status = attemptStatus(attemptEntries, attempt);
+      return {
+        id: attempt.id,
+        ...submission ? { historyEntryId: submission.id } : {},
+        label: attempt.label,
+        ...status.badge ? { badge: status.badge } : {},
+        ...status.badgeTone ? { badgeTone: status.badgeTone } : {},
+        meta: [
+          { label: "Delivery", value: attempt.deliveryLabel ?? (submission ? billSubmissionsRibbonDeliveryLabel(submission.summary) : "\u2014") },
+          { label: "Sent", value: attempt.sentAt ? ribbonDate(attempt.sentAt) : submission ? ribbonDate(submission.date) : "\u2014" },
+          ...status.meta ?? []
+        ],
+        active: attempt.isCurrent
+      };
+    });
+  }
+  const submissions = history.map((entry, index) => ({ entry, index })).filter(({ entry }) => entry.kind === "submission");
+  return submissions.map(({ entry, index }, submissionIndex) => {
+    const nextSubmissionIndex = submissions[submissionIndex + 1]?.index ?? history.length;
+    const status = attemptStatus(history.slice(index, nextSubmissionIndex));
+    return {
+      id: entry.id,
+      historyEntryId: entry.id,
+      label: entry.action,
+      ...status.badge ? { badge: status.badge } : {},
+      ...status.badgeTone ? { badgeTone: status.badgeTone } : {},
+      meta: [
+        { label: "Delivery", value: billSubmissionsRibbonDeliveryLabel(entry.summary) },
+        { label: "Sent", value: ribbonDate(entry.date) },
+        ...status.meta ?? []
+      ]
+    };
+  });
 }
 var css7 = `
 .mbsr{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;color:var(--mb-text);font-family:var(--mb-font);font-size:13px}
@@ -3879,7 +3960,10 @@ var css7 = `
 .mbsr-chip[data-active=true]{border-color:var(--mb-accent);background:color-mix(in srgb,var(--mb-accent) 7%,var(--mb-surface));box-shadow:0 0 0 1px var(--mb-accent) inset}
 .mbsr-top{display:flex;align-items:center;gap:8px;min-width:0}
 .mbsr-label{font-size:13.5px;font-weight:760;line-height:1.3;overflow-wrap:anywhere}
-.mbsr-badge{flex:0 0 auto;padding:2px 8px;border:1px solid color-mix(in srgb,var(--mb-warning) 55%,var(--mb-border));border-radius:999px;background:color-mix(in srgb,var(--mb-warning) 12%,var(--mb-surface));font-size:11px;font-weight:700;white-space:nowrap}
+.mbsr-badge{flex:0 0 auto;padding:2px 8px;border:1px solid color-mix(in srgb,var(--mb-muted) 45%,var(--mb-border));border-radius:999px;background:var(--mb-soft);font-size:11px;font-weight:700;white-space:nowrap}
+.mbsr-badge[data-tone=success]{border-color:color-mix(in srgb,#23876f 52%,var(--mb-border));background:color-mix(in srgb,#23876f 11%,var(--mb-surface));color:#176452}
+.mbsr-badge[data-tone=warning]{border-color:color-mix(in srgb,var(--mb-warning) 55%,var(--mb-border));background:color-mix(in srgb,var(--mb-warning) 12%,var(--mb-surface))}
+.mbsr-badge[data-tone=danger]{border-color:color-mix(in srgb,var(--mb-danger) 45%,var(--mb-border));background:color-mix(in srgb,var(--mb-danger) 9%,var(--mb-surface));color:var(--mb-danger)}
 .mbsr-meta{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,auto);gap:2px 14px;justify-content:start}
 .mbsr-meta>span{display:grid;gap:1px;min-width:0}
 .mbsr-meta i{color:var(--mb-muted);font-size:10.5px;font-style:normal;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
@@ -3905,7 +3989,7 @@ function BillSubmissionsRibbon({
           const content = /* @__PURE__ */ jsxs9(Fragment7, { children: [
             /* @__PURE__ */ jsxs9("span", { className: "mbsr-top", children: [
               /* @__PURE__ */ jsx9("span", { className: "mbsr-label", children: item.label }),
-              item.badge ? /* @__PURE__ */ jsx9("span", { className: "mbsr-badge", children: item.badge }) : null
+              item.badge ? /* @__PURE__ */ jsx9("span", { className: "mbsr-badge", "data-tone": item.badgeTone ?? "neutral", children: item.badge }) : null
             ] }),
             item.meta?.length ? /* @__PURE__ */ jsx9("span", { className: "mbsr-meta", children: item.meta.slice(0, 3).map((pair) => /* @__PURE__ */ jsxs9("span", { children: [
               /* @__PURE__ */ jsx9("i", { children: pair.label }),
@@ -3917,6 +4001,7 @@ function BillSubmissionsRibbon({
             {
               className: "mbsr-chip",
               "data-active": Boolean(item.active),
+              "aria-current": item.active ? "true" : void 0,
               href: item.href,
               role: "listitem",
               onClick: () => onSelect?.(item),
@@ -3929,6 +4014,7 @@ function BillSubmissionsRibbon({
               type: "button",
               className: "mbsr-chip",
               "data-active": Boolean(item.active),
+              "aria-pressed": Boolean(item.active),
               role: "listitem",
               onClick: () => onSelect?.(item),
               children: content
@@ -4672,7 +4758,7 @@ function ConnectedBillStatus({
 }
 
 // src/bill-lifecycle-surfaces.tsx
-import { useState as useState10 } from "react";
+import { useEffect as useEffect9, useRef as useRef5, useState as useState10 } from "react";
 import { Fragment as Fragment10, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function visibleBillLifecycleActions(actions, showUnavailable = false) {
   return actions.filter((action) => action.enabled || showUnavailable);
@@ -4746,8 +4832,15 @@ function historyDate(iso) {
   if (Number.isNaN(parsed.getTime())) return iso;
   return new Intl.DateTimeFormat("en-US", { month: "2-digit", day: "2-digit", year: "numeric" }).format(parsed);
 }
-function BillHistoryTable({ entries, emptyLabel = "No bill history yet.", appearance, className, style, formatDate = historyDate, documentHref, onOpenDocument }) {
+function BillHistoryTable({ entries, selectedEntryId, emptyLabel = "No bill history yet.", appearance, className, style, formatDate = historyDate, documentHref, onOpenDocument }) {
   const [expanded, setExpanded] = useState10({});
+  const selectedRowRef = useRef5(null);
+  useEffect9(() => {
+    if (!selectedEntryId) return;
+    const selected = entries.find((entry) => entry.id === selectedEntryId);
+    if (selected?.details) setExpanded((current) => current[selectedEntryId] ? current : { ...current, [selectedEntryId]: true });
+    selectedRowRef.current?.scrollIntoView({ behavior: "smooth", block: "center" });
+  }, [entries, selectedEntryId]);
   return /* @__PURE__ */ jsxs13("section", { className: classes("mb-surface mb-history", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill history", children: [
     /* @__PURE__ */ jsx13("style", { children: lifecycleSurfaceStyles }),
     /* @__PURE__ */ jsx13("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs13("div", { children: [
@@ -4762,6 +4855,7 @@ function BillHistoryTable({ entries, emptyLabel = "No bill history yet.", appear
         /* @__PURE__ */ jsx13("span", { children: "Details" })
       ] }),
       /* @__PURE__ */ jsx13("ul", { className: "mb-history-rows", children: entries.map((entry) => {
+        const isSelected = entry.id === selectedEntryId;
         const expandable = Boolean(entry.details);
         const isOpen = expandable && Boolean(expanded[entry.id]);
         const details = entry.details;
@@ -4774,43 +4868,52 @@ function BillHistoryTable({ entries, emptyLabel = "No bill history yet.", appear
             entry.summary
           ] })
         ] });
-        return /* @__PURE__ */ jsxs13("li", { className: `mb-history-row is-${entry.tone}`, children: [
-          expandable ? /* @__PURE__ */ jsx13(
-            "button",
-            {
-              type: "button",
-              className: "mb-history-line is-expandable",
-              "aria-expanded": isOpen,
-              onClick: () => setExpanded((current) => ({ ...current, [entry.id]: !current[entry.id] })),
-              children: lineContents
-            }
-          ) : /* @__PURE__ */ jsx13("div", { className: "mb-history-line", children: lineContents }),
-          isOpen && details ? /* @__PURE__ */ jsxs13("div", { className: "mb-history-details", children: [
-            details.rows?.length ? /* @__PURE__ */ jsx13("dl", { className: "mb-history-kv", children: details.rows.map((row) => /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsx13("dt", { children: row.label }),
-              /* @__PURE__ */ jsx13("dd", { children: row.value })
-            ] }, `${row.label}-${row.value}`)) }) : null,
-            details.documents?.length ? /* @__PURE__ */ jsx13("div", { className: "mb-history-kv", children: /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsx13("dt", { children: "Documents" }),
-              /* @__PURE__ */ jsx13("dd", { children: details.documents.map((doc) => {
-                const href = documentHref?.(doc) ?? null;
-                return href ? /* @__PURE__ */ jsx13("a", { className: "mb-history-doc", href, target: "_blank", rel: "noreferrer", children: doc.filename }, doc.id) : onOpenDocument ? /* @__PURE__ */ jsx13("button", { type: "button", className: "mb-history-doc", onClick: () => void onOpenDocument(doc), children: doc.filename }, doc.id) : /* @__PURE__ */ jsx13("span", { className: "mb-history-doc", children: doc.filename }, doc.id);
-              }) })
-            ] }) }) : null,
-            details.codes?.length ? /* @__PURE__ */ jsx13("dl", { className: "mb-history-codes", children: details.codes.map((code) => /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsx13("dt", { children: code.code }),
-              /* @__PURE__ */ jsx13("dd", { children: code.text })
-            ] }, code.code)) }) : null,
-            details.complianceDueDates?.length ? /* @__PURE__ */ jsxs13("div", { className: "mb-history-due", children: [
-              /* @__PURE__ */ jsx13("em", { children: "Compliance Due Dates" }),
-              /* @__PURE__ */ jsx13("dl", { children: details.complianceDueDates.map((due) => /* @__PURE__ */ jsxs13("div", { children: [
-                /* @__PURE__ */ jsx13("dt", { children: formatDate(due.date) }),
-                /* @__PURE__ */ jsx13("dd", { children: due.text })
-              ] }, `${due.date}-${due.text}`)) })
-            ] }) : null,
-            details.text ? /* @__PURE__ */ jsx13("p", { className: "mb-history-text", children: details.text }) : null
-          ] }) : null
-        ] }, entry.id);
+        return /* @__PURE__ */ jsxs13(
+          "li",
+          {
+            ref: isSelected ? selectedRowRef : void 0,
+            className: `mb-history-row is-${entry.tone}${isSelected ? " is-selected" : ""}`,
+            "aria-current": isSelected ? "true" : void 0,
+            children: [
+              expandable ? /* @__PURE__ */ jsx13(
+                "button",
+                {
+                  type: "button",
+                  className: "mb-history-line is-expandable",
+                  "aria-expanded": isOpen,
+                  onClick: () => setExpanded((current) => ({ ...current, [entry.id]: !current[entry.id] })),
+                  children: lineContents
+                }
+              ) : /* @__PURE__ */ jsx13("div", { className: "mb-history-line", children: lineContents }),
+              isOpen && details ? /* @__PURE__ */ jsxs13("div", { className: "mb-history-details", children: [
+                details.rows?.length ? /* @__PURE__ */ jsx13("dl", { className: "mb-history-kv", children: details.rows.map((row) => /* @__PURE__ */ jsxs13("div", { children: [
+                  /* @__PURE__ */ jsx13("dt", { children: row.label }),
+                  /* @__PURE__ */ jsx13("dd", { children: row.value })
+                ] }, `${row.label}-${row.value}`)) }) : null,
+                details.documents?.length ? /* @__PURE__ */ jsx13("div", { className: "mb-history-kv", children: /* @__PURE__ */ jsxs13("div", { children: [
+                  /* @__PURE__ */ jsx13("dt", { children: "Documents" }),
+                  /* @__PURE__ */ jsx13("dd", { children: details.documents.map((doc) => {
+                    const href = documentHref?.(doc) ?? null;
+                    return href ? /* @__PURE__ */ jsx13("a", { className: "mb-history-doc", href, target: "_blank", rel: "noreferrer", children: doc.filename }, doc.id) : onOpenDocument ? /* @__PURE__ */ jsx13("button", { type: "button", className: "mb-history-doc", onClick: () => void onOpenDocument(doc), children: doc.filename }, doc.id) : /* @__PURE__ */ jsx13("span", { className: "mb-history-doc", children: doc.filename }, doc.id);
+                  }) })
+                ] }) }) : null,
+                details.codes?.length ? /* @__PURE__ */ jsx13("dl", { className: "mb-history-codes", children: details.codes.map((code) => /* @__PURE__ */ jsxs13("div", { children: [
+                  /* @__PURE__ */ jsx13("dt", { children: code.code }),
+                  /* @__PURE__ */ jsx13("dd", { children: code.text })
+                ] }, code.code)) }) : null,
+                details.complianceDueDates?.length ? /* @__PURE__ */ jsxs13("div", { className: "mb-history-due", children: [
+                  /* @__PURE__ */ jsx13("em", { children: "Compliance Due Dates" }),
+                  /* @__PURE__ */ jsx13("dl", { children: details.complianceDueDates.map((due) => /* @__PURE__ */ jsxs13("div", { children: [
+                    /* @__PURE__ */ jsx13("dt", { children: formatDate(due.date) }),
+                    /* @__PURE__ */ jsx13("dd", { children: due.text })
+                  ] }, `${due.date}-${due.text}`)) })
+                ] }) : null,
+                details.text ? /* @__PURE__ */ jsx13("p", { className: "mb-history-text", children: details.text }) : null
+              ] }) : null
+            ]
+          },
+          entry.id
+        );
       }) })
     ] })
   ] });
@@ -5214,6 +5317,7 @@ var lifecycleSurfaceStyles = `
 .mb-history-rows{list-style:none;margin:0;padding:0}.mb-history-row{border-top:1px solid var(--mb-border)}
 .mb-history-row.is-submission{background:color-mix(in srgb,var(--mb-accent) 9%,var(--mb-surface))}
 .mb-history-row.is-note{background:color-mix(in srgb,#f2c344 13%,var(--mb-surface))}
+.mb-history-row.is-selected{position:relative;background:color-mix(in srgb,var(--mb-accent) 15%,var(--mb-surface));box-shadow:inset 4px 0 0 var(--mb-accent),inset 0 0 0 1px color-mix(in srgb,var(--mb-accent) 44%,transparent)}
 .mb-history-line{display:grid;grid-template-columns:96px 160px 140px minmax(0,1fr);gap:12px;width:100%;padding:10px 14px;border:0;background:transparent;color:inherit;font:inherit;text-align:left}
 .mb-history-line.is-expandable{cursor:pointer}.mb-history-line.is-expandable:hover .mb-history-summary{text-decoration:underline}
 .mb-history-date{color:var(--mb-muted);font-size:13px}.mb-history-action{font-size:13.5px;font-weight:750}
@@ -5238,9 +5342,9 @@ var lifecycleSurfaceStyles = `
 // src/connected-bill-lifecycle.tsx
 import {
   useCallback as useCallback4,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useMemo as useMemo8,
-  useRef as useRef5,
+  useRef as useRef6,
   useState as useState11
 } from "react";
 import {
@@ -5305,7 +5409,7 @@ function useBillLifecycle({
   const [isLoading, setIsLoading] = useState11(enabled);
   const [isRefreshing, setIsRefreshing] = useState11(false);
   const [isMutating, setIsMutating] = useState11(false);
-  const mounted = useRef5(true);
+  const mounted = useRef6(true);
   const client = useMemo8(() => createBillLifecycleClient({
     billId: providedBillId,
     sessionEndpoint,
@@ -5313,12 +5417,12 @@ function useBillLifecycle({
     apiBaseUrl,
     fetch: fetchOverride
   }), [apiBaseUrl, fetchOverride, getSession, providedBillId, sessionEndpoint]);
-  useEffect9(() => {
+  useEffect10(() => {
     setData(null);
     setError(null);
     setIsLoading(enabled);
   }, [enabled, providedBillId]);
-  useEffect9(() => {
+  useEffect10(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -5342,7 +5446,7 @@ function useBillLifecycle({
       }
     }
   }, [client, enabled]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!enabled) return;
     void refresh();
     const interval = refreshInterval > 0 ? window.setInterval(() => void refresh(), refreshInterval) : null;
@@ -5411,10 +5515,10 @@ function useBillLifecycle({
   };
 }
 function LifecycleDialog({ children, title, wide = false, onClose }) {
-  const dialog = useRef5(null);
-  const onCloseRef = useRef5(onClose);
+  const dialog = useRef6(null);
+  const onCloseRef = useRef6(onClose);
   onCloseRef.current = onClose;
-  useEffect9(() => {
+  useEffect10(() => {
     const previous = document.activeElement;
     dialog.current?.focus();
     const onKeyDown = (event) => event.key === "Escape" && onCloseRef.current();
@@ -5646,6 +5750,7 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
   const lifecycle = useBillLifecycle(options);
   const { data } = lifecycle;
   const [tab, setTab] = useState11("details");
+  const [selectedSubmissionId, setSelectedSubmissionId] = useState11();
   const [panel, setPanel] = useState11("");
   const [notice, setNotice] = useState11("");
   const [reason, setReason] = useState11("");
@@ -5656,7 +5761,7 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
   const [duplicateDelivery, setDuplicateDelivery] = useState11(null);
   const [duplicateDeliveryError, setDuplicateDeliveryError] = useState11("");
   const actor = actorName?.trim() ? { actorName: actorName.trim() } : {};
-  const lastData = useRef5(null);
+  const lastData = useRef6(null);
   const correctionInitialBill = useMemo8(() => data ? correctionBill(data) : null, [data]);
   const correctionAttachments = useMemo8(() => data ? data.bill.attachments.map((attachment) => {
     const documentType = correctionDocumentType(attachment.documentType);
@@ -5672,7 +5777,7 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
     };
   }) : [], [data, lifecycle]);
   const correctionAttentionFields = useMemo8(() => data?.rejection?.issues?.flatMap((issue) => issue.fieldPaths || []).filter((path, index, fields) => fields.indexOf(path) === index) || [], [data]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!data || data === lastData.current) return;
     lastData.current = data;
     onChanged?.(data);
@@ -5721,6 +5826,7 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
       });
       await lifecycle.resubmitBill({
         bill: value.bill,
+        ...value.submission ? { submission: value.submission } : {},
         ...documents.length ? { documents } : {},
         ...reason.trim() ? { reason: reason.trim() } : {},
         ...actor
@@ -5729,7 +5835,7 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
       setCorrectionError(
         cause instanceof Error && cause.message ? cause.message : "The corrected bill could not be resubmitted."
       );
-      return;
+      throw cause;
     }
     setPanel("");
     setReason("");
@@ -5748,6 +5854,7 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
       });
       await lifecycle.submitNewBill({
         bill: value.bill,
+        ...value.submission ? { submission: value.submission } : {},
         ...documents.length ? { documents } : {},
         ...reason.trim() ? { reason: reason.trim() } : {},
         ...actor
@@ -5756,7 +5863,7 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
       setNewBillError(
         cause instanceof Error && cause.message ? cause.message : "The new bill could not be submitted."
       );
-      return;
+      throw cause;
     }
     setPanel("");
     setReason("");
@@ -5772,13 +5879,19 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
   const actions = data.lifecycle.actions.filter((action) => action.enabled && supportedActions.has(action.id));
   const showSandboxControls = shouldShowSandboxControls(data.environment, sandboxControls);
   const simulations = showSandboxControls ? sandboxScenarios(data.lifecycle.state) : [];
-  const ribbonItems = data.history ? billSubmissionsRibbonFromHistory(data.history) : [];
+  const mappedRibbonItems = data.history ? billSubmissionsRibbonFromHistory(data.history, data.attempts) : [];
+  const activeSubmissionId = selectedSubmissionId ?? mappedRibbonItems.find((item) => item.active)?.id ?? mappedRibbonItems[mappedRibbonItems.length - 1]?.id;
+  const ribbonItems = mappedRibbonItems.map((item) => ({ ...item, active: item.id === activeSubmissionId }));
+  const selectedHistoryEntryId = ribbonItems.find((item) => item.id === activeSubmissionId)?.historyEntryId;
   const statusContacts = reportBillStatusContacts(data.delivery);
   const receiptEntries = (data.history ?? []).filter((entry) => entry.kind === "submission" || entry.kind === "ack");
   const reviewDeadline = secondReviewDeadline(data.eors);
   return /* @__PURE__ */ jsxs14("section", { className: ["mb-connected-lifecycle", className].filter(Boolean).join(" "), style: mindBillAppearanceStyle(appearance, style), children: [
     /* @__PURE__ */ jsx14("style", { children: CONNECTED_LIFECYCLE_STYLES }),
-    ribbonItems.length >= 2 ? /* @__PURE__ */ jsx14(BillSubmissionsRibbon, { items: ribbonItems, onSelect: () => setTab("history"), ...appearance ? { appearance } : {} }) : null,
+    ribbonItems.length >= 2 ? /* @__PURE__ */ jsx14(BillSubmissionsRibbon, { items: ribbonItems, onSelect: (item) => {
+      setSelectedSubmissionId(item.id);
+      setTab("history");
+    }, ...appearance ? { appearance } : {} }) : null,
     data.lifecycle.state.toLowerCase() === "rejected" && data.rejection ? /* @__PURE__ */ jsx14(BillRejectionNotice, { rejection: data.rejection, submittedAt: data.lifecycle.submittedAt ?? null, ...appearance ? { appearance } : {} }) : /* @__PURE__ */ jsx14(BillLifecycleProgress, { state: data.lifecycle.state, nativeStatus: data.lifecycle.nativeStatus, submittedAt: data.lifecycle.submittedAt ?? null, agingDays: data.lifecycle.agingDays ?? null, ...appearance ? { appearance } : {} }),
     /* @__PURE__ */ jsxs14("header", { className: "mb-lifecycle-head", children: [
       /* @__PURE__ */ jsxs14("div", { children: [
@@ -5812,7 +5925,7 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
         ] }, scenario.id)) }) : /* @__PURE__ */ jsx14("p", { className: "mb-lifecycle-simulator-idle", children: "No simulated payer transition is needed at this stage. Use the bill action below to continue." })
       ] }) : null,
       /* @__PURE__ */ jsx14(BillReadOnlyForm, { data, onOpenAttachment: lifecycle.openAttachment, ...appearance ? { appearance } : {} })
-    ] }) : /* @__PURE__ */ jsx14("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: data.history?.length ? /* @__PURE__ */ jsx14(BillHistoryTable, { entries: data.history, onOpenDocument: lifecycle.openAttachment, ...appearance ? { appearance } : {} }) : /* @__PURE__ */ jsx14(BillActivityTimeline, { events: data.activity, ...appearance ? { appearance } : {} }) }),
+    ] }) : /* @__PURE__ */ jsx14("div", { className: "mb-lifecycle-tabpanel", role: "tabpanel", children: data.history?.length ? /* @__PURE__ */ jsx14(BillHistoryTable, { entries: data.history, ...selectedHistoryEntryId ? { selectedEntryId: selectedHistoryEntryId } : {}, onOpenDocument: lifecycle.openAttachment, ...appearance ? { appearance } : {} }) : /* @__PURE__ */ jsx14(BillActivityTimeline, { events: data.activity, ...appearance ? { appearance } : {} }) }),
     viewEor || actions.length ? /* @__PURE__ */ jsxs14("aside", { className: "mb-lifecycle-actions-sheet", "aria-label": "Bill actions", children: [
       viewEor && data.eors[0] ? /* @__PURE__ */ jsx14("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => void lifecycle.openEor(data.eors[0]).catch(() => void 0), children: viewEor.label }) : null,
       actions.map((action) => /* @__PURE__ */ jsx14("button", { type: "button", className: action.primary ? "mb-lifecycle-button primary" : "mb-lifecycle-button secondary", onClick: () => {
@@ -5854,6 +5967,8 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
           attentionFields: correctionAttentionFields,
           attentionMessage: correctionAttentionFields.length ? "The rejected response points to the highlighted fields. Confirm every required value before resubmitting." : "Confirm the bill information below before resubmitting.",
           submitLabel: lifecycle.isMutating ? "Resubmitting\u2026" : "Resubmit bill",
+          deliveryRoutePicker: "required",
+          deliveryRouteDialogTitle: "Confirm corrected bill delivery",
           heading: "Corrected bill information",
           description: "The original submission stays unchanged. This form creates the next submission attempt.",
           disabled: lifecycle.isMutating,
@@ -5888,6 +6003,8 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
           ...claimsAdministratorSources ? { claimsAdministratorSources } : {},
           attentionMessage: "Confirm every value carried over from the closed bill before submitting the new bill.",
           submitLabel: lifecycle.isMutating ? "Submitting\u2026" : "Submit New Bill",
+          deliveryRoutePicker: "required",
+          deliveryRouteDialogTitle: "Confirm new bill delivery",
           heading: "New bill information",
           description: "The closed bill stays unchanged. This form submits a fresh bill linked to it.",
           disabled: lifecycle.isMutating,
@@ -6060,9 +6177,9 @@ var CONNECTED_LIFECYCLE_STYLES = `
 
 // src/index.tsx
 function widget(tagName, props) {
-  const ref = useRef6(null);
+  const ref = useRef7(null);
   const { onMindBill, onMindBillError } = props;
-  useEffect10(() => {
+  useEffect11(() => {
     const element = ref.current;
     if (!element) return;
     const handleEvent = (event) => onMindBill?.(event);