create-ailk 0.21.0 → 0.22.0

package/templates/apps/web/app/[locale]/(authed)/account/__tests__/page.test.tsx

@@ -23,8 +23,11 @@
  *      unchanged (the caller's own credential); 404 and an unverified 401/403
  *      load `[]`, any other failure rejects (D12). On a cookie-session site
  *      they call with the cookie too — no gate (#8231 D7).
+ *   8. #8765 D8 — the Inbox renders nothing about agreements: the card is
+ *      retired, whatever `member.consents` answers (the layout's interstitial
+ *      is the one place an agreement is asked).
  */
-import { fireEvent, render, screen, within } from "@testing-library/react";
+import { act, fireEvent, render, screen, within } from "@testing-library/react";
 
 // The global setup mock resolves only top-level namespace keys against
 // en.json; the area reads nested keys (`inbox.tabs.all`, …) — a call
@@ -34,13 +37,20 @@ import { fireEvent, render, screen, within } from "@testing-library/react";
 jest.mock("next-intl/server", () => {
   const msgs: unknown = require("../../../../../messages/en.json");
   const dig = (obj: unknown, path: string): unknown =>
-    path.split(".").reduce<unknown>(
-      (acc, k) => (acc !== null && typeof acc === "object" ? (acc as Record<string, unknown>)[k] : undefined),
-      obj,
-    );
+    path
+      .split(".")
+      .reduce<unknown>(
+        (acc, k) =>
+          acc !== null && typeof acc === "object"
+            ? (acc as Record<string, unknown>)[k]
+            : undefined,
+        obj,
+      );
   return {
     __esModule: true,
-    getTranslations: async (arg: string | { namespace?: string; locale?: string }) => {
+    getTranslations: async (
+      arg: string | { namespace?: string; locale?: string },
+    ) => {
       const ns = typeof arg === "string" ? arg : (arg.namespace ?? "");
       const messages = dig(msgs, ns);
       return (key: string, values?: Record<string, unknown>): string => {
@@ -64,7 +74,9 @@ const mockGetSession = jest.fn();
 // eslint-disable-next-line no-restricted-syntax -- #507: mock-internal rewrite pending; auth.ts's lazy Better-Auth singleton has no HTTP/DB boundary a unit test of the session fields can mock without standing up Prisma.
 jest.mock("../../../../../auth", () => ({
   __esModule: true,
-  auth: { api: { getSession: (...args: unknown[]) => mockGetSession(...args) } },
+  auth: {
+    api: { getSession: (...args: unknown[]) => mockGetSession(...args) },
+  },
 }));
 
 const mockSignupMe = jest.fn();
@@ -73,8 +85,14 @@ const mockMemberPieces = jest.fn();
 const mockMemberMessages = jest.fn();
 const mockMemberPurchases = jest.fn();
 const mockMemberAppointments = jest.fn();
+const mockMemberConsents = jest.fn();
+const mockAccountAgreements = jest.fn();
 jest.mock("@working-theory/api-client", () => ({
   __esModule: true,
+  // #8765 D7 — the account-level agreements the layout and the page share.
+  consent: {
+    accountAgreements: (...args: unknown[]) => mockAccountAgreements(...args),
+  },
   waitlistSignups: { me: (...args: unknown[]) => mockSignupMe(...args) },
   subscription: { me: (...args: unknown[]) => mockSubscriptionMe(...args) },
   member: {
@@ -82,12 +100,22 @@ jest.mock("@working-theory/api-client", () => ({
     messages: (...args: unknown[]) => mockMemberMessages(...args),
     purchases: (...args: unknown[]) => mockMemberPurchases(...args),
     appointments: (...args: unknown[]) => mockMemberAppointments(...args),
+    // #8765 D8 — the retired card's read; the page must not depend on it.
+    consents: (...args: unknown[]) => mockMemberConsents(...args),
     // #8233 C4 — the New menu's availability reads; 404 here, so the Inbox
     // cases see no New action and no error row.
     meetingTypes: () =>
-      Promise.resolve({ ok: false, status: 404, body: { ok: false, error: { code: "not_found", message: "Not found" } } }),
+      Promise.resolve({
+        ok: false,
+        status: 404,
+        body: { ok: false, error: { code: "not_found", message: "Not found" } },
+      }),
     requestForm: () =>
-      Promise.resolve({ ok: false, status: 404, body: { ok: false, error: { code: "not_found", message: "Not found" } } }),
+      Promise.resolve({
+        ok: false,
+        status: 404,
+        body: { ok: false, error: { code: "not_found", message: "Not found" } },
+      }),
   },
 }));
 
@@ -142,14 +170,25 @@ const PURCHASE = {
 };
 
 function appointment(id: string, title: string, startTime: string) {
-  return { id, title, startTime, endTime: startTime, status: "confirmed" as const };
+  return {
+    id,
+    title,
+    startTime,
+    endTime: startTime,
+    status: "confirmed" as const,
+  };
 }
 
 const NO_APPOINTMENTS = { ok: true, body: { upcoming: [], past: [] } };
 
 const NO_SUBSCRIPTION = {
   ok: true,
-  body: { actionRequired: false, status: null, accessRevokesAt: null, portalAvailable: false },
+  body: {
+    actionRequired: false,
+    status: null,
+    accessRevokesAt: null,
+    portalAvailable: false,
+  },
 };
 
 const PIECE = {
@@ -189,9 +228,15 @@ const MESSAGE_WITH_FILE = {
 };
 
 /** The hub credential a spoke signed in through its hub forwards (#7894 D12). */
-const BEARER = { headers: { authorization: `Bearer ailk_hst_${"t".repeat(43)}` } };
+const BEARER = {
+  headers: { authorization: `Bearer ailk_hst_${"t".repeat(43)}` },
+};
 
-const notFound = { ok: false, status: 404, body: { ok: false, error: { code: "not_found", message: "Not found" } } };
+const notFound = {
+  ok: false,
+  status: 404,
+  body: { ok: false, error: { code: "not_found", message: "Not found" } },
+};
 
 /** The context a hub-mode spoke hands every contribution, signed in. */
 async function memberCtx(
@@ -200,10 +245,10 @@ async function memberCtx(
   const locale = overrides.locale ?? "en";
   // The contract's translator takes any key (account-data.ts's reasoning):
   // forward through the mock's runtime signature.
-  const translate = (await getTranslations({ locale, namespace: "account" })) as (
-    key: string,
-    values?: Record<string, unknown>,
-  ) => string;
+  const translate = (await getTranslations({
+    locale,
+    namespace: "account",
+  })) as (key: string, values?: Record<string, unknown>) => string;
   const t: AccountTranslate = (key, values) => translate(key, values);
   return {
     locale,
@@ -221,7 +266,9 @@ function kindOf(id: string): (typeof accountInboxKinds)[number] {
 }
 
 function needsClientSource(): (typeof accountForYouSources)[number] {
-  const source = accountForYouSources.find((s) => s.id === "piece-needs-client");
+  const source = accountForYouSources.find(
+    (s) => s.id === "piece-needs-client",
+  );
   if (!source) throw new Error("no piece-needs-client source");
   return source;
 }
@@ -238,7 +285,12 @@ const UNVERIFIED_AND_PAST_DUE = (): void => {
   });
   mockSubscriptionMe.mockResolvedValue({
     ok: true,
-    body: { actionRequired: true, status: "past_due", accessRevokesAt: null, portalAvailable: true },
+    body: {
+      actionRequired: true,
+      status: "past_due",
+      accessRevokesAt: null,
+      portalAvailable: true,
+    },
   });
 };
 
@@ -248,24 +300,154 @@ beforeEach(() => {
   mockGetSession.mockReset().mockResolvedValue(SESSION);
   mockSignupMe.mockReset().mockResolvedValue({ ok: true, body: SIGNUP });
   mockSubscriptionMe.mockReset().mockResolvedValue(NO_SUBSCRIPTION);
-  mockMemberPurchases.mockReset().mockResolvedValue({ ok: true, body: { items: [PURCHASE] } });
+  mockMemberPurchases
+    .mockReset()
+    .mockResolvedValue({ ok: true, body: { items: [PURCHASE] } });
   mockMemberAppointments.mockReset().mockResolvedValue(NO_APPOINTMENTS);
   // The page's pieces and messages answer 404 unless a case fills them.
   mockMemberPieces.mockReset().mockResolvedValue(notFound);
   mockMemberMessages.mockReset().mockResolvedValue(notFound);
+  mockAccountAgreements
+    .mockReset()
+    .mockResolvedValue({ ok: true, body: { agreements: [], complete: true } });
   mockRefresh.mockReset();
 });
 
 /** The member kinds' own cases read rows from both member reads. */
 function memberRows(): void {
-  mockMemberPieces.mockResolvedValue({ ok: true, body: { items: [PIECE, PIECE_NEEDS_CLIENT] } });
-  mockMemberMessages.mockResolvedValue({ ok: true, body: { items: [MESSAGE, MESSAGE_WITH_FILE] } });
+  mockMemberPieces.mockResolvedValue({
+    ok: true,
+    body: { items: [PIECE, PIECE_NEEDS_CLIENT] },
+  });
+  mockMemberMessages.mockResolvedValue({
+    ok: true,
+    body: { items: [MESSAGE, MESSAGE_WITH_FILE] },
+  });
 }
 
 afterAll(() => {
   accountExperimentKeys.length = 0;
 });
 
+describe("no agreements on the Inbox (#8765 D8, AC-3, AC-4)", () => {
+  /** A `signUp` agreement the old card would have shown: no grant, or one at an older version. */
+  function missingAgreement(
+    state: null | { granted: boolean; policyVersion: number },
+  ) {
+    return {
+      id: "account_terms",
+      kind: "agreement",
+      area: null,
+      required: true,
+      signUp: true,
+      description: "Account terms.",
+      statement: "I accept the [Terms](terms).",
+      policyHref: "/working-agreement",
+      policyVersion: 2,
+      state: state && {
+        ...state,
+        at: "2026-09-01T00:00:00.000Z",
+        source: "sign_up",
+      },
+      effective: false,
+    };
+  }
+
+  it.each([
+    ["no grant", { ok: true, body: { purposes: [missingAgreement(null)] } }],
+    [
+      "an older version",
+      {
+        ok: true,
+        body: {
+          purposes: [missingAgreement({ granted: true, policyVersion: 1 })],
+        },
+      },
+    ],
+    ["a refusal", { ok: false, status: 503, body: {} }],
+  ])(
+    "with member.consents answering %s, no account-agreements element renders",
+    async (_label, answer) => {
+      mockMemberConsents.mockResolvedValue(answer);
+      await renderPage();
+      // Let any mount-time effect settle — the retired card appeared only after one.
+      await act(async () => {
+        for (let i = 0; i < 10; i += 1)
+          await new Promise((resolve) => setTimeout(resolve, 0));
+      });
+      expect(screen.getByTestId("account-inbox")).toBeInTheDocument();
+      expect(
+        document.querySelector('[data-testid^="account-agreements"]'),
+      ).toBeNull();
+    },
+  );
+});
+
+describe("no Inbox loader runs behind the interstitial (#8765 D7)", () => {
+  const OUTSTANDING = {
+    ok: true,
+    body: {
+      agreements: [
+        {
+          id: "account_terms",
+          statement: "I accept the [Terms](terms).",
+          policyVersion: 2,
+          acceptedVersion: null,
+          acceptedAt: null,
+          current: false,
+        },
+      ],
+      complete: false,
+    },
+  };
+
+  const inboxLoaders = () => [
+    mockMemberPieces,
+    mockMemberMessages,
+    mockMemberPurchases,
+    mockMemberAppointments,
+    mockSubscriptionMe,
+    mockSignupMe,
+  ];
+
+  it.each([
+    [
+      "complete: false",
+      () => mockAccountAgreements.mockResolvedValue(OUTSTANDING),
+    ],
+    [
+      "a 503 (fails closed)",
+      () =>
+        mockAccountAgreements.mockResolvedValue({
+          ok: false,
+          status: 503,
+          body: {},
+        }),
+    ],
+    [
+      "a thrown read (fails closed)",
+      () => mockAccountAgreements.mockRejectedValue(new Error("down")),
+    ],
+  ])(
+    "with %s, the page renders nothing and calls no Inbox loader",
+    async (_label, arrange) => {
+      arrange();
+      const element = await Page({ params: Promise.resolve({ locale: "en" }) });
+      expect(element).toBeNull();
+      // member.messages stamps readAt on its first read: it must never run here.
+      for (const loader of inboxLoaders())
+        expect(loader).not.toHaveBeenCalled();
+    },
+  );
+
+  it("with an older hub's 404, the Inbox loads as before", async () => {
+    mockAccountAgreements.mockResolvedValue(notFound);
+    await renderPage();
+    expect(screen.getByTestId("account-inbox")).toBeInTheDocument();
+    expect(mockMemberMessages).toHaveBeenCalled();
+  });
+});
+
 describe("the Inbox — tabs All · Purchases · Scheduled (#8231 D3, AC-3)", () => {
   /** The rows of one tab, by title, after selecting it. */
   function tabRows(id: string): string[] {
@@ -278,23 +460,42 @@ describe("the Inbox — tabs All · Purchases · Scheduled (#8231 D3, AC-3)", ()
   it("renders All · Purchases · Scheduled with counts, All selected — no Recents or Suggested", async () => {
     accountExperimentKeys.push("ailk-founder-diagnostic");
     mockMemberPieces.mockResolvedValue({ ok: true, body: { items: [PIECE] } });
-    mockMemberMessages.mockResolvedValue({ ok: true, body: { items: [MESSAGE] } });
+    mockMemberMessages.mockResolvedValue({
+      ok: true,
+      body: { items: [MESSAGE] },
+    });
     mockMemberAppointments.mockResolvedValue({
       ok: true,
-      body: { upcoming: [appointment("appt_1", "Kickoff call", "2026-09-10T15:00:00.000Z")], past: [] },
+      body: {
+        upcoming: [
+          appointment("appt_1", "Kickoff call", "2026-09-10T15:00:00.000Z"),
+        ],
+        past: [],
+      },
     });
     await renderPage();
-    expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent("Inbox");
+    expect(screen.getByRole("heading", { level: 1 })).toHaveTextContent(
+      "Inbox",
+    );
     const tabs = screen.getAllByRole("tab");
     expect(tabs.map((tab) => tab.getAttribute("data-testid"))).toEqual([
       "inbox-tab-all",
       "inbox-tab-purchases",
       "inbox-tab-scheduled",
     ]);
-    expect(tabs.map((tab) => tab.textContent)).toEqual(["All5", "Purchases1", "Scheduled1"]);
-    expect(screen.getByTestId("inbox-tab-all")).toHaveAttribute("aria-selected", "true");
+    expect(tabs.map((tab) => tab.textContent)).toEqual([
+      "All5",
+      "Purchases1",
+      "Scheduled1",
+    ]);
+    expect(screen.getByTestId("inbox-tab-all")).toHaveAttribute(
+      "aria-selected",
+      "true",
+    );
     // All: every row, newest first.
-    const all = within(screen.getByTestId("inbox-all")).getAllByTestId("inbox-all-row");
+    const all = within(screen.getByTestId("inbox-all")).getAllByTestId(
+      "inbox-all-row",
+    );
     expect(all.map((row) => row.textContent)).toEqual([
       expect.stringContaining("Kickoff call"),
       expect.stringContaining("Kickoff notes"),
@@ -304,9 +505,13 @@ describe("the Inbox — tabs All · Purchases · Scheduled (#8231 D3, AC-3)", ()
     ]);
     // Purchases: the purchase row only. Scheduled: the appointment only.
     expect(tabRows("purchases")).toEqual([expect.stringContaining("pro")]);
-    expect(tabRows("scheduled")).toEqual([expect.stringContaining("Kickoff call")]);
+    expect(tabRows("scheduled")).toEqual([
+      expect.stringContaining("Kickoff call"),
+    ]);
     // The result row is under All and in no other tab.
-    expect(screen.queryByText("ailk-founder-diagnostic")).not.toBeInTheDocument();
+    expect(
+      screen.queryByText("ailk-founder-diagnostic"),
+    ).not.toBeInTheDocument();
   });
 
   it("each All row links to its item page, prefixed off the default locale", async () => {
@@ -319,7 +524,10 @@ describe("the Inbox — tabs All · Purchases · Scheduled (#8231 D3, AC-3)", ()
     );
     expect(
       within(all).getByText("ailk-founder-diagnostic").closest("a"),
-    ).toHaveAttribute("href", "/fr/account/inbox/result/ailk-founder-diagnostic");
+    ).toHaveAttribute(
+      "href",
+      "/fr/account/inbox/result/ailk-founder-diagnostic",
+    );
   });
 
   it("Scheduled lists the upcoming soonest first, then the past newest first", async () => {
@@ -351,7 +559,14 @@ describe("the Inbox — tabs All · Purchases · Scheduled (#8231 D3, AC-3)", ()
       kind: "licence",
       label: "purchases.heading",
       section: "purchases",
-      load: async () => [{ id: "lic_1", title: "Site licence", at: "2026-09-05T00:00:00.000Z", data: null }],
+      load: async () => [
+        {
+          id: "lic_1",
+          title: "Site licence",
+          at: "2026-09-05T00:00:00.000Z",
+          data: null,
+        },
+      ],
       renderDetail: () => ({}),
     };
     accountInboxKinds.push(licence);
@@ -375,7 +590,9 @@ describe("the Inbox — tabs All · Purchases · Scheduled (#8231 D3, AC-3)", ()
       "Purchases0",
       "Scheduled0",
     ]);
-    expect(screen.getByTestId("inbox-empty")).toHaveTextContent("Nothing here yet.");
+    expect(screen.getByTestId("inbox-empty")).toHaveTextContent(
+      "Nothing here yet.",
+    );
   });
 });
 
@@ -386,7 +603,9 @@ describe("For-you items, not Inbox rows (AC-7, D9 as amended)", () => {
     const forYou = screen.getByTestId("inbox-panel-for-you");
     expect(within(forYou).getAllByTestId("for-you-item")).toHaveLength(2);
     const list = screen.getByTestId("inbox-list");
-    expect(within(list).queryByText("Email not verified")).not.toBeInTheDocument();
+    expect(
+      within(list).queryByText("Email not verified"),
+    ).not.toBeInTheDocument();
     expect(
       within(list).queryByText("Your payment didn't go through"),
     ).not.toBeInTheDocument();
@@ -400,7 +619,9 @@ describe("For-you items, not Inbox rows (AC-7, D9 as amended)", () => {
     expect(item).toHaveAttribute("data-item-id", "add-name");
     expect(item).toHaveTextContent("Add your name");
     // DESIGN.md §5.4c — the tag is icon + label.
-    expect(within(item).getByTestId("for-you-tag").querySelector("svg")).not.toBeNull();
+    expect(
+      within(item).getByTestId("for-you-tag").querySelector("svg"),
+    ).not.toBeNull();
     expect(within(item).getByTestId("for-you-open")).toHaveAttribute(
       "href",
       "/account/general",
@@ -424,15 +645,22 @@ describe("the phone Inbox tab (#7469, DESIGN.md §2b · §5.15)", () => {
     UNVERIFIED_AND_PAST_DUE();
     await renderPage();
     expect(screen.getByTestId("inbox-panel-inbox")).not.toHaveClass("hidden");
-    expect(screen.getByTestId("inbox-panel-inbox")).not.toHaveClass("md:hidden");
+    expect(screen.getByTestId("inbox-panel-inbox")).not.toHaveClass(
+      "md:hidden",
+    );
     expect(screen.getByTestId("inbox-panel-for-you")).toHaveClass("hidden");
   });
 
   it("the phone has no large title or lead — both stay at md+", async () => {
     await renderPage();
-    expect(screen.getByRole("heading", { level: 1 })).toHaveClass("max-md:sr-only");
+    expect(screen.getByRole("heading", { level: 1 })).toHaveClass(
+      "max-md:sr-only",
+    );
     expect(screen.getByRole("heading", { level: 1 })).not.toHaveClass("hidden");
-    expect(screen.getByText("What changed, and what's coming.")).toHaveClass("hidden", "md:block");
+    expect(screen.getByText("What changed, and what's coming.")).toHaveClass(
+      "hidden",
+      "md:block",
+    );
   });
 
   it("the list sits in a bordered card, inset by the canvas on every side", async () => {
@@ -442,7 +670,9 @@ describe("the phone Inbox tab (#7469, DESIGN.md §2b · §5.15)", () => {
     // no full-bleed escape, and the list is RowGroup's bordered box.
     const page = screen.getByTestId("account-inbox");
     expect(page.className).not.toMatch(/-mx-|w-screen/);
-    expect(screen.getByTestId("inbox-panel-inbox").className ?? "").not.toMatch(/-mx-|w-screen/);
+    expect(screen.getByTestId("inbox-panel-inbox").className ?? "").not.toMatch(
+      /-mx-|w-screen/,
+    );
   });
 });
 
@@ -458,20 +688,28 @@ describe("the phone For you tab (#7469, DESIGN.md §2b · §5.15)", () => {
     expect(panel).toHaveClass("md:hidden");
     expect(panel).not.toHaveClass("hidden");
     // The Inbox panel is hidden on the phone but still shows at md+.
-    expect(screen.getByTestId("inbox-panel-inbox")).toHaveClass("hidden", "md:block");
+    expect(screen.getByTestId("inbox-panel-inbox")).toHaveClass(
+      "hidden",
+      "md:block",
+    );
     const card = within(panel).getByTestId("for-you-list-card");
     const items = within(card).getAllByTestId("for-you-item");
     expect(items).toHaveLength(3);
     for (const item of items) {
       expect(within(item).getByTestId("for-you-tag")).toBeInTheDocument();
       expect(
-        within(item).queryByTestId("for-you-open") ?? within(item).queryByTestId("for-you-view"),
+        within(item).queryByTestId("for-you-open") ??
+          within(item).queryByTestId("for-you-view"),
       ).not.toBeNull();
-      expect(within(item).getByTestId("for-you-dismiss")).toHaveAccessibleName(/^Dismiss/);
+      expect(within(item).getByTestId("for-you-dismiss")).toHaveAccessibleName(
+        /^Dismiss/,
+      );
     }
     expect(within(panel).getByText("Add your name")).toBeInTheDocument();
     expect(within(panel).getByText("Email not verified")).toBeInTheDocument();
-    expect(within(panel).getByText("Your payment didn't go through")).toBeInTheDocument();
+    expect(
+      within(panel).getByText("Your payment didn't go through"),
+    ).toBeInTheDocument();
   });
 
   it("✕ dismisses an item — it leaves the list", async () => {
@@ -483,7 +721,9 @@ describe("the phone For you tab (#7469, DESIGN.md §2b · §5.15)", () => {
     fireEvent.click(within(first!).getByTestId("for-you-dismiss"));
     const left = within(panel).getAllByTestId("for-you-item");
     expect(left).toHaveLength(1);
-    expect(left.map((item) => item.getAttribute("data-item-id"))).not.toContain(id);
+    expect(left.map((item) => item.getAttribute("data-item-id"))).not.toContain(
+      id,
+    );
   });
 
   it("the For you tab keeps the page's h1 (visually hidden on the phone)", async () => {
@@ -519,7 +759,9 @@ describe("Hub unavailable (D12)", () => {
     mockSubscriptionMe.mockResolvedValue({ ok: false, status: 502, body: {} });
     await renderPage();
     expect(
-      within(screen.getByTestId("inbox-panel-inbox")).getByTestId("inbox-error"),
+      within(screen.getByTestId("inbox-panel-inbox")).getByTestId(
+        "inbox-error",
+      ),
     ).toBeInTheDocument();
   });
 
@@ -531,7 +773,9 @@ describe("Hub unavailable (D12)", () => {
       "We couldn't load everything in your Inbox.",
     );
     // Never a silently empty list (D12): the empty line gives way to the error row.
-    expect(within(panel).queryByTestId("for-you-empty")).not.toBeInTheDocument();
+    expect(
+      within(panel).queryByTestId("for-you-empty"),
+    ).not.toBeInTheDocument();
   });
 
   it("a failed Inbox-kind read leaves the For you tab without an error row", async () => {
@@ -569,24 +813,36 @@ describe("the member kinds — piece and message (#7920, spec 7423 D8 · D12)",
     ]);
   });
 
-  it.each(["piece", "message"])("%s loads [] on a 404 — nothing for this caller", async (id) => {
-    mockMemberPieces.mockResolvedValue(notFound);
-    mockMemberMessages.mockResolvedValue(notFound);
-    await expect(kindOf(id).load(await memberCtx())).resolves.toEqual([]);
-  });
+  it.each(["piece", "message"])(
+    "%s loads [] on a 404 — nothing for this caller",
+    async (id) => {
+      mockMemberPieces.mockResolvedValue(notFound);
+      mockMemberMessages.mockResolvedValue(notFound);
+      await expect(kindOf(id).load(await memberCtx())).resolves.toEqual([]);
+    },
+  );
 
   it.each([
     ["piece", 401],
     ["piece", 403],
     ["message", 401],
     ["message", 403],
-  ])("%s loads [] on a %i while the email is unverified", async (id, status) => {
-    const refusal = { ok: false, status, body: { ok: false, error: { code: "email_unverified" } } };
-    mockMemberPieces.mockResolvedValue(refusal);
-    mockMemberMessages.mockResolvedValue(refusal);
-    const ctx = await memberCtx({ user: { name: "Ada", email: "ada@example.com", emailVerified: false } });
-    await expect(kindOf(id).load(ctx)).resolves.toEqual([]);
-  });
+  ])(
+    "%s loads [] on a %i while the email is unverified",
+    async (id, status) => {
+      const refusal = {
+        ok: false,
+        status,
+        body: { ok: false, error: { code: "email_unverified" } },
+      };
+      mockMemberPieces.mockResolvedValue(refusal);
+      mockMemberMessages.mockResolvedValue(refusal);
+      const ctx = await memberCtx({
+        user: { name: "Ada", email: "ada@example.com", emailVerified: false },
+      });
+      await expect(kindOf(id).load(ctx)).resolves.toEqual([]);
+    },
+  );
 
   it.each([
     ["piece", 401],
@@ -597,30 +853,51 @@ describe("the member kinds — piece and message (#7920, spec 7423 D8 · D12)",
     ["message", 403],
     ["message", 502],
     ["message", 0],
-  ])("%s rejects on a %i for a verified email — never a partial list shown as whole", async (id, status) => {
-    const failure = {
-      ok: false,
-      status,
-      body: { ok: false, error: { code: status === 0 ? "insecure_transport" : "failed", message: "x" } },
-    };
-    mockMemberPieces.mockResolvedValue(failure);
-    mockMemberMessages.mockResolvedValue(failure);
-    await expect(kindOf(id).load(await memberCtx())).rejects.toMatchObject({ status });
-  });
+  ])(
+    "%s rejects on a %i for a verified email — never a partial list shown as whole",
+    async (id, status) => {
+      const failure = {
+        ok: false,
+        status,
+        body: {
+          ok: false,
+          error: {
+            code: status === 0 ? "insecure_transport" : "failed",
+            message: "x",
+          },
+        },
+      };
+      mockMemberPieces.mockResolvedValue(failure);
+      mockMemberMessages.mockResolvedValue(failure);
+      await expect(kindOf(id).load(await memberCtx())).rejects.toMatchObject({
+        status,
+      });
+    },
+  );
 
   it("on a cookie-session site both kinds and the source call with the cookie and return rows (#8231 D7)", async () => {
     const cookie = { headers: { cookie: "session=abc" } };
     const ctx = await memberCtx({ init: cookie });
-    expect((await kindOf("piece").load(ctx)).map((p) => p.id)).toEqual([PIECE.id, PIECE_NEEDS_CLIENT.id]);
-    expect((await kindOf("message").load(ctx)).map((m) => m.id)).toEqual([MESSAGE.id, MESSAGE_WITH_FILE.id]);
-    expect((await needsClientSource().load(ctx)).map((i) => i.id)).toEqual([`piece:${PIECE_NEEDS_CLIENT.id}`]);
+    expect((await kindOf("piece").load(ctx)).map((p) => p.id)).toEqual([
+      PIECE.id,
+      PIECE_NEEDS_CLIENT.id,
+    ]);
+    expect((await kindOf("message").load(ctx)).map((m) => m.id)).toEqual([
+      MESSAGE.id,
+      MESSAGE_WITH_FILE.id,
+    ]);
+    expect((await needsClientSource().load(ctx)).map((i) => i.id)).toEqual([
+      `piece:${PIECE_NEEDS_CLIENT.id}`,
+    ]);
     expect(mockMemberPieces).toHaveBeenCalledWith(cookie);
     expect(mockMemberMessages).toHaveBeenCalledWith(cookie);
   });
 
   it("the cookie-session Inbox lists the member rows under All, read with the forwarded cookie (#8231 D7)", async () => {
     await renderPage();
-    const sent = expect.objectContaining({ headers: expect.objectContaining({ cookie: "session=abc" }) });
+    const sent = expect.objectContaining({
+      headers: expect.objectContaining({ cookie: "session=abc" }),
+    });
     expect(mockMemberPieces).toHaveBeenCalledWith(sent);
     expect(mockMemberMessages).toHaveBeenCalledWith(sent);
     expect(mockMemberPurchases).toHaveBeenCalledWith(sent);
@@ -634,14 +911,17 @@ describe("the member kinds — piece and message (#7920, spec 7423 D8 · D12)",
   it.each([
     ["pieces", mockMemberPieces],
     ["messages", mockMemberMessages],
-  ] as const)("a 500 from member.%s shows the Inbox error row with Retry (#8231 D7)", async (_name, mock) => {
-    mock.mockResolvedValue({ ok: false, status: 500, body: {} });
-    await renderPage();
-    const inbox = screen.getByTestId("inbox-panel-inbox");
-    expect(within(inbox).getByTestId("inbox-error")).toBeInTheDocument();
-    fireEvent.click(within(inbox).getByTestId("inbox-retry"));
-    expect(mockRefresh).toHaveBeenCalledTimes(1);
-  });
+  ] as const)(
+    "a 500 from member.%s shows the Inbox error row with Retry (#8231 D7)",
+    async (_name, mock) => {
+      mock.mockResolvedValue({ ok: false, status: 500, body: {} });
+      await renderPage();
+      const inbox = screen.getByTestId("inbox-panel-inbox");
+      expect(within(inbox).getByTestId("inbox-error")).toBeInTheDocument();
+      fireEvent.click(within(inbox).getByTestId("inbox-retry"));
+      expect(mockRefresh).toHaveBeenCalledTimes(1);
+    },
+  );
 
   it("a piece's detail shows its stage and dates", async () => {
     const ctx = await memberCtx();
@@ -649,7 +929,11 @@ describe("the member kinds — piece and message (#7920, spec 7423 D8 · D12)",
     const detail = kindOf("piece").renderDetail(first!, ctx);
     expect(detail.status).toBe("Drafting");
     expect(detail.fields?.heading).toBe("My pieces");
-    expect(detail.fields?.items.map((i) => i.label)).toEqual(["Stage", "Started", "Updated"]);
+    expect(detail.fields?.items.map((i) => i.label)).toEqual([
+      "Stage",
+      "Started",
+      "Updated",
+    ]);
   });
 
   it("a message with an asset shows a file action that opens the member file read", async () => {
@@ -665,16 +949,19 @@ describe("the member kinds — piece and message (#7920, spec 7423 D8 · D12)",
         href: `/account/inbox/message/${MESSAGE_WITH_FILE.id}/file`,
       },
     ]);
-    expect(detail.fields?.items).toContainEqual({ label: "File", value: "brand-guide.pdf" });
+    expect(detail.fields?.items).toContainEqual({
+      label: "File",
+      value: "brand-guide.pdf",
+    });
   });
 
   it("the file action carries the locale prefix off the default locale", async () => {
     const ctx = await memberCtx({ locale: "fr" });
     const items = await kindOf("message").load(ctx);
     const withFile = items.find((m) => m.id === MESSAGE_WITH_FILE.id)!;
-    expect(kindOf("message").renderDetail(withFile, ctx).actions?.[0]?.href).toBe(
-      `/fr/account/inbox/message/${MESSAGE_WITH_FILE.id}/file`,
-    );
+    expect(
+      kindOf("message").renderDetail(withFile, ctx).actions?.[0]?.href,
+    ).toBe(`/fr/account/inbox/message/${MESSAGE_WITH_FILE.id}/file`);
   });
 
   it("a message without an asset has no file action", async () => {
@@ -697,7 +984,10 @@ describe("the needs-client For-you source (#7920)", () => {
         type: { id: "piece", label: "Piece", tone: "needs-you" },
         title: "About page",
         time: { kind: "at", at: PIECE_NEEDS_CLIENT.updatedAt },
-        action: { kind: "open", href: `/account/inbox/piece/${PIECE_NEEDS_CLIENT.id}` },
+        action: {
+          kind: "open",
+          href: `/account/inbox/piece/${PIECE_NEEDS_CLIENT.id}`,
+        },
         dismissible: true,
       },
     ]);
@@ -705,7 +995,9 @@ describe("the needs-client For-you source (#7920)", () => {
   });
 
   it("off the default locale the Open href carries the prefix", async () => {
-    const [item] = await needsClientSource().load(await memberCtx({ locale: "fr" }));
+    const [item] = await needsClientSource().load(
+      await memberCtx({ locale: "fr" }),
+    );
     expect(item?.action).toEqual({
       kind: "open",
       href: `/fr/account/inbox/piece/${PIECE_NEEDS_CLIENT.id}`,
@@ -714,8 +1006,12 @@ describe("the needs-client For-you source (#7920)", () => {
 
   it("loads [] on a 404 and rejects on any other failure", async () => {
     mockMemberPieces.mockResolvedValue(notFound);
-    await expect(needsClientSource().load(await memberCtx())).resolves.toEqual([]);
+    await expect(needsClientSource().load(await memberCtx())).resolves.toEqual(
+      [],
+    );
     mockMemberPieces.mockResolvedValue({ ok: false, status: 500, body: {} });
-    await expect(needsClientSource().load(await memberCtx())).rejects.toMatchObject({ status: 500 });
+    await expect(
+      needsClientSource().load(await memberCtx()),
+    ).rejects.toMatchObject({ status: 500 });
   });
 });