@open-mercato/core 0.6.7-develop.6669.1.40b669666b → 0.6.7-develop.6670.1.4efa7961c6

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

@@ -0,0 +1,1015 @@
+"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 {
+  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 { Progress } from "@open-mercato/ui/primitives/progress";
+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 { LocationEditDialog } from "./LocationEditDialog.js";
+import { useWmsInventoryMutationAccess } from "./useWmsInventoryMutationAccess.js";
+const locationIdSchema = z.string().uuid();
+const NEAR_EXPIRY_MS = 30 * 24 * 60 * 60 * 1e3;
+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);
+}
+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 formatSkuLabel(row) {
+  const sku = (row.variant_sku ?? "").trim();
+  const name = (row.variant_name ?? "").trim();
+  if (sku) return sku;
+  if (name) return name;
+  return row.catalog_variant_id || "\u2014";
+}
+function formatVariantName(row) {
+  return (row.variant_name ?? "").trim() || "\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 resolveItemStatus(row, lot, reorderPoint, nowMs) {
+  if (lot?.status === "expired" || isExpired(lot?.expires_at, nowMs)) {
+    return {
+      variant: "error",
+      labelKey: "wms.backend.location.items.status.expired",
+      labelFallback: "Expired"
+    };
+  }
+  if (isNearExpiry(lot?.expires_at, nowMs)) {
+    return {
+      variant: "warning",
+      labelKey: "wms.backend.location.items.status.nearExpiry",
+      labelFallback: "Near expiry"
+    };
+  }
+  const available = row.quantity_available ?? 0;
+  if (reorderPoint > 0 && available <= reorderPoint) {
+    return {
+      variant: "warning",
+      labelKey: "wms.backend.location.items.status.lowStock",
+      labelFallback: "Low stock"
+    };
+  }
+  const reserved = toNumber(row.quantity_reserved);
+  const allocated = toNumber(row.quantity_allocated);
+  if (reserved > 0 || allocated > 0) {
+    return {
+      variant: "info",
+      labelKey: "wms.backend.location.items.status.reserved",
+      labelFallback: "Reserved"
+    };
+  }
+  return {
+    variant: "success",
+    labelKey: "wms.backend.location.items.status.available",
+    labelFallback: "Available"
+  };
+}
+function matchesItemFilter(row, lot, filter, nowMs) {
+  switch (filter) {
+    case "all":
+      return true;
+    case "sellable":
+      return (row.quantity_available ?? 0) > 0 && !isExpired(lot?.expires_at, nowMs) && lot?.status !== "expired";
+    case "picking":
+      return toNumber(row.quantity_reserved) > 0 || toNumber(row.quantity_allocated) > 0;
+    case "nearExpiry":
+      return isNearExpiry(lot?.expires_at, nowMs) || lot?.status === "expired";
+    default:
+      return true;
+  }
+}
+function movementTypeLabel(type, t) {
+  const key = `wms.backend.location.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, locationId, locationCode) {
+  const fromId = row.location_from_id?.trim();
+  const toId = row.location_to_id?.trim();
+  const from = (row.location_from_code ?? "").trim() || fromId || "\u2014";
+  const to = (row.location_to_code ?? "").trim() || toId || "\u2014";
+  if (row.type === "transfer" && from !== "\u2014" && to !== "\u2014") return `${from} \u2192 ${to}`;
+  if (fromId === locationId || toId === locationId) return locationCode || locationId;
+  return from !== "\u2014" ? from : to;
+}
+function formatRelativeDays(valueMs, t) {
+  const days = Math.max(0, Math.floor((Date.now() - valueMs) / (24 * 60 * 60 * 1e3)));
+  if (days === 0) return t("wms.backend.location.kpis.lastCounted.today", "Today");
+  return t("wms.backend.location.kpis.lastCounted.daysAgo", "{days}d ago", { days });
+}
+function LocationKpiCard({
+  title,
+  caption,
+  value,
+  badgeLabel,
+  badgeVariant,
+  ctaLabel,
+  ctaHref,
+  onCtaClick,
+  progress
+}) {
+  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
+    ] }),
+    progress != null ? /* @__PURE__ */ jsx(
+      Progress,
+      {
+        value: progress,
+        max: 100,
+        tone: progress >= 80 ? "warning" : "accent",
+        size: "sm",
+        className: "mt-3"
+      }
+    ) : null,
+    onCtaClick ? /* @__PURE__ */ jsx(LinkButton, { variant: "primary", size: "sm", className: "mt-auto pt-4 w-fit", onClick: onCtaClick, children: ctaLabel }) : ctaHref ? /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "primary", size: "sm", className: "mt-auto pt-4 w-fit", children: /* @__PURE__ */ jsx(Link, { href: ctaHref, children: ctaLabel }) }) : null
+  ] });
+}
+function WmsLocationDetailPage({ locationId }) {
+  const t = useT();
+  const locale = useLocale();
+  const router = useRouter();
+  const access = useWmsInventoryMutationAccess();
+  const parsedLocationId = locationIdSchema.safeParse(locationId.trim());
+  const scopedLocationId = parsedLocationId.success ? parsedLocationId.data : null;
+  const [itemFilter, setItemFilter] = React.useState("all");
+  const [itemsPage, setItemsPage] = React.useState(1);
+  const [selectedBalanceIds, setSelectedBalanceIds] = React.useState(() => /* @__PURE__ */ new Set());
+  const [adjustOpen, setAdjustOpen] = React.useState(false);
+  const [adjustPreset, setAdjustPreset] = React.useState({});
+  const [cycleOpen, setCycleOpen] = React.useState(false);
+  const [cyclePreset, setCyclePreset] = React.useState({});
+  const [editOpen, setEditOpen] = React.useState(false);
+  const itemsPageSize = 20;
+  const activityTimeFormatter = React.useMemo(
+    () => new Intl.DateTimeFormat(locale, {
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit"
+    }),
+    [locale]
+  );
+  const locationQuery = useQuery({
+    queryKey: ["wms-location-detail", "location", scopedLocationId],
+    enabled: Boolean(scopedLocationId),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        ids: scopedLocationId,
+        page: "1",
+        pageSize: "1"
+      });
+      const call = await apiCall(`/api/wms/locations?${params.toString()}`);
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.location.errors.location", "Failed to load location."));
+      }
+      return call.result?.items?.[0] ?? null;
+    }
+  });
+  const parentLocationQuery = useQuery({
+    queryKey: ["wms-location-detail", "parent", locationQuery.data?.parent_id],
+    enabled: Boolean(locationQuery.data?.parent_id),
+    queryFn: async () => {
+      const parentId = locationQuery.data?.parent_id?.trim();
+      if (!parentId) return null;
+      const params = new URLSearchParams({ ids: parentId, page: "1", pageSize: "1" });
+      const call = await apiCall(`/api/wms/locations?${params.toString()}`);
+      if (!call.ok) return null;
+      return call.result?.items?.[0] ?? null;
+    }
+  });
+  const balancesQuery = useQuery({
+    queryKey: ["wms-location-detail", "balances", scopedLocationId],
+    enabled: Boolean(scopedLocationId),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        locationId: scopedLocationId,
+        page: "1",
+        pageSize: "100",
+        sortField: "updatedAt",
+        sortDir: "desc"
+      });
+      const call = await apiCall(
+        `/api/wms/inventory/balances?${params.toString()}`
+      );
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.location.errors.balances", "Failed to load items in location."));
+      }
+      return call.result ?? { items: [], total: 0, totalPages: 1 };
+    }
+  });
+  const variantIds = React.useMemo(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const row of balancesQuery.data?.items ?? []) {
+      const variantId = row.catalog_variant_id?.trim();
+      if (variantId) ids.add(variantId);
+    }
+    return Array.from(ids);
+  }, [balancesQuery.data?.items]);
+  const profilesQuery = useQuery({
+    queryKey: ["wms-location-detail", "profiles", variantIds],
+    enabled: variantIds.length > 0,
+    queryFn: async () => {
+      const params = new URLSearchParams({ page: "1", pageSize: "100" });
+      const call = await apiCall(
+        `/api/wms/inventory-profiles?${params.toString()}`
+      );
+      if (!call.ok) return [];
+      return call.result?.items ?? [];
+    }
+  });
+  const lotsQuery = useQuery({
+    queryKey: ["wms-location-detail", "lots", variantIds],
+    enabled: variantIds.length > 0,
+    queryFn: async () => {
+      const params = new URLSearchParams({ page: "1", pageSize: "100" });
+      const call = await apiCall(`/api/wms/lots?${params.toString()}`);
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.location.errors.lots", "Failed to load lots."));
+      }
+      return call.result?.items ?? [];
+    }
+  });
+  const warehouseId = locationQuery.data?.warehouse_id?.trim() ?? "";
+  const movementsQuery = useQuery({
+    queryKey: ["wms-location-detail", "movements", scopedLocationId, warehouseId],
+    enabled: Boolean(scopedLocationId && warehouseId),
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        warehouseId,
+        locationId: scopedLocationId,
+        page: "1",
+        pageSize: "50",
+        sortField: "performedAt",
+        sortDir: "desc"
+      });
+      const call = await apiCall(
+        `/api/wms/inventory/movements?${params.toString()}`
+      );
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.location.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 reorderPointByVariant = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const profile of profilesQuery.data ?? []) {
+      const variantId = profile.catalog_variant_id?.trim();
+      if (!variantId) continue;
+      map.set(variantId, toNumber(profile.reorder_point));
+    }
+    return map;
+  }, [profilesQuery.data]);
+  const locationCode = (locationQuery.data?.code ?? "").trim() || scopedLocationId || "\u2014";
+  const pageTitle = locationCode;
+  const locationTypeLabel = React.useMemo(() => {
+    const type = (locationQuery.data?.type ?? "").trim();
+    if (!type) return null;
+    return t(`wms.backend.location.types.${type}`, type);
+  }, [locationQuery.data?.type, t]);
+  const nowMs = React.useMemo(() => Date.now(), []);
+  const totals = React.useMemo(() => {
+    const items = balancesQuery.data?.items ?? [];
+    let onHand = 0;
+    let reserved = 0;
+    let allocated = 0;
+    const skuIds = /* @__PURE__ */ new Set();
+    const lotIds = /* @__PURE__ */ new Set();
+    for (const row of items) {
+      onHand += toNumber(row.quantity_on_hand);
+      reserved += toNumber(row.quantity_reserved);
+      allocated += toNumber(row.quantity_allocated);
+      const variantId = row.catalog_variant_id?.trim();
+      if (variantId && toNumber(row.quantity_on_hand) > 0) skuIds.add(variantId);
+      const lotId = row.lot_id?.trim();
+      if (lotId && toNumber(row.quantity_on_hand) > 0) lotIds.add(lotId);
+    }
+    return {
+      onHand,
+      reserved,
+      allocated,
+      pendingPicks: reserved + allocated,
+      skuCount: skuIds.size,
+      lotCount: lotIds.size
+    };
+  }, [balancesQuery.data?.items]);
+  const capacityUsedPercent = React.useMemo(() => {
+    const capacity = toNumber(locationQuery.data?.capacity_units);
+    if (capacity <= 0) return null;
+    return Math.min(100, Math.round(totals.onHand / capacity * 100));
+  }, [locationQuery.data?.capacity_units, totals.onHand]);
+  const lastCounted = React.useMemo(() => {
+    const cycleMovements = (movementsQuery.data ?? []).filter((row) => row.type === "cycle_count");
+    if (cycleMovements.length === 0) return null;
+    const latest = cycleMovements[0];
+    const raw = latest.performed_at ?? latest.received_at;
+    if (!raw) return null;
+    const ts = new Date(raw).getTime();
+    if (Number.isNaN(ts)) return null;
+    return { ts, label: formatRelativeDays(ts, t) };
+  }, [movementsQuery.data, t]);
+  const filteredBalances = React.useMemo(() => {
+    const items = balancesQuery.data?.items ?? [];
+    return items.filter(
+      (row) => matchesItemFilter(row, row.lot_id ? lotById.get(row.lot_id) : void 0, itemFilter, nowMs)
+    );
+  }, [balancesQuery.data?.items, itemFilter, lotById, nowMs]);
+  const itemsTotal = filteredBalances.length;
+  const itemsTotalPages = Math.max(1, Math.ceil(itemsTotal / itemsPageSize));
+  const pagedBalances = React.useMemo(() => {
+    const start = (itemsPage - 1) * itemsPageSize;
+    return filteredBalances.slice(start, start + itemsPageSize);
+  }, [filteredBalances, itemsPage, itemsPageSize]);
+  React.useEffect(() => {
+    setItemsPage(1);
+    setSelectedBalanceIds(/* @__PURE__ */ new Set());
+  }, [itemFilter]);
+  const selectedBalances = React.useMemo(
+    () => filteredBalances.filter((row) => selectedBalanceIds.has(row.id)),
+    [filteredBalances, selectedBalanceIds]
+  );
+  const movementsHref = React.useMemo(() => {
+    const params = new URLSearchParams();
+    if (warehouseId) params.set("warehouseId", warehouseId);
+    const query = params.toString();
+    return query ? `/backend/wms/movements?${query}` : "/backend/wms/movements";
+  }, [warehouseId]);
+  const inventoryConsoleHref = React.useMemo(() => {
+    if (!scopedLocationId) return "/backend/wms/inventory";
+    return `/backend/wms/inventory?locationId=${encodeURIComponent(scopedLocationId)}`;
+  }, [scopedLocationId]);
+  const locationsHref = "/backend/wms/locations";
+  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 lotId = selectedBalances.length === 1 ? firstSelected?.lot_id?.trim() || void 0 : void 0;
+    const catalogVariantId = selectedBalances.length === 1 ? firstSelected?.catalog_variant_id?.trim() || void 0 : void 0;
+    return {
+      warehouseId: warehouseId || void 0,
+      locationId: scopedLocationId || void 0,
+      catalogVariantId,
+      lotId
+    };
+  }, [scopedLocationId, 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 handleExportItemsCsv = React.useCallback(() => {
+    const headers = [
+      t("wms.backend.location.items.columns.sku", "SKU"),
+      t("wms.backend.location.items.columns.variant", "Variant name"),
+      t("wms.backend.location.items.columns.lot", "Lot"),
+      t("wms.backend.location.items.columns.onHand", "On hand"),
+      t("wms.backend.location.items.columns.reserved", "Reserved"),
+      t("wms.backend.location.items.columns.status", "Status")
+    ];
+    const rows = filteredBalances.map((row) => {
+      const lot = row.lot_id ? lotById.get(row.lot_id) : void 0;
+      const reorderPoint = reorderPointByVariant.get(row.catalog_variant_id?.trim() ?? "") ?? 0;
+      const status = resolveItemStatus(row, lot, reorderPoint, nowMs);
+      return [
+        formatSkuLabel(row),
+        formatVariantName(row),
+        formatLotLabel(lot, locale),
+        String(toNumber(row.quantity_on_hand)),
+        String(toNumber(row.quantity_reserved)),
+        t(status.labelKey, status.labelFallback)
+      ];
+    });
+    const safeCode = pageTitle.replace(/[^\w.-]+/g, "-").replace(/^-+|-+$/g, "") || "location";
+    downloadCsvFile(`${safeCode}-items.csv`, [headers, ...rows]);
+  }, [filteredBalances, locale, lotById, nowMs, pageTitle, reorderPointByVariant, t]);
+  const warehouseLabel = formatWarehouseLabel(locationQuery.data ?? {});
+  const subtitleParts = [
+    locationTypeLabel ? `${locationTypeLabel} ${locationCode}` : null,
+    parentLocationQuery.data?.code?.trim() ? t("wms.backend.location.header.zone", "Zone {code}", {
+      code: parentLocationQuery.data.code.trim()
+    }) : null,
+    warehouseLabel !== "\u2014" ? warehouseLabel : null,
+    locationQuery.data?.is_active === false ? t("wms.backend.location.header.inactive", "Inactive") : null
+  ].filter(Boolean);
+  const itemColumns = React.useMemo(
+    () => [
+      {
+        id: "select",
+        header: () => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            "aria-label": t("wms.backend.location.items.columns.select", "Select"),
+            checked: pageSelectionState.indeterminate ? "indeterminate" : pageSelectionState.checked,
+            onCheckedChange: (checked) => togglePageSelection(checked === true)
+          }
+        ),
+        cell: ({ row }) => /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            "aria-label": t("wms.backend.location.items.columns.select", "Select"),
+            checked: selectedBalanceIds.has(row.original.id),
+            onCheckedChange: (checked) => toggleBalanceSelection(row.original.id, checked === true)
+          }
+        ),
+        meta: { maxWidth: "2.75rem" }
+      },
+      {
+        accessorKey: "variant_sku",
+        header: t("wms.backend.location.items.columns.sku", "SKU"),
+        cell: ({ row }) => {
+          const variantId = row.original.catalog_variant_id?.trim();
+          const label = formatSkuLabel(row.original);
+          if (!variantId) return label;
+          return /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/backend/wms/sku/${encodeURIComponent(variantId)}`,
+              className: "font-medium text-primary hover:underline",
+              children: label
+            }
+          );
+        }
+      },
+      {
+        accessorKey: "variant_name",
+        header: t("wms.backend.location.items.columns.variant", "Variant name"),
+        cell: ({ row }) => formatVariantName(row.original)
+      },
+      {
+        accessorKey: "lot_id",
+        header: t("wms.backend.location.items.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.location.items.columns.onHand", "On hand"),
+        cell: ({ row }) => String(toNumber(row.original.quantity_on_hand))
+      },
+      {
+        accessorKey: "quantity_reserved",
+        header: t("wms.backend.location.items.columns.reserved", "Reserved"),
+        cell: ({ row }) => String(toNumber(row.original.quantity_reserved))
+      },
+      {
+        id: "status",
+        header: t("wms.backend.location.items.columns.status", "Status"),
+        cell: ({ row }) => {
+          const lot = row.original.lot_id ? lotById.get(row.original.lot_id) : void 0;
+          const reorderPoint = reorderPointByVariant.get(row.original.catalog_variant_id?.trim() ?? "") ?? 0;
+          const status = resolveItemStatus(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,
+      reorderPointByVariant,
+      selectedBalanceIds,
+      t,
+      toggleBalanceSelection,
+      togglePageSelection
+    ]
+  );
+  const activityColumns = React.useMemo(
+    () => [
+      {
+        accessorKey: "type",
+        header: t("wms.backend.location.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.location.activity.columns.details", "Details"),
+        cell: ({ row }) => {
+          const skuLabel = (row.original.variant_sku ?? "").trim() || (row.original.variant_name ?? "").trim() || row.original.catalog_variant_id || "\u2014";
+          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.location.activity.columns.location", "Location"),
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: formatMovementLocation(row.original, scopedLocationId ?? "", locationCode) })
+      },
+      {
+        id: "time",
+        header: t("wms.backend.location.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, locationCode, scopedLocationId, t]
+  );
+  const filterChips = [
+    { id: "all", label: t("wms.backend.location.items.filters.all", "All items") },
+    { id: "sellable", label: t("wms.backend.location.items.filters.sellable", "Sellable") },
+    { id: "picking", label: t("wms.backend.location.items.filters.picking", "Picking") },
+    { id: "nearExpiry", label: t("wms.backend.location.items.filters.nearExpiry", "Near expiry") }
+  ];
+  const isLoading = locationQuery.isLoading || balancesQuery.isLoading || lotsQuery.isLoading || movementsQuery.isLoading || parentLocationQuery.isLoading;
+  const hasError = locationQuery.isError || balancesQuery.isError || lotsQuery.isError || movementsQuery.isError;
+  if (!scopedLocationId) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: t("wms.backend.location.errors.invalidId", "Invalid location identifier."),
+        action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => router.push(locationsHref), children: t("wms.backend.location.actions.backToLocations", "Back to locations") })
+      }
+    ) }) });
+  }
+  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: locationsHref, children: [
+        /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" }),
+        t("wms.backend.location.actions.backToLocations", "Back to locations")
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          title: pageTitle,
+          description: subtitleParts.join(" \xB7 "),
+          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            warehouseId ? /* @__PURE__ */ jsxs(Select, { value: warehouseId, disabled: true, 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__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectItem, { value: warehouseId, children: warehouseLabel }) })
+            ] }) : null,
+            access.canAdjust ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => openAdjustDialog(resolveMutationContext()), children: [
+              /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4" }),
+              t("wms.backend.location.actions.adjust", "Adjust stock")
+            ] }) : null
+          ] })
+        }
+      ),
+      isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("wms.backend.location.loading", "Loading location view\u2026") }) : null,
+      hasError ? /* @__PURE__ */ jsx(ErrorMessage, { label: t("wms.backend.location.errors.load", "Failed to load location view.") }) : null,
+      !isLoading && !hasError && locationQuery.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(
+            LocationKpiCard,
+            {
+              title: t("wms.backend.location.kpis.skusOccupied.title", "SKUs occupied"),
+              caption: t("wms.backend.location.kpis.skusOccupied.caption", "Distinct variants with stock"),
+              value: String(totals.skuCount),
+              badgeLabel: totals.skuCount > 0 ? t("wms.backend.location.kpis.skusOccupied.badge", "{count} active", { count: totals.skuCount }) : null,
+              badgeVariant: "info",
+              ctaLabel: t("wms.backend.location.kpis.skusOccupied.cta", "View items"),
+              ctaHref: "#location-items"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            LocationKpiCard,
+            {
+              title: t("wms.backend.location.kpis.capacityUsed.title", "Capacity used"),
+              caption: t("wms.backend.location.kpis.capacityUsed.caption", "On hand vs location capacity"),
+              value: capacityUsedPercent === null ? "\u2014" : `${capacityUsedPercent}%`,
+              badgeLabel: capacityUsedPercent !== null && capacityUsedPercent >= 80 ? t("wms.backend.location.kpis.capacityUsed.badgeHigh", "Near limit") : capacityUsedPercent !== null ? t("wms.backend.location.kpis.capacityUsed.badgeOk", "Within capacity") : null,
+              badgeVariant: capacityUsedPercent !== null && capacityUsedPercent >= 80 ? "warning" : "success",
+              ctaLabel: t("wms.backend.location.kpis.capacityUsed.cta", "Edit location"),
+              onCtaClick: access.canManageLocations ? () => setEditOpen(true) : void 0,
+              progress: capacityUsedPercent
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            LocationKpiCard,
+            {
+              title: t("wms.backend.location.kpis.activeLots.title", "Active lots"),
+              caption: t("wms.backend.location.kpis.activeLots.caption", "Lots with on-hand quantity"),
+              value: String(totals.lotCount),
+              badgeLabel: totals.lotCount > 0 ? t("wms.backend.location.kpis.activeLots.badge", "{count} lots", { count: totals.lotCount }) : null,
+              badgeVariant: "neutral",
+              ctaLabel: t("wms.backend.location.kpis.activeLots.cta", "View items"),
+              ctaHref: "#location-items"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            LocationKpiCard,
+            {
+              title: t("wms.backend.location.kpis.pendingPicks.title", "Pending picks"),
+              caption: t("wms.backend.location.kpis.pendingPicks.caption", "Reserved and allocated units"),
+              value: String(totals.pendingPicks),
+              badgeLabel: totals.pendingPicks > 0 ? t("wms.backend.location.kpis.pendingPicks.badge", "{count} units", { count: totals.pendingPicks }) : null,
+              badgeVariant: "info",
+              ctaLabel: t("wms.backend.location.kpis.pendingPicks.cta", "View reservations"),
+              ctaHref: "/backend/wms/reservations"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            LocationKpiCard,
+            {
+              title: t("wms.backend.location.kpis.lastCounted.title", "Last counted"),
+              caption: t("wms.backend.location.kpis.lastCounted.caption", "Most recent cycle count"),
+              value: lastCounted?.label ?? "\u2014",
+              badgeLabel: lastCounted && nowMs - lastCounted.ts > 14 * 24 * 60 * 60 * 1e3 ? t("wms.backend.location.kpis.lastCounted.badgeStale", "Due soon") : lastCounted ? t("wms.backend.location.kpis.lastCounted.badgeRecent", "Recent") : t("wms.backend.location.kpis.lastCounted.badgeNever", "Never"),
+              badgeVariant: !lastCounted || nowMs - (lastCounted?.ts ?? 0) > 14 * 24 * 60 * 60 * 1e3 ? "warning" : "success",
+              ctaLabel: t("wms.backend.location.kpis.lastCounted.cta", "Start cycle count"),
+              ctaHref: "#location-items"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "section",
+          {
+            id: "location-items",
+            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.location.items.title", "Items in this location") }) }),
+              /* @__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: itemFilter === chip.id ? "default" : "outline",
+                    className: cn("rounded-full", itemFilter === chip.id && "shadow-sm"),
+                    onClick: () => setItemFilter(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: handleExportItemsCsv, children: [
+                    /* @__PURE__ */ jsx(Download, { className: "size-4" }),
+                    t("wms.backend.location.items.actions.exportCsv", "Export CSV")
+                  ] }),
+                  access.canCycleCount ? /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => openCycleCountDialog({
+                        warehouseId: warehouseId || void 0,
+                        locationId: scopedLocationId
+                      }),
+                      children: t("wms.backend.location.items.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.location.items.actions.adjustSelected", "Adjust selected ({count})", { count: selectedBalances.length })
+                    }
+                  ) : null
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                DataTable,
+                {
+                  embedded: true,
+                  columns: itemColumns,
+                  data: pagedBalances,
+                  disableRowClick: true,
+                  entityId: E.wms.inventory_balance,
+                  perspective: { tableId: "wms.location.items" },
+                  pagination: {
+                    page: itemsPage,
+                    pageSize: itemsPageSize,
+                    total: itemsTotal,
+                    totalPages: itemsTotalPages,
+                    onPageChange: setItemsPage
+                  },
+                  emptyState: /* @__PURE__ */ jsx(
+                    EmptyState,
+                    {
+                      title: t("wms.backend.location.items.empty.title", "No items in this view"),
+                      description: t(
+                        "wms.backend.location.items.empty.description",
+                        "Try another filter or post inventory through receipts or adjustments."
+                      )
+                    }
+                  )
+                }
+              ),
+              itemsTotal > 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.location.items.footer.showing", "Showing {shown} of {total} items", {
+                  shown: pagedBalances.length,
+                  total: itemsTotal
+                }) }),
+                balancesQuery.data && balancesQuery.data.total > itemsTotal ? /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "gray", size: "sm", className: "h-auto px-0", children: /* @__PURE__ */ jsx(Link, { href: inventoryConsoleHref, children: t("wms.backend.location.items.footer.viewAll", "View all items \u2192") }) }) : null
+              ] }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DataTable,
+          {
+            title: t("wms.backend.location.activity.title", "Recent activity"),
+            columns: activityColumns,
+            data: movementsQuery.data ?? [],
+            disableRowClick: true,
+            entityId: E.wms.inventory_movement,
+            perspective: { tableId: "wms.location.activity" },
+            emptyState: t("wms.backend.location.activity.empty", "No recent movements for this location."),
+            actions: /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Link, { href: movementsHref, children: t("wms.backend.location.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.location.quickActions.title", "Quick actions") }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+              "wms.backend.location.quickActions.description",
+              "Run common inventory actions without leaving this location view"
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            access.canAdjust ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "default", onClick: () => openAdjustDialog(resolveMutationContext()), children: [
+              /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4" }),
+              t("wms.backend.location.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.location.quickActions.move", "Move stock")
+            ] }) }) : null,
+            access.canCycleCount ? /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => openCycleCountDialog({
+                  warehouseId: warehouseId || void 0,
+                  locationId: scopedLocationId
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(ClipboardList, { className: "size-4" }),
+                  t("wms.backend.location.quickActions.cycleCount", "Cycle count")
+                ]
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "outline", children: /* @__PURE__ */ jsxs(Link, { href: movementsHref, children: [
+              t("wms.backend.location.quickActions.openLedger", "Open ledger"),
+              /* @__PURE__ */ jsx(ExternalLink, { className: "size-4" })
+            ] }) })
+          ] })
+        ] })
+      ] }) : null,
+      !isLoading && !hasError && !locationQuery.data ? /* @__PURE__ */ jsx(
+        RecordNotFoundState,
+        {
+          label: t("wms.backend.location.errors.notFound", "Location not found."),
+          backHref: locationsHref,
+          backLabel: t("wms.backend.location.actions.backToLocations", "Back to locations")
+        }
+      ) : null
+    ] }),
+    access.canAdjust && scopedLocationId ? /* @__PURE__ */ jsx(
+      AdjustInventoryDialog,
+      {
+        open: adjustOpen,
+        onOpenChange: setAdjustOpen,
+        access,
+        initialWarehouseId: adjustPreset.warehouseId ?? warehouseId,
+        initialLocationId: adjustPreset.locationId ?? scopedLocationId,
+        initialCatalogVariantId: adjustPreset.catalogVariantId,
+        initialLotId: adjustPreset.lotId
+      }
+    ) : null,
+    access.canCycleCount ? /* @__PURE__ */ jsx(
+      CycleCountWizardDialog,
+      {
+        open: cycleOpen,
+        onOpenChange: setCycleOpen,
+        access,
+        initialWarehouseId: cyclePreset.warehouseId ?? warehouseId,
+        initialLocationId: cyclePreset.locationId ?? scopedLocationId ?? void 0
+      }
+    ) : null,
+    access.canManageLocations && locationQuery.data ? /* @__PURE__ */ jsx(
+      LocationEditDialog,
+      {
+        open: editOpen,
+        onOpenChange: setEditOpen,
+        mode: "edit",
+        row: locationQuery.data,
+        onSaved: async () => {
+          await locationQuery.refetch();
+        }
+      }
+    ) : null
+  ] });
+}
+export {
+  WmsLocationDetailPage as default
+};
+//# sourceMappingURL=WmsLocationDetailPage.js.map