@open-mercato/core 0.6.7-develop.6661.1.0043ed1d03 → 0.6.7-develop.6670.1.4efa7961c6

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

@@ -0,0 +1,757 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useQuery } from "@tanstack/react-query";
+import {
+  ArrowDown,
+  ClipboardList,
+  ExternalLink,
+  MapPin,
+  Package,
+  RefreshCw,
+  SlidersHorizontal,
+  Warehouse as WarehouseIcon2
+} from "lucide-react";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { BarChart } from "@open-mercato/ui/backend/charts";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+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 {
+  inventoryMovementReasonLabel
+} from "../../lib/inventoryDisplayUi.js";
+import { AdjustInventoryDialog } from "./AdjustInventoryDialog.js";
+import { ChangeLotStatusDialog } from "./ChangeLotStatusDialog.js";
+import { CycleCountWizardDialog } from "./CycleCountWizardDialog.js";
+import { MoveInventoryDialog } from "./MoveInventoryDialog.js";
+import { ReceiveInventoryDialog } from "./ReceiveInventoryDialog.js";
+import { useWmsInventoryMutationAccess } from "./useWmsInventoryMutationAccess.js";
+const AUTO_REFRESH_MS = 6e4;
+function Sparkline({ values, className }) {
+  const width = 160;
+  const height = 36;
+  const max = Math.max(...values, 1);
+  const points = values.map((value, index) => {
+    const x = values.length <= 1 ? width / 2 : index / (values.length - 1) * width;
+    const y = height - value / max * (height - 4) - 2;
+    return `${x},${y}`;
+  });
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      viewBox: `0 0 ${width} ${height}`,
+      className,
+      "aria-hidden": "true",
+      preserveAspectRatio: "none",
+      children: /* @__PURE__ */ jsx(
+        "polyline",
+        {
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          points: points.join(" "),
+          className: "text-status-info-icon"
+        }
+      )
+    }
+  );
+}
+function formatActivityTitle(row, t) {
+  const sku = row.variantSku?.trim() || row.variantId;
+  const quantity = Math.abs(row.quantity);
+  const signedQuantity = row.quantity;
+  switch (row.movementType) {
+    case "receipt":
+    case "return_receive":
+      return t("wms.backend.dashboard.activity.titles.received", "Received {quantity}\xD7 {sku}", {
+        quantity,
+        sku
+      });
+    case "adjust":
+      return t("wms.backend.dashboard.activity.titles.adjusted", "Adjusted {quantity}\xD7 {sku}", {
+        quantity: `${signedQuantity >= 0 ? "+" : ""}${signedQuantity}`,
+        sku
+      });
+    case "transfer":
+      return t("wms.backend.dashboard.activity.titles.moved", "Moved {quantity}\xD7 {sku}", {
+        quantity,
+        sku
+      });
+    case "pick":
+    case "pack":
+      return t("wms.backend.dashboard.activity.titles.allocated", "Allocated {quantity}\xD7 {sku}", {
+        quantity,
+        sku
+      });
+    case "cycle_count":
+      return t("wms.backend.dashboard.activity.titles.reconciled", "Inventory reconciled \u2014 {sku}", {
+        sku
+      });
+    default:
+      return t("wms.backend.dashboard.activity.titles.generic", "{type} {quantity}\xD7 {sku}", {
+        type: row.movementType,
+        quantity,
+        sku
+      });
+  }
+}
+function formatActivitySubtitle(row, t) {
+  const reasonLabel = inventoryMovementReasonLabel(
+    {
+      reasonCode: row.reasonCode,
+      reason: row.reason,
+      movementType: row.movementType
+    },
+    t
+  );
+  if (reasonLabel) return reasonLabel;
+  if (row.referenceType && row.referenceId) return `${row.referenceType} \xB7 ${row.referenceId}`;
+  return null;
+}
+function createDateTimeFormatter(locale, options) {
+  return new Intl.DateTimeFormat(locale, options);
+}
+function resolveDashboardFirstRunMode(input) {
+  if (input.warehousesLoading || input.warehousesError) return null;
+  if (!input.hasWarehouses) return "no-warehouses";
+  if (input.locationsLoading || input.locationsError) return null;
+  if (input.locationsCount === 0) return "no-locations";
+  return null;
+}
+function DashboardKpiCard({
+  kpi,
+  title,
+  caption,
+  badgeLabel,
+  badgeVariant,
+  ctaLabel,
+  href
+}) {
+  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: kpi.count }),
+      badgeLabel ? /* @__PURE__ */ jsx(StatusBadge, { variant: badgeVariant, dot: true, children: badgeLabel }) : null
+    ] }),
+    /* @__PURE__ */ jsx(Sparkline, { values: kpi.sparkline, className: "mt-3 h-9 w-full max-w-40" }),
+    /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "primary", size: "sm", className: "mt-4 w-fit", children: /* @__PURE__ */ jsx(Link, { href, children: ctaLabel }) })
+  ] });
+}
+function ExpiryLotList({
+  title,
+  emptyLabel,
+  viewAllLabel,
+  viewAllHref,
+  rows,
+  expiryFormatter,
+  quantityFormatter,
+  canAdjust,
+  onChangeStatus,
+  onMove,
+  t
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: title }),
+      /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "gray", size: "sm", className: "h-8 px-2", children: /* @__PURE__ */ jsx(Link, { href: viewAllHref, children: viewAllLabel }) })
+    ] }),
+    rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: emptyLabel }) : /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children: rows.map((row) => {
+      const badgeVariant = row.category === "pastDue" ? "error" : "warning";
+      return /* @__PURE__ */ jsxs("li", { className: "flex items-start justify-between gap-3 py-3 first:pt-0 last:pb-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: row.lotNumber }),
+          /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-muted-foreground", children: row.sku }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx(StatusBadge, { variant: badgeVariant, dot: true, children: expiryFormatter.format(new Date(row.expiresAt)) }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+              "wms.backend.dashboard.expiry.available",
+              "{quantity} available",
+              { quantity: quantityFormatter.format(row.availableQuantity) }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          canAdjust ? /* @__PURE__ */ jsx(
+            RowActions,
+            {
+              items: [
+                {
+                  id: "change-status",
+                  label: t("wms.backend.lots.actions.changeStatus", "Change status"),
+                  onSelect: () => onChangeStatus(row)
+                },
+                {
+                  id: "move",
+                  label: t("wms.backend.lots.actions.move", "Move"),
+                  onSelect: () => onMove(row)
+                }
+              ]
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "ghost", size: "icon", className: "size-7 shrink-0", children: /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/backend/wms/lot/${row.id}`,
+              "aria-label": t("wms.backend.dashboard.expiry.openLot", "Open lot"),
+              children: /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5" })
+            }
+          ) })
+        ] })
+      ] }, row.id);
+    }) })
+  ] });
+}
+const movementStatusMap = {
+  receipt: "success",
+  return_receive: "success",
+  adjust: "warning",
+  transfer: "info",
+  pick: "info",
+  pack: "info",
+  cycle_count: "neutral",
+  putaway: "info",
+  ship: "success"
+};
+function WmsOperationalDashboardPage() {
+  const t = useT();
+  const locale = useLocale();
+  const access = useWmsInventoryMutationAccess();
+  const [warehouseId, setWarehouseId] = React.useState("all");
+  const [adjustOpen, setAdjustOpen] = React.useState(false);
+  const [cycleOpen, setCycleOpen] = React.useState(false);
+  const [changeStatusOpen, setChangeStatusOpen] = React.useState(false);
+  const [moveOpen, setMoveOpen] = React.useState(false);
+  const [receiveOpen, setReceiveOpen] = React.useState(false);
+  const [activeExpiryLot, setActiveExpiryLot] = React.useState(null);
+  const openExpiryChangeStatus = React.useCallback((row) => {
+    setActiveExpiryLot(row);
+    setChangeStatusOpen(true);
+  }, []);
+  const openExpiryMove = React.useCallback((row) => {
+    setActiveExpiryLot(row);
+    setMoveOpen(true);
+  }, []);
+  const activityTimeFormatter = React.useMemo(
+    () => createDateTimeFormatter(locale, {
+      month: "2-digit",
+      day: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit"
+    }),
+    [locale]
+  );
+  const lastUpdatedFormatter = React.useMemo(
+    () => createDateTimeFormatter(locale, {
+      hour: "2-digit",
+      minute: "2-digit"
+    }),
+    [locale]
+  );
+  const expiryDateFormatter = React.useMemo(
+    () => createDateTimeFormatter(locale, {
+      month: "2-digit",
+      day: "2-digit",
+      year: "2-digit"
+    }),
+    [locale]
+  );
+  const quantityFormatter = React.useMemo(
+    () => new Intl.NumberFormat(locale, { maximumFractionDigits: 2 }),
+    [locale]
+  );
+  const warehousesQuery = useQuery({
+    queryKey: ["wms-dashboard", "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.dashboard.errors.warehouses", "Failed to load warehouses."));
+      }
+      return call.result?.items ?? [];
+    }
+  });
+  const hasWarehouses = (warehousesQuery.data ?? []).length > 0;
+  const locationsCountQuery = useQuery({
+    queryKey: ["wms-dashboard", "locations-count"],
+    queryFn: async () => {
+      const params = new URLSearchParams({ page: "1", pageSize: "1" });
+      const call = await apiCall(`/api/wms/locations?${params.toString()}`);
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.dashboard.errors.locations", "Failed to load locations."));
+      }
+      return call.result?.total ?? 0;
+    },
+    enabled: hasWarehouses
+  });
+  const dashboardQuery = useQuery({
+    queryKey: ["wms-dashboard", "operational", warehouseId],
+    queryFn: async () => {
+      const params = new URLSearchParams();
+      if (warehouseId !== "all") params.set("warehouseId", warehouseId);
+      const call = await apiCall(
+        `/api/wms/dashboard/operational?${params.toString()}`
+      );
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.dashboard.errors.load", "Failed to load dashboard."));
+      }
+      return call.result;
+    },
+    refetchInterval: AUTO_REFRESH_MS
+  });
+  const selectedWarehouse = warehousesQuery.data?.find((warehouse) => warehouse.id === warehouseId);
+  const warehouseLabel = warehouseId === "all" ? t("wms.backend.dashboard.filters.allWarehouses", "All warehouses") : selectedWarehouse?.name || selectedWarehouse?.code || warehouseId;
+  const firstRunMode = React.useMemo(
+    () => resolveDashboardFirstRunMode({
+      warehousesLoading: warehousesQuery.isLoading,
+      warehousesError: warehousesQuery.isError,
+      hasWarehouses,
+      locationsLoading: locationsCountQuery.isLoading,
+      locationsError: locationsCountQuery.isError,
+      locationsCount: locationsCountQuery.data ?? 0
+    }),
+    [
+      warehousesQuery.isLoading,
+      warehousesQuery.isError,
+      hasWarehouses,
+      locationsCountQuery.isLoading,
+      locationsCountQuery.isError,
+      locationsCountQuery.data
+    ]
+  );
+  const kpiConfig = React.useMemo(() => {
+    const buildLotsHref = (expiryWindow) => {
+      const params = new URLSearchParams({ expiryWindow });
+      if (warehouseId !== "all") params.set("warehouseId", warehouseId);
+      return `/backend/wms/lots?${params.toString()}`;
+    };
+    const buildInventoryHref = (lowStock) => {
+      const params = new URLSearchParams();
+      if (warehouseId !== "all") params.set("warehouseId", warehouseId);
+      if (lowStock) params.set("lowStock", lowStock);
+      const query = params.toString();
+      return query ? `/backend/wms/inventory?${query}` : "/backend/wms/inventory";
+    };
+    const inventoryHref = buildInventoryHref();
+    const reservationsHref = warehouseId === "all" ? "/backend/wms/reservations" : `/backend/wms/reservations?warehouseId=${encodeURIComponent(warehouseId)}`;
+    const movementsHref2 = warehouseId === "all" ? "/backend/wms/movements" : `/backend/wms/movements?warehouseId=${encodeURIComponent(warehouseId)}`;
+    return {
+      lowStock: {
+        title: t("wms.backend.dashboard.kpis.lowStock.title", "Low stock"),
+        caption: t("wms.backend.dashboard.kpis.lowStock.caption", "Below reorder point"),
+        ctaLabel: t("wms.backend.dashboard.kpis.lowStock.cta", "View low stock"),
+        href: buildInventoryHref("belowReorder"),
+        resolveBadge: (kpi) => ({
+          variant: "warning",
+          label: t("wms.backend.dashboard.kpis.lowStock.badgeActive", "{count} active", { count: kpi.count })
+        })
+      },
+      reorderCritical: {
+        title: t("wms.backend.dashboard.kpis.reorderCritical.title", "Reorder critical"),
+        caption: t("wms.backend.dashboard.kpis.reorderCritical.caption", "Below safety stock"),
+        ctaLabel: t("wms.backend.dashboard.kpis.reorderCritical.cta", "View critical"),
+        href: buildInventoryHref("belowSafety"),
+        resolveBadge: (kpi) => ({
+          variant: "error",
+          label: t("wms.backend.dashboard.kpis.reorderCritical.badge", "{count} critical", { count: kpi.count })
+        })
+      },
+      expiringSoon: {
+        title: t("wms.backend.dashboard.kpis.expiringSoon.title", "Expiring soon"),
+        caption: t("wms.backend.dashboard.kpis.expiringSoon.caption", "Lots expiring in 30 days"),
+        ctaLabel: t("wms.backend.dashboard.kpis.expiringSoon.cta", "View expiry"),
+        href: buildLotsHref("expiringSoon"),
+        resolveBadge: (kpi) => ({
+          variant: "warning",
+          label: t("wms.backend.dashboard.kpis.expiringSoon.badge", "{count} lots", { count: kpi.count })
+        })
+      },
+      pastDue: {
+        title: t("wms.backend.dashboard.kpis.pastDue.title", "Past due"),
+        caption: t("wms.backend.dashboard.kpis.pastDue.caption", "Expired lots with on-hand stock"),
+        ctaLabel: t("wms.backend.dashboard.kpis.pastDue.cta", "View past due"),
+        href: buildLotsHref("pastDue"),
+        resolveBadge: (kpi) => ({
+          variant: "error",
+          label: t("wms.backend.dashboard.kpis.pastDue.badge", "{count} lots", { count: kpi.count })
+        })
+      },
+      agingReservations: {
+        title: t("wms.backend.dashboard.kpis.agingReservations.title", "Aging reservations"),
+        caption: t("wms.backend.dashboard.kpis.agingReservations.caption", "Active holds older than 7 days"),
+        ctaLabel: t("wms.backend.dashboard.kpis.agingReservations.cta", "View reservations"),
+        href: reservationsHref,
+        resolveBadge: (kpi) => ({
+          variant: "warning",
+          label: t("wms.backend.dashboard.kpis.agingReservations.badge", "{count} aging", { count: kpi.count })
+        })
+      },
+      todaysMoves: {
+        title: t("wms.backend.dashboard.kpis.todaysMoves.title", "Today's moves"),
+        caption: t("wms.backend.dashboard.kpis.todaysMoves.caption", "Movements posted today"),
+        ctaLabel: t("wms.backend.dashboard.kpis.todaysMoves.cta", "View ledger"),
+        href: movementsHref2,
+        resolveBadge: (kpi) => {
+          if (kpi.deltaSinceYesterday === null) {
+            return { variant: "neutral", label: null };
+          }
+          return {
+            variant: kpi.deltaSinceYesterday >= 0 ? "success" : "neutral",
+            label: kpi.deltaSinceYesterday >= 0 ? t("wms.backend.dashboard.kpis.todaysMoves.badgeUp", "+{count} vs yesterday", {
+              count: kpi.deltaSinceYesterday
+            }) : t("wms.backend.dashboard.kpis.todaysMoves.badgeDown", "{count} vs yesterday", {
+              count: kpi.deltaSinceYesterday
+            })
+          };
+        }
+      }
+    };
+  }, [t, warehouseId]);
+  const monthlyTrendData = React.useMemo(
+    () => (dashboardQuery.data?.monthlyTrends ?? []).map((point) => ({
+      month: point.month,
+      receive: point.receive,
+      allocate: point.allocate
+    })),
+    [dashboardQuery.data?.monthlyTrends]
+  );
+  const expiryLotsByCategory = React.useMemo(() => {
+    const lots = dashboardQuery.data?.expiryLots ?? [];
+    return {
+      expiringSoon: lots.filter((lot) => lot.category === "expiringSoon"),
+      pastDue: lots.filter((lot) => lot.category === "pastDue")
+    };
+  }, [dashboardQuery.data?.expiryLots]);
+  const movementsHref = kpiConfig.todaysMoves.href;
+  const activityColumns = React.useMemo(
+    () => [
+      {
+        id: "event",
+        header: t("wms.backend.dashboard.activity.columns.event", "Event"),
+        accessorKey: "movementType",
+        cell: ({ row }) => {
+          const movementLabel = t(
+            `wms.backend.dashboard.activity.types.${row.original.movementType}`,
+            row.original.movementType
+          );
+          const badgeVariant = movementStatusMap[row.original.movementType] ?? "neutral";
+          return /* @__PURE__ */ jsx(StatusBadge, { variant: badgeVariant, dot: true, children: movementLabel });
+        },
+        meta: { maxWidth: "7rem" }
+      },
+      {
+        id: "details",
+        header: t("wms.backend.dashboard.activity.columns.details", "Details"),
+        cell: ({ row }) => {
+          const subtitle2 = formatActivitySubtitle(row.original, t);
+          return /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: formatActivityTitle(row.original, t) }),
+            subtitle2 ? /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-muted-foreground", children: subtitle2 }) : null
+          ] });
+        }
+      },
+      {
+        id: "location",
+        header: t("wms.backend.dashboard.activity.columns.location", "Location"),
+        accessorKey: "locationLabel",
+        cell: ({ row }) => /* @__PURE__ */ jsx("p", { className: "truncate text-sm text-muted-foreground", children: row.original.locationLabel }),
+        meta: { maxWidth: "11rem", truncate: true }
+      },
+      {
+        id: "time",
+        header: t("wms.backend.dashboard.activity.columns.time", "Time"),
+        accessorKey: "performedAt",
+        cell: ({ row }) => /* @__PURE__ */ jsx("p", { className: "text-xs leading-4 text-muted-foreground", children: activityTimeFormatter.format(new Date(row.original.performedAt)) }),
+        meta: { maxWidth: "5rem" }
+      },
+      {
+        id: "actions",
+        header: t("wms.backend.dashboard.activity.columns.actions", "Actions"),
+        cell: ({ row }) => /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "ghost", size: "icon", className: "size-7", children: /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: `${movementsHref}#${row.original.id}`,
+            "aria-label": t("wms.backend.dashboard.activity.open", "Open movement"),
+            children: /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5" })
+          }
+        ) }),
+        meta: { maxWidth: "2.5rem" }
+      }
+    ],
+    [activityTimeFormatter, movementsHref, t]
+  );
+  const subtitle = dashboardQuery.data?.lastUpdatedAt ? t("wms.backend.dashboard.subtitle", "Live activity for today \xB7 auto-refresh 60s \xB7 last update {time}", {
+    time: lastUpdatedFormatter.format(new Date(dashboardQuery.data.lastUpdatedAt))
+  }) : t("wms.backend.dashboard.subtitleLoading", "Live activity for today \xB7 auto-refresh 60s");
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          title: t("wms.backend.dashboard.title", "Operational dashboard"),
+          description: subtitle,
+          actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Select, { value: warehouseId, onValueChange: setWarehouseId, children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full max-w-xs sm:w-56", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: warehouseLabel }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "all", children: t("wms.backend.dashboard.filters.allWarehouses", "All warehouses") }),
+                (warehousesQuery.data ?? []).map((warehouse) => /* @__PURE__ */ jsx(SelectItem, { value: warehouse.id, children: warehouse.name || warehouse.code || warehouse.id }, warehouse.id))
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => {
+                  void dashboardQuery.refetch();
+                },
+                disabled: dashboardQuery.isFetching,
+                children: [
+                  /* @__PURE__ */ jsx(RefreshCw, { className: `size-4 ${dashboardQuery.isFetching ? "animate-spin" : ""}` }),
+                  t("wms.backend.dashboard.actions.refresh", "Refresh")
+                ]
+              }
+            )
+          ] })
+        }
+      ),
+      dashboardQuery.isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("wms.backend.dashboard.loading", "Loading dashboard\u2026") }) : null,
+      dashboardQuery.isError ? /* @__PURE__ */ jsx(
+        ErrorMessage,
+        {
+          label: t("wms.backend.dashboard.errors.load", "Failed to load dashboard."),
+          action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => {
+            void dashboardQuery.refetch();
+          }, children: t("wms.backend.dashboard.actions.refresh", "Refresh") })
+        }
+      ) : null,
+      firstRunMode === "no-warehouses" ? /* @__PURE__ */ jsx("section", { className: "rounded-lg border-2 border-dashed border-border bg-card p-8 text-center shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex size-14 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(WarehouseIcon2, { className: "size-7 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("wms.backend.dashboard.firstRun.title", "Set up your warehouse") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t(
+          "wms.backend.dashboard.firstRun.description",
+          "Create a warehouse, add storage locations, then receive your first stock to start tracking inventory."
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-col items-center gap-3 sm:flex-row sm:justify-center", children: [
+          /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "primary", size: "sm", children: /* @__PURE__ */ jsxs(Link, { href: "/backend/config/wms", children: [
+            /* @__PURE__ */ jsx(WarehouseIcon2, { className: "size-4" }),
+            t("wms.backend.dashboard.firstRun.actions.createWarehouse", "Create warehouse")
+          ] }) }),
+          /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "gray", size: "sm", children: /* @__PURE__ */ jsxs(Link, { href: "/backend/config/wms", children: [
+            /* @__PURE__ */ jsx(MapPin, { className: "size-4" }),
+            t("wms.backend.dashboard.firstRun.actions.addLocations", "Add locations")
+          ] }) }),
+          access.canReceive ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setReceiveOpen(true), children: [
+            /* @__PURE__ */ jsx(ArrowDown, { className: "size-4" }),
+            t("wms.backend.dashboard.firstRun.actions.receiveStock", "Receive first stock")
+          ] }) : null
+        ] })
+      ] }) }) : null,
+      firstRunMode === "no-locations" ? /* @__PURE__ */ jsx("section", { className: "rounded-lg border-2 border-dashed border-border bg-card p-8 text-center shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-sm", children: [
+        /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex size-14 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(MapPin, { className: "size-7 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: t("wms.backend.dashboard.firstRun.noLocations.title", "Add storage locations") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t(
+          "wms.backend.dashboard.firstRun.noLocations.description",
+          "Your warehouse is set up \u2014 add at least one storage location before you can receive stock."
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-col items-center gap-3 sm:flex-row sm:justify-center", children: /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "primary", size: "sm", children: /* @__PURE__ */ jsxs(Link, { href: "/backend/config/wms", children: [
+          /* @__PURE__ */ jsx(MapPin, { className: "size-4" }),
+          t("wms.backend.dashboard.firstRun.actions.addLocations", "Add locations")
+        ] }) }) })
+      ] }) }) : null,
+      dashboardQuery.data ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("section", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6", children: dashboardQuery.data.kpis.map((kpi) => {
+          const config = kpiConfig[kpi.id];
+          const badge = config.resolveBadge(kpi);
+          return /* @__PURE__ */ jsx(
+            DashboardKpiCard,
+            {
+              kpi,
+              title: config.title,
+              caption: config.caption,
+              badgeLabel: badge.label,
+              badgeVariant: badge.variant,
+              ctaLabel: config.ctaLabel,
+              href: config.href
+            },
+            kpi.id
+          );
+        }) }),
+        /* @__PURE__ */ jsxs("section", { className: "rounded-lg border bg-card shadow-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "border-b px-5 py-4", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("wms.backend.dashboard.expiry.title", "Expiry watch") }),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: t(
+              "wms.backend.dashboard.expiry.description",
+              "Upcoming and overdue lots with on-hand stock in the selected warehouse scope."
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-6 p-5 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsx(
+              ExpiryLotList,
+              {
+                title: t("wms.backend.dashboard.expiry.expiringSoon.title", "Expiring soon"),
+                emptyLabel: t(
+                  "wms.backend.dashboard.expiry.expiringSoon.empty",
+                  "No lots expiring within the next 30 days."
+                ),
+                viewAllLabel: t(
+                  "wms.backend.dashboard.expiry.expiringSoon.viewAll",
+                  "View all expiring \u2192"
+                ),
+                viewAllHref: kpiConfig.expiringSoon.href,
+                rows: expiryLotsByCategory.expiringSoon,
+                expiryFormatter: expiryDateFormatter,
+                quantityFormatter,
+                canAdjust: access.canAdjust,
+                onChangeStatus: openExpiryChangeStatus,
+                onMove: openExpiryMove,
+                t
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ExpiryLotList,
+              {
+                title: t("wms.backend.dashboard.expiry.pastDue.title", "Past due"),
+                emptyLabel: t(
+                  "wms.backend.dashboard.expiry.pastDue.empty",
+                  "No expired lots with available stock."
+                ),
+                viewAllLabel: t(
+                  "wms.backend.dashboard.expiry.pastDue.viewAll",
+                  "View all past due \u2192"
+                ),
+                viewAllHref: kpiConfig.pastDue.href,
+                rows: expiryLotsByCategory.pastDue,
+                expiryFormatter: expiryDateFormatter,
+                quantityFormatter,
+                canAdjust: access.canAdjust,
+                onChangeStatus: openExpiryChangeStatus,
+                onMove: openExpiryMove,
+                t
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "rounded-lg border bg-card shadow-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b px-5 py-4", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("wms.backend.dashboard.trends.title", "Monthly trends") }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-sm bg-chart-1", "aria-hidden": "true" }),
+                t("wms.backend.dashboard.trends.receive", "Receive")
+              ] }),
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "size-2.5 rounded-sm bg-chart-2", "aria-hidden": "true" }),
+                t("wms.backend.dashboard.trends.allocate", "Allocate")
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "p-5", children: /* @__PURE__ */ jsx(
+            BarChart,
+            {
+              data: monthlyTrendData,
+              index: "month",
+              categories: ["receive", "allocate"],
+              showLegend: false,
+              categoryLabels: {
+                receive: t("wms.backend.dashboard.trends.receive", "Receive"),
+                allocate: t("wms.backend.dashboard.trends.allocate", "Allocate")
+              },
+              emptyMessage: t("wms.backend.dashboard.trends.empty", "No movement trends yet."),
+              className: "border-0 bg-transparent p-0 shadow-none"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          DataTable,
+          {
+            title: t("wms.backend.dashboard.activity.title", "Recent activity"),
+            columns: activityColumns,
+            data: dashboardQuery.data.recentActivity,
+            disableRowClick: true,
+            emptyState: t("wms.backend.dashboard.activity.empty", "No recent movements yet."),
+            actions: /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "ghost", size: "sm", children: /* @__PURE__ */ jsx(Link, { href: movementsHref, children: t("wms.backend.dashboard.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.dashboard.quickActions.title", "Quick actions") }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+              "wms.backend.dashboard.quickActions.description",
+              "Open a drawer without leaving the dashboard"
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "outline", children: /* @__PURE__ */ jsxs(Link, { href: kpiConfig.lowStock.href, children: [
+              /* @__PURE__ */ jsx(Package, { className: "size-4" }),
+              t("wms.backend.dashboard.quickActions.inventory", "Open inventory console")
+            ] }) }),
+            access.canAdjust ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => setAdjustOpen(true), children: [
+              /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-4" }),
+              t("wms.backend.dashboard.quickActions.adjust", "Adjust inventory")
+            ] }) : null,
+            access.canCycleCount ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: () => setCycleOpen(true), children: [
+              /* @__PURE__ */ jsx(ClipboardList, { className: "size-4" }),
+              t("wms.backend.dashboard.quickActions.cycleCount", "Cycle count")
+            ] }) : null,
+            /* @__PURE__ */ jsx(Button, { asChild: true, type: "button", variant: "outline", children: /* @__PURE__ */ jsx(Link, { href: movementsHref, children: t("wms.backend.dashboard.quickActions.movements", "View movements") }) })
+          ] })
+        ] })
+      ] }) : null
+    ] }),
+    access.canReceive ? /* @__PURE__ */ jsx(ReceiveInventoryDialog, { open: receiveOpen, onOpenChange: setReceiveOpen, access }) : null,
+    access.canAdjust ? /* @__PURE__ */ jsx(AdjustInventoryDialog, { open: adjustOpen, onOpenChange: setAdjustOpen, access }) : null,
+    access.canCycleCount ? /* @__PURE__ */ jsx(CycleCountWizardDialog, { open: cycleOpen, onOpenChange: setCycleOpen, access }) : null,
+    access.canAdjust && activeExpiryLot ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        ChangeLotStatusDialog,
+        {
+          open: changeStatusOpen,
+          onOpenChange: setChangeStatusOpen,
+          access,
+          lotId: activeExpiryLot.id,
+          currentStatus: activeExpiryLot.status,
+          lotUpdatedAt: activeExpiryLot.updatedAt,
+          onSuccess: () => {
+            void dashboardQuery.refetch();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        MoveInventoryDialog,
+        {
+          open: moveOpen,
+          onOpenChange: setMoveOpen,
+          access,
+          initialCatalogVariantId: activeExpiryLot.catalogVariantId,
+          initialWarehouseId: warehouseId === "all" ? void 0 : warehouseId,
+          initialLotId: activeExpiryLot.id,
+          initialAvailable: activeExpiryLot.availableQuantity,
+          lockSourceContext: true
+        }
+      )
+    ] }) : null
+  ] });
+}
+export {
+  WmsOperationalDashboardPage as default,
+  resolveDashboardFirstRunMode
+};
+//# sourceMappingURL=WmsOperationalDashboardPage.js.map