@dainamite/cpq 0.6.0 → 0.7.0

package/src/modules/cpq/backend/cpq/specifications/page.tsx

@@ -114,12 +114,12 @@ export default function SpecificationsListPage() {
             {row.original.name}
             {row.original.specType === 'bundle' && (
               <Tag variant="brand" className="ml-2 px-2 text-[10px]">
-                bundle
+                {t('cpq.specifications.list.tag.bundle', 'bundle')}
               </Tag>
             )}
             {row.original.isAssetizable && (
               <Tag variant="warning" className="ml-1 px-2 text-[10px]">
-                asset
+                {t('cpq.specifications.list.tag.asset', 'asset')}
               </Tag>
             )}
           </span>

package/src/modules/cpq/backend/cpq/wizards/[definitionCode]/detail/page.tsx

@@ -2,6 +2,7 @@
 import * as React from 'react'
 import { useRouter } from 'next/navigation'
 import { Alert } from '@open-mercato/ui/primitives/alert'
+import { useT, type TranslateFn } from '@open-mercato/shared/lib/i18n/context'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Tag } from '@open-mercato/ui/primitives/tag'
 import type {
@@ -11,9 +12,9 @@ import type {
   WizardApplicability,
 } from '../../../../../workflows/types'
 
-async function apiJson<T>(url: string): Promise<T> {
+async function apiJson<T>(url: string, t: TranslateFn): Promise<T> {
   const res = await fetch(url)
-  if (!res.ok) throw new Error(`API error ${res.status}`)
+  if (!res.ok) throw new Error(t('cpq.wizards.runner.errors.api', 'API error {status}', { status: res.status }))
   return res.json() as Promise<T>
 }
 
@@ -43,7 +44,8 @@ function KV({ label, children }: { label: string; children: React.ReactNode }) {
 }
 
 function JsonBlock({ data }: { data: unknown }) {
-  if (data == null) return <span className="text-xs text-muted-foreground">none</span>
+  const t = useT()
+  if (data == null) return <span className="text-xs text-muted-foreground">{t('cpq.wizards.detail.none', 'none')}</span>
   return (
     <pre className="rounded-md bg-muted/50 p-3 text-xs overflow-x-auto max-h-48">
       {JSON.stringify(data, null, 2)}
@@ -51,20 +53,24 @@ function JsonBlock({ data }: { data: unknown }) {
   )
 }
 
-function TransitionRow({ t, index }: { t: WizardTransition; index: number }) {
+function TransitionRow({ transition, index }: { transition: WizardTransition; index: number }) {
+  const t = useT()
   return (
     <div className="flex items-start gap-3 text-xs">
       <span className="font-mono text-muted-foreground w-4 shrink-0">{index + 1}.</span>
       <div className="space-y-0.5">
         <div className="flex items-center gap-2">
-          <span className="font-medium">-&gt; {t.targetStepId}</span>
-          {t.isDefault && <Badge variant="muted">default</Badge>}
-          {t.label && <span className="text-muted-foreground">({t.label})</span>}
+          <span className="font-medium">{'->'} {transition.targetStepId}</span>
+          {transition.isDefault && <Badge variant="muted">{t('cpq.wizards.detail.transitionDefault', 'default')}</Badge>}
+          {transition.label && <span className="text-muted-foreground">({transition.label})</span>}
         </div>
-        {t.condition && (
+        {transition.condition && (
           <div className="font-mono text-muted-foreground">
-            when {t.condition.field} {t.condition.operator}
-            {t.condition.value !== undefined ? ` ${JSON.stringify(t.condition.value)}` : ''}
+            {t('cpq.wizards.detail.transitionWhen', 'when {field} {operator}', {
+              field: transition.condition.field,
+              operator: transition.condition.operator,
+            })}
+            {transition.condition.value !== undefined ? ` ${JSON.stringify(transition.condition.value)}` : ''}
           </div>
         )}
       </div>
@@ -73,6 +79,7 @@ function TransitionRow({ t, index }: { t: WizardTransition; index: number }) {
 }
 
 function StepCard({ step, index }: { step: WizardStepDefinition; index: number }) {
+  const t = useT()
   const [open, setOpen] = React.useState(false)
   const configKeys = Object.keys(step.config)
 
@@ -90,7 +97,7 @@ function StepCard({ step, index }: { step: WizardStepDefinition; index: number }
           <div className="flex items-center gap-2">
             <span className="text-sm font-medium truncate">{step.title}</span>
             <Badge>{step.type}</Badge>
-            {step.isOptional && <Badge variant="muted">optional</Badge>}
+            {step.isOptional && <Badge variant="muted">{t('cpq.wizards.detail.optional', 'optional')}</Badge>}
           </div>
           {step.description && (
             <p className="text-xs text-muted-foreground truncate mt-0.5">{step.description}</p>
@@ -102,13 +109,13 @@ function StepCard({ step, index }: { step: WizardStepDefinition; index: number }
       {open && (
         <div className="border-t px-4 py-3 space-y-4">
           <div className="grid grid-cols-2 gap-4">
-            <KV label="Step ID"><span className="font-mono text-xs">{step.stepId}</span></KV>
-            <KV label="Type"><span className="font-mono text-xs">{step.type}</span></KV>
+            <KV label={t('cpq.wizards.detail.stepId', 'Step ID')}><span className="font-mono text-xs">{step.stepId}</span></KV>
+            <KV label={t('cpq.wizards.detail.type', 'Type')}><span className="font-mono text-xs">{step.type}</span></KV>
           </div>
 
           {configKeys.length > 0 && (
             <div className="space-y-1">
-              <span className="text-xs font-medium text-muted-foreground">Config</span>
+              <span className="text-xs font-medium text-muted-foreground">{t('cpq.wizards.detail.config', 'Config')}</span>
               <JsonBlock data={step.config} />
             </div>
           )}
@@ -116,23 +123,23 @@ function StepCard({ step, index }: { step: WizardStepDefinition; index: number }
           {step.transitions.length > 0 && (
             <div className="space-y-2">
               <span className="text-xs font-medium text-muted-foreground">
-                Transitions ({step.transitions.length})
+                {t('cpq.wizards.detail.transitions', 'Transitions ({count})', { count: step.transitions.length })}
               </span>
               <div className="space-y-1.5">
-                {step.transitions.map((t, i) => (
-                  <TransitionRow key={`${t.targetStepId}-${i}`} t={t} index={i} />
+                {step.transitions.map((transition, i) => (
+                  <TransitionRow key={`${transition.targetStepId}-${i}`} transition={transition} index={i} />
                 ))}
               </div>
             </div>
           )}
 
           {step.transitions.length === 0 && (
-            <div className="text-xs text-muted-foreground">No transitions (terminal step)</div>
+            <div className="text-xs text-muted-foreground">{t('cpq.wizards.detail.noTransitions', 'No transitions (terminal step)')}</div>
           )}
 
           {step.validationRules && step.validationRules.length > 0 && (
             <div className="space-y-1">
-              <span className="text-xs font-medium text-muted-foreground">Validation Rules</span>
+              <span className="text-xs font-medium text-muted-foreground">{t('cpq.wizards.detail.validationRules', 'Validation Rules')}</span>
               <JsonBlock data={step.validationRules} />
             </div>
           )}
@@ -143,16 +150,17 @@ function StepCard({ step, index }: { step: WizardStepDefinition; index: number }
 }
 
 function ApplicabilityPanel({ applicability }: { applicability: WizardApplicability | null }) {
+  const t = useT()
   if (!applicability) {
-    return <span className="text-sm text-muted-foreground">No applicability constraints</span>
+    return <span className="text-sm text-muted-foreground">{t('cpq.wizards.detail.noApplicability', 'No applicability constraints')}</span>
   }
   return (
     <div className="grid grid-cols-2 gap-4">
       {applicability.priority != null && (
-        <KV label="Priority">{applicability.priority}</KV>
+        <KV label={t('cpq.wizards.detail.priority', 'Priority')}>{applicability.priority}</KV>
       )}
       {applicability.specCodes?.length ? (
-        <KV label="Spec Codes">
+        <KV label={t('cpq.wizards.detail.specCodes', 'Spec Codes')}>
           <div className="flex flex-wrap gap-1">
             {applicability.specCodes.map((c) => (
               <span key={c} className="font-mono text-xs rounded bg-muted px-1.5 py-0.5">{c}</span>
@@ -161,7 +169,7 @@ function ApplicabilityPanel({ applicability }: { applicability: WizardApplicabil
         </KV>
       ) : null}
       {applicability.offeringCodes?.length ? (
-        <KV label="Offering Codes">
+        <KV label={t('cpq.wizards.detail.offeringCodes', 'Offering Codes')}>
           <div className="flex flex-wrap gap-1">
             {applicability.offeringCodes.map((c) => (
               <span key={c} className="font-mono text-xs rounded bg-muted px-1.5 py-0.5">{c}</span>
@@ -170,7 +178,7 @@ function ApplicabilityPanel({ applicability }: { applicability: WizardApplicabil
         </KV>
       ) : null}
       {applicability.customerSegments?.length ? (
-        <KV label="Customer Segments">
+        <KV label={t('cpq.wizards.detail.customerSegments', 'Customer Segments')}>
           <div className="flex flex-wrap gap-1">
             {applicability.customerSegments.map((c) => (
               <span key={c} className="font-mono text-xs rounded bg-muted px-1.5 py-0.5">{c}</span>
@@ -185,6 +193,7 @@ function ApplicabilityPanel({ applicability }: { applicability: WizardApplicabil
 // ─── Main Page ───────────────────────────────────────────────────
 
 export default function CpqWizardDetailPage({ params }: { params: Record<string, string | string[]> }) {
+  const t = useT()
   const router = useRouter()
   const definitionCode = params.definitionCode as string
 
@@ -200,19 +209,20 @@ export default function CpqWizardDetailPage({ params }: { params: Record<string,
       try {
         const def = await apiJson<WizardDefinitionResult>(
           `/api/cpq/wizards?code=${encodeURIComponent(definitionCode)}`,
+          t,
         )
         setDefinition(def)
       } catch (err) {
-        setError(err instanceof Error ? err.message : 'Failed to load wizard')
+        setError(err instanceof Error ? err.message : t('cpq.wizards.runner.errors.load', 'Failed to load wizard'))
       } finally {
         setLoading(false)
       }
     }
     load()
-  }, [definitionCode])
+  }, [definitionCode, t])
 
   if (loading) {
-    return <div className="text-sm text-muted-foreground">Loading...</div>
+    return <div className="text-sm text-muted-foreground">{t('cpq.common.loading', 'Loading...')}</div>
   }
 
   if (error) {
@@ -220,7 +230,7 @@ export default function CpqWizardDetailPage({ params }: { params: Record<string,
       <div className="space-y-4">
         <Alert variant="destructive">{error}</Alert>
         <button type="button" onClick={() => router.push('/backend/cpq/wizards')} className="text-sm text-muted-foreground hover:text-foreground">
-          &larr; Back to Wizards
+          ← {t('cpq.wizards.runner.backToList', 'Back to Wizards')}
         </button>
       </div>
     )
@@ -229,7 +239,7 @@ export default function CpqWizardDetailPage({ params }: { params: Record<string,
   if (!definition) {
     return (
       <div className="rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground">
-        Wizard not found.
+        {t('cpq.wizards.runner.notFound', 'Wizard not found.')}
       </div>
     )
   }
@@ -243,7 +253,7 @@ export default function CpqWizardDetailPage({ params }: { params: Record<string,
           onClick={() => router.push('/backend/cpq/wizards')}
           className="text-sm text-muted-foreground hover:text-foreground"
         >
-          &larr; All Wizards
+          ← {t('cpq.wizards.runner.allWizards', 'All Wizards')}
         </button>
       </div>
 
@@ -261,7 +271,7 @@ export default function CpqWizardDetailPage({ params }: { params: Record<string,
             items={[
               {
                 id: 'preview',
-                label: 'Preview',
+                label: t('cpq.wizards.actions.preview', 'Preview'),
                 onSelect: () => router.push(`/backend/cpq/wizards/${definitionCode}`),
               },
             ]}
@@ -270,15 +280,15 @@ export default function CpqWizardDetailPage({ params }: { params: Record<string,
       </div>
 
       {/* General Info */}
-      <Section title="General">
+      <Section title={t('cpq.wizards.detail.sections.general', 'General')}>
         <div className="rounded-lg border p-4">
           <div className="grid grid-cols-2 sm:grid-cols-4 gap-4">
-            <KV label="Code"><span className="font-mono text-xs">{definition.code}</span></KV>
-            <KV label="Version">v{definition.version}</KV>
-            <KV label="Surface">{definition.surface}</KV>
-            <KV label="Active">
+            <KV label={t('cpq.wizards.detail.code', 'Code')}><span className="font-mono text-xs">{definition.code}</span></KV>
+            <KV label={t('cpq.wizards.detail.version', 'Version')}>v{definition.version}</KV>
+            <KV label={t('cpq.wizards.detail.surface', 'Surface')}>{definition.surface}</KV>
+            <KV label={t('cpq.wizards.detail.active', 'Active')}>
               <Badge variant={definition.isActive ? 'success' : 'muted'}>
-                {definition.isActive ? 'Yes' : 'No'}
+                {definition.isActive ? t('cpq.common.yes', 'Yes') : t('cpq.common.no', 'No')}
               </Badge>
             </KV>
           </div>
@@ -286,7 +296,7 @@ export default function CpqWizardDetailPage({ params }: { params: Record<string,
       </Section>
 
       {/* Applicability */}
-      <Section title="Applicability">
+      <Section title={t('cpq.wizards.detail.sections.applicability', 'Applicability')}>
         <div className="rounded-lg border p-4">
           <ApplicabilityPanel applicability={definition.applicability} />
         </div>
@@ -294,13 +304,13 @@ export default function CpqWizardDetailPage({ params }: { params: Record<string,
 
       {/* Params Schema */}
       {definition.paramsSchema && Object.keys(definition.paramsSchema).length > 0 && (
-        <Section title="Parameters Schema">
+        <Section title={t('cpq.wizards.detail.sections.paramsSchema', 'Parameters Schema')}>
           <JsonBlock data={definition.paramsSchema} />
         </Section>
       )}
 
       {/* Steps */}
-      <Section title={`Steps (${definition.steps.length})`}>
+      <Section title={t('cpq.wizards.detail.sections.steps', 'Steps ({count})', { count: definition.steps.length })}>
         <div className="space-y-2">
           {definition.steps.map((step, i) => (
             <StepCard key={step.stepId} step={step} index={i} />
@@ -310,7 +320,7 @@ export default function CpqWizardDetailPage({ params }: { params: Record<string,
 
       {/* Metadata */}
       {definition.metadata && Object.keys(definition.metadata).length > 0 && (
-        <Section title="Metadata">
+        <Section title={t('cpq.wizards.detail.sections.metadata', 'Metadata')}>
           <JsonBlock data={definition.metadata} />
         </Section>
       )}

package/src/modules/cpq/backend/cpq/wizards/[definitionCode]/page.tsx

@@ -2,6 +2,7 @@
 import * as React from 'react'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { Alert } from '@open-mercato/ui/primitives/alert'
+import { useT, type TranslateFn } from '@open-mercato/shared/lib/i18n/context'
 import { WizardRunner } from '../../../../workflows/WizardRunner'
 import { registerBuiltInStepTypes } from '../../../../workflows/steps'
 import type { WizardDefinitionResult } from '../../../../workflows/types'
@@ -9,9 +10,9 @@ import type { WizardDefinitionResult } from '../../../../workflows/types'
 // Register built-in step types once on module load
 registerBuiltInStepTypes()
 
-async function apiJson<T>(url: string): Promise<T> {
+async function apiJson<T>(url: string, t: TranslateFn): Promise<T> {
   const res = await fetch(url)
-  if (!res.ok) throw new Error(`API error ${res.status}`)
+  if (!res.ok) throw new Error(t('cpq.wizards.runner.errors.api', 'API error {status}', { status: res.status }))
   return res.json() as Promise<T>
 }
 
@@ -30,6 +31,7 @@ function ParamsForm({
   schema: ParamsSchema
   onStart: (params: Record<string, string>) => void
 }) {
+  const t = useT()
   const properties = schema.properties ?? {}
   const requiredFields = schema.required ?? []
   const fieldNames = Object.keys(properties)
@@ -45,8 +47,8 @@ function ParamsForm({
   return (
     <div className="space-y-4">
       <div className="rounded-lg border bg-muted/30 p-4 space-y-1">
-        <h4 className="text-sm font-medium">This wizard requires input parameters</h4>
-        <p className="text-xs text-muted-foreground">Fill in the required fields before starting.</p>
+        <h4 className="text-sm font-medium">{t('cpq.wizards.runner.params.title', 'This wizard requires input parameters')}</h4>
+        <p className="text-xs text-muted-foreground">{t('cpq.wizards.runner.params.hint', 'Fill in the required fields before starting.')}</p>
       </div>
 
       <div className="space-y-3">
@@ -67,7 +69,7 @@ function ParamsForm({
                 className="w-full rounded-md border px-3 py-2 text-sm font-mono"
               />
               {prop?.format && (
-                <p className="text-xs text-muted-foreground mt-0.5">Format: {prop.format}</p>
+                <p className="text-xs text-muted-foreground mt-0.5">{t('cpq.wizards.runner.params.format', 'Format: {format}', { format: prop.format })}</p>
               )}
             </div>
           )
@@ -80,7 +82,7 @@ function ParamsForm({
         disabled={!isValid}
         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 disabled:cursor-not-allowed"
       >
-        Preview Wizard
+        {t('cpq.wizards.runner.params.start', 'Preview Wizard')}
       </button>
     </div>
   )
@@ -89,6 +91,7 @@ function ParamsForm({
 // ─── Main page ──────────────────────────────────────────────────
 
 export default function CpqWizardRunnerPage({ params }: { params: Record<string, string | string[]> }) {
+  const t = useT()
   const router = useRouter()
   const searchParams = useSearchParams()
   const definitionCode = params.definitionCode as string
@@ -114,7 +117,7 @@ export default function CpqWizardRunnerPage({ params }: { params: Record<string,
   React.useEffect(() => {
     async function load() {
       if (!definitionCode || definitionCode === 'undefined') {
-        setError('Invalid wizard definition code')
+        setError(t('cpq.wizards.runner.errors.invalidCode', 'Invalid wizard definition code'))
         setLoading(false)
         return
       }
@@ -123,6 +126,7 @@ export default function CpqWizardRunnerPage({ params }: { params: Record<string,
       try {
         const def = await apiJson<WizardDefinitionResult>(
           `/api/cpq/wizards?code=${encodeURIComponent(definitionCode)}`,
+          t,
         )
         setDefinition(def)
 
@@ -133,13 +137,13 @@ export default function CpqWizardRunnerPage({ params }: { params: Record<string,
           setStarted(true)
         }
       } catch (err) {
-        setError(err instanceof Error ? err.message : 'Failed to load wizard')
+        setError(err instanceof Error ? err.message : t('cpq.wizards.runner.errors.load', 'Failed to load wizard'))
       } finally {
         setLoading(false)
       }
     }
     load()
-  }, [definitionCode, queryParams])
+  }, [definitionCode, queryParams, t])
 
   const handleComplete = React.useCallback((stepData: Record<string, Record<string, unknown>>) => {
     // Check for orderId first (e.g. purchasing wizard creates an order)
@@ -164,7 +168,7 @@ export default function CpqWizardRunnerPage({ params }: { params: Record<string,
   }, [])
 
   if (loading) {
-    return <div className="text-sm text-muted-foreground">Loading wizard...</div>
+    return <div className="text-sm text-muted-foreground">{t('cpq.wizards.runner.loading', 'Loading wizard...')}</div>
   }
 
   if (error) {
@@ -176,7 +180,7 @@ export default function CpqWizardRunnerPage({ params }: { params: Record<string,
           onClick={() => router.push('/backend/cpq/wizards')}
           className="inline-flex items-center justify-center rounded-md border px-4 py-2 text-sm font-medium hover:bg-muted"
         >
-          Back to Wizards
+          {t('cpq.wizards.runner.backToList', 'Back to Wizards')}
         </button>
       </div>
     )
@@ -185,7 +189,7 @@ export default function CpqWizardRunnerPage({ params }: { params: Record<string,
   if (!definition) {
     return (
       <div className="rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground">
-        Wizard not found.
+        {t('cpq.wizards.runner.notFound', 'Wizard not found.')}
       </div>
     )
   }
@@ -202,7 +206,7 @@ export default function CpqWizardRunnerPage({ params }: { params: Record<string,
           onClick={() => router.push('/backend/cpq/wizards')}
           className="text-sm text-muted-foreground hover:text-foreground"
         >
-          &larr; All Wizards
+          ← {t('cpq.wizards.runner.allWizards', 'All Wizards')}
         </button>
       </div>
 

package/src/modules/cpq/backend/cpq/wizards/page.tsx

@@ -95,7 +95,7 @@ export default function CpqWizardsPage() {
         header: t('cpq.wizards.table.active', 'Active'),
         cell: ({ row }) => (
           <Tag variant={row.original.isActive ? 'success' : 'neutral'} dot>
-            {row.original.isActive ? 'Yes' : 'No'}
+            {row.original.isActive ? t('cpq.common.yes', 'Yes') : t('cpq.common.no', 'No')}
           </Tag>
         ),
       },

package/src/modules/cpq/components/ArcLineDiff.tsx

@@ -39,8 +39,8 @@ export function ArcLineDiff({ line, currency }: { line: ArcDiffLine; currency: s
   const isCancel = line.action === 'cancel'
   const rows: Array<{ label: string; before: number; after: number; asCurrency: boolean }> = [
     { label: t('cpq.arc.diff.quantity', 'Quantity'), before: src.quantity, after: isCancel ? 0 : line.quantity, asCurrency: false },
-    { label: 'MRC', before: src.mrcAmount, after: isCancel ? 0 : line.mrcTotal, asCurrency: true },
-    { label: 'NRC', before: src.nrcAmount, after: isCancel ? 0 : line.nrcTotal, asCurrency: true },
+    { label: t('cpq.arc.diff.mrc', 'MRC'), before: src.mrcAmount, after: isCancel ? 0 : line.mrcTotal, asCurrency: true },
+    { label: t('cpq.arc.diff.nrc', 'NRC'), before: src.nrcAmount, after: isCancel ? 0 : line.nrcTotal, asCurrency: true },
   ]
   const fmtVal = (value: number, asCurrency: boolean) => (asCurrency ? formatMoney(value, currency) : String(value))
 

package/src/modules/cpq/components/ChargeBreakdownTable.tsx

@@ -94,7 +94,9 @@ export function ChargeBreakdownTable<C extends ChargeRowView>({
                   <span>{c.chargeName}</span>
                   {errors.length > 0 && (
                     <Tag variant="warning" className="ml-1.5 px-1.5 text-xs" data-testid="cpq-adjustment-invalid">
-                      {t('cpq.priceAdjustments.invalid', 'Invalid')}: {t(`cpq.priceAdjustments.errors.${errors[0].code}`, ADJUSTMENT_ERROR_FALLBACKS[errors[0].code] ?? errors[0].code)}
+                      {t('cpq.priceAdjustments.invalidReason', 'Invalid: {reason}', {
+                        reason: t(`cpq.priceAdjustments.errors.${errors[0].code}`, ADJUSTMENT_ERROR_FALLBACKS[errors[0].code] ?? errors[0].code),
+                      })}
                     </Tag>
                   )}
                 </td>
@@ -149,7 +151,7 @@ function ChargePricingDetail({ charge: c, currency, reasonLabels, renderManualAc
   return (
     <div className="rounded border bg-background p-3 space-y-3 text-xs">
       <div className="flex items-center justify-between">
-        <span className="font-semibold text-sm">{t('cpq.charges.pricingDetails', 'Pricing Details')} — {c.chargeName}</span>
+        <span className="font-semibold text-sm">{t('cpq.charges.pricingDetailsFor', 'Pricing Details — {name}', { name: c.chargeName })}</span>
         <span className="text-muted-foreground">{c.pricingMethod ?? 'flat'}</span>
       </div>
 

package/src/modules/cpq/components/PriceWaterfall.tsx

@@ -73,8 +73,10 @@ export function PriceWaterfall({ charge, currency, reasonLabels, renderManualAct
             )
           }
           const source = row.kind === 'rule'
-            ? `${t('cpq.priceAdjustments.waterfall.rule', 'Price rule')}: ${row.label}`
-            : `${t('cpq.priceAdjustments.waterfall.manual', 'Negotiated')}: ${reasonLabels?.[row.reasonCode ?? ''] ?? row.reasonCode ?? row.label}`
+            ? t('cpq.priceAdjustments.waterfall.ruleSource', 'Price rule: {name}', { name: row.label })
+            : t('cpq.priceAdjustments.waterfall.manualSource', 'Negotiated: {reason}', {
+                reason: reasonLabels?.[row.reasonCode ?? ''] ?? row.reasonCode ?? row.label,
+              })
           return (
             <tr key={`${row.kind}-${index}`} className="border-t border-border/30">
               <td className="py-0.5 pl-3 text-muted-foreground">{t(`cpq.priceAdjustments.types.${row.ruleType}`, TYPE_FALLBACKS[row.ruleType] ?? row.ruleType)}</td>

package/src/modules/cpq/components/PricingSummaryCard.tsx

@@ -94,7 +94,7 @@ export function PricingSummaryCard({ summary, currency, arcDelta }: {
           <div>
             <p className="text-xs text-muted-foreground">{t('cpq.quotes.summary.usageCharges', 'Usage Charges')}</p>
             {usageCharges.map((uc, i) => (
-              <p key={i} className="text-xs mt-0.5">{uc.chargeName}: {formatMoney(uc.unitPrice, currency)}/unit</p>
+              <p key={i} className="text-xs mt-0.5">{t('cpq.quotes.summary.usageChargeLine', '{name}: {price}/unit', { name: uc.chargeName, price: formatMoney(uc.unitPrice, currency) })}</p>
             ))}
           </div>
         )}

package/src/modules/cpq/components/StatusPath.tsx

@@ -2,6 +2,7 @@
 import * as React from 'react'
 import { ChevronRight } from 'lucide-react'
 import { Tag } from '@open-mercato/ui/primitives/tag'
+import { useT } from '@open-mercato/shared/lib/i18n/context'
 import type { TagMap } from '@open-mercato/ui/primitives/tag'
 import { formatStatusLabel } from './statusMaps'
 
@@ -30,7 +31,7 @@ export function StatusPath({
   onTransition,
   allowedTransitions,
   disabled,
-  ariaLabel = 'Status path',
+  ariaLabel,
 }: {
   current: string
   /** Happy-path statuses in order. */
@@ -39,15 +40,17 @@ export function StatusPath({
   terminals?: string[]
   /** Status → Tag variant. Missing entries fall back to "neutral". */
   statusMap: Record<string, TagVariant>
-  /** Optional human labels (overrides `formatStatusLabel`). */
+  /** Optional human labels, already translated by the caller (overrides `formatStatusLabel`). */
   labels?: Record<string, string>
   /** Click handler. Omit for read-only path. */
   onTransition?: (target: string) => void
   /** If set, only these targets are clickable. Else any non-current. */
   allowedTransitions?: string[]
   disabled?: boolean
+  /** Translated accessible name; defaults to "Status path". */
   ariaLabel?: string
 }) {
+  const t = useT()
   // Build the displayed sequence. Aliases can swap into the happy
   // path slot (e.g. quote's `pre_approved` shown as `approved`). We
   // don't handle aliasing here — consumers can swap entries in
@@ -61,7 +64,7 @@ export function StatusPath({
   const interactiveMode = typeof onTransition === 'function'
 
   return (
-    <nav aria-label={ariaLabel} className="flex items-center gap-1.5 flex-wrap text-xs">
+    <nav aria-label={ariaLabel ?? t('cpq.statusPath.ariaLabel', 'Status path')} className="flex items-center gap-1.5 flex-wrap text-xs">
       {sequence.map((status, idx) => {
         const reached = currentIdx >= 0 && idx <= currentIdx
         const isCurrent = status === current
@@ -91,7 +94,7 @@ export function StatusPath({
                 type="button"
                 onClick={() => onTransition!(status)}
                 aria-current={isCurrent ? 'step' : undefined}
-                title={`Transition to ${label}`}
+                title={t('cpq.statusPath.transitionTo', 'Transition to {status}', { status: label })}
                 className={wrapperClass}
               >
                 <Tag variant={variant} dot={isCurrent} className={tagClass}>