@dainamite/cpq 0.6.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @dainamite/cpq
 
+## 0.7.0
+
+### Minor Changes
+
+- d86651d: CPQ UI in English, Spanish, German and Polish.
+
+  - **Dictionaries.** New `i18n/{en,es,de,pl}.json` (1218 keys). CPQ previously shipped no dictionaries, so every screen rendered English in every locale.
+  - **Every UI string is translatable.** Hard-coded labels in quotes, orders, the quote wizard, specifications, offerings, inventory, price rules, pricing tables, wizard definitions, shared components and the injected widgets now go through `t()`. English text is unchanged.
+  - **Own generic labels.** `cpq.common.*` replaces borrowed `common.*` keys that only some unrelated modules shipped (`common.inactive` existed nowhere).
+  - **Sales tabs translated.** The quote / order tabs on sales documents use i18n keys as `groupLabel`. The customer "Inventory" tab stays English (legacy customer pages render `groupLabel` verbatim).
+  - **Row-action messages are noun-free** (`Delete selected items ({count})?`), because a spliced entity noun can't be grammatical in ES / DE / PL. `useCpqRowActions({ entityName })` is now optional and deprecated.
+  - **API change for direct importers:** `parsePricingTableXlsx` / `commitImportDiff` take a required `t` argument, and `StatusPath`'s `ariaLabel` is optional.
+  - **Guardrails:** tests fail on a missing or orphaned key, a dropped `{placeholder}`, or a new hard-coded UI string.
+
+  No migration. After upgrading run `yarn generate` so the app picks up the dictionaries.
+
 ## 0.6.0
 
 ### Minor Changes

package/dist/modules/cpq/backend/cpq/inventory/AssetsTable.js

@@ -7,15 +7,9 @@ import { DataTable } from "@open-mercato/ui/backend/DataTable";
 import { RowActions } from "@open-mercato/ui/backend/RowActions";
 import { useCpqListData } from "../../../components/CpqListView.js";
 import { useCpqRowActions } from "../../../components/useCpqRowActions.js";
-import { StatusBadge, formatCurrency } from "./shared.js";
+import { StatusBadge, buildInventoryStatusOptions, formatCurrency } from "./shared.js";
 const PAGE_SIZE = 50;
-const ASSET_STATUS_OPTIONS = [
-  { value: "pending", label: "Pending" },
-  { value: "delivered", label: "Delivered" },
-  { value: "active", label: "Active" },
-  { value: "returned", label: "Returned" },
-  { value: "cancelled", label: "Cancelled" }
-];
+const ASSET_STATUSES = ["pending", "delivered", "active", "returned", "cancelled"];
 function buildFilterParams(values, params) {
   if (typeof values.status === "string" && values.status) {
     params.set("status", values.status);
@@ -46,7 +40,7 @@ function AssetsTable() {
         id: "status",
         label: t("cpq.inventory.filters.status", "Status"),
         type: "select",
-        options: [...ASSET_STATUS_OPTIONS]
+        options: buildInventoryStatusOptions(t, ASSET_STATUSES)
       },
       {
         id: "assetType",

package/dist/modules/cpq/backend/cpq/inventory/AssetsTable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/cpq/backend/cpq/inventory/AssetsTable.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useRouter } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { useCpqListData } from '../../../components/CpqListView'\nimport { useCpqRowActions } from '../../../components/useCpqRowActions'\nimport { StatusBadge, formatCurrency } from './shared'\n\ntype Asset = {\n  id: string\n  code: string\n  name: string\n  status: string\n  assetType: string\n  purchasePrice: number\n  currencyCode: string\n  createdAt: string\n}\n\nconst PAGE_SIZE = 50\n\nconst ASSET_STATUS_OPTIONS = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'delivered', label: 'Delivered' },\n  { value: 'active', label: 'Active' },\n  { value: 'returned', label: 'Returned' },\n  { value: 'cancelled', label: 'Cancelled' },\n] as const\n\nfunction buildFilterParams(values: FilterValues, params: URLSearchParams) {\n  if (typeof values.status === 'string' && values.status) {\n    params.set('status', values.status)\n  }\n  if (typeof values.assetType === 'string' && values.assetType.trim()) {\n    params.set('assetType', values.assetType.trim())\n  }\n}\n\nexport function AssetsTable() {\n  const t = useT()\n  const router = useRouter()\n\n  const data = useCpqListData<Asset>({\n    endpoint: '/api/cpq/inventory/assets',\n    pageSize: PAGE_SIZE,\n    buildFilterParams,\n    loadErrorMessage: t('cpq.inventory.assets.error.load', 'Failed to load assets'),\n  })\n\n  // Assets follow a `delivered \u2192 active \u2192 returned` lifecycle; deletion only\n  // makes sense before the asset is provisioned, so gate by status.\n  const rowActionsApi = useCpqRowActions<Asset>({\n    endpoint: '/api/cpq/inventory/assets',\n    entityName: t('cpq.inventory.assets.entityName', 'asset'),\n    editHref: (row) => `/backend/cpq/inventory/assets/${row.id}`,\n    onReload: data.reload,\n    canDelete: (row) => row.status === 'pending' || row.status === 'cancelled',\n  })\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('cpq.inventory.filters.status', 'Status'),\n        type: 'select',\n        options: [...ASSET_STATUS_OPTIONS],\n      },\n      {\n        id: 'assetType',\n        label: t('cpq.inventory.filters.assetType', 'Asset Type'),\n        type: 'text',\n      },\n    ],\n    [t],\n  )\n\n  const columns = React.useMemo<ColumnDef<Asset>[]>(\n    () => [\n      {\n        accessorKey: 'code',\n        header: t('cpq.inventory.assets.table.code', 'Code'),\n        cell: ({ row }) => <span className=\"text-muted-foreground\">{row.original.code}</span>,\n      },\n      {\n        accessorKey: 'name',\n        header: t('cpq.inventory.assets.table.name', 'Name'),\n        cell: ({ row }) => <span className=\"font-medium text-primary\">{row.original.name}</span>,\n      },\n      {\n        accessorKey: 'assetType',\n        header: t('cpq.inventory.assets.table.type', 'Type'),\n      },\n      {\n        accessorKey: 'status',\n        header: t('cpq.inventory.assets.table.status', 'Status'),\n        cell: ({ row }) => <StatusBadge status={row.original.status} />,\n      },\n      {\n        accessorKey: 'purchasePrice',\n        header: t('cpq.inventory.assets.table.price', 'Price'),\n        cell: ({ row }) => (\n          <span className=\"font-mono\">\n            {formatCurrency(row.original.purchasePrice, row.original.currencyCode || 'USD')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('cpq.inventory.assets.table.created', 'Created'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.createdAt ? new Date(row.original.createdAt).toLocaleDateString() : '\u2014'}\n          </span>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <>\n      {rowActionsApi.ConfirmDialogElement}\n      <DataTable<Asset>\n      title={t('cpq.inventory.assets', 'Assets')}\n      refreshButton={{\n        label: t('cpq.inventory.actions.refresh', 'Refresh'),\n        onRefresh: data.reload,\n        isRefreshing: data.isLoading,\n      }}\n      columns={columns}\n      data={data.rows}\n      searchValue={data.search}\n      onSearchChange={data.setSearch}\n      searchPlaceholder={t('cpq.inventory.assets.search.placeholder', 'Search assets...')}\n      filters={filters}\n      filterValues={data.filterValues}\n      onFiltersApply={data.setFilterValues}\n      onFiltersClear={data.clearFilters}\n      sorting={data.sorting}\n      onSortingChange={data.setSorting}\n      onRowClick={(row) => router.push(`/backend/cpq/inventory/assets/${row.id}`)}\n      rowActions={(row) => <RowActions items={rowActionsApi.buildItems(row)} />}\n      perspective={{ tableId: 'cpq.inventory.assets.list' }}\n      columnChooser={{ auto: true }}\n      pagination={{\n        page: data.page,\n        pageSize: PAGE_SIZE,\n        total: data.total,\n        totalPages: data.totalPages,\n        onPageChange: data.setPage,\n        durationMs: data.durationMs,\n      }}\n      isLoading={data.isLoading}\n      emptyState={\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n          {t('cpq.inventory.assets.empty', 'No assets found.')}\n        </div>\n      }\n    />\n    </>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useRouter } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { useCpqListData } from '../../../components/CpqListView'\nimport { useCpqRowActions } from '../../../components/useCpqRowActions'\nimport { StatusBadge, buildInventoryStatusOptions, formatCurrency } from './shared'\n\ntype Asset = {\n  id: string\n  code: string\n  name: string\n  status: string\n  assetType: string\n  purchasePrice: number\n  currencyCode: string\n  createdAt: string\n}\n\nconst PAGE_SIZE = 50\n\nconst ASSET_STATUSES = ['pending', 'delivered', 'active', 'returned', 'cancelled'] as const\n\nfunction buildFilterParams(values: FilterValues, params: URLSearchParams) {\n  if (typeof values.status === 'string' && values.status) {\n    params.set('status', values.status)\n  }\n  if (typeof values.assetType === 'string' && values.assetType.trim()) {\n    params.set('assetType', values.assetType.trim())\n  }\n}\n\nexport function AssetsTable() {\n  const t = useT()\n  const router = useRouter()\n\n  const data = useCpqListData<Asset>({\n    endpoint: '/api/cpq/inventory/assets',\n    pageSize: PAGE_SIZE,\n    buildFilterParams,\n    loadErrorMessage: t('cpq.inventory.assets.error.load', 'Failed to load assets'),\n  })\n\n  // Assets follow a `delivered \u2192 active \u2192 returned` lifecycle; deletion only\n  // makes sense before the asset is provisioned, so gate by status.\n  const rowActionsApi = useCpqRowActions<Asset>({\n    endpoint: '/api/cpq/inventory/assets',\n    entityName: t('cpq.inventory.assets.entityName', 'asset'),\n    editHref: (row) => `/backend/cpq/inventory/assets/${row.id}`,\n    onReload: data.reload,\n    canDelete: (row) => row.status === 'pending' || row.status === 'cancelled',\n  })\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('cpq.inventory.filters.status', 'Status'),\n        type: 'select',\n        options: buildInventoryStatusOptions(t, ASSET_STATUSES),\n      },\n      {\n        id: 'assetType',\n        label: t('cpq.inventory.filters.assetType', 'Asset Type'),\n        type: 'text',\n      },\n    ],\n    [t],\n  )\n\n  const columns = React.useMemo<ColumnDef<Asset>[]>(\n    () => [\n      {\n        accessorKey: 'code',\n        header: t('cpq.inventory.assets.table.code', 'Code'),\n        cell: ({ row }) => <span className=\"text-muted-foreground\">{row.original.code}</span>,\n      },\n      {\n        accessorKey: 'name',\n        header: t('cpq.inventory.assets.table.name', 'Name'),\n        cell: ({ row }) => <span className=\"font-medium text-primary\">{row.original.name}</span>,\n      },\n      {\n        accessorKey: 'assetType',\n        header: t('cpq.inventory.assets.table.type', 'Type'),\n      },\n      {\n        accessorKey: 'status',\n        header: t('cpq.inventory.assets.table.status', 'Status'),\n        cell: ({ row }) => <StatusBadge status={row.original.status} />,\n      },\n      {\n        accessorKey: 'purchasePrice',\n        header: t('cpq.inventory.assets.table.price', 'Price'),\n        cell: ({ row }) => (\n          <span className=\"font-mono\">\n            {formatCurrency(row.original.purchasePrice, row.original.currencyCode || 'USD')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('cpq.inventory.assets.table.created', 'Created'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.createdAt ? new Date(row.original.createdAt).toLocaleDateString() : '\u2014'}\n          </span>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <>\n      {rowActionsApi.ConfirmDialogElement}\n      <DataTable<Asset>\n      title={t('cpq.inventory.assets', 'Assets')}\n      refreshButton={{\n        label: t('cpq.inventory.actions.refresh', 'Refresh'),\n        onRefresh: data.reload,\n        isRefreshing: data.isLoading,\n      }}\n      columns={columns}\n      data={data.rows}\n      searchValue={data.search}\n      onSearchChange={data.setSearch}\n      searchPlaceholder={t('cpq.inventory.assets.search.placeholder', 'Search assets...')}\n      filters={filters}\n      filterValues={data.filterValues}\n      onFiltersApply={data.setFilterValues}\n      onFiltersClear={data.clearFilters}\n      sorting={data.sorting}\n      onSortingChange={data.setSorting}\n      onRowClick={(row) => router.push(`/backend/cpq/inventory/assets/${row.id}`)}\n      rowActions={(row) => <RowActions items={rowActionsApi.buildItems(row)} />}\n      perspective={{ tableId: 'cpq.inventory.assets.list' }}\n      columnChooser={{ auto: true }}\n      pagination={{\n        page: data.page,\n        pageSize: PAGE_SIZE,\n        total: data.total,\n        totalPages: data.totalPages,\n        onPageChange: data.setPage,\n        durationMs: data.durationMs,\n      }}\n      isLoading={data.isLoading}\n      emptyState={\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n          {t('cpq.inventory.assets.empty', 'No assets found.')}\n        </div>\n      }\n    />\n    </>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/cpq/backend/cpq/inventory/SubscriptionsTable.js

@@ -14,24 +14,19 @@ import {
 } from "@open-mercato/ui/primitives/select";
 import { useCpqListData } from "../../../components/CpqListView.js";
 import { useCpqRowActions } from "../../../components/useCpqRowActions.js";
-import { StatusBadge, formatCurrency } from "./shared.js";
-const EXPIRING_WINDOWS = [
-  { value: "all", label: "All subscriptions" },
-  { value: "7", label: "Expiring in 7 days" },
-  { value: "14", label: "Expiring in 14 days" },
-  { value: "30", label: "Expiring in 30 days" },
-  { value: "60", label: "Expiring in 60 days" },
-  { value: "90", label: "Expiring in 90 days" }
-];
+import { StatusBadge, buildInventoryStatusOptions, formatCurrency } from "./shared.js";
+function buildExpiringWindows(t) {
+  return [
+    { value: "all", label: t("cpq.inventory.subscriptions.expiring.all", "All subscriptions") },
+    { value: "7", label: t("cpq.inventory.subscriptions.expiring.in7Days", "Expiring in 7 days") },
+    { value: "14", label: t("cpq.inventory.subscriptions.expiring.in14Days", "Expiring in 14 days") },
+    { value: "30", label: t("cpq.inventory.subscriptions.expiring.in30Days", "Expiring in 30 days") },
+    { value: "60", label: t("cpq.inventory.subscriptions.expiring.in60Days", "Expiring in 60 days") },
+    { value: "90", label: t("cpq.inventory.subscriptions.expiring.in90Days", "Expiring in 90 days") }
+  ];
+}
 const PAGE_SIZE = 50;
-const SUBSCRIPTION_STATUS_OPTIONS = [
-  { value: "pending", label: "Pending" },
-  { value: "active", label: "Active" },
-  { value: "suspended", label: "Suspended" },
-  { value: "terminated", label: "Terminated" },
-  { value: "expired", label: "Expired" },
-  { value: "cancelled", label: "Cancelled" }
-];
+const SUBSCRIPTION_STATUSES = ["pending", "active", "suspended", "terminated", "expired", "cancelled"];
 function buildFilterParams(values, params) {
   if (typeof values.status === "string" && values.status) {
     params.set("status", values.status);
@@ -65,7 +60,7 @@ function SubscriptionsTable() {
         id: "status",
         label: t("cpq.inventory.filters.status", "Status"),
         type: "select",
-        options: [...SUBSCRIPTION_STATUS_OPTIONS]
+        options: buildInventoryStatusOptions(t, SUBSCRIPTION_STATUSES)
       },
       {
         id: "billingCycle",
@@ -78,11 +73,11 @@ function SubscriptionsTable() {
         type: "select",
         // Pick from common renewal-watch windows. Backend caps at 365.
         options: [
-          { value: "7", label: "7 days" },
-          { value: "14", label: "14 days" },
-          { value: "30", label: "30 days" },
-          { value: "60", label: "60 days" },
-          { value: "90", label: "90 days" }
+          { value: "7", label: t("cpq.inventory.filters.days7", "7 days") },
+          { value: "14", label: t("cpq.inventory.filters.days14", "14 days") },
+          { value: "30", label: t("cpq.inventory.filters.days30", "30 days") },
+          { value: "60", label: t("cpq.inventory.filters.days60", "60 days") },
+          { value: "90", label: t("cpq.inventory.filters.days90", "90 days") }
         ]
       }
     ],
@@ -134,9 +129,10 @@ function SubscriptionsTable() {
     else delete next.expiringWithinDays;
     data.setFilterValues(next);
   };
+  const expiringWindows = React.useMemo(() => buildExpiringWindows(t), [t]);
   const expiringPicker = /* @__PURE__ */ jsxs(Select, { value: currentExpiring, onValueChange: onExpiringChange, children: [
-    /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 w-[200px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "All subscriptions" }) }),
-    /* @__PURE__ */ jsx(SelectContent, { children: EXPIRING_WINDOWS.map((w) => /* @__PURE__ */ jsx(SelectItem, { value: w.value, children: w.label }, w.value)) })
+    /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 w-[200px]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("cpq.inventory.subscriptions.expiring.all", "All subscriptions") }) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: expiringWindows.map((w) => /* @__PURE__ */ jsx(SelectItem, { value: w.value, children: w.label }, w.value)) })
   ] });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     rowActionsApi.ConfirmDialogElement,

package/dist/modules/cpq/backend/cpq/inventory/SubscriptionsTable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/cpq/backend/cpq/inventory/SubscriptionsTable.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useRouter } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useCpqListData } from '../../../components/CpqListView'\nimport { useCpqRowActions } from '../../../components/useCpqRowActions'\nimport { StatusBadge, formatCurrency } from './shared'\n\n// `all` is a sentinel value because Radix Select disallows empty strings\n// as option values. We map it back to \"no filter\" before writing to the\n// query.\nconst EXPIRING_WINDOWS = [\n  { value: 'all', label: 'All subscriptions' },\n  { value: '7', label: 'Expiring in 7 days' },\n  { value: '14', label: 'Expiring in 14 days' },\n  { value: '30', label: 'Expiring in 30 days' },\n  { value: '60', label: 'Expiring in 60 days' },\n  { value: '90', label: 'Expiring in 90 days' },\n]\n\ntype Subscription = {\n  id: string\n  code: string\n  name: string\n  status: string\n  mrcAmount: number\n  nrcAmount: number\n  billingCycle: string\n  currencyCode: string\n  startDate: string\n  currentTermEnd: string | null\n}\n\nconst PAGE_SIZE = 50\n\nconst SUBSCRIPTION_STATUS_OPTIONS = [\n  { value: 'pending', label: 'Pending' },\n  { value: 'active', label: 'Active' },\n  { value: 'suspended', label: 'Suspended' },\n  { value: 'terminated', label: 'Terminated' },\n  { value: 'expired', label: 'Expired' },\n  { value: 'cancelled', label: 'Cancelled' },\n] as const\n\nfunction buildFilterParams(values: FilterValues, params: URLSearchParams) {\n  if (typeof values.status === 'string' && values.status) {\n    params.set('status', values.status)\n  }\n  if (typeof values.billingCycle === 'string' && values.billingCycle.trim()) {\n    params.set('billingCycle', values.billingCycle.trim())\n  }\n  // Expiring window: replaces the standalone /expiring page. Save as a\n  // perspective (\"Expiring 30d\", \"Expiring 90d\", \u2026) for quick recall.\n  if (typeof values.expiringWithinDays === 'string' && values.expiringWithinDays) {\n    params.set('expiringWithinDays', values.expiringWithinDays)\n  }\n}\n\nexport function SubscriptionsTable() {\n  const t = useT()\n  const router = useRouter()\n\n  const data = useCpqListData<Subscription>({\n    endpoint: '/api/cpq/inventory/subscriptions',\n    pageSize: PAGE_SIZE,\n    buildFilterParams,\n    loadErrorMessage: t('cpq.inventory.subscriptions.error.load', 'Failed to load subscriptions'),\n  })\n\n  // Subscriptions are lifecycle-managed; deleting an active one usually means\n  // \"terminate\", which the API rejects. Allow deletion only from non-active\n  // states so the row-actions menu doesn't dangle a useless \"Delete\" item.\n  const rowActionsApi = useCpqRowActions<Subscription>({\n    endpoint: '/api/cpq/inventory/subscriptions',\n    entityName: t('cpq.inventory.subscriptions.entityName', 'subscription'),\n    editHref: (row) => `/backend/cpq/inventory/subscriptions/${row.id}`,\n    onReload: data.reload,\n    canDelete: (row) => row.status !== 'active',\n  })\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('cpq.inventory.filters.status', 'Status'),\n        type: 'select',\n        options: [...SUBSCRIPTION_STATUS_OPTIONS],\n      },\n      {\n        id: 'billingCycle',\n        label: t('cpq.inventory.filters.billingCycle', 'Billing Cycle'),\n        type: 'text',\n      },\n      {\n        id: 'expiringWithinDays',\n        label: t('cpq.inventory.filters.expiringWithinDays', 'Expiring within (days)'),\n        type: 'select',\n        // Pick from common renewal-watch windows. Backend caps at 365.\n        options: [\n          { value: '7', label: '7 days' },\n          { value: '14', label: '14 days' },\n          { value: '30', label: '30 days' },\n          { value: '60', label: '60 days' },\n          { value: '90', label: '90 days' },\n        ],\n      },\n    ],\n    [t],\n  )\n\n  const columns = React.useMemo<ColumnDef<Subscription>[]>(\n    () => [\n      {\n        accessorKey: 'code',\n        header: t('cpq.inventory.subscriptions.table.code', 'Code'),\n        cell: ({ row }) => <span className=\"text-muted-foreground\">{row.original.code}</span>,\n      },\n      {\n        accessorKey: 'name',\n        header: t('cpq.inventory.subscriptions.table.name', 'Name'),\n        cell: ({ row }) => <span className=\"font-medium text-primary\">{row.original.name}</span>,\n      },\n      {\n        accessorKey: 'status',\n        header: t('cpq.inventory.subscriptions.table.status', 'Status'),\n        cell: ({ row }) => <StatusBadge status={row.original.status} />,\n      },\n      {\n        id: 'mrc',\n        header: t('cpq.inventory.subscriptions.table.mrc', 'MRC'),\n        cell: ({ row }) => (\n          <span className=\"font-mono\">\n            {formatCurrency(row.original.mrcAmount, row.original.currencyCode || 'USD')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'billingCycle',\n        header: t('cpq.inventory.subscriptions.table.billing', 'Billing'),\n      },\n      {\n        accessorKey: 'startDate',\n        header: t('cpq.inventory.subscriptions.table.startDate', 'Start Date'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.startDate ? new Date(row.original.startDate).toLocaleDateString() : '\u2014'}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'currentTermEnd',\n        header: t('cpq.inventory.subscriptions.table.termEnd', 'Term End'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.currentTermEnd\n              ? new Date(row.original.currentTermEnd).toLocaleDateString()\n              : '\u2014'}\n          </span>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  // One-click \"Expiring within\" picker that writes into the same filter\n  // key the FilterBar uses (`expiringWithinDays`). Operators get instant\n  // access without opening the filter overlay, and the value still rides\n  // into perspectives because it's stored in `data.filterValues`.\n  const currentExpiring = typeof data.filterValues.expiringWithinDays === 'string' && data.filterValues.expiringWithinDays\n    ? data.filterValues.expiringWithinDays\n    : 'all'\n  const onExpiringChange = (value: string) => {\n    const next: FilterValues = { ...data.filterValues }\n    if (value && value !== 'all') next.expiringWithinDays = value\n    else delete next.expiringWithinDays\n    data.setFilterValues(next)\n  }\n\n  // Render the picker inline with the DataTable's title-row actions\n  // (right next to Refresh / kebab menu) so it sits flush with the\n  // card chrome instead of floating outside.\n  const expiringPicker = (\n    <Select value={currentExpiring} onValueChange={onExpiringChange}>\n      <SelectTrigger className=\"h-9 w-[200px]\">\n        <SelectValue placeholder=\"All subscriptions\" />\n      </SelectTrigger>\n      <SelectContent>\n        {EXPIRING_WINDOWS.map((w) => (\n          <SelectItem key={w.value} value={w.value}>\n            {w.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n\n  return (\n    <>\n      {rowActionsApi.ConfirmDialogElement}\n      <DataTable<Subscription>\n      title={t('cpq.inventory.subscriptions', 'Subscriptions')}\n      actions={expiringPicker}\n      refreshButton={{\n        label: t('cpq.inventory.actions.refresh', 'Refresh'),\n        onRefresh: data.reload,\n        isRefreshing: data.isLoading,\n      }}\n      columns={columns}\n      data={data.rows}\n      searchValue={data.search}\n      onSearchChange={data.setSearch}\n      searchPlaceholder={t('cpq.inventory.subscriptions.search.placeholder', 'Search subscriptions...')}\n      filters={filters}\n      filterValues={data.filterValues}\n      onFiltersApply={data.setFilterValues}\n      onFiltersClear={data.clearFilters}\n      sorting={data.sorting}\n      onSortingChange={data.setSorting}\n      onRowClick={(row) => router.push(`/backend/cpq/inventory/subscriptions/${row.id}`)}\n      rowActions={(row) => <RowActions items={rowActionsApi.buildItems(row)} />}\n      perspective={{ tableId: 'cpq.inventory.subscriptions.list' }}\n      columnChooser={{ auto: true }}\n      pagination={{\n        page: data.page,\n        pageSize: PAGE_SIZE,\n        total: data.total,\n        totalPages: data.totalPages,\n        onPageChange: data.setPage,\n        durationMs: data.durationMs,\n      }}\n      isLoading={data.isLoading}\n      emptyState={\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n          {t('cpq.inventory.subscriptions.empty', 'No subscriptions found.')}\n        </div>\n      }\n    />\n    </>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useT, type TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { useRouter } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { useCpqListData } from '../../../components/CpqListView'\nimport { useCpqRowActions } from '../../../components/useCpqRowActions'\nimport { StatusBadge, buildInventoryStatusOptions, formatCurrency } from './shared'\n\n// `all` is a sentinel value because Radix Select disallows empty strings\n// as option values. We map it back to \"no filter\" before writing to the\n// query.\nfunction buildExpiringWindows(t: TranslateFn): { value: string; label: string }[] {\n  return [\n    { value: 'all', label: t('cpq.inventory.subscriptions.expiring.all', 'All subscriptions') },\n    { value: '7', label: t('cpq.inventory.subscriptions.expiring.in7Days', 'Expiring in 7 days') },\n    { value: '14', label: t('cpq.inventory.subscriptions.expiring.in14Days', 'Expiring in 14 days') },\n    { value: '30', label: t('cpq.inventory.subscriptions.expiring.in30Days', 'Expiring in 30 days') },\n    { value: '60', label: t('cpq.inventory.subscriptions.expiring.in60Days', 'Expiring in 60 days') },\n    { value: '90', label: t('cpq.inventory.subscriptions.expiring.in90Days', 'Expiring in 90 days') },\n  ]\n}\n\ntype Subscription = {\n  id: string\n  code: string\n  name: string\n  status: string\n  mrcAmount: number\n  nrcAmount: number\n  billingCycle: string\n  currencyCode: string\n  startDate: string\n  currentTermEnd: string | null\n}\n\nconst PAGE_SIZE = 50\n\nconst SUBSCRIPTION_STATUSES = ['pending', 'active', 'suspended', 'terminated', 'expired', 'cancelled'] as const\n\nfunction buildFilterParams(values: FilterValues, params: URLSearchParams) {\n  if (typeof values.status === 'string' && values.status) {\n    params.set('status', values.status)\n  }\n  if (typeof values.billingCycle === 'string' && values.billingCycle.trim()) {\n    params.set('billingCycle', values.billingCycle.trim())\n  }\n  // Expiring window: replaces the standalone /expiring page. Save as a\n  // perspective (\"Expiring 30d\", \"Expiring 90d\", \u2026) for quick recall.\n  if (typeof values.expiringWithinDays === 'string' && values.expiringWithinDays) {\n    params.set('expiringWithinDays', values.expiringWithinDays)\n  }\n}\n\nexport function SubscriptionsTable() {\n  const t = useT()\n  const router = useRouter()\n\n  const data = useCpqListData<Subscription>({\n    endpoint: '/api/cpq/inventory/subscriptions',\n    pageSize: PAGE_SIZE,\n    buildFilterParams,\n    loadErrorMessage: t('cpq.inventory.subscriptions.error.load', 'Failed to load subscriptions'),\n  })\n\n  // Subscriptions are lifecycle-managed; deleting an active one usually means\n  // \"terminate\", which the API rejects. Allow deletion only from non-active\n  // states so the row-actions menu doesn't dangle a useless \"Delete\" item.\n  const rowActionsApi = useCpqRowActions<Subscription>({\n    endpoint: '/api/cpq/inventory/subscriptions',\n    entityName: t('cpq.inventory.subscriptions.entityName', 'subscription'),\n    editHref: (row) => `/backend/cpq/inventory/subscriptions/${row.id}`,\n    onReload: data.reload,\n    canDelete: (row) => row.status !== 'active',\n  })\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: t('cpq.inventory.filters.status', 'Status'),\n        type: 'select',\n        options: buildInventoryStatusOptions(t, SUBSCRIPTION_STATUSES),\n      },\n      {\n        id: 'billingCycle',\n        label: t('cpq.inventory.filters.billingCycle', 'Billing Cycle'),\n        type: 'text',\n      },\n      {\n        id: 'expiringWithinDays',\n        label: t('cpq.inventory.filters.expiringWithinDays', 'Expiring within (days)'),\n        type: 'select',\n        // Pick from common renewal-watch windows. Backend caps at 365.\n        options: [\n          { value: '7', label: t('cpq.inventory.filters.days7', '7 days') },\n          { value: '14', label: t('cpq.inventory.filters.days14', '14 days') },\n          { value: '30', label: t('cpq.inventory.filters.days30', '30 days') },\n          { value: '60', label: t('cpq.inventory.filters.days60', '60 days') },\n          { value: '90', label: t('cpq.inventory.filters.days90', '90 days') },\n        ],\n      },\n    ],\n    [t],\n  )\n\n  const columns = React.useMemo<ColumnDef<Subscription>[]>(\n    () => [\n      {\n        accessorKey: 'code',\n        header: t('cpq.inventory.subscriptions.table.code', 'Code'),\n        cell: ({ row }) => <span className=\"text-muted-foreground\">{row.original.code}</span>,\n      },\n      {\n        accessorKey: 'name',\n        header: t('cpq.inventory.subscriptions.table.name', 'Name'),\n        cell: ({ row }) => <span className=\"font-medium text-primary\">{row.original.name}</span>,\n      },\n      {\n        accessorKey: 'status',\n        header: t('cpq.inventory.subscriptions.table.status', 'Status'),\n        cell: ({ row }) => <StatusBadge status={row.original.status} />,\n      },\n      {\n        id: 'mrc',\n        header: t('cpq.inventory.subscriptions.table.mrc', 'MRC'),\n        cell: ({ row }) => (\n          <span className=\"font-mono\">\n            {formatCurrency(row.original.mrcAmount, row.original.currencyCode || 'USD')}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'billingCycle',\n        header: t('cpq.inventory.subscriptions.table.billing', 'Billing'),\n      },\n      {\n        accessorKey: 'startDate',\n        header: t('cpq.inventory.subscriptions.table.startDate', 'Start Date'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.startDate ? new Date(row.original.startDate).toLocaleDateString() : '\u2014'}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'currentTermEnd',\n        header: t('cpq.inventory.subscriptions.table.termEnd', 'Term End'),\n        cell: ({ row }) => (\n          <span>\n            {row.original.currentTermEnd\n              ? new Date(row.original.currentTermEnd).toLocaleDateString()\n              : '\u2014'}\n          </span>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  // One-click \"Expiring within\" picker that writes into the same filter\n  // key the FilterBar uses (`expiringWithinDays`). Operators get instant\n  // access without opening the filter overlay, and the value still rides\n  // into perspectives because it's stored in `data.filterValues`.\n  const currentExpiring = typeof data.filterValues.expiringWithinDays === 'string' && data.filterValues.expiringWithinDays\n    ? data.filterValues.expiringWithinDays\n    : 'all'\n  const onExpiringChange = (value: string) => {\n    const next: FilterValues = { ...data.filterValues }\n    if (value && value !== 'all') next.expiringWithinDays = value\n    else delete next.expiringWithinDays\n    data.setFilterValues(next)\n  }\n\n  // Render the picker inline with the DataTable's title-row actions\n  // (right next to Refresh / kebab menu) so it sits flush with the\n  // card chrome instead of floating outside.\n  const expiringWindows = React.useMemo(() => buildExpiringWindows(t), [t])\n  const expiringPicker = (\n    <Select value={currentExpiring} onValueChange={onExpiringChange}>\n      <SelectTrigger className=\"h-9 w-[200px]\">\n        <SelectValue placeholder={t('cpq.inventory.subscriptions.expiring.all', 'All subscriptions')} />\n      </SelectTrigger>\n      <SelectContent>\n        {expiringWindows.map((w) => (\n          <SelectItem key={w.value} value={w.value}>\n            {w.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n\n  return (\n    <>\n      {rowActionsApi.ConfirmDialogElement}\n      <DataTable<Subscription>\n      title={t('cpq.inventory.subscriptions', 'Subscriptions')}\n      actions={expiringPicker}\n      refreshButton={{\n        label: t('cpq.inventory.actions.refresh', 'Refresh'),\n        onRefresh: data.reload,\n        isRefreshing: data.isLoading,\n      }}\n      columns={columns}\n      data={data.rows}\n      searchValue={data.search}\n      onSearchChange={data.setSearch}\n      searchPlaceholder={t('cpq.inventory.subscriptions.search.placeholder', 'Search subscriptions...')}\n      filters={filters}\n      filterValues={data.filterValues}\n      onFiltersApply={data.setFilterValues}\n      onFiltersClear={data.clearFilters}\n      sorting={data.sorting}\n      onSortingChange={data.setSorting}\n      onRowClick={(row) => router.push(`/backend/cpq/inventory/subscriptions/${row.id}`)}\n      rowActions={(row) => <RowActions items={rowActionsApi.buildItems(row)} />}\n      perspective={{ tableId: 'cpq.inventory.subscriptions.list' }}\n      columnChooser={{ auto: true }}\n      pagination={{\n        page: data.page,\n        pageSize: PAGE_SIZE,\n        total: data.total,\n        totalPages: data.totalPages,\n        onPageChange: data.setPage,\n        durationMs: data.durationMs,\n      }}\n      isLoading={data.isLoading}\n      emptyState={\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n          {t('cpq.inventory.subscriptions.empty', 'No subscriptions found.')}\n        </div>\n      }\n    />\n    </>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -2,14 +2,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useRouter, useParams } from "next/navigation";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Alert } from "@open-mercato/ui/primitives/alert";
 import { Tag } from "@open-mercato/ui/primitives/tag";
 import { FormHeader } from "@open-mercato/ui/backend/forms";
 import {
-  assetStatusMap,
-  formatStatusLabel
+  assetStatusMap
 } from "../../../../../components/statusMaps.js";
 import { StatusPath } from "../../../../../components/StatusPath.js";
+import { buildInventoryStatusLabels, inventoryStatusLabel } from "../../shared.js";
 const ALLOWED_TRANSITIONS = {
   pending: ["delivered", "active", "cancelled"],
   delivered: ["active", "returned"],
@@ -17,17 +18,12 @@ const ALLOWED_TRANSITIONS = {
   returned: [],
   cancelled: []
 };
-const STATUS_LABELS = {
-  pending: "Pending",
-  delivered: "Delivered",
-  active: "Active",
-  returned: "Returned",
-  cancelled: "Cancelled"
-};
+const ASSET_STATUSES = ["pending", "delivered", "active", "returned", "cancelled"];
 function fmt(amount, currency) {
   return new Intl.NumberFormat("en-US", { style: "currency", currency }).format(Number(amount));
 }
 function AssetDetailPage(props) {
+  const t = useT();
   const router = useRouter();
   const urlParams = useParams();
   const assetId = props.params?.id ?? urlParams?.id;
@@ -53,7 +49,7 @@ function AssetDetailPage(props) {
         body: JSON.stringify({ id: asset.id, targetStatus })
       });
       const data = await res.json();
-      if (!res.ok) throw new Error(data?.error ?? "Status transition failed");
+      if (!res.ok) throw new Error(data?.error ?? t("cpq.inventory.assets.detail.error.transitionFailed", "Status transition failed"));
       setAsset((prev) => prev ? { ...prev, ...data } : prev);
     } catch (err) {
       setError(err.message);
@@ -66,7 +62,7 @@ function AssetDetailPage(props) {
     async function load() {
       try {
         const res = await fetch(`/api/cpq/inventory/assets?id=${assetId}`);
-        if (!res.ok) throw new Error("Asset not found");
+        if (!res.ok) throw new Error(t("cpq.inventory.assets.detail.error.notFound", "Asset not found"));
         const data = await res.json();
         if (!cancelled) {
           setAsset(data);
@@ -128,33 +124,38 @@ function AssetDetailPage(props) {
     return () => {
       cancelled = true;
     };
-  }, [assetId]);
+  }, [assetId, t]);
   if (loading) {
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-12 justify-center text-sm text-muted-foreground", children: [
       /* @__PURE__ */ jsx(Spinner, {}),
-      " Loading\u2026"
+      " ",
+      t("cpq.inventory.assets.detail.loading", "Loading\u2026")
     ] });
   }
   if (!asset) {
     return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx("button", { onClick: () => router.push("/backend/cpq/inventory"), className: "text-sm text-muted-foreground hover:text-foreground", children: "\u2190 Back" }),
+      /* @__PURE__ */ jsxs("button", { onClick: () => router.push("/backend/cpq/inventory"), className: "text-sm text-muted-foreground hover:text-foreground", children: [
+        "\u2190 ",
+        t("cpq.common.back", "Back")
+      ] }),
       error && /* @__PURE__ */ jsx(ErrorBanner, { message: error }),
-      /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: "Asset not found." })
+      /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground", children: t("cpq.inventory.assets.detail.notFound", "Asset not found.") })
     ] });
   }
   const currency = asset.currencyCode || "USD";
   const statusTransitions = ALLOWED_TRANSITIONS[asset.status] ?? [];
+  const statusLabels = buildInventoryStatusLabels(t, ASSET_STATUSES);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsx(
       FormHeader,
       {
         mode: "detail",
         backHref: "/backend/cpq/inventory",
-        backLabel: "Back to Customer Inventory",
-        entityTypeLabel: "Asset",
+        backLabel: t("cpq.inventory.detail.backToInventory", "Back to Customer Inventory"),
+        entityTypeLabel: t("cpq.inventory.assets.detail.entityType", "Asset"),
         title: asset.name,
         statusBadge: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 pt-1", children: [
-          /* @__PURE__ */ jsx(Tag, { variant: assetStatusMap[asset.status] ?? "neutral", dot: true, children: STATUS_LABELS[asset.status] ?? formatStatusLabel(asset.status) }),
+          /* @__PURE__ */ jsx(Tag, { variant: assetStatusMap[asset.status] ?? "neutral", dot: true, children: inventoryStatusLabel(t, asset.status) }),
           /* @__PURE__ */ jsx(Tag, { variant: "brand", className: "capitalize", children: asset.assetType.replace(/_/g, " ") }),
           transitioning && /* @__PURE__ */ jsx(Spinner, {})
         ] })
@@ -168,11 +169,11 @@ function AssetDetailPage(props) {
           path: ["pending", "delivered", "active", "returned"],
           terminals: ["cancelled"],
           statusMap: assetStatusMap,
-          labels: STATUS_LABELS,
+          labels: statusLabels,
           onTransition: transitionStatus,
           allowedTransitions: statusTransitions,
           disabled: transitioning,
-          ariaLabel: "Asset status path"
+          ariaLabel: t("cpq.inventory.assets.detail.statusPath", "Asset status path")
         }
       ),
       transitioning && /* @__PURE__ */ jsx(Spinner, {})
@@ -180,34 +181,34 @@ function AssetDetailPage(props) {
     error && /* @__PURE__ */ jsx(ErrorBanner, { message: error }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Asset Details" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: t("cpq.inventory.assets.detail.sections.details", "Asset Details") }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2", children: [
-          /* @__PURE__ */ jsx(Field, { label: "Code", value: asset.code, mono: true }),
-          /* @__PURE__ */ jsx(Field, { label: "Status", value: asset.status }),
-          /* @__PURE__ */ jsx(Field, { label: "Asset Type", value: asset.assetType.replace(/_/g, " ") }),
-          /* @__PURE__ */ jsx(Field, { label: "Currency", value: currency }),
-          /* @__PURE__ */ jsx(Field, { label: "Quantity", value: String(asset.quantity) }),
-          asset.purchaseDate && /* @__PURE__ */ jsx(Field, { label: "Purchase Date", value: new Date(asset.purchaseDate).toLocaleDateString() }),
-          asset.deliveryDate && /* @__PURE__ */ jsx(Field, { label: "Delivery Date", value: new Date(asset.deliveryDate).toLocaleDateString() })
+          /* @__PURE__ */ jsx(Field, { label: t("cpq.inventory.assets.detail.fields.code", "Code"), value: asset.code, mono: true }),
+          /* @__PURE__ */ jsx(Field, { label: t("cpq.inventory.assets.detail.fields.status", "Status"), value: asset.status }),
+          /* @__PURE__ */ jsx(Field, { label: t("cpq.inventory.assets.detail.fields.assetType", "Asset Type"), value: asset.assetType.replace(/_/g, " ") }),
+          /* @__PURE__ */ jsx(Field, { label: t("cpq.inventory.assets.detail.fields.currency", "Currency"), value: currency }),
+          /* @__PURE__ */ jsx(Field, { label: t("cpq.inventory.assets.detail.fields.quantity", "Quantity"), value: String(asset.quantity) }),
+          asset.purchaseDate && /* @__PURE__ */ jsx(Field, { label: t("cpq.inventory.assets.detail.fields.purchaseDate", "Purchase Date"), value: new Date(asset.purchaseDate).toLocaleDateString() }),
+          asset.deliveryDate && /* @__PURE__ */ jsx(Field, { label: t("cpq.inventory.assets.detail.fields.deliveryDate", "Delivery Date"), value: new Date(asset.deliveryDate).toLocaleDateString() })
         ] }),
         asset.description && /* @__PURE__ */ jsxs("div", { className: "pt-1", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Description" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("cpq.inventory.assets.detail.fields.description", "Description") }),
           /* @__PURE__ */ jsx("p", { className: "text-sm", children: asset.description })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4 space-y-3", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: "Pricing & References" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium", children: t("cpq.inventory.assets.detail.sections.pricing", "Pricing & References") }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Purchase Price" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("cpq.inventory.assets.detail.fields.purchasePrice", "Purchase Price") }),
           /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold font-mono", children: fmt(asset.purchasePrice, currency) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-2 pt-1", children: [
-          /* @__PURE__ */ jsx(Field, { label: "Customer", value: customerName ?? `${asset.customerId.slice(0, 12)}\u2026` }),
-          /* @__PURE__ */ jsx(Field, { label: "Created", value: new Date(asset.createdAt).toLocaleString() }),
+          /* @__PURE__ */ jsx(Field, { label: t("cpq.inventory.assets.detail.fields.customer", "Customer"), value: customerName ?? `${asset.customerId.slice(0, 12)}\u2026` }),
+          /* @__PURE__ */ jsx(Field, { label: t("cpq.inventory.assets.detail.fields.created", "Created"), value: new Date(asset.createdAt).toLocaleString() }),
           asset.subscriptionId && /* @__PURE__ */ jsx(
             RefField,
             {
-              label: "Linked Subscription",
+              label: t("cpq.inventory.assets.detail.fields.linkedSubscription", "Linked Subscription"),
               name: subscriptionName ?? void 0,
               fallback: asset.subscriptionId,
               onClick: () => router.push(`/backend/cpq/inventory/subscriptions/${asset.subscriptionId}`)
@@ -216,7 +217,7 @@ function AssetDetailPage(props) {
           asset.offeringId && /* @__PURE__ */ jsx(
             RefField,
             {
-              label: "Offering",
+              label: t("cpq.inventory.assets.detail.fields.offering", "Offering"),
               name: offeringName ?? void 0,
               fallback: asset.offeringId,
               onClick: () => router.push(`/backend/cpq/offerings/${asset.offeringId}`)
@@ -225,7 +226,7 @@ function AssetDetailPage(props) {
           asset.specId && /* @__PURE__ */ jsx(
             RefField,
             {
-              label: "Specification",
+              label: t("cpq.inventory.assets.detail.fields.specification", "Specification"),
               name: specName ?? void 0,
               fallback: asset.specId,
               onClick: () => router.push(`/backend/cpq/specifications/${asset.specId}`)
@@ -234,7 +235,7 @@ function AssetDetailPage(props) {
           asset.productId && /* @__PURE__ */ jsx(
             RefField,
             {
-              label: "Product",
+              label: t("cpq.inventory.assets.detail.fields.product", "Product"),
               name: productName ?? void 0,
               fallback: asset.productId,
               onClick: () => router.push(`/backend/catalog/products/${asset.productId}`)
@@ -243,7 +244,7 @@ function AssetDetailPage(props) {
           asset.sourceQuoteId && /* @__PURE__ */ jsx(
             RefField,
             {
-              label: "Source Quote",
+              label: t("cpq.inventory.assets.detail.fields.sourceQuote", "Source Quote"),
               name: sourceQuoteNumber ?? void 0,
               fallback: asset.sourceQuoteId,
               onClick: () => router.push(`/backend/cpq/quotes/${asset.sourceQuoteId}`)
@@ -252,7 +253,7 @@ function AssetDetailPage(props) {
           asset.sourceOrderId && /* @__PURE__ */ jsx(
             RefField,
             {
-              label: "Source Order",
+              label: t("cpq.inventory.assets.detail.fields.sourceOrder", "Source Order"),
               name: sourceOrderNumber ?? void 0,
               fallback: asset.sourceOrderId,
               onClick: () => router.push(`/backend/cpq/orders/${asset.sourceOrderId}`)
@@ -262,7 +263,7 @@ function AssetDetailPage(props) {
       ] })
     ] }),
     asset.configuration && Object.keys(asset.configuration).length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2", children: "Configuration" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2", children: t("cpq.inventory.assets.detail.sections.configuration", "Configuration") }),
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-1", children: Object.entries(asset.configuration).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
         /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
           key,
@@ -272,14 +273,14 @@ function AssetDetailPage(props) {
       ] }, key)) })
     ] }),
     asset.charges && asset.charges.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2", children: "Charges" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2", children: t("cpq.inventory.assets.detail.sections.charges", "Charges") }),
       /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
         /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b bg-muted/50 text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-2 font-medium", children: "Charge" }),
-          /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-2 font-medium", children: "Type" }),
-          /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 font-medium", children: "Unit Price" }),
-          /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 font-medium", children: "Qty" }),
-          /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 font-medium", children: "Total" })
+          /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-2 font-medium", children: t("cpq.inventory.assets.detail.charges.charge", "Charge") }),
+          /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-2 font-medium", children: t("cpq.inventory.assets.detail.charges.type", "Type") }),
+          /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 font-medium", children: t("cpq.inventory.assets.detail.charges.unitPrice", "Unit Price") }),
+          /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 font-medium", children: t("cpq.inventory.assets.detail.charges.qty", "Qty") }),
+          /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 font-medium", children: t("cpq.inventory.assets.detail.charges.total", "Total") })
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { children: asset.charges.map((c, i) => /* @__PURE__ */ jsxs("tr", { className: "border-b", children: [
           /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: c.chargeName ?? "\u2014" }),
@@ -291,7 +292,7 @@ function AssetDetailPage(props) {
       ] })
     ] }),
     asset.metadata && Object.keys(asset.metadata).length > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-card p-4", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2", children: "Metadata" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium mb-2", children: t("cpq.inventory.assets.detail.sections.metadata", "Metadata") }),
       /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-1", children: Object.entries(asset.metadata).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
         /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
           key,