@dainamite/cpq 0.5.0 → 0.7.0

package/dist/modules/cpq/workflows/steps/ReviewStep.js

@@ -1,17 +1,31 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect, useCallback } from "react";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 function fmt(n, currency = "USD") {
   return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(n);
 }
+function chargeTypeLabel(t, chargeType) {
+  switch (chargeType) {
+    case "nrc":
+      return t("cpq.lines.chargeType.nrc", "nrc");
+    case "mrc":
+      return t("cpq.lines.chargeType.mrc", "mrc");
+    case "usage":
+      return t("cpq.lines.chargeType.usage", "usage");
+    default:
+      return chargeType;
+  }
+}
 function ReviewStep({ config, onComplete, onBack, completedSteps, quoteId }) {
+  const t = useT();
   const [quote, setQuote] = useState(null);
   const [loading, setLoading] = useState(true);
   const [submitting, setSubmitting] = useState(false);
   const showChargeBreakdown = config.showChargeBreakdown !== false;
   const showAdjustments = config.showAdjustments !== false;
   const submitAction = config.submitAction ?? "save";
-  const submitLabel = config.submitLabel ?? "Complete";
+  const submitLabel = config.submitLabel ?? t("cpq.wizard.steps.review.complete", "Complete");
   const loadQuote = useCallback(async () => {
     if (!quoteId) {
       setLoading(false);
@@ -54,33 +68,33 @@ function ReviewStep({ config, onComplete, onBack, completedSteps, quoteId }) {
     }
   }, [quoteId, submitAction, quote, onComplete]);
   if (loading) {
-    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Loading quote summary..." });
+    return /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("cpq.wizard.steps.review.loading", "Loading quote summary...") });
   }
   if (!quote) {
-    return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "No quote data available. Please go back and configure items." });
+    return /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.wizard.steps.review.noData", "No quote data available. Please go back and configure items.") });
   }
   const { pricingSummary, lines } = quote;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
     /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-muted/30 p-4 space-y-3", children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium", children: "Quote Summary" }),
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium", children: t("cpq.wizard.steps.review.summaryTitle", "Quote Summary") }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "NRC Total" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("cpq.wizard.steps.review.nrcTotal", "NRC Total") }),
           /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: fmt(pricingSummary.nrcTotal, pricingSummary.currencyCode) })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "MRC Total" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("cpq.wizard.steps.review.mrcTotal", "MRC Total") }),
           /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: fmt(pricingSummary.mrcTotal, pricingSummary.currencyCode) })
         ] }),
         pricingSummary.discountTotal > 0 && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Discounts" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("cpq.wizard.steps.review.discounts", "Discounts") }),
           /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
             "-",
             fmt(pricingSummary.discountTotal, pricingSummary.currencyCode)
           ] })
         ] }),
         pricingSummary.surchargeTotal > 0 && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Surcharges" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("cpq.wizard.steps.review.surcharges", "Surcharges") }),
           /* @__PURE__ */ jsxs("p", { className: "text-sm", children: [
             "+",
             fmt(pricingSummary.surchargeTotal, pricingSummary.currencyCode)
@@ -89,36 +103,24 @@ function ReviewStep({ config, onComplete, onBack, completedSteps, quoteId }) {
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxs("h4", { className: "text-sm font-medium", children: [
-        "Items (",
-        lines.length,
-        ")"
-      ] }),
+      /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium", children: t("cpq.wizard.steps.review.items", "Items ({count})", { count: lines.length }) }),
       /* @__PURE__ */ jsx("div", { className: "space-y-2", children: lines.map((line) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-3 space-y-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsx("strong", { className: "text-sm", children: line.offeringName }),
-          /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
-            fmt(line.nrcTotal, pricingSummary.currencyCode),
-            " NRC / ",
-            fmt(line.mrcTotal, pricingSummary.currencyCode),
-            " MRC"
-          ] })
-        ] }),
-        line.quantity > 1 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-          "Quantity: ",
-          line.quantity
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("cpq.wizard.linePricing", "{nrc} NRC / {mrc} MRC", { nrc: fmt(line.nrcTotal, pricingSummary.currencyCode), mrc: fmt(line.mrcTotal, pricingSummary.currencyCode) }) })
         ] }),
+        line.quantity > 1 && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("cpq.wizard.steps.review.quantity", "Quantity: {quantity}", { quantity: line.quantity }) }),
         showChargeBreakdown && line.charges?.length > 0 && /* @__PURE__ */ jsx("div", { className: "rounded border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
           /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/30", children: [
-            /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 text-left font-medium", children: "Charge" }),
-            /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 text-left font-medium", children: "Type" }),
-            /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 text-right font-medium", children: "Price" })
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 text-left font-medium", children: t("cpq.wizard.steps.review.charges.charge", "Charge") }),
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 text-left font-medium", children: t("cpq.wizard.steps.review.charges.type", "Type") }),
+            /* @__PURE__ */ jsx("th", { className: "px-3 py-1.5 text-right font-medium", children: t("cpq.wizard.steps.review.charges.price", "Price") })
           ] }) }),
           /* @__PURE__ */ jsx("tbody", { children: line.charges.map((charge) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
             /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
               /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5", children: charge.chargeName }),
-              /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 uppercase", children: charge.chargeType }),
-              /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 text-right", children: charge.totalPrice != null ? fmt(charge.totalPrice, charge.currencyCode) : `${fmt(charge.unitPrice, charge.currencyCode)}/unit` })
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 uppercase", children: chargeTypeLabel(t, charge.chargeType) }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 text-right", children: charge.totalPrice != null ? fmt(charge.totalPrice, charge.currencyCode) : t("cpq.lines.perUnit", "{price}/unit", { price: fmt(charge.unitPrice, charge.currencyCode) }) })
             ] }),
             showAdjustments && charge.adjustments?.map((adj) => /* @__PURE__ */ jsxs("tr", { className: "text-[11px] text-muted-foreground", children: [
               /* @__PURE__ */ jsx("td", { colSpan: 2, className: "px-3 py-0.5 pl-6", children: adj.ruleName }),
@@ -132,7 +134,7 @@ function ReviewStep({ config, onComplete, onBack, completedSteps, quoteId }) {
       ] }, line.lineId)) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex gap-2 justify-end pt-2", children: [
-      completedSteps.length > 0 && /* @__PURE__ */ jsx("button", { type: "button", onClick: onBack, className: "inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted", children: "Back" }),
+      completedSteps.length > 0 && /* @__PURE__ */ jsx("button", { type: "button", onClick: onBack, className: "inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted", children: t("cpq.common.back", "Back") }),
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -140,7 +142,7 @@ function ReviewStep({ config, onComplete, onBack, completedSteps, quoteId }) {
           onClick: handleSubmit,
           disabled: submitting,
           className: "inline-flex items-center justify-center rounded-md bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50",
-          children: submitting ? "Submitting..." : submitLabel
+          children: submitting ? t("cpq.wizard.steps.review.submitting", "Submitting...") : submitLabel
         }
       )
     ] })

package/dist/modules/cpq/workflows/steps/ReviewStep.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/cpq/workflows/steps/ReviewStep.tsx"],
-  "sourcesContent": ["'use client'\n\nimport React, { useState, useEffect, useCallback } from 'react'\nimport type { WizardStepProps } from '../types'\n\ntype ResolvedCharge = {\n  chargeCode: string\n  chargeName: string\n  chargeType: string\n  unitPrice: number\n  totalPrice: number | null\n  currencyCode: string\n  adjustments?: Array<{\n    ruleCode: string\n    ruleName: string\n    ruleType: string\n    delta: number\n  }> | null\n}\n\ntype QuoteLine = {\n  lineId: string\n  offeringName: string\n  quantity: number\n  nrcTotal: number\n  mrcTotal: number\n  charges: ResolvedCharge[]\n  isConfigured: boolean\n}\n\ntype QuoteData = {\n  id: string\n  quoteNumber: string\n  cpqStatus: string\n  currencyCode: string\n  pricingSummary: {\n    nrcTotal: number\n    mrcTotal: number\n    discountTotal: number\n    surchargeTotal: number\n    currencyCode: string\n  }\n  lines: QuoteLine[]\n}\n\nfunction fmt(n: number, currency = 'USD') {\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(n)\n}\n\nexport function ReviewStep({ config, onComplete, onBack, completedSteps, quoteId }: WizardStepProps) {\n  const [quote, setQuote] = useState<QuoteData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [submitting, setSubmitting] = useState(false)\n\n  const showChargeBreakdown = config.showChargeBreakdown !== false\n  const showAdjustments = config.showAdjustments !== false\n  const submitAction = (config.submitAction as string) ?? 'save'\n  const submitLabel = (config.submitLabel as string) ?? 'Complete'\n\n  const loadQuote = useCallback(async () => {\n    if (!quoteId) { setLoading(false); return }\n    setLoading(true)\n    try {\n      const res = await fetch(`/api/cpq/quotes/${quoteId}`)\n      if (res.ok) {\n        setQuote(await res.json())\n      }\n    } finally {\n      setLoading(false)\n    }\n  }, [quoteId])\n\n  useEffect(() => { loadQuote() }, [loadQuote])\n\n  const handleSubmit = useCallback(async () => {\n    setSubmitting(true)\n    try {\n      if (quoteId && submitAction !== 'none') {\n        const targetStatus =\n          submitAction === 'submit_for_approval' ? 'in_approval'\n          : submitAction === 'send_to_customer' ? 'with_customer'\n          : undefined\n\n        if (targetStatus) {\n          await fetch(`/api/cpq/quotes/${quoteId}/status`, {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ targetStatus }),\n          })\n        }\n      }\n\n      onComplete({\n        quoteId,\n        action: submitAction,\n        nrcTotal: quote?.pricingSummary.nrcTotal ?? 0,\n        mrcTotal: quote?.pricingSummary.mrcTotal ?? 0,\n      })\n    } finally {\n      setSubmitting(false)\n    }\n  }, [quoteId, submitAction, quote, onComplete])\n\n  if (loading) {\n    return <div className=\"text-sm text-muted-foreground\">Loading quote summary...</div>\n  }\n\n  if (!quote) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n        No quote data available. Please go back and configure items.\n      </div>\n    )\n  }\n\n  const { pricingSummary, lines } = quote\n\n  return (\n    <div className=\"space-y-5\">\n      {/* Quote summary */}\n      <div className=\"rounded-lg border bg-muted/30 p-4 space-y-3\">\n        <h4 className=\"text-sm font-medium\">Quote Summary</h4>\n        <div className=\"grid grid-cols-2 gap-4\">\n          <div>\n            <span className=\"text-xs text-muted-foreground\">NRC Total</span>\n            <p className=\"text-lg font-semibold\">{fmt(pricingSummary.nrcTotal, pricingSummary.currencyCode)}</p>\n          </div>\n          <div>\n            <span className=\"text-xs text-muted-foreground\">MRC Total</span>\n            <p className=\"text-lg font-semibold\">{fmt(pricingSummary.mrcTotal, pricingSummary.currencyCode)}</p>\n          </div>\n          {pricingSummary.discountTotal > 0 && (\n            <div>\n              <span className=\"text-xs text-muted-foreground\">Discounts</span>\n              <p className=\"text-sm\">-{fmt(pricingSummary.discountTotal, pricingSummary.currencyCode)}</p>\n            </div>\n          )}\n          {pricingSummary.surchargeTotal > 0 && (\n            <div>\n              <span className=\"text-xs text-muted-foreground\">Surcharges</span>\n              <p className=\"text-sm\">+{fmt(pricingSummary.surchargeTotal, pricingSummary.currencyCode)}</p>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Line items */}\n      <div className=\"space-y-3\">\n        <h4 className=\"text-sm font-medium\">Items ({lines.length})</h4>\n        <div className=\"space-y-2\">\n          {lines.map((line) => (\n            <div key={line.lineId} className=\"rounded-lg border p-3 space-y-2\">\n              <div className=\"flex items-center justify-between\">\n                <strong className=\"text-sm\">{line.offeringName}</strong>\n                <span className=\"text-sm\">\n                  {fmt(line.nrcTotal, pricingSummary.currencyCode)} NRC / {fmt(line.mrcTotal, pricingSummary.currencyCode)} MRC\n                </span>\n              </div>\n              {line.quantity > 1 && (\n                <span className=\"text-xs text-muted-foreground\">Quantity: {line.quantity}</span>\n              )}\n\n              {showChargeBreakdown && line.charges?.length > 0 && (\n                <div className=\"rounded border\">\n                  <table className=\"w-full text-xs\">\n                    <thead>\n                      <tr className=\"border-b bg-muted/30\">\n                        <th className=\"px-3 py-1.5 text-left font-medium\">Charge</th>\n                        <th className=\"px-3 py-1.5 text-left font-medium\">Type</th>\n                        <th className=\"px-3 py-1.5 text-right font-medium\">Price</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {line.charges.map((charge) => (\n                        <React.Fragment key={charge.chargeCode}>\n                          <tr className=\"border-b last:border-0\">\n                            <td className=\"px-3 py-1.5\">{charge.chargeName}</td>\n                            <td className=\"px-3 py-1.5 uppercase\">{charge.chargeType}</td>\n                            <td className=\"px-3 py-1.5 text-right\">\n                              {charge.totalPrice != null ? fmt(charge.totalPrice, charge.currencyCode) : `${fmt(charge.unitPrice, charge.currencyCode)}/unit`}\n                            </td>\n                          </tr>\n                          {showAdjustments && charge.adjustments?.map((adj) => (\n                            <tr key={adj.ruleCode} className=\"text-[11px] text-muted-foreground\">\n                              <td colSpan={2} className=\"px-3 py-0.5 pl-6\">{adj.ruleName}</td>\n                              <td className=\"px-3 py-0.5 text-right\">\n                                {adj.delta < 0 ? '' : '+'}{fmt(adj.delta, charge.currencyCode)}\n                              </td>\n                            </tr>\n                          ))}\n                        </React.Fragment>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"flex gap-2 justify-end pt-2\">\n        {completedSteps.length > 0 && (\n          <button type=\"button\" onClick={onBack} className=\"inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted\">\n            Back\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={handleSubmit}\n          disabled={submitting}\n          className=\"inline-flex items-center justify-center rounded-md bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n        >\n          {submitting ? 'Submitting...' : submitLabel}\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport React, { useState, useEffect, useCallback } from 'react'\nimport { useT, type TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport type { WizardStepProps } from '../types'\n\ntype ResolvedCharge = {\n  chargeCode: string\n  chargeName: string\n  chargeType: string\n  unitPrice: number\n  totalPrice: number | null\n  currencyCode: string\n  adjustments?: Array<{\n    ruleCode: string\n    ruleName: string\n    ruleType: string\n    delta: number\n  }> | null\n}\n\ntype QuoteLine = {\n  lineId: string\n  offeringName: string\n  quantity: number\n  nrcTotal: number\n  mrcTotal: number\n  charges: ResolvedCharge[]\n  isConfigured: boolean\n}\n\ntype QuoteData = {\n  id: string\n  quoteNumber: string\n  cpqStatus: string\n  currencyCode: string\n  pricingSummary: {\n    nrcTotal: number\n    mrcTotal: number\n    discountTotal: number\n    surchargeTotal: number\n    currencyCode: string\n  }\n  lines: QuoteLine[]\n}\n\nfunction fmt(n: number, currency = 'USD') {\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(n)\n}\n\nfunction chargeTypeLabel(t: TranslateFn, chargeType: string): string {\n  switch (chargeType) {\n    case 'nrc':\n      return t('cpq.lines.chargeType.nrc', 'nrc')\n    case 'mrc':\n      return t('cpq.lines.chargeType.mrc', 'mrc')\n    case 'usage':\n      return t('cpq.lines.chargeType.usage', 'usage')\n    default:\n      return chargeType\n  }\n}\n\nexport function ReviewStep({ config, onComplete, onBack, completedSteps, quoteId }: WizardStepProps) {\n  const t = useT()\n  const [quote, setQuote] = useState<QuoteData | null>(null)\n  const [loading, setLoading] = useState(true)\n  const [submitting, setSubmitting] = useState(false)\n\n  const showChargeBreakdown = config.showChargeBreakdown !== false\n  const showAdjustments = config.showAdjustments !== false\n  const submitAction = (config.submitAction as string) ?? 'save'\n  const submitLabel = (config.submitLabel as string) ?? t('cpq.wizard.steps.review.complete', 'Complete')\n\n  const loadQuote = useCallback(async () => {\n    if (!quoteId) { setLoading(false); return }\n    setLoading(true)\n    try {\n      const res = await fetch(`/api/cpq/quotes/${quoteId}`)\n      if (res.ok) {\n        setQuote(await res.json())\n      }\n    } finally {\n      setLoading(false)\n    }\n  }, [quoteId])\n\n  useEffect(() => { loadQuote() }, [loadQuote])\n\n  const handleSubmit = useCallback(async () => {\n    setSubmitting(true)\n    try {\n      if (quoteId && submitAction !== 'none') {\n        const targetStatus =\n          submitAction === 'submit_for_approval' ? 'in_approval'\n          : submitAction === 'send_to_customer' ? 'with_customer'\n          : undefined\n\n        if (targetStatus) {\n          await fetch(`/api/cpq/quotes/${quoteId}/status`, {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ targetStatus }),\n          })\n        }\n      }\n\n      onComplete({\n        quoteId,\n        action: submitAction,\n        nrcTotal: quote?.pricingSummary.nrcTotal ?? 0,\n        mrcTotal: quote?.pricingSummary.mrcTotal ?? 0,\n      })\n    } finally {\n      setSubmitting(false)\n    }\n  }, [quoteId, submitAction, quote, onComplete])\n\n  if (loading) {\n    return <div className=\"text-sm text-muted-foreground\">{t('cpq.wizard.steps.review.loading', 'Loading quote summary...')}</div>\n  }\n\n  if (!quote) {\n    return (\n      <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n        {t('cpq.wizard.steps.review.noData', 'No quote data available. Please go back and configure items.')}\n      </div>\n    )\n  }\n\n  const { pricingSummary, lines } = quote\n\n  return (\n    <div className=\"space-y-5\">\n      {/* Quote summary */}\n      <div className=\"rounded-lg border bg-muted/30 p-4 space-y-3\">\n        <h4 className=\"text-sm font-medium\">{t('cpq.wizard.steps.review.summaryTitle', 'Quote Summary')}</h4>\n        <div className=\"grid grid-cols-2 gap-4\">\n          <div>\n            <span className=\"text-xs text-muted-foreground\">{t('cpq.wizard.steps.review.nrcTotal', 'NRC Total')}</span>\n            <p className=\"text-lg font-semibold\">{fmt(pricingSummary.nrcTotal, pricingSummary.currencyCode)}</p>\n          </div>\n          <div>\n            <span className=\"text-xs text-muted-foreground\">{t('cpq.wizard.steps.review.mrcTotal', 'MRC Total')}</span>\n            <p className=\"text-lg font-semibold\">{fmt(pricingSummary.mrcTotal, pricingSummary.currencyCode)}</p>\n          </div>\n          {pricingSummary.discountTotal > 0 && (\n            <div>\n              <span className=\"text-xs text-muted-foreground\">{t('cpq.wizard.steps.review.discounts', 'Discounts')}</span>\n              <p className=\"text-sm\">-{fmt(pricingSummary.discountTotal, pricingSummary.currencyCode)}</p>\n            </div>\n          )}\n          {pricingSummary.surchargeTotal > 0 && (\n            <div>\n              <span className=\"text-xs text-muted-foreground\">{t('cpq.wizard.steps.review.surcharges', 'Surcharges')}</span>\n              <p className=\"text-sm\">+{fmt(pricingSummary.surchargeTotal, pricingSummary.currencyCode)}</p>\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Line items */}\n      <div className=\"space-y-3\">\n        <h4 className=\"text-sm font-medium\">{t('cpq.wizard.steps.review.items', 'Items ({count})', { count: lines.length })}</h4>\n        <div className=\"space-y-2\">\n          {lines.map((line) => (\n            <div key={line.lineId} className=\"rounded-lg border p-3 space-y-2\">\n              <div className=\"flex items-center justify-between\">\n                <strong className=\"text-sm\">{line.offeringName}</strong>\n                <span className=\"text-sm\">\n                  {t('cpq.wizard.linePricing', '{nrc} NRC / {mrc} MRC', { nrc: fmt(line.nrcTotal, pricingSummary.currencyCode), mrc: fmt(line.mrcTotal, pricingSummary.currencyCode) })}\n                </span>\n              </div>\n              {line.quantity > 1 && (\n                <span className=\"text-xs text-muted-foreground\">{t('cpq.wizard.steps.review.quantity', 'Quantity: {quantity}', { quantity: line.quantity })}</span>\n              )}\n\n              {showChargeBreakdown && line.charges?.length > 0 && (\n                <div className=\"rounded border\">\n                  <table className=\"w-full text-xs\">\n                    <thead>\n                      <tr className=\"border-b bg-muted/30\">\n                        <th className=\"px-3 py-1.5 text-left font-medium\">{t('cpq.wizard.steps.review.charges.charge', 'Charge')}</th>\n                        <th className=\"px-3 py-1.5 text-left font-medium\">{t('cpq.wizard.steps.review.charges.type', 'Type')}</th>\n                        <th className=\"px-3 py-1.5 text-right font-medium\">{t('cpq.wizard.steps.review.charges.price', 'Price')}</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {line.charges.map((charge) => (\n                        <React.Fragment key={charge.chargeCode}>\n                          <tr className=\"border-b last:border-0\">\n                            <td className=\"px-3 py-1.5\">{charge.chargeName}</td>\n                            <td className=\"px-3 py-1.5 uppercase\">{chargeTypeLabel(t, charge.chargeType)}</td>\n                            <td className=\"px-3 py-1.5 text-right\">\n                              {charge.totalPrice != null ? fmt(charge.totalPrice, charge.currencyCode) : t('cpq.lines.perUnit', '{price}/unit', { price: fmt(charge.unitPrice, charge.currencyCode) })}\n                            </td>\n                          </tr>\n                          {showAdjustments && charge.adjustments?.map((adj) => (\n                            <tr key={adj.ruleCode} className=\"text-[11px] text-muted-foreground\">\n                              <td colSpan={2} className=\"px-3 py-0.5 pl-6\">{adj.ruleName}</td>\n                              <td className=\"px-3 py-0.5 text-right\">\n                                {adj.delta < 0 ? '' : '+'}{fmt(adj.delta, charge.currencyCode)}\n                              </td>\n                            </tr>\n                          ))}\n                        </React.Fragment>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"flex gap-2 justify-end pt-2\">\n        {completedSteps.length > 0 && (\n          <button type=\"button\" onClick={onBack} className=\"inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted\">\n            {t('cpq.common.back', 'Back')}\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={handleSubmit}\n          disabled={submitting}\n          className=\"inline-flex items-center justify-center rounded-md bg-primary px-5 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50\"\n        >\n          {submitting ? t('cpq.wizard.steps.review.submitting', 'Submitting...') : submitLabel}\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/cpq/workflows/steps/index.js

@@ -8,36 +8,48 @@ import { InventorySelectStep } from "./InventorySelectStep.js";
 function registerBuiltInStepTypes() {
   registerStepType({
     type: "customer_select",
+    labelKey: "cpq.wizard.steps.customerSelect.label",
+    descriptionKey: "cpq.wizard.steps.customerSelect.description",
     label: "Customer Selection",
     description: "Search and select a customer for the quote.",
     component: CustomerSelectStep
   });
   registerStepType({
     type: "offering_select",
+    labelKey: "cpq.wizard.steps.offeringSelect.label",
+    descriptionKey: "cpq.wizard.steps.offeringSelect.description",
     label: "Offering Selection",
     description: "Browse and select a product offering from the catalog.",
     component: OfferingSelectStep
   });
   registerStepType({
     type: "product_configure",
+    labelKey: "cpq.wizard.steps.productConfigure.label",
+    descriptionKey: "cpq.wizard.steps.productConfigure.description",
     label: "Product Configuration",
     description: "Configure run-time attributes for the selected offering.",
     component: ProductConfigureStep
   });
   registerStepType({
     type: "item_list",
+    labelKey: "cpq.wizard.steps.itemList.label",
+    descriptionKey: "cpq.wizard.steps.itemList.description",
     label: "Item List",
     description: "View and manage child items on the quote.",
     component: ItemListStep
   });
   registerStepType({
     type: "review",
+    labelKey: "cpq.wizard.steps.review.label",
+    descriptionKey: "cpq.wizard.steps.review.description",
     label: "Review & Submit",
     description: "Review the quote summary and submit.",
     component: ReviewStep
   });
   registerStepType({
     type: "inventory_select",
+    labelKey: "cpq.wizard.steps.inventorySelect.label",
+    descriptionKey: "cpq.wizard.steps.inventorySelect.description",
     label: "Inventory Selection",
     description: "Select existing customer inventory items (stub \u2014 pending inventory domain).",
     component: InventorySelectStep

package/dist/modules/cpq/workflows/steps/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/cpq/workflows/steps/index.ts"],
-  "sourcesContent": ["import { registerStepType } from '../registry'\nimport { CustomerSelectStep } from './CustomerSelectStep'\nimport { OfferingSelectStep } from './OfferingSelectStep'\nimport { ProductConfigureStep } from './ProductConfigureStep'\nimport { ItemListStep } from './ItemListStep'\nimport { ReviewStep } from './ReviewStep'\nimport { InventorySelectStep } from './InventorySelectStep'\n\nexport function registerBuiltInStepTypes() {\n  registerStepType({\n    type: 'customer_select',\n    label: 'Customer Selection',\n    description: 'Search and select a customer for the quote.',\n    component: CustomerSelectStep,\n  })\n\n  registerStepType({\n    type: 'offering_select',\n    label: 'Offering Selection',\n    description: 'Browse and select a product offering from the catalog.',\n    component: OfferingSelectStep,\n  })\n\n  registerStepType({\n    type: 'product_configure',\n    label: 'Product Configuration',\n    description: 'Configure run-time attributes for the selected offering.',\n    component: ProductConfigureStep,\n  })\n\n  registerStepType({\n    type: 'item_list',\n    label: 'Item List',\n    description: 'View and manage child items on the quote.',\n    component: ItemListStep,\n  })\n\n  registerStepType({\n    type: 'review',\n    label: 'Review & Submit',\n    description: 'Review the quote summary and submit.',\n    component: ReviewStep,\n  })\n\n  registerStepType({\n    type: 'inventory_select',\n    label: 'Inventory Selection',\n    description: 'Select existing customer inventory items (stub \u2014 pending inventory domain).',\n    component: InventorySelectStep,\n  })\n}\n"],
-  "mappings": "AAAA,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAE7B,SAAS,2BAA2B;AACzC,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AACH;",
+  "sourcesContent": ["import { registerStepType } from '../registry'\nimport { CustomerSelectStep } from './CustomerSelectStep'\nimport { OfferingSelectStep } from './OfferingSelectStep'\nimport { ProductConfigureStep } from './ProductConfigureStep'\nimport { ItemListStep } from './ItemListStep'\nimport { ReviewStep } from './ReviewStep'\nimport { InventorySelectStep } from './InventorySelectStep'\n\nexport function registerBuiltInStepTypes() {\n  registerStepType({\n    type: 'customer_select',\n    labelKey: 'cpq.wizard.steps.customerSelect.label',\n    descriptionKey: 'cpq.wizard.steps.customerSelect.description',\n    label: 'Customer Selection',\n    description: 'Search and select a customer for the quote.',\n    component: CustomerSelectStep,\n  })\n\n  registerStepType({\n    type: 'offering_select',\n    labelKey: 'cpq.wizard.steps.offeringSelect.label',\n    descriptionKey: 'cpq.wizard.steps.offeringSelect.description',\n    label: 'Offering Selection',\n    description: 'Browse and select a product offering from the catalog.',\n    component: OfferingSelectStep,\n  })\n\n  registerStepType({\n    type: 'product_configure',\n    labelKey: 'cpq.wizard.steps.productConfigure.label',\n    descriptionKey: 'cpq.wizard.steps.productConfigure.description',\n    label: 'Product Configuration',\n    description: 'Configure run-time attributes for the selected offering.',\n    component: ProductConfigureStep,\n  })\n\n  registerStepType({\n    type: 'item_list',\n    labelKey: 'cpq.wizard.steps.itemList.label',\n    descriptionKey: 'cpq.wizard.steps.itemList.description',\n    label: 'Item List',\n    description: 'View and manage child items on the quote.',\n    component: ItemListStep,\n  })\n\n  registerStepType({\n    type: 'review',\n    labelKey: 'cpq.wizard.steps.review.label',\n    descriptionKey: 'cpq.wizard.steps.review.description',\n    label: 'Review & Submit',\n    description: 'Review the quote summary and submit.',\n    component: ReviewStep,\n  })\n\n  registerStepType({\n    type: 'inventory_select',\n    labelKey: 'cpq.wizard.steps.inventorySelect.label',\n    descriptionKey: 'cpq.wizard.steps.inventorySelect.description',\n    label: 'Inventory Selection',\n    description: 'Select existing customer inventory items (stub \u2014 pending inventory domain).',\n    component: InventorySelectStep,\n  })\n}\n"],
+  "mappings": "AAAA,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAE7B,SAAS,2BAA2B;AACzC,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AAED,mBAAiB;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,WAAW;AAAA,EACb,CAAC;AACH;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dainamite/cpq",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Dainamite CPQ — Configure, Price, Quote engine for Open Mercato (configurable products, multi-charge pricing tables, guided quoting, customer inventory, orders).",
   "type": "module",
   "main": "./dist/modules/cpq/index.js",

package/src/modules/cpq/__integration__/TC-CPQ-ARC-012.spec.ts

@@ -0,0 +1,134 @@
+import { test, expect, type Page } from '@playwright/test'
+import { login } from '@open-mercato/core/helpers/integration/auth'
+import { getAuthToken, apiRequest } from '@open-mercato/core/helpers/integration/api'
+import {
+  seedActiveSubscription,
+  seedCustomer,
+  deleteSubscription,
+  deleteCustomer,
+  hideFloatingOverlays,
+  uniq,
+} from './_helpers/cpqArcFixtures'
+
+/**
+ * TC-CPQ-ARC-012 — Amend: removing an existing item cancels it on the subscription
+ * (manual: xd-250-arc-flow.md → "Removing an existing item on Amend / Renew quotes")
+ *
+ * Deleting a line that mirrors a live subscription item must not drop the
+ * line — activation only applies explicit line actions, so the item would
+ * silently stay active. Instead a confirmation dialog explains the effect,
+ * the line becomes a greyed-out `remove` line, the ARC summary keeps it in
+ * Current MRC but not in New MRC, and Restore brings it back. After
+ * convert + activate, the removed item is terminated and the kept one stays.
+ */
+
+type QuoteLine = { lineId: string; offeringName: string; action: string }
+type SubscriptionItem = { id: string; name: string; status: string }
+
+function lineRow(page: Page, name: string) {
+  return page.getByTestId('cpq-quote-line').filter({ hasText: name })
+}
+
+test.describe('TC-CPQ-ARC-012 — Amend: remove an existing item', () => {
+  test('confirm → remove line → MRC delta → restore → remove → activate terminates the item', async ({ page, request }) => {
+    const token = await getAuthToken(request, 'admin')
+    const customerId = await seedCustomer(request, token)
+    const keptName = `Kept Port ${uniq()}`
+    const removedName = `Removed Storage ${uniq()}`
+    const sub = await seedActiveSubscription(request, token, {
+      customerId,
+      name: 'Remove-item target',
+      items: [
+        { name: keptName, mrcAmount: 250 },
+        { name: removedName, mrcAmount: 100 },
+      ],
+    })
+
+    try {
+      await login(page, 'admin')
+
+      // 1. Amend from the subscription.
+      await page.goto(`/backend/cpq/inventory/subscriptions/${sub.id}`, { waitUntil: 'domcontentloaded' })
+      await hideFloatingOverlays(page)
+      await page.getByRole('button', { name: /^Amend$/ }).click()
+      await page.waitForURL(/\/backend\/cpq\/quotes\/[0-9a-f-]+$/, { timeout: 15_000 })
+      const quoteId = page.url().split('/').pop()!
+      await hideFloatingOverlays(page)
+
+      const removedRow = lineRow(page, removedName)
+      await expect(removedRow).toBeVisible()
+      await expect(removedRow).not.toHaveAttribute('data-removed', 'true')
+
+      // 2. Trash → confirmation dialog explains the item is cancelled. Cancel keeps the line.
+      await removedRow.getByTitle('Remove').click()
+      const dialog = page.getByRole('alertdialog')
+      await expect(dialog).toContainText(`Remove ${removedName} from the subscription?`)
+      await expect(dialog).toContainText('cancelled on the subscription')
+      await dialog.getByRole('button', { name: /^Cancel$/ }).click()
+      await expect(dialog).toBeHidden()
+      await expect(removedRow).not.toHaveAttribute('data-removed', 'true')
+
+      // 3. Confirm → the line stays as a `remove` line with a Restore action.
+      await removedRow.getByTitle('Remove').click()
+      await page.getByRole('alertdialog').getByRole('button', { name: 'Remove item' }).click()
+      await expect(removedRow).toHaveAttribute('data-removed', 'true')
+      await expect(removedRow.getByText(/^remove$/)).toBeVisible()
+      await expect(removedRow.getByTestId('cpq-line-restore')).toBeVisible()
+
+      // 4. Summary: removed item stays in Current MRC, drops out of New MRC.
+      await expect(page.getByTestId('cpq-arc-current-mrc')).toContainText('$350.00')
+      await expect(page.getByTestId('cpq-arc-new-mrc')).toContainText('$250.00')
+      await expect(page.getByTestId('cpq-arc-mrc-change')).toContainText('-$100.00')
+
+      // 5. Restore → back to a normal line; totals back to unchanged.
+      await removedRow.getByTestId('cpq-line-restore').click()
+      await expect(removedRow).not.toHaveAttribute('data-removed', 'true')
+      await expect(page.getByTestId('cpq-arc-new-mrc')).toContainText('$350.00')
+
+      // 6. Remove again for the activation leg.
+      await removedRow.getByTitle('Remove').click()
+      await page.getByRole('alertdialog').getByRole('button', { name: 'Remove item' }).click()
+      await expect(removedRow).toHaveAttribute('data-removed', 'true')
+
+      // The API agrees: one cancel line, one modify line.
+      const quoteRes = await apiRequest(request, 'GET', `/api/cpq/quotes/${quoteId}`, { token })
+      expect(quoteRes.ok()).toBeTruthy()
+      const quote = (await quoteRes.json()) as { cpqStatus: string; lines: QuoteLine[] }
+      expect(quote.lines.find((l) => l.offeringName === removedName)?.action).toBe('cancel')
+      expect(quote.lines.find((l) => l.offeringName === keptName)?.action).toBe('modify')
+
+      // 7. API — approval ladder (from wherever recalculation left the quote), convert, activate.
+      const ladder = ['ready', 'in_approval', 'approved', 'with_customer', 'accepted']
+      for (const targetStatus of ladder.slice(ladder.indexOf(quote.cpqStatus) + 1)) {
+        const res = await apiRequest(request, 'POST', `/api/cpq/quotes/${quoteId}/status`, { token, data: { targetStatus } })
+        expect(res.ok(), `transition to ${targetStatus} returned ${res.status()}: ${await res.text()}`).toBeTruthy()
+      }
+      const convertRes = await apiRequest(request, 'POST', '/api/cpq/orders', { token, data: { quoteId } })
+      expect(convertRes.ok(), `convert returned ${convertRes.status()}: ${await convertRes.text()}`).toBeTruthy()
+      const order = (await convertRes.json()) as { id: string }
+
+      // The order page mirrors the quote: same ARC summary, removed line marked "remove".
+      await page.goto(`/backend/cpq/orders/${order.id}`, { waitUntil: 'domcontentloaded' })
+      await hideFloatingOverlays(page)
+      await expect(page.getByTestId('cpq-pricing-summary')).toBeVisible()
+      await expect(page.getByTestId('cpq-arc-current-mrc')).toContainText('$350.00')
+      await expect(page.getByTestId('cpq-arc-new-mrc')).toContainText('$250.00')
+      const removedOrderLine = page.getByTestId('cpq-order-line').filter({ hasText: removedName })
+      await expect(removedOrderLine).toHaveAttribute('data-removed', 'true')
+      await expect(removedOrderLine.getByText(/^remove$/)).toBeVisible()
+      const activateRes = await apiRequest(request, 'POST', `/api/cpq/orders/${order.id}/activate`, { token })
+      expect(activateRes.ok(), `activate returned ${activateRes.status()}: ${await activateRes.text()}`).toBeTruthy()
+
+      // 8. The removed item is terminated; the other one is untouched.
+      const itemsRes = await apiRequest(request, 'GET', `/api/cpq/inventory/subscription-items?subscriptionId=${sub.id}`, { token })
+      expect(itemsRes.ok()).toBeTruthy()
+      const body = (await itemsRes.json()) as SubscriptionItem[] | { items: SubscriptionItem[] }
+      const items = Array.isArray(body) ? body : body.items
+      expect(items.find((i) => i.name === removedName)?.status).toBe('terminated')
+      expect(items.find((i) => i.name === keptName)?.status).toBe('active')
+    } finally {
+      await deleteSubscription(request, token, sub.id).catch(() => undefined)
+      await deleteCustomer(request, token, customerId).catch(() => undefined)
+    }
+  })
+})

package/src/modules/cpq/__tests__/i18n/dictionaries.test.ts

@@ -0,0 +1,62 @@
+import { readdirSync, readFileSync } from 'fs'
+import { join } from 'path'
+import { MODULE_ROOT, collectTranslationKeys, listSourceFiles } from './sourceScan'
+
+/**
+ * CPQ dictionary guardrails (spec 2026-11-15-cpq-multi-language):
+ *   - every `i18n/<locale>.json` mirrors `en.json` key for key, keeps every
+ *     `{placeholder}` and has no empty value;
+ *   - every key the source uses exists in `en.json` (a missing key renders
+ *     its English fallback in every language), and every dynamic key prefix
+ *     has at least one entry;
+ *   - `en.json` carries no orphaned keys.
+ */
+
+const I18N_DIR = join(MODULE_ROOT, 'i18n')
+const load = (locale: string) => JSON.parse(readFileSync(join(I18N_DIR, `${locale}.json`), 'utf8')) as Record<string, string>
+const placeholders = (value: string) => [...value.matchAll(/\{(\w+)\}/g)].map((m) => m[1]).sort().join(',')
+
+const locales = readdirSync(I18N_DIR).filter((f) => f.endsWith('.json')).map((f) => f.replace(/\.json$/, '')).sort()
+const en = load('en')
+const enKeys = Object.keys(en)
+const translated = locales.filter((l) => l !== 'en')
+// `describe.each` rejects an empty table; en vs en is a trivially-true row.
+const parityRows = translated.length ? translated : ['en']
+const { keys: usedKeys, prefixes } = collectTranslationKeys(listSourceFiles(MODULE_ROOT))
+
+describe('cpq i18n dictionaries', () => {
+  it('ships en plus the supported translations', () => {
+    expect(locales).toEqual(expect.arrayContaining(['en', 'es', 'de', 'pl']))
+  })
+
+  it('en.json is sorted by key and has no empty values', () => {
+    expect(enKeys).toEqual([...enKeys].sort())
+    expect(enKeys.filter((k) => !en[k]?.trim())).toEqual([])
+  })
+
+  it('every key used in source exists in en.json', () => {
+    expect([...usedKeys].filter((k) => !(k in en)).sort()).toEqual([])
+  })
+
+  it('every dynamic key prefix has entries in en.json', () => {
+    expect([...prefixes].filter((p) => !enKeys.some((k) => k.startsWith(p))).sort()).toEqual([])
+  })
+
+  it('en.json has no orphaned keys', () => {
+    const orphans = enKeys.filter((k) => !usedKeys.has(k) && ![...prefixes].some((p) => k.startsWith(p)))
+    expect(orphans).toEqual([])
+  })
+
+  describe.each(parityRows)('%s.json', (locale) => {
+    const dict = load(locale)
+    it('has exactly the keys of en.json, in the same order', () => {
+      expect(Object.keys(dict)).toEqual(enKeys)
+    })
+    it('keeps every {placeholder} of the English value', () => {
+      expect(enKeys.filter((k) => typeof dict[k] === 'string' && placeholders(dict[k]) !== placeholders(en[k]))).toEqual([])
+    })
+    it('has no empty values', () => {
+      expect(enKeys.filter((k) => typeof dict[k] !== 'string' || !dict[k].trim())).toEqual([])
+    })
+  })
+})

package/src/modules/cpq/__tests__/i18n/hardcodedStrings.test.ts

@@ -0,0 +1,35 @@
+import { join } from 'path'
+import { MODULE_ROOT, UI_DIRS, collectHardcodedStrings, listSourceFiles } from './sourceScan'
+
+/**
+ * No user-facing English literal may bypass `t()` in CPQ UI code
+ * (spec 2026-11-15-cpq-multi-language). Data (product / charge / customer
+ * names) is never a literal, so it is not affected.
+ *
+ * ALLOWLIST is for literals that are intentionally not translated; every
+ * entry carries a reason. Keyed by `<file>:<text>` so a moved line does not
+ * break it.
+ */
+const ALLOWLIST: Record<string, string> = {
+  // Injection-widget metadata has no `titleKey` in the framework's widget
+  // contract; the host renders `metadata.title`. Tracked as a framework gap.
+  'widgets/injection/order-cpq-tab/widget.ts:CPQ Order': 'framework: widget metadata has no titleKey',
+  'widgets/injection/customer-inventory/widget.ts:Customer Inventory': 'framework: widget metadata has no titleKey',
+  'widgets/injection/quote-configurator/widget.ts:CPQ Configuration': 'framework: widget metadata has no titleKey',
+  'widgets/injection/order-cpq-tab/widget.ts:View the CPQ order associated with this sales order':
+    'framework: widget metadata has no descriptionKey',
+  'widgets/injection/customer-inventory/widget.ts:Products and services purchased by this customer':
+    'framework: widget metadata has no descriptionKey',
+  'widgets/injection/quote-configurator/widget.ts:Configure, price, and manage quote offerings':
+    'framework: widget metadata has no descriptionKey',
+}
+
+describe('cpq UI has no hard-coded user-facing strings', () => {
+  it('routes every UI literal through t()', () => {
+    const files = UI_DIRS.flatMap((dir) => listSourceFiles(join(MODULE_ROOT, dir)))
+    const offenders = collectHardcodedStrings(files)
+      .filter((hit) => !(`${hit.file}:${hit.text}` in ALLOWLIST))
+      .map((hit) => `${hit.file}:${hit.line}  ${hit.text}`)
+    expect(offenders).toEqual([])
+  })
+})