@mindbill/react 0.42.3 → 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 = {
@@ -2260,6 +2260,18 @@ function cloneInitialBill(bill) {
   cloned.diagnoses = applyBillSubmissionEvaluationDiagnoses(cloned.diagnoses, initialEvaluationType(bill));
   return cloned;
 }
+function stableInitializationValue(value) {
+  if (Array.isArray(value)) return value.map(stableInitializationValue);
+  if (!value || typeof value !== "object") return typeof value === "function" ? void 0 : value;
+  return Object.fromEntries(Object.entries(value).filter(([, entry]) => typeof entry !== "function").sort(([left], [right]) => left.localeCompare(right)).map(([key, entry]) => [key, stableInitializationValue(entry)]));
+}
+function billSubmissionInitializationKey(initialBill, attachments = EMPTY_ATTACHMENTS, sourceClaimsAdministratorName = "") {
+  return JSON.stringify(stableInitializationValue({
+    attachments,
+    initialBill,
+    sourceClaimsAdministratorName
+  }));
+}
 function submittedLines(lines) {
   return lines.filter(lineHasContent).map((line) => ({ ...line, code: line.code.trim(), modifiers: [...line.modifiers ?? []] }));
 }
@@ -2548,6 +2560,7 @@ function BillSubmissionForm({
   modifierOptions,
   taxonomyOptions,
   deliveryRoutePicker = "auto",
+  deliveryRouteDialogTitle = "Send bill",
   attachmentReportTypeMode = "auto",
   attachmentReportTypes = BILL_SUBMISSION_REPORT_TYPES,
   defaultAttachmentReportType,
@@ -2600,6 +2613,11 @@ function BillSubmissionForm({
   const procedures = useMemo3(() => mergeOptions(DEFAULT_BILL_SUBMISSION_PROCEDURES, procedureOptions), [procedureOptions]);
   const orderedClaimsAdministratorSources = useMemo3(() => [...claimsAdministratorSources ?? []].filter((source) => source.name.trim()).sort((left, right) => Number(right.source.toLowerCase() === "eams") - Number(left.source.toLowerCase() === "eams")), [claimsAdministratorSources]);
   const sourceClaimsAdministratorName = orderedClaimsAdministratorSources[0]?.name.trim() ?? "";
+  const initializationKey = useMemo3(
+    () => billSubmissionInitializationKey(initialBill, attachments, sourceClaimsAdministratorName),
+    [initialBill, attachments, sourceClaimsAdministratorName]
+  );
+  const previousInitializationKey = useRef2(initializationKey);
   const modifiers = useMemo3(() => mergeOptions(DEFAULT_BILL_SUBMISSION_MODIFIERS, modifierOptions), [modifierOptions]);
   const taxonomies = useMemo3(() => mergeOptions(DEFAULT_BILL_SUBMISSION_TAXONOMIES, taxonomyOptions), [taxonomyOptions]);
   const [evaluationType, setEvaluationType] = useState5(() => initialEvaluationType(initialBill));
@@ -2612,6 +2630,8 @@ function BillSubmissionForm({
   const reportTypeOptions = useMemo3(() => attachmentReportTypes.map((item) => ({ id: item.code, label: item.code.replace(/^OZ:/, ""), detail: item.label })), [attachmentReportTypes]);
   const missingAttachmentReportType = showAttachmentReportTypes && (selectedIds.some((id) => !(sourceAttachmentReportTypes[id] || attachments.find((item) => item.id === id)?.reportTypeCode || defaultAttachmentReportType)) || uploads.some((upload) => !(upload.reportTypeCode || defaultAttachmentReportType)));
   useEffect5(() => {
+    if (previousInitializationKey.current === initializationKey) return;
+    previousInitializationKey.current = initializationKey;
     setBill(cloneInitialBill(initialBill));
     setEvaluationType(initialEvaluationType(initialBill));
     setSelectedIds(attachments.map((item) => item.id));
@@ -2633,7 +2653,7 @@ function BillSubmissionForm({
     setPayerHasMore(true);
     payerRequest.current += 1;
     payerAppendPending.current = false;
-  }, [initialBill, attachments, sourceClaimsAdministratorName]);
+  }, [initialBill, attachments, initializationKey]);
   useEffect5(() => {
     if (!validationActive) return;
     const next = validateBillSubmission(bill).fieldErrors;
@@ -2835,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,
@@ -2876,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);
@@ -2885,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);
@@ -3218,7 +3243,7 @@ function BillSubmissionForm({
       routeDialog ? /* @__PURE__ */ jsx5(
         SendRouteDialog,
         {
-          title: "Send bill",
+          title: deliveryRouteDialogTitle,
           delivery: routeDialog.delivery,
           submitting,
           error: routeError,
@@ -3229,7 +3254,7 @@ function BillSubmissionForm({
             }
           },
           onConfirm: (submission) => {
-            void performConnectedSubmit(routeDialog.complete, submission);
+            void performSubmit({ ...routeDialog.value, submission });
           }
         }
       ) : null
@@ -3842,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}
@@ -3860,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}
@@ -3886,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 }),
@@ -3898,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),
@@ -3910,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
@@ -4653,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);
@@ -4727,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: [
@@ -4743,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;
@@ -4755,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
+        );
       }) })
     ] })
   ] });
@@ -5195,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}
@@ -5219,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 {
@@ -5286,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,
@@ -5294,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;
@@ -5323,7 +5446,7 @@ function useBillLifecycle({
       }
     }
   }, [client, enabled]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!enabled) return;
     void refresh();
     const interval = refreshInterval > 0 ? window.setInterval(() => void refresh(), refreshInterval) : null;
@@ -5392,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();
@@ -5424,6 +5547,46 @@ function uniqueContactValues(values) {
     return [trimmed];
   });
 }
+function correctionRejectionSummary(rejection) {
+  const reason = rejection.reason.trim();
+  const encodedReason = reason.match(/^([A-Z0-9]+:[A-Z0-9-]+)(?:\s+(\d{8}\s+[A-Z]\s+\d{4}))?\s*[:-]?\s+(.+)$/i);
+  if (encodedReason?.[1] && encodedReason[3]) {
+    return {
+      code: encodedReason[1],
+      clearinghouseDetail: encodedReason[2]?.trim() || null,
+      description: encodedReason[3].trim()
+    };
+  }
+  const code = rejection.code?.trim() || null;
+  const description = code && reason.toLocaleLowerCase().startsWith(code.toLocaleLowerCase()) ? reason.slice(code.length).replace(/^\s*[:-]?\s*/, "").trim() : reason;
+  return {
+    code,
+    clearinghouseDetail: null,
+    description: description || reason || "The clearinghouse rejected this submission."
+  };
+}
+function CorrectionRejectionReason({ rejection }) {
+  const summary = correctionRejectionSummary(rejection);
+  const details = rejection.issues?.filter((issue) => issue.description.trim() !== summary.description || Boolean(issue.code?.trim() && issue.code.trim() !== summary.code)) ?? [];
+  return /* @__PURE__ */ jsxs14("div", { className: "mb-lifecycle-correction-reason", role: "alert", children: [
+    summary.code ? /* @__PURE__ */ jsxs14("div", { className: "mb-lifecycle-correction-reason-code", children: [
+      /* @__PURE__ */ jsx14("span", { children: "Rejection code" }),
+      /* @__PURE__ */ jsx14("code", { children: summary.code }),
+      summary.clearinghouseDetail ? /* @__PURE__ */ jsxs14("small", { children: [
+        /* @__PURE__ */ jsx14("span", { children: "Clearinghouse detail" }),
+        summary.clearinghouseDetail
+      ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs14("div", { className: "mb-lifecycle-correction-reason-description", children: [
+      /* @__PURE__ */ jsx14("span", { children: "Reason" }),
+      /* @__PURE__ */ jsx14("strong", { children: summary.description })
+    ] }),
+    details.length ? /* @__PURE__ */ jsx14("ul", { "aria-label": "Additional rejection details", children: details.map((issue, index) => /* @__PURE__ */ jsxs14("li", { children: [
+      issue.code ? /* @__PURE__ */ jsx14("code", { children: issue.code }) : null,
+      /* @__PURE__ */ jsx14("span", { children: issue.description })
+    ] }, `${issue.code || "issue"}-${index}`)) }) : null
+  ] });
+}
 function CorrectionVerificationContact({ delivery }) {
   const directory = delivery.directory;
   const billReview = directory?.billReview ?? [];
@@ -5470,10 +5633,7 @@ function CorrectionVerificationContact({ delivery }) {
     ] }),
     /* @__PURE__ */ jsx14("dl", { children: methods.map((method) => /* @__PURE__ */ jsxs14("div", { children: [
       /* @__PURE__ */ jsx14("dt", { children: method.label }),
-      /* @__PURE__ */ jsx14("dd", { children: method.values.map((value, index) => /* @__PURE__ */ jsxs14("span", { children: [
-        index ? " \xB7 " : "",
-        method.href ? /* @__PURE__ */ jsx14("a", { href: method.href(value), ...method.label === "Portal" ? { target: "_blank", rel: "noreferrer" } : {}, children: value }) : value
-      ] }, value)) })
+      /* @__PURE__ */ jsx14("dd", { children: /* @__PURE__ */ jsx14("ul", { children: method.values.map((value) => /* @__PURE__ */ jsx14("li", { children: method.href ? /* @__PURE__ */ jsx14("a", { href: method.href(value), ...method.label === "Portal" ? { target: "_blank", rel: "noreferrer" } : {}, children: value }) : value }, value)) }) })
     ] }, method.label)) })
   ] });
 }
@@ -5590,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("");
@@ -5600,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);
@@ -5616,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);
@@ -5665,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
@@ -5673,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("");
@@ -5692,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
@@ -5700,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("");
@@ -5716,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: [
@@ -5756,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: () => {
@@ -5778,13 +5947,7 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
         /* @__PURE__ */ jsx14("strong", { children: "Live clearinghouse submission" }),
         /* @__PURE__ */ jsx14("span", { children: "Resubmitting sends a real bill. Confirm the corrected information before continuing." })
       ] }) : null,
-      data.rejection ? /* @__PURE__ */ jsxs14("div", { className: "mb-lifecycle-correction-reason", children: [
-        /* @__PURE__ */ jsx14("strong", { children: data.rejection.reason }),
-        data.rejection.issues?.map((issue, index) => /* @__PURE__ */ jsxs14("span", { children: [
-          issue.code ? `${issue.code}: ` : "",
-          issue.description
-        ] }, `${issue.code || "issue"}-${index}`))
-      ] }) : null,
+      data.rejection ? /* @__PURE__ */ jsx14(CorrectionRejectionReason, { rejection: data.rejection }) : null,
       /* @__PURE__ */ jsx14(CorrectionVerificationContact, { delivery: data.delivery }),
       /* @__PURE__ */ jsxs14("label", { className: "mb-lifecycle-correction-note", children: [
         /* @__PURE__ */ jsx14("span", { children: "Correction note (optional)" }),
@@ -5804,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,
@@ -5838,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,
@@ -6002,17 +6169,17 @@ function ConnectedBillLifecycle({ appearance, actorName, claimsAdministratorHint
 var CONNECTED_LIFECYCLE_STYLES = `
 .mb-lifecycle-simulator{display:grid;gap:14px;padding:18px;border:1px solid #b8dadd;border-radius:var(--mb-radius,14px);background:#f2fbfb}.mb-lifecycle-simulator>div:first-child>span{color:var(--mb-accent);font-size:.72rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.mb-lifecycle-simulator h3{margin:3px 0 0;font-size:1.05rem}.mb-lifecycle-simulator p{margin:4px 0 0;color:var(--mb-muted)}.mb-lifecycle-simulator-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.mb-lifecycle-simulator-actions button{min-height:76px;border:1px solid #a9cccf;border-radius:10px;background:var(--mb-surface);color:var(--mb-text);cursor:pointer;padding:12px 14px;text-align:left;font:inherit}.mb-lifecycle-simulator-actions button:hover{border-color:var(--mb-accent);box-shadow:0 3px 14px rgba(23,108,112,.1)}.mb-lifecycle-simulator-actions button:disabled{cursor:not-allowed;opacity:.55}.mb-lifecycle-simulator-actions button strong,.mb-lifecycle-simulator-actions button span{display:block}.mb-lifecycle-simulator-actions button span{margin-top:3px;color:var(--mb-muted);font-size:.83rem}.mb-lifecycle-simulator-idle{padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.72)}
 .mb-connected-lifecycle{--mb-accent:#176c70;--mb-text:#17282d;--mb-muted:#607176;--mb-border:#d7e0df;--mb-soft:#f4f7f6;--mb-surface:#fff;display:grid;gap:18px;color:var(--mb-text);font:14px/1.45 var(--mb-font,Inter,ui-sans-serif,system-ui,sans-serif)}.mb-connected-lifecycle *{box-sizing:border-box}.mb-lifecycle-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.mb-lifecycle-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.mb-lifecycle-title h2{margin:0;font-size:1.7rem}.mb-lifecycle-head p{margin:3px 0 0;color:var(--mb-muted)}.mb-lifecycle-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--mb-border);border-radius:12px;background:var(--mb-surface);padding:6px}.mb-lifecycle-tabs button{min-height:46px;border:0;border-radius:8px;background:transparent;color:var(--mb-muted);font:inherit;font-size:1rem;font-weight:750;cursor:pointer}.mb-lifecycle-tabs button[aria-selected=true]{background:var(--mb-accent);color:white}.mb-lifecycle-tabpanel{display:grid;gap:18px}.mb-lifecycle-button{min-height:40px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius,8px);background:var(--mb-input,#fff);color:var(--mb-text);cursor:pointer;font:inherit;font-weight:750;padding:9px 14px}.mb-lifecycle-button.primary{border-color:var(--mb-accent);background:var(--mb-accent);color:var(--mb-accent-contrast,#fff)}.mb-lifecycle-button:disabled{cursor:not-allowed;opacity:.5}.mb-lifecycle-actions-sheet{position:sticky;bottom:12px;z-index:24;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;padding:10px;border:1px solid var(--mb-border);border-radius:12px;background:color-mix(in srgb,var(--mb-surface) 94%,transparent);box-shadow:0 10px 34px rgba(18,35,43,.16);backdrop-filter:blur(12px)}.mb-lifecycle-card,.mb-lifecycle-panel{padding:20px;border:1px solid var(--mb-border);border-radius:var(--mb-radius,14px);background:var(--mb-surface)}.mb-lifecycle-card header{display:flex;align-items:center;justify-content:space-between;gap:20px}.mb-lifecycle-card h3,.mb-lifecycle-panel h3{margin:0;font-size:1.08rem}.mb-lifecycle-card p,.mb-lifecycle-panel p{margin:3px 0 0;color:var(--mb-muted)}.mb-lifecycle-card header>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:var(--mb-soft);font-weight:750}.mb-lifecycle-documents{list-style:none;margin:14px 0 0;padding:0}.mb-lifecycle-documents li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--mb-border)}.mb-lifecycle-documents li>div{display:grid;gap:3px;min-width:0}.mb-lifecycle-documents li span{color:var(--mb-muted);font-size:.85rem}.mb-lifecycle-dialog-backdrop{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(18,35,43,.56);backdrop-filter:blur(3px)}.mb-lifecycle-dialog{position:relative;width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;outline:0}.mb-lifecycle-dialog-close{position:absolute;z-index:1;top:12px;right:12px;width:44px;height:44px;border:1px solid var(--mb-border);border-radius:10px;background:var(--mb-surface);color:var(--mb-text);cursor:pointer;font:24px/1 inherit}.mb-lifecycle-panel{display:grid;gap:17px;padding-top:24px;box-shadow:0 24px 70px rgba(18,35,43,.22)}.mb-lifecycle-panel label{display:grid;gap:6px;font-size:.85rem;font-weight:750}.mb-lifecycle-panel label small{color:var(--mb-muted);font-weight:500}.mb-lifecycle-panel input,.mb-lifecycle-panel select,.mb-lifecycle-panel textarea{width:100%;min-height:44px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius,8px);background:var(--mb-input,#fff);color:var(--mb-text);font:inherit;padding:10px 12px}.mb-lifecycle-panel textarea{min-height:100px;resize:vertical}.mb-lifecycle-fields{display:grid;gap:13px}.mb-lifecycle-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-lifecycle-fields .full{grid-column:1/-1}.mb-lifecycle-panel-actions{display:flex;justify-content:flex-end;gap:8px}.mb-lifecycle-packet{display:grid;gap:0;margin:0;padding:0;border:0}.mb-lifecycle-packet legend{margin-bottom:7px;font-size:.85rem;font-weight:800}.mb-lifecycle-packet>label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid var(--mb-border)}.mb-lifecycle-packet>label>input{width:16px;min-height:16px}.mb-lifecycle-packet>label>span{display:grid}.mb-lifecycle-packet button{border:0;background:transparent;color:var(--mb-accent);cursor:pointer;font:inherit}.mb-lifecycle-message,.mb-lifecycle-error,.mb-lifecycle-loading{padding:12px 14px;border-radius:9px}.mb-lifecycle-message.success{background:#edf9f2;color:#217449}.mb-lifecycle-message.error,.mb-lifecycle-error{background:#fff0ef;color:#9d3029}.mb-lifecycle-error{display:flex;align-items:center;gap:12px}.mb-lifecycle-error span{flex:1}.mb-lifecycle-error button{border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;padding:7px 10px}
-.mb-lifecycle-dialog.wide{width:min(1280px,100%)}.mb-lifecycle-correction{display:grid;gap:16px;padding:22px;border-radius:var(--mb-radius,14px);background:var(--mb-surface);box-shadow:0 24px 70px rgba(18,35,43,.22)}.mb-lifecycle-correction>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:56px}.mb-lifecycle-correction h3{margin:0;font-size:1.2rem}.mb-lifecycle-correction header p{margin:4px 0 0;color:var(--mb-muted)}.mb-lifecycle-live-warning,.mb-lifecycle-correction-reason,.mb-lifecycle-correction-contact{display:grid;gap:4px;padding:13px 15px;border-radius:10px}.mb-lifecycle-live-warning{border-left:4px solid #b97716;background:#fff8e8;color:#6f470e}.mb-lifecycle-correction-reason{border-left:4px solid #c5443f;background:#fff2f1;color:#812d29}.mb-lifecycle-correction-contact{border:1px solid color-mix(in srgb,var(--mb-accent) 35%,var(--mb-border));background:color-mix(in srgb,var(--mb-accent) 7%,var(--mb-surface))}.mb-lifecycle-correction-contact dl{display:grid;gap:7px;margin:8px 0 0}.mb-lifecycle-correction-contact dl>div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px}.mb-lifecycle-correction-contact dt{color:var(--mb-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.mb-lifecycle-correction-contact dd{min-width:0;margin:0;overflow-wrap:anywhere}.mb-lifecycle-correction-contact a{color:var(--mb-accent);text-underline-offset:2px}.mb-lifecycle-correction-note{display:grid;gap:6px;font-size:.85rem;font-weight:750}.mb-lifecycle-correction-note textarea{min-height:76px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius,8px);background:var(--mb-input,#fff);color:var(--mb-text);font:inherit;padding:10px 12px;resize:vertical}
+.mb-lifecycle-dialog.wide{width:min(1280px,100%)}.mb-lifecycle-correction{display:grid;gap:16px;padding:22px;border-radius:var(--mb-radius,14px);background:var(--mb-surface);box-shadow:0 24px 70px rgba(18,35,43,.22)}.mb-lifecycle-correction>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:56px}.mb-lifecycle-correction h3{margin:0;font-size:1.2rem}.mb-lifecycle-correction header p{margin:4px 0 0;color:var(--mb-muted)}.mb-lifecycle-live-warning,.mb-lifecycle-correction-reason,.mb-lifecycle-correction-contact{display:grid;gap:4px;padding:13px 15px;border-radius:10px}.mb-lifecycle-live-warning{border-left:4px solid #b97716;background:#fff8e8;color:#6f470e}.mb-lifecycle-correction-reason{grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:18px;row-gap:10px;border-left:4px solid #c5443f;background:#fff2f1;color:#812d29}.mb-lifecycle-correction-reason-code,.mb-lifecycle-correction-reason-description{display:grid;gap:4px}.mb-lifecycle-correction-reason-code>span,.mb-lifecycle-correction-reason-description>span,.mb-lifecycle-correction-reason-code small>span{color:#9b514d;font-size:.7rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.mb-lifecycle-correction-reason code{width:max-content;border:1px solid #e8b4b0;border-radius:6px;background:rgba(255,255,255,.66);color:#812d29;font:750 .84rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;padding:3px 7px}.mb-lifecycle-correction-reason-code small{display:grid;gap:1px;margin-top:3px;color:#9b514d;font:500 .72rem/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.mb-lifecycle-correction-reason-description strong{font-size:.94rem}.mb-lifecycle-correction-reason>ul{grid-column:1/-1;display:grid;gap:5px;margin:0;padding:8px 0 0 18px;border-top:1px solid #ecc7c4}.mb-lifecycle-correction-reason li{padding-left:3px}.mb-lifecycle-correction-reason li code{margin-right:7px}.mb-lifecycle-correction-contact{border:1px solid color-mix(in srgb,var(--mb-accent) 35%,var(--mb-border));background:color-mix(in srgb,var(--mb-accent) 7%,var(--mb-surface))}.mb-lifecycle-correction-contact dl{display:grid;gap:10px;margin:8px 0 0}.mb-lifecycle-correction-contact dl>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px}.mb-lifecycle-correction-contact dt{padding-top:2px;color:var(--mb-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.mb-lifecycle-correction-contact dd{min-width:0;margin:0;overflow-wrap:anywhere}.mb-lifecycle-correction-contact dd ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.mb-lifecycle-correction-contact dd li{min-width:0}.mb-lifecycle-correction-contact a{color:var(--mb-accent);text-underline-offset:2px}.mb-lifecycle-correction-note{display:grid;gap:6px;font-size:.85rem;font-weight:750}.mb-lifecycle-correction-note textarea{min-height:76px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius,8px);background:var(--mb-input,#fff);color:var(--mb-text);font:inherit;padding:10px 12px;resize:vertical}
 .mb-payment-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:9px;background:var(--mb-soft)}.mb-payment-total strong{font-size:1.12rem}
 .mb-lifecycle-deadline-hint{margin:0;padding:10px 12px;border-radius:9px;background:color-mix(in srgb,var(--mb-warning,#8a5c17) 10%,var(--mb-surface));color:var(--mb-warning,#8a5c17);font-size:.85rem}
-@media(max-width:700px){.mb-lifecycle-head,.mb-lifecycle-card header{align-items:stretch;flex-direction:column}.mb-lifecycle-head>.mb-lifecycle-button{width:100%}.mb-lifecycle-actions-sheet{bottom:calc(var(--mb-host-bottom-offset,72px) + env(safe-area-inset-bottom) + 8px);grid-template-columns:repeat(2,minmax(0,1fr))}.mb-lifecycle-actions-sheet .mb-lifecycle-button:last-child:nth-child(odd){grid-column:1/-1}.mb-lifecycle-fields.two{grid-template-columns:1fr}.mb-lifecycle-fields .full{grid-column:auto}.mb-lifecycle-dialog-backdrop{align-items:end;padding:0}.mb-lifecycle-dialog{max-height:calc(100dvh - 12px)}.mb-lifecycle-dialog .mb-lifecycle-panel,.mb-lifecycle-correction{border-radius:18px 18px 0 0}.mb-lifecycle-correction{padding:18px 12px calc(18px + env(safe-area-inset-bottom))}.mb-lifecycle-correction>header{align-items:stretch;flex-direction:column;padding-right:56px}.mb-lifecycle-correction-contact dl>div{grid-template-columns:1fr;gap:2px}.mb-lifecycle-tabs button{font-size:.9rem}.mb-lifecycle-title h2{font-size:1.4rem}}
+@media(max-width:700px){.mb-lifecycle-head,.mb-lifecycle-card header{align-items:stretch;flex-direction:column}.mb-lifecycle-head>.mb-lifecycle-button{width:100%}.mb-lifecycle-actions-sheet{bottom:calc(var(--mb-host-bottom-offset,72px) + env(safe-area-inset-bottom) + 8px);grid-template-columns:repeat(2,minmax(0,1fr))}.mb-lifecycle-actions-sheet .mb-lifecycle-button:last-child:nth-child(odd){grid-column:1/-1}.mb-lifecycle-fields.two{grid-template-columns:1fr}.mb-lifecycle-fields .full{grid-column:auto}.mb-lifecycle-dialog-backdrop{align-items:end;padding:0}.mb-lifecycle-dialog{max-height:calc(100dvh - 12px)}.mb-lifecycle-dialog .mb-lifecycle-panel,.mb-lifecycle-correction{border-radius:18px 18px 0 0}.mb-lifecycle-correction{padding:18px 12px calc(18px + env(safe-area-inset-bottom))}.mb-lifecycle-correction>header{align-items:stretch;flex-direction:column;padding-right:56px}.mb-lifecycle-correction-reason{grid-template-columns:1fr}.mb-lifecycle-correction-reason>ul{grid-column:auto}.mb-lifecycle-correction-contact dl>div{grid-template-columns:1fr;gap:2px}.mb-lifecycle-tabs button{font-size:.9rem}.mb-lifecycle-title h2{font-size:1.4rem}}
 `;
 
 // 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);