@dainamite/cpq 0.4.0 → 0.6.0

package/dist/modules/cpq/backend/cpq/orders/[id]/page.js

@@ -12,23 +12,20 @@ import {
   orderCpqStatusMap
 } from "../../../../components/statusMaps.js";
 import { StatusPath } from "../../../../components/StatusPath.js";
+import { ChargeBreakdownTable } from "../../../../components/ChargeBreakdownTable.js";
+import { PricingSummaryCard } from "../../../../components/PricingSummaryCard.js";
+import { ArcLineDiff, LineActionBadge } from "../../../../components/ArcLineDiff.js";
+import { arcRecurringDelta } from "../../../../lib/quoteSummaryView.js";
+import { isArcCancelledLine } from "../../../../services/arcLineRemoval.js";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function toChargeRow(c) {
+  return { ...c, chargeName: c.chargeName ?? "\u2014", chargeType: c.chargeType ?? "mrc", unitPrice: c.unitPrice ?? 0, totalPrice: c.totalPrice ?? null };
+}
 const ARC_BADGE_VARIANTS = {
   amend: "brand",
   renew: "success",
   cancel: "error"
 };
-const RULE_TYPE_LABELS = {
-  discount_percent: "% discount",
-  discount_absolute: "fixed discount",
-  surcharge_percent: "% surcharge",
-  surcharge_absolute: "fixed surcharge",
-  price_override: "override"
-};
-function fmtRuleValue(adj, currency) {
-  if (adj.ruleType === "discount_percent" || adj.ruleType === "surcharge_percent") return `${adj.value}%`;
-  if (currency) return fmt(adj.value, currency);
-  return String(adj.value);
-}
 function fmt(amount, currency) {
   return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
 }
@@ -277,23 +274,19 @@ function CpqOrderDetailPage(props) {
       /* @__PURE__ */ jsx(MetaCard, { label: "Created", children: /* @__PURE__ */ jsx("span", { className: "font-medium", children: new Date(order.createdAt).toLocaleDateString() }) }),
       /* @__PURE__ */ jsx(MetaCard, { label: "Currency", children: /* @__PURE__ */ jsx("span", { className: "font-medium", children: currency }) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-3", children: "Pricing Summary" }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Non-Recurring (NRC)" }),
-          /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold font-mono", children: fmt(order.pricingSummary.nrcTotal, currency) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Monthly Recurring (MRC)" }),
-          /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold font-mono", children: fmt(order.pricingSummary.mrcTotal, currency) })
-        ] })
-      ] })
-    ] }),
+    /* @__PURE__ */ jsx(
+      PricingSummaryCard,
+      {
+        summary: order.pricingSummary,
+        currency,
+        arcDelta: order.quoteType === "amend" || order.quoteType === "renew" ? arcRecurringDelta(order.lines.map((l) => ({ ...l, action: l.action }))) : null
+      }
+    ),
     /* @__PURE__ */ jsx(
       OrderLineTree,
       {
         lines: order.lines,
+        quoteType: order.quoteType,
         currency,
         expandedLines,
         pricingDetail,
@@ -311,6 +304,7 @@ function MetaCard({ label, children }) {
 }
 function OrderLineTree({
   lines,
+  quoteType,
   currency,
   expandedLines,
   pricingDetail,
@@ -345,6 +339,7 @@ function OrderLineTree({
           {
             line,
             lineIdx,
+            quoteType,
             currency,
             isExpanded,
             isBundle,
@@ -368,6 +363,7 @@ function OrderLineTree({
               {
                 line: child,
                 lineIdx: childIdx,
+                quoteType,
                 currency,
                 isExpanded: expandedLines.has(child.lineId),
                 isBundle: false,
@@ -385,26 +381,37 @@ function OrderLineTree({
     }) })
   ] });
 }
-function OrderLineRow({ line, lineIdx, currency, isExpanded, isBundle, childCount, indent, pricingDetail, onToggle, onTogglePricingDetail }) {
+function OrderLineRow({ line, lineIdx, quoteType, currency, isExpanded, isBundle, childCount, indent, pricingDetail, onToggle, onTogglePricingDetail }) {
+  const t = useT();
   const paddingLeft = indent > 0 ? `${indent * 2 + 1}rem` : void 0;
+  const isRemoved = isArcCancelledLine(line, quoteType);
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "flex items-center gap-3 px-4 py-3 hover:bg-muted/30 transition-colors cursor-pointer",
+        className: `flex items-center gap-3 px-4 py-3 hover:bg-muted/30 transition-colors cursor-pointer ${isRemoved ? "bg-muted/20" : ""}`,
         style: paddingLeft ? { paddingLeft } : void 0,
         onClick: onToggle,
+        "data-testid": "cpq-order-line",
+        "data-removed": isRemoved ? "true" : void 0,
         children: [
           /* @__PURE__ */ jsx("button", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsx("svg", { className: `h-4 w-4 transition-transform ${isExpanded ? "rotate-90" : ""}`, fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" }) }) }),
           /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             indent > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs", children: "\u2514" }),
             isBundle && /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "px-1.5 text-xs", children: "bundle" }),
-            /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: line.offeringName }),
+            /* @__PURE__ */ jsx("span", { className: `font-medium text-sm ${isRemoved ? "text-muted-foreground line-through" : ""}`, children: line.offeringName }),
             line.quantity > 1 && /* @__PURE__ */ jsxs("span", { className: "rounded bg-muted px-1.5 py-0.5 text-xs font-medium", children: [
               "\xD7",
               line.quantity
             ] }),
-            /* @__PURE__ */ jsx(Tag, { variant: "info", className: "px-1.5 text-xs", children: line.action }),
+            /* @__PURE__ */ jsx(
+              LineActionBadge,
+              {
+                action: line.action,
+                label: isRemoved ? t("cpq.quotes.arc.lineRemoved", "remove") : void 0,
+                title: isRemoved ? t("cpq.quotes.arc.lineRemovedHint", "This item is cancelled on the subscription when the order is activated") : void 0
+              }
+            ),
             isBundle && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
               childCount,
               " component",
@@ -412,6 +419,10 @@ function OrderLineRow({ line, lineIdx, currency, isExpanded, isBundle, childCoun
             ] })
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right text-xs space-y-0.5", children: [
+            isRemoved && line.arcSource && line.arcSource.mrcAmount > 0 && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "MRC " }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-muted-foreground line-through", children: fmt(line.arcSource.mrcAmount, currency) })
+            ] }),
             line.nrcTotal > 0 && /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "NRC " }),
               /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: fmt(line.nrcTotal, currency) })
@@ -425,7 +436,7 @@ function OrderLineRow({ line, lineIdx, currency, isExpanded, isBundle, childCoun
       }
     ),
     isExpanded && (() => {
-      const internalKeys = /* @__PURE__ */ new Set(["_arcMirroredName", "_arcMirroredFromItemId", "offeringName"]);
+      const internalKeys = /* @__PURE__ */ new Set(["_arcMirroredName", "_arcMirroredFromItemId", "_arcPriceFrozen", "_arcRepriced", "offeringName"]);
       const visibleConfigEntries = Object.entries(line.configuration).filter(
         ([key]) => !internalKeys.has(key)
       );
@@ -435,174 +446,68 @@ function OrderLineRow({ line, lineIdx, currency, isExpanded, isBundle, childCoun
       const hasArcDiff = !!line.arcSource;
       const mirroredFromItemId = line.configuration?._arcMirroredFromItemId ?? null;
       const isEmpty = !hasConfig && !hasCharges && !hasTerm && !hasArcDiff;
-      return /* @__PURE__ */ jsxs(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           className: "border-t bg-muted/10 px-12 py-3 space-y-3",
           style: paddingLeft ? { paddingLeft: `calc(${paddingLeft} + 2rem)` } : void 0,
-          children: [
-            hasArcDiff && /* @__PURE__ */ jsx(ArcLineDiff, { line, currency }),
-            isEmpty ? /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground space-y-1", children: [
-              /* @__PURE__ */ jsxs("div", { children: [
-                "No detailed breakdown for this line.",
-                mirroredFromItemId && " Mirrored from existing subscription item."
+          children: isEmpty ? /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground space-y-1", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              "No detailed breakdown for this line.",
+              mirroredFromItemId && " Mirrored from existing subscription item."
+            ] }),
+            (line.nrcTotal > 0 || line.mrcTotal > 0) && /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+              line.nrcTotal > 0 && /* @__PURE__ */ jsxs("span", { children: [
+                "NRC ",
+                /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground", children: fmt(line.nrcTotal, currency) })
               ] }),
-              (line.nrcTotal > 0 || line.mrcTotal > 0) && /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-                line.nrcTotal > 0 && /* @__PURE__ */ jsxs("span", { children: [
-                  "NRC ",
-                  /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground", children: fmt(line.nrcTotal, currency) })
-                ] }),
-                line.mrcTotal > 0 && /* @__PURE__ */ jsxs("span", { children: [
-                  "MRC ",
-                  /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground", children: fmt(line.mrcTotal, currency) })
-                ] })
+              line.mrcTotal > 0 && /* @__PURE__ */ jsxs("span", { children: [
+                "MRC ",
+                /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground", children: fmt(line.mrcTotal, currency) })
               ] })
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              hasConfig && /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Configuration" }),
-                /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-1", children: visibleConfigEntries.map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
-                  /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-                    key,
-                    ": "
-                  ] }),
-                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: String(value) })
-                ] }, key)) })
+            ] })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            hasConfig && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Configuration" }),
+              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-1", children: visibleConfigEntries.map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                  key,
+                  ": "
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: String(value) })
+              ] }, key)) })
+            ] }),
+            hasCharges && /* @__PURE__ */ jsx(
+              ChargeBreakdownTable,
+              {
+                charges: line.charges.map(toChargeRow),
+                currency,
+                openDetailIndex: pricingDetail?.lineIdx === lineIdx ? pricingDetail.chargeIdx : null,
+                onToggleDetail: (chargeIdx) => onTogglePricingDetail(lineIdx, chargeIdx)
+              }
+            ),
+            hasTerm && /* @__PURE__ */ jsxs("div", { className: "flex gap-4 text-xs text-muted-foreground", children: [
+              line.startDate && /* @__PURE__ */ jsxs("span", { children: [
+                "Start: ",
+                new Date(line.startDate).toLocaleDateString()
               ] }),
-              hasCharges && /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Charges" }),
-                /* @__PURE__ */ jsx(
-                  ChargeBreakdown,
-                  {
-                    line,
-                    lineIdx,
-                    currency,
-                    pricingDetail,
-                    onTogglePricingDetail
-                  }
-                )
+              line.termMonths && /* @__PURE__ */ jsxs("span", { children: [
+                "Term: ",
+                line.termMonths,
+                "mo"
               ] }),
-              hasTerm && /* @__PURE__ */ jsxs("div", { className: "flex gap-4 text-xs text-muted-foreground", children: [
-                line.startDate && /* @__PURE__ */ jsxs("span", { children: [
-                  "Start: ",
-                  new Date(line.startDate).toLocaleDateString()
-                ] }),
-                line.termMonths && /* @__PURE__ */ jsxs("span", { children: [
-                  "Term: ",
-                  line.termMonths,
-                  "mo"
-                ] }),
-                line.endDate && /* @__PURE__ */ jsxs("span", { children: [
-                  "End: ",
-                  new Date(line.endDate).toLocaleDateString()
-                ] })
+              line.endDate && /* @__PURE__ */ jsxs("span", { children: [
+                "End: ",
+                new Date(line.endDate).toLocaleDateString()
               ] })
-            ] })
-          ]
+            ] }),
+            hasArcDiff && /* @__PURE__ */ jsx(ArcLineDiff, { line, currency })
+          ] })
         }
       );
     })()
   ] });
 }
-function ChargeBreakdown({ line, lineIdx, currency, pricingDetail, onTogglePricingDetail }) {
-  return /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-muted-foreground", children: [
-      /* @__PURE__ */ jsx("th", { className: "text-left py-1 font-medium", children: "Charge" }),
-      /* @__PURE__ */ jsx("th", { className: "text-left py-1 font-medium", children: "Type" }),
-      /* @__PURE__ */ jsx("th", { className: "text-right py-1 font-medium", children: "Unit Price" }),
-      /* @__PURE__ */ jsx("th", { className: "text-right py-1 font-medium", children: "Qty" }),
-      /* @__PURE__ */ jsx("th", { className: "text-right py-1 font-medium", children: "Total" }),
-      /* @__PURE__ */ jsx("th", { className: "w-8" })
-    ] }) }),
-    /* @__PURE__ */ jsx("tbody", { children: line.charges.map((c, i) => {
-      const hasDetail = !!(c.breakdown?.tiers?.length || c.adjustments?.length);
-      const isDetailOpen = pricingDetail?.lineIdx === lineIdx && pricingDetail?.chargeIdx === i;
-      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-        /* @__PURE__ */ jsxs("tr", { className: "border-t border-dashed border-border/50", children: [
-          /* @__PURE__ */ jsx("td", { className: "py-1", children: c.chargeName ?? "\u2014" }),
-          /* @__PURE__ */ jsx("td", { className: "py-1 uppercase", children: c.chargeType ?? "\u2014" }),
-          /* @__PURE__ */ jsx("td", { className: "py-1 text-right font-mono", children: c.unitPrice != null ? fmt(c.unitPrice, currency) : "\u2014" }),
-          /* @__PURE__ */ jsx("td", { className: "py-1 text-right font-mono", children: c.quantity ?? "\u2014" }),
-          /* @__PURE__ */ jsx("td", { className: "py-1 text-right font-mono", children: c.totalPrice != null ? fmt(c.totalPrice, currency) : c.note ?? "\u2014" }),
-          /* @__PURE__ */ jsx("td", { className: "py-1 text-center", children: hasDetail && /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: () => onTogglePricingDetail(lineIdx, i),
-              className: "inline-flex items-center justify-center rounded p-0.5 hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
-              title: "Show pricing breakdown",
-              children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-3.5 h-3.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" }) })
-            }
-          ) })
-        ] }),
-        isDetailOpen && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 6, className: "pb-3 pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded border bg-background p-3 space-y-3 text-xs", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs("span", { className: "font-semibold text-sm", children: [
-              "Pricing Details \u2014 ",
-              c.chargeName
-            ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: c.pricingMethod ?? "flat" })
-          ] }),
-          c.breakdown?.tiers && c.breakdown.tiers.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "font-medium text-muted-foreground mb-1", children: "Tier Breakdown" }),
-            /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
-              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-muted-foreground", children: [
-                /* @__PURE__ */ jsx("th", { className: "text-left py-0.5 font-medium", children: "Tier" }),
-                /* @__PURE__ */ jsx("th", { className: "text-right py-0.5 font-medium", children: "Range" }),
-                /* @__PURE__ */ jsx("th", { className: "text-right py-0.5 font-medium", children: "Price/Unit" }),
-                /* @__PURE__ */ jsx("th", { className: "text-right py-0.5 font-medium", children: "Qty" }),
-                /* @__PURE__ */ jsx("th", { className: "text-right py-0.5 font-medium", children: "Subtotal" })
-              ] }) }),
-              /* @__PURE__ */ jsxs("tbody", { children: [
-                c.breakdown.tiers.map((t) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-border/30", children: [
-                  /* @__PURE__ */ jsx("td", { className: "py-0.5", children: t.tier }),
-                  /* @__PURE__ */ jsxs("td", { className: "py-0.5 text-right font-mono", children: [
-                    t.from,
-                    "\u2013",
-                    t.to
-                  ] }),
-                  /* @__PURE__ */ jsx("td", { className: "py-0.5 text-right font-mono", children: fmt(t.pricePerUnit, currency) }),
-                  /* @__PURE__ */ jsx("td", { className: "py-0.5 text-right font-mono", children: t.quantity }),
-                  /* @__PURE__ */ jsx("td", { className: "py-0.5 text-right font-mono", children: fmt(t.subtotal, currency) })
-                ] }, t.tier)),
-                /* @__PURE__ */ jsxs("tr", { className: "border-t font-medium", children: [
-                  /* @__PURE__ */ jsx("td", { colSpan: 4, className: "py-0.5 text-right", children: "Tiered Total" }),
-                  /* @__PURE__ */ jsx("td", { className: "py-0.5 text-right font-mono", children: fmt(c.breakdown.tiers.reduce((s, t) => s + t.subtotal, 0), currency) })
-                ] })
-              ] })
-            ] })
-          ] }),
-          c.adjustments && c.adjustments.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "font-medium text-muted-foreground mb-1", children: "Applied Price Rules" }),
-            /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
-              /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-muted-foreground", children: [
-                /* @__PURE__ */ jsx("th", { className: "text-left py-0.5 font-medium", children: "Rule" }),
-                /* @__PURE__ */ jsx("th", { className: "text-left py-0.5 font-medium", children: "Type" }),
-                /* @__PURE__ */ jsx("th", { className: "text-right py-0.5 font-medium", children: "Value" }),
-                /* @__PURE__ */ jsx("th", { className: "text-right py-0.5 font-medium", children: "Before" }),
-                /* @__PURE__ */ jsx("th", { className: "text-right py-0.5 font-medium", children: "After" }),
-                /* @__PURE__ */ jsx("th", { className: "text-right py-0.5 font-medium", children: "Delta" })
-              ] }) }),
-              /* @__PURE__ */ jsx("tbody", { children: c.adjustments.map((adj, ai) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-border/30", children: [
-                /* @__PURE__ */ jsx("td", { className: "py-0.5", children: adj.ruleName }),
-                /* @__PURE__ */ jsx("td", { className: "py-0.5", children: RULE_TYPE_LABELS[adj.ruleType] ?? adj.ruleType }),
-                /* @__PURE__ */ jsx("td", { className: "py-0.5 text-right font-mono", children: fmtRuleValue(adj, currency) }),
-                /* @__PURE__ */ jsx("td", { className: "py-0.5 text-right font-mono", children: fmt(adj.unitPriceBefore, currency) }),
-                /* @__PURE__ */ jsx("td", { className: "py-0.5 text-right font-mono", children: fmt(adj.unitPriceAfter, currency) }),
-                /* @__PURE__ */ jsxs("td", { className: `py-0.5 text-right font-mono ${adj.delta < 0 ? "text-destructive" : adj.delta > 0 ? "text-status-success-text" : ""}`, children: [
-                  adj.delta > 0 ? "+" : "",
-                  fmt(adj.delta, currency)
-                ] })
-              ] }, ai)) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-1 border-t text-sm font-semibold", children: [
-            /* @__PURE__ */ jsx("span", { children: "Final Total" }),
-            /* @__PURE__ */ jsx("span", { className: "font-mono", children: c.totalPrice != null ? fmt(c.totalPrice, currency) : "\u2014" })
-          ] })
-        ] }) }) })
-      ] }, i);
-    }) })
-  ] });
-}
 function Spinner() {
   return /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
     /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
@@ -623,54 +528,6 @@ function ErrorBanner({ message, onDismiss }) {
     )
   ] });
 }
-function ArcLineDiff({ line, currency }) {
-  const src = line.arcSource;
-  if (!src) return null;
-  const isCancel = line.action === "cancel";
-  const beforeMrc = src.mrcAmount;
-  const beforeNrc = src.nrcAmount;
-  const beforeQty = src.quantity;
-  const afterMrc = isCancel ? 0 : line.mrcTotal;
-  const afterNrc = isCancel ? 0 : line.nrcTotal;
-  const afterQty = isCancel ? 0 : line.quantity;
-  const mrcDelta = afterMrc - beforeMrc;
-  const nrcDelta = afterNrc - beforeNrc;
-  const qtyDelta = afterQty - beforeQty;
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1.5", children: "Change Preview" }),
-    /* @__PURE__ */ jsx("div", { className: "rounded border bg-background overflow-hidden", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
-      /* @__PURE__ */ jsx("thead", { className: "bg-muted/40", children: /* @__PURE__ */ jsxs("tr", { className: "text-muted-foreground", children: [
-        /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-1.5 font-medium" }),
-        /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-1.5 font-medium", children: "Before" }),
-        /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-1.5 font-medium", children: "After" }),
-        /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-1.5 font-medium", children: "\u0394" })
-      ] }) }),
-      /* @__PURE__ */ jsxs("tbody", { children: [
-        /* @__PURE__ */ jsx(ArcDiffRow, { label: "Quantity", before: beforeQty, after: afterQty, delta: qtyDelta, currency: null, dimAfter: isCancel }),
-        /* @__PURE__ */ jsx(ArcDiffRow, { label: "MRC", before: beforeMrc, after: afterMrc, delta: mrcDelta, currency, dimAfter: isCancel }),
-        /* @__PURE__ */ jsx(ArcDiffRow, { label: "NRC", before: beforeNrc, after: afterNrc, delta: nrcDelta, currency, dimAfter: isCancel })
-      ] })
-    ] }) }),
-    isCancel && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1 italic", children: "Cancellation \u2014 item will be terminated on activation." })
-  ] });
-}
-function ArcDiffRow({
-  label,
-  before,
-  after,
-  delta,
-  currency,
-  dimAfter
-}) {
-  const fmtVal = (v) => currency ? fmt(v, currency) : String(v);
-  const showDelta = delta !== 0;
-  return /* @__PURE__ */ jsxs("tr", { className: "border-t border-dashed border-border/40", children: [
-    /* @__PURE__ */ jsx("td", { className: "px-3 py-1 text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx("td", { className: "px-3 py-1 text-right font-mono", children: fmtVal(before) }),
-    /* @__PURE__ */ jsx("td", { className: `px-3 py-1 text-right font-mono ${dimAfter ? "text-muted-foreground line-through" : ""}`, children: fmtVal(after) }),
-    /* @__PURE__ */ jsx("td", { className: `px-3 py-1 text-right font-mono font-medium ${showDelta ? delta > 0 ? "text-status-success-text" : "text-destructive" : "text-muted-foreground"}`, children: showDelta ? `${delta > 0 ? "+" : ""}${fmtVal(delta)}` : "\u2014" })
-  ] });
-}
 export {
   CpqOrderDetailPage as default
 };