@dainamite/cpq 0.6.0 → 0.7.0

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

@@ -54,16 +54,44 @@ const EMPTY_CHARGE = {
   sortOrder: 0,
   isActive: true
 };
-const CHARGE_MODEL_LABELS = {
-  flat: "Flat Fee",
-  per_unit: "Per Unit",
-  volume: "Volume-based",
-  tiered: "Tiered"
-};
-const PRICING_SOURCE_LABELS = {
-  fixed: "Fixed Price",
-  table: "Table Lookup"
-};
+function chargeModelLabel(t, model) {
+  switch (model) {
+    case "flat":
+      return t("cpq.offerings.chargeModel.flat", "Flat Fee");
+    case "per_unit":
+      return t("cpq.offerings.chargeModel.perUnit", "Per Unit");
+    case "volume":
+      return t("cpq.offerings.chargeModel.volume", "Volume-based");
+    case "tiered":
+      return t("cpq.offerings.chargeModel.tiered", "Tiered");
+    default:
+      return model;
+  }
+}
+function pricingSourceLabel(t, source) {
+  switch (source) {
+    case "fixed":
+      return t("cpq.offerings.pricingMethod.fixed", "Fixed Price");
+    case "table":
+      return t("cpq.offerings.pricingMethod.table", "Table Lookup");
+    default:
+      return source;
+  }
+}
+function chargeMissingFieldLabel(t, field) {
+  switch (field) {
+    case "fixedPrice":
+      return t("cpq.offerings.charge.fields.fixedPrice", "Fixed Price");
+    case "currency":
+      return t("cpq.offerings.charge.fields.currency", "Currency");
+    case "quantityAttribute":
+      return t("cpq.offerings.charge.fields.quantityAttribute", "Quantity Attribute");
+    case "pricingTable":
+      return t("cpq.offerings.charge.fields.pricingTable", "Pricing Table");
+    case "priceColumn":
+      return t("cpq.offerings.charge.fields.priceColumn", "Price Column");
+  }
+}
 function isChargeComplete(charge) {
   return chargeMissingFields(charge).length === 0;
 }
@@ -71,13 +99,13 @@ function chargeMissingFields(charge) {
   const { model, source } = normalizeChargePricing(charge);
   const missing = [];
   if (source === "fixed") {
-    if (!charge.fixedPrice) missing.push("Fixed Price");
-    if (!charge.currencyCode) missing.push("Currency");
-    if (model === "per_unit" && !charge.quantityAttributeCode) missing.push("Quantity Attribute");
+    if (!charge.fixedPrice) missing.push("fixedPrice");
+    if (!charge.currencyCode) missing.push("currency");
+    if (model === "per_unit" && !charge.quantityAttributeCode) missing.push("quantityAttribute");
   } else {
-    if (!charge.pricingTableId) missing.push("Pricing Table");
-    if (!charge.priceColumnKey) missing.push("Price Column");
-    if (model !== "flat" && !charge.quantityAttributeCode) missing.push("Quantity Attribute");
+    if (!charge.pricingTableId) missing.push("pricingTable");
+    if (!charge.priceColumnKey) missing.push("priceColumn");
+    if (model !== "flat" && !charge.quantityAttributeCode) missing.push("quantityAttribute");
   }
   return missing;
 }
@@ -118,7 +146,7 @@ function OfferingDetailPage(props) {
         if (isNew) return;
         const res = await fetch(`/api/cpq/product-offerings?id=${encodeURIComponent(offeringId)}`);
         if (!res.ok) {
-          if (!cancelled) setError("Failed to load offering");
+          if (!cancelled) setError(t("cpq.offerings.detail.error.load", "Failed to load offering"));
           return;
         }
         const data = await res.json();
@@ -159,7 +187,7 @@ function OfferingDetailPage(props) {
         }
       } catch (err) {
         console.error("Failed to load", err);
-        if (!cancelled) setError("Failed to load");
+        if (!cancelled) setError(t("cpq.offerings.detail.error.loadGeneric", "Failed to load"));
       } finally {
         if (!cancelled) setLoading(false);
       }
@@ -196,7 +224,7 @@ function OfferingDetailPage(props) {
       });
       if (!res.ok) {
         const d = await res.json();
-        setError(d.error ?? "Failed to save");
+        setError(d.error ?? t("cpq.offerings.detail.error.save", "Failed to save"));
         return;
       }
       const saved = await res.json();
@@ -220,7 +248,7 @@ function OfferingDetailPage(props) {
         setGeneralMode("view");
       }
     } catch {
-      setError("Failed to save");
+      setError(t("cpq.offerings.detail.error.save", "Failed to save"));
     } finally {
       setSaving(false);
     }
@@ -237,10 +265,10 @@ function OfferingDetailPage(props) {
         router.push("/backend/cpq/offerings");
       } else {
         const d = await res.json();
-        setError(d.error ?? "Failed to delete");
+        setError(d.error ?? t("cpq.offerings.detail.error.delete", "Failed to delete"));
       }
     } catch {
-      setError("Failed to delete");
+      setError(t("cpq.offerings.detail.error.delete", "Failed to delete"));
     }
   };
   const loadPricingTables = async () => {
@@ -273,7 +301,7 @@ function OfferingDetailPage(props) {
       });
       if (!res.ok) {
         const d = await res.json();
-        setError(d.error ?? "Failed to save charge");
+        setError(d.error ?? t("cpq.offerings.detail.error.saveCharge", "Failed to save charge"));
         return;
       }
       const offeringRes = await fetch(`/api/cpq/product-offerings?id=${encodeURIComponent(offeringId)}`);
@@ -283,13 +311,13 @@ function OfferingDetailPage(props) {
       }
       setEditingCharge(null);
     } catch {
-      setError("Failed to save charge");
+      setError(t("cpq.offerings.detail.error.saveCharge", "Failed to save charge"));
     } finally {
       setSaving(false);
     }
   };
   const deleteCharge = async (chargeId) => {
-    if (!confirm("Delete this charge?")) return;
+    if (!confirm(t("cpq.offerings.detail.confirmDeleteCharge", "Delete this charge?"))) return;
     try {
       const res = await fetch("/api/cpq/product-charges", {
         method: "DELETE",
@@ -298,13 +326,13 @@ function OfferingDetailPage(props) {
       });
       if (res.ok) setCharges((prev) => prev.filter((c) => c.id !== chargeId));
     } catch {
-      setError("Failed to delete charge");
+      setError(t("cpq.offerings.detail.error.deleteCharge", "Failed to delete charge"));
     }
   };
   const selectedPricingTable = editingCharge?.pricingTableId ? pricingTables.find((pt) => pt.id === editingCharge.pricingTableId) : null;
   const designTimeAttrs = attributes.filter((a) => a.resolutionTime === "design_time");
   if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("common.loading", "Loading...") });
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("cpq.common.loading", "Loading...") });
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -316,14 +344,15 @@ function OfferingDetailPage(props) {
             className: "text-sm text-muted-foreground hover:text-foreground",
             children: [
               "\u2190 ",
-              t("common.back", "Back")
+              t("cpq.common.back", "Back")
             ]
           }
         ),
         /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: isNew ? t("cpq.offerings.new", "New Offering") : form.name }),
         !isNew && /* @__PURE__ */ jsx(Tag, { variant: lifecycleStatusMap[form.lifecycleStatus] ?? "neutral", dot: true, children: formatStatusLabel(form.lifecycleStatus) }),
         specDetail && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-          "Spec: ",
+          t("cpq.offerings.detail.specLabel", "Spec:"),
+          " ",
           /* @__PURE__ */ jsx("button", { onClick: () => router.push(`/backend/cpq/specifications/${specDetail.id}`), className: "text-primary hover:underline", children: specDetail.name })
         ] })
       ] }),
@@ -337,10 +366,10 @@ function OfferingDetailPage(props) {
               setDesignTimeSnapshot(designTimeValues);
               setGeneralMode("edit");
             },
-            children: t("common.edit", "Edit")
+            children: t("cpq.common.edit", "Edit")
           }
         ),
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", onClick: deleteOffering, children: t("common.delete", "Delete") })
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", onClick: deleteOffering, children: t("cpq.common.delete", "Delete") })
       ] })
     ] }),
     error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: error }),
@@ -354,16 +383,16 @@ function OfferingDetailPage(props) {
         onClick: () => setTab(t_),
         className: `px-4 py-2 text-sm font-medium border-b-2 transition-colors ${tab === t_ ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
         children: [
-          t_ === "general" && "General",
-          t_ === "charges" && `Charges (${charges.length})`,
-          t_ === "components" && `Components (${components.length})`
+          t_ === "general" && t("cpq.offerings.detail.tabs.general", "General"),
+          t_ === "charges" && t("cpq.offerings.detail.tabs.charges", "Charges ({count})", { count: charges.length }),
+          t_ === "components" && t("cpq.offerings.detail.tabs.components", "Components ({count})", { count: components.length })
         ]
       },
       t_
     )) }),
     (isNew || tab === "general") && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-6 space-y-4", children: [
       isNew && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Specification" }),
+        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.offerings.detail.specification", "Specification") }),
         /* @__PURE__ */ jsxs(
           "select",
           {
@@ -375,7 +404,7 @@ function OfferingDetailPage(props) {
             },
             className: "w-full rounded-md border px-3 py-2 text-sm",
             children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "Select a specification..." }),
+              /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.offerings.detail.selectSpecification", "Select a specification...") }),
               specs.map((s) => /* @__PURE__ */ jsxs("option", { value: s.id, children: [
                 s.name,
                 " (",
@@ -395,7 +424,7 @@ function OfferingDetailPage(props) {
               type: "text",
               value: form.code,
               onChange: (e) => setForm({ ...form, code: e.target.value }),
-              placeholder: "e.g. gix-cloud-connect-aws",
+              placeholder: t("cpq.offerings.detail.codePlaceholder", "e.g. gix-cloud-connect-aws"),
               className: "w-full rounded-md border px-3 py-2 text-sm"
             }
           )
@@ -421,16 +450,16 @@ function OfferingDetailPage(props) {
               onChange: (e) => setForm({ ...form, lifecycleStatus: e.target.value }),
               className: "w-full rounded-md border px-3 py-2 text-sm",
               children: [
-                /* @__PURE__ */ jsx("option", { value: "draft", children: "Draft" }),
-                /* @__PURE__ */ jsx("option", { value: "active", children: "Active" }),
-                /* @__PURE__ */ jsx("option", { value: "deprecated", children: "Deprecated" })
+                /* @__PURE__ */ jsx("option", { value: "draft", children: t("cpq.offerings.lifecycle.draft", "Draft") }),
+                /* @__PURE__ */ jsx("option", { value: "active", children: t("cpq.offerings.lifecycle.active", "Active") }),
+                /* @__PURE__ */ jsx("option", { value: "deprecated", children: t("cpq.offerings.lifecycle.deprecated", "Deprecated") })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.offerings.isActive", "Is Active?") }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center h-[38px]", children: generalMode === "view" && !isNew ? /* @__PURE__ */ jsx(Tag, { variant: form.isActive ? "success" : "neutral", dot: true, children: form.isActive ? t("common.yes", "Yes") : t("common.no", "No") }) : /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex items-center h-[38px]", children: generalMode === "view" && !isNew ? /* @__PURE__ */ jsx(Tag, { variant: form.isActive ? "success" : "neutral", dot: true, children: form.isActive ? t("cpq.common.yes", "Yes") : t("cpq.common.no", "No") }) : /* @__PURE__ */ jsx(
             "input",
             {
               type: "checkbox",
@@ -454,7 +483,7 @@ function OfferingDetailPage(props) {
         )
       ] }),
       designTimeAttrs.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium", children: "Design-Time Values" }),
+        /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium", children: t("cpq.offerings.detail.designTimeValues", "Design-Time Values") }),
         /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: designTimeAttrs.map((attr) => {
           const value = designTimeValues[attr.code];
           const isViewing = generalMode === "view" && !isNew;
@@ -464,18 +493,14 @@ function OfferingDetailPage(props) {
               attr.name,
               attr.isRequired && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-0.5", children: "*" })
             ] }),
-            isViewing ? /* @__PURE__ */ jsx("p", { className: "text-sm py-2", children: value == null || value === "" ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }) : attr.attributeType === "boolean" ? /* @__PURE__ */ jsx(Tag, { variant: value ? "success" : "neutral", dot: true, children: value ? t("common.yes", "Yes") : t("common.no", "No") }) : optionLabel ?? String(value) }) : (attr.attributeType === "select" || attr.attributeType === "enum") && attr.options ? /* @__PURE__ */ jsxs(
+            isViewing ? /* @__PURE__ */ jsx("p", { className: "text-sm py-2", children: value == null || value === "" ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }) : attr.attributeType === "boolean" ? /* @__PURE__ */ jsx(Tag, { variant: value ? "success" : "neutral", dot: true, children: value ? t("cpq.common.yes", "Yes") : t("cpq.common.no", "No") }) : optionLabel ?? String(value) }) : (attr.attributeType === "select" || attr.attributeType === "enum") && attr.options ? /* @__PURE__ */ jsxs(
               "select",
               {
                 value: String(value ?? ""),
                 onChange: (e) => setDesignTimeValues({ ...designTimeValues, [attr.code]: e.target.value || null }),
                 className: "w-full rounded-md border px-2 py-1.5 text-sm",
                 children: [
-                  /* @__PURE__ */ jsxs("option", { value: "", children: [
-                    "Select ",
-                    attr.name,
-                    "..."
-                  ] }),
+                  /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.offerings.detail.selectAttribute", "Select {name}...", { name: attr.name }) }),
                   attr.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
                 ]
               }
@@ -517,7 +542,7 @@ function OfferingDetailPage(props) {
             type: "button",
             onClick: saveOffering,
             disabled: saving || !form.code || !form.name || isNew && !form.specId,
-            children: saving ? t("common.saving", "Saving...") : t("common.save", "Save")
+            children: saving ? t("cpq.common.saving", "Saving...") : t("cpq.common.save", "Save")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -536,7 +561,7 @@ function OfferingDetailPage(props) {
               setDesignTimeSnapshot(null);
               setGeneralMode("view");
             },
-            children: t("common.cancel", "Cancel")
+            children: t("cpq.common.cancel", "Cancel")
           }
         )
       ] })
@@ -551,26 +576,26 @@ function OfferingDetailPage(props) {
         }
       ) }),
       editingCharge && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm", children: editingCharge.id ? "Edit Charge" : "New Charge" }),
+        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm", children: editingCharge.id ? t("cpq.offerings.charge.form.editTitle", "Edit Charge") : t("cpq.offerings.charge.form.newTitle", "New Charge") }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Code" }),
-            /* @__PURE__ */ jsx("input", { type: "text", value: editingCharge.code, onChange: (e) => setEditingCharge({ ...editingCharge, code: e.target.value }), placeholder: "e.g. mrc-monthly", className: "w-full rounded-md border px-2 py-1.5 text-sm" })
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.offerings.charge.fields.code", "Code") }),
+            /* @__PURE__ */ jsx("input", { type: "text", value: editingCharge.code, onChange: (e) => setEditingCharge({ ...editingCharge, code: e.target.value }), placeholder: t("cpq.offerings.charge.fields.codePlaceholder", "e.g. mrc-monthly"), className: "w-full rounded-md border px-2 py-1.5 text-sm" })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Name" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.offerings.charge.fields.name", "Name") }),
             /* @__PURE__ */ jsx("input", { type: "text", value: editingCharge.name, onChange: (e) => setEditingCharge({ ...editingCharge, name: e.target.value }), className: "w-full rounded-md border px-2 py-1.5 text-sm" })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Charge Type" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.offerings.charge.fields.chargeType", "Charge Type") }),
             /* @__PURE__ */ jsxs("select", { value: editingCharge.chargeType, onChange: (e) => setEditingCharge({ ...editingCharge, chargeType: e.target.value }), className: "w-full rounded-md border px-2 py-1.5 text-sm", children: [
-              /* @__PURE__ */ jsx("option", { value: "mrc", children: "MRC (Monthly Recurring)" }),
-              /* @__PURE__ */ jsx("option", { value: "nrc", children: "NRC (Non-Recurring)" }),
-              /* @__PURE__ */ jsx("option", { value: "usage", children: "Usage" })
+              /* @__PURE__ */ jsx("option", { value: "mrc", children: t("cpq.offerings.chargeType.mrc", "MRC (Monthly Recurring)") }),
+              /* @__PURE__ */ jsx("option", { value: "nrc", children: t("cpq.offerings.chargeType.nrc", "NRC (Non-Recurring)") }),
+              /* @__PURE__ */ jsx("option", { value: "usage", children: t("cpq.offerings.chargeType.usage", "Usage") })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Charge Model" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.offerings.charge.fields.chargeModel", "Charge Model") }),
             /* @__PURE__ */ jsxs(
               "select",
               {
@@ -587,16 +612,16 @@ function OfferingDetailPage(props) {
                 },
                 className: "w-full rounded-md border px-2 py-1.5 text-sm",
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "flat", children: "Flat Fee" }),
-                  /* @__PURE__ */ jsx("option", { value: "per_unit", children: "Per Unit" }),
-                  /* @__PURE__ */ jsx("option", { value: "volume", children: "Volume-based" }),
-                  /* @__PURE__ */ jsx("option", { value: "tiered", children: "Tiered" })
+                  /* @__PURE__ */ jsx("option", { value: "flat", children: chargeModelLabel(t, "flat") }),
+                  /* @__PURE__ */ jsx("option", { value: "per_unit", children: chargeModelLabel(t, "per_unit") }),
+                  /* @__PURE__ */ jsx("option", { value: "volume", children: chargeModelLabel(t, "volume") }),
+                  /* @__PURE__ */ jsx("option", { value: "tiered", children: chargeModelLabel(t, "tiered") })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Pricing Method" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.offerings.charge.fields.pricingMethod", "Pricing Method") }),
             /* @__PURE__ */ jsxs(
               "select",
               {
@@ -612,8 +637,8 @@ function OfferingDetailPage(props) {
                 },
                 className: "w-full rounded-md border px-2 py-1.5 text-sm",
                 children: [
-                  editingCharge.chargeModel !== "volume" && editingCharge.chargeModel !== "tiered" && /* @__PURE__ */ jsx("option", { value: "fixed", children: "Fixed Price" }),
-                  /* @__PURE__ */ jsx("option", { value: "table", children: "Table Lookup" })
+                  editingCharge.chargeModel !== "volume" && editingCharge.chargeModel !== "tiered" && /* @__PURE__ */ jsx("option", { value: "fixed", children: pricingSourceLabel(t, "fixed") }),
+                  /* @__PURE__ */ jsx("option", { value: "table", children: pricingSourceLabel(t, "table") })
                 ]
               }
             )
@@ -621,14 +646,16 @@ function OfferingDetailPage(props) {
           editingCharge.pricingMethod === "fixed" ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsxs("label", { className: "block text-xs font-medium mb-1", children: [
-                "Fixed Price ",
+                chargeMissingFieldLabel(t, "fixedPrice"),
+                " ",
                 /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
               ] }),
               /* @__PURE__ */ jsx("input", { type: "text", value: editingCharge.fixedPrice ?? "", onChange: (e) => setEditingCharge({ ...editingCharge, fixedPrice: e.target.value || null }), placeholder: "0.00", className: "w-full rounded-md border px-2 py-1.5 text-sm" })
             ] }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsxs("label", { className: "block text-xs font-medium mb-1", children: [
-                "Currency ",
+                chargeMissingFieldLabel(t, "currency"),
+                " ",
                 /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
               ] }),
               /* @__PURE__ */ jsx("input", { type: "text", value: editingCharge.currencyCode ?? "USD", onChange: (e) => setEditingCharge({ ...editingCharge, currencyCode: e.target.value || null }), className: "w-full rounded-md border px-2 py-1.5 text-sm" })
@@ -636,11 +663,12 @@ function OfferingDetailPage(props) {
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsxs("label", { className: "block text-xs font-medium mb-1", children: [
-                "Pricing Table ",
+                chargeMissingFieldLabel(t, "pricingTable"),
+                " ",
                 /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
               ] }),
               /* @__PURE__ */ jsxs("select", { value: editingCharge.pricingTableId ?? "", onChange: (e) => setEditingCharge({ ...editingCharge, pricingTableId: e.target.value || null, priceColumnKey: null }), className: "w-full rounded-md border px-2 py-1.5 text-sm", children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Select table..." }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.offerings.charge.fields.selectTable", "Select table...") }),
                 pricingTables.map((pt) => /* @__PURE__ */ jsxs("option", { value: pt.id, children: [
                   pt.name,
                   " (",
@@ -649,31 +677,33 @@ function OfferingDetailPage(props) {
                 ] }, pt.id))
               ] }),
               pricingTables.length === 0 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-warning mt-0.5", children: [
-                "No pricing tables yet \u2014",
+                t("cpq.offerings.charge.noPricingTables.prefix", "No pricing tables yet \u2014"),
                 " ",
-                /* @__PURE__ */ jsx("a", { href: "/backend/cpq/pricing-tables", className: "text-primary hover:underline", children: "create one" }),
+                /* @__PURE__ */ jsx("a", { href: "/backend/cpq/pricing-tables", className: "text-primary hover:underline", children: t("cpq.offerings.charge.noPricingTables.link", "create one") }),
                 " ",
-                "before using Table Lookup pricing."
+                t("cpq.offerings.charge.noPricingTables.suffix", "before using Table Lookup pricing.")
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsxs("label", { className: "block text-xs font-medium mb-1", children: [
-                "Price Column ",
+                chargeMissingFieldLabel(t, "priceColumn"),
+                " ",
                 /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
               ] }),
               /* @__PURE__ */ jsxs("select", { value: editingCharge.priceColumnKey ?? "", onChange: (e) => setEditingCharge({ ...editingCharge, priceColumnKey: e.target.value || null }), className: "w-full rounded-md border px-2 py-1.5 text-sm", disabled: !selectedPricingTable, children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Select column..." }),
+                /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.offerings.charge.fields.selectColumn", "Select column...") }),
                 selectedPricingTable?.priceColumns.map((col) => /* @__PURE__ */ jsx("option", { value: col.key, children: col.label }, col.key))
               ] })
             ] })
           ] }),
           (editingCharge.pricingMethod === "table" && editingCharge.chargeModel !== "flat" || editingCharge.pricingMethod === "fixed" && editingCharge.chargeModel === "per_unit") && /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsxs("label", { className: "block text-xs font-medium mb-1", children: [
-              "Quantity Attribute ",
+              chargeMissingFieldLabel(t, "quantityAttribute"),
+              " ",
               /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "*" })
             ] }),
             /* @__PURE__ */ jsxs("select", { value: editingCharge.quantityAttributeCode ?? "", onChange: (e) => setEditingCharge({ ...editingCharge, quantityAttributeCode: e.target.value || null }), className: "w-full rounded-md border px-2 py-1.5 text-sm", children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "Select attribute..." }),
+              /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.offerings.charge.fields.selectAttribute", "Select attribute...") }),
               attributes.filter((a) => a.attributeType === "number").map((a) => /* @__PURE__ */ jsxs("option", { value: a.code, children: [
                 a.name,
                 " (",
@@ -681,17 +711,17 @@ function OfferingDetailPage(props) {
                 ")"
               ] }, a.code))
             ] }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: "Attribute whose value drives the quantity for pricing" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: t("cpq.offerings.charge.fields.quantityAttributeHelp", "Attribute whose value drives the quantity for pricing") }),
             attributes.filter((a) => a.attributeType === "number").length === 0 && form.specId && /* @__PURE__ */ jsxs("p", { className: "text-xs text-warning mt-0.5", children: [
-              "Spec has no number attributes \u2014",
+              t("cpq.offerings.charge.noNumberAttributes.prefix", "Spec has no number attributes \u2014"),
               " ",
-              /* @__PURE__ */ jsx("a", { href: `/backend/cpq/specifications/${form.specId}`, className: "text-primary hover:underline", children: "add one to the spec" }),
+              /* @__PURE__ */ jsx("a", { href: `/backend/cpq/specifications/${form.specId}`, className: "text-primary hover:underline", children: t("cpq.offerings.charge.noNumberAttributes.link", "add one to the spec") }),
               " ",
-              "first."
+              t("cpq.offerings.charge.noNumberAttributes.suffix", "first.")
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Sort Order" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.offerings.charge.fields.sortOrder", "Sort Order") }),
             /* @__PURE__ */ jsx(
               NumberInput,
               {
@@ -703,41 +733,40 @@ function OfferingDetailPage(props) {
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Description" }),
+          /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.offerings.charge.fields.description", "Description") }),
           /* @__PURE__ */ jsx("input", { type: "text", value: editingCharge.description ?? "", onChange: (e) => setEditingCharge({ ...editingCharge, description: e.target.value || null }), className: "w-full rounded-md border px-2 py-1.5 text-sm" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "flex items-end gap-4", children: /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-sm", children: [
           /* @__PURE__ */ jsx("input", { type: "checkbox", checked: editingCharge.isActive, onChange: (e) => setEditingCharge({ ...editingCharge, isActive: e.target.checked }), className: "rounded border" }),
-          "Active"
+          t("cpq.common.active", "Active")
         ] }) }),
         (() => {
           const missing = chargeMissingFields(editingCharge);
           const blocked = saving || !editingCharge.code || !editingCharge.name || missing.length > 0;
           return /* @__PURE__ */ jsxs(Fragment, { children: [
-            missing.length > 0 && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", children: [
-              "Missing required field",
-              missing.length > 1 ? "s" : "",
-              " for ",
-              editingCharge.pricingMethod,
-              " pricing: ",
-              missing.join(", ")
-            ] }),
+            missing.length > 0 && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: missing.length > 1 ? t("cpq.offerings.charge.missingFieldsPlural", "Missing required fields for {method} pricing: {fields}", {
+              method: editingCharge.pricingMethod,
+              fields: missing.map((field) => chargeMissingFieldLabel(t, field)).join(", ")
+            }) : t("cpq.offerings.charge.missingFieldsSingular", "Missing required field for {method} pricing: {fields}", {
+              method: editingCharge.pricingMethod,
+              fields: missing.map((field) => chargeMissingFieldLabel(t, field)).join(", ")
+            }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx("button", { onClick: saveCharge, disabled: blocked, className: "inline-flex items-center rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed", children: saving ? "Saving..." : "Save" }),
-              /* @__PURE__ */ jsx("button", { onClick: () => setEditingCharge(null), className: "inline-flex items-center rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-muted", children: "Cancel" })
+              /* @__PURE__ */ jsx("button", { onClick: saveCharge, disabled: blocked, className: "inline-flex items-center rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed", children: saving ? t("cpq.common.saving", "Saving...") : t("cpq.common.save", "Save") }),
+              /* @__PURE__ */ jsx("button", { onClick: () => setEditingCharge(null), className: "inline-flex items-center rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-muted", children: t("cpq.common.cancel", "Cancel") })
             ] })
           ] });
         })()
       ] }),
-      charges.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No charges defined. Add recurring, non-recurring, or usage charges to this offering." }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+      charges.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.offerings.charges.empty", "No charges defined. Add recurring, non-recurring, or usage charges to this offering.") }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
         /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/50", children: [
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Code" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Name" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Type" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Pricing" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Price" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Active" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right font-medium", children: "Actions" })
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.offerings.charges.columns.code", "Code") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.offerings.charges.columns.name", "Name") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.offerings.charges.columns.type", "Type") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.offerings.charges.columns.pricing", "Pricing") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.offerings.charges.columns.price", "Price") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.offerings.charges.columns.active", "Active") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right font-medium", children: t("cpq.offerings.charges.columns.actions", "Actions") })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { children: charges.map((charge) => {
           const incomplete = !isChargeComplete(charge);
@@ -748,45 +777,45 @@ function OfferingDetailPage(props) {
             /* @__PURE__ */ jsx("td", { className: "px-4 py-3 font-mono text-xs", children: charge.code }),
             /* @__PURE__ */ jsxs("td", { className: "px-4 py-3", children: [
               charge.name,
-              incomplete && /* @__PURE__ */ jsx(Tag, { variant: "error", className: "ml-2 px-2 text-[10px]", dot: true, children: "Incomplete" })
+              incomplete && /* @__PURE__ */ jsx(Tag, { variant: "error", className: "ml-2 px-2 text-[10px]", dot: true, children: t("cpq.offerings.charges.incomplete", "Incomplete") })
             ] }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(Tag, { variant: chargeTypeMap[charge.chargeType] ?? "neutral", className: "px-2 text-xs", children: charge.chargeType.toUpperCase() }) }),
             /* @__PURE__ */ jsxs("td", { className: "px-4 py-3 text-xs", children: [
-              CHARGE_MODEL_LABELS[model] ?? model,
+              chargeModelLabel(t, model),
               /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
                 " \xB7 ",
-                PRICING_SOURCE_LABELS[source] ?? source
+                pricingSourceLabel(t, source)
               ] })
             ] }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-xs", children: source === "fixed" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
               charge.fixedPrice != null ? /* @__PURE__ */ jsx("span", { children: `${charge.currencyCode ?? "USD"} ${charge.fixedPrice}` }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }),
               model === "per_unit" && /* @__PURE__ */ jsxs("span", { children: [
-                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\xD7 Qty:" }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("cpq.offerings.charges.qtyLabel", "\xD7 Qty:") }),
                 " ",
-                qtyAttr ? `${qtyAttr.name} (${qtyAttr.code})` : /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "missing" })
+                qtyAttr ? `${qtyAttr.name} (${qtyAttr.code})` : /* @__PURE__ */ jsx("span", { className: "text-destructive", children: t("cpq.offerings.charges.missing", "missing") })
               ] })
             ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
               /* @__PURE__ */ jsxs("span", { children: [
-                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Table:" }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("cpq.offerings.charges.tableLabel", "Table:") }),
                 " ",
-                tableRef ? `${tableRef.name} \u2192 ${charge.priceColumnKey ?? "?"}` : /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "missing" })
+                tableRef ? `${tableRef.name} \u2192 ${charge.priceColumnKey ?? "?"}` : /* @__PURE__ */ jsx("span", { className: "text-destructive", children: t("cpq.offerings.charges.missing", "missing") })
               ] }),
               model !== "flat" && /* @__PURE__ */ jsxs("span", { children: [
-                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\xD7 Qty:" }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("cpq.offerings.charges.qtyLabel", "\xD7 Qty:") }),
                 " ",
-                qtyAttr ? `${qtyAttr.name} (${qtyAttr.code})` : /* @__PURE__ */ jsx("span", { className: "text-destructive", children: "missing" })
+                qtyAttr ? `${qtyAttr.name} (${qtyAttr.code})` : /* @__PURE__ */ jsx("span", { className: "text-destructive", children: t("cpq.offerings.charges.missing", "missing") })
               ] })
             ] }) }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: charge.isActive ? "Yes" : "No" }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: charge.isActive ? t("cpq.common.yes", "Yes") : t("cpq.common.no", "No") }),
             /* @__PURE__ */ jsxs("td", { className: "px-4 py-3 text-right", children: [
-              /* @__PURE__ */ jsx("button", { onClick: () => startEditCharge(charge), className: "text-xs text-primary hover:underline mr-2", children: "Edit" }),
-              /* @__PURE__ */ jsx("button", { onClick: () => deleteCharge(charge.id), className: "text-xs text-destructive hover:underline", children: "Delete" })
+              /* @__PURE__ */ jsx("button", { onClick: () => startEditCharge(charge), className: "text-xs text-primary hover:underline mr-2", children: t("cpq.common.edit", "Edit") }),
+              /* @__PURE__ */ jsx("button", { onClick: () => deleteCharge(charge.id), className: "text-xs text-destructive hover:underline", children: t("cpq.common.delete", "Delete") })
             ] })
           ] }, charge.id);
         }) })
       ] }) })
     ] }),
-    tab === "components" && !isNew && form.offeringType === "bundle" && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: bundleSlots.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No bundle slots defined on this specification. Add slots on the specification first." }) : /* @__PURE__ */ jsx(Fragment, { children: bundleSlots.map((slot) => {
+    tab === "components" && !isNew && form.offeringType === "bundle" && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: bundleSlots.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.offerings.components.noSlots", "No bundle slots defined on this specification. Add slots on the specification first.") }) : /* @__PURE__ */ jsx(Fragment, { children: bundleSlots.map((slot) => {
       const slotComponents = components.filter((c) => c.slotId === slot.id);
       return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card overflow-hidden", children: [
         /* @__PURE__ */ jsxs("div", { className: "bg-muted/50 px-4 py-3 border-b flex items-center justify-between", children: [
@@ -817,14 +846,14 @@ function OfferingDetailPage(props) {
                 }
               },
               className: "inline-flex items-center justify-center rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90",
-              children: "+ Add Component"
+              children: t("cpq.offerings.components.add", "+ Add Component")
             }
           )
         ] }),
         addingComponent?.slotId === slot.id && /* @__PURE__ */ jsxs("div", { className: "p-4 border-b bg-muted/20 space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
-              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Component Offering" }),
+              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.offerings.components.fields.componentOffering", "Component Offering") }),
               /* @__PURE__ */ jsxs(
                 "select",
                 {
@@ -832,20 +861,20 @@ function OfferingDetailPage(props) {
                   onChange: (e) => setAddingComponent({ ...addingComponent, childOfferingId: e.target.value }),
                   className: "w-full rounded-md border px-3 py-2 text-sm",
                   children: [
-                    /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 Select offering \u2014" }),
+                    /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.offerings.components.fields.selectOffering", "\u2014 Select offering \u2014") }),
                     (slotOfferings[slot.targetSpecId] ?? []).map((o) => /* @__PURE__ */ jsxs("option", { value: o.id, children: [
                       o.name,
                       " (",
                       o.code,
                       ")",
-                      o.offeringType === "bundle" ? " [bundle]" : ""
+                      o.offeringType === "bundle" ? t("cpq.offerings.components.bundleSuffix", " [bundle]") : ""
                     ] }, o.id))
                   ]
                 }
               )
             ] }),
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Default?" }),
+              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.offerings.components.fields.isDefault", "Default?") }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center h-[38px]", children: [
                 /* @__PURE__ */ jsx(
                   "input",
@@ -856,7 +885,7 @@ function OfferingDetailPage(props) {
                     className: "rounded border"
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: "Pre-selected in quote" })
+                /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: t("cpq.offerings.components.fields.isDefaultHelp", "Pre-selected in quote") })
               ] })
             ] })
           ] }),
@@ -881,7 +910,7 @@ function OfferingDetailPage(props) {
                     });
                     if (!res.ok) {
                       const d = await res.json();
-                      setError(d.error ?? "Failed to add component");
+                      setError(d.error ?? t("cpq.offerings.components.error.add", "Failed to add component"));
                       return;
                     }
                     setAddingComponent(null);
@@ -891,13 +920,13 @@ function OfferingDetailPage(props) {
                       setComponents(d.items ?? []);
                     }
                   } catch {
-                    setError("Failed to add component");
+                    setError(t("cpq.offerings.components.error.add", "Failed to add component"));
                   } finally {
                     setSaving(false);
                   }
                 },
                 className: "inline-flex items-center justify-center rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
-                children: saving ? "Adding..." : "Add"
+                children: saving ? t("cpq.offerings.components.adding", "Adding...") : t("cpq.offerings.components.addSubmit", "Add")
               }
             ),
             /* @__PURE__ */ jsx(
@@ -905,30 +934,26 @@ function OfferingDetailPage(props) {
               {
                 onClick: () => setAddingComponent(null),
                 className: "inline-flex items-center justify-center rounded-md border px-3 py-1.5 text-xs font-medium hover:bg-muted",
-                children: "Cancel"
+                children: t("cpq.common.cancel", "Cancel")
               }
             )
           ] })
         ] }),
         slotComponents.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "p-4 text-center text-xs text-muted-foreground", children: [
-          "No components assigned to this slot",
-          slot.cardinalityMin > 0 && /* @__PURE__ */ jsxs("span", { className: "ml-1 text-status-warning-text font-medium", children: [
-            "(required: min ",
-            slot.cardinalityMin,
-            ")"
-          ] })
+          t("cpq.offerings.components.emptySlot", "No components assigned to this slot"),
+          slot.cardinalityMin > 0 && /* @__PURE__ */ jsx("span", { className: "ml-1 text-status-warning-text font-medium", children: t("cpq.offerings.components.requiredMin", "(required: min {min})", { min: slot.cardinalityMin }) })
         ] }) : /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
           /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/30", children: [
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left text-xs font-medium", children: "Offering" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left text-xs font-medium", children: "Code" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left text-xs font-medium", children: "Type" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left text-xs font-medium", children: "Default" }),
-            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-right text-xs font-medium", children: "Actions" })
+            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left text-xs font-medium", children: t("cpq.offerings.components.columns.offering", "Offering") }),
+            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left text-xs font-medium", children: t("cpq.offerings.components.columns.code", "Code") }),
+            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left text-xs font-medium", children: t("cpq.offerings.components.columns.type", "Type") }),
+            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left text-xs font-medium", children: t("cpq.offerings.components.columns.default", "Default") }),
+            /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-right text-xs font-medium", children: t("cpq.offerings.components.columns.actions", "Actions") })
           ] }) }),
           /* @__PURE__ */ jsx("tbody", { children: slotComponents.map((comp) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5 font-medium", children: comp.childOffering?.name ?? "Unknown" }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5 font-medium", children: comp.childOffering?.name ?? t("cpq.offerings.components.unknown", "Unknown") }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5 text-muted-foreground text-xs", children: comp.childOffering?.code ?? "\u2014" }),
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5", children: comp.childOffering?.offeringType === "bundle" ? /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "px-2 text-[10px]", children: "bundle" }) : /* @__PURE__ */ jsx(Tag, { variant: "neutral", className: "px-2 text-[10px]", children: "simple" }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5", children: comp.childOffering?.offeringType === "bundle" ? /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "px-2 text-[10px]", children: t("cpq.offerings.components.tag.bundle", "bundle") }) : /* @__PURE__ */ jsx(Tag, { variant: "neutral", className: "px-2 text-[10px]", children: t("cpq.offerings.components.tag.simple", "simple") }) }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ jsx(
               "button",
               {
@@ -946,14 +971,14 @@ function OfferingDetailPage(props) {
                   }
                 },
                 className: "cursor-pointer",
-                children: /* @__PURE__ */ jsx(Tag, { variant: comp.isDefault ? "success" : "neutral", className: "px-2 text-[10px]", children: comp.isDefault ? "Yes" : "No" })
+                children: /* @__PURE__ */ jsx(Tag, { variant: comp.isDefault ? "success" : "neutral", className: "px-2 text-[10px]", children: comp.isDefault ? t("cpq.common.yes", "Yes") : t("cpq.common.no", "No") })
               }
             ) }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-2.5 text-right", children: /* @__PURE__ */ jsx(
               "button",
               {
                 onClick: async () => {
-                  if (!confirm("Remove this component from the bundle?")) return;
+                  if (!confirm(t("cpq.offerings.components.confirmRemove", "Remove this component from the bundle?"))) return;
                   try {
                     const res = await fetch("/api/cpq/offering-components", {
                       method: "DELETE",
@@ -964,14 +989,14 @@ function OfferingDetailPage(props) {
                       setComponents((prev) => prev.filter((c) => c.id !== comp.id));
                     } else {
                       const d = await res.json();
-                      setError(d.error ?? "Failed to remove");
+                      setError(d.error ?? t("cpq.offerings.components.error.remove", "Failed to remove"));
                     }
                   } catch {
-                    setError("Failed to remove component");
+                    setError(t("cpq.offerings.components.error.removeComponent", "Failed to remove component"));
                   }
                 },
                 className: "text-xs text-destructive hover:underline",
-                children: "Remove"
+                children: t("cpq.offerings.components.remove", "Remove")
               }
             ) })
           ] }, comp.id)) })