@open-mercato/core 0.6.7-develop.6669.1.40b669666b → 0.6.7-develop.6671.1.4b925c5096

package/dist/modules/wms/components/backend/WmsSkuDetailPage.js

@@ -0,0 +1,975 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { z } from "zod";
+import { useQuery } from "@tanstack/react-query";
+import {
+  ArrowDown,
+  ArrowLeft,
+  ArrowLeftRight,
+  ClipboardList,
+  Download,
+  ExternalLink,
+  SlidersHorizontal,
+  Warehouse
+} from "lucide-react";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { EmptyState } from "@open-mercato/ui/backend/EmptyState";
+import { ErrorMessage, LoadingMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { raiseCrudError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { LinkButton } from "@open-mercato/ui/primitives/link-button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { E } from "../../../../generated/entities.ids.generated.js";
+import {
+  inventoryMovementReasonLabel
+} from "../../lib/inventoryDisplayUi.js";
+import { AdjustInventoryDialog } from "./AdjustInventoryDialog.js";
+import { CycleCountWizardDialog } from "./CycleCountWizardDialog.js";
+import { ReceiveInventoryDialog } from "./ReceiveInventoryDialog.js";
+import { useWmsInventoryMutationAccess } from "./useWmsInventoryMutationAccess.js";
+const variantIdSchema = z.string().uuid();
+function escapeCsvCell(value) {
+  const str = String(value ?? "");
+  if (/[",\n]/.test(str)) return `"${str.replace(/"/g, '""')}"`;
+  return str;
+}
+function downloadCsvFile(filename, rows) {
+  const csv = rows.map((row) => row.map(escapeCsvCell).join(",")).join("\n");
+  const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = filename;
+  anchor.click();
+  URL.revokeObjectURL(url);
+}
+const NON_SELLABLE_LOCATION_TYPES = /* @__PURE__ */ new Set(["staging", "dock"]);
+const PICKING_LOCATION_TYPES = /* @__PURE__ */ new Set(["staging", "bin", "slot"]);
+const NEAR_EXPIRY_MS = 30 * 24 * 60 * 60 * 1e3;
+const USAGE_WINDOW_DAYS = 14;
+function toNumber(value) {
+  const parsed = Number(value ?? 0);
+  return Number.isFinite(parsed) ? parsed : 0;
+}
+function formatWarehouseLabel(row) {
+  const code = (row.warehouse_code ?? "").trim();
+  const name = (row.warehouse_name ?? "").trim();
+  if (code && name) return `${code} \xB7 ${name}`;
+  return name || code || row.warehouse_id || "\u2014";
+}
+function formatLocationLabel(code, id) {
+  const trimmed = (code ?? "").trim();
+  if (trimmed) return trimmed;
+  return id || "\u2014";
+}
+function formatLotLabel(lot, locale) {
+  if (!lot) return "\u2014";
+  const number = (lot.lot_number ?? "").trim() || lot.id;
+  if (!lot.expires_at) return number;
+  const expires = new Date(lot.expires_at);
+  if (Number.isNaN(expires.getTime())) return number;
+  const expLabel = new Intl.DateTimeFormat(locale, { month: "2-digit", year: "2-digit" }).format(expires);
+  return `${number} \xB7 exp ${expLabel}`;
+}
+function isNearExpiry(expiresAt, nowMs) {
+  if (!expiresAt) return false;
+  const expires = new Date(expiresAt).getTime();
+  if (Number.isNaN(expires)) return false;
+  return expires > nowMs && expires - nowMs <= NEAR_EXPIRY_MS;
+}
+function isExpired(expiresAt, nowMs) {
+  if (!expiresAt) return false;
+  const expires = new Date(expiresAt).getTime();
+  return !Number.isNaN(expires) && expires <= nowMs;
+}
+function resolveBalanceStatus(row, lot, reorderPoint, nowMs) {
+  if (lot?.status === "expired" || isExpired(lot?.expires_at, nowMs)) {
+    return {
+      variant: "error",
+      labelKey: "wms.backend.sku.distribution.status.expired",
+      labelFallback: "Expired"
+    };
+  }
+  if (isNearExpiry(lot?.expires_at, nowMs)) {
+    return {
+      variant: "warning",
+      labelKey: "wms.backend.sku.distribution.status.nearExpiry",
+      labelFallback: "Near expiry"
+    };
+  }
+  const available = row.quantity_available ?? 0;
+  if (reorderPoint > 0 && available <= reorderPoint) {
+    return {
+      variant: "warning",
+      labelKey: "wms.backend.sku.distribution.status.lowStock",
+      labelFallback: "Low stock"
+    };
+  }
+  const reserved = toNumber(row.quantity_reserved);
+  const onHand = toNumber(row.quantity_on_hand);
+  if (reserved > 0 && onHand > 0 && reserved >= onHand) {
+    return {
+      variant: "info",
+      labelKey: "wms.backend.sku.distribution.status.reserved",
+      labelFallback: "Reserved"
+    };
+  }
+  return {
+    variant: "success",
+    labelKey: "wms.backend.sku.distribution.status.available",
+    labelFallback: "Available"
+  };
+}
+function matchesDistributionFilter(row, lot, filter, nowMs) {
+  const locationType = (row.location_type ?? "").trim().toLowerCase();
+  const locationCode = (row.location_code ?? "").trim().toLowerCase();
+  switch (filter) {
+    case "all":
+      return true;
+    case "sellable":
+      return !NON_SELLABLE_LOCATION_TYPES.has(locationType);
+    case "picking":
+      return PICKING_LOCATION_TYPES.has(locationType) || locationCode.includes("pick") || locationCode.includes("staging");
+    case "nearExpiry":
+      return isNearExpiry(lot?.expires_at, nowMs) || lot?.status === "expired";
+    default:
+      return true;
+  }
+}
+function movementTypeLabel(type, t) {
+  const key = `wms.backend.sku.activity.types.${type}`;
+  const fallbacks = {
+    receipt: "Receive",
+    return_receive: "Receive",
+    adjust: "Adjust",
+    transfer: "Move",
+    pick: "Allocate",
+    pack: "Allocate",
+    cycle_count: "Reconcile",
+    putaway: "Putaway",
+    ship: "Ship"
+  };
+  return t(key, fallbacks[type] ?? type);
+}
+const movementStatusMap = {
+  receipt: "success",
+  return_receive: "success",
+  adjust: "warning",
+  transfer: "info",
+  pick: "info",
+  pack: "info",
+  cycle_count: "neutral",
+  putaway: "info",
+  ship: "success"
+};
+function formatMovementTitle(row, skuLabel, t) {
+  const quantity = Math.abs(toNumber(row.quantity));
+  const signedQuantity = toNumber(row.quantity);
+  switch (row.type) {
+    case "receipt":
+    case "return_receive":
+      return t("wms.backend.dashboard.activity.titles.received", "Received {quantity}\xD7 {sku}", {
+        quantity,
+        sku: skuLabel
+      });
+    case "adjust":
+      return t("wms.backend.dashboard.activity.titles.adjusted", "Adjusted {quantity}\xD7 {sku}", {
+        quantity: `${signedQuantity >= 0 ? "+" : ""}${signedQuantity}`,
+        sku: skuLabel
+      });
+    case "transfer":
+      return t("wms.backend.dashboard.activity.titles.moved", "Moved {quantity}\xD7 {sku}", {
+        quantity,
+        sku: skuLabel
+      });
+    case "pick":
+    case "pack":
+      return t("wms.backend.dashboard.activity.titles.allocated", "Allocated {quantity}\xD7 {sku}", {
+        quantity,
+        sku: skuLabel
+      });
+    case "cycle_count":
+      return t("wms.backend.dashboard.activity.titles.reconciled", "Inventory reconciled \u2014 {sku}", {
+        sku: skuLabel
+      });
+    default:
+      return t("wms.backend.dashboard.activity.titles.generic", "{type} {quantity}\xD7 {sku}", {
+        type: row.type ?? "movement",
+        quantity,
+        sku: skuLabel
+      });
+  }
+}
+function formatMovementSubtitle(row, t) {
+  const reasonLabel = inventoryMovementReasonLabel(
+    {
+      reasonCode: row.reason_code,
+      reason: row.reason,
+      movementType: row.type
+    },
+    t
+  );
+  if (reasonLabel) return reasonLabel;
+  if (row.reference_type && row.reference_id) return `${row.reference_type} \xB7 ${row.reference_id}`;
+  return null;
+}
+function formatMovementLocation(row) {
+  const warehouse = formatWarehouseLabel(row);
+  const from = formatLocationLabel(row.location_from_code, row.location_from_id);
+  const to = formatLocationLabel(row.location_to_code, row.location_to_id);
+  if (row.type === "transfer" && from !== "\u2014" && to !== "\u2014") return `${from} \u2192 ${to}`;
+  const location = to !== "\u2014" ? to : from;
+  if (location !== "\u2014") return `${warehouse} \xB7 ${location}`;
+  return warehouse;
+}
+function SkuKpiCard({
+  title,
+  caption,
+  value,
+  badgeLabel,
+  badgeVariant,
+  ctaLabel,
+  ctaHref
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: "flex min-h-52 flex-col rounded-lg border bg-card p-5 text-card-foreground shadow-sm", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-muted-foreground", children: caption }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-end gap-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-3xl font-semibold tracking-tight", children: value }),
+      badgeLabel ? /* @__PURE__ */ jsx(StatusBadge, { variant: badgeVariant, dot: true, children: badgeLabel }) : null
+    ] }),
+    /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "primary", size: "sm", className: "mt-auto pt-4 w-fit", children: /* @__PURE__ */ jsx(Link, { href: ctaHref, children: ctaLabel }) })
+  ] });
+}
+function WmsSkuDetailPage({ variantId }) {
+  const t = useT();
+  const locale = useLocale();
+  const router = useRouter();
+  const access = useWmsInventoryMutationAccess();
+  const parsedVariantId = variantIdSchema.safeParse(variantId.trim());
+  const catalogVariantId = parsedVariantId.success ? parsedVariantId.data : null;
+  const [warehouseId, setWarehouseId] = React.useState("all");
+  const [distributionFilter, setDistributionFilter] = React.useState("all");
+  const [distributionPage, setDistributionPage] = React.useState(1);
+  const [selectedBalanceIds, setSelectedBalanceIds] = React.useState(() => /* @__PURE__ */ new Set());
+  const [adjustOpen, setAdjustOpen] = React.useState(false);
+  const [adjustPreset, setAdjustPreset] = React.useState({});
+  const [receiveOpen, setReceiveOpen] = React.useState(false);
+  const [cycleOpen, setCycleOpen] = React.useState(false);
+  const [cyclePreset, setCyclePreset] = React.useState({});
+  const distributionPageSize = 20;
+  const activityTimeFormatter = React.useMemo(
+    () => new Intl.DateTimeFormat(locale, {
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit"
+    }),
+    [locale]
+  );
+  const variantQuery = useQuery({
+    queryKey: ["wms-sku-detail", "variant", catalogVariantId],
+    enabled: Boolean(catalogVariantId),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        id: catalogVariantId,
+        page: "1",
+        pageSize: "1"
+      });
+      const call = await apiCall(
+        `/api/catalog/variants?${params.toString()}`
+      );
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.sku.errors.variant", "Failed to load SKU."));
+      }
+      return call.result?.items?.[0] ?? null;
+    }
+  });
+  const profileQuery = useQuery({
+    queryKey: ["wms-sku-detail", "profile", catalogVariantId],
+    enabled: Boolean(catalogVariantId),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        catalogVariantId,
+        page: "1",
+        pageSize: "1"
+      });
+      const call = await apiCall(
+        `/api/wms/inventory-profiles?${params.toString()}`
+      );
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.sku.errors.profile", "Failed to load inventory profile."));
+      }
+      return call.result?.items?.[0] ?? null;
+    }
+  });
+  const warehousesQuery = useQuery({
+    queryKey: ["wms-sku-detail", "warehouses"],
+    queryFn: async () => {
+      const params = new URLSearchParams({ page: "1", pageSize: "100", sortField: "name", sortDir: "asc" });
+      const call = await apiCall(`/api/wms/warehouses?${params.toString()}`);
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.sku.errors.warehouses", "Failed to load warehouses."));
+      }
+      return call.result?.items ?? [];
+    }
+  });
+  const balancesQuery = useQuery({
+    queryKey: ["wms-sku-detail", "balances", catalogVariantId, warehouseId],
+    enabled: Boolean(catalogVariantId),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        catalogVariantId,
+        page: "1",
+        pageSize: "100",
+        sortField: "updatedAt",
+        sortDir: "desc"
+      });
+      if (warehouseId !== "all") params.set("warehouseId", warehouseId);
+      const call = await apiCall(
+        `/api/wms/inventory/balances?${params.toString()}`
+      );
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.sku.errors.balances", "Failed to load stock distribution."));
+      }
+      return call.result ?? { items: [], total: 0, totalPages: 1 };
+    }
+  });
+  const lotsQuery = useQuery({
+    queryKey: ["wms-sku-detail", "lots", catalogVariantId],
+    enabled: Boolean(catalogVariantId),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        catalogVariantId,
+        page: "1",
+        pageSize: "100"
+      });
+      const call = await apiCall(`/api/wms/lots?${params.toString()}`);
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.sku.errors.lots", "Failed to load lots."));
+      }
+      return call.result?.items ?? [];
+    }
+  });
+  const movementsQuery = useQuery({
+    queryKey: ["wms-sku-detail", "movements", catalogVariantId, warehouseId],
+    enabled: Boolean(catalogVariantId),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        catalogVariantId,
+        page: "1",
+        pageSize: "25",
+        sortField: "performedAt",
+        sortDir: "desc"
+      });
+      if (warehouseId !== "all") params.set("warehouseId", warehouseId);
+      const call = await apiCall(
+        `/api/wms/inventory/movements?${params.toString()}`
+      );
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.sku.errors.movements", "Failed to load recent activity."));
+      }
+      return call.result?.items ?? [];
+    }
+  });
+  const lotById = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const lot of lotsQuery.data ?? []) {
+      if (lot.id) map.set(lot.id, lot);
+    }
+    return map;
+  }, [lotsQuery.data]);
+  const reorderPoint = toNumber(profileQuery.data?.reorder_point);
+  const safetyStock = toNumber(profileQuery.data?.safety_stock);
+  const skuLabel = (variantQuery.data?.sku ?? "").trim() || (variantQuery.data?.name ?? "").trim() || catalogVariantId || "\u2014";
+  const variantName = (variantQuery.data?.name ?? "").trim();
+  const pageTitle = (variantQuery.data?.sku ?? "").trim() || skuLabel;
+  const totals = React.useMemo(() => {
+    const items = balancesQuery.data?.items ?? [];
+    let onHand = 0;
+    let reserved = 0;
+    let available = 0;
+    for (const row of items) {
+      onHand += toNumber(row.quantity_on_hand);
+      reserved += toNumber(row.quantity_reserved);
+      available += row.quantity_available ?? 0;
+    }
+    return { onHand, reserved, available };
+  }, [balancesQuery.data?.items]);
+  const daysOfSupply = React.useMemo(() => {
+    const movements = movementsQuery.data ?? [];
+    const windowStart = Date.now() - USAGE_WINDOW_DAYS * 24 * 60 * 60 * 1e3;
+    let outbound = 0;
+    for (const row of movements) {
+      const at = row.performed_at ?? row.received_at;
+      if (!at) continue;
+      const ts = new Date(at).getTime();
+      if (Number.isNaN(ts) || ts < windowStart) continue;
+      if (row.type === "pick" || row.type === "pack" || row.type === "ship") {
+        outbound += Math.abs(toNumber(row.quantity));
+      }
+    }
+    const daily = outbound / USAGE_WINDOW_DAYS;
+    if (daily <= 0 || totals.available <= 0) return null;
+    return Math.round(totals.available / daily);
+  }, [movementsQuery.data, totals.available]);
+  const nowMs = React.useMemo(() => Date.now(), []);
+  const filteredBalances = React.useMemo(() => {
+    const items = balancesQuery.data?.items ?? [];
+    return items.filter(
+      (row) => matchesDistributionFilter(row, row.lot_id ? lotById.get(row.lot_id) : void 0, distributionFilter, nowMs)
+    );
+  }, [balancesQuery.data?.items, distributionFilter, lotById, nowMs]);
+  const distributionTotal = filteredBalances.length;
+  const distributionTotalPages = Math.max(1, Math.ceil(distributionTotal / distributionPageSize));
+  const pagedBalances = React.useMemo(() => {
+    const start = (distributionPage - 1) * distributionPageSize;
+    return filteredBalances.slice(start, start + distributionPageSize);
+  }, [distributionPage, distributionPageSize, filteredBalances]);
+  React.useEffect(() => {
+    setDistributionPage(1);
+    setSelectedBalanceIds(/* @__PURE__ */ new Set());
+  }, [distributionFilter, warehouseId]);
+  const selectedBalances = React.useMemo(
+    () => filteredBalances.filter((row) => selectedBalanceIds.has(row.id)),
+    [filteredBalances, selectedBalanceIds]
+  );
+  const movementsHref = React.useMemo(() => {
+    const params = new URLSearchParams();
+    if (catalogVariantId) params.set("catalogVariantId", catalogVariantId);
+    if (warehouseId !== "all") params.set("warehouseId", warehouseId);
+    const query = params.toString();
+    return query ? `/backend/wms/movements?${query}` : "/backend/wms/movements";
+  }, [catalogVariantId, warehouseId]);
+  const inventoryConsoleHref = React.useMemo(() => {
+    if (!catalogVariantId) return "/backend/wms/inventory";
+    return `/backend/wms/inventory?catalogVariantId=${encodeURIComponent(catalogVariantId)}`;
+  }, [catalogVariantId]);
+  const openAdjustDialog = React.useCallback((preset = {}) => {
+    setAdjustPreset(preset);
+    setAdjustOpen(true);
+  }, []);
+  const openCycleCountDialog = React.useCallback(
+    (preset = {}) => {
+      setCyclePreset(preset);
+      setCycleOpen(true);
+    },
+    []
+  );
+  const resolveMutationContext = React.useCallback(() => {
+    const firstSelected = selectedBalances[0];
+    const scopedWarehouseId = firstSelected?.warehouse_id?.trim() || (warehouseId !== "all" ? warehouseId : void 0);
+    const locationId = selectedBalances.length === 1 ? firstSelected?.location_id?.trim() || void 0 : void 0;
+    const lotId = selectedBalances.length === 1 ? firstSelected?.lot_id?.trim() || void 0 : void 0;
+    return {
+      warehouseId: scopedWarehouseId,
+      locationId,
+      lotId
+    };
+  }, [selectedBalances, warehouseId]);
+  const toggleBalanceSelection = React.useCallback((balanceId, selected) => {
+    setSelectedBalanceIds((current) => {
+      const next = new Set(current);
+      if (selected) next.add(balanceId);
+      else next.delete(balanceId);
+      return next;
+    });
+  }, []);
+  const togglePageSelection = React.useCallback((selected) => {
+    setSelectedBalanceIds((current) => {
+      const next = new Set(current);
+      for (const row of pagedBalances) {
+        if (selected) next.add(row.id);
+        else next.delete(row.id);
+      }
+      return next;
+    });
+  }, [pagedBalances]);
+  const pageSelectionState = React.useMemo(() => {
+    if (pagedBalances.length === 0) {
+      return { checked: false, indeterminate: false };
+    }
+    const selectedOnPage = pagedBalances.filter((row) => selectedBalanceIds.has(row.id)).length;
+    return {
+      checked: selectedOnPage === pagedBalances.length,
+      indeterminate: selectedOnPage > 0 && selectedOnPage < pagedBalances.length
+    };
+  }, [pagedBalances, selectedBalanceIds]);
+  const handleExportDistributionCsv = React.useCallback(() => {
+    const headers = [
+      t("wms.backend.sku.distribution.columns.warehouse", "Warehouse"),
+      t("wms.backend.sku.distribution.columns.location", "Location"),
+      t("wms.backend.sku.distribution.columns.lot", "Lot"),
+      t("wms.backend.sku.distribution.columns.onHand", "On hand"),
+      t("wms.backend.sku.distribution.columns.reserved", "Reserved"),
+      t("wms.backend.sku.distribution.columns.status", "Status")
+    ];
+    const rows = filteredBalances.map((row) => {
+      const lot = row.lot_id ? lotById.get(row.lot_id) : void 0;
+      const status = resolveBalanceStatus(row, lot, reorderPoint, nowMs);
+      return [
+        formatWarehouseLabel(row),
+        formatLocationLabel(row.location_code, row.location_id),
+        formatLotLabel(lot, locale),
+        String(toNumber(row.quantity_on_hand)),
+        String(toNumber(row.quantity_reserved)),
+        t(status.labelKey, status.labelFallback)
+      ];
+    });
+    const safeSku = pageTitle.replace(/[^\w.-]+/g, "-").replace(/^-+|-+$/g, "") || "sku";
+    downloadCsvFile(`${safeSku}-distribution.csv`, [headers, ...rows]);
+  }, [filteredBalances, locale, lotById, nowMs, pageTitle, reorderPoint, t]);
+  const inventoryHref = "/backend/wms/inventory";
+  const selectedWarehouse = warehousesQuery.data?.find((warehouse) => warehouse.id === warehouseId);
+  const warehouseLabel = warehouseId === "all" ? t("wms.backend.sku.filters.allWarehouses", "All warehouses") : selectedWarehouse?.name || selectedWarehouse?.code || warehouseId;
+  const subtitleParts = [
+    variantName || null,
+    variantQuery.data?.is_active === false ? t("wms.backend.sku.header.inactive", "Inactive") : null
+  ].filter(Boolean);
+  const distributionColumns = React.useMemo(
+    () => [
+      {
+        id: "select",
+        header: () => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            "aria-label": t("wms.backend.sku.distribution.columns.select", "Select"),
+            checked: pageSelectionState.indeterminate ? "indeterminate" : pageSelectionState.checked,
+            onCheckedChange: (checked) => togglePageSelection(checked === true)
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            "aria-label": t("wms.backend.sku.distribution.columns.select", "Select"),
+            checked: selectedBalanceIds.has(row.original.id),
+            onCheckedChange: (checked) => toggleBalanceSelection(row.original.id, checked === true)
+          }
+        ),
+        meta: { maxWidth: "2.75rem" }
+      },
+      {
+        accessorKey: "warehouse_id",
+        header: t("wms.backend.sku.distribution.columns.warehouse", "Warehouse"),
+        cell: ({ row }) => formatWarehouseLabel(row.original)
+      },
+      {
+        accessorKey: "location_id",
+        header: t("wms.backend.sku.distribution.columns.location", "Location"),
+        cell: ({ row }) => {
+          const locationId = row.original.location_id?.trim();
+          const label = formatLocationLabel(row.original.location_code, row.original.location_id);
+          if (!locationId || label === "\u2014") return label;
+          return /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/backend/wms/location/${encodeURIComponent(locationId)}`,
+              className: "font-medium text-primary hover:underline",
+              children: label
+            }
+          );
+        }
+      },
+      {
+        accessorKey: "lot_id",
+        header: t("wms.backend.sku.distribution.columns.lot", "Lot"),
+        cell: ({ row }) => {
+          const lotId = row.original.lot_id?.trim();
+          const lot = lotId ? lotById.get(lotId) : void 0;
+          const label = formatLotLabel(lot, locale);
+          if (!lotId || label === "\u2014") return label;
+          return /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/backend/wms/lot/${encodeURIComponent(lotId)}`,
+              className: "font-medium text-primary hover:underline",
+              children: label
+            }
+          );
+        }
+      },
+      {
+        accessorKey: "quantity_on_hand",
+        header: t("wms.backend.sku.distribution.columns.onHand", "On hand"),
+        cell: ({ row }) => String(toNumber(row.original.quantity_on_hand))
+      },
+      {
+        accessorKey: "quantity_reserved",
+        header: t("wms.backend.sku.distribution.columns.reserved", "Reserved"),
+        cell: ({ row }) => String(toNumber(row.original.quantity_reserved))
+      },
+      {
+        id: "status",
+        header: t("wms.backend.sku.distribution.columns.status", "Status"),
+        cell: ({ row }) => {
+          const lot = row.original.lot_id ? lotById.get(row.original.lot_id) : void 0;
+          const status = resolveBalanceStatus(row.original, lot, reorderPoint, nowMs);
+          return /* @__PURE__ */ jsx(StatusBadge, { variant: status.variant, dot: true, children: t(status.labelKey, status.labelFallback) });
+        }
+      }
+    ],
+    [
+      locale,
+      lotById,
+      nowMs,
+      pageSelectionState.checked,
+      pageSelectionState.indeterminate,
+      reorderPoint,
+      selectedBalanceIds,
+      t,
+      toggleBalanceSelection,
+      togglePageSelection
+    ]
+  );
+  const activityColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "type",
+        header: t("wms.backend.sku.activity.columns.event", "Event"),
+        cell: ({ row }) => {
+          const type = row.original.type ?? "movement";
+          return /* @__PURE__ */ jsx(StatusBadge, { variant: movementStatusMap[type] ?? "neutral", children: movementTypeLabel(type, t) });
+        }
+      },
+      {
+        id: "details",
+        header: t("wms.backend.sku.activity.columns.details", "Details"),
+        cell: ({ row }) => {
+          const subtitle = formatMovementSubtitle(row.original, t);
+          return /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: formatMovementTitle(row.original, skuLabel, t) }),
+            subtitle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: subtitle }) : null
+          ] });
+        }
+      },
+      {
+        id: "location",
+        header: t("wms.backend.sku.activity.columns.location", "Location"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: formatMovementLocation(row.original) })
+      },
+      {
+        id: "time",
+        header: t("wms.backend.sku.activity.columns.time", "Time"),
+        cell: ({ row }) => {
+          const raw = row.original.performed_at ?? row.original.received_at;
+          if (!raw) return "\u2014";
+          const date = new Date(raw);
+          if (Number.isNaN(date.getTime())) return raw;
+          return activityTimeFormatter.format(date);
+        },
+        meta: { maxWidth: "6rem" }
+      }
+    ],
+    [activityTimeFormatter, skuLabel, t]
+  );
+  const filterChips = [
+    { id: "all", label: t("wms.backend.sku.distribution.filters.all", "All bins") },
+    { id: "sellable", label: t("wms.backend.sku.distribution.filters.sellable", "Sellable") },
+    { id: "picking", label: t("wms.backend.sku.distribution.filters.picking", "Picking") },
+    { id: "nearExpiry", label: t("wms.backend.sku.distribution.filters.nearExpiry", "Near expiry") }
+  ];
+  const isLoading = variantQuery.isLoading || profileQuery.isLoading || balancesQuery.isLoading || lotsQuery.isLoading || movementsQuery.isLoading;
+  const hasError = variantQuery.isError || profileQuery.isError || balancesQuery.isError || lotsQuery.isError || movementsQuery.isError;
+  if (!catalogVariantId) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: t("wms.backend.sku.errors.invalidId", "Invalid SKU identifier."),
+        action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => router.push(inventoryHref), children: t("wms.backend.sku.actions.backToInventory", "Back to inventory") })
+      }
+    ) }) });
+  }
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "gray", size: "sm", className: "w-fit px-0 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ jsxs(Link, { href: inventoryHref, children: [
+        /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" }),
+        t("wms.backend.sku.actions.backToInventory", "Back to inventory")
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          title: pageTitle,
+          description: subtitleParts.join(" \xB7 "),
+          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Select, { value: warehouseId, onValueChange: setWarehouseId, children: [
+              /* @__PURE__ */ jsxs(SelectTrigger, { className: "w-full max-w-xs sm:w-56", children: [
+                /* @__PURE__ */ jsx(Warehouse, { className: "mr-2 size-4 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsx(SelectValue, { placeholder: warehouseLabel })
+              ] }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "all", children: t("wms.backend.sku.filters.allWarehouses", "All warehouses") }),
+                (warehousesQuery.data ?? []).map((warehouse) => /* @__PURE__ */ jsx(SelectItem, { value: warehouse.id, children: warehouse.name || warehouse.code || warehouse.id }, warehouse.id))
+              ] })
+            ] }),
+            access.canAdjust ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => openAdjustDialog(), children: [
+              /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4" }),
+              t("wms.backend.sku.actions.adjust", "Adjust stock")
+            ] }) : null
+          ] })
+        }
+      ),
+      isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("wms.backend.sku.loading", "Loading SKU view\u2026") }) : null,
+      hasError ? /* @__PURE__ */ jsx(ErrorMessage, { label: t("wms.backend.sku.errors.load", "Failed to load SKU view.") }) : null,
+      !isLoading && !hasError && variantQuery.data ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("section", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5", children: [
+          /* @__PURE__ */ jsx(
+            SkuKpiCard,
+            {
+              title: t("wms.backend.sku.kpis.onHand.title", "On hand"),
+              caption: t("wms.backend.sku.kpis.onHand.caption", "Total physical quantity"),
+              value: String(totals.onHand),
+              badgeLabel: reorderPoint > 0 && totals.onHand <= reorderPoint ? t("wms.backend.sku.kpis.onHand.badgeLow", "Below reorder") : null,
+              badgeVariant: "warning",
+              ctaLabel: t("wms.backend.sku.kpis.onHand.cta", "View distribution"),
+              ctaHref: "#stock-distribution"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SkuKpiCard,
+            {
+              title: t("wms.backend.sku.kpis.reserved.title", "Reserved"),
+              caption: t("wms.backend.sku.kpis.reserved.caption", "Committed to orders"),
+              value: String(totals.reserved),
+              badgeLabel: totals.reserved > 0 ? t("wms.backend.sku.kpis.reserved.badge", "{count} units held", { count: totals.reserved }) : null,
+              badgeVariant: "info",
+              ctaLabel: t("wms.backend.sku.kpis.reserved.cta", "View reservations"),
+              ctaHref: "/backend/wms/reservations"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SkuKpiCard,
+            {
+              title: t("wms.backend.sku.kpis.available.title", "Available"),
+              caption: t("wms.backend.sku.kpis.available.caption", "Ready to allocate"),
+              value: String(totals.available),
+              badgeLabel: totals.available > 0 ? t("wms.backend.sku.kpis.available.badge", "Sellable") : t("wms.backend.sku.kpis.available.badgeEmpty", "None"),
+              badgeVariant: totals.available > 0 ? "success" : "neutral",
+              ctaLabel: t("wms.backend.sku.kpis.available.cta", "Adjust stock"),
+              ctaHref: access.canAdjust ? "#stock-distribution" : inventoryHref
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SkuKpiCard,
+            {
+              title: t("wms.backend.sku.kpis.reorderPoint.title", "Reorder point"),
+              caption: t("wms.backend.sku.kpis.reorderPoint.caption", "From inventory profile"),
+              value: String(reorderPoint),
+              badgeLabel: safetyStock > 0 ? t("wms.backend.sku.kpis.reorderPoint.badgeSafety", "Safety {count}", { count: safetyStock }) : null,
+              badgeVariant: totals.available <= reorderPoint && reorderPoint > 0 ? "error" : "neutral",
+              ctaLabel: t("wms.backend.sku.kpis.reorderPoint.cta", "Edit profile"),
+              ctaHref: "/backend/config/wms"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            SkuKpiCard,
+            {
+              title: t("wms.backend.sku.kpis.daysOfSupply.title", "Days of supply"),
+              caption: t("wms.backend.sku.kpis.daysOfSupply.caption", "Based on last {days} days outbound", {
+                days: USAGE_WINDOW_DAYS
+              }),
+              value: daysOfSupply === null ? "\u2014" : String(daysOfSupply),
+              badgeLabel: daysOfSupply !== null && daysOfSupply <= 7 ? t("wms.backend.sku.kpis.daysOfSupply.badgeShort", "Short runway") : null,
+              badgeVariant: "warning",
+              ctaLabel: t("wms.backend.sku.kpis.daysOfSupply.cta", "View movements"),
+              ctaHref: movementsHref
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "section",
+          {
+            id: "stock-distribution",
+            className: "rounded-lg border bg-card text-card-foreground shadow-sm",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "border-b px-5 py-4", children: /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("wms.backend.sku.distribution.title", "Stock distribution") }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 border-b px-5 py-3 lg:flex-row lg:items-center lg:justify-between", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: filterChips.map((chip) => /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    size: "sm",
+                    variant: distributionFilter === chip.id ? "default" : "outline",
+                    className: cn("rounded-full", distributionFilter === chip.id && "shadow-sm"),
+                    onClick: () => setDistributionFilter(chip.id),
+                    children: chip.label
+                  },
+                  chip.id
+                )) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: handleExportDistributionCsv, children: [
+                    /* @__PURE__ */ jsx(Download, { className: "size-4" }),
+                    t("wms.backend.sku.distribution.actions.exportCsv", "Export CSV")
+                  ] }),
+                  access.canCycleCount ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => openCycleCountDialog(resolveMutationContext()),
+                      children: t("wms.backend.sku.distribution.actions.cycleCountZone", "Cycle count zone")
+                    }
+                  ) : null,
+                  access.canAdjust && selectedBalances.length > 0 ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "default",
+                      onClick: () => openAdjustDialog(resolveMutationContext()),
+                      children: t("wms.backend.sku.distribution.actions.adjustSelected", "Adjust selected ({count})", { count: selectedBalances.length })
+                    }
+                  ) : null
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                DataTable,
+                {
+                  embedded: true,
+                  columns: distributionColumns,
+                  data: pagedBalances,
+                  disableRowClick: true,
+                  entityId: E.wms.inventory_balance,
+                  perspective: { tableId: "wms.sku.distribution" },
+                  pagination: {
+                    page: distributionPage,
+                    pageSize: distributionPageSize,
+                    total: distributionTotal,
+                    totalPages: distributionTotalPages,
+                    onPageChange: setDistributionPage
+                  },
+                  emptyState: /* @__PURE__ */ jsx(
+                    EmptyState,
+                    {
+                      title: t("wms.backend.sku.distribution.empty.title", "No locations in this view"),
+                      description: t(
+                        "wms.backend.sku.distribution.empty.description",
+                        "Try another filter or post inventory through receipts or adjustments."
+                      )
+                    }
+                  )
+                }
+              ),
+              distributionTotal > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-t px-5 py-3 text-sm text-muted-foreground sm:flex-row sm:items-center sm:justify-between", children: [
+                /* @__PURE__ */ jsx("span", { children: t("wms.backend.sku.distribution.footer.showing", "Showing {shown} of {total} locations", {
+                  shown: pagedBalances.length,
+                  total: distributionTotal
+                }) }),
+                balancesQuery.data && balancesQuery.data.total > distributionTotal ? /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "gray", size: "sm", className: "h-auto px-0", children: /* @__PURE__ */ jsx(Link, { href: inventoryHref, children: t("wms.backend.sku.distribution.footer.viewAll", "View all locations \u2192") }) }) : null
+              ] }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DataTable,
+          {
+            title: t("wms.backend.sku.activity.title", "Recent activity"),
+            columns: activityColumns,
+            data: movementsQuery.data ?? [],
+            disableRowClick: true,
+            entityId: E.wms.inventory_movement,
+            perspective: { tableId: "wms.sku.activity" },
+            emptyState: t("wms.backend.sku.activity.empty", "No recent movements for this SKU."),
+            actions: /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Link, { href: movementsHref, children: t("wms.backend.sku.activity.viewAll", "View all movements \u2192") }) })
+          }
+        ),
+        /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-4 rounded-lg border bg-card px-5 py-4 shadow-sm lg:flex-row lg:items-center lg:justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("wms.backend.sku.quickActions.title", "Quick actions") }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+              "wms.backend.sku.quickActions.description",
+              "Run common inventory actions without leaving this SKU view"
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            access.canReceive ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "default", onClick: () => setReceiveOpen(true), children: [
+              /* @__PURE__ */ jsx(ArrowDown, { className: "size-4" }),
+              t("wms.backend.sku.quickActions.receive", "Receive stock")
+            ] }) : null,
+            access.canAdjust ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => openAdjustDialog(), children: [
+              /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4" }),
+              t("wms.backend.sku.quickActions.adjust", "Adjust inventory")
+            ] }) : null,
+            access.canAdjust ? /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "outline", children: /* @__PURE__ */ jsxs(Link, { href: inventoryConsoleHref, children: [
+              /* @__PURE__ */ jsx(ArrowLeftRight, { className: "size-4" }),
+              t("wms.backend.sku.quickActions.move", "Move stock")
+            ] }) }) : null,
+            access.canCycleCount ? /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => openCycleCountDialog(resolveMutationContext()),
+                children: [
+                  /* @__PURE__ */ jsx(ClipboardList, { className: "size-4" }),
+                  t("wms.backend.sku.quickActions.cycleCount", "Cycle count")
+                ]
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "outline", children: /* @__PURE__ */ jsxs(Link, { href: movementsHref, children: [
+              t("wms.backend.sku.quickActions.openLedger", "Open ledger"),
+              /* @__PURE__ */ jsx(ExternalLink, { className: "size-4" })
+            ] }) })
+          ] })
+        ] })
+      ] }) : null,
+      !isLoading && !hasError && !variantQuery.data ? /* @__PURE__ */ jsx(
+        RecordNotFoundState,
+        {
+          label: t("wms.backend.sku.errors.notFound", "SKU not found."),
+          backHref: inventoryHref,
+          backLabel: t("wms.backend.sku.actions.backToInventory", "Back to inventory")
+        }
+      ) : null
+    ] }),
+    access.canReceive && catalogVariantId ? /* @__PURE__ */ jsx(
+      ReceiveInventoryDialog,
+      {
+        open: receiveOpen,
+        onOpenChange: setReceiveOpen,
+        access,
+        initialCatalogVariantId: catalogVariantId
+      }
+    ) : null,
+    access.canAdjust && catalogVariantId ? /* @__PURE__ */ jsx(
+      AdjustInventoryDialog,
+      {
+        open: adjustOpen,
+        onOpenChange: setAdjustOpen,
+        access,
+        initialCatalogVariantId: catalogVariantId,
+        initialWarehouseId: adjustPreset.warehouseId,
+        initialLocationId: adjustPreset.locationId,
+        initialLotId: adjustPreset.lotId
+      }
+    ) : null,
+    access.canCycleCount ? /* @__PURE__ */ jsx(
+      CycleCountWizardDialog,
+      {
+        open: cycleOpen,
+        onOpenChange: setCycleOpen,
+        access,
+        initialCatalogVariantId: catalogVariantId ?? void 0,
+        initialWarehouseId: cyclePreset.warehouseId,
+        initialLocationId: cyclePreset.locationId
+      }
+    ) : null
+  ] });
+}
+export {
+  WmsSkuDetailPage as default
+};
+//# sourceMappingURL=WmsSkuDetailPage.js.map