@open-mercato/core 0.10.1-develop.7709.1.046124599c → 0.10.1-develop.7714.1.9dbb8200d8

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

@@ -0,0 +1,339 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useQuery } from "@tanstack/react-query";
+import { ClipboardList, PackagePlus } 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 { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { LoadingMessage, ErrorMessage } 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 {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { E } from "../../../../generated/entities.ids.generated.js";
+import { extensionPoints } from "@open-mercato/core/modules/wms/extension-points";
+import { CreateAsnDialog } from "./CreateAsnDialog.js";
+import { asnStatusVariant } from "./inboundStatusUi.js";
+import { useWmsInventoryMutationAccess } from "./useWmsInventoryMutationAccess.js";
+import { loadWarehouseOptions, resolveWarehouseLabel } from "./inventoryMutationLoaders.js";
+const OPEN_QUEUE_STATUS_PARAM = "draft,in_transit";
+function WmsAsnsListPage() {
+  const t = useT();
+  const locale = useLocale();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const access = useWmsInventoryMutationAccess();
+  const queueOpen = searchParams.get("queue") === "open";
+  const statusFromUrl = searchParams.get("status")?.trim() || "";
+  const [page, setPage] = React.useState(1);
+  const [search, setSearch] = React.useState("");
+  const [statusFilter, setStatusFilter] = React.useState(statusFromUrl || (queueOpen ? "" : ""));
+  const [warehouseId, setWarehouseId] = React.useState("");
+  const [warehouseOptions, setWarehouseOptions] = React.useState([]);
+  const [warehouseLabels, setWarehouseLabels] = React.useState({});
+  const [sorting, setSorting] = React.useState([{ id: "expectedAt", desc: false }]);
+  const [createOpen, setCreateOpen] = React.useState(false);
+  React.useEffect(() => {
+    setStatusFilter(statusFromUrl);
+  }, [statusFromUrl]);
+  React.useEffect(() => {
+    let cancelled = false;
+    void loadWarehouseOptions().then((options) => {
+      if (!cancelled) setWarehouseOptions(options);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const dateFormatter = React.useMemo(
+    () => new Intl.DateTimeFormat(locale, {
+      year: "numeric",
+      month: "2-digit",
+      day: "2-digit"
+    }),
+    [locale]
+  );
+  const queryKey = React.useMemo(
+    () => ["wms-asns-list", page, search, statusFilter, warehouseId, sorting, queueOpen],
+    [page, queueOpen, search, sorting, statusFilter, warehouseId]
+  );
+  const asnsQuery = useQuery({
+    queryKey,
+    queryFn: async () => {
+      const sortCol = sorting[0];
+      const params = new URLSearchParams({
+        page: String(page),
+        pageSize: "50",
+        sortField: sortCol ? sortCol.id : "expectedAt",
+        sortDir: sortCol ? sortCol.desc ? "desc" : "asc" : "asc"
+      });
+      if (search.trim()) params.set("search", search.trim());
+      if (statusFilter) params.set("status", statusFilter);
+      else if (queueOpen) params.set("status", OPEN_QUEUE_STATUS_PARAM);
+      if (warehouseId) params.set("warehouseId", warehouseId);
+      const call = await apiCall(`/api/wms/asns?${params.toString()}`);
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("wms.backend.asns.errors.load", "Failed to load ASNs."));
+      }
+      return call.result ?? { items: [], total: 0, totalPages: 1 };
+    }
+  });
+  React.useEffect(() => {
+    const ids = Array.from(
+      new Set(
+        (asnsQuery.data?.items ?? []).map((row) => row.warehouse_id).filter((id) => typeof id === "string" && id.length > 0)
+      )
+    );
+    if (ids.length === 0) return;
+    let cancelled = false;
+    void Promise.all(ids.map(async (id) => [id, await resolveWarehouseLabel(id)])).then(
+      (entries) => {
+        if (cancelled) return;
+        setWarehouseLabels((prev) => {
+          const next = { ...prev };
+          for (const [id, label] of entries) {
+            if (label) next[id] = label;
+          }
+          return next;
+        });
+      }
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, [asnsQuery.data?.items]);
+  const statusLabel = React.useCallback(
+    (status) => t(`wms.backend.asns.status.${status}`, status),
+    [t]
+  );
+  const columns = React.useMemo(
+    () => [
+      {
+        accessorKey: "reference_number",
+        id: "referenceNumber",
+        header: t("wms.backend.asns.columns.reference", "Reference"),
+        enableSorting: true,
+        cell: ({ row }) => {
+          const label = row.original.reference_number?.trim() || row.original.id.slice(0, 8);
+          return /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: `/backend/wms/asns/${encodeURIComponent(row.original.id)}`,
+              className: "font-medium text-primary hover:underline",
+              children: label
+            }
+          );
+        }
+      },
+      {
+        accessorKey: "status",
+        id: "status",
+        header: t("wms.backend.asns.columns.status", "Status"),
+        enableSorting: true,
+        cell: ({ row }) => {
+          const status = row.original.status?.trim();
+          if (!status) return "\u2014";
+          return /* @__PURE__ */ jsx(StatusBadge, { variant: asnStatusVariant(status), dot: true, children: statusLabel(status) });
+        }
+      },
+      {
+        accessorKey: "warehouse_id",
+        id: "warehouse",
+        header: t("wms.backend.asns.columns.warehouse", "Warehouse"),
+        enableSorting: false,
+        cell: ({ row }) => {
+          const id = row.original.warehouse_id;
+          if (!id) return "\u2014";
+          return warehouseLabels[id] || id.slice(0, 8);
+        }
+      },
+      {
+        accessorKey: "expected_at",
+        id: "expectedAt",
+        header: t("wms.backend.asns.columns.expectedAt", "Expected"),
+        enableSorting: true,
+        cell: ({ row }) => {
+          const value = row.original.expected_at;
+          if (!value) return "\u2014";
+          const date = new Date(value);
+          if (Number.isNaN(date.getTime())) return "\u2014";
+          return dateFormatter.format(date);
+        }
+      }
+    ],
+    [dateFormatter, statusLabel, t, warehouseLabels]
+  );
+  const rowActions = React.useCallback(
+    (row) => /* @__PURE__ */ jsx(
+      RowActions,
+      {
+        items: [
+          {
+            id: "open",
+            label: t("wms.backend.asns.actions.open", "Open receiving"),
+            onSelect: () => router.push(`/backend/wms/asns/${encodeURIComponent(row.id)}`)
+          }
+        ]
+      }
+    ),
+    [router, t]
+  );
+  const title = queueOpen ? t("wms.backend.receiving.title", "Receiving queue") : t("wms.backend.asns.title", "ASNs");
+  const description = queueOpen ? t(
+    "wms.backend.receiving.description",
+    "Open and in-transit ASNs ready for receiving."
+  ) : t("wms.backend.asns.description", "Advance shipping notices and inbound receiving.");
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsx(
+        PageHeader,
+        {
+          title,
+          description,
+          actions: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            access.canManagePutaway ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", asChild: true, children: /* @__PURE__ */ jsx(Link, { href: "/backend/wms/putaway", children: t("wms.backend.asns.actions.putawayQueue", "Putaway queue") }) }) : null,
+            access.canManageAsn ? /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => setCreateOpen(true), children: [
+              /* @__PURE__ */ jsx(PackagePlus, { className: "size-4" }),
+              t("wms.backend.asns.actions.create", "Create ASN")
+            ] }) : null
+          ] })
+        }
+      ),
+      asnsQuery.isLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("wms.backend.asns.loading", "Loading ASNs\u2026") }) : null,
+      asnsQuery.isError ? /* @__PURE__ */ jsx(ErrorMessage, { label: t("wms.backend.asns.errors.load", "Failed to load ASNs.") }) : null,
+      asnsQuery.data ? /* @__PURE__ */ jsxs("section", { className: "rounded-lg border bg-card p-5 text-card-foreground shadow-sm", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "rounded-md border bg-muted/40 p-2 text-muted-foreground", children: /* @__PURE__ */ jsx(ClipboardList, { className: "size-5" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: title }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: statusFilter || (queueOpen ? "queue-open" : "all"),
+                onValueChange: (value) => {
+                  setPage(1);
+                  if (value === "queue-open") {
+                    setStatusFilter("");
+                    router.replace("/backend/wms/asns?queue=open");
+                    return;
+                  }
+                  if (value === "all") {
+                    setStatusFilter("");
+                    router.replace("/backend/wms/asns");
+                    return;
+                  }
+                  setStatusFilter(value);
+                  router.replace(`/backend/wms/asns?status=${encodeURIComponent(value)}`);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[180px]", "data-testid": "asn-status-filter", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsx(SelectItem, { value: "all", children: t("wms.backend.asns.filters.statusAll", "All statuses") }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "queue-open", children: t("wms.backend.asns.filters.statusOpen", "Open receiving") }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "draft", children: statusLabel("draft") }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "in_transit", children: statusLabel("in_transit") }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "received", children: statusLabel("received") }),
+                    /* @__PURE__ */ jsx(SelectItem, { value: "closed", children: statusLabel("closed") })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: warehouseId || "all",
+                onValueChange: (value) => {
+                  setPage(1);
+                  setWarehouseId(value === "all" ? "" : value);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[200px]", "data-testid": "asn-warehouse-filter", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("wms.backend.asns.filters.warehouse", "Warehouse") }) }),
+                  /* @__PURE__ */ jsxs(SelectContent, { children: [
+                    /* @__PURE__ */ jsx(SelectItem, { value: "all", children: t("wms.backend.asns.filters.warehouseAll", "All warehouses") }),
+                    warehouseOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value))
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          DataTable,
+          {
+            embedded: true,
+            title,
+            columns,
+            data: asnsQuery.data.items,
+            isLoading: asnsQuery.isFetching,
+            entityId: E.wms.asn,
+            searchValue: search,
+            onSearchChange: (value) => {
+              setSearch(value);
+              setPage(1);
+            },
+            searchPlaceholder: t("wms.backend.asns.search", "Search ASNs"),
+            sortable: true,
+            manualSorting: true,
+            sorting,
+            onSortingChange: (next) => {
+              setSorting(next);
+              setPage(1);
+            },
+            rowActions,
+            onRowClick: (row) => router.push(`/backend/wms/asns/${encodeURIComponent(row.id)}`),
+            pagination: {
+              page,
+              pageSize: 50,
+              total: asnsQuery.data.total,
+              totalPages: asnsQuery.data.totalPages,
+              totalIsCapped: asnsQuery.data?.totalIsCapped === true,
+              onPageChange: setPage
+            },
+            perspective: { tableId: extensionPoints.hosts.asnsTable.tableId },
+            emptyState: /* @__PURE__ */ jsx(
+              EmptyState,
+              {
+                title: t("wms.backend.asns.empty.title", "No ASNs"),
+                description: t(
+                  "wms.backend.asns.empty.description",
+                  "Create an ASN to start expected inbound receiving."
+                ),
+                actions: access.canManageAsn ? /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: () => setCreateOpen(true), children: t("wms.backend.asns.actions.create", "Create ASN") }) : null
+              }
+            )
+          }
+        )
+      ] }) : null
+    ] }),
+    access.canManageAsn ? /* @__PURE__ */ jsx(
+      CreateAsnDialog,
+      {
+        open: createOpen,
+        onOpenChange: setCreateOpen,
+        access,
+        onCreated: (asnId) => router.push(`/backend/wms/asns/${encodeURIComponent(asnId)}`)
+      }
+    ) : null
+  ] });
+}
+export {
+  WmsAsnsListPage as default
+};
+//# sourceMappingURL=WmsAsnsListPage.js.map

package/dist/modules/wms/components/backend/WmsAsnsListPage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/wms/components/backend/WmsAsnsListPage.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport type { SortingState } from '@tanstack/react-table'\nimport { useQuery } from '@tanstack/react-query'\nimport { ClipboardList, PackagePlus } from 'lucide-react'\nimport { Page, PageBody, PageHeader } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { EmptyState } from '@open-mercato/ui/backend/EmptyState'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { raiseCrudError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { StatusBadge } from '@open-mercato/ui/primitives/status-badge'\nimport { E } from '#generated/entities.ids.generated'\nimport { extensionPoints } from '@open-mercato/core/modules/wms/extension-points'\nimport { CreateAsnDialog } from './CreateAsnDialog'\nimport { asnStatusVariant } from './inboundStatusUi'\nimport { useWmsInventoryMutationAccess } from './useWmsInventoryMutationAccess'\nimport { loadWarehouseOptions, resolveWarehouseLabel } from './inventoryMutationLoaders'\n\ntype AsnRow = {\n  id: string\n  warehouse_id?: string | null\n  vendor_id?: string | null\n  status?: string | null\n  expected_at?: string | null\n  reference_number?: string | null\n  notes?: string | null\n  created_at?: string | null\n  updated_at?: string | null\n}\n\ntype PagedResponse<T> = {\n  items: T[]\n  total: number\n  totalPages: number\n  totalIsCapped?: boolean\n}\n\n/** Server-side multi-status for `?queue=open` (mirrors putaway `open,in_progress`). */\nconst OPEN_QUEUE_STATUS_PARAM = 'draft,in_transit'\n\nexport default function WmsAsnsListPage() {\n  const t = useT()\n  const locale = useLocale()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const access = useWmsInventoryMutationAccess()\n  const queueOpen = searchParams.get('queue') === 'open'\n  const statusFromUrl = searchParams.get('status')?.trim() || ''\n\n  const [page, setPage] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [statusFilter, setStatusFilter] = React.useState(statusFromUrl || (queueOpen ? '' : ''))\n  const [warehouseId, setWarehouseId] = React.useState('')\n  const [warehouseOptions, setWarehouseOptions] = React.useState<Array<{ value: string; label: string }>>([])\n  const [warehouseLabels, setWarehouseLabels] = React.useState<Record<string, string>>({})\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'expectedAt', desc: false }])\n  const [createOpen, setCreateOpen] = React.useState(false)\n\n  React.useEffect(() => {\n    setStatusFilter(statusFromUrl)\n  }, [statusFromUrl])\n\n  React.useEffect(() => {\n    let cancelled = false\n    void loadWarehouseOptions().then((options) => {\n      if (!cancelled) setWarehouseOptions(options)\n    })\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  const dateFormatter = React.useMemo(\n    () =>\n      new Intl.DateTimeFormat(locale, {\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n      }),\n    [locale],\n  )\n\n  const queryKey = React.useMemo(\n    () => ['wms-asns-list', page, search, statusFilter, warehouseId, sorting, queueOpen],\n    [page, queueOpen, search, sorting, statusFilter, warehouseId],\n  )\n\n  const asnsQuery = useQuery({\n    queryKey,\n    queryFn: async () => {\n      const sortCol = sorting[0]\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: '50',\n        sortField: sortCol ? sortCol.id : 'expectedAt',\n        sortDir: sortCol ? (sortCol.desc ? 'desc' : 'asc') : 'asc',\n      })\n      if (search.trim()) params.set('search', search.trim())\n      if (statusFilter) params.set('status', statusFilter)\n      else if (queueOpen) params.set('status', OPEN_QUEUE_STATUS_PARAM)\n      if (warehouseId) params.set('warehouseId', warehouseId)\n      const call = await apiCall<PagedResponse<AsnRow>>(`/api/wms/asns?${params.toString()}`)\n      if (!call.ok) {\n        await raiseCrudError(call.response, t('wms.backend.asns.errors.load', 'Failed to load ASNs.'))\n      }\n      return call.result ?? { items: [], total: 0, totalPages: 1 }\n    },\n  })\n\n  React.useEffect(() => {\n    const ids = Array.from(\n      new Set(\n        (asnsQuery.data?.items ?? [])\n          .map((row) => row.warehouse_id)\n          .filter((id): id is string => typeof id === 'string' && id.length > 0),\n      ),\n    )\n    if (ids.length === 0) return\n    let cancelled = false\n    void Promise.all(ids.map(async (id) => [id, await resolveWarehouseLabel(id)] as const)).then(\n      (entries) => {\n        if (cancelled) return\n        setWarehouseLabels((prev) => {\n          const next = { ...prev }\n          for (const [id, label] of entries) {\n            if (label) next[id] = label\n          }\n          return next\n        })\n      },\n    )\n    return () => {\n      cancelled = true\n    }\n  }, [asnsQuery.data?.items])\n\n  const statusLabel = React.useCallback(\n    (status: string) => t(`wms.backend.asns.status.${status}`, status),\n    [t],\n  )\n\n  const columns = React.useMemo<ColumnDef<AsnRow>[]>(\n    () => [\n      {\n        accessorKey: 'reference_number',\n        id: 'referenceNumber',\n        header: t('wms.backend.asns.columns.reference', 'Reference'),\n        enableSorting: true,\n        cell: ({ row }) => {\n          const label = row.original.reference_number?.trim() || row.original.id.slice(0, 8)\n          return (\n            <Link\n              href={`/backend/wms/asns/${encodeURIComponent(row.original.id)}`}\n              className=\"font-medium text-primary hover:underline\"\n            >\n              {label}\n            </Link>\n          )\n        },\n      },\n      {\n        accessorKey: 'status',\n        id: 'status',\n        header: t('wms.backend.asns.columns.status', 'Status'),\n        enableSorting: true,\n        cell: ({ row }) => {\n          const status = row.original.status?.trim()\n          if (!status) return '\u2014'\n          return (\n            <StatusBadge variant={asnStatusVariant(status)} dot>\n              {statusLabel(status)}\n            </StatusBadge>\n          )\n        },\n      },\n      {\n        accessorKey: 'warehouse_id',\n        id: 'warehouse',\n        header: t('wms.backend.asns.columns.warehouse', 'Warehouse'),\n        enableSorting: false,\n        cell: ({ row }) => {\n          const id = row.original.warehouse_id\n          if (!id) return '\u2014'\n          return warehouseLabels[id] || id.slice(0, 8)\n        },\n      },\n      {\n        accessorKey: 'expected_at',\n        id: 'expectedAt',\n        header: t('wms.backend.asns.columns.expectedAt', 'Expected'),\n        enableSorting: true,\n        cell: ({ row }) => {\n          const value = row.original.expected_at\n          if (!value) return '\u2014'\n          const date = new Date(value)\n          if (Number.isNaN(date.getTime())) return '\u2014'\n          return dateFormatter.format(date)\n        },\n      },\n    ],\n    [dateFormatter, statusLabel, t, warehouseLabels],\n  )\n\n  const rowActions = React.useCallback(\n    (row: AsnRow) => (\n      <RowActions\n        items={[\n          {\n            id: 'open',\n            label: t('wms.backend.asns.actions.open', 'Open receiving'),\n            onSelect: () => router.push(`/backend/wms/asns/${encodeURIComponent(row.id)}`),\n          },\n        ]}\n      />\n    ),\n    [router, t],\n  )\n\n  const title = queueOpen\n    ? t('wms.backend.receiving.title', 'Receiving queue')\n    : t('wms.backend.asns.title', 'ASNs')\n  const description = queueOpen\n    ? t(\n        'wms.backend.receiving.description',\n        'Open and in-transit ASNs ready for receiving.',\n      )\n    : t('wms.backend.asns.description', 'Advance shipping notices and inbound receiving.')\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-6\">\n        <PageHeader\n          title={title}\n          description={description}\n          actions={\n            <div className=\"flex flex-wrap gap-2\">\n              {access.canManagePutaway ? (\n                <Button type=\"button\" variant=\"outline\" asChild>\n                  <Link href=\"/backend/wms/putaway\">\n                    {t('wms.backend.asns.actions.putawayQueue', 'Putaway queue')}\n                  </Link>\n                </Button>\n              ) : null}\n              {access.canManageAsn ? (\n                <Button type=\"button\" onClick={() => setCreateOpen(true)}>\n                  <PackagePlus className=\"size-4\" />\n                  {t('wms.backend.asns.actions.create', 'Create ASN')}\n                </Button>\n              ) : null}\n            </div>\n          }\n        />\n\n        {asnsQuery.isLoading ? (\n          <LoadingMessage label={t('wms.backend.asns.loading', 'Loading ASNs\u2026')} />\n        ) : null}\n        {asnsQuery.isError ? (\n          <ErrorMessage label={t('wms.backend.asns.errors.load', 'Failed to load ASNs.')} />\n        ) : null}\n\n        {asnsQuery.data ? (\n          <section className=\"rounded-lg border bg-card p-5 text-card-foreground shadow-sm\">\n            <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n              <div className=\"flex items-start gap-3\">\n                <div className=\"rounded-md border bg-muted/40 p-2 text-muted-foreground\">\n                  <ClipboardList className=\"size-5\" />\n                </div>\n                <div className=\"space-y-1\">\n                  <h2 className=\"text-xl font-semibold\">{title}</h2>\n                  <p className=\"text-sm text-muted-foreground\">{description}</p>\n                </div>\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <Select\n                  value={statusFilter || (queueOpen ? 'queue-open' : 'all')}\n                  onValueChange={(value) => {\n                    setPage(1)\n                    if (value === 'queue-open') {\n                      setStatusFilter('')\n                      router.replace('/backend/wms/asns?queue=open')\n                      return\n                    }\n                    if (value === 'all') {\n                      setStatusFilter('')\n                      router.replace('/backend/wms/asns')\n                      return\n                    }\n                    setStatusFilter(value)\n                    router.replace(`/backend/wms/asns?status=${encodeURIComponent(value)}`)\n                  }}\n                >\n                  <SelectTrigger className=\"w-[180px]\" data-testid=\"asn-status-filter\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"all\">{t('wms.backend.asns.filters.statusAll', 'All statuses')}</SelectItem>\n                    <SelectItem value=\"queue-open\">\n                      {t('wms.backend.asns.filters.statusOpen', 'Open receiving')}\n                    </SelectItem>\n                    <SelectItem value=\"draft\">{statusLabel('draft')}</SelectItem>\n                    <SelectItem value=\"in_transit\">{statusLabel('in_transit')}</SelectItem>\n                    <SelectItem value=\"received\">{statusLabel('received')}</SelectItem>\n                    <SelectItem value=\"closed\">{statusLabel('closed')}</SelectItem>\n                  </SelectContent>\n                </Select>\n                <Select\n                  value={warehouseId || 'all'}\n                  onValueChange={(value) => {\n                    setPage(1)\n                    setWarehouseId(value === 'all' ? '' : value)\n                  }}\n                >\n                  <SelectTrigger className=\"w-[200px]\" data-testid=\"asn-warehouse-filter\">\n                    <SelectValue placeholder={t('wms.backend.asns.filters.warehouse', 'Warehouse')} />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem value=\"all\">\n                      {t('wms.backend.asns.filters.warehouseAll', 'All warehouses')}\n                    </SelectItem>\n                    {warehouseOptions.map((option) => (\n                      <SelectItem key={option.value} value={option.value}>\n                        {option.label}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            </div>\n\n            <DataTable\n              embedded\n              title={title}\n              columns={columns}\n              data={asnsQuery.data.items}\n              isLoading={asnsQuery.isFetching}\n              entityId={E.wms.asn}\n              searchValue={search}\n              onSearchChange={(value) => {\n                setSearch(value)\n                setPage(1)\n              }}\n              searchPlaceholder={t('wms.backend.asns.search', 'Search ASNs')}\n              sortable\n              manualSorting\n              sorting={sorting}\n              onSortingChange={(next) => {\n                setSorting(next)\n                setPage(1)\n              }}\n              rowActions={rowActions}\n              onRowClick={(row) => router.push(`/backend/wms/asns/${encodeURIComponent(row.id)}`)}\n              pagination={{\n                page,\n                pageSize: 50,\n                total: asnsQuery.data.total,\n                totalPages: asnsQuery.data.totalPages,\n                totalIsCapped: asnsQuery.data?.totalIsCapped === true,\n                onPageChange: setPage,\n              }}\n              perspective={{ tableId: extensionPoints.hosts.asnsTable.tableId }}\n              emptyState={\n                <EmptyState\n                  title={t('wms.backend.asns.empty.title', 'No ASNs')}\n                  description={t(\n                    'wms.backend.asns.empty.description',\n                    'Create an ASN to start expected inbound receiving.',\n                  )}\n                  actions={\n                    access.canManageAsn ? (\n                      <Button type=\"button\" size=\"sm\" onClick={() => setCreateOpen(true)}>\n                        {t('wms.backend.asns.actions.create', 'Create ASN')}\n                      </Button>\n                    ) : null\n                  }\n                />\n              }\n            />\n          </section>\n        ) : null}\n      </PageBody>\n\n      {access.canManageAsn ? (\n        <CreateAsnDialog\n          open={createOpen}\n          onOpenChange={setCreateOpen}\n          access={access}\n          onCreated={(asnId) => router.push(`/backend/wms/asns/${encodeURIComponent(asnId)}`)}\n        />\n      ) : null}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -37,7 +37,7 @@ 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
+  formatInventoryMovementActivitySubtitle
 } from "../../lib/inventoryDisplayUi.js";
 import { AdjustInventoryDialog } from "./AdjustInventoryDialog.js";
 import { CycleCountWizardDialog } from "./CycleCountWizardDialog.js";
@@ -217,17 +217,16 @@ function formatMovementTitle(row, skuLabel, t) {
   }
 }
 function formatMovementSubtitle(row, t) {
-  const reasonLabel = inventoryMovementReasonLabel(
+  return formatInventoryMovementActivitySubtitle(
     {
       reasonCode: row.reason_code,
       reason: row.reason,
-      movementType: row.type
+      movementType: row.type,
+      referenceType: row.reference_type,
+      referenceId: row.reference_id
     },
     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();