@dainamite/cpq 0.5.0 → 0.7.0

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

@@ -1,15 +1,27 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useRouter, useParams, useSearchParams } from "next/navigation";
 import ArcQuoteConfigurator from "./_components/ArcQuoteConfigurator.js";
 import { StatusPath } from "../../../../components/StatusPath.js";
-import { ArrowRight, ExternalLink, Plus } from "lucide-react";
+import { ArrowRight, ExternalLink, Plus, RotateCcw } from "lucide-react";
 import { Alert, AlertTitle, AlertDescription } from "@open-mercato/ui/primitives/alert";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Tag } from "@open-mercato/ui/primitives/tag";
 import { FormHeader } from "@open-mercato/ui/backend/forms";
 import { NumberInput } from "../../../../components/NumberInput.js";
+import { ChargeBreakdownTable } from "../../../../components/ChargeBreakdownTable.js";
+import { PricingSummaryCard } from "../../../../components/PricingSummaryCard.js";
+import { ArcLineDiff, LineActionBadge } from "../../../../components/ArcLineDiff.js";
+import { ADJUST_PRICE_FEATURE } from "../../../../lib/priceAdjustmentView.js";
+import { arcRecurringDelta } from "../../../../lib/quoteSummaryView.js";
+import { usePriceAdjustments } from "./_components/usePriceAdjustments.js";
+import { PriceAdjustmentsPanel } from "./_components/PriceAdjustmentsPanel.js";
+import { ArcLineRemovalProvider, useArcLineRemoval, useArcLineRemovalUi } from "./_components/arcLineRemoval.js";
+import { AdjustChargeAction, DiscountLineAction, ManualAdjustmentActions, PriceAdjustmentProvider, usePriceAdjustmentUi } from "./_components/priceAdjustmentContext.js";
+import { useGrantedFeatures } from "../../../../components/useGrantedFeatures.js";
+import { canRecalculateQuote, QUOTE_MANAGE_FEATURE } from "../../../../lib/quotePermissions.js";
 import {
   formatStatusLabel,
   quoteCpqStatusMap
@@ -17,24 +29,24 @@ import {
 function fmt(amount, currency) {
   return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
 }
-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);
-}
-async function apiJson(url, init) {
+async function apiJson(t, url, init) {
   const res = await fetch(url, init);
   const json = await res.json();
-  if (!res.ok) throw new Error(json?.error ?? `Request failed (${res.status})`);
+  if (!res.ok) throw new Error(json?.error ?? t("cpq.common.requestFailed", "Request failed ({status})", { status: res.status }));
   return json;
 }
+function quoteTypeLabel(t, quoteType) {
+  switch (quoteType) {
+    case "amend":
+      return t("cpq.quotes.type.amend", "amend");
+    case "renew":
+      return t("cpq.quotes.type.renew", "renew");
+    case "cancel":
+      return t("cpq.quotes.type.cancel", "cancel");
+    default:
+      return quoteType;
+  }
+}
 function MetaCard({ label, children }) {
   return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
     /* @__PURE__ */ jsx("div", { className: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: label }),
@@ -42,6 +54,7 @@ function MetaCard({ label, children }) {
   ] });
 }
 function MoreActionsDropdown({ items }) {
+  const t = useT();
   const [open, setOpen] = React.useState(false);
   const ref = React.useRef(null);
   React.useEffect(() => {
@@ -55,7 +68,7 @@ function MoreActionsDropdown({ items }) {
   if (items.length === 0) return null;
   return /* @__PURE__ */ jsxs("div", { className: "relative", ref, children: [
     /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => setOpen((v) => !v), children: [
-      "Actions",
+      t("cpq.quotes.detail.actions", "Actions"),
       /* @__PURE__ */ jsx("svg", { className: "h-3 w-3 ml-1", fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) })
     ] }),
     open && /* @__PURE__ */ jsx("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[200px] rounded-md border bg-popover shadow-md py-1", children: items.map((item) => {
@@ -81,25 +94,28 @@ function MoreActionsDropdown({ items }) {
   ] });
 }
 function buildMoreActions({
+  t,
   recalculate,
+  canRecalculate,
   submitting,
   deletable,
   onDelete,
   deleting
 }) {
-  const items = [
-    {
+  const items = [];
+  if (canRecalculate) {
+    items.push({
       id: "recalculate",
-      label: "Recalculate",
+      label: t("cpq.quotes.detail.recalculate", "Recalculate"),
       onSelect: recalculate,
       loading: submitting,
       disabled: submitting
-    }
-  ];
+    });
+  }
   if (deletable) {
     items.push({
       id: "delete",
-      label: "Delete",
+      label: t("cpq.common.delete", "Delete"),
       onSelect: onDelete,
       disabled: deleting,
       loading: deleting
@@ -113,7 +129,9 @@ function CpqQuoteDetailPage(props) {
   const searchParams = useSearchParams();
   const cpqConfigId = props.params?.id ?? urlParams?.id;
   const isNew = cpqConfigId === "new";
+  const t = useT();
   const [cpqQuote, setCpqQuote] = React.useState(null);
+  const grantedFeatures = useGrantedFeatures([QUOTE_MANAGE_FEATURE, ADJUST_PRICE_FEATURE]);
   const [loading, setLoading] = React.useState(true);
   const [error, setError] = React.useState(null);
   const [submitting, setSubmitting] = React.useState(false);
@@ -156,12 +174,26 @@ function CpqQuoteDetailPage(props) {
     if (!cpqConfigId || isNew) return;
     void loadArcTargets();
   }, [cpqConfigId, isNew, loadArcTargets]);
+  const reloadQuote = React.useCallback(async () => {
+    try {
+      setCpqQuote(await apiJson(t, `/api/cpq/quotes/${cpqConfigId}`));
+    } catch (err) {
+      setError(err.message);
+    }
+  }, [cpqConfigId, t]);
+  const priceAdjustments = usePriceAdjustments({
+    quote: isNew ? null : cpqQuote,
+    quoteType: arcQuoteType,
+    canAdjust: grantedFeatures.includes(QUOTE_MANAGE_FEATURE) && grantedFeatures.includes(ADJUST_PRICE_FEATURE),
+    onQuote: setCpqQuote,
+    reloadQuote
+  });
   React.useEffect(() => {
     if (isNew) {
       const quoteId = searchParams.get("quoteId");
       const customerId = searchParams.get("customerId");
       if (!customerId) {
-        setError("customerId is required to create a CPQ quote");
+        setError(t("cpq.quotes.detail.customerIdRequired", "customerId is required to create a CPQ quote"));
         setLoading(false);
         return;
       }
@@ -169,7 +201,7 @@ function CpqQuoteDetailPage(props) {
         try {
           const body = { customerId };
           if (quoteId) body.quoteId = quoteId;
-          const result = await apiJson("/api/cpq/quotes", {
+          const result = await apiJson(t, "/api/cpq/quotes", {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify(body)
@@ -186,7 +218,7 @@ function CpqQuoteDetailPage(props) {
     let cancelled = false;
     async function load() {
       try {
-        const result = await apiJson(`/api/cpq/quotes/${cpqConfigId}`);
+        const result = await apiJson(t, `/api/cpq/quotes/${cpqConfigId}`);
         if (!cancelled) setCpqQuote(result);
       } catch (err) {
         if (!cancelled) setError(err.message);
@@ -198,11 +230,11 @@ function CpqQuoteDetailPage(props) {
     return () => {
       cancelled = true;
     };
-  }, [cpqConfigId, isNew, searchParams, router]);
+  }, [cpqConfigId, isNew, searchParams, router, t]);
   const loadOfferings = async () => {
     setOfferingsLoading(true);
     try {
-      const result = await apiJson("/api/cpq/product-offerings?pageSize=100&lifecycleStatus=active");
+      const result = await apiJson(t, "/api/cpq/product-offerings?pageSize=100&lifecycleStatus=active");
       setOfferings(result.items ?? []);
     } catch {
       setOfferings([]);
@@ -214,7 +246,7 @@ function CpqQuoteDetailPage(props) {
     try {
       const params = new URLSearchParams({ offeringId });
       if (Object.keys(currentConfig).length > 0) params.set("configuration", JSON.stringify(currentConfig));
-      const result = await apiJson(`/api/cpq/quotes/attributes?${params}`);
+      const result = await apiJson(t, `/api/cpq/quotes/attributes?${params}`);
       setAttributes(result.attributes ?? []);
     } catch {
       setAttributes([]);
@@ -231,7 +263,7 @@ function CpqQuoteDetailPage(props) {
         const body = { offeringId: selectedOffering.id, configuration: config, quantity };
         if (addingToParentLineId) body.parentLineId = addingToParentLineId;
         if (tid) body.targetSubscriptionId = tid;
-        lastResult = await apiJson(`/api/cpq/quotes/${cpqQuote.id}/items`, {
+        lastResult = await apiJson(t, `/api/cpq/quotes/${cpqQuote.id}/items`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(body)
@@ -251,7 +283,7 @@ function CpqQuoteDetailPage(props) {
     try {
       setSubmitting(true);
       setError(null);
-      const result = await apiJson(`/api/cpq/quotes/${cpqQuote.id}/items/${lineId}`, {
+      const result = await apiJson(t, `/api/cpq/quotes/${cpqQuote.id}/items/${lineId}`, {
         method: "PUT",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ configuration: config, quantity })
@@ -265,22 +297,19 @@ function CpqQuoteDetailPage(props) {
       setSubmitting(false);
     }
   };
-  const removeItem = async (lineId) => {
-    if (!cpqQuote) return;
-    try {
-      setError(null);
-      const result = await apiJson(`/api/cpq/quotes/${cpqQuote.id}/items/${lineId}`, { method: "DELETE" });
-      setCpqQuote(result);
-    } catch (err) {
-      setError(err.message);
-    }
-  };
+  const lineRemoval = useArcLineRemoval({
+    quote: isNew ? null : cpqQuote,
+    quoteType: arcQuoteType,
+    onQuote: setCpqQuote,
+    onError: setError
+  });
+  const removeItem = lineRemoval.remove;
   const recalculate = async () => {
     if (!cpqQuote) return;
     try {
       setSubmitting(true);
       setError(null);
-      const result = await apiJson(`/api/cpq/quotes/${cpqQuote.id}/recalculate`, {
+      const result = await apiJson(t, `/api/cpq/quotes/${cpqQuote.id}/recalculate`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ save: true })
@@ -297,7 +326,7 @@ function CpqQuoteDetailPage(props) {
     try {
       setConverting(true);
       setError(null);
-      const result = await apiJson("/api/cpq/orders", {
+      const result = await apiJson(t, "/api/cpq/orders", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ quoteId: cpqQuote.id })
@@ -314,7 +343,7 @@ function CpqQuoteDetailPage(props) {
     try {
       setTransitioning(true);
       setError(null);
-      const result = await apiJson(`/api/cpq/quotes/${cpqQuote.id}/status`, {
+      const result = await apiJson(t, `/api/cpq/quotes/${cpqQuote.id}/status`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ targetStatus })
@@ -332,7 +361,7 @@ function CpqQuoteDetailPage(props) {
       setDeleting(true);
       setError(null);
       setShowDeleteConfirm(false);
-      await apiJson(`/api/cpq/quotes/${cpqQuote.id}`, { method: "DELETE" });
+      await apiJson(t, `/api/cpq/quotes/${cpqQuote.id}`, { method: "DELETE" });
       router.push("/backend/cpq/quotes");
     } catch (err) {
       setError(err.message);
@@ -350,7 +379,7 @@ function CpqQuoteDetailPage(props) {
   };
   const startAddOffering = () => {
     resetConfigState();
-    setAddingTargetSubIds(arcTargets.map((t) => t.subscriptionId));
+    setAddingTargetSubIds(arcTargets.map((t2) => t2.subscriptionId));
     loadOfferings();
     setView("add-offering");
   };
@@ -366,7 +395,7 @@ function CpqQuoteDetailPage(props) {
     setAddingTargetSubIds(inherited ? [inherited] : []);
     if (offeringId) {
       try {
-        const result = await apiJson("/api/cpq/product-offerings?pageSize=100&lifecycleStatus=active");
+        const result = await apiJson(t, "/api/cpq/product-offerings?pageSize=100&lifecycleStatus=active");
         const match = (result.items ?? []).find((o) => o.id === offeringId);
         if (match) {
           selectOffering(match);
@@ -402,24 +431,28 @@ function CpqQuoteDetailPage(props) {
   if (loading) {
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-12 justify-center text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Spinner, {}),
-      " Loading\u2026"
+      " ",
+      t("cpq.quotes.detail.loading", "Loading\u2026")
     ] });
   }
   if (!cpqQuote) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx("button", { onClick: () => router.push("/backend/cpq/quotes"), className: "text-sm text-muted-foreground hover:text-foreground", children: "\u2190 Back to Quotes" }),
+      /* @__PURE__ */ jsx("button", { onClick: () => router.push("/backend/cpq/quotes"), className: "text-sm text-muted-foreground hover:text-foreground", children: t("cpq.quotes.detail.backToQuotes", "\u2190 Back to Quotes") }),
       error && /* @__PURE__ */ jsx(ErrorBanner, { message: error }),
-      /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "Quote not found." })
+      /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.quotes.detail.notFound", "Quote not found.") })
     ] });
   }
   const { pricingSummary: summary, currencyCode: currency } = cpqQuote;
+  const arcDelta = arcQuoteType === "amend" || arcQuoteType === "renew" ? arcRecurringDelta(cpqQuote.lines) : null;
   const arcEditable = ["new", "incomplete", "ready"].includes(cpqQuote.cpqStatus);
-  const isMergeRenew = arcQuoteType === "renew" && arcTargets.length >= 2 && arcTargets.every((t) => t.mergeAction === "absorb");
+  const isMergeRenew = arcQuoteType === "renew" && arcTargets.length >= 2 && arcTargets.every((t2) => t2.mergeAction === "absorb");
   const arcTargetCodeMap = /* @__PURE__ */ new Map();
-  for (const t of arcTargets) {
-    if (t.subscription?.code) arcTargetCodeMap.set(t.subscriptionId, t.subscription.code);
+  for (const t2 of arcTargets) {
+    if (t2.subscription?.code) arcTargetCodeMap.set(t2.subscriptionId, t2.subscription.code);
   }
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+  return /* @__PURE__ */ jsx(PriceAdjustmentProvider, { value: priceAdjustments.ui, children: /* @__PURE__ */ jsx(ArcLineRemovalProvider, { value: lineRemoval.ui, children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    priceAdjustments.elements,
+    lineRemoval.ConfirmDialogElement,
     arcDrawerOpen && /* @__PURE__ */ jsx(
       ArcQuoteConfigurator,
       {
@@ -434,7 +467,7 @@ function CpqQuoteDetailPage(props) {
         onChanged: async () => {
           await loadArcTargets();
           try {
-            const fresh = await apiJson(`/api/cpq/quotes/${cpqQuote.id}`);
+            const fresh = await apiJson(t, `/api/cpq/quotes/${cpqQuote.id}`);
             setCpqQuote(fresh);
           } catch {
           }
@@ -446,13 +479,13 @@ function CpqQuoteDetailPage(props) {
       {
         mode: "detail",
         backHref: "/backend/cpq/quotes",
-        backLabel: "Back to CPQ Quotes",
-        entityTypeLabel: "CPQ Quote",
-        title: cpqQuote.quoteNumber || cpqQuote.customerName || "Untitled",
+        backLabel: t("cpq.quotes.detail.backLabel", "Back to CPQ Quotes"),
+        entityTypeLabel: t("cpq.quotes.detail.entityType", "CPQ Quote"),
+        title: cpqQuote.quoteNumber || cpqQuote.customerName || t("cpq.quotes.detail.untitled", "Untitled"),
         statusBadge: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 pt-1", children: [
           /* @__PURE__ */ jsx(Tag, { variant: quoteCpqStatusMap[cpqQuote.cpqStatus] ?? "neutral", dot: true, children: formatStatusLabel(cpqQuote.cpqStatus) }),
-          arcQuoteType !== "new" && /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "uppercase", children: arcQuoteType }),
-          cpqQuote.convertedOrderId && /* @__PURE__ */ jsx(Tag, { variant: "success", dot: true, children: "Converted" })
+          arcQuoteType !== "new" && /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "uppercase", children: quoteTypeLabel(t, arcQuoteType) }),
+          cpqQuote.convertedOrderId && /* @__PURE__ */ jsx(Tag, { variant: "success", dot: true, children: t("cpq.quotes.detail.converted", "Converted") })
         ] }),
         actionsContent: /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
@@ -463,7 +496,7 @@ function CpqQuoteDetailPage(props) {
               onClick: () => router.push(`/backend/sales/quotes/${cpqQuote.quoteId}`),
               children: [
                 /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }),
-                "View Sales Quote"
+                t("cpq.quotes.detail.viewSalesQuote", "View Sales Quote")
               ]
             }
           ),
@@ -474,27 +507,29 @@ function CpqQuoteDetailPage(props) {
               onClick: () => router.push(`/backend/cpq/orders/${cpqQuote.convertedOrderId}`),
               children: [
                 /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" }),
-                "Go to order"
+                t("cpq.quotes.detail.goToOrder", "Go to order")
               ]
             }
           ) : view !== "summary" ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => {
             resetConfigState();
             setView("summary");
-          }, children: "Cancel" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          }, children: t("cpq.common.cancel", "Cancel") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs(Button, { type: "button", onClick: startAddOffering, children: [
               /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-              "Add Offering"
+              t("cpq.quotes.detail.addOffering", "Add Offering")
             ] }),
-            arcEditable && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setArcDrawerOpen(true), children: "Modify Subscription" }),
+            arcEditable && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setArcDrawerOpen(true), children: t("cpq.quotes.detail.modifySubscription", "Modify Subscription") }),
             cpqQuote.cpqStatus === "accepted" && /* @__PURE__ */ jsxs(Button, { type: "button", onClick: convertToOrder, disabled: converting, children: [
               converting ? /* @__PURE__ */ jsx(Spinner, {}) : /* @__PURE__ */ jsx(ArrowRight, { className: "h-4 w-4" }),
-              "Convert to Order"
+              t("cpq.quotes.detail.convertToOrder", "Convert to Order")
             ] }),
             /* @__PURE__ */ jsx(
               MoreActionsDropdown,
               {
                 items: buildMoreActions({
+                  t,
                   recalculate,
+                  canRecalculate: canRecalculateQuote(grantedFeatures, cpqQuote.cpqStatus),
                   submitting,
                   deletable: !["accepted", "rejected", "cancelled"].includes(cpqQuote.cpqStatus),
                   onDelete: () => setShowDeleteConfirm(true),
@@ -516,89 +551,69 @@ function CpqQuoteDetailPage(props) {
           statusMap: quoteCpqStatusMap,
           onTransition: transitionStatus,
           disabled: transitioning,
-          ariaLabel: "Quote status path"
+          ariaLabel: t("cpq.quotes.detail.statusPath", "Quote status path")
         }
       ),
       transitioning && /* @__PURE__ */ jsx(Spinner, {})
     ] }),
     error && /* @__PURE__ */ jsx(ErrorBanner, { message: error, onDismiss: () => setError(null) }),
     arcQuoteType !== "new" && arcTargets.length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-brand-violet/30 bg-brand-violet/10 px-4 py-3 text-sm text-brand-violet", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("span", { className: "font-medium uppercase", children: arcQuoteType }),
+      /* @__PURE__ */ jsx("span", { className: "font-medium uppercase", children: quoteTypeLabel(t, arcQuoteType) }),
       " \u2022 ",
-      arcTargets.length,
-      " target",
-      arcTargets.length === 1 ? "" : "s",
-      ":",
+      arcTargets.length === 1 ? t("cpq.quotes.detail.arcTargets.one", "{count} target:", { count: arcTargets.length }) : t("cpq.quotes.detail.arcTargets.other", "{count} targets:", { count: arcTargets.length }),
       " ",
-      arcTargets.map((t, i) => /* @__PURE__ */ jsxs("span", { children: [
+      arcTargets.map((t2, i) => /* @__PURE__ */ jsxs("span", { children: [
         i > 0 && ", ",
         /* @__PURE__ */ jsx(
           "button",
           {
-            onClick: () => router.push(`/backend/cpq/inventory/subscriptions/${t.subscriptionId}`),
+            onClick: () => router.push(`/backend/cpq/inventory/subscriptions/${t2.subscriptionId}`),
             className: "text-brand-violet hover:underline",
-            children: t.subscription?.code ?? t.subscriptionId.slice(0, 8)
+            children: t2.subscription?.code ?? t2.subscriptionId.slice(0, 8)
           }
         )
-      ] }, t.id)),
-      isMergeRenew && /* @__PURE__ */ jsx("span", { className: "ml-2 text-status-warning-text font-medium", children: "\u2022 Merging into a new contract" })
+      ] }, t2.id)),
+      isMergeRenew && /* @__PURE__ */ jsx("span", { className: "ml-2 text-status-warning-text font-medium", children: t("cpq.quotes.detail.mergingRenew", "\u2022 Merging into a new contract") })
     ] }) }) }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3", children: [
-      /* @__PURE__ */ jsx(MetaCard, { label: "Customer", children: cpqQuote.customerName ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: cpqQuote.customerName }) : /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(MetaCard, { label: t("cpq.quotes.detail.meta.customer", "Customer"), children: cpqQuote.customerName ? /* @__PURE__ */ jsx("span", { className: "font-medium", children: cpqQuote.customerName }) : /* @__PURE__ */ jsxs("span", { className: "font-mono text-xs text-muted-foreground", children: [
         cpqQuote.customerId.slice(0, 8),
         "\u2026"
       ] }) }),
-      /* @__PURE__ */ jsx(MetaCard, { label: "Version", children: /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+      /* @__PURE__ */ jsx(MetaCard, { label: t("cpq.quotes.detail.meta.version", "Version"), children: /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
         "v",
         cpqQuote.version
       ] }) }),
-      /* @__PURE__ */ jsx(MetaCard, { label: "Currency", children: /* @__PURE__ */ jsx("span", { className: "font-medium", children: currency }) })
+      /* @__PURE__ */ jsx(MetaCard, { label: t("cpq.quotes.detail.meta.currency", "Currency"), children: /* @__PURE__ */ jsx("span", { className: "font-medium", children: currency }) })
     ] }),
     showDeleteConfirm && /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50", onClick: () => setShowDeleteConfirm(false), children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm rounded-lg border bg-card shadow-xl", onClick: (e) => e.stopPropagation(), children: [
-      /* @__PURE__ */ jsx("div", { className: "px-4 py-3 border-b", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Delete Quote" }) }),
-      /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Are you sure you want to delete this quote? This will soft-delete the quote and all its line items." }) }),
+      /* @__PURE__ */ jsx("div", { className: "px-4 py-3 border-b", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: t("cpq.quotes.detail.deleteConfirm.title", "Delete Quote") }) }),
+      /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("cpq.quotes.detail.deleteConfirm.text", "Are you sure you want to delete this quote? This will soft-delete the quote and all its line items.") }) }),
       /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 px-4 py-3 border-t", children: [
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setShowDeleteConfirm(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: () => setShowDeleteConfirm(false), children: t("cpq.common.cancel", "Cancel") }),
         /* @__PURE__ */ jsxs(Button, { type: "button", variant: "destructive", onClick: deleteQuote, disabled: deleting, children: [
           deleting ? /* @__PURE__ */ jsx(Spinner, {}) : null,
-          " Delete"
+          " ",
+          t("cpq.common.delete", "Delete")
         ] })
       ] })
     ] }) }),
     view === "summary" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__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 sm:grid-cols-4 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(summary.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(summary.mrcTotal, currency) })
-          ] }),
-          summary.usageTotalEstimated != null && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Usage (est.)" }),
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold font-mono", children: fmt(summary.usageTotalEstimated, currency) })
-          ] }),
-          summary.usageCharges.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Usage Charges" }),
-            summary.usageCharges.map((uc, i) => /* @__PURE__ */ jsxs("p", { className: "text-xs mt-0.5", children: [
-              uc.chargeName,
-              ": ",
-              fmt(uc.unitPrice, currency),
-              "/unit"
-            ] }, i))
-          ] })
-        ] })
-      ] }),
+      /* @__PURE__ */ jsx(PricingSummaryCard, { summary, currency, arcDelta }),
       !cpqQuote.validationResult.valid && /* @__PURE__ */ jsxs(Alert, { variant: "warning", children: [
-        /* @__PURE__ */ jsx(AlertTitle, { children: "Validation Issues" }),
+        /* @__PURE__ */ jsx(AlertTitle, { children: t("cpq.quotes.detail.validationIssues", "Validation Issues") }),
         /* @__PURE__ */ jsx(AlertDescription, { children: /* @__PURE__ */ jsx("span", { className: "text-xs space-y-0.5 block", children: cpqQuote.validationResult.errors.map((e, i) => /* @__PURE__ */ jsxs("span", { className: "block", children: [
           "\u2014 ",
           e.message
         ] }, i)) }) })
       ] }),
+      arcQuoteType === "amend" && cpqQuote.lines.some((l) => l.action !== "cancel" && l.configuration?._arcRepriced === true) && /* @__PURE__ */ jsxs(Alert, { status: "information", style: "lighter", children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: t("cpq.quotes.arc.repricedTitle", "Some existing items use the current catalog price") }),
+        /* @__PURE__ */ jsx(AlertDescription, { children: t(
+          "cpq.quotes.arc.repricedDescription",
+          "Reconfigured lines were re-priced at today's catalog price. Negotiated prices from the subscription are not carried over to reconfigured lines yet."
+        ) })
+      ] }),
       /* @__PURE__ */ jsx(
         QuoteLineTree,
         {
@@ -615,12 +630,24 @@ function CpqQuoteDetailPage(props) {
             pricingDetail?.lineIdx === lineIdx && pricingDetail?.chargeIdx === chargeIdx ? null : { lineIdx, chargeIdx }
           )
         }
+      ),
+      /* @__PURE__ */ jsx(
+        PriceAdjustmentsPanel,
+        {
+          quoteId: cpqQuote.id,
+          items: priceAdjustments.items,
+          total: priceAdjustments.total,
+          lines: cpqQuote.lines,
+          currency,
+          errorsById: priceAdjustments.errorsById
+        }
       )
     ] }),
     view === "add-offering" && /* @__PURE__ */ jsxs(Fragment, { children: [
       addingToParentLineId && /* @__PURE__ */ jsxs(Alert, { variant: "info", children: [
-        "Adding component to bundle: ",
-        /* @__PURE__ */ jsx("span", { className: "font-medium", children: cpqQuote.lines.find((l) => l.lineId === addingToParentLineId)?.offeringName ?? "Bundle" })
+        t("cpq.quotes.detail.addingComponentTo", "Adding component to bundle:"),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: cpqQuote.lines.find((l) => l.lineId === addingToParentLineId)?.offeringName ?? t("cpq.quotes.detail.bundleFallback", "Bundle") })
       ] }),
       /* @__PURE__ */ jsx(
         OfferingBrowser,
@@ -636,14 +663,14 @@ function CpqQuoteDetailPage(props) {
     view === "configure" && selectedOffering && /* @__PURE__ */ jsx(
       ConfigurePanel,
       {
-        title: addingToParentLineId ? `Add Component: ${selectedOffering.name}` : `Configure: ${selectedOffering.name}`,
+        title: addingToParentLineId ? t("cpq.quotes.detail.configure.addComponentTitle", "Add Component: {name}", { name: selectedOffering.name }) : t("cpq.quotes.detail.configure.configureTitle", "Configure: {name}", { name: selectedOffering.name }),
         attributes,
         config,
         quantity,
-        arcTargetOptions: arcTargets.length >= 2 && !addingToParentLineId ? arcTargets.map((t) => ({
-          subscriptionId: t.subscriptionId,
-          code: t.subscription?.code ?? t.subscriptionId.slice(0, 8),
-          name: t.subscription?.name ?? null
+        arcTargetOptions: arcTargets.length >= 2 && !addingToParentLineId ? arcTargets.map((t2) => ({
+          subscriptionId: t2.subscriptionId,
+          code: t2.subscription?.code ?? t2.subscriptionId.slice(0, 8),
+          name: t2.subscription?.name ?? null
         })) : null,
         arcSelectedTargetIds: addingTargetSubIds,
         onArcTargetToggle: (subId) => {
@@ -658,14 +685,16 @@ function CpqQuoteDetailPage(props) {
         },
         onQuantityChange: setQuantity,
         onSubmit: addItem,
-        submitLabel: "Add to Quote",
+        submitLabel: t("cpq.quotes.detail.configure.addToQuote", "Add to Quote"),
         submitting
       }
     ),
     view === "edit" && editingLineId && /* @__PURE__ */ jsx(
       ConfigurePanel,
       {
-        title: `Edit: ${cpqQuote.lines.find((l) => l.lineId === editingLineId)?.offeringName ?? "Line"}`,
+        title: t("cpq.quotes.detail.configure.editTitle", "Edit: {name}", {
+          name: cpqQuote.lines.find((l) => l.lineId === editingLineId)?.offeringName ?? t("cpq.quotes.detail.configure.lineFallback", "Line")
+        }),
         attributes,
         config,
         quantity,
@@ -681,13 +710,14 @@ function CpqQuoteDetailPage(props) {
         },
         onQuantityChange: setQuantity,
         onSubmit: () => updateItem(editingLineId),
-        submitLabel: "Update Line",
+        submitLabel: t("cpq.quotes.detail.configure.updateLine", "Update Line"),
         submitting
       }
     )
-  ] });
+  ] }) }) });
 }
 function QuoteLineTree({ lines, currency, expandedLines, pricingDetail, targetCodes, onToggleLine, onEditLine, onRemoveLine, onAddComponent, onTogglePricingDetail }) {
+  const t = useT();
   const [bundleTrees, setBundleTrees] = React.useState(/* @__PURE__ */ new Map());
   const [loadingTrees, setLoadingTrees] = React.useState(/* @__PURE__ */ new Set());
   const rootLines = lines.filter((l) => !l.parentLineId);
@@ -703,7 +733,7 @@ function QuoteLineTree({ lines, currency, expandedLines, pricingDetail, targetCo
     if (bundleTrees.has(offeringId) || loadingTrees.has(offeringId)) return;
     setLoadingTrees((prev) => new Set(prev).add(offeringId));
     try {
-      const result = await apiJson(`/api/cpq/bundle-tree?offeringId=${offeringId}`);
+      const result = await apiJson(t, `/api/cpq/bundle-tree?offeringId=${offeringId}`);
       setBundleTrees((prev) => new Map(prev).set(offeringId, result.tree));
     } catch {
     } finally {
@@ -713,10 +743,10 @@ function QuoteLineTree({ lines, currency, expandedLines, pricingDetail, targetCo
         return n;
       });
     }
-  }, [bundleTrees, loadingTrees]);
+  }, [bundleTrees, loadingTrees, t]);
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2 px-1", children: "Line Items" }),
-    lines.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card py-8 text-center text-sm text-muted-foreground", children: 'No items configured yet. Click "Add Offering" to start.' }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card divide-y", children: rootLines.map((line) => {
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2 px-1", children: t("cpq.quotes.detail.lineItems", "Line Items") }),
+    lines.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card py-8 text-center text-sm text-muted-foreground", children: t("cpq.quotes.detail.noLines", 'No items configured yet. Click "Add Offering" to start.') }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card divide-y", children: rootLines.map((line) => {
       const lineIdx = lines.indexOf(line);
       const isBundle = line.offeringType === "bundle";
       const children = childrenByParent.get(line.lineId) ?? [];
@@ -770,10 +800,12 @@ function QuoteLineTree({ lines, currency, expandedLines, pricingDetail, targetCo
   ] });
 }
 function BundleSlotPanel({ bundleTree, treeLoading, children, allLines, currency, expandedLines, pricingDetail, parentLineId, targetCodes, onToggleLine, onEditLine, onRemoveLine, onAddComponent, onTogglePricingDetail }) {
+  const t = useT();
   if (treeLoading) {
     return /* @__PURE__ */ jsx("div", { className: "border-t bg-muted/5 px-8 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Spinner, {}),
-      " Loading bundle structure\u2026"
+      " ",
+      t("cpq.quotes.bundle.loadingStructure", "Loading bundle structure\u2026")
     ] }) });
   }
   if (!bundleTree || bundleTree.slots.length === 0) {
@@ -814,12 +846,13 @@ function BundleSlotPanel({ bundleTree, treeLoading, children, allLines, currency
       return /* @__PURE__ */ jsxs("div", { className: "border-b last:border-b-0", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-6 py-2 bg-muted/20", children: [
           /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: slot.name }),
-          isRequired ? /* @__PURE__ */ jsx(Tag, { variant: "warning", className: "text-[10px] px-1.5", children: "required" }) : /* @__PURE__ */ jsx(Tag, { variant: "neutral", className: "text-[10px] px-1.5", children: "optional" }),
+          isRequired ? /* @__PURE__ */ jsx(Tag, { variant: "warning", className: "text-[10px] px-1.5", children: t("cpq.quotes.bundle.slotRequired", "required") }) : /* @__PURE__ */ jsx(Tag, { variant: "neutral", className: "text-[10px] px-1.5", children: t("cpq.quotes.bundle.slotOptional", "optional") }),
           /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
             filledCount,
             "/",
             slot.cardinalityMax ?? "\u221E",
-            slot.cardinalityMin > 0 && ` (min ${slot.cardinalityMin})`
+            slot.cardinalityMin > 0 && " ",
+            slot.cardinalityMin > 0 && t("cpq.quotes.bundle.slotMin", "(min {min})", { min: slot.cardinalityMin })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex-1" }),
           /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: slot.components.map((comp) => {
@@ -830,7 +863,7 @@ function BundleSlotPanel({ bundleTree, treeLoading, children, allLines, currency
                 onClick: () => !isFilled && canAdd && onAddComponent(parentLineId, comp.childOffering.offeringId),
                 disabled: isFilled || !canAdd,
                 className: `inline-flex items-center gap-1 rounded border px-2 py-1 text-[11px] font-medium transition-colors ${isFilled ? "border-status-success-border bg-status-success-bg text-status-success-text cursor-default" : canAdd ? "border-border hover:border-primary hover:bg-primary/5 hover:text-primary cursor-pointer" : "border-border text-muted-foreground opacity-50 cursor-not-allowed"}`,
-                title: isFilled ? "Already added" : canAdd ? `Add ${comp.childOffering.offeringName}` : "Slot is full",
+                title: isFilled ? t("cpq.quotes.bundle.alreadyAdded", "Already added") : canAdd ? t("cpq.quotes.bundle.addComponent", "Add {name}", { name: comp.childOffering.offeringName }) : t("cpq.quotes.bundle.slotFull", "Slot is full"),
                 children: [
                   isFilled ? /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) }) : /* @__PURE__ */ jsx("svg", { className: "h-3 w-3", fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }),
                   comp.childOffering.offeringName
@@ -889,229 +922,149 @@ function BundleSlotPanel({ bundleTree, treeLoading, children, allLines, currency
   ] });
 }
 function QuoteLineRow({ line, lineIdx, currency, isExpanded, pricingDetail, isBundle, childCount, indent, targetCodes, onToggle, onEdit, onRemove, onAddComponent, onTogglePricingDetail }) {
+  const t = useT();
+  const adjustmentUi = usePriceAdjustmentUi();
+  const removalUi = useArcLineRemovalUi();
+  const isRemoved = removalUi?.isRemoved(line) ?? false;
   const paddingLeft = indent > 0 ? `${indent * 2 + 1}rem` : void 0;
+  const chargeActions = {
+    reasonLabels: adjustmentUi?.reasonLabels,
+    renderChargeActions: (charge) => /* @__PURE__ */ jsx(AdjustChargeAction, { line, charge }),
+    renderManualActions: (adjustmentId) => /* @__PURE__ */ jsx(ManualAdjustmentActions, { adjustmentId })
+  };
   return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3 hover:bg-muted/30 transition-colors", style: paddingLeft ? { paddingLeft } : void 0, children: [
+    /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-3 px-4 py-3 hover:bg-muted/30 transition-colors ${isRemoved ? "bg-muted/20" : ""}`, style: paddingLeft ? { paddingLeft } : void 0, "data-testid": "cpq-quote-line", "data-removed": isRemoved ? "true" : void 0, children: [
       /* @__PURE__ */ jsx("button", { onClick: onToggle, 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__ */ jsxs("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 }),
+          isBundle && /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "px-1.5 text-xs", children: t("cpq.lines.bundle", "bundle") }),
+          /* @__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(ActionBadge, { action: 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
+            }
+          ),
+          !isRemoved && line.configuration?._arcPriceFrozen === true && /* @__PURE__ */ jsx(
+            Tag,
+            {
+              variant: "neutral",
+              className: "px-1.5 text-xs",
+              title: t(
+                "cpq.quotes.arc.priceKeptHint",
+                "Price kept from the subscription \u2014 it changes only if you reconfigure this line"
+              ),
+              children: t("cpq.quotes.arc.priceKept", "price kept")
+            }
+          ),
           targetCodes.size >= 2 && line.targetSubscriptionId && targetCodes.get(line.targetSubscriptionId) && /* @__PURE__ */ jsxs(
             Tag,
             {
               variant: "brand",
               className: "px-1.5 text-xs",
-              title: `Acts on subscription ${targetCodes.get(line.targetSubscriptionId)}`,
+              title: t("cpq.quotes.detail.actsOnSubscription", "Acts on subscription {code}", { code: targetCodes.get(line.targetSubscriptionId) ?? "" }),
               children: [
                 "\u2192 ",
                 targetCodes.get(line.targetSubscriptionId)
               ]
             }
           ),
-          line.isConfigured ? /* @__PURE__ */ jsx(Tag, { variant: "success", className: "px-1.5 text-xs", children: "configured" }) : /* @__PURE__ */ jsx(Tag, { variant: "warning", className: "px-1.5 text-xs", children: "incomplete" }),
-          isBundle && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-            childCount,
-            " component",
-            childCount !== 1 ? "s" : ""
-          ] })
+          isRemoved ? null : line.isConfigured ? /* @__PURE__ */ jsx(Tag, { variant: "success", className: "px-1.5 text-xs", children: t("cpq.quotes.detail.lineConfigured", "configured") }) : /* @__PURE__ */ jsx(Tag, { variant: "warning", className: "px-1.5 text-xs", children: t("cpq.quotes.detail.lineIncomplete", "incomplete") }),
+          isBundle && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: childCount !== 1 ? t("cpq.lines.componentCount.other", "{count} components", { count: childCount }) : t("cpq.lines.componentCount.one", "{count} component", { count: childCount }) })
         ] }),
         line.validationErrors && line.validationErrors.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-0.5", children: line.validationErrors[0].message })
       ] }),
       /* @__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__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("cpq.lines.mrc", "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__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("cpq.lines.nrc", "NRC"),
+            " "
+          ] }),
           /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: fmt(line.nrcTotal, currency) })
         ] }),
         line.mrcTotal > 0 && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "MRC " }),
+          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+            t("cpq.lines.mrc", "MRC"),
+            " "
+          ] }),
           /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: fmt(line.mrcTotal, currency) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
-        onAddComponent && /* @__PURE__ */ jsx("button", { onClick: onAddComponent, className: "rounded p-1.5 text-muted-foreground hover:text-primary hover:bg-primary/5 transition-colors", title: "Add Component", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }) }),
-        /* @__PURE__ */ jsx("button", { onClick: onEdit, className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors", title: "Edit", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }) }),
-        /* @__PURE__ */ jsx("button", { onClick: onRemove, className: "rounded p-1.5 text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors", title: "Remove", children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }) })
+      isRemoved ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 shrink-0", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "sm",
+          onClick: () => removalUi?.restore(line.lineId),
+          title: t("cpq.quotes.arc.restoreHint", "Keep this item on the subscription"),
+          "data-testid": "cpq-line-restore",
+          children: [
+            /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4" }),
+            t("cpq.quotes.arc.restore", "Restore")
+          ]
+        }
+      ) }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+        /* @__PURE__ */ jsx(DiscountLineAction, { line }),
+        onAddComponent && /* @__PURE__ */ jsx("button", { onClick: onAddComponent, className: "rounded p-1.5 text-muted-foreground hover:text-primary hover:bg-primary/5 transition-colors", title: t("cpq.quotes.detail.addComponent", "Add Component"), children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) }) }),
+        /* @__PURE__ */ jsx("button", { onClick: onEdit, className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted transition-colors", title: t("cpq.common.edit", "Edit"), children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }) }),
+        /* @__PURE__ */ jsx("button", { onClick: onRemove, className: "rounded p-1.5 text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors", title: t("cpq.quotes.detail.removeLine", "Remove"), children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }) })
       ] })
     ] }),
-    isExpanded && line.arcSource && /* @__PURE__ */ jsx(ArcLineDiff, { line, currency }),
-    isExpanded && !isBundle && line.charges.length > 0 && /* @__PURE__ */ jsx(ChargeBreakdown, { line, lineIdx, currency, pricingDetail, onTogglePricingDetail }),
-    isExpanded && isBundle && line.charges.length > 0 && /* @__PURE__ */ jsx(ChargeBreakdown, { line, lineIdx, currency, pricingDetail, onTogglePricingDetail }),
+    isExpanded && !isBundle && line.charges.length > 0 && /* @__PURE__ */ jsx(ChargeBreakdown, { line, lineIdx, currency, pricingDetail, onTogglePricingDetail, ...chargeActions }),
+    isExpanded && isBundle && line.charges.length > 0 && /* @__PURE__ */ jsx(ChargeBreakdown, { line, lineIdx, currency, pricingDetail, onTogglePricingDetail, ...chargeActions }),
+    isExpanded && line.arcSource && /* @__PURE__ */ jsx("div", { className: "border-t bg-muted/10 px-12 py-2", children: /* @__PURE__ */ jsx(ArcLineDiff, { line, currency }) }),
     isExpanded && line.charges.length === 0 && !line.arcSource && /* @__PURE__ */ jsx(LineSummaryFallback, { line, currency })
   ] });
 }
-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 fmtVal = (v, asCurrency) => asCurrency ? fmt(v, currency) : String(v);
-  const rows = [
-    { label: "Quantity", before: beforeQty, after: afterQty, asCurrency: false },
-    { label: "MRC", before: beforeMrc, after: afterMrc, asCurrency: true },
-    { label: "NRC", before: beforeNrc, after: afterNrc, asCurrency: true }
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: "border-t bg-muted/10 px-12 py-2 space-y-1.5", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", 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__ */ jsx("tbody", { children: rows.map((r) => {
-        const delta = r.after - r.before;
-        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: r.label }),
-          /* @__PURE__ */ jsx("td", { className: "px-3 py-1 text-right font-mono", children: fmtVal(r.before, r.asCurrency) }),
-          /* @__PURE__ */ jsx("td", { className: `px-3 py-1 text-right font-mono ${isCancel ? "text-muted-foreground line-through" : ""}`, children: fmtVal(r.after, r.asCurrency) }),
-          /* @__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, r.asCurrency)}` : "\u2014" })
-        ] }, r.label);
-      }) })
-    ] }) }),
-    isCancel && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive italic", children: "Cancellation \u2014 item will be terminated on activation." })
-  ] });
-}
-function ActionBadge({ action }) {
-  const variantByAction = {
-    add: "info",
-    modify: "warning",
-    cancel: "error"
-  };
-  return /* @__PURE__ */ jsx(Tag, { variant: variantByAction[action], className: "px-1.5 text-xs", children: action });
-}
 function LineSummaryFallback({ line, currency }) {
+  const t = useT();
   const hasTotals = line.nrcTotal > 0 || line.mrcTotal > 0;
   const mirroredFromItemId = line.configuration?._arcMirroredFromItemId ?? null;
   return /* @__PURE__ */ jsxs("div", { className: "border-t bg-muted/10 px-12 py-2 text-xs text-muted-foreground space-y-1", children: [
     /* @__PURE__ */ jsxs("div", { children: [
-      "No detailed charge breakdown available for this line.",
-      mirroredFromItemId && " Mirrored from existing subscription item."
+      t("cpq.quotes.detail.noBreakdown", "No detailed charge breakdown available for this line."),
+      mirroredFromItemId && " ",
+      mirroredFromItemId && t("cpq.orders.detail.mirroredItem", "Mirrored from existing subscription item.")
     ] }),
     hasTotals && /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
       line.nrcTotal > 0 && /* @__PURE__ */ jsxs("span", { children: [
-        "NRC ",
+        t("cpq.lines.nrc", "NRC"),
+        " ",
         /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground", children: fmt(line.nrcTotal, currency) })
       ] }),
       line.mrcTotal > 0 && /* @__PURE__ */ jsxs("span", { children: [
-        "MRC ",
+        t("cpq.lines.mrc", "MRC"),
+        " ",
         /* @__PURE__ */ jsx("span", { className: "font-mono font-medium text-foreground", children: fmt(line.mrcTotal, currency) })
       ] })
     ] })
   ] });
 }
-function ChargeBreakdown({ line, lineIdx, currency, pricingDetail, onTogglePricingDetail }) {
-  return /* @__PURE__ */ jsx("div", { className: "border-t bg-muted/10 px-12 py-2", children: /* @__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 }),
-          /* @__PURE__ */ jsx("td", { className: "py-1 uppercase", children: c.chargeType }),
-          /* @__PURE__ */ jsx("td", { className: "py-1 text-right font-mono", children: fmt(c.unitPrice, currency) }),
-          /* @__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 ChargeBreakdown({ line, lineIdx, pricingDetail, onTogglePricingDetail, ...tableProps }) {
+  return /* @__PURE__ */ jsx("div", { className: "border-t bg-muted/10 px-12 py-2", children: /* @__PURE__ */ jsx(
+    ChargeBreakdownTable,
+    {
+      charges: line.charges,
+      openDetailIndex: pricingDetail?.lineIdx === lineIdx ? pricingDetail.chargeIdx : null,
+      onToggleDetail: (chargeIdx) => onTogglePricingDetail(lineIdx, chargeIdx),
+      ...tableProps
+    }
+  ) });
 }
 function Spinner() {
   return /* @__PURE__ */ jsxs("svg", { className: "h-4 w-4 animate-spin", viewBox: "0 0 24 24", fill: "none", children: [
@@ -1120,6 +1073,7 @@ function Spinner() {
   ] });
 }
 function ErrorBanner({ message, onDismiss }) {
+  const t = useT();
   return /* @__PURE__ */ jsxs(Alert, { variant: "destructive", className: "flex items-start gap-2", children: [
     /* @__PURE__ */ jsx("span", { className: "flex-1", children: message }),
     onDismiss && /* @__PURE__ */ jsx(
@@ -1127,27 +1081,28 @@ function ErrorBanner({ message, onDismiss }) {
       {
         onClick: onDismiss,
         className: "text-destructive/70 hover:text-destructive text-sm font-bold",
-        "aria-label": "Dismiss",
+        "aria-label": t("cpq.common.dismiss", "Dismiss"),
         children: "\xD7"
       }
     )
   ] });
 }
 function OfferingBrowser({ offerings, loading, search, onSearchChange, onSelect }) {
+  const t = useT();
   const filtered = offerings.filter((o) => {
     if (!search.trim()) return true;
     const q = search.toLowerCase();
     return o.name.toLowerCase().includes(q) || o.code.toLowerCase().includes(q) || (o.description ?? "").toLowerCase().includes(q);
   });
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium px-1", children: "Select Product Offering" }),
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium px-1", children: t("cpq.quotes.offeringBrowser.title", "Select Product Offering") }),
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsx("svg", { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground", fill: "none", viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" }) }),
       /* @__PURE__ */ jsx(
         "input",
         {
           type: "text",
-          placeholder: "Search offerings\u2026",
+          placeholder: t("cpq.quotes.offeringBrowser.searchPlaceholder", "Search offerings\u2026"),
           value: search,
           onChange: (e) => onSearchChange(e.target.value),
           className: "w-full rounded-md border bg-background pl-10 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50"
@@ -1156,8 +1111,9 @@ function OfferingBrowser({ offerings, loading, search, onSearchChange, onSelect
     ] }),
     loading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-8 justify-center text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Spinner, {}),
-      " Loading offerings\u2026"
-    ] }) : filtered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: search ? "No offerings match your search." : "No active offerings available." }) : /* @__PURE__ */ jsx("div", { className: "grid gap-2 sm:grid-cols-2 lg:grid-cols-3", children: filtered.map((offering) => /* @__PURE__ */ jsxs(
+      " ",
+      t("cpq.quotes.offeringBrowser.loading", "Loading offerings\u2026")
+    ] }) : filtered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: search ? t("cpq.quotes.offeringBrowser.noMatch", "No offerings match your search.") : t("cpq.quotes.offeringBrowser.empty", "No active offerings available.") }) : /* @__PURE__ */ jsx("div", { className: "grid gap-2 sm:grid-cols-2 lg:grid-cols-3", children: filtered.map((offering) => /* @__PURE__ */ jsxs(
       "button",
       {
         onClick: () => onSelect(offering),
@@ -1173,13 +1129,14 @@ function OfferingBrowser({ offerings, loading, search, onSearchChange, onSelect
   ] });
 }
 function ConfigurePanel({ title, attributes, config, quantity, arcTargetOptions, arcSelectedTargetIds, onArcTargetToggle, onConfigChange, onQuantityChange, onSubmit, submitLabel, submitting }) {
+  const t = useT();
   const noTargetsPicked = arcTargetOptions !== null && arcTargetOptions.length > 0 && arcSelectedTargetIds.length === 0;
   return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card", children: [
     /* @__PURE__ */ jsx("div", { className: "border-b px-4 py-3", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: title }) }),
     /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
       arcTargetOptions && arcTargetOptions.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-          "Apply to subscription(s)",
+          t("cpq.quotes.detail.configure.applyToSubscriptions", "Apply to subscription(s)"),
           /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "space-y-1.5 rounded-md border bg-background px-3 py-2", children: arcTargetOptions.map((opt) => {
@@ -1208,11 +1165,11 @@ function ConfigurePanel({ title, attributes, config, quantity, arcTargetOptions,
             opt.subscriptionId
           );
         }) }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Pick one or more \u2014 a separate line will be created on each selected subscription." }),
-        noTargetsPicked && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: "Select at least one target." })
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("cpq.quotes.detail.configure.applyToSubscriptionsHint", "Pick one or more \u2014 a separate line will be created on each selected subscription.") }),
+        noTargetsPicked && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive mt-1", children: t("cpq.quotes.detail.configure.selectTarget", "Select at least one target.") })
       ] }),
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Quantity" }),
+        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.quotes.detail.configure.quantity", "Quantity") }),
         /* @__PURE__ */ jsx(
           NumberInput,
           {
@@ -1224,7 +1181,7 @@ function ConfigurePanel({ title, attributes, config, quantity, arcTargetOptions,
           }
         )
       ] }),
-      attributes.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "No configurable attributes for this offering." }) : attributes.map((attr) => /* @__PURE__ */ jsx(AttributeField, { attribute: attr, value: config[attr.code], onChange: (v) => onConfigChange(attr.code, v) }, attr.code))
+      attributes.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("cpq.quotes.detail.configure.noAttributes", "No configurable attributes for this offering.") }) : attributes.map((attr) => /* @__PURE__ */ jsx(AttributeField, { attribute: attr, value: config[attr.code], onChange: (v) => onConfigChange(attr.code, v) }, attr.code))
     ] }),
     /* @__PURE__ */ jsx("div", { className: "border-t px-4 py-3 flex justify-end", children: /* @__PURE__ */ jsxs(
       "button",
@@ -1242,6 +1199,7 @@ function ConfigurePanel({ title, attributes, config, quantity, arcTargetOptions,
   ] });
 }
 function AttributeField({ attribute, value, onChange }) {
+  const t = useT();
   const { code, name, attributeType, isRequired, options, constraints, helpText, defaultValue } = attribute;
   const currentValue = value ?? defaultValue ?? "";
   return /* @__PURE__ */ jsxs("div", { children: [
@@ -1256,13 +1214,13 @@ function AttributeField({ attribute, value, onChange }) {
         onChange: (e) => onChange(e.target.value),
         className: "w-full rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary/50",
         children: [
-          /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 Select \u2014" }),
+          /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.quotes.detail.configure.selectPlaceholder", "\u2014 Select \u2014") }),
           options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
         ]
       }
     ) : attributeType === "boolean" ? /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx("input", { type: "checkbox", checked: Boolean(currentValue), onChange: (e) => onChange(e.target.checked), className: "rounded border-border" }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: helpText ?? "Enable" })
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: helpText ?? t("cpq.quotes.detail.configure.enable", "Enable") })
     ] }) : attributeType === "number" ? /* @__PURE__ */ jsx(
       NumberInput,
       {