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

package/src/__tests__/chat-store.test.ts

@@ -69,9 +69,7 @@ describe("chat-store", () => {
     it("strips extra fields from valid messages", () => {
       localStorage.setItem(
         "platform-chat-history",
-        JSON.stringify([
-          { id: "1", role: "user", content: "hi", timestamp: 1000, xss: "<script>" },
-        ]),
+        JSON.stringify([{ id: "1", role: "user", content: "hi", timestamp: 1000, xss: "<script>" }]),
       );
       const result = loadChatHistory();
       expect(result).toEqual([{ id: "1", role: "user", content: "hi", timestamp: 1000 }]);
@@ -106,9 +104,7 @@ describe("chat-store", () => {
 
     it("truncates message content exceeding MAX_MESSAGE_CONTENT_LENGTH and appends ellipsis", () => {
       const longContent = "x".repeat(MAX_MESSAGE_CONTENT_LENGTH + 1000);
-      const messages: ChatMessage[] = [
-        { id: "1", role: "user", content: longContent, timestamp: 1000 },
-      ];
+      const messages: ChatMessage[] = [{ id: "1", role: "user", content: longContent, timestamp: 1000 }];
       saveChatHistory(messages);
       const loaded = loadChatHistory();
       expect(loaded).toHaveLength(1);
@@ -118,9 +114,7 @@ describe("chat-store", () => {
 
     it("does not mutate the original messages array when saving", () => {
       const longContent = "x".repeat(MAX_MESSAGE_CONTENT_LENGTH + 1000);
-      const messages: ChatMessage[] = [
-        { id: "1", role: "user", content: longContent, timestamp: 1000 },
-      ];
+      const messages: ChatMessage[] = [{ id: "1", role: "user", content: longContent, timestamp: 1000 }];
       const originalContent = messages[0].content;
       saveChatHistory(messages);
       // localStorage copy is truncated; in-memory array must be unchanged
@@ -135,9 +129,7 @@ describe("chat-store", () => {
       // With .slice() the last emoji would be split; with spread it must not be.
       const emoji = "\u{1F600}"; // 😀 — 2 code units
       const longContent = emoji.repeat(MAX_MESSAGE_CONTENT_LENGTH + 100);
-      const messages: ChatMessage[] = [
-        { id: "1", role: "user", content: longContent, timestamp: 1000 },
-      ];
+      const messages: ChatMessage[] = [{ id: "1", role: "user", content: longContent, timestamp: 1000 }];
       saveChatHistory(messages);
       const loaded = loadChatHistory();
       const stored = loaded[0].content;
@@ -150,9 +142,7 @@ describe("chat-store", () => {
 
     it("does not truncate content at or below the limit", () => {
       const exactContent = "y".repeat(MAX_MESSAGE_CONTENT_LENGTH);
-      const messages: ChatMessage[] = [
-        { id: "1", role: "user", content: exactContent, timestamp: 1000 },
-      ];
+      const messages: ChatMessage[] = [{ id: "1", role: "user", content: exactContent, timestamp: 1000 }];
       saveChatHistory(messages);
       const loaded = loadChatHistory();
       expect(loaded[0].content).toBe(exactContent);

package/src/__tests__/command-center.test.tsx

@@ -109,18 +109,16 @@ vi.mock("@/lib/trpc", () => ({
 }));
 
 vi.mock("@/lib/api", () => ({
-  mapBotStatusToFleetInstance: vi.fn(
-    (bot: { id: string; name: string; state: string; health: string | null }) => ({
-      id: bot.id,
-      name: bot.name,
-      status: bot.state === "running" ? "running" : "stopped",
-      health: bot.health === "healthy" ? "healthy" : "degraded",
-      uptime: bot.id === "inst-001" ? 86400 : null,
-      pluginCount: bot.id === "inst-001" ? 2 : bot.id === "inst-002" ? 1 : 3,
-      sessionCount: bot.id === "inst-001" ? 5 : 0,
-      provider: bot.id === "inst-001" ? "anthropic" : "openai",
-    }),
-  ),
+  mapBotStatusToFleetInstance: vi.fn((bot: { id: string; name: string; state: string; health: string | null }) => ({
+    id: bot.id,
+    name: bot.name,
+    status: bot.state === "running" ? "running" : "stopped",
+    health: bot.health === "healthy" ? "healthy" : "degraded",
+    uptime: bot.id === "inst-001" ? 86400 : null,
+    pluginCount: bot.id === "inst-001" ? 2 : bot.id === "inst-002" ? 1 : 3,
+    sessionCount: bot.id === "inst-001" ? 5 : 0,
+    provider: bot.id === "inst-001" ? "anthropic" : "openai",
+  })),
   getActivityFeed: vi.fn().mockResolvedValue([
     {
       id: "evt-1",

package/src/__tests__/compliance-retention-edit.test.tsx

@@ -26,9 +26,7 @@ const mockFetchRetentionPolicies = vi.fn();
 const mockUpdateRetentionPolicy = vi.fn();
 
 vi.mock("@/lib/admin-compliance-api", async () => {
-  const actual = await vi.importActual<typeof import("@/lib/admin-compliance-api")>(
-    "@/lib/admin-compliance-api",
-  );
+  const actual = await vi.importActual<typeof import("@/lib/admin-compliance-api")>("@/lib/admin-compliance-api");
   return {
     ...actual,
     fetchRetentionPolicies: (...args: unknown[]) => mockFetchRetentionPolicies(...args),
@@ -67,9 +65,8 @@ describe("updateRetentionPolicy", () => {
       recordsAffected: 0,
     });
 
-    const { updateRetentionPolicy } = await vi.importActual<
-      typeof import("@/lib/admin-compliance-api")
-    >("@/lib/admin-compliance-api");
+    const { updateRetentionPolicy } =
+      await vi.importActual<typeof import("@/lib/admin-compliance-api")>("@/lib/admin-compliance-api");
 
     const result2 = await updateRetentionPolicy("audit_logs", {
       retentionDays: 180,

package/src/__tests__/confirmation-tracker.test.tsx

@@ -5,12 +5,7 @@ import { ConfirmationTracker } from "@/components/billing/confirmation-tracker";
 describe("ConfirmationTracker", () => {
   it("shows confirmation progress", () => {
     render(
-      <ConfirmationTracker
-        confirmations={8}
-        confirmationsRequired={20}
-        displayAmount="25.00 USDT"
-        credited={false}
-      />,
+      <ConfirmationTracker confirmations={8} confirmationsRequired={20} displayAmount="25.00 USDT" credited={false} />,
     );
     expect(screen.getByText(/8/)).toBeInTheDocument();
     expect(screen.getByText(/20/)).toBeInTheDocument();
@@ -19,24 +14,14 @@ describe("ConfirmationTracker", () => {
 
   it("shows credited state", () => {
     render(
-      <ConfirmationTracker
-        confirmations={20}
-        confirmationsRequired={20}
-        displayAmount="25.00 USDT"
-        credited={true}
-      />,
+      <ConfirmationTracker confirmations={20} confirmationsRequired={20} displayAmount="25.00 USDT" credited={true} />,
     );
     expect(screen.getByText(/credits applied/i)).toBeInTheDocument();
   });
 
   it("renders progress bar", () => {
     render(
-      <ConfirmationTracker
-        confirmations={10}
-        confirmationsRequired={20}
-        displayAmount="25.00 USDT"
-        credited={false}
-      />,
+      <ConfirmationTracker confirmations={10} confirmationsRequired={20} displayAmount="25.00 USDT" credited={false} />,
     );
     const bar = screen.getByRole("progressbar");
     expect(bar).toBeInTheDocument();

package/src/__tests__/coupon-input.test.tsx

@@ -18,9 +18,7 @@ vi.mock("@/lib/trpc", () => ({
 
 vi.mock("framer-motion", () => ({
   motion: {
-    div: ({ children, ...props }: React.PropsWithChildren<Record<string, unknown>>) => (
-      <div {...props}>{children}</div>
-    ),
+    div: ({ children, ...props }: React.PropsWithChildren<Record<string, unknown>>) => <div {...props}>{children}</div>,
   },
 }));
 

package/src/__tests__/create-instance.test.tsx

@@ -53,9 +53,7 @@ describe("CreateInstanceClient", () => {
 
   it("renders the create form heading", async () => {
     render(<CreateInstanceClient />);
-    await waitFor(() =>
-      expect(screen.getByRole("heading", { name: "Create Instance" })).toBeInTheDocument(),
-    );
+    await waitFor(() => expect(screen.getByRole("heading", { name: "Create Instance" })).toBeInTheDocument());
   });
 
   it("renders preset cards", async () => {

package/src/__tests__/credit-balance.test.tsx

@@ -49,9 +49,7 @@ describe("CreditBalance", () => {
   });
 
   it("applies destructive color when balance <= 2", async () => {
-    const { container } = render(
-      <CreditBalance data={{ balance: 1.5, dailyBurn: 1.5, runway: 1 }} />,
-    );
+    const { container } = render(<CreditBalance data={{ balance: 1.5, dailyBurn: 1.5, runway: 1 }} />);
     await waitFor(() => {
       const balanceEl = container.querySelector(".text-4xl");
       expect(balanceEl?.className).toContain("text-destructive");
@@ -59,9 +57,7 @@ describe("CreditBalance", () => {
   });
 
   it("applies destructive color when runway <= 1", async () => {
-    const { container } = render(
-      <CreditBalance data={{ balance: 50, dailyBurn: 50, runway: 1 }} />,
-    );
+    const { container } = render(<CreditBalance data={{ balance: 50, dailyBurn: 50, runway: 1 }} />);
     await waitFor(() => {
       const balanceEl = container.querySelector(".text-4xl");
       expect(balanceEl?.className).toContain("text-destructive");
@@ -77,9 +73,7 @@ describe("CreditBalance", () => {
   });
 
   it("applies amber color when runway <= 7", async () => {
-    const { container } = render(
-      <CreditBalance data={{ balance: 50, dailyBurn: 10, runway: 5 }} />,
-    );
+    const { container } = render(<CreditBalance data={{ balance: 50, dailyBurn: 10, runway: 5 }} />);
     await waitFor(() => {
       const balanceEl = container.querySelector(".text-4xl");
       expect(balanceEl?.className).toContain("text-amber-500");
@@ -87,9 +81,7 @@ describe("CreditBalance", () => {
   });
 
   it("applies emerald color for healthy balance", async () => {
-    const { container } = render(
-      <CreditBalance data={{ balance: 100, dailyBurn: 5, runway: 20 }} />,
-    );
+    const { container } = render(<CreditBalance data={{ balance: 100, dailyBurn: 5, runway: 20 }} />);
     await waitFor(() => {
       const balanceEl = container.querySelector(".text-4xl");
       expect(balanceEl?.className).toContain("text-emerald-500");

package/src/__tests__/credits.test.tsx

@@ -1,7 +1,7 @@
-import { render, screen, within } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
+import { render, screen } from "@testing-library/react";
 import { describe, expect, it, vi } from "vitest";
 import type { CreditBalance, CreditHistoryResponse } from "@/lib/api";
+import { trpcVanillaProxy } from "./setup.js";
 
 // Mock framer-motion to prevent animation/rAF issues in JSDOM.
 vi.mock("framer-motion", () => {
@@ -47,6 +47,17 @@ vi.mock("@/lib/org-api", () => ({
   getOrganization: vi.fn().mockRejectedValue(new Error("no org")),
 }));
 
+// Mock UnifiedCheckout — uses useQueryClient() which requires QueryClientProvider.
+// The credits page tests focus on balance display and layout wiring.
+vi.mock("@/components/billing/unified-checkout", () => ({
+  UnifiedCheckout: () => <div data-testid="unified-checkout">UnifiedCheckout</div>,
+}));
+
+// Mock TransactionHistory — complex component with its own data fetching.
+vi.mock("@/components/billing/transaction-history", () => ({
+  TransactionHistory: () => <div data-testid="transaction-history">TransactionHistory</div>,
+}));
+
 // Mock next/navigation
 vi.mock("next/navigation", () => ({
   useRouter: () => ({ push: vi.fn() }),
@@ -121,8 +132,17 @@ vi.mock("@/lib/trpc", () => ({
           refetch: vi.fn(),
         }),
       },
+      creditsDailySummary: {
+        useQuery: vi.fn().mockReturnValue({
+          data: { rows: [] },
+          isLoading: false,
+          error: null,
+          refetch: vi.fn(),
+        }),
+      },
     },
   },
+  trpcVanilla: trpcVanillaProxy,
   TRPCProvider: ({ children }: { children?: unknown }) => children,
 }));
 
@@ -148,9 +168,7 @@ vi.mock("@/lib/api", async (importOriginal) => {
         bonusPercent: 10,
       },
     ]),
-    createCreditCheckout: vi
-      .fn()
-      .mockResolvedValue({ checkoutUrl: "https://checkout.stripe.com/test" }),
+    createCreditCheckout: vi.fn().mockResolvedValue({ checkoutUrl: "https://checkout.stripe.com/test" }),
     getAutoTopupSettings: vi.fn().mockResolvedValue({
       usageBased: { enabled: false, thresholdCents: 500, topupAmountCents: 2000 },
       scheduled: { enabled: false, amountCents: 2000, interval: "weekly", nextChargeDate: null },
@@ -185,93 +203,25 @@ describe("Credits page", () => {
     expect(screen.getByText("~37 days")).toBeInTheDocument();
   });
 
-  it("renders buy credits panel with tiers", async () => {
-    const { default: CreditsPage } = await import("../app/(dashboard)/billing/credits/page");
-    render(<CreditsPage />);
-
-    const buyCreditsHeading = await screen.findByText("Buy Credits");
-    const buyCreditsPanel = buyCreditsHeading.closest('[data-slot="card"]') as HTMLElement;
-    // Note: $5, $10, $50 appear in both BuyCreditsPanel and AutoTopupCard dropdowns
-    expect((await screen.findAllByText("$5")).length).toBeGreaterThanOrEqual(1);
-    expect(screen.getAllByText("$10").length).toBeGreaterThanOrEqual(1);
-    expect(within(buyCreditsPanel).getByText("$25")).toBeInTheDocument();
-    expect(screen.getAllByText("$50").length).toBeGreaterThanOrEqual(1);
-    expect(screen.getAllByText("$100").length).toBeGreaterThanOrEqual(1);
-  });
-
-  it("renders bonus badges on higher tiers", async () => {
-    const { default: CreditsPage } = await import("../app/(dashboard)/billing/credits/page");
-    render(<CreditsPage />);
-
-    expect(await screen.findByText("+2%")).toBeInTheDocument();
-    expect(screen.getByText("+5%")).toBeInTheDocument();
-    expect(screen.getByText("+10%")).toBeInTheDocument();
-  });
-
-  it("renders transaction history", async () => {
-    const { default: CreditsPage } = await import("../app/(dashboard)/billing/credits/page");
-    render(<CreditsPage />);
-
-    expect(await screen.findByText("Transaction History")).toBeInTheDocument();
-    // "Signup credit" appears in both the description and the type badge
-    expect((await screen.findAllByText("Signup credit")).length).toBeGreaterThanOrEqual(1);
-    expect(screen.getByText("Bot runtime (platform-1)")).toBeInTheDocument();
-    expect(screen.getByText("Credit purchase")).toBeInTheDocument();
-  });
-
-  it("renders positive and negative amounts with correct coloring", async () => {
+  it("renders unified checkout component", async () => {
     const { default: CreditsPage } = await import("../app/(dashboard)/billing/credits/page");
     render(<CreditsPage />);
 
-    const positiveAmount = await screen.findByText("+$5.00");
-    expect(positiveAmount).toHaveClass("text-emerald-500");
-
-    const negativeAmount = screen.getByText("-$0.17");
-    expect(negativeAmount).toHaveClass("text-red-500");
+    expect(await screen.findByTestId("unified-checkout")).toBeInTheDocument();
   });
 
-  it("renders load more button when there is a next cursor", async () => {
+  it("renders transaction history component", async () => {
     const { default: CreditsPage } = await import("../app/(dashboard)/billing/credits/page");
     render(<CreditsPage />);
 
-    expect(
-      await screen.findByRole("button", { name: "Load more" }, { timeout: 5000 }),
-    ).toBeInTheDocument();
+    expect(await screen.findByTestId("transaction-history")).toBeInTheDocument();
   });
 
-  it("loads next page of transactions on load more click", async () => {
-    const user = userEvent.setup();
+  it("renders page description", async () => {
     const { default: CreditsPage } = await import("../app/(dashboard)/billing/credits/page");
     render(<CreditsPage />);
 
-    const loadMoreBtn = await screen.findByRole("button", { name: "Load more" });
-    await user.click(loadMoreBtn);
-
-    expect(await screen.findByText("Bot runtime (platform-2)")).toBeInTheDocument();
-  });
-
-  it("buy credits button is disabled without selection", async () => {
-    const { default: CreditsPage } = await import("../app/(dashboard)/billing/credits/page");
-    render(<CreditsPage />);
-
-    const buyBtn = await screen.findByRole("button", { name: "Buy credits" });
-    expect(buyBtn).toBeDisabled();
-  });
-
-  it("enables buy button after selecting a tier", async () => {
-    const user = userEvent.setup();
-    const { default: CreditsPage } = await import("../app/(dashboard)/billing/credits/page");
-    render(<CreditsPage />);
-
-    // Wait for tiers to load, then scope to the Buy Credits card to avoid
-    // matching the same dollar amounts in the BuyCryptoCreditPanel
-    const buyCreditsHeading = await screen.findByText("Buy Credits");
-    const buyCreditsPanel = buyCreditsHeading.closest('[data-slot="card"]') as HTMLElement;
-    const tier10 = await within(buyCreditsPanel).findByText("$10");
-    await user.click(tier10);
-
-    const buyBtn = screen.getByRole("button", { name: "Buy credits" });
-    expect(buyBtn).not.toBeDisabled();
+    expect(await screen.findByText("Purchase and manage your credits")).toBeInTheDocument();
   });
 });
 
@@ -359,8 +309,8 @@ describe("LowBalanceBanner", () => {
   });
 });
 
-describe("Billing layout with Credits nav", () => {
-  it("renders Credits navigation link", async () => {
+describe("Billing layout with Credits content", () => {
+  it("renders child content inside billing layout", async () => {
     const { default: BillingLayout } = await import("../app/(dashboard)/billing/layout");
     render(
       <BillingLayout>
@@ -368,9 +318,6 @@ describe("Billing layout with Credits nav", () => {
       </BillingLayout>,
     );
 
-    expect(screen.getByText("Credits")).toBeInTheDocument();
-    expect(screen.getByText("Your Plan")).toBeInTheDocument();
-    expect(screen.getByText("Usage")).toBeInTheDocument();
-    expect(screen.getByText("Payment")).toBeInTheDocument();
+    expect(screen.getByText("child content")).toBeInTheDocument();
   });
 });

package/src/__tests__/email-verification-banner.test.tsx

@@ -18,12 +18,8 @@ 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>,
   },
 }));
 

package/src/__tests__/error-boundaries.test.tsx

@@ -24,7 +24,6 @@ const boundaries = [
 let consoleErrorSpy: ReturnType<typeof vi.spyOn>;
 
 beforeEach(() => {
-  // biome-ignore lint/suspicious/noEmptyBlockStatements: intentional suppression of console.error in tests
   consoleErrorSpy = vi.spyOn(console, "error").mockImplementation(() => {});
 });
 

package/src/__tests__/fetch-pricing.test.ts

@@ -1,4 +1,5 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { trpcVanillaProxy } from "./setup.js";
 
 // Must mock before importing
 vi.mock("@/lib/api-config", () => ({
@@ -8,7 +9,7 @@ vi.mock("@/lib/api-config", () => ({
 
 // Mock trpc and fetch-utils so api.ts can import without issues
 vi.mock("@/lib/trpc", () => ({
-  trpcVanilla: {},
+  trpcVanilla: trpcVanillaProxy,
 }));
 
 vi.mock("@/lib/fetch-utils", () => ({

package/src/__tests__/field-oauth.test.tsx

@@ -61,9 +61,7 @@ describe("FieldOAuth", () => {
   });
 
   it("shows error prop message", () => {
-    render(
-      <FieldOAuth field={slackOAuthField} value="" onChange={vi.fn()} error="Token is required" />,
-    );
+    render(<FieldOAuth field={slackOAuthField} value="" onChange={vi.fn()} error="Token is required" />);
     expect(screen.getByText("Token is required")).toBeInTheDocument();
   });
 
@@ -90,9 +88,7 @@ describe("FieldOAuth", () => {
     fireEvent.click(screen.getByRole("button", { name: "Authorize" }));
 
     await waitFor(() => {
-      expect(
-        screen.getByText("Popup blocked. Please allow popups for this site and try again."),
-      ).toBeInTheDocument();
+      expect(screen.getByText("Popup blocked. Please allow popups for this site and try again.")).toBeInTheDocument();
     });
     expect(screen.getByRole("button", { name: "Retry" })).toBeInTheDocument();
   });

package/src/__tests__/fixtures/mock-manifests-data.js

@@ -67,9 +67,7 @@ const MARKETPLACE_TEST_PLUGINS = [
     ],
     connectionTest: { label: "Test Bot Connection", endpoint: "/api/channels/discord/test" },
     installCount: 12400,
-    changelog: [
-      { version: "3.2.0", date: "2026-02-10", notes: "Added thread support and slash commands." },
-    ],
+    changelog: [{ version: "3.2.0", date: "2026-02-10", notes: "Added thread support and slash commands." }],
     marketplaceTab: "channel",
   },
   {

package/src/__tests__/fixtures/mock-manifests.ts

@@ -13,10 +13,8 @@ const data = require("./mock-manifests-data") as {
   CHANNEL_MANIFESTS_FIXTURE: ChannelManifest[];
 };
 
-export const MARKETPLACE_TEST_PLUGINS: Array<Record<string, unknown>> =
-  data.MARKETPLACE_TEST_PLUGINS;
-export const INSTALL_FLOW_TEST_PLUGINS: Array<Record<string, unknown>> =
-  data.INSTALL_FLOW_TEST_PLUGINS;
+export const MARKETPLACE_TEST_PLUGINS: Array<Record<string, unknown>> = data.MARKETPLACE_TEST_PLUGINS;
+export const INSTALL_FLOW_TEST_PLUGINS: Array<Record<string, unknown>> = data.INSTALL_FLOW_TEST_PLUGINS;
 export const findManifest: (id: string) => Record<string, unknown> = data.findManifest;
 export const DISCORD_MANIFEST: ChannelManifest = data.DISCORD_MANIFEST;
 export const TELEGRAM_MANIFEST: ChannelManifest = data.TELEGRAM_MANIFEST;

package/src/__tests__/fleet-health-timestamp.test.tsx

@@ -32,14 +32,7 @@ vi.mock("@/lib/trpc", () => ({
 
 vi.mock("@/lib/api", () => ({
   mapBotStatusToFleetInstance: vi.fn(
-    (bot: {
-      id: string;
-      name: string;
-      state: string;
-      health: string | null;
-      uptime: string | null;
-      stats: null;
-    }) => ({
+    (bot: { id: string; name: string; state: string; health: string | null; uptime: string | null; stats: null }) => ({
       id: bot.id,
       name: bot.name,
       status: bot.state === "running" ? "running" : "stopped",

package/src/__tests__/fleet-health-update.test.tsx

@@ -32,14 +32,7 @@ vi.mock("@/lib/trpc", () => ({
 
 vi.mock("@/lib/api", () => ({
   mapBotStatusToFleetInstance: vi.fn(
-    (bot: {
-      id: string;
-      name: string;
-      state: string;
-      health: string | null;
-      uptime: string | null;
-      stats: null;
-    }) => ({
+    (bot: { id: string; name: string; state: string; health: string | null; uptime: string | null; stats: null }) => ({
       id: bot.id,
       name: bot.name,
       status: bot.state === "running" ? "running" : "stopped",

package/src/__tests__/gpu-dashboard.test.tsx

@@ -6,9 +6,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 // ---- Mock framer-motion ----
 vi.mock("framer-motion", () => ({
   motion: {
-    div: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => (
-      <div {...props}>{children}</div>
-    ),
+    div: ({ children, ...props }: HTMLAttributes<HTMLDivElement>) => <div {...props}>{children}</div>,
   },
 }));
 
@@ -225,9 +223,7 @@ describe("GpuDashboard", () => {
     await userEvent.click(screen.getByRole("button", { name: /^Provision$/ }));
 
     await waitFor(() => {
-      expect(mockProvisionGpuNode).toHaveBeenCalledWith(
-        expect.objectContaining({ name: "fresh-gpu" }),
-      );
+      expect(mockProvisionGpuNode).toHaveBeenCalledWith(expect.objectContaining({ name: "fresh-gpu" }));
     });
     await waitFor(() => {
       expect(mockToast.success).toHaveBeenCalledWith(expect.stringContaining("fresh-gpu"));

package/src/__tests__/instance-detail.test.tsx

@@ -45,9 +45,7 @@ vi.mock("@/lib/api", () => ({
   pullImageUpdate: vi.fn().mockResolvedValue(undefined),
   getInstanceLogs: vi
     .fn()
-    .mockResolvedValue([
-      { id: "log-1", level: "info", message: "Bot started", timestamp: "2026-02-14T10:00:00Z" },
-    ]),
+    .mockResolvedValue([{ id: "log-1", level: "info", message: "Bot started", timestamp: "2026-02-14T10:00:00Z" }]),
   listSnapshots: vi.fn().mockResolvedValue([
     {
       id: "snap-001",
@@ -336,9 +334,7 @@ describe("InstanceDetailClient", () => {
     await user.click(screen.getByText("Pull Update"));
 
     await waitFor(() => {
-      expect(
-        screen.getByText("This will pull the latest image and restart the bot. Continue?"),
-      ).toBeInTheDocument();
+      expect(screen.getByText("This will pull the latest image and restart the bot. Continue?")).toBeInTheDocument();
     });
 
     await user.click(screen.getByRole("button", { name: "Continue" }));
@@ -359,9 +355,7 @@ describe("InstanceDetailClient", () => {
     await user.click(screen.getByText("Pull Update"));
 
     await waitFor(() => {
-      expect(
-        screen.getByText("This will pull the latest image and restart the bot. Continue?"),
-      ).toBeInTheDocument();
+      expect(screen.getByText("This will pull the latest image and restart the bot. Continue?")).toBeInTheDocument();
     });
 
     await user.click(screen.getByRole("button", { name: "Cancel" }));

package/src/__tests__/instance-list.test.tsx

@@ -86,11 +86,7 @@ vi.mock("@/lib/api", () => ({
   parsePluginsFromEnv: vi.fn((env?: Record<string, string>) => {
     if (!env) return [];
     const ids = new Set<string>();
-    for (const key of [
-      "PLATFORM_PLUGINS_OTHER",
-      "PLATFORM_PLUGINS_VOICE",
-      "PLATFORM_PLUGINS_PROVIDERS",
-    ]) {
+    for (const key of ["PLATFORM_PLUGINS_OTHER", "PLATFORM_PLUGINS_VOICE", "PLATFORM_PLUGINS_PROVIDERS"]) {
       const raw = env[key];
       if (raw) {
         for (const id of raw