@dainamite/cpq 0.6.0 → 0.7.0

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

@@ -29,12 +29,24 @@ import {
 function fmt(amount, currency) {
   return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(amount);
 }
-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,6 +94,7 @@ function MoreActionsDropdown({ items }) {
   ] });
 }
 function buildMoreActions({
+  t,
   recalculate,
   canRecalculate,
   submitting,
@@ -92,7 +106,7 @@ function buildMoreActions({
   if (canRecalculate) {
     items.push({
       id: "recalculate",
-      label: "Recalculate",
+      label: t("cpq.quotes.detail.recalculate", "Recalculate"),
       onSelect: recalculate,
       loading: submitting,
       disabled: submitting
@@ -101,7 +115,7 @@ function buildMoreActions({
   if (deletable) {
     items.push({
       id: "delete",
-      label: "Delete",
+      label: t("cpq.common.delete", "Delete"),
       onSelect: onDelete,
       disabled: deleting,
       loading: deleting
@@ -162,11 +176,11 @@ function CpqQuoteDetailPage(props) {
   }, [cpqConfigId, isNew, loadArcTargets]);
   const reloadQuote = React.useCallback(async () => {
     try {
-      setCpqQuote(await apiJson(`/api/cpq/quotes/${cpqConfigId}`));
+      setCpqQuote(await apiJson(t, `/api/cpq/quotes/${cpqConfigId}`));
     } catch (err) {
       setError(err.message);
     }
-  }, [cpqConfigId]);
+  }, [cpqConfigId, t]);
   const priceAdjustments = usePriceAdjustments({
     quote: isNew ? null : cpqQuote,
     quoteType: arcQuoteType,
@@ -179,7 +193,7 @@ function CpqQuoteDetailPage(props) {
       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;
       }
@@ -187,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)
@@ -204,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);
@@ -216,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([]);
@@ -232,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([]);
@@ -249,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)
@@ -269,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 })
@@ -295,7 +309,7 @@ function CpqQuoteDetailPage(props) {
     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 })
@@ -312,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 })
@@ -329,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 })
@@ -347,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);
@@ -381,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);
@@ -417,14 +431,15 @@ 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;
@@ -452,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 {
           }
@@ -464,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(
@@ -481,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")
               ]
             }
           ),
@@ -492,26 +507,27 @@ 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,
@@ -535,19 +551,16 @@ 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((t2, i) => /* @__PURE__ */ jsxs("span", { children: [
         i > 0 && ", ",
@@ -560,34 +573,35 @@ function CpqQuoteDetailPage(props) {
           }
         )
       ] }, t2.id)),
-      isMergeRenew && /* @__PURE__ */ jsx("span", { className: "ml-2 text-status-warning-text font-medium", children: "\u2022 Merging into a new contract" })
+      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__ */ 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
@@ -631,8 +645,9 @@ function CpqQuoteDetailPage(props) {
     ] }),
     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,
@@ -648,7 +663,7 @@ 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,
@@ -670,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,
@@ -693,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);
@@ -715,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 {
@@ -725,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) ?? [];
@@ -782,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) {
@@ -826,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) => {
@@ -842,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
@@ -917,7 +938,7 @@ function QuoteLineRow({ line, lineIdx, currency, isExpanded, pricingDetail, isBu
       /* @__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" }),
+          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",
@@ -948,33 +969,38 @@ function QuoteLineRow({ line, lineIdx, currency, isExpanded, pricingDetail, isBu
             {
               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)
               ]
             }
           ),
-          isRemoved ? null : 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__ */ 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 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) })
         ] })
       ] }),
@@ -994,9 +1020,9 @@ function QuoteLineRow({ line, lineIdx, currency, isExpanded, pricingDetail, isBu
         }
       ) }) : /* @__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: "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" }) }) })
+        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 && !isBundle && line.charges.length > 0 && /* @__PURE__ */ jsx(ChargeBreakdown, { line, lineIdx, currency, pricingDetail, onTogglePricingDetail, ...chargeActions }),
@@ -1006,20 +1032,24 @@ function QuoteLineRow({ line, lineIdx, currency, isExpanded, pricingDetail, isBu
   ] });
 }
 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) })
       ] })
     ] })
@@ -1043,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(
@@ -1050,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"
@@ -1079,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),
@@ -1096,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) => {
@@ -1131,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,
           {
@@ -1147,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",
@@ -1165,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: [
@@ -1179,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,
       {