diff --git a/src/app/(protected)/dashboard/_components/dispatcher-performance-card.tsx b/src/app/(protected)/dashboard/_components/dispatcher-performance-card.tsx
index 9803a5df..94231dbd 100644
--- a/src/app/(protected)/dashboard/_components/dispatcher-performance-card.tsx
+++ b/src/app/(protected)/dashboard/_components/dispatcher-performance-card.tsx
@@ -8,12 +8,17 @@ import {
workOrderDrilldownUrl,
} from "@/domain/dashboard/utils/work-order-drilldown-links";
import { DashboardCard } from "./dashboard-card";
+import { DispatcherTablePager } from "./dispatcher-table-pager";
const EMPTY_MESSAGE = "No dispatchers are set up yet.";
interface DispatcherPerformanceCardProps {
rows: DispatcherPerformanceRow[];
range: DashboardRangeKey;
+ page: number;
+ pageSize: number;
+ totalDispatchers: number;
+ onPageChange: (page: number) => void;
isLoading?: boolean;
error?: unknown;
}
@@ -59,6 +64,10 @@ function DispatcherNameCell({
export function DispatcherPerformanceCard({
rows,
range,
+ page,
+ pageSize,
+ totalDispatchers,
+ onPageChange,
isLoading = false,
error,
}: DispatcherPerformanceCardProps) {
@@ -98,6 +107,13 @@ export function DispatcherPerformanceCard({
+
);
}
diff --git a/src/app/(protected)/dashboard/_components/dispatcher-table-pager.tsx b/src/app/(protected)/dashboard/_components/dispatcher-table-pager.tsx
new file mode 100644
index 00000000..b0837efb
--- /dev/null
+++ b/src/app/(protected)/dashboard/_components/dispatcher-table-pager.tsx
@@ -0,0 +1,40 @@
+import { Box, Pagination } from "@mui/material";
+
+interface DispatcherTablePagerProps {
+ page: number;
+ pageSize: number;
+ totalDispatchers: number;
+ onPageChange: (page: number) => void;
+ label: string;
+}
+
+/**
+ * 10-row pager for the dispatcher tables (SH-346/SH-347). Renders nothing until
+ * there is more than one page, so single-page tables are unchanged.
+ */
+export function DispatcherTablePager({
+ page,
+ pageSize,
+ totalDispatchers,
+ onPageChange,
+ label,
+}: DispatcherTablePagerProps) {
+ const pageCount = pageSize > 0 ? Math.ceil(totalDispatchers / pageSize) : 1;
+
+ if (pageCount <= 1) {
+ return null;
+ }
+
+ return (
+
+ onPageChange(value)}
+ aria-label={label}
+ />
+
+ );
+}
diff --git a/src/app/(protected)/dashboard/_components/dispatcher-workload-card.tsx b/src/app/(protected)/dashboard/_components/dispatcher-workload-card.tsx
index e0f0c73e..99980df2 100644
--- a/src/app/(protected)/dashboard/_components/dispatcher-workload-card.tsx
+++ b/src/app/(protected)/dashboard/_components/dispatcher-workload-card.tsx
@@ -8,12 +8,17 @@ import {
workOrderDrilldownUrl,
} from "@/domain/dashboard/utils/work-order-drilldown-links";
import { DashboardCard } from "./dashboard-card";
+import { DispatcherTablePager } from "./dispatcher-table-pager";
const EMPTY_MESSAGE = "No dispatchers are set up yet.";
interface DispatcherWorkloadCardProps {
rows: DispatcherWorkloadRow[];
range: DashboardRangeKey;
+ page: number;
+ pageSize: number;
+ totalDispatchers: number;
+ onPageChange: (page: number) => void;
isLoading?: boolean;
error?: unknown;
}
@@ -49,6 +54,10 @@ function DispatcherNameCell({
export function DispatcherWorkloadCard({
rows,
range,
+ page,
+ pageSize,
+ totalDispatchers,
+ onPageChange,
isLoading = false,
error,
}: DispatcherWorkloadCardProps) {
@@ -86,6 +95,13 @@ export function DispatcherWorkloadCard({
+
);
}
diff --git a/src/app/(protected)/dashboard/index.tsx b/src/app/(protected)/dashboard/index.tsx
index 92f385bc..988dd493 100644
--- a/src/app/(protected)/dashboard/index.tsx
+++ b/src/app/(protected)/dashboard/index.tsx
@@ -13,6 +13,7 @@ import { DispatcherWorkloadCard } from "@/app/(protected)/dashboard/_components/
import { VendorInsightsCard } from "@/app/(protected)/dashboard/_components/vendor-insights-card";
import { WorkOrderBreakdownCard } from "@/app/(protected)/dashboard/_components/work-order-breakdown-card";
import { WorkOrdersByRegionCard } from "@/app/(protected)/dashboard/_components/work-orders-by-region-card";
+import { DISPATCHER_PAGE_SIZE } from "@/domain/dashboard/types/dashboard-dispatcher-page";
import {
DEFAULT_DASHBOARD_RANGE,
type DashboardRangeKey,
@@ -32,12 +33,25 @@ import {
export default function DashboardPage() {
const navigate = useNavigate();
const [range, setRange] = useState(DEFAULT_DASHBOARD_RANGE);
+ const [workloadPage, setWorkloadPage] = useState(1);
+ const [performancePage, setPerformancePage] = useState(1);
const stats = useDashboardStats(range);
- const workload = useDashboardWorkload(range);
- const performance = useDashboardPerformance(range);
+ const workload = useDashboardWorkload(range, workloadPage);
+ const performance = useDashboardPerformance(range, performancePage);
const regions = useDashboardRegions(range);
const vendors = useDashboardVendorInsights();
+ // A range change re-scopes both dispatcher tables, so their page must reset —
+ // otherwise a switch while on page 3 lands on an out-of-range empty page that
+ // reads as a false "no dispatchers" state.
+ const changeRange = (next: DashboardRangeKey) => {
+ setRange(next);
+ setWorkloadPage(1);
+ setPerformancePage(1);
+ };
+
+ const resetFilters = () => changeRange(DEFAULT_DASHBOARD_RANGE);
+
const isRefreshing =
[stats, workload, performance, regions, vendors].some((query) => query.isFetching) &&
!stats.isLoading;
@@ -50,11 +64,11 @@ export default function DashboardPage() {
{isRefreshing && }
{range !== DEFAULT_DASHBOARD_RANGE && (
-
}
/>
@@ -100,14 +114,22 @@ export default function DashboardPage() {
error={regions.error}
/>
diff --git a/src/domain/dashboard/api/dashboard-api.ts b/src/domain/dashboard/api/dashboard-api.ts
index 274167b6..7d3a76f9 100644
--- a/src/domain/dashboard/api/dashboard-api.ts
+++ b/src/domain/dashboard/api/dashboard-api.ts
@@ -8,6 +8,10 @@ import type {
DashboardStats,
} from "@/domain/dashboard/types/dashboard-stats";
import type { DispatcherPerformanceRow } from "@/domain/dashboard/types/dashboard-performance";
+import {
+ DISPATCHER_PAGE_SIZE,
+ type DispatcherPage,
+} from "@/domain/dashboard/types/dashboard-dispatcher-page";
import type { DashboardTrendParams } from "@/domain/dashboard/types/dashboard-trend";
import type {
DashboardTrend,
@@ -83,6 +87,44 @@ function rangeSearchParams(range?: DashboardRangeParams): Options | undefined {
return { searchParams: { dateFrom: range.dateFrom, dateTo: range.dateTo } };
}
+/**
+ * Workload and Performance are paged server-side (backend#126/#127): `page` is
+ * 1-based and always sent, and the range dates ride along when present.
+ */
+function dispatcherPageSearchParams(
+ range: DashboardRangeParams | undefined,
+ page: number,
+): Options {
+ const searchParams: Record = { page };
+ if (range?.dateFrom && range?.dateTo) {
+ searchParams.dateFrom = range.dateFrom;
+ searchParams.dateTo = range.dateTo;
+ }
+ return { searchParams };
+}
+
+/**
+ * Reads the paging envelope the dispatcher endpoints return (`Page`, `PageSize`,
+ * `TotalDispatchers`). Falls back to the requested page, the default page size,
+ * and the item count for the legacy bare-array shape so older responses still
+ * render (with the pager hidden).
+ */
+function readDispatcherPageMeta(
+ raw: unknown,
+ requestedPage: number,
+ itemCount: number,
+): { page: number; pageSize: number; totalDispatchers: number } {
+ const data = toRecord(raw);
+ const pageValue = readField(data, "page");
+ const pageSizeValue = readField(data, "pageSize");
+ const totalValue = readField(data, "totalDispatchers");
+ return {
+ page: pageValue == null ? requestedPage : toNumber(pageValue),
+ pageSize: pageSizeValue == null ? DISPATCHER_PAGE_SIZE : toNumber(pageSizeValue),
+ totalDispatchers: totalValue == null ? itemCount : toNumber(totalValue),
+ };
+}
+
function trendSearchParams(params?: DashboardTrendParams): Options | undefined {
if (
!params ||
@@ -290,13 +332,29 @@ export const dashboardApi = {
const data = await apiGet(API_PATHS.dashboard.stats, rangeSearchParams(range));
return mapDashboardStats(handleApiResponse(data));
},
- getWorkload: async (range?: DashboardRangeParams): Promise => {
- const data = await apiGet(API_PATHS.dashboard.workload, rangeSearchParams(range));
- return mapDispatcherWorkload(handleApiResponse(data));
+ getWorkload: async (
+ range?: DashboardRangeParams,
+ page = 1,
+ ): Promise> => {
+ const data = await apiGet(
+ API_PATHS.dashboard.workload,
+ dispatcherPageSearchParams(range, page),
+ );
+ const response = handleApiResponse(data);
+ const items = mapDispatcherWorkload(response);
+ return { items, ...readDispatcherPageMeta(response, page, items.length) };
},
- getPerformance: async (range?: DashboardRangeParams): Promise => {
- const data = await apiGet(API_PATHS.dashboard.performance, rangeSearchParams(range));
- return mapDispatcherPerformance(handleApiResponse(data));
+ getPerformance: async (
+ range?: DashboardRangeParams,
+ page = 1,
+ ): Promise> => {
+ const data = await apiGet(
+ API_PATHS.dashboard.performance,
+ dispatcherPageSearchParams(range, page),
+ );
+ const response = handleApiResponse(data);
+ const items = mapDispatcherPerformance(response);
+ return { items, ...readDispatcherPageMeta(response, page, items.length) };
},
getRegions: async (range?: DashboardRangeParams): Promise => {
const data = await apiGet(API_PATHS.dashboard.regions, rangeSearchParams(range));
diff --git a/src/domain/dashboard/types/dashboard-dispatcher-page.ts b/src/domain/dashboard/types/dashboard-dispatcher-page.ts
new file mode 100644
index 00000000..686b4f63
--- /dev/null
+++ b/src/domain/dashboard/types/dashboard-dispatcher-page.ts
@@ -0,0 +1,10 @@
+/** Backend pages both dispatcher tables at 10 rows (backend#126/#127). */
+export const DISPATCHER_PAGE_SIZE = 10;
+
+/** A single page of dispatcher rows plus the paging metadata the tables need. */
+export interface DispatcherPage {
+ items: TRow[];
+ page: number;
+ pageSize: number;
+ totalDispatchers: number;
+}
diff --git a/src/domain/dashboard/use-cases/use-dashboard-performance.ts b/src/domain/dashboard/use-cases/use-dashboard-performance.ts
index 9fd6c168..06491072 100644
--- a/src/domain/dashboard/use-cases/use-dashboard-performance.ts
+++ b/src/domain/dashboard/use-cases/use-dashboard-performance.ts
@@ -1,5 +1,6 @@
import { useQuery, type UseQueryResult } from "@tanstack/react-query";
import { dashboardApi } from "@/domain/dashboard/api/dashboard-api";
+import type { DispatcherPage } from "@/domain/dashboard/types/dashboard-dispatcher-page";
import type { DispatcherPerformanceRow } from "@/domain/dashboard/types/dashboard-performance";
import type { DashboardRangeKey } from "@/domain/dashboard/types/dashboard-range";
import { dashboardRangeParams } from "@/domain/dashboard/utils/dashboard-range-utils";
@@ -7,10 +8,11 @@ import { queryKeys } from "@/infra/query-key/query-key";
export function useDashboardPerformance(
range: DashboardRangeKey,
-): UseQueryResult {
+ page = 1,
+): UseQueryResult, Error> {
return useQuery({
- queryKey: queryKeys.dashboard.performance(range),
- queryFn: () => dashboardApi.getPerformance(dashboardRangeParams(range)),
+ queryKey: queryKeys.dashboard.performance(range, page),
+ queryFn: () => dashboardApi.getPerformance(dashboardRangeParams(range), page),
staleTime: 60 * 1000,
});
}
diff --git a/src/domain/dashboard/use-cases/use-dashboard-workload.ts b/src/domain/dashboard/use-cases/use-dashboard-workload.ts
index 600fd3c3..e2276768 100644
--- a/src/domain/dashboard/use-cases/use-dashboard-workload.ts
+++ b/src/domain/dashboard/use-cases/use-dashboard-workload.ts
@@ -1,5 +1,6 @@
import { useQuery, type UseQueryResult } from "@tanstack/react-query";
import { dashboardApi } from "@/domain/dashboard/api/dashboard-api";
+import type { DispatcherPage } from "@/domain/dashboard/types/dashboard-dispatcher-page";
import type { DispatcherWorkloadRow } from "@/domain/dashboard/types/dashboard-workload";
import type { DashboardRangeKey } from "@/domain/dashboard/types/dashboard-range";
import { dashboardRangeParams } from "@/domain/dashboard/utils/dashboard-range-utils";
@@ -7,10 +8,11 @@ import { queryKeys } from "@/infra/query-key/query-key";
export function useDashboardWorkload(
range: DashboardRangeKey,
-): UseQueryResult {
+ page = 1,
+): UseQueryResult, Error> {
return useQuery({
- queryKey: queryKeys.dashboard.workload(range),
- queryFn: () => dashboardApi.getWorkload(dashboardRangeParams(range)),
+ queryKey: queryKeys.dashboard.workload(range, page),
+ queryFn: () => dashboardApi.getWorkload(dashboardRangeParams(range), page),
staleTime: 60 * 1000,
});
}
diff --git a/src/domain/dashboard/utils/work-order-drilldown-links.ts b/src/domain/dashboard/utils/work-order-drilldown-links.ts
index a1f89f99..837fd104 100644
--- a/src/domain/dashboard/utils/work-order-drilldown-links.ts
+++ b/src/domain/dashboard/utils/work-order-drilldown-links.ts
@@ -72,11 +72,16 @@ export function scheduledTomorrowDrilldownSearch(
}
export function avetaPendingDrilldownSearch(today: string = businessTodayIso()): URLSearchParams {
+ // The Aveta Pending count (backend#138 / SH-294) is: AvetaRequired, scheduled
+ // today or tomorrow, open, and missing its Aveta-category document. The board
+ // has no missing-Aveta-document filter, so the closest reachable set is the
+ // Aveta-required work in the two-day open window. `docs=No` is deliberately
+ // NOT sent: it filters on completion-document status, a different document
+ // from the Aveta clearance one, so it would narrow to the wrong rows.
const search = new URLSearchParams();
search.set("dateFrom", today);
search.set("dateTo", addDaysIso(today, 1));
search.set("aveta", "1");
- search.set("docs", "No");
search.set("statuses", OPEN_WIZARD_STATUSES.join(","));
return search;
}
diff --git a/src/infra/query-key/query-key.ts b/src/infra/query-key/query-key.ts
index 4a408375..6760619e 100644
--- a/src/infra/query-key/query-key.ts
+++ b/src/infra/query-key/query-key.ts
@@ -52,10 +52,10 @@ export const queryKeys = {
dashboard: {
all: ["dashboard"] as const,
stats: (range: DashboardRangeKey) => [...queryKeys.dashboard.all, "stats", range] as const,
- workload: (range: DashboardRangeKey) =>
- [...queryKeys.dashboard.all, "workload", range] as const,
- performance: (range: DashboardRangeKey) =>
- [...queryKeys.dashboard.all, "performance", range] as const,
+ workload: (range: DashboardRangeKey, page = 1) =>
+ [...queryKeys.dashboard.all, "workload", range, page] as const,
+ performance: (range: DashboardRangeKey, page = 1) =>
+ [...queryKeys.dashboard.all, "performance", range, page] as const,
regions: (range: DashboardRangeKey) => [...queryKeys.dashboard.all, "regions", range] as const,
vendorInsights: () => [...queryKeys.dashboard.all, "vendorInsights"] as const,
trend: (params?: DashboardTrendParams) =>
diff --git a/src/test/app/(protected)/dashboard/dashboard-page.test.tsx b/src/test/app/(protected)/dashboard/dashboard-page.test.tsx
index 6c73211c..e74ab664 100644
--- a/src/test/app/(protected)/dashboard/dashboard-page.test.tsx
+++ b/src/test/app/(protected)/dashboard/dashboard-page.test.tsx
@@ -5,6 +5,12 @@ import { renderWithProviders } from "@/test/test-utils";
const navigate = vi.fn();
const statsRange = vi.fn<(range: DashboardRangeKey) => void>();
+const { workloadMock, performanceMock } = vi.hoisted(() => ({
+ workloadMock: vi.fn(),
+ performanceMock: vi.fn(),
+}));
+
+const EMPTY_DISPATCHER_PAGE = { items: [], page: 1, pageSize: 10, totalDispatchers: 0 };
vi.mock("react-router", async (importOriginal) => ({
...(await importOriginal()),
@@ -12,11 +18,11 @@ vi.mock("react-router", async (importOriginal) => ({
}));
vi.mock("@/domain/dashboard/use-cases/use-dashboard-workload", () => ({
- useDashboardWorkload: () => ({ data: [], isLoading: false, isFetching: false, error: null }),
+ useDashboardWorkload: workloadMock,
}));
vi.mock("@/domain/dashboard/use-cases/use-dashboard-performance", () => ({
- useDashboardPerformance: () => ({ data: [], isLoading: false, isFetching: false, error: null }),
+ useDashboardPerformance: performanceMock,
}));
vi.mock("@/domain/dashboard/use-cases/use-dashboard-regions", () => ({
@@ -73,6 +79,20 @@ describe("DashboardPage", () => {
beforeEach(() => {
navigate.mockReset();
statsRange.mockReset();
+ workloadMock.mockReset();
+ performanceMock.mockReset();
+ workloadMock.mockReturnValue({
+ data: EMPTY_DISPATCHER_PAGE,
+ isLoading: false,
+ isFetching: false,
+ error: null,
+ });
+ performanceMock.mockReturnValue({
+ data: EMPTY_DISPATCHER_PAGE,
+ isLoading: false,
+ isFetching: false,
+ error: null,
+ });
});
it("renders the prototype title, range options, and card titles", () => {
@@ -154,6 +174,53 @@ describe("DashboardPage", () => {
expect(screen.getByText("No active vendor has any work orders yet.")).toBeInTheDocument();
});
+ it("pages the dispatcher tables at 10 rows and re-queries on page change", () => {
+ const rows = Array.from({ length: 10 }, (_, index) => ({
+ dispatcherId: String(index + 1),
+ dispatcherName: `Dispatcher ${index + 1}`,
+ openWorkOrders: 1,
+ totalWorkOrders: 2,
+ }));
+ workloadMock.mockReturnValue({
+ data: { items: rows, page: 1, pageSize: 10, totalDispatchers: 23 },
+ isLoading: false,
+ isFetching: false,
+ error: null,
+ });
+
+ renderDashboard();
+
+ // 23 dispatchers at 10/page = 3 pages; selecting page 2 re-queries with page 2.
+ fireEvent.click(screen.getByRole("button", { name: "Go to page 2" }));
+
+ const requestedPages = workloadMock.mock.calls.map((call) => call[1]);
+ expect(requestedPages).toContain(2);
+ });
+
+ it("resets the dispatcher page when the range changes", () => {
+ const rows = Array.from({ length: 10 }, (_, index) => ({
+ dispatcherId: String(index + 1),
+ dispatcherName: `Dispatcher ${index + 1}`,
+ openWorkOrders: 1,
+ totalWorkOrders: 2,
+ }));
+ workloadMock.mockReturnValue({
+ data: { items: rows, page: 2, pageSize: 10, totalDispatchers: 23 },
+ isLoading: false,
+ isFetching: false,
+ error: null,
+ });
+
+ renderDashboard();
+
+ fireEvent.click(screen.getByRole("button", { name: "Go to page 2" }));
+ fireEvent.click(screen.getByRole("button", { name: "Today" }));
+
+ const calls = workloadMock.mock.calls;
+ const lastRequestedPage = calls[calls.length - 1]?.[1];
+ expect(lastRequestedPage).toBe(1);
+ });
+
it("keeps drilldown dates deterministic on the business clock", () => {
const today = businessTodayIso();
diff --git a/src/test/app/(protected)/dashboard/dispatcher-table-pager.test.tsx b/src/test/app/(protected)/dashboard/dispatcher-table-pager.test.tsx
new file mode 100644
index 00000000..4e011bd6
--- /dev/null
+++ b/src/test/app/(protected)/dashboard/dispatcher-table-pager.test.tsx
@@ -0,0 +1,39 @@
+import { fireEvent, render, screen } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { DispatcherTablePager } from "@/app/(protected)/dashboard/_components/dispatcher-table-pager";
+
+describe("DispatcherTablePager", () => {
+ it("renders nothing when everything fits on one page", () => {
+ const { container } = render(
+ ,
+ );
+
+ expect(container).toBeEmptyDOMElement();
+ });
+
+ it("renders a page per 10 rows and reports the selected page", () => {
+ const onPageChange = vi.fn();
+ render(
+ ,
+ );
+
+ // 23 rows at 10/page = 3 pages.
+ expect(screen.getByRole("button", { name: "Go to page 3" })).toBeInTheDocument();
+ expect(screen.queryByRole("button", { name: "Go to page 4" })).toBeNull();
+
+ fireEvent.click(screen.getByRole("button", { name: "Go to page 2" }));
+ expect(onPageChange).toHaveBeenCalledWith(2);
+ });
+});
diff --git a/src/test/domain/dashboard/dashboard-api.test.ts b/src/test/domain/dashboard/dashboard-api.test.ts
index e24e30e5..9a73b50a 100644
--- a/src/test/domain/dashboard/dashboard-api.test.ts
+++ b/src/test/domain/dashboard/dashboard-api.test.ts
@@ -84,23 +84,31 @@ describe("dashboardApi", () => {
expect(apiGet).toHaveBeenCalledWith("Dashboard/Stats", undefined);
});
- it("maps workload rows", async () => {
+ it("maps workload rows and returns the paging envelope", async () => {
apiGet.mockResolvedValue({
Items: [{ DispatcherId: 12, DispatcherName: "Dana Reyes", OpenCount: "4", TotalCount: 6 }],
+ Page: 1,
+ PageSize: 10,
+ TotalDispatchers: 23,
});
- await expect(dashboardApi.getWorkload()).resolves.toEqual([
- {
- dispatcherId: "12",
- dispatcherName: "Dana Reyes",
- openWorkOrders: 4,
- totalWorkOrders: 6,
- },
- ]);
- expect(apiGet).toHaveBeenCalledWith("Dashboard/Workload", undefined);
+ await expect(dashboardApi.getWorkload()).resolves.toEqual({
+ items: [
+ {
+ dispatcherId: "12",
+ dispatcherName: "Dana Reyes",
+ openWorkOrders: 4,
+ totalWorkOrders: 6,
+ },
+ ],
+ page: 1,
+ pageSize: 10,
+ totalDispatchers: 23,
+ });
+ expect(apiGet).toHaveBeenCalledWith("Dashboard/Workload", { searchParams: { page: 1 } });
});
- it("maps performance rows", async () => {
+ it("sends the requested page and range and maps performance rows", async () => {
apiGet.mockResolvedValue({
Items: [
{
@@ -110,16 +118,44 @@ describe("dashboardApi", () => {
AverageResolutionDays: 3.25,
},
],
+ Page: 2,
+ PageSize: 10,
+ TotalDispatchers: 14,
});
- await expect(dashboardApi.getPerformance()).resolves.toEqual([
- {
- dispatcherId: "12",
- dispatcherName: "Dana Reyes",
- completionRate: 96.5,
- averageResolutionDays: 3.25,
- },
+ await expect(
+ dashboardApi.getPerformance({ dateFrom: "2026-09-14", dateTo: "2026-09-18" }, 2),
+ ).resolves.toEqual({
+ items: [
+ {
+ dispatcherId: "12",
+ dispatcherName: "Dana Reyes",
+ completionRate: 96.5,
+ averageResolutionDays: 3.25,
+ },
+ ],
+ page: 2,
+ pageSize: 10,
+ totalDispatchers: 14,
+ });
+ expect(apiGet).toHaveBeenCalledWith("Dashboard/Performance", {
+ searchParams: { dateFrom: "2026-09-14", dateTo: "2026-09-18", page: 2 },
+ });
+ });
+
+ it("falls back to the requested page for the legacy bare-array shape", async () => {
+ apiGet.mockResolvedValue([
+ { DispatcherId: 7, DispatcherName: "Lee Ash", OpenCount: 1, TotalCount: 2 },
]);
+
+ await expect(dashboardApi.getWorkload({}, 1)).resolves.toEqual({
+ items: [
+ { dispatcherId: "7", dispatcherName: "Lee Ash", openWorkOrders: 1, totalWorkOrders: 2 },
+ ],
+ page: 1,
+ pageSize: 10,
+ totalDispatchers: 1,
+ });
});
it("maps unknown regions to Unmapped", async () => {
diff --git a/src/test/domain/dashboard/work-order-drilldown-links.test.ts b/src/test/domain/dashboard/work-order-drilldown-links.test.ts
index 90e629f4..2c28e20c 100644
--- a/src/test/domain/dashboard/work-order-drilldown-links.test.ts
+++ b/src/test/domain/dashboard/work-order-drilldown-links.test.ts
@@ -22,7 +22,9 @@ describe("work-order drilldown links", () => {
expect(search.get("dateFrom")).toBe("2026-09-16");
expect(search.get("dateTo")).toBe("2026-09-17");
expect(search.get("aveta")).toBe("1");
- expect(search.get("docs")).toBe("No");
+ // `docs=No` is the completion-document status, not the Aveta document, so it
+ // must not be part of the Aveta Pending drilldown (SH-294 / backend#138).
+ expect(search.get("docs")).toBeNull();
expect(statuses).toContain("Scheduled");
expect(statuses).not.toContain("Completed");
});
diff --git a/src/test/domain/work-orders/dashboard-drilldown-params.test.ts b/src/test/domain/work-orders/dashboard-drilldown-params.test.ts
index 8c2f58fd..97518591 100644
--- a/src/test/domain/work-orders/dashboard-drilldown-params.test.ts
+++ b/src/test/domain/work-orders/dashboard-drilldown-params.test.ts
@@ -29,7 +29,9 @@ describe("parseDashboardDrilldownParams", () => {
expect(filters).not.toBeNull();
expect(filters?.avetaOnly).toBe(true);
- expect(filters?.docs).toEqual(new Set(["No"]));
+ // The Aveta drilldown no longer sends `docs=No` (completion-doc status), so
+ // no completion-document filter is applied.
+ expect(filters?.docs.size).toBe(0);
expect(filters?.statuses).not.toBeNull();
expect([...(filters?.statuses ?? [])]).not.toContain("Completed");
expect([...(filters?.statuses ?? [])]).not.toContain("NotAStatus");