@wopr-network/platform-ui-core 1.27.7 → 1.27.9

package/src/__tests__/provider-key-api.test.ts

@@ -1,4 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from "vitest";
+import { trpcVanillaProxy } from "./setup.js";
 
 const mockFetch = vi.fn();
 global.fetch = mockFetch;
@@ -21,7 +22,7 @@ vi.mock("@/lib/fetch-utils", () => ({
 }));
 
 vi.mock("@/lib/trpc", () => ({
-  trpcVanilla: {},
+  trpcVanilla: trpcVanillaProxy,
 }));
 
 import { removeProviderKey, saveProviderKey } from "@/lib/api";

package/src/__tests__/resend-verification-button.test.tsx

@@ -16,20 +16,14 @@ vi.mock("better-auth/react", () => ({
 
 vi.mock("framer-motion", () => ({
   motion: {
-    div: ({ children, ...props }: React.PropsWithChildren<Record<string, unknown>>) => (
-      <div {...props}>{children}</div>
-    ),
-    p: ({ children, ...props }: React.PropsWithChildren<Record<string, unknown>>) => (
-      <p {...props}>{children}</p>
-    ),
+    div: ({ children, ...props }: React.PropsWithChildren<Record<string, unknown>>) => <div {...props}>{children}</div>,
+    p: ({ children, ...props }: React.PropsWithChildren<Record<string, unknown>>) => <p {...props}>{children}</p>,
   },
 }));
 
 describe("ResendVerificationButton", () => {
   it("renders button with correct text", async () => {
-    const { ResendVerificationButton } = await import(
-      "@/components/auth/resend-verification-button"
-    );
+    const { ResendVerificationButton } = await import("@/components/auth/resend-verification-button");
     render(<ResendVerificationButton email="test@example.com" />);
 
     expect(screen.getByRole("button", { name: /Resend verification email/ })).toBeInTheDocument();
@@ -37,9 +31,7 @@ describe("ResendVerificationButton", () => {
 
   it("calls sendVerificationEmail on click", async () => {
     const user = userEvent.setup();
-    const { ResendVerificationButton } = await import(
-      "@/components/auth/resend-verification-button"
-    );
+    const { ResendVerificationButton } = await import("@/components/auth/resend-verification-button");
     render(<ResendVerificationButton email="test@example.com" />);
 
     await user.click(screen.getByRole("button", { name: /Resend verification email/ }));
@@ -52,9 +44,7 @@ describe("ResendVerificationButton", () => {
 
   it("shows success message after sending", async () => {
     const user = userEvent.setup();
-    const { ResendVerificationButton } = await import(
-      "@/components/auth/resend-verification-button"
-    );
+    const { ResendVerificationButton } = await import("@/components/auth/resend-verification-button");
     render(<ResendVerificationButton email="test@example.com" />);
 
     await user.click(screen.getByRole("button", { name: /Resend verification email/ }));
@@ -68,9 +58,7 @@ describe("ResendVerificationButton", () => {
       error: { message: "Rate limited" },
     });
     const user = userEvent.setup();
-    const { ResendVerificationButton } = await import(
-      "@/components/auth/resend-verification-button"
-    );
+    const { ResendVerificationButton } = await import("@/components/auth/resend-verification-button");
     render(<ResendVerificationButton email="test@example.com" />);
 
     await user.click(screen.getByRole("button", { name: /Resend verification email/ }));
@@ -79,9 +67,7 @@ describe("ResendVerificationButton", () => {
   });
 
   it("disables button when email is empty", async () => {
-    const { ResendVerificationButton } = await import(
-      "@/components/auth/resend-verification-button"
-    );
+    const { ResendVerificationButton } = await import("@/components/auth/resend-verification-button");
     render(<ResendVerificationButton email="" />);
 
     expect(screen.getByRole("button", { name: /Resend verification email/ })).toBeDisabled();
@@ -89,9 +75,7 @@ describe("ResendVerificationButton", () => {
 
   it("disables button after successful send", async () => {
     const user = userEvent.setup();
-    const { ResendVerificationButton } = await import(
-      "@/components/auth/resend-verification-button"
-    );
+    const { ResendVerificationButton } = await import("@/components/auth/resend-verification-button");
     render(<ResendVerificationButton email="test@example.com" />);
 
     await user.click(screen.getByRole("button", { name: /Resend verification email/ }));

package/src/__tests__/secrets-audit-pagination.test.tsx

@@ -13,9 +13,7 @@ vi.mock("framer-motion", () => ({
       void animate;
       void exit;
       void transition;
-      return (
-        <div {...(rest as React.HTMLAttributes<HTMLDivElement>)}>{children as React.ReactNode}</div>
-      );
+      return <div {...(rest as React.HTMLAttributes<HTMLDivElement>)}>{children as React.ReactNode}</div>;
     },
   },
 }));

package/src/__tests__/settings.test.tsx

@@ -200,14 +200,10 @@ vi.mock("@/lib/api", async (importOriginal) => {
     saveProviderKey: vi.fn().mockResolvedValue({ ok: true, id: "test-id", provider: "openai" }),
     updateProviderModel: vi.fn().mockResolvedValue(undefined),
     listApiKeys: vi.fn().mockResolvedValue(MOCK_API_KEYS),
-    createApiKey: vi
-      .fn()
-      .mockResolvedValue({ key: MOCK_API_KEYS[0], secret: "platform_test_secret" }),
+    createApiKey: vi.fn().mockResolvedValue({ key: MOCK_API_KEYS[0], secret: "platform_test_secret" }),
     revokeApiKey: vi.fn().mockResolvedValue(undefined),
     getBillingUsage: vi.fn().mockResolvedValue(MOCK_BILLING_USAGE),
-    createBillingPortalSession: vi
-      .fn()
-      .mockResolvedValue({ url: "https://billing.stripe.com/session/test" }),
+    createBillingPortalSession: vi.fn().mockResolvedValue({ url: "https://billing.stripe.com/session/test" }),
     storeTenantKey: vi.fn().mockResolvedValue({
       provider: "anthropic",
       hasKey: true,
@@ -270,9 +266,7 @@ vi.mock("@/lib/org-api", () => ({
   revokeInvite: vi.fn().mockResolvedValue(undefined),
   removeMember: vi.fn().mockResolvedValue(undefined),
   transferOwnership: vi.fn().mockResolvedValue(undefined),
-  createOrganization: vi
-    .fn()
-    .mockResolvedValue({ id: "org-new", name: "Test Org", slug: "test-org" }),
+  createOrganization: vi.fn().mockResolvedValue({ id: "org-new", name: "Test Org", slug: "test-org" }),
 }));
 
 // Mock @/lib/auth-client for OAuth account linking
@@ -299,8 +293,8 @@ describe("Profile page", () => {
     // Initially shows skeleton loading state
     expect(document.querySelector('[data-slot="skeleton"]')).toBeInTheDocument();
 
-    // Wait for mock data to load
-    expect(await screen.findByText("Profile")).toBeInTheDocument();
+    // Wait for mock data to load — heading is now "Settings"
+    expect(await screen.findByText("Settings")).toBeInTheDocument();
     expect(screen.getByLabelText("Display name")).toBeInTheDocument();
     expect(screen.getByLabelText("Email")).toBeInTheDocument();
   });
@@ -454,9 +448,7 @@ describe("Providers page - billing gate", () => {
     await user.click(hostedRadio);
 
     // Dialog opens — wait for billing check to complete
-    expect(
-      await screen.findByText(/Enable Platform Hosted for Text Generation/),
-    ).toBeInTheDocument();
+    expect(await screen.findByText(/Enable Platform Hosted for Text Generation/)).toBeInTheDocument();
     // With a payment method on file, the Enable Hosted button should appear
     expect(await screen.findByRole("button", { name: "Enable Hosted" })).toBeInTheDocument();
   });
@@ -878,9 +870,7 @@ describe("Notifications page - no team language", () => {
       fleet_updates: true,
     });
 
-    const { default: NotificationsPage } = await import(
-      "../app/(dashboard)/settings/notifications/page"
-    );
+    const { default: NotificationsPage } = await import("../app/(dashboard)/settings/notifications/page");
     render(<NotificationsPage />);
 
     await screen.findByText("Notifications");
@@ -895,7 +885,7 @@ describe("Avatar upload", () => {
     const { default: ProfilePage } = await import("../app/(dashboard)/settings/profile/page");
     render(<ProfilePage />);
 
-    expect(await screen.findByText("Profile")).toBeInTheDocument();
+    expect(await screen.findByText("Settings")).toBeInTheDocument();
     expect(screen.getByLabelText("Change avatar")).toBeInTheDocument();
   });
 
@@ -903,7 +893,7 @@ describe("Avatar upload", () => {
     const { default: ProfilePage } = await import("../app/(dashboard)/settings/profile/page");
     render(<ProfilePage />);
 
-    await screen.findByText("Profile");
+    await screen.findByText("Settings");
     expect(screen.getByText("A")).toBeInTheDocument();
   });
 
@@ -916,7 +906,7 @@ describe("Avatar upload", () => {
     const { default: ProfilePage } = await import("../app/(dashboard)/settings/profile/page");
     render(<ProfilePage />);
 
-    await screen.findByText("Profile");
+    await screen.findByText("Settings");
 
     const file = new File(["fake-image"], "avatar.png", { type: "image/png" });
     const input = screen.getByLabelText("Change avatar") as HTMLInputElement;
@@ -932,7 +922,7 @@ describe("Avatar upload", () => {
     const { default: ProfilePage } = await import("../app/(dashboard)/settings/profile/page");
     render(<ProfilePage />);
 
-    await screen.findByText("Profile");
+    await screen.findByText("Settings");
 
     const largeFile = new File([new ArrayBuffer(3 * 1024 * 1024)], "big.png", {
       type: "image/png",

package/src/__tests__/setup-checklist.test.tsx

@@ -46,9 +46,7 @@ vi.mock("@/lib/marketplace-data", () => ({
 
 // Mock next/link
 vi.mock("next/link", () => ({
-  default: ({ href, children }: { href: string; children: React.ReactNode }) => (
-    <a href={href}>{children}</a>
-  ),
+  default: ({ href, children }: { href: string; children: React.ReactNode }) => <a href={href}>{children}</a>,
 }));
 
 import type { CapabilitySetting, ChannelInfo } from "@/lib/api";
@@ -254,13 +252,9 @@ describe("SetupChecklist", () => {
     mockGetCreditBalance.mockResolvedValue({ balance: 0, dailyBurn: 0, runway: null });
     mockListChannels.mockImplementation((botId: string) => {
       if (botId === "inst-001") {
-        return Promise.resolve([
-          { id: "ch-1", name: "discord-general", type: "discord", status: "disconnected" },
-        ]);
+        return Promise.resolve([{ id: "ch-1", name: "discord-general", type: "discord", status: "disconnected" }]);
       }
-      return Promise.resolve([
-        { id: "ch-2", name: "discord-other", type: "discord", status: "connected" },
-      ]);
+      return Promise.resolve([{ id: "ch-2", name: "discord-other", type: "discord", status: "connected" }]);
     });
     mockListCapabilities.mockResolvedValue([]);
 

package/src/__tests__/setup.ts

@@ -1,12 +1,32 @@
 import "@testing-library/jest-dom/vitest";
 import { vi } from "vitest";
 
+// Mock @/lib/trpc globally — trpcVanilla is used by api.ts functions (getProfile, etc.)
+// and most tests mock fetch/apiFetch instead. This proxy returns empty results for any
+// trpcVanilla.namespace.procedure.query/mutate() call chain.
+export const trpcVanillaProxy: unknown = new Proxy(
+  {},
+  {
+    get(_target, prop) {
+      if (prop === "query") return vi.fn().mockResolvedValue({});
+      if (prop === "mutate") return vi.fn().mockResolvedValue({});
+      if (prop === "useQuery") return vi.fn().mockReturnValue({ data: undefined, isLoading: false, error: null });
+      if (prop === "useMutation")
+        return vi.fn().mockReturnValue({ mutate: vi.fn(), mutateAsync: vi.fn(), isLoading: false });
+      return trpcVanillaProxy;
+    },
+  },
+);
+
+vi.mock("@/lib/trpc", () => ({
+  trpc: trpcVanillaProxy,
+  trpcVanilla: trpcVanillaProxy,
+  TRPCProvider: ({ children }: { children: React.ReactNode }) => children,
+}));
+
 // Default fetch mock: reject all API calls so components fall back to mock data immediately.
 // Individual tests can override with vi.stubGlobal("fetch", ...) as needed.
-vi.stubGlobal(
-  "fetch",
-  vi.fn().mockRejectedValue(new Error("Network request not allowed in tests")),
-);
+vi.stubGlobal("fetch", vi.fn().mockRejectedValue(new Error("Network request not allowed in tests")));
 
 // Polyfill IntersectionObserver for framer-motion whileInView in test env
 class MockIntersectionObserver {
@@ -28,8 +48,7 @@ class MockIntersectionObserver {
 }
 
 if (typeof globalThis.IntersectionObserver === "undefined") {
-  globalThis.IntersectionObserver =
-    MockIntersectionObserver as unknown as typeof IntersectionObserver;
+  globalThis.IntersectionObserver = MockIntersectionObserver as unknown as typeof IntersectionObserver;
 }
 
 // Polyfill window.matchMedia for components that call it in useEffect (e.g. TerminalSequence).

package/src/__tests__/snapshot-api.test.ts

@@ -1,4 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from "vitest";
+import { trpcVanillaProxy } from "./setup.js";
 
 const mockFetch = vi.fn();
 vi.stubGlobal("fetch", mockFetch);
@@ -13,7 +14,7 @@ vi.mock("@/lib/fetch-utils", () => ({
 }));
 
 vi.mock("@/lib/trpc", () => ({
-  trpcVanilla: {},
+  trpcVanilla: trpcVanillaProxy,
 }));
 
 import { createSnapshot, deleteSnapshot, listSnapshots, restoreSnapshot } from "@/lib/api";

package/src/__tests__/step-superpowers.test.tsx

@@ -167,9 +167,7 @@ describe("StepSuperpowers", () => {
     it("shows fleet-add description in fleet-add mode", () => {
       render(<StepSuperpowers selected={[]} onToggle={vi.fn()} mode="fleet-add" />);
 
-      expect(
-        screen.getByText("Pre-checked from your other bots. Add or remove as you like."),
-      ).toBeInTheDocument();
+      expect(screen.getByText("Pre-checked from your other bots. Add or remove as you like.")).toBeInTheDocument();
     });
   });
 

package/src/__tests__/tenant-context.test.tsx

@@ -16,12 +16,7 @@ vi.mock("@/lib/trpc", () => ({
   },
 }));
 
-import {
-  getActiveTenantId,
-  setServerTenantId,
-  TenantProvider,
-  useTenant,
-} from "@/lib/tenant-context";
+import { getActiveTenantId, setServerTenantId, TenantProvider, useTenant } from "@/lib/tenant-context";
 
 function createWrapper(initialTenantId?: string) {
   const queryClient = new QueryClient({

package/src/__tests__/tenant-keys-api.test.ts

@@ -1,4 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from "vitest";
+import { trpcVanillaProxy } from "./setup.js";
 
 // Mock the fetch at the module level
 const mockFetch = vi.fn();
@@ -23,7 +24,7 @@ vi.mock("@/lib/fetch-utils", () => ({
 }));
 
 vi.mock("@/lib/trpc", () => ({
-  trpcVanilla: {},
+  trpcVanilla: trpcVanillaProxy,
 }));
 
 import { deleteTenantKey, getTenantKey, listTenantKeys, storeTenantKey } from "@/lib/api";
@@ -34,9 +35,7 @@ describe("tenant-keys API", () => {
   });
 
   it("listTenantKeys calls GET /api/tenant-keys", async () => {
-    const mockData = [
-      { provider: "openai", hasKey: true, maskedKey: "sk-...ab", createdAt: null, updatedAt: null },
-    ];
+    const mockData = [{ provider: "openai", hasKey: true, maskedKey: "sk-...ab", createdAt: null, updatedAt: null }];
     mockFetch.mockResolvedValueOnce({
       ok: true,
       status: 200,

package/src/__tests__/tenant-table-pagination.test.tsx

@@ -54,9 +54,7 @@ describe("TenantTable pagination", () => {
     render(<TenantTable />);
 
     await screen.findByText("user0@test.com");
-    expect(mockGetUsersList).toHaveBeenCalledWith(
-      expect.objectContaining({ offset: 0, limit: 25 }),
-    );
+    expect(mockGetUsersList).toHaveBeenCalledWith(expect.objectContaining({ offset: 0, limit: 25 }));
   });
 
   it("clicking Next requests offset 25 (not 50)", async () => {
@@ -70,9 +68,7 @@ describe("TenantTable pagination", () => {
     await user.click(screen.getByRole("button", { name: "Next" }));
 
     await screen.findByText("user25@test.com");
-    expect(mockGetUsersList).toHaveBeenLastCalledWith(
-      expect.objectContaining({ offset: 25, limit: 25 }),
-    );
+    expect(mockGetUsersList).toHaveBeenLastCalledWith(expect.objectContaining({ offset: 25, limit: 25 }));
   });
 
   it("shows correct range text on page 2", async () => {

package/src/__tests__/terminal-log-cleanup.test.tsx

@@ -35,7 +35,6 @@ describe("TerminalLog cleanup", () => {
     const clearTimeoutSpy = vi.spyOn(globalThis, "clearTimeout");
     const onDone = vi.fn();
 
-    // biome-ignore lint/suspicious/noExplicitAny: test only
     const { unmount } = render(<TerminalLog plugin={fakePlugin as any} onDone={onDone} />);
 
     // Advance past all interval ticks + into the setTimeout territory