@dainamite/cpq 0.6.0 → 0.7.0

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

@@ -135,7 +135,7 @@ function SpecificationDetailPage(props) {
         }
         const res = await fetch(`/api/cpq/product-specifications?id=${encodeURIComponent(specId)}`);
         if (!res.ok) {
-          if (!cancelled) setError("Failed to load specification");
+          if (!cancelled) setError(t("cpq.specifications.detail.error.load", "Failed to load specification"));
           return;
         }
         const spec = await res.json();
@@ -159,7 +159,7 @@ function SpecificationDetailPage(props) {
         }
       } catch (err) {
         console.error("Failed to load", err);
-        if (!cancelled) setError("Failed to load");
+        if (!cancelled) setError(t("cpq.specifications.detail.error.loadGeneric", "Failed to load"));
       } finally {
         if (!cancelled) setLoading(false);
       }
@@ -182,7 +182,7 @@ function SpecificationDetailPage(props) {
       });
       if (!res.ok) {
         const d = await res.json();
-        setError(d.error ?? "Failed to save");
+        setError(d.error ?? t("cpq.specifications.detail.error.save", "Failed to save"));
         return;
       }
       const saved = await res.json();
@@ -205,7 +205,7 @@ function SpecificationDetailPage(props) {
         setGeneralMode("view");
       }
     } catch {
-      setError("Failed to save");
+      setError(t("cpq.specifications.detail.error.save", "Failed to save"));
     } finally {
       setSaving(false);
     }
@@ -222,10 +222,10 @@ function SpecificationDetailPage(props) {
         router.push("/backend/cpq/specifications");
       } else {
         const d = await res.json();
-        setError(d.error ?? "Failed to delete");
+        setError(d.error ?? t("cpq.specifications.detail.error.delete", "Failed to delete"));
       }
     } catch {
-      setError("Failed to delete");
+      setError(t("cpq.specifications.detail.error.delete", "Failed to delete"));
     }
   };
   const saveAttribute = async () => {
@@ -253,7 +253,7 @@ function SpecificationDetailPage(props) {
       });
       if (!res.ok) {
         const d = await res.json();
-        setError(d.error ?? "Failed to save attribute");
+        setError(d.error ?? t("cpq.specifications.attributes.error.save", "Failed to save attribute"));
         return;
       }
       const saved = await res.json();
@@ -264,13 +264,13 @@ function SpecificationDetailPage(props) {
       }
       setEditingAttr(null);
     } catch {
-      setError("Failed to save attribute");
+      setError(t("cpq.specifications.attributes.error.save", "Failed to save attribute"));
     } finally {
       setSaving(false);
     }
   };
   const deleteAttribute = async (attrId) => {
-    if (!confirm("Delete this attribute?")) return;
+    if (!confirm(t("cpq.specifications.attributes.confirmDelete", "Delete this attribute?"))) return;
     try {
       const res = await fetch("/api/cpq/product-attributes", {
         method: "DELETE",
@@ -279,7 +279,7 @@ function SpecificationDetailPage(props) {
       });
       if (res.ok) setAttributes((prev) => prev.filter((a) => a.id !== attrId));
     } catch {
-      setError("Failed to delete attribute");
+      setError(t("cpq.specifications.attributes.error.delete", "Failed to delete attribute"));
     }
   };
   const startEditAttr = (attr) => {
@@ -311,7 +311,7 @@ function SpecificationDetailPage(props) {
       });
       if (!res.ok) {
         const d = await res.json();
-        setError(d.error ?? "Failed to save offering");
+        setError(d.error ?? t("cpq.specifications.offerings.error.save", "Failed to save offering"));
         return;
       }
       const saved = await res.json();
@@ -322,13 +322,13 @@ function SpecificationDetailPage(props) {
       }
       setEditingOffering(null);
     } catch {
-      setError("Failed to save offering");
+      setError(t("cpq.specifications.offerings.error.save", "Failed to save offering"));
     } finally {
       setSaving(false);
     }
   };
   const deleteOffering = async (offeringId) => {
-    if (!confirm("Delete this offering?")) return;
+    if (!confirm(t("cpq.specifications.offerings.confirmDelete", "Delete this offering?"))) return;
     try {
       const res = await fetch("/api/cpq/product-offerings", {
         method: "DELETE",
@@ -337,7 +337,7 @@ function SpecificationDetailPage(props) {
       });
       if (res.ok) setOfferings((prev) => prev.filter((o) => o.id !== offeringId));
     } catch {
-      setError("Failed to delete offering");
+      setError(t("cpq.specifications.offerings.error.delete", "Failed to delete offering"));
     }
   };
   const startEditOffering = (offering) => {
@@ -423,20 +423,20 @@ function SpecificationDetailPage(props) {
         });
         if (!res.ok) {
           const d = await res.json();
-          setError(d.error ?? `Failed to save charge for ${offering.name}`);
+          setError(d.error ?? t("cpq.specifications.charges.error.saveFor", "Failed to save charge for {name}", { name: offering.name }));
           break;
         }
       }
       setChargeFormOpen(false);
       await loadAllOfferingCharges();
     } catch {
-      setError("Failed to save charges");
+      setError(t("cpq.specifications.charges.error.saveAll", "Failed to save charges"));
     } finally {
       setSaving(false);
     }
   };
   const deleteCharge = async (offeringId, chargeId) => {
-    if (!confirm("Delete this charge?")) return;
+    if (!confirm(t("cpq.specifications.charges.confirmDelete", "Delete this charge?"))) return;
     try {
       const res = await fetch("/api/cpq/product-charges", {
         method: "DELETE",
@@ -450,7 +450,7 @@ function SpecificationDetailPage(props) {
         }));
       }
     } catch {
-      setError("Failed to delete charge");
+      setError(t("cpq.specifications.charges.error.delete", "Failed to delete charge"));
     }
   };
   const selectedPricingTableRef = chargePricingTableId ? pricingTables.find((pt) => pt.id === chargePricingTableId) : null;
@@ -477,7 +477,7 @@ function SpecificationDetailPage(props) {
       });
       if (!res.ok) {
         const d = await res.json();
-        setError(d.error ?? "Failed to save relationship");
+        setError(d.error ?? t("cpq.specifications.relationships.error.save", "Failed to save relationship"));
         return;
       }
       const saved = await res.json();
@@ -488,13 +488,13 @@ function SpecificationDetailPage(props) {
       }
       setEditingRel(null);
     } catch {
-      setError("Failed to save relationship");
+      setError(t("cpq.specifications.relationships.error.save", "Failed to save relationship"));
     } finally {
       setSaving(false);
     }
   };
   const deleteRelationship = async (relId) => {
-    if (!confirm("Delete this relationship?")) return;
+    if (!confirm(t("cpq.specifications.relationships.confirmDelete", "Delete this relationship?"))) return;
     try {
       const res = await fetch("/api/cpq/product-relationships", {
         method: "DELETE",
@@ -503,7 +503,7 @@ function SpecificationDetailPage(props) {
       });
       if (res.ok) setRelationships((prev) => prev.filter((r) => r.id !== relId));
     } catch {
-      setError("Failed to delete relationship");
+      setError(t("cpq.specifications.relationships.error.delete", "Failed to delete relationship"));
     }
   };
   const startEditRel = (rel) => {
@@ -513,7 +513,7 @@ function SpecificationDetailPage(props) {
   };
   const getSpecName = (id) => allSpecs.find((s) => s.id === id)?.name ?? id.slice(0, 8);
   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...") });
   }
   const designTimeAttrs = attributes.filter((a) => a.resolutionTime === "design_time");
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
@@ -526,7 +526,7 @@ function SpecificationDetailPage(props) {
             className: "text-sm text-muted-foreground hover:text-foreground",
             children: [
               "\u2190 ",
-              t("common.back", "Back")
+              t("cpq.common.back", "Back")
             ]
           }
         ),
@@ -542,10 +542,10 @@ function SpecificationDetailPage(props) {
               setFormSnapshot(form);
               setGeneralMode("edit");
             },
-            children: t("common.edit", "Edit")
+            children: t("cpq.common.edit", "Edit")
           }
         ),
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", onClick: deleteSpec, children: t("common.delete", "Delete") })
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", onClick: deleteSpec, children: t("cpq.common.delete", "Delete") })
       ] })
     ] }),
     error && /* @__PURE__ */ jsx(Alert, { variant: "destructive", children: error }),
@@ -564,11 +564,11 @@ function SpecificationDetailPage(props) {
         },
         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_ === "attributes" && `Attributes (${attributes.length})`,
-          t_ === "offerings" && `Offerings (${offerings.length})`,
-          t_ === "relationships" && `Relationships (${relationships.length})`,
-          t_ === "slots" && `Bundle Slots (${bundleSlots.length})`
+          t_ === "general" && t("cpq.specifications.detail.tabs.general", "General"),
+          t_ === "attributes" && t("cpq.specifications.detail.tabs.attributes", "Attributes ({count})", { count: attributes.length }),
+          t_ === "offerings" && t("cpq.specifications.detail.tabs.offerings", "Offerings ({count})", { count: offerings.length }),
+          t_ === "relationships" && t("cpq.specifications.detail.tabs.relationships", "Relationships ({count})", { count: relationships.length }),
+          t_ === "slots" && t("cpq.specifications.detail.tabs.slots", "Bundle Slots ({count})", { count: bundleSlots.length })
         ]
       },
       t_
@@ -586,7 +586,7 @@ function SpecificationDetailPage(props) {
                 type: "text",
                 value: form.code,
                 onChange: (e) => setForm({ ...form, code: e.target.value }),
-                placeholder: "e.g. gix-access-port",
+                placeholder: t("cpq.specifications.detail.codePlaceholder", "e.g. gix-access-port"),
                 className: "w-full rounded-md border px-3 py-2 text-sm"
               }
             )
@@ -612,16 +612,16 @@ function SpecificationDetailPage(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.specifications.lifecycle.draft", "Draft") }),
+                  /* @__PURE__ */ jsx("option", { value: "active", children: t("cpq.specifications.lifecycle.active", "Active") }),
+                  /* @__PURE__ */ jsx("option", { value: "deprecated", children: t("cpq.specifications.lifecycle.deprecated", "Deprecated") })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.isActive", "Is Active?") }),
-            /* @__PURE__ */ jsx("div", { className: "flex items-center h-[38px]", children: isViewing ? /* @__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: isViewing ? /* @__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",
@@ -632,8 +632,8 @@ function SpecificationDetailPage(props) {
             ) })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Spec Type" }),
-            isViewing ? /* @__PURE__ */ jsx("p", { className: "text-sm py-2", children: form.specType === "bundle" ? "Bundle" : "Simple" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.detail.specType", "Spec Type") }),
+            isViewing ? /* @__PURE__ */ jsx("p", { className: "text-sm py-2", children: form.specType === "bundle" ? t("cpq.specifications.type.bundle", "Bundle") : t("cpq.specifications.type.simple", "Simple") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs(
                 "select",
                 {
@@ -642,17 +642,17 @@ function SpecificationDetailPage(props) {
                   disabled: specTypeLocked,
                   className: "w-full rounded-md border px-3 py-2 text-sm disabled:opacity-50",
                   children: [
-                    /* @__PURE__ */ jsx("option", { value: "simple", children: "Simple" }),
-                    /* @__PURE__ */ jsx("option", { value: "bundle", children: "Bundle" })
+                    /* @__PURE__ */ jsx("option", { value: "simple", children: t("cpq.specifications.type.simple", "Simple") }),
+                    /* @__PURE__ */ jsx("option", { value: "bundle", children: t("cpq.specifications.type.bundle", "Bundle") })
                   ]
                 }
               ),
-              specTypeLocked && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Cannot change after offerings or slots exist" })
+              specTypeLocked && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: t("cpq.specifications.detail.specTypeLocked", "Cannot change after offerings or slots exist") })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Is Assetizable?" }),
-            /* @__PURE__ */ jsx("div", { className: "flex items-center h-[38px]", children: isViewing ? /* @__PURE__ */ jsx(Tag, { variant: form.isAssetizable ? "warning" : "neutral", dot: true, children: form.isAssetizable ? t("common.yes", "Yes") : t("common.no", "No") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.detail.isAssetizable", "Is Assetizable?") }),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center h-[38px]", children: isViewing ? /* @__PURE__ */ jsx(Tag, { variant: form.isAssetizable ? "warning" : "neutral", dot: true, children: form.isAssetizable ? t("cpq.common.yes", "Yes") : t("cpq.common.no", "No") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -662,7 +662,7 @@ function SpecificationDetailPage(props) {
                   className: "rounded border"
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: "Creates asset records during fulfilment" })
+              /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: t("cpq.specifications.detail.isAssetizableHelp", "Creates asset records during fulfilment") })
             ] }) })
           ] })
         ] }),
@@ -678,10 +678,7 @@ function SpecificationDetailPage(props) {
             }
           )
         ] }),
-        !isNew && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-          "Version ",
-          form.version
-        ] }),
+        !isNew && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("cpq.specifications.detail.versionLabel", "Version {version}", { version: form.version }) }),
         !isViewing && /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -689,7 +686,7 @@ function SpecificationDetailPage(props) {
               type: "button",
               onClick: saveSpec,
               disabled: saving || !form.code || !form.name,
-              children: saving ? t("common.saving", "Saving...") : t("common.save", "Save")
+              children: saving ? t("cpq.common.saving", "Saving...") : t("cpq.common.save", "Save")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -706,7 +703,7 @@ function SpecificationDetailPage(props) {
                 setFormSnapshot(null);
                 setGeneralMode("view");
               },
-              children: t("common.cancel", "Cancel")
+              children: t("cpq.common.cancel", "Cancel")
             }
           )
         ] })
@@ -722,36 +719,36 @@ function SpecificationDetailPage(props) {
         }
       ) }),
       editingAttr && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm", children: editingAttr.id ? "Edit Attribute" : "New Attribute" }),
+        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm", children: editingAttr.id ? t("cpq.specifications.attributes.form.editTitle", "Edit Attribute") : t("cpq.specifications.attributes.form.newTitle", "New Attribute") }),
         /* @__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("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.attributes.fields.code", "Code") }),
             /* @__PURE__ */ jsx("input", { type: "text", value: editingAttr.code, onChange: (e) => setEditingAttr({ ...editingAttr, code: 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: "Name" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.attributes.fields.name", "Name") }),
             /* @__PURE__ */ jsx("input", { type: "text", value: editingAttr.name, onChange: (e) => setEditingAttr({ ...editingAttr, 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: "Type" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.attributes.fields.type", "Type") }),
             /* @__PURE__ */ jsxs("select", { value: editingAttr.attributeType, onChange: (e) => setEditingAttr({ ...editingAttr, attributeType: e.target.value, defaultValue: null }), className: "w-full rounded-md border px-2 py-1.5 text-sm", children: [
-              /* @__PURE__ */ jsx("option", { value: "text", children: "Text" }),
-              /* @__PURE__ */ jsx("option", { value: "number", children: "Number" }),
-              /* @__PURE__ */ jsx("option", { value: "boolean", children: "Boolean" }),
-              /* @__PURE__ */ jsx("option", { value: "select", children: "Select" }),
-              /* @__PURE__ */ jsx("option", { value: "multi-select", children: "Multi-Select" }),
-              /* @__PURE__ */ jsx("option", { value: "reference", children: "Reference" })
+              /* @__PURE__ */ jsx("option", { value: "text", children: t("cpq.specifications.attributeType.text", "Text") }),
+              /* @__PURE__ */ jsx("option", { value: "number", children: t("cpq.specifications.attributeType.number", "Number") }),
+              /* @__PURE__ */ jsx("option", { value: "boolean", children: t("cpq.specifications.attributeType.boolean", "Boolean") }),
+              /* @__PURE__ */ jsx("option", { value: "select", children: t("cpq.specifications.attributeType.select", "Select") }),
+              /* @__PURE__ */ jsx("option", { value: "multi-select", children: t("cpq.specifications.attributeType.multiSelect", "Multi-Select") }),
+              /* @__PURE__ */ jsx("option", { value: "reference", children: t("cpq.specifications.attributeType.reference", "Reference") })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Resolution Time" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.attributes.fields.resolutionTime", "Resolution Time") }),
             /* @__PURE__ */ jsxs("select", { value: editingAttr.resolutionTime, onChange: (e) => setEditingAttr({ ...editingAttr, resolutionTime: e.target.value }), className: "w-full rounded-md border px-2 py-1.5 text-sm", children: [
-              /* @__PURE__ */ jsx("option", { value: "run_time", children: "Run-time (quoting)" }),
-              /* @__PURE__ */ jsx("option", { value: "design_time", children: "Design-time (offering)" })
+              /* @__PURE__ */ jsx("option", { value: "run_time", children: t("cpq.specifications.resolutionTime.runTime", "Run-time (quoting)") }),
+              /* @__PURE__ */ jsx("option", { value: "design_time", children: t("cpq.specifications.resolutionTime.designTime", "Design-time (offering)") })
             ] })
           ] }),
           /* @__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.specifications.attributes.fields.sortOrder", "Sort Order") }),
             /* @__PURE__ */ jsx(
               NumberInput,
               {
@@ -762,7 +759,7 @@ function SpecificationDetailPage(props) {
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Help Text" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.attributes.fields.helpText", "Help Text") }),
             /* @__PURE__ */ jsx("input", { type: "text", value: editingAttr.helpText ?? "", onChange: (e) => setEditingAttr({ ...editingAttr, helpText: e.target.value || null }), className: "w-full rounded-md border px-2 py-1.5 text-sm" })
           ] }),
           editingAttr.attributeType !== "reference" && /* @__PURE__ */ jsxs("div", { children: [
@@ -820,23 +817,23 @@ function SpecificationDetailPage(props) {
             )
           ] }),
           editingAttr.attributeType === "reference" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Reference Entity" }),
-            /* @__PURE__ */ jsx("input", { type: "text", value: editingAttr.referenceEntity ?? "", onChange: (e) => setEditingAttr({ ...editingAttr, referenceEntity: e.target.value || null }), placeholder: "e.g. CatalogProduct", 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.specifications.attributes.fields.referenceEntity", "Reference Entity") }),
+            /* @__PURE__ */ jsx("input", { type: "text", value: editingAttr.referenceEntity ?? "", onChange: (e) => setEditingAttr({ ...editingAttr, referenceEntity: e.target.value || null }), placeholder: t("cpq.specifications.attributes.fields.referenceEntityPlaceholder", "e.g. CatalogProduct"), className: "w-full rounded-md border px-2 py-1.5 text-sm" })
           ] }) }),
           (editingAttr.attributeType === "select" || editingAttr.attributeType === "multi-select") && /* @__PURE__ */ jsxs("div", { className: "col-span-3 space-y-2", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium", children: "Options" }),
+              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium", children: t("cpq.specifications.attributes.fields.options", "Options") }),
               /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
                   onClick: () => setEditingOptions([...editingOptions, { value: "", label: "" }]),
                   className: "text-xs text-primary hover:underline",
-                  children: "+ Add option"
+                  children: t("cpq.specifications.attributes.addOption", "+ Add option")
                 }
               )
             ] }),
-            editingOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground py-2", children: 'No options defined. Click "Add option" to start.' }) : /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: editingOptions.map((opt, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            editingOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground py-2", children: t("cpq.specifications.attributes.noOptions", 'No options defined. Click "Add option" to start.') }) : /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: editingOptions.map((opt, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -847,7 +844,7 @@ function SpecificationDetailPage(props) {
                     next[idx] = { ...next[idx], value: e.target.value };
                     setEditingOptions(next);
                   },
-                  placeholder: "Value (e.g. aws)",
+                  placeholder: t("cpq.specifications.attributes.optionValuePlaceholder", "Value (e.g. aws)"),
                   className: "flex-1 rounded-md border px-2 py-1.5 text-sm"
                 }
               ),
@@ -861,7 +858,7 @@ function SpecificationDetailPage(props) {
                     next[idx] = { ...next[idx], label: e.target.value };
                     setEditingOptions(next);
                   },
-                  placeholder: "Label (e.g. Amazon Web Services)",
+                  placeholder: t("cpq.specifications.attributes.optionLabelPlaceholder", "Label (e.g. Amazon Web Services)"),
                   className: "flex-1 rounded-md border px-2 py-1.5 text-sm"
                 }
               ),
@@ -871,7 +868,7 @@ function SpecificationDetailPage(props) {
                   type: "button",
                   onClick: () => setEditingOptions(editingOptions.filter((_, i) => i !== idx)),
                   className: "text-destructive hover:text-destructive/80 text-sm px-1",
-                  title: "Remove",
+                  title: t("cpq.specifications.attributes.removeOption", "Remove"),
                   children: "\xD7"
                 }
               )
@@ -888,14 +885,14 @@ function SpecificationDetailPage(props) {
                   className: "rounded border"
                 }
               ),
-              "Depends on another attribute"
+              t("cpq.specifications.attributes.dependsOn.enable", "Depends on another attribute")
             ] }),
             dependsOnEnabled && (() => {
               const parentAttr = attributes.find((a) => a.code === dependsOnAttrCode);
               return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
                 /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
                   /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Parent Attribute Code" }),
+                    /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.attributes.dependsOn.parentAttribute", "Parent Attribute Code") }),
                     /* @__PURE__ */ jsxs(
                       "select",
                       {
@@ -905,7 +902,7 @@ function SpecificationDetailPage(props) {
                         },
                         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.specifications.attributes.dependsOn.selectAttribute", "Select attribute...") }),
                           attributes.filter((a) => editingAttr && a.code !== editingAttr.code).map((a) => /* @__PURE__ */ jsxs("option", { value: a.code, children: [
                             a.name,
                             " (",
@@ -917,7 +914,7 @@ function SpecificationDetailPage(props) {
                     )
                   ] }),
                   /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Effect" }),
+                    /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.attributes.dependsOn.effect", "Effect") }),
                     /* @__PURE__ */ jsxs(
                       "select",
                       {
@@ -929,16 +926,16 @@ function SpecificationDetailPage(props) {
                         },
                         className: "w-full rounded-md border px-2 py-1.5 text-sm",
                         children: [
-                          /* @__PURE__ */ jsx("option", { value: "filter_options", children: "Filter options" }),
-                          /* @__PURE__ */ jsx("option", { value: "set_value", children: "Set value" }),
-                          /* @__PURE__ */ jsx("option", { value: "toggle_required", children: "Toggle required" })
+                          /* @__PURE__ */ jsx("option", { value: "filter_options", children: t("cpq.specifications.attributes.dependsOn.effects.filterOptions", "Filter options") }),
+                          /* @__PURE__ */ jsx("option", { value: "set_value", children: t("cpq.specifications.attributes.dependsOn.effects.setValue", "Set value") }),
+                          /* @__PURE__ */ jsx("option", { value: "toggle_required", children: t("cpq.specifications.attributes.dependsOn.effects.toggleRequired", "Toggle required") })
                         ]
                       }
                     )
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-2", children: "Rules" }),
+                  /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-2", children: t("cpq.specifications.attributes.dependsOn.rules", "Rules") }),
                   /* @__PURE__ */ jsx(
                     DependsOnRulesEditor,
                     {
@@ -956,39 +953,39 @@ function SpecificationDetailPage(props) {
           /* @__PURE__ */ jsxs("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: editingAttr.isRequired, onChange: (e) => setEditingAttr({ ...editingAttr, isRequired: e.target.checked }), className: "rounded border" }),
-              "Required"
+              t("cpq.specifications.attributes.fields.isRequired", "Required")
             ] }),
             /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-sm", children: [
               /* @__PURE__ */ jsx("input", { type: "checkbox", checked: editingAttr.isActive, onChange: (e) => setEditingAttr({ ...editingAttr, isActive: e.target.checked }), className: "rounded border" }),
-              "Active"
+              t("cpq.common.active", "Active")
             ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx("button", { onClick: saveAttribute, disabled: saving, 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", children: saving ? "Saving..." : "Save" }),
-          /* @__PURE__ */ jsx("button", { onClick: () => setEditingAttr(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: saveAttribute, disabled: saving, 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", children: saving ? t("cpq.common.saving", "Saving...") : t("cpq.common.save", "Save") }),
+          /* @__PURE__ */ jsx("button", { onClick: () => setEditingAttr(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") })
         ] })
       ] }),
-      attributes.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No attributes defined. Add design-time and run-time attributes for this specification." }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+      attributes.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.specifications.attributes.empty", "No attributes defined. Add design-time and run-time attributes for this specification.") }) : /* @__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: "Resolution" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Options" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Required" }),
-          /* @__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.specifications.attributes.columns.code", "Code") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.attributes.columns.name", "Name") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.attributes.columns.type", "Type") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.attributes.columns.resolution", "Resolution") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.attributes.columns.options", "Options") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.attributes.columns.required", "Required") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right font-medium", children: t("cpq.specifications.attributes.columns.actions", "Actions") })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { children: attributes.map((attr) => /* @__PURE__ */ jsxs("tr", { className: "border-b", children: [
           /* @__PURE__ */ jsx("td", { className: "px-4 py-3 font-mono text-xs", children: attr.code }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: attr.name }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: attr.attributeType }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(Tag, { variant: attr.resolutionTime === "design_time" ? "info" : "neutral", className: "px-2 text-xs", children: attr.resolutionTime === "design_time" ? "design" : "run" }) }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-muted-foreground", children: attr.options ? `${attr.options.length} options` : "\u2014" }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: attr.isRequired ? "Yes" : "No" }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(Tag, { variant: attr.resolutionTime === "design_time" ? "info" : "neutral", className: "px-2 text-xs", children: attr.resolutionTime === "design_time" ? t("cpq.specifications.attributes.resolutionShort.design", "design") : t("cpq.specifications.attributes.resolutionShort.run", "run") }) }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-muted-foreground", children: attr.options ? t("cpq.specifications.attributes.optionsCount", "{count} options", { count: attr.options.length }) : "\u2014" }),
+          /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: attr.isRequired ? 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: () => startEditAttr(attr), className: "text-xs text-primary hover:underline mr-2", children: "Edit" }),
-            /* @__PURE__ */ jsx("button", { onClick: () => deleteAttribute(attr.id), className: "text-xs text-destructive hover:underline", children: "Delete" })
+            /* @__PURE__ */ jsx("button", { onClick: () => startEditAttr(attr), className: "text-xs text-primary hover:underline mr-2", children: t("cpq.common.edit", "Edit") }),
+            /* @__PURE__ */ jsx("button", { onClick: () => deleteAttribute(attr.id), className: "text-xs text-destructive hover:underline", children: t("cpq.common.delete", "Delete") })
           ] })
         ] }, attr.id)) })
       ] }) })
@@ -1003,35 +1000,35 @@ function SpecificationDetailPage(props) {
         }
       ) }),
       editingOffering && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm", children: editingOffering.id ? "Edit Offering" : "New Offering" }),
+        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm", children: editingOffering.id ? t("cpq.specifications.offerings.form.editTitle", "Edit Offering") : t("cpq.specifications.offerings.form.newTitle", "New Offering") }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 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: editingOffering.code, onChange: (e) => setEditingOffering({ ...editingOffering, code: e.target.value }), placeholder: "e.g. gix-cloud-connect-aws", 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.specifications.offerings.fields.code", "Code") }),
+            /* @__PURE__ */ jsx("input", { type: "text", value: editingOffering.code, onChange: (e) => setEditingOffering({ ...editingOffering, code: e.target.value }), placeholder: t("cpq.specifications.offerings.fields.codePlaceholder", "e.g. gix-cloud-connect-aws"), 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.specifications.offerings.fields.name", "Name") }),
             /* @__PURE__ */ jsx("input", { type: "text", value: editingOffering.name, onChange: (e) => setEditingOffering({ ...editingOffering, 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: "Lifecycle Status" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.offerings.fields.lifecycleStatus", "Lifecycle Status") }),
             /* @__PURE__ */ jsxs("select", { value: editingOffering.lifecycleStatus, onChange: (e) => setEditingOffering({ ...editingOffering, lifecycleStatus: e.target.value }), className: "w-full rounded-md border px-2 py-1.5 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-xs font-medium mb-1", children: "Is Active?" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.offerings.fields.isActive", "Is Active?") }),
             /* @__PURE__ */ jsx("div", { className: "flex items-center h-[30px]", children: /* @__PURE__ */ jsx("input", { type: "checkbox", checked: editingOffering.isActive, onChange: (e) => setEditingOffering({ ...editingOffering, isActive: e.target.checked }), className: "rounded border" }) })
           ] })
         ] }),
         /* @__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.specifications.offerings.fields.description", "Description") }),
           /* @__PURE__ */ jsx("input", { type: "text", value: editingOffering.description ?? "", onChange: (e) => setEditingOffering({ ...editingOffering, description: e.target.value || null }), className: "w-full rounded-md border px-2 py-1.5 text-sm" })
         ] }),
         designTimeAttrs.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium", children: "Design-Time Values" }),
+          /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium", children: t("cpq.specifications.offerings.fields.designTimeValues", "Design-Time Values") }),
           /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: designTimeAttrs.map((attr) => /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsxs("label", { className: "block text-xs font-medium mb-1", children: [
               attr.name,
@@ -1044,11 +1041,7 @@ function SpecificationDetailPage(props) {
                 onChange: (e) => setEditingDtValues({ ...editingDtValues, [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.specifications.offerings.fields.selectAttribute", "Select {name}...", { name: attr.name }) }),
                   attr.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
                 ]
               }
@@ -1081,19 +1074,19 @@ function SpecificationDetailPage(props) {
             ),
             attr.helpText && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: attr.helpText })
           ] }, attr.code)) })
-        ] }) : /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground py-1", children: "No design-time attributes defined on this specification. All attributes are run-time." }),
+        ] }) : /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground py-1", children: t("cpq.specifications.offerings.noDesignTimeAttributes", "No design-time attributes defined on this specification. All attributes are run-time.") }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx("button", { onClick: saveOffering, disabled: saving, 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", children: saving ? "Saving..." : "Save" }),
-          /* @__PURE__ */ jsx("button", { onClick: () => setEditingOffering(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: saveOffering, disabled: saving, 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", children: saving ? t("cpq.common.saving", "Saving...") : t("cpq.common.save", "Save") }),
+          /* @__PURE__ */ jsx("button", { onClick: () => setEditingOffering(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") })
         ] })
       ] }),
-      offerings.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No offerings created. An offering is a sellable instance of this specification with fixed design-time values and attached charges." }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+      offerings.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.specifications.offerings.empty", "No offerings created. An offering is a sellable instance of this specification with fixed design-time values and attached charges.") }) : /* @__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-3 py-3 text-left font-medium", children: "Code" }),
-          /* @__PURE__ */ jsx("th", { className: "px-3 py-3 text-left font-medium", children: "Name" }),
-          /* @__PURE__ */ jsx("th", { className: "px-3 py-3 text-left font-medium", children: "Status" }),
-          /* @__PURE__ */ jsx("th", { className: "px-3 py-3 text-left font-medium", children: "Design-Time Values" }),
-          /* @__PURE__ */ jsx("th", { className: "px-3 py-3 text-right font-medium", children: "Actions" })
+          /* @__PURE__ */ jsx("th", { className: "px-3 py-3 text-left font-medium", children: t("cpq.specifications.offerings.columns.code", "Code") }),
+          /* @__PURE__ */ jsx("th", { className: "px-3 py-3 text-left font-medium", children: t("cpq.specifications.offerings.columns.name", "Name") }),
+          /* @__PURE__ */ jsx("th", { className: "px-3 py-3 text-left font-medium", children: t("cpq.specifications.offerings.columns.status", "Status") }),
+          /* @__PURE__ */ jsx("th", { className: "px-3 py-3 text-left font-medium", children: t("cpq.specifications.offerings.columns.designTimeValues", "Design-Time Values") }),
+          /* @__PURE__ */ jsx("th", { className: "px-3 py-3 text-right font-medium", children: t("cpq.specifications.offerings.columns.actions", "Actions") })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { children: offerings.map((o) => /* @__PURE__ */ jsxs(
           "tr",
@@ -1109,11 +1102,11 @@ function SpecificationDetailPage(props) {
                 /* @__PURE__ */ jsx("button", { onClick: (e) => {
                   e.stopPropagation();
                   startEditOffering(o);
-                }, className: "text-xs text-primary hover:underline mr-2", children: "Edit" }),
+                }, className: "text-xs text-primary hover:underline mr-2", children: t("cpq.common.edit", "Edit") }),
                 /* @__PURE__ */ jsx("button", { onClick: (e) => {
                   e.stopPropagation();
                   deleteOffering(o.id);
-                }, className: "text-xs text-destructive hover:underline", children: "Delete" })
+                }, className: "text-xs text-destructive hover:underline", children: t("cpq.common.delete", "Delete") })
               ] })
             ]
           },
@@ -1131,20 +1124,20 @@ function SpecificationDetailPage(props) {
         }
       ) }),
       editingRel && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm", children: editingRel.id ? "Edit Relationship" : "New Relationship" }),
+        /* @__PURE__ */ jsx("h3", { className: "font-medium text-sm", children: editingRel.id ? t("cpq.specifications.relationships.form.editTitle", "Edit Relationship") : t("cpq.specifications.relationships.form.newTitle", "New Relationship") }),
         /* @__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: "Type" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.relationships.fields.type", "Type") }),
             /* @__PURE__ */ jsxs("select", { value: editingRel.relationshipType, onChange: (e) => setEditingRel({ ...editingRel, relationshipType: e.target.value }), className: "w-full rounded-md border px-2 py-1.5 text-sm", children: [
-              /* @__PURE__ */ jsx("option", { value: "parent_child", children: "Parent / Child" }),
-              /* @__PURE__ */ jsx("option", { value: "requires", children: "Requires" }),
-              /* @__PURE__ */ jsx("option", { value: "excludes", children: "Excludes" })
+              /* @__PURE__ */ jsx("option", { value: "parent_child", children: t("cpq.specifications.relationships.type.parentChild", "Parent / Child") }),
+              /* @__PURE__ */ jsx("option", { value: "requires", children: t("cpq.specifications.relationships.type.requires", "Requires") }),
+              /* @__PURE__ */ jsx("option", { value: "excludes", children: t("cpq.specifications.relationships.type.excludes", "Excludes") })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Target Specification" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.relationships.fields.targetSpecification", "Target Specification") }),
             /* @__PURE__ */ jsxs("select", { value: editingRel.targetSpecId, onChange: (e) => setEditingRel({ ...editingRel, targetSpecId: e.target.value }), className: "w-full rounded-md border px-2 py-1.5 text-sm", children: [
-              /* @__PURE__ */ jsx("option", { value: "", children: "Select..." }),
+              /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.specifications.relationships.fields.selectTarget", "Select...") }),
               allSpecs.filter((s) => s.id !== specId).map((s) => /* @__PURE__ */ jsxs("option", { value: s.id, children: [
                 s.name,
                 " (",
@@ -1155,7 +1148,7 @@ function SpecificationDetailPage(props) {
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Min" }),
+              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.relationships.fields.min", "Min") }),
               /* @__PURE__ */ jsx(
                 NumberInput,
                 {
@@ -1167,7 +1160,7 @@ function SpecificationDetailPage(props) {
               )
             ] }),
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Max" }),
+              /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.relationships.fields.max", "Max") }),
               /* @__PURE__ */ jsx(
                 NumberInput,
                 {
@@ -1182,22 +1175,22 @@ function SpecificationDetailPage(props) {
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: "Condition (JSON)" }),
-          /* @__PURE__ */ jsx("textarea", { value: conditionJson, onChange: (e) => setConditionJson(e.target.value), rows: 3, className: "w-full rounded-md border px-2 py-1.5 text-sm font-mono", placeholder: 'null or {"attribute":"direction","operator":"in","value":["inbound"]}' })
+          /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium mb-1", children: t("cpq.specifications.relationships.fields.condition", "Condition (JSON)") }),
+          /* @__PURE__ */ jsx("textarea", { value: conditionJson, onChange: (e) => setConditionJson(e.target.value), rows: 3, className: "w-full rounded-md border px-2 py-1.5 text-sm font-mono", placeholder: t("cpq.specifications.relationships.fields.conditionPlaceholder", 'null or {"attribute":"direction","operator":"in","value":["inbound"]}') })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx("button", { onClick: saveRelationship, disabled: saving, 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", children: saving ? "Saving..." : "Save" }),
-          /* @__PURE__ */ jsx("button", { onClick: () => setEditingRel(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: saveRelationship, disabled: saving, 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", children: saving ? t("cpq.common.saving", "Saving...") : t("cpq.common.save", "Save") }),
+          /* @__PURE__ */ jsx("button", { onClick: () => setEditingRel(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") })
         ] })
       ] }),
-      relationships.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No relationships defined. Declare parent/child, requires, or excludes relationships with other specifications." }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+      relationships.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.specifications.relationships.empty", "No relationships defined. Declare parent/child, requires, or excludes relationships with other specifications.") }) : /* @__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: "Type" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Source" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Target" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Cardinality" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Condition" }),
-          /* @__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.specifications.relationships.columns.type", "Type") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.relationships.columns.source", "Source") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.relationships.columns.target", "Target") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.relationships.columns.cardinality", "Cardinality") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.relationships.columns.condition", "Condition") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right font-medium", children: t("cpq.specifications.relationships.columns.actions", "Actions") })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { children: relationships.map((rel) => /* @__PURE__ */ jsxs("tr", { className: "border-b", children: [
           /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(
@@ -1216,8 +1209,8 @@ function SpecificationDetailPage(props) {
           ] }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-muted-foreground text-xs", children: rel.condition ? JSON.stringify(rel.condition) : "\u2014" }),
           /* @__PURE__ */ jsxs("td", { className: "px-4 py-3 text-right", children: [
-            /* @__PURE__ */ jsx("button", { onClick: () => startEditRel(rel), className: "text-xs text-primary hover:underline mr-2", children: "Edit" }),
-            /* @__PURE__ */ jsx("button", { onClick: () => deleteRelationship(rel.id), className: "text-xs text-destructive hover:underline", children: "Delete" })
+            /* @__PURE__ */ jsx("button", { onClick: () => startEditRel(rel), className: "text-xs text-primary hover:underline mr-2", children: t("cpq.common.edit", "Edit") }),
+            /* @__PURE__ */ jsx("button", { onClick: () => deleteRelationship(rel.id), className: "text-xs text-destructive hover:underline", children: t("cpq.common.delete", "Delete") })
           ] })
         ] }, rel.id)) })
       ] }) })
@@ -1228,40 +1221,40 @@ function SpecificationDetailPage(props) {
         {
           onClick: () => setEditingSlot({ ...EMPTY_SLOT }),
           className: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90",
-          children: "+ Add Slot"
+          children: t("cpq.specifications.slots.add", "+ Add Slot")
         }
       ) }),
       editingSlot && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-6 space-y-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: editingSlot.id ? "Edit Bundle Slot" : "New Bundle Slot" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: editingSlot.id ? t("cpq.specifications.slots.form.editTitle", "Edit Bundle Slot") : t("cpq.specifications.slots.form.newTitle", "New Bundle Slot") }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Name" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.slots.fields.name", "Name") }),
             /* @__PURE__ */ jsx(
               "input",
               {
                 type: "text",
                 value: editingSlot.name,
                 onChange: (e) => setEditingSlot({ ...editingSlot, name: e.target.value }),
-                placeholder: "e.g. Internet Component",
+                placeholder: t("cpq.specifications.slots.fields.namePlaceholder", "e.g. Internet Component"),
                 className: "w-full rounded-md border px-3 py-2 text-sm"
               }
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Component Group" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.slots.fields.componentGroup", "Component Group") }),
             /* @__PURE__ */ jsx(
               "input",
               {
                 type: "text",
                 value: editingSlot.componentGroup,
                 onChange: (e) => setEditingSlot({ ...editingSlot, componentGroup: e.target.value }),
-                placeholder: "e.g. internet, tv, phone",
+                placeholder: t("cpq.specifications.slots.fields.componentGroupPlaceholder", "e.g. internet, tv, phone"),
                 className: "w-full rounded-md border px-3 py-2 text-sm"
               }
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Target Specification" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.slots.fields.targetSpecification", "Target Specification") }),
             /* @__PURE__ */ jsxs(
               "select",
               {
@@ -1269,7 +1262,7 @@ function SpecificationDetailPage(props) {
                 onChange: (e) => setEditingSlot({ ...editingSlot, targetSpecId: e.target.value }),
                 className: "w-full rounded-md border px-3 py-2 text-sm",
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 Select specification \u2014" }),
+                  /* @__PURE__ */ jsx("option", { value: "", children: t("cpq.specifications.slots.fields.selectSpecification", "\u2014 Select specification \u2014") }),
                   allSpecs.filter((s) => s.id !== specId).map((s) => /* @__PURE__ */ jsxs("option", { value: s.id, children: [
                     s.name,
                     " (",
@@ -1281,7 +1274,7 @@ function SpecificationDetailPage(props) {
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Sort Order" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.slots.fields.sortOrder", "Sort Order") }),
             /* @__PURE__ */ jsx(
               NumberInput,
               {
@@ -1292,7 +1285,7 @@ function SpecificationDetailPage(props) {
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Cardinality Min" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.slots.fields.cardinalityMin", "Cardinality Min") }),
             /* @__PURE__ */ jsx(
               NumberInput,
               {
@@ -1304,13 +1297,13 @@ function SpecificationDetailPage(props) {
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Cardinality Max" }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.slots.fields.cardinalityMax", "Cardinality Max") }),
             /* @__PURE__ */ jsx(
               NumberInput,
               {
                 integer: true,
                 min: 0,
-                placeholder: "\u221E (unlimited)",
+                placeholder: t("cpq.specifications.slots.fields.cardinalityMaxPlaceholder", "\u221E (unlimited)"),
                 value: editingSlot.cardinalityMax,
                 onChange: (n) => setEditingSlot({ ...editingSlot, cardinalityMax: n })
               }
@@ -1318,7 +1311,7 @@ function SpecificationDetailPage(props) {
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: "Description" }),
+          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: t("cpq.specifications.slots.fields.description", "Description") }),
           /* @__PURE__ */ jsx(
             "textarea",
             {
@@ -1346,7 +1339,7 @@ function SpecificationDetailPage(props) {
                   });
                   if (!res.ok) {
                     const d = await res.json();
-                    setError(d.error ?? "Failed to save slot");
+                    setError(d.error ?? t("cpq.specifications.slots.error.save", "Failed to save slot"));
                     return;
                   }
                   setEditingSlot(null);
@@ -1356,14 +1349,14 @@ function SpecificationDetailPage(props) {
                     setBundleSlots(d.items ?? []);
                   }
                 } catch {
-                  setError("Failed to save slot");
+                  setError(t("cpq.specifications.slots.error.save", "Failed to save slot"));
                 } finally {
                   setSaving(false);
                 }
               },
               disabled: saving || !editingSlot.name || !editingSlot.componentGroup || !editingSlot.targetSpecId,
               className: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
-              children: saving ? "Saving..." : editingSlot.id ? "Update" : "Create"
+              children: saving ? t("cpq.common.saving", "Saving...") : editingSlot.id ? t("cpq.specifications.slots.form.update", "Update") : t("cpq.specifications.slots.form.create", "Create")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -1371,27 +1364,27 @@ function SpecificationDetailPage(props) {
             {
               onClick: () => setEditingSlot(null),
               className: "inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted",
-              children: "Cancel"
+              children: t("cpq.common.cancel", "Cancel")
             }
           )
         ] })
       ] }),
-      bundleSlots.length === 0 && !editingSlot ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No bundle slots defined yet. Add slots to define what component specifications can fill this bundle." }) : bundleSlots.length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border overflow-hidden", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+      bundleSlots.length === 0 && !editingSlot ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.specifications.slots.empty", "No bundle slots defined yet. Add slots to define what component specifications can fill this bundle.") }) : bundleSlots.length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded-lg border overflow-hidden", 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: "Name" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Group" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Target Spec" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Cardinality" }),
-          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: "Order" }),
-          /* @__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.specifications.slots.columns.name", "Name") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.slots.columns.group", "Group") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.slots.columns.targetSpec", "Target Spec") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.slots.columns.cardinality", "Cardinality") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left font-medium", children: t("cpq.specifications.slots.columns.order", "Order") }),
+          /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-right font-medium", children: t("cpq.specifications.slots.columns.actions", "Actions") })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { children: bundleSlots.map((slot) => /* @__PURE__ */ jsxs("tr", { className: "border-b", children: [
           /* @__PURE__ */ jsx("td", { className: "px-4 py-3 font-medium", children: slot.name }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsx(Tag, { variant: "info", children: slot.componentGroup }) }),
           /* @__PURE__ */ jsx("td", { className: "px-4 py-3 text-sm", children: slot.targetSpec ? /* @__PURE__ */ jsxs("span", { children: [
             slot.targetSpec.name,
-            slot.targetSpec.specType === "bundle" && /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "ml-1 px-1.5 text-[10px]", children: "bundle" })
-          ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Unknown" }) }),
+            slot.targetSpec.specType === "bundle" && /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "ml-1 px-1.5 text-[10px]", children: t("cpq.specifications.slots.tag.bundle", "bundle") })
+          ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("cpq.specifications.slots.unknown", "Unknown") }) }),
           /* @__PURE__ */ jsxs("td", { className: "px-4 py-3 text-muted-foreground", children: [
             slot.cardinalityMin,
             "..",
@@ -1413,14 +1406,14 @@ function SpecificationDetailPage(props) {
                   sortOrder: slot.sortOrder
                 }),
                 className: "text-xs text-primary hover:underline mr-2",
-                children: "Edit"
+                children: t("cpq.common.edit", "Edit")
               }
             ),
             /* @__PURE__ */ jsx(
               "button",
               {
                 onClick: async () => {
-                  if (!confirm("Delete this bundle slot?")) return;
+                  if (!confirm(t("cpq.specifications.slots.confirmDelete", "Delete this bundle slot?"))) return;
                   try {
                     const res = await fetch("/api/cpq/bundle-slots", {
                       method: "DELETE",
@@ -1431,14 +1424,14 @@ function SpecificationDetailPage(props) {
                       setBundleSlots((prev) => prev.filter((s) => s.id !== slot.id));
                     } else {
                       const d = await res.json();
-                      setError(d.error ?? "Failed to delete slot");
+                      setError(d.error ?? t("cpq.specifications.slots.error.delete", "Failed to delete slot"));
                     }
                   } catch {
-                    setError("Failed to delete slot");
+                    setError(t("cpq.specifications.slots.error.delete", "Failed to delete slot"));
                   }
                 },
                 className: "text-xs text-destructive hover:underline",
-                children: "Delete"
+                children: t("cpq.common.delete", "Delete")
               }
             )
           ] })