@open-mercato/core 0.6.8-develop.7099.1.7ba2771d06 → 0.7.0

package/src/modules/wms/components/backend/WmsConfigurationPage.tsx

@@ -12,12 +12,10 @@ import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
 import { EmptyState } from '@open-mercato/ui/backend/EmptyState'
 import { CrudForm, type CrudField, type CrudFieldOption } from '@open-mercato/ui/backend/CrudForm'
-import { extractCustomFieldEntries } from '@open-mercato/shared/lib/crud/custom-fields-client'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
 import { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'
 import { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'
 import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
-import { collectCustomFieldValues } from '@open-mercato/ui/backend/utils/customFieldValues'
 import { raiseCrudError } from '@open-mercato/ui/backend/utils/serverErrors'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'
@@ -38,8 +36,6 @@ import {
   inventoryRotationStrategyLabel,
 } from '../../lib/inventoryDisplayUi'
 import { LocationEditDialog } from './LocationEditDialog'
-import { WarehouseEditDialog, type WarehouseFormValues } from './WarehouseEditDialog'
-import { formatWarehouseCountryLabel } from './warehouseFormOptions'
 import { useWmsInventoryMutationAccess } from './useWmsInventoryMutationAccess'
 import { flashMutationError } from '../../lib/flashMutationError'
 
@@ -47,7 +43,6 @@ type PagedResponse<T> = {
   items: T[]
   total: number
   totalPages: number
-  totalIsCapped?: boolean
   page?: number
   pageSize?: number
 }
@@ -61,9 +56,6 @@ type WarehouseRow = {
   timezone?: string | null
   is_active?: boolean | null
   is_primary?: boolean | null
-  updated_at?: string | null
-  updatedAt?: string | null
-  customValues?: Record<string, unknown> | null
 }
 
 type LocationRow = {
@@ -87,11 +79,6 @@ type ZoneRow = {
   code?: string | null
   name?: string | null
   priority?: number | null
-  updated_at?: string | null
-  // The zones list route decorates with `stripPrefixedKeys: true`, so custom values
-  // arrive only under this canonical key — never as top-level `cf_*` / `cf:*`.
-  customValues?: Record<string, unknown> | null
-  customFields?: Array<{ key: string; label: string | null; value: unknown; kind: string | null; multi: boolean }>
 }
 
 type InventoryProfileRow = {
@@ -111,14 +98,22 @@ type InventoryProfileRow = {
   safety_stock?: string | number | null
 }
 
+type WarehouseFormValues = {
+  name: string
+  code: string
+  city?: string
+  country?: string
+  timezone?: string
+  isActive: boolean
+  isPrimary: boolean
+}
+
 type ZoneFormValues = {
   warehouseId: string
   code: string
   name: string
   priority?: number
-  id?: string
-  updatedAt?: string | null
-} & { [key: `cf_${string}`]: unknown }
+}
 
 type InventoryProfileFormValues = {
   catalogProductId: string
@@ -136,12 +131,22 @@ type DialogMode<T> =
   | { mode: 'create' }
   | { mode: 'edit'; row: T }
 
+const warehouseFormSchema = z.object({
+  name: z.string().trim().min(1),
+  code: z.string().trim().min(1),
+  city: z.string().trim().optional(),
+  country: z.string().trim().optional(),
+  timezone: z.string().trim().optional(),
+  isActive: z.boolean().default(true),
+  isPrimary: z.boolean().default(false),
+})
+
 const zoneFormSchema = z.object({
   warehouseId: z.string().uuid(),
   code: z.string().trim().min(1).max(80),
   name: z.string().trim().min(1).max(200),
   priority: z.coerce.number().int().min(0).optional(),
-}).passthrough()
+})
 
 function buildInventoryProfileFormSchema(fefoRequiredMsg: string) {
   return z.object({
@@ -176,7 +181,6 @@ function mergeCreatedWarehouseIntoWarehousesCaches(
   queryClient: QueryClient,
   newId: string,
   values: WarehouseFormValues,
-  updatedAt?: string | null,
 ) {
   const row: WarehouseRow = {
     id: newId,
@@ -187,8 +191,6 @@ function mergeCreatedWarehouseIntoWarehousesCaches(
     timezone: values.timezone || null,
     is_active: values.isActive,
     is_primary: values.isPrimary,
-    updated_at: updatedAt ?? null,
-    updatedAt: updatedAt ?? null,
   }
   const haystack = `${values.name}\n${values.code}`.toLowerCase()
 
@@ -273,7 +275,6 @@ type ConfigSectionOptions = {
 
 export function WarehouseSection({ viewAllHref }: ConfigSectionOptions = {}) {
   const t = useT()
-  const locale = useLocale()
   const queryClient = useQueryClient()
   const { confirm, ConfirmDialogElement } = useConfirmDialog()
   const { runMutation } = useGuardedMutation<Record<string, unknown>>({ contextId: 'wms-config-warehouses' })
@@ -281,6 +282,7 @@ export function WarehouseSection({ viewAllHref }: ConfigSectionOptions = {}) {
   const [page, setPage] = React.useState(1)
   const [search, setSearch] = React.useState('')
   const [sorting, setSorting] = React.useState<SortingState>([{ id: 'updatedAt', desc: true }])
+  const [submitting, setSubmitting] = React.useState(false)
   const [dialog, setDialog] = React.useState<DialogMode<WarehouseRow> | null>(null)
 
   const handleSortingChange = React.useCallback((nextSorting: SortingState) => {
@@ -312,6 +314,16 @@ export function WarehouseSection({ viewAllHref }: ConfigSectionOptions = {}) {
     },
   })
 
+  const fields = React.useMemo<CrudField[]>(() => [
+    { id: 'name', type: 'text', label: t('wms.backend.config.warehouses.form.name', 'Name'), required: true },
+    { id: 'code', type: 'text', label: t('wms.backend.config.warehouses.form.code', 'Code'), required: true },
+    { id: 'city', type: 'text', label: t('wms.backend.config.warehouses.form.city', 'City') },
+    { id: 'country', type: 'text', label: t('wms.backend.config.warehouses.form.country', 'Country') },
+    { id: 'timezone', type: 'text', label: t('wms.backend.config.warehouses.form.timezone', 'Timezone') },
+    { id: 'isPrimary', type: 'checkbox', label: t('wms.backend.config.warehouses.form.primary', 'Primary warehouse') },
+    { id: 'isActive', type: 'checkbox', label: t('wms.backend.config.warehouses.form.active', 'Active') },
+  ], [t])
+
   const columns = React.useMemo<ColumnDef<WarehouseRow>[]>(() => [
     {
       accessorKey: 'name',
@@ -321,7 +333,7 @@ export function WarehouseSection({ viewAllHref }: ConfigSectionOptions = {}) {
     },
     { accessorKey: 'code', header: t('wms.backend.config.warehouses.columns.code', 'Code'), enableSorting: true },
     { accessorKey: 'city', header: t('wms.backend.config.warehouses.columns.city', 'City'), cell: ({ row }) => row.original.city || '—' },
-    { accessorKey: 'country', header: t('wms.backend.config.warehouses.columns.country', 'Country'), cell: ({ row }) => formatWarehouseCountryLabel(row.original.country, locale) },
+    { accessorKey: 'country', header: t('wms.backend.config.warehouses.columns.country', 'Country'), cell: ({ row }) => row.original.country || '—' },
     {
       accessorKey: 'is_primary',
       header: t('wms.backend.config.warehouses.columns.primary', 'Primary'),
@@ -338,10 +350,34 @@ export function WarehouseSection({ viewAllHref }: ConfigSectionOptions = {}) {
           ? t('wms.common.inactive', 'Inactive')
           : t('wms.common.active', 'Active'),
     },
-  ], [locale, t])
+  ], [t])
+
+  const initialValues = React.useMemo<WarehouseFormValues>(() => {
+    if (dialog?.mode === 'edit') {
+      return {
+        name: dialog.row.name || '',
+        code: dialog.row.code || '',
+        city: dialog.row.city || '',
+        country: dialog.row.country || '',
+        timezone: dialog.row.timezone || '',
+        isActive: dialog.row.is_active !== false,
+        isPrimary: dialog.row.is_primary === true,
+      }
+    }
+    return {
+      name: '',
+      code: '',
+      city: '',
+      country: '',
+      timezone: '',
+      isActive: true,
+      isPrimary: false,
+    }
+  }, [dialog])
 
   const closeDialog = React.useCallback(() => {
     setDialog(null)
+    setSubmitting(false)
   }, [])
 
   const refresh = React.useCallback(async () => {
@@ -350,20 +386,61 @@ export function WarehouseSection({ viewAllHref }: ConfigSectionOptions = {}) {
     await queryClient.refetchQueries({ queryKey: ['wms-config', 'warehouses'], type: 'all' })
   }, [queryClient])
 
-  const handleWarehouseSaved = React.useCallback(async (info: {
-    mode: 'create' | 'edit'
-    id?: string
-    values: WarehouseFormValues
-    updatedAt?: string | null
-  }) => {
-    closeDialog()
-    if (info.mode === 'create' && info.id) {
-      mergeCreatedWarehouseIntoWarehousesCaches(queryClient, info.id, info.values, info.updatedAt)
-      setSearch('')
-      setPage(1)
+  const handleSubmit = React.useCallback(async (values: WarehouseFormValues) => {
+    if (!dialog) return
+    const submitMode = dialog.mode
+    setSubmitting(true)
+    try {
+      const call = await runMutation({
+        operation: async () => {
+          const result = await apiCall<{ id?: string | null }>(
+            '/api/wms/warehouses',
+            {
+              method: submitMode === 'edit' ? 'PUT' : 'POST',
+              body: JSON.stringify(
+                submitMode === 'edit'
+                  ? { id: dialog.row.id, ...values }
+                  : values,
+              ),
+            },
+          )
+          if (!result.ok) {
+            await raiseCrudError(result.response, t('wms.backend.config.warehouses.errors.save', 'Failed to save warehouse.'))
+          }
+          return result
+        },
+        context: {},
+        mutationPayload: submitMode === 'edit' ? { id: dialog.row.id, ...values } : values,
+      })
+      flash(
+        submitMode === 'edit'
+          ? t('wms.backend.config.warehouses.flash.updated', 'Warehouse updated')
+          : t('wms.backend.config.warehouses.flash.created', 'Warehouse created'),
+        'success',
+      )
+
+      const createdId =
+        submitMode === 'create' &&
+        call?.result &&
+        typeof call.result === 'object' &&
+        typeof (call.result as { id?: unknown }).id === 'string'
+          ? (call.result as { id: string }).id.trim()
+          : null
+
+      closeDialog()
+
+      if (submitMode === 'create' && createdId) {
+        mergeCreatedWarehouseIntoWarehousesCaches(queryClient, createdId, values)
+        setSearch('')
+        setPage(1)
+      }
+
+      await refresh()
+    } catch (error) {
+      flashMutationError(error, t('wms.backend.config.warehouses.errors.save', 'Failed to save warehouse.'), t)
+      setSubmitting(false)
     }
-    await refresh()
-  }, [closeDialog, queryClient, refresh])
+  }, [closeDialog, dialog, queryClient, refresh, runMutation, t])
 
   const handleDelete = React.useCallback(async (row: WarehouseRow) => {
     const confirmed = await confirm({
@@ -438,7 +515,6 @@ export function WarehouseSection({ viewAllHref }: ConfigSectionOptions = {}) {
             pageSize: 10,
             total: query.data?.total ?? 0,
             totalPages: query.data?.totalPages ?? 1,
-            totalIsCapped: query.data?.totalIsCapped === true,
             onPageChange: setPage,
           }}
           perspective={{ tableId: extensionPoints.hosts.warehousesTable.tableId }}
@@ -452,13 +528,28 @@ export function WarehouseSection({ viewAllHref }: ConfigSectionOptions = {}) {
         />
       </SectionCard>
 
-      <WarehouseEditDialog
-        open={dialog !== null}
-        onOpenChange={(next) => { if (!next) closeDialog() }}
-        mode={dialog?.mode === 'edit' ? 'edit' : 'create'}
-        row={dialog?.mode === 'edit' ? dialog.row : null}
-        onSaved={handleWarehouseSaved}
-      />
+      <Dialog open={dialog !== null} onOpenChange={(next) => !next && closeDialog()}>
+        <DialogContent className="max-w-3xl">
+          <DialogHeader>
+            <DialogTitle>
+              {dialog?.mode === 'edit'
+                ? t('wms.backend.config.warehouses.dialog.edit', 'Edit warehouse')
+                : t('wms.backend.config.warehouses.dialog.create', 'Create warehouse')}
+            </DialogTitle>
+          </DialogHeader>
+          <CrudForm<WarehouseFormValues>
+            schema={warehouseFormSchema}
+            fields={fields}
+            entityId={E.wms.warehouse}
+            initialValues={initialValues}
+            submitLabel={t('common.save', 'Save')}
+            onSubmit={handleSubmit}
+            embedded
+            isLoading={submitting}
+            twoColumn
+          />
+        </DialogContent>
+      </Dialog>
       {ConfirmDialogElement}
     </>
   )
@@ -505,54 +596,19 @@ export function ZoneSection({ viewAllHref }: ConfigSectionOptions = {}) {
     },
   })
 
-  // Warehouse options for the dialog's combobox. Loaded whenever the dialog opens so a tenant
-  // with a single warehouse gets it pre-selected instead of an empty "type to search" input,
-  // and so the edit dialog can label the currently linked warehouse without a lookup round-trip.
-  const warehouseOptionsQuery = useQuery({
-    queryKey: ['wms-config', 'zones', 'warehouse-options'],
-    queryFn: () => loadWarehouseOptions(),
-    enabled: dialog !== null,
-    staleTime: 30_000,
-  })
-  const warehouseOptions = React.useMemo(
-    () => warehouseOptionsQuery.data ?? [],
-    [warehouseOptionsQuery.data],
-  )
-  const soleWarehouseId = warehouseOptions.length === 1 ? warehouseOptions[0].value : null
-
-  const warehouseSeedOptions = React.useMemo<CrudFieldOption[] | undefined>(() => {
-    if (dialog?.mode === 'edit') {
-      const warehouseId = dialog.row.warehouse_id
-      if (!warehouseId) return undefined
-      const label = dialog.row.warehouse_name?.trim() || dialog.row.warehouse_code?.trim() || ''
-      return label ? [{ value: warehouseId, label }] : undefined
-    }
-    return soleWarehouseId ? warehouseOptions : undefined
-  }, [dialog, soleWarehouseId, warehouseOptions])
-
-  // The dialog already holds the first page of warehouses; serve the combobox's initial
-  // (unsearched) open from that cache instead of repeating the same request, and only go
-  // back to the network once the user actually types a term the cached page cannot answer.
-  const loadZoneWarehouseOptions = React.useCallback(async (query?: string) => {
-    const term = query?.trim()
-    if (!term) return warehouseOptionsQuery.data ?? loadWarehouseOptions()
-    return loadWarehouseOptions(term)
-  }, [warehouseOptionsQuery.data])
-
   const fields = React.useMemo<CrudField[]>(() => [
     {
       id: 'warehouseId',
       type: 'combobox',
       label: t('wms.backend.config.zones.form.warehouse', 'Warehouse'),
       required: true,
-      loadOptions: loadZoneWarehouseOptions,
+      loadOptions: loadWarehouseOptions,
       allowCustomValues: false,
-      seedOptions: warehouseSeedOptions,
     },
     { id: 'code', type: 'text', label: t('wms.backend.config.zones.form.code', 'Code'), required: true },
     { id: 'name', type: 'text', label: t('wms.backend.config.zones.form.name', 'Name'), required: true },
     { id: 'priority', type: 'number', label: t('wms.backend.config.zones.form.priority', 'Priority') },
-  ], [t, loadZoneWarehouseOptions, warehouseSeedOptions])
+  ], [t])
 
   const columns = React.useMemo<ColumnDef<ZoneRow>[]>(() => [
     {
@@ -583,22 +639,19 @@ export function ZoneSection({ viewAllHref }: ConfigSectionOptions = {}) {
   const initialValues = React.useMemo<ZoneFormValues>(() => {
     if (dialog?.mode === 'edit') {
       return {
-        id: dialog.row.id,
-        updatedAt: dialog.row.updated_at ?? null,
         warehouseId: dialog.row.warehouse_id || '',
         code: dialog.row.code || '',
         name: dialog.row.name || '',
         priority: dialog.row.priority == null ? undefined : Number(dialog.row.priority),
-        ...extractCustomFieldEntries(dialog.row),
       }
     }
     return {
-      warehouseId: soleWarehouseId ?? '',
+      warehouseId: '',
       code: '',
       name: '',
       priority: undefined,
     }
-  }, [dialog, soleWarehouseId])
+  }, [dialog])
 
   const closeDialog = React.useCallback(() => {
     setDialog(null)
@@ -614,14 +667,10 @@ export function ZoneSection({ viewAllHref }: ConfigSectionOptions = {}) {
     const submitMode = dialog.mode
     setSubmitting(true)
     try {
-      const customFields = collectCustomFieldValues(values)
-      const payload: Record<string, unknown> = {
-        warehouseId: values.warehouseId,
-        code: values.code,
-        name: values.name,
+      const payload = {
+        ...values,
         priority: values.priority === undefined || Number.isNaN(values.priority) ? undefined : Number(values.priority),
       }
-      if (Object.keys(customFields).length) payload.customFields = customFields
       await runMutation({
         operation: async () => {
           const call = await apiCall(
@@ -726,7 +775,6 @@ export function ZoneSection({ viewAllHref }: ConfigSectionOptions = {}) {
             pageSize: 10,
             total: query.data?.total ?? 0,
             totalPages: query.data?.totalPages ?? 1,
-            totalIsCapped: query.data?.totalIsCapped === true,
             onPageChange: setPage,
           }}
           perspective={{ tableId: extensionPoints.hosts.zonesTable.tableId }}
@@ -934,7 +982,6 @@ export function LocationSection({ viewAllHref }: ConfigSectionOptions = {}) {
             pageSize: 10,
             total: query.data?.total ?? 0,
             totalPages: query.data?.totalPages ?? 1,
-            totalIsCapped: query.data?.totalIsCapped === true,
             onPageChange: setPage,
           }}
           perspective={{ tableId: extensionPoints.hosts.locationsTable.tableId }}
@@ -1229,7 +1276,6 @@ export function InventoryProfilesSection() {
             pageSize: 10,
             total: query.data?.total ?? 0,
             totalPages: query.data?.totalPages ?? 1,
-            totalIsCapped: query.data?.totalIsCapped === true,
             onPageChange: setPage,
           }}
           perspective={{ tableId: extensionPoints.hosts.inventoryProfilesTable.tableId }}

package/src/modules/wms/components/backend/WmsInventoryConsolePage.tsx

@@ -58,7 +58,6 @@ type PagedResponse<T> = {
   items: T[]
   total: number
   totalPages: number
-  totalIsCapped?: boolean
 }
 
 type InventoryBalanceRow = {
@@ -358,7 +357,6 @@ function InventoryDataTableSection<T extends RowData>({
           pageSize: 20,
           total: query.data?.total ?? 0,
           totalPages: query.data?.totalPages ?? 1,
-          totalIsCapped: query.data?.totalIsCapped === true,
           onPageChange: setPage,
         }}
         perspective={{ tableId }}

package/src/modules/wms/components/backend/WmsLocationDetailPage.tsx

@@ -398,34 +398,38 @@ function LocationKpiCard({
 }: LocationKpiCardProps) {
   return (
     <section className="flex min-h-52 flex-col rounded-lg border bg-card p-5 text-card-foreground shadow-sm">
-      <p className="text-sm font-medium">{title}</p>
-      <p className="mt-3 text-xs text-muted-foreground">{caption}</p>
-      <div className="mt-2 flex items-end gap-3">
-        <p className="text-3xl font-semibold tracking-tight">{value}</p>
-        {badgeLabel ? (
-          <StatusBadge variant={badgeVariant} dot>
-            {badgeLabel}
-          </StatusBadge>
+      <div>
+        <p className="text-sm font-medium">{title}</p>
+        <p className="mt-3 text-xs text-muted-foreground">{caption}</p>
+      </div>
+      <div className="mt-auto pt-2">
+        <div className="flex items-end gap-3">
+          <p className="text-3xl font-semibold tracking-tight">{value}</p>
+          {badgeLabel ? (
+            <StatusBadge variant={badgeVariant} dot>
+              {badgeLabel}
+            </StatusBadge>
+          ) : null}
+        </div>
+        {progress != null ? (
+          <Progress
+            value={progress}
+            max={100}
+            tone={progress >= 80 ? 'warning' : 'accent'}
+            size="sm"
+            className="mt-3"
+          />
+        ) : null}
+        {onCtaClick ? (
+          <LinkButton variant="primary" size="sm" className="mt-4 w-fit" onClick={onCtaClick}>
+            {ctaLabel}
+          </LinkButton>
+        ) : ctaHref ? (
+          <LinkButton asChild variant="primary" size="sm" className="mt-4 w-fit">
+            <Link href={ctaHref}>{ctaLabel}</Link>
+          </LinkButton>
         ) : null}
       </div>
-      {progress != null ? (
-        <Progress
-          value={progress}
-          max={100}
-          tone={progress >= 80 ? 'warning' : 'accent'}
-          size="sm"
-          className="mt-3"
-        />
-      ) : null}
-      {onCtaClick ? (
-        <LinkButton variant="primary" size="sm" className="mt-auto pt-4 w-fit" onClick={onCtaClick}>
-          {ctaLabel}
-        </LinkButton>
-      ) : ctaHref ? (
-        <LinkButton asChild variant="primary" size="sm" className="mt-auto pt-4 w-fit">
-          <Link href={ctaHref}>{ctaLabel}</Link>
-        </LinkButton>
-      ) : null}
     </section>
   )
 }

package/src/modules/wms/components/backend/WmsLotDetailPage.tsx

@@ -480,25 +480,29 @@ function LotKpiCard({
 }: LotKpiCardProps) {
   return (
     <section className="flex min-h-52 flex-col rounded-lg border bg-card p-5 text-card-foreground shadow-sm">
-      <p className="text-sm font-medium">{title}</p>
-      <p className="mt-3 text-xs text-muted-foreground">{caption}</p>
-      <div className="mt-2 flex items-end gap-3">
-        <p className="text-3xl font-semibold tracking-tight">{value}</p>
-        {badgeLabel ? (
-          <StatusBadge variant={badgeVariant} dot>
-            {badgeLabel}
-          </StatusBadge>
+      <div>
+        <p className="text-sm font-medium">{title}</p>
+        <p className="mt-3 text-xs text-muted-foreground">{caption}</p>
+      </div>
+      <div className="mt-auto pt-2">
+        <div className="flex items-end gap-3">
+          <p className="text-3xl font-semibold tracking-tight">{value}</p>
+          {badgeLabel ? (
+            <StatusBadge variant={badgeVariant} dot>
+              {badgeLabel}
+            </StatusBadge>
+          ) : null}
+        </div>
+        {onCtaClick ? (
+          <LinkButton variant="primary" size="sm" className="mt-4 w-fit" onClick={onCtaClick}>
+            {ctaLabel}
+          </LinkButton>
+        ) : ctaHref ? (
+          <LinkButton asChild variant="primary" size="sm" className="mt-4 w-fit">
+            <Link href={ctaHref}>{ctaLabel}</Link>
+          </LinkButton>
         ) : null}
       </div>
-      {onCtaClick ? (
-        <LinkButton variant="primary" size="sm" className="mt-auto pt-4 w-fit" onClick={onCtaClick}>
-          {ctaLabel}
-        </LinkButton>
-      ) : ctaHref ? (
-        <LinkButton asChild variant="primary" size="sm" className="mt-auto pt-4 w-fit">
-          <Link href={ctaHref}>{ctaLabel}</Link>
-        </LinkButton>
-      ) : null}
     </section>
   )
 }

package/src/modules/wms/components/backend/WmsLotsListPage.tsx

@@ -41,7 +41,6 @@ type PagedResponse<T> = {
   items: T[]
   total: number
   totalPages: number
-  totalIsCapped?: boolean
 }
 
 function parseExpiryWindow(value: string | null): ExpiryWindow | null {
@@ -281,7 +280,6 @@ export default function WmsLotsListPage() {
                 pageSize: 25,
                 total: lotsQuery.data.total,
                 totalPages: lotsQuery.data.totalPages,
-                totalIsCapped: lotsQuery.data?.totalIsCapped === true,
                 onPageChange: setPage,
               }}
               perspective={{ tableId: extensionPoints.hosts.lotsTable.tableId }}

package/src/modules/wms/components/backend/WmsOperationalDashboardPage.tsx

@@ -191,20 +191,24 @@ function DashboardKpiCard({
 }: DashboardKpiCardProps) {
   return (
     <section className="flex min-h-52 flex-col rounded-lg border bg-card p-5 text-card-foreground shadow-sm">
-      <p className="text-sm font-medium">{title}</p>
-      <p className="mt-3 text-xs text-muted-foreground">{caption}</p>
-      <div className="mt-2 flex items-end gap-3">
-        <p className="text-3xl font-semibold tracking-tight">{kpi.count}</p>
-        {badgeLabel ? (
-          <StatusBadge variant={badgeVariant} dot>
-            {badgeLabel}
-          </StatusBadge>
-        ) : null}
+      <div>
+        <p className="text-sm font-medium">{title}</p>
+        <p className="mt-3 text-xs text-muted-foreground">{caption}</p>
+      </div>
+      <div className="mt-auto pt-2">
+        <div className="flex items-end gap-3">
+          <p className="text-3xl font-semibold tracking-tight">{kpi.count}</p>
+          {badgeLabel ? (
+            <StatusBadge variant={badgeVariant} dot>
+              {badgeLabel}
+            </StatusBadge>
+          ) : null}
+        </div>
+        <Sparkline values={kpi.sparkline} className="mt-3 h-9 w-full max-w-40" />
+        <LinkButton asChild variant="primary" size="sm" className="mt-4 w-fit">
+          <Link href={href}>{ctaLabel}</Link>
+        </LinkButton>
       </div>
-      <Sparkline values={kpi.sparkline} className="mt-3 h-9 w-full max-w-40" />
-      <LinkButton asChild variant="primary" size="sm" className="mt-4 w-fit">
-        <Link href={href}>{ctaLabel}</Link>
-      </LinkButton>
     </section>
   )
 }

package/src/modules/wms/components/backend/WmsSkuDetailPage.tsx

@@ -382,19 +382,23 @@ function SkuKpiCard({
 }: SkuKpiCardProps) {
   return (
     <section className="flex min-h-52 flex-col rounded-lg border bg-card p-5 text-card-foreground shadow-sm">
-      <p className="text-sm font-medium">{title}</p>
-      <p className="mt-3 text-xs text-muted-foreground">{caption}</p>
-      <div className="mt-2 flex items-end gap-3">
-        <p className="text-3xl font-semibold tracking-tight">{value}</p>
-        {badgeLabel ? (
-          <StatusBadge variant={badgeVariant} dot>
-            {badgeLabel}
-          </StatusBadge>
-        ) : null}
+      <div>
+        <p className="text-sm font-medium">{title}</p>
+        <p className="mt-3 text-xs text-muted-foreground">{caption}</p>
+      </div>
+      <div className="mt-auto pt-2">
+        <div className="flex items-end gap-3">
+          <p className="text-3xl font-semibold tracking-tight">{value}</p>
+          {badgeLabel ? (
+            <StatusBadge variant={badgeVariant} dot>
+              {badgeLabel}
+            </StatusBadge>
+          ) : null}
+        </div>
+        <LinkButton asChild variant="primary" size="sm" className="mt-4 w-fit">
+          <Link href={ctaHref}>{ctaLabel}</Link>
+        </LinkButton>
       </div>
-      <LinkButton asChild variant="primary" size="sm" className="mt-auto pt-4 w-fit">
-        <Link href={ctaHref}>{ctaLabel}</Link>
-      </LinkButton>
     </section>
   )
 }