diff --git a/frontends/api/package.json b/frontends/api/package.json
index ae1b490837..9986a8c1ef 100644
--- a/frontends/api/package.json
+++ b/frontends/api/package.json
@@ -31,7 +31,7 @@
     "ol-test-utilities": "0.0.0"
   },
   "dependencies": {
-    "@mitodl/mitxonline-api-axios": "2026.6.17",
+    "@mitodl/mitxonline-api-axios": "2026.6.30-1",
     "@tanstack/react-query": "^5.66.0",
     "axios": "^1.12.2",
     "tiny-invariant": "^1.3.3"
diff --git a/frontends/api/src/mitxonline/hooks/organizations/index.ts b/frontends/api/src/mitxonline/hooks/organizations/index.ts
index 6be06ed91f..4b051a2bac 100644
--- a/frontends/api/src/mitxonline/hooks/organizations/index.ts
+++ b/frontends/api/src/mitxonline/hooks/organizations/index.ts
@@ -39,10 +39,10 @@ const useBulkAssignSeats = () => {
     ) => b2bApi.b2bManagerOrganizationsContractsCodesBulkAssignCreate(opts),
     onSettled: (_data, _err, vars) => {
       queryClient.invalidateQueries({
-        queryKey: managerOrganizationKeys.contractCodes({
-          id: vars.id,
-          parent_lookup_organization: vars.parent_lookup_organization,
-        }),
+        queryKey: managerOrganizationKeys.contractCodesForContract(
+          vars.id,
+          vars.parent_lookup_organization,
+        ),
       })
     },
   })
@@ -57,10 +57,10 @@ const useRemindCode = () => {
     ) => b2bApi.b2bManagerOrganizationsContractsCodesRemindCreate(opts),
     onSettled: (_data, _err, vars) => {
       queryClient.invalidateQueries({
-        queryKey: managerOrganizationKeys.contractCodes({
-          id: vars.id,
-          parent_lookup_organization: vars.parent_lookup_organization,
-        }),
+        queryKey: managerOrganizationKeys.contractCodesForContract(
+          vars.id,
+          vars.parent_lookup_organization,
+        ),
       })
     },
   })
@@ -75,10 +75,10 @@ const useRevokeCode = () => {
     ) => b2bApi.b2bManagerOrganizationsContractsCodesRevokeDestroy(opts),
     onSettled: (_data, _err, vars) => {
       queryClient.invalidateQueries({
-        queryKey: managerOrganizationKeys.contractCodes({
-          id: vars.id,
-          parent_lookup_organization: vars.parent_lookup_organization,
-        }),
+        queryKey: managerOrganizationKeys.contractCodesForContract(
+          vars.id,
+          vars.parent_lookup_organization,
+        ),
       })
     },
   })
@@ -97,10 +97,10 @@ const useReassignCode = () => {
     ) => b2bApi.b2bManagerOrganizationsContractsCodesReassignUpdate(opts),
     onSettled: (_data, _err, vars) => {
       queryClient.invalidateQueries({
-        queryKey: managerOrganizationKeys.contractCodes({
-          id: vars.id,
-          parent_lookup_organization: vars.parent_lookup_organization,
-        }),
+        queryKey: managerOrganizationKeys.contractCodesForContract(
+          vars.id,
+          vars.parent_lookup_organization,
+        ),
       })
     },
   })
@@ -115,4 +115,7 @@ export {
   useRemindCode,
   useRevokeCode,
 }
-export type { ContractCode } from "./queries"
+export type {
+  ManagerEnrollmentCode,
+  PaginatedManagerEnrollmentCodeList,
+} from "@mitodl/mitxonline-api-axios/v2"
diff --git a/frontends/api/src/mitxonline/hooks/organizations/queries.ts b/frontends/api/src/mitxonline/hooks/organizations/queries.ts
index 418cd7ab9d..f1bb23a5d2 100644
--- a/frontends/api/src/mitxonline/hooks/organizations/queries.ts
+++ b/frontends/api/src/mitxonline/hooks/organizations/queries.ts
@@ -3,16 +3,12 @@ import { b2bApi } from "../../clients"
 import {
   OrganizationPage,
   ManagerContractDetail,
-  ManagerEnrollmentCode,
+  PaginatedManagerEnrollmentCodeList,
   B2bApiB2bOrganizationsRetrieveRequest,
   B2bApiB2bManagerOrganizationsContractsRetrieveRequest,
   B2bApiB2bManagerOrganizationsContractsCodesListRequest,
 } from "@mitodl/mitxonline-api-axios/v2"
 
-type ContractCode = ManagerEnrollmentCode & {
-  redemption_status: "unassigned" | "assigned" | "redeemed"
-}
-
 const organizationKeys = {
   root: ["mitxonline", "organizations"],
   organizationsRetrieve: (opts?: B2bApiB2bOrganizationsRetrieveRequest) => [
@@ -50,6 +46,12 @@ const managerOrganizationKeys = {
   contractCodes: (
     opts: B2bApiB2bManagerOrganizationsContractsCodesListRequest,
   ) => [...managerOrganizationKeys.contractCodesRoot(), opts] as const,
+  // Prefix key used for invalidation — matches all pages/search states for one contract
+  contractCodesForContract: (id: number, orgId: number) =>
+    managerOrganizationKeys.contractCodes({
+      id,
+      parent_lookup_organization: orgId,
+    }),
 }
 
 const managerOrganizationQueries = {
@@ -57,7 +59,7 @@ const managerOrganizationQueries = {
     queryOptions({
       queryKey: managerOrganizationKeys.list(),
       queryFn: async (): Promise<OrganizationPage[]> =>
-        b2bApi.b2bManagerOrganizationsList().then((res) => res.data),
+        b2bApi.b2bManagerOrganizationsList().then((res) => res.data.results),
     }),
   managerContractDetail: (
     opts: B2bApiB2bManagerOrganizationsContractsRetrieveRequest,
@@ -74,10 +76,10 @@ const managerOrganizationQueries = {
   ) =>
     queryOptions({
       queryKey: managerOrganizationKeys.contractCodes(opts),
-      queryFn: async (): Promise<ContractCode[]> =>
+      queryFn: async (): Promise<PaginatedManagerEnrollmentCodeList> =>
         b2bApi
           .b2bManagerOrganizationsContractsCodesList(opts)
-          .then((res) => res.data as ContractCode[]),
+          .then((res) => res.data),
     }),
 }
 
@@ -87,5 +89,3 @@ export {
   managerOrganizationQueries,
   managerOrganizationKeys,
 }
-
-export type { ContractCode }
diff --git a/frontends/api/src/mitxonline/test-utils/factories/contracts.ts b/frontends/api/src/mitxonline/test-utils/factories/contracts.ts
index a0bbc3c6d5..0be1c360fc 100644
--- a/frontends/api/src/mitxonline/test-utils/factories/contracts.ts
+++ b/frontends/api/src/mitxonline/test-utils/factories/contracts.ts
@@ -3,16 +3,16 @@ import type {
   BulkAssignError,
   BulkAssignResult,
   ContractPage,
+  ManagerEnrollmentCode,
+  PaginatedManagerEnrollmentCodeList,
 } from "@mitodl/mitxonline-api-axios/v2"
 import { makePaginatedFactory } from "ol-test-utilities"
-import type { ContractCode } from "../../hooks/organizations"
 
 const contract = (overrides: Partial<ContractPage> = {}): ContractPage => ({
   id: faker.number.int(),
   contract_end: faker.date.future().toISOString(),
   contract_start: faker.date.past().toISOString(),
   description: faker.lorem.sentence(),
-  integration_type: "non-sso" as const,
   name: faker.company.name(),
   organization: faker.number.int(),
   slug: faker.lorem.slug(),
@@ -26,7 +26,19 @@ const contract = (overrides: Partial<ContractPage> = {}): ContractPage => ({
 
 const contracts = makePaginatedFactory(contract)
 
-const contractCode = (overrides: Partial<ContractCode> = {}): ContractCode => {
+const paginatedContractCodes = (
+  results: ManagerEnrollmentCode[],
+  opts: { count?: number; next?: string | null; previous?: string | null } = {},
+): PaginatedManagerEnrollmentCodeList => ({
+  count: opts.count ?? results.length,
+  next: opts.next ?? null,
+  previous: opts.previous ?? null,
+  results,
+})
+
+const contractCode = (
+  overrides: Partial<ManagerEnrollmentCode> = {},
+): ManagerEnrollmentCode => {
   const status = overrides.redemption_status ?? "assigned"
   const isAssigned = status !== "unassigned"
   const isRedeemed = status === "redeemed"
@@ -61,4 +73,11 @@ const bulkAssignResult = (
   ...overrides,
 })
 
-export { contract, contracts, contractCode, bulkAssignError, bulkAssignResult }
+export {
+  contract,
+  contracts,
+  contractCode,
+  paginatedContractCodes,
+  bulkAssignError,
+  bulkAssignResult,
+}
diff --git a/frontends/api/src/mitxonline/test-utils/urls.ts b/frontends/api/src/mitxonline/test-utils/urls.ts
index f8937a1a12..9fb471e41f 100644
--- a/frontends/api/src/mitxonline/test-utils/urls.ts
+++ b/frontends/api/src/mitxonline/test-utils/urls.ts
@@ -90,8 +90,24 @@ const contracts = {
   contractsList: () => `${getApiBaseUrl()}/api/v0/b2b/contracts/`,
   managerContractDetail: (orgId: number, contractId: number) =>
     `${getApiBaseUrl()}/api/v0/b2b/manager/organizations/${orgId}/contracts/${contractId}/`,
-  managerContractCodes: (orgId: number, contractId: number) =>
-    `${getApiBaseUrl()}/api/v0/b2b/manager/organizations/${orgId}/contracts/${contractId}/codes/`,
+  managerContractCodes: (
+    orgId: number,
+    contractId: number,
+    params?: {
+      page?: number
+      page_size?: number
+      search_term?: string
+      status?: string
+    },
+  ) => {
+    // queryify does not filter undefined values, so strip them first to avoid e.g. search_term=undefined in the URL
+    const clean = params
+      ? Object.fromEntries(
+          Object.entries(params).filter(([, v]) => v !== undefined),
+        )
+      : undefined
+    return `${getApiBaseUrl()}/api/v0/b2b/manager/organizations/${orgId}/contracts/${contractId}/codes/${queryify(clean)}`
+  },
   managerContractBulkAssign: (orgId: number, contractId: number) =>
     `${getApiBaseUrl()}/api/v0/b2b/manager/organizations/${orgId}/contracts/${contractId}/codes/bulk_assign/`,
   managerContractCodeRemind: (
diff --git a/frontends/main/package.json b/frontends/main/package.json
index d90df0aa7d..a2e1953c65 100644
--- a/frontends/main/package.json
+++ b/frontends/main/package.json
@@ -16,7 +16,7 @@
     "@floating-ui/react": "^0.27.16",
     "@mitodl/arithmix": "^0.2.2",
     "@mitodl/course-search-utils": "^3.5.2",
-    "@mitodl/mitxonline-api-axios": "2026.6.17",
+    "@mitodl/mitxonline-api-axios": "2026.6.30-1",
     "@mitodl/smoot-design": "^6.27.0",
     "@mui/base": "5.0.0-beta.70",
     "@mui/material": "^6.4.5",
diff --git a/frontends/main/public/sample-seat-assignments.csv b/frontends/main/public/sample-seat-assignments.csv
new file mode 100644
index 0000000000..03e5c78e21
--- /dev/null
+++ b/frontends/main/public/sample-seat-assignments.csv
@@ -0,0 +1,6 @@
+email
+testuser1@example.com
+testuser2@example.com
+testuser3@example.com
+testuser4@example.com
+testuser5@example.com
diff --git a/frontends/main/src/app-pages/ContractAdminPage/AssignSeatsSection.test.tsx b/frontends/main/src/app-pages/ContractAdminPage/AssignSeatsSection.test.tsx
index 793aaba7ff..b5c59d187a 100644
--- a/frontends/main/src/app-pages/ContractAdminPage/AssignSeatsSection.test.tsx
+++ b/frontends/main/src/app-pages/ContractAdminPage/AssignSeatsSection.test.tsx
@@ -51,7 +51,12 @@ describe("AssignSeatsSection", () => {
 
   test("renders section title and key UI elements", () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     expect(
@@ -68,22 +73,30 @@ describe("AssignSeatsSection", () => {
     expect(screen.getByText("(download sample CSV)")).toBeInTheDocument()
   })
 
-  test("download sample CSV pseudo-link is in the tab order and disabled", () => {
+  test("download sample CSV link is rendered", () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
-    // Only the download link is still disabled — import from CSV is now active
-    const downloadLink = screen.getByRole("button", {
+    const downloadLink = screen.getByRole("link", {
       name: "(download sample CSV)",
     })
-    expect(downloadLink).toHaveAttribute("tabindex", "0")
-    expect(downloadLink).toHaveAttribute("aria-disabled", "true")
+    expect(downloadLink).toBeInTheDocument()
   })
 
   test("import from CSV button is active and in the tab order", () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const importButton = screen.getByRole("button", { name: "import from CSV" })
@@ -94,7 +107,12 @@ describe("AssignSeatsSection", () => {
 
   test("Assign Seats button is disabled when textarea is empty", () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     expect(screen.getByRole("button", { name: "Assign Seats" })).toBeDisabled()
@@ -102,7 +120,12 @@ describe("AssignSeatsSection", () => {
 
   test("Assign Seats button is disabled when valid email count exceeds available seats", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={1} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={1}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -113,7 +136,12 @@ describe("AssignSeatsSection", () => {
 
   test("Assign Seats button enables when at least one valid email is entered", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -126,7 +154,12 @@ describe("AssignSeatsSection", () => {
 
   test("Assign Seats button stays disabled when only invalid emails are entered", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -137,7 +170,12 @@ describe("AssignSeatsSection", () => {
 
   test("sole invalid token is not highlighted while focused (no preceding comma)", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -150,7 +188,12 @@ describe("AssignSeatsSection", () => {
 
   test("last invalid token is highlighted while focused when preceded by a comma", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -163,7 +206,12 @@ describe("AssignSeatsSection", () => {
 
   test("last invalid token is highlighted after blur (no trailing comma)", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -177,7 +225,12 @@ describe("AssignSeatsSection", () => {
 
   test("shows valid/invalid counts after entering emails", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -189,7 +242,12 @@ describe("AssignSeatsSection", () => {
 
   test("shows only valid count when all emails are valid", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -201,7 +259,12 @@ describe("AssignSeatsSection", () => {
 
   test("validation badge is not shown when textarea is empty", () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     expect(screen.queryByText(/valid/i)).not.toBeInTheDocument()
@@ -209,7 +272,12 @@ describe("AssignSeatsSection", () => {
 
   test("live region announces email validation summary after debounce", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -229,7 +297,12 @@ describe("AssignSeatsSection", () => {
 
   test("clicking Assign Seats opens the confirm modal", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -245,7 +318,12 @@ describe("AssignSeatsSection", () => {
 
   test("modal shows invalid emails when textarea has mixed input", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -258,7 +336,12 @@ describe("AssignSeatsSection", () => {
 
   test("modal shows duplicate count when textarea has repeated emails", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -273,7 +356,12 @@ describe("AssignSeatsSection", () => {
 
   test("closing the modal hides it", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -294,7 +382,12 @@ describe("AssignSeatsSection", () => {
 
   test("importing a valid CSV opens the modal without populating the textarea", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const csvContent = "email\nalice@example.com\nbob@example.com"
@@ -318,7 +411,12 @@ describe("AssignSeatsSection", () => {
 
   test("importing a CSV with invalid emails shows them in the modal", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const csvContent = "alice@example.com\nbad@\nnot-quite@.com"
@@ -336,7 +434,12 @@ describe("AssignSeatsSection", () => {
 
   test("importing a CSV with duplicates shows duplicate count in modal", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const csvContent = "alice@example.com\nbob@example.com\nalice@example.com"
@@ -355,7 +458,12 @@ describe("AssignSeatsSection", () => {
 
   test("importing a CSV with no-@ rows shows skipped count in modal", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const csvContent =
@@ -375,7 +483,12 @@ describe("AssignSeatsSection", () => {
 
   test("importing a CSV with no valid emails shows inline error", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const csvContent = "Email\nNot An Email\nbad@"
@@ -397,7 +510,12 @@ describe("AssignSeatsSection", () => {
 
   test("assertive live region announces CSV error text for screen readers", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const csvContent = "Email\nNot An Email\nbad@"
@@ -420,7 +538,12 @@ describe("AssignSeatsSection", () => {
 
   test("accepts newline-separated emails", async () => {
     renderWithProviders(
-      <AssignSeatsSection orgId={1} contractId={2} availableSeats={50} />,
+      <AssignSeatsSection
+        orgId={1}
+        contractId={2}
+        availableSeats={50}
+        isLoadingSeats={false}
+      />,
     )
 
     const textarea = screen.getByPlaceholderText(/enter employee emails/i)
@@ -462,6 +585,7 @@ describe("AssignSeatsSection", () => {
           orgId={ORG_ID}
           contractId={CONTRACT_ID}
           availableSeats={50}
+          isLoadingSeats={false}
         />,
       )
 
@@ -492,6 +616,7 @@ describe("AssignSeatsSection", () => {
           orgId={ORG_ID}
           contractId={CONTRACT_ID}
           availableSeats={50}
+          isLoadingSeats={false}
         />,
       )
 
@@ -514,6 +639,7 @@ describe("AssignSeatsSection", () => {
           orgId={ORG_ID}
           contractId={CONTRACT_ID}
           availableSeats={50}
+          isLoadingSeats={false}
         />,
       )
 
diff --git a/frontends/main/src/app-pages/ContractAdminPage/AssignSeatsSection.tsx b/frontends/main/src/app-pages/ContractAdminPage/AssignSeatsSection.tsx
index a98b4dde90..59ddb8e3d7 100644
--- a/frontends/main/src/app-pages/ContractAdminPage/AssignSeatsSection.tsx
+++ b/frontends/main/src/app-pages/ContractAdminPage/AssignSeatsSection.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import React, { useEffect, useMemo, useRef, useState } from "react"
-import { Stack, Tooltip, Typography, styled } from "ol-components"
+import { Link, Stack, Typography, styled } from "ol-components"
 import { Alert, Button, VisuallyHidden } from "@mitodl/smoot-design"
 import {
   isValidEmail,
@@ -59,14 +59,6 @@ const ActiveLink = styled.span(({ theme }) => ({
   "&:hover": { opacity: 0.8 },
 }))
 
-const DisabledLink = styled.span(({ theme }) => ({
-  ...theme.typography.subtitle2,
-  color: theme.custom.colors.darkRed,
-  textDecoration: "underline",
-  cursor: "not-allowed",
-  opacity: 0.5,
-}))
-
 const CountBadge = styled.div<{ $variant: "valid" | "warning" | "default" }>(
   ({ theme, $variant }) => ({
     display: "inline-flex",
@@ -215,12 +207,14 @@ type AssignSeatsSectionProps = {
   orgId: number
   contractId: number
   availableSeats: number
+  isLoadingSeats: boolean
 }
 
 const AssignSeatsSection: React.FC<AssignSeatsSectionProps> = ({
   orgId,
   contractId,
   availableSeats,
+  isLoadingSeats,
 }) => {
   const [emailInput, setEmailInput] = useState("")
   const [focused, setFocused] = useState(false)
@@ -514,7 +508,7 @@ const AssignSeatsSection: React.FC<AssignSeatsSectionProps> = ({
         <ButtonWrapper>
           <Button
             variant="primary"
-            disabled={!canSubmit || overCapacity}
+            disabled={!canSubmit || overCapacity || isLoadingSeats}
             onClick={handleAssignSeats}
           >
             Assign Seats
@@ -546,11 +540,14 @@ const AssignSeatsSection: React.FC<AssignSeatsSectionProps> = ({
         >
           import from CSV
         </ActiveLink>
-        <Tooltip title="Coming soon" describeChild>
-          <DisabledLink role="button" aria-disabled="true" tabIndex={0}>
-            (download sample CSV)
-          </DisabledLink>
-        </Tooltip>
+        <Link
+          href="/sample-seat-assignments.csv"
+          color="red"
+          download
+          target="_blank"
+        >
+          (download sample CSV)
+        </Link>
       </Stack>
       {!overCapacity && (invalidCount > 0 || duplicateCount > 0) && (
         <Alert severity="warning">
diff --git a/frontends/main/src/app-pages/ContractAdminPage/ContractAdminPage.test.tsx b/frontends/main/src/app-pages/ContractAdminPage/ContractAdminPage.test.tsx
index 09b7009885..7809438201 100644
--- a/frontends/main/src/app-pages/ContractAdminPage/ContractAdminPage.test.tsx
+++ b/frontends/main/src/app-pages/ContractAdminPage/ContractAdminPage.test.tsx
@@ -1,5 +1,6 @@
 import React from "react"
-import { renderWithProviders, screen, user, waitFor } from "@/test-utils"
+import { renderWithProviders, screen, user } from "@/test-utils"
+import { waitFor } from "@testing-library/react"
 import { setMockResponse } from "api/test-utils"
 import { factories, urls } from "api/mitxonline-test-utils"
 import { useFeatureFlagEnabled } from "posthog-js/react"
@@ -27,6 +28,25 @@ const mockedUseFeatureFlagEnabled = jest.mocked(useFeatureFlagEnabled)
 const managerOrgsUrl = urls.organization.managerOrganizationsList()
 const managerContractDetailUrl = urls.contracts.managerContractDetail
 
+const makeContractDetail = (
+  contract: ReturnType<typeof factories.contracts.contract>,
+  overrides: {
+    total_codes?: number
+    assigned_codes?: number
+    unassigned_codes?: number
+    redeemed_codes?: number
+    total_enrollments?: number
+  } = {},
+) => ({
+  ...contract,
+  attachment_percentage: null,
+  total_enrollments: overrides.total_enrollments ?? 0,
+  total_codes: overrides.total_codes ?? 10,
+  assigned_codes: overrides.assigned_codes ?? 2,
+  unassigned_codes: overrides.unassigned_codes ?? 6,
+  redeemed_codes: overrides.redeemed_codes ?? 2,
+})
+
 const makeOrgWithContract = () => {
   const contract = factories.contracts.contract()
   const org = factories.organizations.organization({ contracts: [contract] })
@@ -96,7 +116,12 @@ describe("ContractAdminPage", () => {
     mockedUseFeatureFlagEnabled.mockReturnValue(true)
 
     const otherOrg = factories.organizations.organization({})
-    setMockResponse.get(managerOrgsUrl, [otherOrg])
+    setMockResponse.get(managerOrgsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [otherOrg],
+    })
 
     renderWithProviders(
       <ContractAdminPage orgSlug="not-my-org" contractSlug="some-contract" />,
@@ -110,7 +135,12 @@ describe("ContractAdminPage", () => {
     mockedUseFeatureFlagEnabled.mockReturnValue(true)
 
     const { org } = makeOrgWithContract()
-    setMockResponse.get(managerOrgsUrl, [org])
+    setMockResponse.get(managerOrgsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [org],
+    })
 
     renderWithProviders(
       <ContractAdminPage
@@ -127,16 +157,22 @@ describe("ContractAdminPage", () => {
     mockedUseFeatureFlagEnabled.mockReturnValue(true)
 
     const { org, contract } = makeOrgWithContract()
-    setMockResponse.get(managerOrgsUrl, [org])
-    setMockResponse.get(managerContractDetailUrl(org.id, contract.id), {
-      ...contract,
-      attachment_percentage: null,
-      total_enrollments: 0,
-      total_codes: 50,
+    setMockResponse.get(managerOrgsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [org],
     })
     setMockResponse.get(
-      urls.contracts.managerContractCodes(org.id, contract.id),
-      [],
+      managerContractDetailUrl(org.id, contract.id),
+      makeContractDetail(contract),
+    )
+    setMockResponse.get(
+      urls.contracts.managerContractCodes(org.id, contract.id, {
+        page: 1,
+        page_size: 25,
+      }),
+      factories.contracts.paginatedContractCodes([]),
     )
 
     renderWithProviders(
@@ -152,18 +188,22 @@ describe("ContractAdminPage", () => {
     mockedUseFeatureFlagEnabled.mockReturnValue(true)
 
     const { org, contract } = makeOrgWithContract()
-    setMockResponse.get(managerOrgsUrl, [org])
-    setMockResponse.get(managerContractDetailUrl(org.id, contract.id), {
-      ...contract,
-      attachment_percentage: null,
-      total_enrollments: 12,
-      total_codes: 75,
+    setMockResponse.get(managerOrgsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [org],
     })
     setMockResponse.get(
-      urls.contracts.managerContractCodes(org.id, contract.id),
-      Array.from({ length: 75 }, () =>
-        factories.contracts.contractCode({ redemption_status: "unassigned" }),
-      ),
+      managerContractDetailUrl(org.id, contract.id),
+      makeContractDetail(contract, { total_codes: 75, total_enrollments: 12 }),
+    )
+    setMockResponse.get(
+      urls.contracts.managerContractCodes(org.id, contract.id, {
+        page: 1,
+        page_size: 25,
+      }),
+      factories.contracts.paginatedContractCodes([]),
     )
 
     renderWithProviders(
@@ -173,58 +213,74 @@ describe("ContractAdminPage", () => {
     await screen.findByText("75 seats")
   })
 
-  test("derives Unassigned and Pending claim summary stats from codes", async () => {
+  test("renders per-status stats from contract detail", async () => {
     mockedUseFeatureFlagsLoaded.mockReturnValue(true)
     mockedUseFeatureFlagEnabled.mockReturnValue(true)
 
     const { org, contract } = makeOrgWithContract()
-    setMockResponse.get(managerOrgsUrl, [org])
-    setMockResponse.get(managerContractDetailUrl(org.id, contract.id), {
-      ...contract,
-      attachment_percentage: null,
-      total_enrollments: 1,
-      total_codes: 5,
+    setMockResponse.get(managerOrgsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [org],
     })
     setMockResponse.get(
-      urls.contracts.managerContractCodes(org.id, contract.id),
-      [
-        factories.contracts.contractCode({ redemption_status: "unassigned" }),
-        factories.contracts.contractCode({ redemption_status: "unassigned" }),
-        factories.contracts.contractCode({ redemption_status: "assigned" }),
-        factories.contracts.contractCode({
-          redemption_status: "redeemed",
-          redeemed_by: "a@example.com",
-          redeemed_on: new Date().toISOString(),
-        }),
-      ],
+      managerContractDetailUrl(org.id, contract.id),
+      makeContractDetail(contract, {
+        total_codes: 30,
+        assigned_codes: 10,
+        unassigned_codes: 15,
+        redeemed_codes: 5,
+      }),
+    )
+    setMockResponse.get(
+      urls.contracts.managerContractCodes(org.id, contract.id, {
+        page: 1,
+        page_size: 25,
+      }),
+      factories.contracts.paginatedContractCodes([]),
     )
 
     renderWithProviders(
       <ContractAdminPage orgSlug={org.slug} contractSlug={contract.slug} />,
     )
 
-    // findByRole waits for the org to load; then waitFor waits for codes to load
-    const unassignedStat = await screen.findByRole("group", {
-      name: "Unassigned",
-    })
-    await waitFor(() => expect(unassignedStat).toHaveTextContent("2"))
-
-    const pendingStat = screen.getByRole("group", { name: "Pending claim" })
-    expect(pendingStat).toHaveTextContent("1")
+    // Wait for contract detail to finish loading (skeletons replaced by values)
+    await screen.findByText("30")
+    expect(
+      screen.getByRole("group", { name: "Total purchased" }),
+    ).toHaveTextContent("30")
+    expect(screen.getByRole("group", { name: "Unassigned" })).toHaveTextContent(
+      "15",
+    )
+    expect(
+      screen.getByRole("group", { name: "Pending claim" }),
+    ).toHaveTextContent("10")
+    expect(screen.getByRole("group", { name: "Redeemed" })).toHaveTextContent(
+      "5",
+    )
   })
 
-  test("hides unassigned codes from the table and shows assigned and redeemed", async () => {
+  test("Redeemed tab filters to redeemed codes only", async () => {
     mockedUseFeatureFlagsLoaded.mockReturnValue(true)
     mockedUseFeatureFlagEnabled.mockReturnValue(true)
 
     const { org, contract } = makeOrgWithContract()
-    setMockResponse.get(managerOrgsUrl, [org])
-    setMockResponse.get(managerContractDetailUrl(org.id, contract.id), {
-      ...contract,
-      attachment_percentage: null,
-      total_enrollments: 1,
-      total_codes: 3,
+    setMockResponse.get(managerOrgsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [org],
     })
+    setMockResponse.get(
+      managerContractDetailUrl(org.id, contract.id),
+      makeContractDetail(contract, {
+        total_codes: 2,
+        assigned_codes: 1,
+        redeemed_codes: 1,
+        unassigned_codes: 0,
+      }),
+    )
 
     const assignedCode = factories.contracts.contractCode({
       redemption_status: "assigned",
@@ -236,14 +292,21 @@ describe("ContractAdminPage", () => {
       redeemed_by: "claimer@example.com",
       redeemed_on: new Date().toISOString(),
     })
-    const unassignedCode = factories.contracts.contractCode({
-      redemption_status: "unassigned",
-      assigned_to: null,
-    })
 
     setMockResponse.get(
-      urls.contracts.managerContractCodes(org.id, contract.id),
-      [assignedCode, redeemedCode, unassignedCode],
+      urls.contracts.managerContractCodes(org.id, contract.id, {
+        page: 1,
+        page_size: 25,
+      }),
+      factories.contracts.paginatedContractCodes([assignedCode, redeemedCode]),
+    )
+    setMockResponse.get(
+      urls.contracts.managerContractCodes(org.id, contract.id, {
+        page: 1,
+        page_size: 25,
+        status: "redeemed",
+      }),
+      factories.contracts.paginatedContractCodes([redeemedCode]),
     )
 
     renderWithProviders(
@@ -251,49 +314,166 @@ describe("ContractAdminPage", () => {
     )
 
     await screen.findByText("pending@example.com")
-    expect(screen.getByText("redeemed@example.com")).toBeInTheDocument()
-    expect(screen.queryByText(unassignedCode.code)).not.toBeInTheDocument()
+
+    await user.click(screen.getByRole("tab", { name: "Redeemed" }))
+
+    await screen.findByText("redeemed@example.com")
+    expect(screen.queryByText("pending@example.com")).not.toBeInTheDocument()
   })
 
-  test("Redeemed tab filters to redeemed codes only", async () => {
-    mockedUseFeatureFlagsLoaded.mockReturnValue(true)
-    mockedUseFeatureFlagEnabled.mockReturnValue(true)
+  describe("CSV export", () => {
+    const setupPage = (
+      org: ReturnType<typeof factories.organizations.organization>,
+      contract: ReturnType<typeof factories.contracts.contract>,
+      overrides: Parameters<typeof makeContractDetail>[1] = {},
+    ) => {
+      setMockResponse.get(managerOrgsUrl, {
+        count: 1,
+        next: null,
+        previous: null,
+        results: [org],
+      })
+      setMockResponse.get(
+        managerContractDetailUrl(org.id, contract.id),
+        makeContractDetail(contract, overrides),
+      )
+      setMockResponse.get(
+        urls.contracts.managerContractCodes(org.id, contract.id, {
+          page: 1,
+          page_size: 25,
+        }),
+        factories.contracts.paginatedContractCodes([]),
+      )
+    }
+
+    const mockAnchorClick = jest.fn()
+    const mockCreateObjectURL = jest.fn().mockReturnValue("blob:fake-url")
+    const mockRevokeObjectURL = jest.fn()
+
+    beforeEach(() => {
+      mockedUseFeatureFlagsLoaded.mockReturnValue(true)
+      mockedUseFeatureFlagEnabled.mockReturnValue(true)
+      mockAnchorClick.mockClear()
+      mockCreateObjectURL.mockClear()
+      mockRevokeObjectURL.mockClear()
+      URL.createObjectURL = mockCreateObjectURL
+      URL.revokeObjectURL = mockRevokeObjectURL
+      jest
+        .spyOn(HTMLAnchorElement.prototype, "click")
+        .mockImplementation(mockAnchorClick)
+    })
 
-    const { org, contract } = makeOrgWithContract()
-    setMockResponse.get(managerOrgsUrl, [org])
-    setMockResponse.get(managerContractDetailUrl(org.id, contract.id), {
-      ...contract,
-      attachment_percentage: null,
-      total_enrollments: 1,
-      total_codes: 2,
+    afterEach(() => {
+      jest.restoreAllMocks()
     })
 
-    const assignedCode = factories.contracts.contractCode({
-      redemption_status: "assigned",
-      assigned_to: "pending@example.com",
+    test("triggers download with correct filename for a single page of results", async () => {
+      const { org, contract } = makeOrgWithContract()
+      setupPage(org, contract, { total_codes: 2 })
+
+      setMockResponse.get(
+        urls.contracts.managerContractCodes(org.id, contract.id, {
+          page: 1,
+          page_size: 500,
+        }),
+        factories.contracts.paginatedContractCodes([
+          factories.contracts.contractCode({
+            assigned_to: "alice@example.com",
+          }),
+          factories.contracts.contractCode({ assigned_to: "bob@example.com" }),
+        ]),
+      )
+
+      renderWithProviders(
+        <ContractAdminPage orgSlug={org.slug} contractSlug={contract.slug} />,
+      )
+
+      await screen.findByRole("button", { name: "Export CSV" })
+      await user.click(screen.getByRole("button", { name: "Export CSV" }))
+
+      await waitFor(() => {
+        expect(mockCreateObjectURL).toHaveBeenCalledWith(expect.any(Blob))
+      })
+      expect(mockAnchorClick).toHaveBeenCalledTimes(1)
+      const clickedAnchor = mockAnchorClick.mock
+        .instances[0] as HTMLAnchorElement
+      expect(clickedAnchor.download).toBe("seat-assignments.csv")
+      expect(mockRevokeObjectURL).toHaveBeenCalledWith("blob:fake-url")
+      await screen.findByText("CSV download started.")
     })
-    const redeemedCode = factories.contracts.contractCode({
-      redemption_status: "redeemed",
-      assigned_to: "redeemed@example.com",
-      redeemed_by: "claimer@example.com",
-      redeemed_on: new Date().toISOString(),
+
+    test("fetches additional pages and includes all rows in the CSV", async () => {
+      const { org, contract } = makeOrgWithContract()
+      setupPage(org, contract, { total_codes: 2 })
+
+      setMockResponse.get(
+        urls.contracts.managerContractCodes(org.id, contract.id, {
+          page: 1,
+          page_size: 500,
+        }),
+        factories.contracts.paginatedContractCodes(
+          [
+            factories.contracts.contractCode({
+              assigned_to: "alice@example.com",
+            }),
+          ],
+          { count: 2, next: "next-page" },
+        ),
+      )
+      setMockResponse.get(
+        urls.contracts.managerContractCodes(org.id, contract.id, {
+          page: 2,
+          page_size: 500,
+        }),
+        factories.contracts.paginatedContractCodes([
+          factories.contracts.contractCode({ assigned_to: "bob@example.com" }),
+        ]),
+      )
+
+      renderWithProviders(
+        <ContractAdminPage orgSlug={org.slug} contractSlug={contract.slug} />,
+      )
+
+      await screen.findByRole("button", { name: "Export CSV" })
+      await user.click(screen.getByRole("button", { name: "Export CSV" }))
+
+      await waitFor(() => {
+        expect(mockCreateObjectURL).toHaveBeenCalledWith(expect.any(Blob))
+      })
+      const blob = mockCreateObjectURL.mock.calls[0][0] as Blob
+      const csv = await new Promise<string>((resolve, reject) => {
+        const reader = new FileReader()
+        reader.onload = () => resolve(reader.result as string)
+        reader.onerror = reject
+        reader.readAsText(blob)
+      })
+      expect(csv).toContain("alice@example.com")
+      expect(csv).toContain("bob@example.com")
     })
 
-    setMockResponse.get(
-      urls.contracts.managerContractCodes(org.id, contract.id),
-      [assignedCode, redeemedCode],
-    )
+    test("shows error alert when the export request fails", async () => {
+      allowConsoleErrors()
+      const { org, contract } = makeOrgWithContract()
+      setupPage(org, contract, { total_codes: 1 })
 
-    renderWithProviders(
-      <ContractAdminPage orgSlug={org.slug} contractSlug={contract.slug} />,
-    )
+      setMockResponse.get(
+        urls.contracts.managerContractCodes(org.id, contract.id, {
+          page: 1,
+          page_size: 500,
+        }),
+        "Internal Server Error",
+        { code: 500 },
+      )
 
-    await screen.findByText("pending@example.com")
+      renderWithProviders(
+        <ContractAdminPage orgSlug={org.slug} contractSlug={contract.slug} />,
+      )
 
-    await user.click(screen.getByRole("tab", { name: "Redeemed" }))
+      await screen.findByRole("button", { name: "Export CSV" })
+      await user.click(screen.getByRole("button", { name: "Export CSV" }))
 
-    expect(screen.getByText("redeemed@example.com")).toBeInTheDocument()
-    expect(screen.queryByText("pending@example.com")).not.toBeInTheDocument()
+      await screen.findByText("Could not export CSV. Please try again.")
+    })
   })
 
   test("Pending claim tab filters to assigned codes only", async () => {
@@ -301,13 +481,21 @@ describe("ContractAdminPage", () => {
     mockedUseFeatureFlagEnabled.mockReturnValue(true)
 
     const { org, contract } = makeOrgWithContract()
-    setMockResponse.get(managerOrgsUrl, [org])
-    setMockResponse.get(managerContractDetailUrl(org.id, contract.id), {
-      ...contract,
-      attachment_percentage: null,
-      total_enrollments: 1,
-      total_codes: 2,
+    setMockResponse.get(managerOrgsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [org],
     })
+    setMockResponse.get(
+      managerContractDetailUrl(org.id, contract.id),
+      makeContractDetail(contract, {
+        total_codes: 2,
+        assigned_codes: 1,
+        redeemed_codes: 1,
+        unassigned_codes: 0,
+      }),
+    )
 
     const assignedCode = factories.contracts.contractCode({
       redemption_status: "assigned",
@@ -321,8 +509,19 @@ describe("ContractAdminPage", () => {
     })
 
     setMockResponse.get(
-      urls.contracts.managerContractCodes(org.id, contract.id),
-      [assignedCode, redeemedCode],
+      urls.contracts.managerContractCodes(org.id, contract.id, {
+        page: 1,
+        page_size: 25,
+      }),
+      factories.contracts.paginatedContractCodes([assignedCode, redeemedCode]),
+    )
+    setMockResponse.get(
+      urls.contracts.managerContractCodes(org.id, contract.id, {
+        page: 1,
+        page_size: 25,
+        status: "assigned",
+      }),
+      factories.contracts.paginatedContractCodes([assignedCode]),
     )
 
     renderWithProviders(
@@ -333,7 +532,9 @@ describe("ContractAdminPage", () => {
 
     await user.click(screen.getByRole("tab", { name: "Pending claim" }))
 
+    await waitFor(() => {
+      expect(screen.queryByText("redeemed@example.com")).not.toBeInTheDocument()
+    })
     expect(screen.getByText("pending@example.com")).toBeInTheDocument()
-    expect(screen.queryByText("redeemed@example.com")).not.toBeInTheDocument()
   })
 })
diff --git a/frontends/main/src/app-pages/ContractAdminPage/ContractAdminPage.tsx b/frontends/main/src/app-pages/ContractAdminPage/ContractAdminPage.tsx
index 3658263936..6c7f593d4e 100644
--- a/frontends/main/src/app-pages/ContractAdminPage/ContractAdminPage.tsx
+++ b/frontends/main/src/app-pages/ContractAdminPage/ContractAdminPage.tsx
@@ -1,8 +1,12 @@
 "use client"
 
-import React, { useEffect, useState } from "react"
+import React, { useEffect, useRef, useState } from "react"
 import Image from "next/image"
-import { useQuery } from "@tanstack/react-query"
+import {
+  keepPreviousData,
+  useQuery,
+  useQueryClient,
+} from "@tanstack/react-query"
 import { useFeatureFlagEnabled } from "posthog-js/react"
 import {
   alpha,
@@ -13,7 +17,6 @@ import {
   Skeleton,
   Stack,
   TabContext,
-  Tooltip,
   Typography,
   styled,
 } from "ol-components"
@@ -26,7 +29,10 @@ import {
 } from "@mitodl/smoot-design"
 import { AssignSeatsSection } from "./AssignSeatsSection"
 import { RowActionMenu } from "./RowActionMenu"
-import { managerOrganizationQueries } from "api/mitxonline-hooks/organizations"
+import {
+  managerOrganizationQueries,
+  type ManagerEnrollmentCode,
+} from "api/mitxonline-hooks/organizations"
 import type { AxiosError } from "axios"
 import { matchOrganizationBySlug } from "@/common/utils"
 import { ForbiddenError } from "@/common/errors"
@@ -35,8 +41,6 @@ import { useFeatureFlagsLoaded } from "@/common/useFeatureFlagsLoaded"
 import { ErrorContent } from "../ErrorPage/ErrorPageTemplate"
 import graduateLogo from "@/public/images/dashboard/graduate.png"
 
-const PAGE_SIZE = 20
-
 const Page = styled(Container)(({ theme }) => ({
   maxWidth: "1400px",
   padding: "40px 24px",
@@ -324,17 +328,33 @@ function formatDate(iso: string | null | undefined): string {
   })
 }
 
+function buildCsvRow(values: (string | null | undefined)[]): string {
+  return values
+    .map((v) => {
+      const s = v ?? ""
+      return s.includes(",") || s.includes('"') || s.includes("\n")
+        ? `"${s.replace(/"/g, '""')}"`
+        : s
+    })
+    .join(",")
+}
+
 type ContractAdminPageInternalProps = {
   orgSlug: string
   contractSlug: string
 }
 
+const CODES_PAGE_SIZE = 25
+const CSV_EXPORT_PAGE_SIZE = 500
+
 const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
   orgSlug,
   contractSlug,
 }) => {
+  const queryClient = useQueryClient()
   const [statusFilter, setStatusFilter] = useState<StatusFilter>("all")
   const [searchQuery, setSearchQuery] = useState("")
+  const [debouncedSearchQuery, setDebouncedSearchQuery] = useState("")
   const [page, setPage] = useState(1)
   const [searchAnnouncement, setSearchAnnouncement] = useState("")
   const [rowActionResult, setRowActionResult] = useState<{
@@ -342,6 +362,16 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
     severity: "success" | "error"
   } | null>(null)
   const [rowActionAnnouncement, setRowActionAnnouncement] = useState("")
+  const [isExporting, setIsExporting] = useState(false)
+
+  // Debounce search query to avoid firing a new request on every keystroke.
+  useEffect(() => {
+    const id = setTimeout(() => {
+      setDebouncedSearchQuery(searchQuery)
+      setPage(1)
+    }, 300)
+    return () => clearTimeout(id)
+  }, [searchQuery])
 
   // Mirror row-action Alert text into an assertive live region — smoot-design
   // Alert announces only its aria-describedby ("success/error message") via NVDA
@@ -370,6 +400,19 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
   const org = managerOrgs?.find(matchOrganizationBySlug(orgSlug))
   const contract = org?.contracts.find((c) => c.slug === contractSlug)
 
+  const {
+    data: contractDetail,
+    isLoading: isLoadingContractDetail,
+    isError: isContractDetailError,
+    error: contractDetailError,
+  } = useQuery({
+    ...managerOrganizationQueries.managerContractDetail({
+      id: contract?.id ?? 0,
+      parent_lookup_organization: org?.id ?? 0,
+    }),
+    enabled: !!org && !!contract,
+  })
+
   const {
     data: codes,
     isLoading: isLoadingCodes,
@@ -379,10 +422,37 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
     ...managerOrganizationQueries.managerContractCodes({
       id: contract?.id ?? 0,
       parent_lookup_organization: org?.id ?? 0,
+      page,
+      page_size: CODES_PAGE_SIZE,
+      search_term: debouncedSearchQuery || undefined,
+      status:
+        statusFilter === "redeemed"
+          ? "redeemed"
+          : statusFilter === "pending"
+            ? "assigned"
+            : undefined,
     }),
     enabled: !!org && !!contract,
+    placeholderData: keepPreviousData,
   })
 
+  // Announce the result count after the query settles following a search change.
+  // Using a ref to track the last announced query so we only fire once per change,
+  // not on every re-render while loading.
+  const announcedQueryRef = useRef("")
+  useEffect(() => {
+    if (isLoadingCodes || announcedQueryRef.current === debouncedSearchQuery)
+      return
+    announcedQueryRef.current = debouncedSearchQuery
+    const count = codes?.count ?? 0
+    setSearchAnnouncement("")
+    const id = setTimeout(
+      () => setSearchAnnouncement(`${count} result${count !== 1 ? "s" : ""}`),
+      0,
+    )
+    return () => clearTimeout(id)
+  }, [isLoadingCodes, debouncedSearchQuery, codes?.count])
+
   if (isLoadingOrgs) {
     return (
       <Page>
@@ -407,6 +477,14 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
     return <ErrorContent title="Something went wrong" timSays="Oops!" />
   }
 
+  if (isContractDetailError) {
+    const status = (contractDetailError as AxiosError)?.response?.status
+    if (status === 403 || status === 401) {
+      return <ErrorContent title="Access denied" timSays="403" />
+    }
+    return <ErrorContent title="Something went wrong" timSays="Oops!" />
+  }
+
   if (!org) {
     return <ErrorContent title="Access denied" timSays="403" />
   }
@@ -415,44 +493,15 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
     return <ErrorContent title="Contract not found" timSays="404" />
   }
 
-  const allCodes = codes ?? []
-  const totalPurchased = isLoadingCodes ? undefined : allCodes.length
-  const totalUnassigned = allCodes.filter(
-    (code) => code.redemption_status === "unassigned",
-  ).length
-  const totalPendingClaim = allCodes.filter(
-    (code) => code.redemption_status === "assigned",
-  ).length
-  const totalRedeemed = allCodes.filter(
-    (code) => code.redemption_status === "redeemed",
-  ).length
-
-  const visibleCodes = (codes ?? []).filter(
-    (code) => code.redemption_status !== "unassigned",
-  )
-
-  const tabFilteredCodes = visibleCodes.filter((code) => {
-    return (
-      statusFilter === "all" ||
-      (statusFilter === "redeemed" && code.redemption_status === "redeemed") ||
-      (statusFilter === "pending" && code.redemption_status === "assigned")
-    )
-  })
+  const totalPurchased = contractDetail?.total_codes
+  const unassignedCount = contractDetail?.unassigned_codes
+  const assignedCount = contractDetail?.assigned_codes
+  const redeemedCount = contractDetail?.redeemed_codes
 
-  const filteredCodes = tabFilteredCodes.filter((code) => {
-    if (!searchQuery) return true
-    const q = searchQuery.toLowerCase()
-    return (
-      (code.assigned_to ?? "").toLowerCase().includes(q) ||
-      (code.assigned_name ?? "").toLowerCase().includes(q)
-    )
-  })
+  const pageResults = codes?.results ?? []
 
-  const totalPages = Math.ceil(filteredCodes.length / PAGE_SIZE)
-  const pagedCodes = filteredCodes.slice(
-    (page - 1) * PAGE_SIZE,
-    page * PAGE_SIZE,
-  )
+  const totalCount = codes?.count ?? 0
+  const totalPages = Math.ceil(totalCount / CODES_PAGE_SIZE)
 
   const handleTabChange = (_: React.SyntheticEvent, val: StatusFilter) => {
     setStatusFilter(val)
@@ -461,14 +510,71 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
 
   const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setSearchQuery(e.target.value)
-    setPage(1)
   }
 
-  const announceSearchCount = (count: number) => {
-    setSearchAnnouncement("")
-    setTimeout(() => {
-      setSearchAnnouncement(`${count} result${count !== 1 ? "s" : ""}`)
-    }, 0)
+  const handleExportCsv = async () => {
+    if (!totalPurchased) return
+    setIsExporting(true)
+    try {
+      const allRows: ManagerEnrollmentCode[] = []
+      let page = 1
+      let hasMore = true
+      while (hasMore) {
+        const data = await queryClient.fetchQuery(
+          managerOrganizationQueries.managerContractCodes({
+            id: contract.id,
+            parent_lookup_organization: org.id,
+            page,
+            page_size: CSV_EXPORT_PAGE_SIZE,
+          }),
+        )
+        allRows.push(...data.results)
+        hasMore = !!data.next
+        page++
+      }
+      const rows = allRows
+      const header = buildCsvRow([
+        "Assigned to",
+        "Redeemed by",
+        "Status",
+        "Assigned on",
+        "Redeemed on",
+        "Last sent",
+      ])
+      const dataRows = rows
+        .filter((c) => c.redemption_status !== "unassigned")
+        .map((c) =>
+          buildCsvRow([
+            c.assigned_to,
+            c.redeemed_by,
+            c.redemption_status === "redeemed" ? "Redeemed" : "Pending claim",
+            formatDate(c.assigned_on),
+            formatDate(c.redeemed_on),
+            formatDate(c.last_sent),
+          ]),
+        )
+      const csv = [header, ...dataRows].join("\n")
+      const blob = new Blob([csv], { type: "text/csv" })
+      const url = URL.createObjectURL(blob)
+      const link = document.createElement("a")
+      link.href = url
+      link.download = "seat-assignments.csv"
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
+      URL.revokeObjectURL(url)
+      setRowActionResult({
+        message: "CSV download started.",
+        severity: "success",
+      })
+    } catch {
+      setRowActionResult({
+        message: "Could not export CSV. Please try again.",
+        severity: "error",
+      })
+    } finally {
+      setIsExporting(false)
+    }
   }
 
   return (
@@ -489,7 +595,7 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
               <OrgName component="h1">{org.name}</OrgName>
               <ContractSubtitle>
                 <span>{contract.name}</span>
-                {!isLoadingCodes && totalPurchased !== undefined ? (
+                {!isLoadingContractDetail && totalPurchased !== undefined ? (
                   <>
                     {" "}
                     · <span>{totalPurchased} seats</span>
@@ -500,34 +606,34 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
           </OrgDetailsContainer>
           <StatsSide>
             <StatBlock role="group" aria-label="Total purchased">
-              {isLoadingCodes ? (
+              {isLoadingContractDetail ? (
                 <Skeleton width="48px" height="36px" />
               ) : (
-                <StatValue>{totalPurchased ?? STUB}</StatValue>
+                <StatValue>{totalPurchased}</StatValue>
               )}
               <StatLabel>Total purchased</StatLabel>
             </StatBlock>
             <StatBlock role="group" aria-label="Unassigned">
-              {isLoadingCodes ? (
+              {isLoadingContractDetail ? (
                 <Skeleton width="48px" height="36px" />
               ) : (
-                <StatValue>{totalUnassigned}</StatValue>
+                <StatValue>{unassignedCount}</StatValue>
               )}
               <StatLabel>Unassigned</StatLabel>
             </StatBlock>
             <StatBlock role="group" aria-label="Pending claim">
-              {isLoadingCodes ? (
+              {isLoadingContractDetail ? (
                 <Skeleton width="48px" height="36px" />
               ) : (
-                <StatValue>{totalPendingClaim}</StatValue>
+                <StatValue>{assignedCount}</StatValue>
               )}
               <StatLabel>Pending claim</StatLabel>
             </StatBlock>
             <StatBlock role="group" aria-label="Redeemed">
-              {isLoadingCodes ? (
+              {isLoadingContractDetail ? (
                 <Skeleton width="48px" height="36px" />
               ) : (
-                <StatValue>{totalRedeemed}</StatValue>
+                <StatValue>{redeemedCount}</StatValue>
               )}
               <StatLabel>Redeemed</StatLabel>
             </StatBlock>
@@ -537,7 +643,8 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
         <AssignSeatsSection
           orgId={org.id}
           contractId={contract.id}
-          availableSeats={totalUnassigned}
+          availableSeats={unassignedCount ?? 0}
+          isLoadingSeats={isLoadingContractDetail}
         />
 
         {/* Seat Assignments */}
@@ -574,25 +681,21 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
                 onClear={() => {
                   setSearchQuery("")
                   setPage(1)
-                  announceSearchCount(tabFilteredCodes.length)
                 }}
-                onSubmit={() => announceSearchCount(filteredCodes.length)}
+                onSubmit={() => {}}
               />
             </ControlsLeft>
             <ExportButtonWrapper>
-              <Tooltip title="Coming soon" describeChild>
-                <Stack
-                  component="span"
-                  sx={{
-                    width: { xs: "100%", md: "auto" },
-                    "& > button": { width: { xs: "100%", md: "auto" } },
-                  }}
-                >
-                  <Button variant="bordered" disabled>
-                    Export CSV
-                  </Button>
-                </Stack>
-              </Tooltip>
+              <Button
+                variant="bordered"
+                onClick={handleExportCsv}
+                disabled={
+                  isLoadingContractDetail || !totalPurchased || isExporting
+                }
+                aria-busy={isExporting}
+              >
+                {isExporting ? "Exporting..." : "Export CSV"}
+              </Button>
             </ExportButtonWrapper>
           </SeatAssignmentsControls>
           <VisuallyHidden aria-live="polite" aria-atomic="true">
@@ -645,9 +748,9 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
                 <VisuallyHidden aria-live="polite" aria-atomic="true">
                   {isLoadingCodes
                     ? "Loading seat assignments"
-                    : filteredCodes.length === 0
+                    : pageResults.length === 0
                       ? "No seat assignments found"
-                      : `Showing ${filteredCodes.length === 0 ? 0 : (page - 1) * PAGE_SIZE + 1}–${Math.min(page * PAGE_SIZE, filteredCodes.length)} of ${filteredCodes.length} assignment${filteredCodes.length !== 1 ? "s" : ""}`}
+                      : `Showing page ${page} of ${totalPages}`}
                 </VisuallyHidden>
                 {isLoadingCodes ? (
                   <>
@@ -659,7 +762,7 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
                       </TableRow>
                     ))}
                   </>
-                ) : pagedCodes.length === 0 ? (
+                ) : pageResults.length === 0 ? (
                   <TableRow role="row">
                     <EmptyTableMessage
                       role="cell"
@@ -670,7 +773,7 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
                     </EmptyTableMessage>
                   </TableRow>
                 ) : (
-                  pagedCodes.map((code) => (
+                  pageResults.map((code) => (
                     <TableRow role="row" key={code.id}>
                       <TableCell
                         role="cell"
@@ -727,11 +830,9 @@ const ContractAdminPageInternal: React.FC<ContractAdminPageInternalProps> = ({
             </div>
             <TableFooter>
               <TableFootnote aria-hidden="true">
-                Showing{" "}
-                {filteredCodes.length === 0 ? 0 : (page - 1) * PAGE_SIZE + 1}–
-                {Math.min(page * PAGE_SIZE, filteredCodes.length)} of{" "}
-                {filteredCodes.length} assignment
-                {filteredCodes.length !== 1 ? "s" : ""}
+                {totalCount === 0
+                  ? "No assignments"
+                  : `Page ${page} of ${totalPages}`}
               </TableFootnote>
               {totalPages > 1 && (
                 <Pagination
diff --git a/frontends/main/src/app-pages/ContractAdminPage/RowActionMenu.test.tsx b/frontends/main/src/app-pages/ContractAdminPage/RowActionMenu.test.tsx
index 9b52be8d7b..6a04bae1ed 100644
--- a/frontends/main/src/app-pages/ContractAdminPage/RowActionMenu.test.tsx
+++ b/frontends/main/src/app-pages/ContractAdminPage/RowActionMenu.test.tsx
@@ -56,7 +56,7 @@ describe("RowActionMenu", () => {
   })
 
   describe("redeemed code", () => {
-    test("opens menu with only Uninvite item", async () => {
+    test("renders a disabled button with no menu for redeemed codes", async () => {
       const code = makeCode({
         redemption_status: "redeemed",
         redeemed_by: "user@example.com",
@@ -64,12 +64,14 @@ describe("RowActionMenu", () => {
       })
       renderMenu(code)
 
-      await user.click(screen.getByRole("button", { name: /more actions/i }))
+      const button = screen.getByRole("button", {
+        name: /no actions available/i,
+      })
+      expect(button).toBeDisabled()
 
-      expect(
-        screen.getByRole("menuitem", { name: "Uninvite" }),
-      ).toBeInTheDocument()
-      expect(screen.queryByText("Copy claim link")).not.toBeInTheDocument()
+      // Clicking the disabled button should not open any menu
+      await user.click(button)
+      expect(screen.queryByRole("menu")).not.toBeInTheDocument()
     })
   })
 
@@ -174,35 +176,6 @@ describe("RowActionMenu", () => {
         expect(onResult).toHaveBeenCalledWith("Seat released.", "success")
       })
     })
-
-    test("surfaces the already-redeemed (409) error", async () => {
-      const code = makeCode({
-        redemption_status: "redeemed",
-        redeemed_by: "user@example.com",
-        redeemed_on: new Date().toISOString(),
-      })
-      setMockResponse.delete(
-        urls.contracts.managerContractCodeRevoke(
-          ORG_ID,
-          CONTRACT_ID,
-          code.code,
-        ),
-        { detail: "Cannot revoke a code that has already been redeemed." },
-        { code: 409 },
-      )
-      const { onResult } = renderMenu(code)
-
-      await user.click(screen.getByRole("button", { name: /more actions/i }))
-      await user.click(screen.getByRole("menuitem", { name: "Uninvite" }))
-      await user.click(screen.getByRole("button", { name: "Uninvite" }))
-
-      await waitFor(() => {
-        expect(onResult).toHaveBeenCalledWith(
-          expect.stringContaining("already been redeemed"),
-          "error",
-        )
-      })
-    })
   })
 
   describe("Change assigned email / reassign", () => {
diff --git a/frontends/main/src/app-pages/ContractAdminPage/RowActionMenu.tsx b/frontends/main/src/app-pages/ContractAdminPage/RowActionMenu.tsx
index 15fd264267..399634f775 100644
--- a/frontends/main/src/app-pages/ContractAdminPage/RowActionMenu.tsx
+++ b/frontends/main/src/app-pages/ContractAdminPage/RowActionMenu.tsx
@@ -20,7 +20,7 @@ import {
   useRemindCode,
   useRevokeCode,
 } from "api/mitxonline-hooks/organizations"
-import type { ContractCode } from "api/mitxonline-hooks/organizations"
+import type { ManagerEnrollmentCode } from "api/mitxonline-hooks/organizations"
 import type { AxiosError } from "axios"
 
 const ActionMenuItem = styled(MenuItem)(({ theme }) => ({
@@ -65,7 +65,7 @@ const CopiedMenuItem = styled(ActionMenuItem)(({ theme }) => ({
 type ActionSeverity = "success" | "error"
 
 type RowActionMenuProps = {
-  code: ContractCode
+  code: ManagerEnrollmentCode
   orgId: number
   contractId: number
   /** Surfaces action outcomes in the page-level result Alert. */
@@ -75,10 +75,10 @@ type RowActionMenuProps = {
 /**
  * Three-dot row action menu for the contract admin codes table.
  *
- * Pending rows: Change assigned email (reassign, confirmed), Resend claim
- * email (remind), Copy claim link, Release seat (revoke, confirmed).
+ * Pending (assigned) rows: Change assigned email, Resend claim email, Copy
+ * claim link, Release seat.
  *
- * Redeemed rows: Uninvite (revoke, confirmed).
+ * Redeemed rows: button is disabled — no actions available.
  */
 const RowActionMenu: React.FC<RowActionMenuProps> = ({
   code,
@@ -137,13 +137,13 @@ const RowActionMenu: React.FC<RowActionMenuProps> = ({
         id: contractId,
         parent_lookup_organization: orgId,
       })
-      onResult(isRedeemed ? "Learner uninvited." : "Seat released.", "success")
+      onResult("Seat released.", "success")
     } catch (err) {
       const status = (err as AxiosError)?.response?.status
       onResult(
         status === 409
-          ? "This code has already been redeemed and cannot be revoked."
-          : "Could not complete the action. Please try again.",
+          ? "This seat has already been redeemed and cannot be released."
+          : "Could not release the seat. Please try again.",
         "error",
       )
     }
@@ -223,45 +223,19 @@ const RowActionMenu: React.FC<RowActionMenuProps> = ({
     }
   }
 
-  const menuItems = isRedeemed ? (
-    <DestructiveMenuItem onClick={openRevokeConfirm}>
-      Uninvite
-    </DestructiveMenuItem>
-  ) : (
-    [
-      <ActionMenuItem key="change-email" onClick={openReassign}>
-        Change assigned email
-      </ActionMenuItem>,
-      hasAssignedEmail ? (
-        <ActionMenuItem key="resend-email" onClick={handleResend}>
-          Resend claim email
-        </ActionMenuItem>
-      ) : (
-        <Tooltip
-          key="resend-email"
-          title="No email is assigned to this seat yet."
-          describeChild
-        >
-          <ActionMenuItem disabled aria-label="Resend claim email">
-            Resend claim email
-          </ActionMenuItem>
-        </Tooltip>
-      ),
-      copied ? (
-        <CopiedMenuItem key="copy-link" disabled>
-          Link copied to clipboard
-        </CopiedMenuItem>
-      ) : (
-        <ActionMenuItem key="copy-link" onClick={handleCopyClaimLink}>
-          Copy claim link
-        </ActionMenuItem>
-      ),
-      <Divider component="li" role="separator" key="divider" />,
-      <DestructiveMenuItem key="release-seat" onClick={openRevokeConfirm}>
-        Release seat
-      </DestructiveMenuItem>,
-    ]
-  )
+  // Redeemed rows have no available actions — render a disabled button only.
+  if (isRedeemed) {
+    return (
+      <ActionButton
+        aria-label={`No actions available for ${assignedTo}`}
+        variant="text"
+        size="small"
+        disabled
+      >
+        <RiMoreLine size={16} />
+      </ActionButton>
+    )
+  }
 
   return (
     <>
@@ -287,21 +261,43 @@ const RowActionMenu: React.FC<RowActionMenuProps> = ({
         onClose={handleClose}
         MenuListProps={{ "aria-labelledby": `row-action-trigger-${code.id}` }}
       >
-        {menuItems}
+        <ActionMenuItem onClick={openReassign}>
+          Change assigned email
+        </ActionMenuItem>
+        {hasAssignedEmail ? (
+          <ActionMenuItem onClick={handleResend}>
+            Resend claim email
+          </ActionMenuItem>
+        ) : (
+          <Tooltip title="No email is assigned to this seat yet." describeChild>
+            <ActionMenuItem disabled aria-label="Resend claim email">
+              Resend claim email
+            </ActionMenuItem>
+          </Tooltip>
+        )}
+        {copied ? (
+          <CopiedMenuItem disabled>Link copied to clipboard</CopiedMenuItem>
+        ) : (
+          <ActionMenuItem onClick={handleCopyClaimLink}>
+            Copy claim link
+          </ActionMenuItem>
+        )}
+        <Divider component="li" role="separator" />
+        <DestructiveMenuItem onClick={openRevokeConfirm}>
+          Release seat
+        </DestructiveMenuItem>
       </Menu>
       <Dialog
         open={revokeConfirmOpen}
         onClose={() => setRevokeConfirmOpen(false)}
         onConfirm={handleRevokeConfirm}
-        title={isRedeemed ? "Uninvite learner" : "Release seat"}
-        confirmText={isRedeemed ? "Uninvite" : "Release seat"}
+        title="Release seat"
+        confirmText="Release seat"
         maxWidth="sm"
         aria-describedby={revokeDescId}
       >
         <p id={revokeDescId} style={{ margin: 0 }}>
-          {isRedeemed
-            ? `This will remove ${assignedTo}'s access to the program. This cannot be undone.`
-            : `This will revoke the invitation for ${assignedTo} and return the seat to the unassigned pool.`}
+          {`This will revoke the invitation for ${assignedTo} and return the seat to the unassigned pool.`}
         </p>
       </Dialog>
       <FormDialog
diff --git a/frontends/main/src/app-pages/DashboardPage/ContractContent.test.tsx b/frontends/main/src/app-pages/DashboardPage/ContractContent.test.tsx
index c28d1fa677..c47751533c 100644
--- a/frontends/main/src/app-pages/DashboardPage/ContractContent.test.tsx
+++ b/frontends/main/src/app-pages/DashboardPage/ContractContent.test.tsx
@@ -1413,7 +1413,12 @@ describe("ContractContent", () => {
     mockedUseFeatureFlagEnabled.mockImplementation(() => false)
     const { orgX } = setupProgramsAndCourses()
 
-    setMockResponse.get(managerOrganizationsUrl, [orgX])
+    setMockResponse.get(managerOrganizationsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [orgX],
+    })
 
     renderWithProviders(
       <ContractContent
@@ -1436,7 +1441,12 @@ describe("ContractContent", () => {
 
     // Return a different org — user is a manager elsewhere, not for orgX
     const otherOrg = factories.organizations.organization({})
-    setMockResponse.get(managerOrganizationsUrl, [otherOrg])
+    setMockResponse.get(managerOrganizationsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [otherOrg],
+    })
 
     renderWithProviders(
       <ContractContent
@@ -1457,7 +1467,12 @@ describe("ContractContent", () => {
     )
     const { orgX } = setupProgramsAndCourses()
 
-    setMockResponse.get(managerOrganizationsUrl, [orgX])
+    setMockResponse.get(managerOrganizationsUrl, {
+      count: 1,
+      next: null,
+      previous: null,
+      results: [orgX],
+    })
 
     renderWithProviders(
       <ContractContent
diff --git a/yarn.lock b/yarn.lock
index 51faf0a4c6..ff8f0c6acc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3344,13 +3344,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mitodl/mitxonline-api-axios@npm:2026.6.17":
-  version: 2026.6.17
-  resolution: "@mitodl/mitxonline-api-axios@npm:2026.6.17"
+"@mitodl/mitxonline-api-axios@npm:2026.6.30-1":
+  version: 2026.6.30-1
+  resolution: "@mitodl/mitxonline-api-axios@npm:2026.6.30-1"
   dependencies:
     "@types/node": "npm:^20.11.19"
     axios: "npm:^1.6.5"
-  checksum: 10/8b6fbc67de43903b04fdb9c641f204ebc58ace1562cb35b86fdcf4b2fedf95edfb47f27c8e8c72bc02a0d90b6964a74033e0376a15150b0ce1348051c74a8d0f
+  checksum: 10/cb5ba8cabe66e9ace0902c96cba527052263b1599a9909d9a41a7e3cff5022c907bc2994712a9e6a055edc2307a19518fd606df91c70a8efc47457842ed5b4f8
   languageName: node
   linkType: hard
 
@@ -8953,7 +8953,7 @@ __metadata:
   resolution: "api@workspace:frontends/api"
   dependencies:
     "@faker-js/faker": "npm:^10.0.0"
-    "@mitodl/mitxonline-api-axios": "npm:2026.6.17"
+    "@mitodl/mitxonline-api-axios": "npm:2026.6.30-1"
     "@tanstack/react-query": "npm:^5.66.0"
     "@testing-library/react": "npm:^16.3.0"
     axios: "npm:^1.12.2"
@@ -16180,7 +16180,7 @@ __metadata:
     "@happy-dom/jest-environment": "npm:^20.1.0"
     "@mitodl/arithmix": "npm:^0.2.2"
     "@mitodl/course-search-utils": "npm:^3.5.2"
-    "@mitodl/mitxonline-api-axios": "npm:2026.6.17"
+    "@mitodl/mitxonline-api-axios": "npm:2026.6.30-1"
     "@mitodl/smoot-design": "npm:^6.27.0"
     "@mui/base": "npm:5.0.0-beta.70"
     "@mui/material": "npm:^6.4.5"