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

package/src/__tests__/bot-settings-restart.test.tsx

@@ -26,9 +26,7 @@ vi.mock("@/lib/api", () => ({
 }));
 
 // Mock bot-settings-data with controlBot we can spy on
-const mockControlBot = vi
-  .fn()
-  .mockImplementation(() => new Promise((resolve) => setTimeout(resolve, 100)));
+const mockControlBot = vi.fn().mockImplementation(() => new Promise((resolve) => setTimeout(resolve, 100)));
 const mockGetBotSettings = vi.fn().mockResolvedValue({
   id: "bot-1",
   identity: { name: "Test Bot", personality: "", avatar: "" },

package/src/__tests__/bot-settings.test.tsx

@@ -335,9 +335,7 @@ describe("Channels tab", () => {
 
     await user.click(screen.getByRole("tab", { name: "Channels" }));
 
-    expect(
-      screen.getByText("Your Platform works everywhere you do. All channels are free."),
-    ).toBeInTheDocument();
+    expect(screen.getByText("Your Platform works everywhere you do. All channels are free.")).toBeInTheDocument();
   });
 });
 
@@ -610,9 +608,7 @@ describe("Danger Zone tab", () => {
 describe("Error handling", () => {
   it("shows error when getBotSettings fails", async () => {
     const { getBotSettings } = await import("@/lib/bot-settings-data");
-    vi.mocked(getBotSettings).mockRejectedValueOnce(
-      new Error("API error: 500 Internal Server Error"),
-    );
+    vi.mocked(getBotSettings).mockRejectedValueOnce(new Error("API error: 500 Internal Server Error"));
     const { BotSettingsClient } = await import("../components/bot-settings/bot-settings-client");
     render(<BotSettingsClient botId="bot-001" />);
     expect(await screen.findByText("API error: 500 Internal Server Error")).toBeInTheDocument();

package/src/__tests__/brand.test.ts

@@ -78,15 +78,7 @@ describe("Brand Bible", () => {
 
   describe("Emotional arc", () => {
     it("defines feelings for all major page types", () => {
-      const pages = [
-        "landing",
-        "onboarding",
-        "dashboard",
-        "marketplace",
-        "billing",
-        "settings",
-        "fleet",
-      ] as const;
+      const pages = ["landing", "onboarding", "dashboard", "marketplace", "billing", "settings", "fleet"] as const;
       for (const page of pages) {
         expect(typeof emotionalArc[page].feel).toBe("string");
         expect(typeof emotionalArc[page].job).toBe("string");
@@ -116,9 +108,9 @@ describe("Brand Bible", () => {
       expect(DOMAIN).toBe("localhost");
     });
 
-    it("has a tagline", () => {
+    it("has a tagline (may be empty in default brand config)", () => {
       expect(typeof TAGLINE).toBe("string");
-      expect(TAGLINE.length).toBeGreaterThan(0);
+      // Default brand config has empty tagline; specific brand deployments set it
     });
 
     it("defines the price from brand config", () => {
@@ -242,16 +234,12 @@ describe("Brand Bible", () => {
     });
 
     it("includes product name usage examples", () => {
-      const hasNameExample = copyExamples.some(
-        (e) => e.do.includes("Platform") || e.rule.includes("Platform"),
-      );
+      const hasNameExample = copyExamples.some((e) => e.do.includes("Platform") || e.rule.includes("Platform"));
       expect(hasNameExample).toBe(true);
     });
 
     it("includes supercomputer angle", () => {
-      const hasSupercomputer = copyExamples.some((e) =>
-        e.do.toLowerCase().includes("supercomputer"),
-      );
+      const hasSupercomputer = copyExamples.some((e) => e.do.toLowerCase().includes("supercomputer"));
       expect(hasSupercomputer).toBe(true);
     });
   });
@@ -304,15 +292,7 @@ describe("Brand Bible", () => {
 
   describe("Copy frameworks", () => {
     it("defines frameworks for all page types", () => {
-      const pages = [
-        "landing",
-        "onboarding",
-        "dashboard",
-        "marketplace",
-        "billing",
-        "settings",
-        "empty",
-      ] as const;
+      const pages = ["landing", "onboarding", "dashboard", "marketplace", "billing", "settings", "empty"] as const;
       for (const page of pages) {
         expect(typeof copyFrameworks[page].headline).toBe("string");
       }

package/src/__tests__/buy-credits-panel.test.tsx

@@ -100,9 +100,7 @@ describe("BuyCreditsPanel", () => {
     mockGetCreditOptions.mockResolvedValue([]);
     render(<BuyCreditsPanel />);
 
-    expect(
-      await screen.findByText("Credit purchases are not available at this time."),
-    ).toBeInTheDocument();
+    expect(await screen.findByText("Credit purchases are not available at this time.")).toBeInTheDocument();
     // Should NOT show retry button for intentionally empty tiers
     expect(screen.queryByRole("button", { name: "Try again" })).not.toBeInTheDocument();
   });

package/src/__tests__/buy-crypto-credits-panel.test.tsx

@@ -2,13 +2,11 @@ import { render, screen, waitFor } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { afterEach, describe, expect, it, vi } from "vitest";
 
-const { mockCreateCheckout, mockGetSupportedPaymentMethods, mockGetChargeStatus } = vi.hoisted(
-  () => ({
-    mockCreateCheckout: vi.fn(),
-    mockGetSupportedPaymentMethods: vi.fn(),
-    mockGetChargeStatus: vi.fn(),
-  }),
-);
+const { mockCreateCheckout, mockGetSupportedPaymentMethods, mockGetChargeStatus } = vi.hoisted(() => ({
+  mockCreateCheckout: vi.fn(),
+  mockGetSupportedPaymentMethods: vi.fn(),
+  mockGetChargeStatus: vi.fn(),
+}));
 
 vi.mock("@/lib/api", () => ({
   createCheckout: (...args: unknown[]) => mockCreateCheckout(...args),
@@ -17,6 +15,7 @@ vi.mock("@/lib/api", () => ({
 }));
 
 vi.mock("framer-motion", () => ({
+  AnimatePresence: ({ children }: React.PropsWithChildren<Record<string, unknown>>) => <>{children}</>,
   motion: {
     button: ({
       children,
@@ -51,28 +50,28 @@ vi.mock("better-auth/react", () => ({
   }),
 }));
 
-vi.mock("lucide-react", async (importOriginal) => {
-  const actual = await importOriginal<typeof import("lucide-react")>();
-  return {
-    ...actual,
-    Bitcoin: () => <span data-testid="bitcoin-icon" />,
-  };
-});
+vi.mock("qrcode.react", () => ({
+  QRCodeSVG: () => <div data-testid="qr-code" />,
+}));
 
 const MOCK_USDC_METHOD = {
   id: "usdc:base",
   type: "erc20",
-  label: "USDC on Base",
   token: "USDC",
   chain: "base",
+  displayName: "USDC on Base",
+  decimals: 6,
+  displayOrder: 1,
   iconUrl: "https://example.com/usdc.svg",
 };
 const MOCK_ETH_METHOD = {
   id: "eth:base",
   type: "native",
-  label: "ETH on Base",
   token: "ETH",
   chain: "base",
+  displayName: "ETH on Base",
+  decimals: 18,
+  displayOrder: 2,
   iconUrl: "https://example.com/eth.svg",
 };
 
@@ -98,40 +97,61 @@ describe("BuyCryptoCreditPanel", () => {
     expect(screen.getByText("$100")).toBeInTheDocument();
   });
 
-  it("Pay button is disabled when no amount selected", async () => {
+  it("Continue button is disabled when no amount selected", async () => {
     mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD, MOCK_ETH_METHOD]);
     const { BuyCryptoCreditPanel } = await import("../components/billing/buy-crypto-credits-panel");
     render(<BuyCryptoCreditPanel />);
 
     await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
+      expect(screen.getByText("Pay with Crypto")).toBeInTheDocument();
     });
 
-    const payBtn = screen.getByRole("button", { name: "Pay with USDC" });
-    expect(payBtn).toBeDisabled();
+    const continueBtn = screen.getByRole("button", { name: "Continue to payment" });
+    expect(continueBtn).toBeDisabled();
   });
 
-  it("Pay button is enabled after selecting an amount", async () => {
+  it("Continue button is enabled after selecting an amount", async () => {
     mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD, MOCK_ETH_METHOD]);
     const user = userEvent.setup();
     const { BuyCryptoCreditPanel } = await import("../components/billing/buy-crypto-credits-panel");
     render(<BuyCryptoCreditPanel />);
 
     await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
+      expect(screen.getByText("Pay with Crypto")).toBeInTheDocument();
     });
 
     await user.click(screen.getByText("$25"));
-    expect(screen.getByRole("button", { name: "Pay with USDC" })).toBeEnabled();
+    expect(screen.getByRole("button", { name: "Continue to payment" })).toBeEnabled();
   });
 
-  it("calls createCheckout and shows deposit address", async () => {
+  it("shows payment method picker after selecting amount", async () => {
     mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD, MOCK_ETH_METHOD]);
+    const user = userEvent.setup();
+    const { BuyCryptoCreditPanel } = await import("../components/billing/buy-crypto-credits-panel");
+    render(<BuyCryptoCreditPanel />);
+
+    await waitFor(() => {
+      expect(screen.getByText("Pay with Crypto")).toBeInTheDocument();
+    });
+
+    await user.click(screen.getByText("$50"));
+    await user.click(screen.getByRole("button", { name: "Continue to payment" }));
+
+    await waitFor(() => {
+      expect(screen.getByText("USDC on Base")).toBeInTheDocument();
+    });
+    expect(screen.getByText("ETH on Base")).toBeInTheDocument();
+  });
+
+  it("calls createCheckout and shows deposit address", async () => {
+    mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD]);
     mockCreateCheckout.mockResolvedValue({
       depositAddress: "0xabc123def456",
       displayAmount: "50.000000 USDC",
+      amountUsd: 50,
       token: "USDC",
       chain: "base",
+      referenceId: "ref-123",
     });
 
     const user = userEvent.setup();
@@ -139,19 +159,27 @@ describe("BuyCryptoCreditPanel", () => {
     render(<BuyCryptoCreditPanel />);
 
     await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
+      expect(screen.getByText("Pay with Crypto")).toBeInTheDocument();
     });
 
     await user.click(screen.getByText("$50"));
-    await user.click(screen.getByRole("button", { name: "Pay with USDC" }));
+    await user.click(screen.getByRole("button", { name: "Continue to payment" }));
+
+    await waitFor(() => {
+      expect(screen.getByText("USDC on Base")).toBeInTheDocument();
+    });
+
+    await user.click(screen.getByText("USDC on Base"));
 
     expect(mockCreateCheckout).toHaveBeenCalledWith("usdc:base", 50);
-    expect(await screen.findByText("0xabc123def456")).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText("0xabc123def456")).toBeInTheDocument();
+    });
     expect(screen.getByText("50.000000 USDC")).toBeInTheDocument();
   });
 
   it("shows Creating checkout... while checkout is in progress", async () => {
-    mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD, MOCK_ETH_METHOD]);
+    mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD]);
     mockCreateCheckout.mockReturnValue(
       new Promise(() => {
         /* intentionally pending */
@@ -163,31 +191,21 @@ describe("BuyCryptoCreditPanel", () => {
     render(<BuyCryptoCreditPanel />);
 
     await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
+      expect(screen.getByText("Pay with Crypto")).toBeInTheDocument();
     });
 
     await user.click(screen.getByText("$50"));
-    await user.click(screen.getByRole("button", { name: "Pay with USDC" }));
-
-    expect(await screen.findByText("Creating checkout...")).toBeInTheDocument();
-  });
-
-  it("shows error when checkout API call fails", async () => {
-    mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD, MOCK_ETH_METHOD]);
-    mockCreateCheckout.mockRejectedValue(new Error("API down"));
-
-    const user = userEvent.setup();
-    const { BuyCryptoCreditPanel } = await import("../components/billing/buy-crypto-credits-panel");
-    render(<BuyCryptoCreditPanel />);
+    await user.click(screen.getByRole("button", { name: "Continue to payment" }));
 
     await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
+      expect(screen.getByText("USDC on Base")).toBeInTheDocument();
     });
 
-    await user.click(screen.getByText("$25"));
-    await user.click(screen.getByRole("button", { name: "Pay with USDC" }));
+    await user.click(screen.getByText("USDC on Base"));
 
-    expect(await screen.findByText("Checkout failed. Please try again.")).toBeInTheDocument();
+    await waitFor(() => {
+      expect(screen.getByText("Creating checkout...")).toBeInTheDocument();
+    });
   });
 
   it("hides panel when no payment methods available", async () => {
@@ -195,95 +213,40 @@ describe("BuyCryptoCreditPanel", () => {
     const { BuyCryptoCreditPanel } = await import("../components/billing/buy-crypto-credits-panel");
     const { container } = render(<BuyCryptoCreditPanel />);
 
-    // Component returns null when no methods
     await waitFor(() => {
       expect(container.innerHTML).toBe("");
     });
   });
 
-  it("switches between payment methods", async () => {
+  it("renders icon for each payment method in picker", async () => {
     mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD, MOCK_ETH_METHOD]);
     const user = userEvent.setup();
     const { BuyCryptoCreditPanel } = await import("../components/billing/buy-crypto-credits-panel");
     render(<BuyCryptoCreditPanel />);
 
     await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
+      expect(screen.getByText("Pay with Crypto")).toBeInTheDocument();
     });
 
-    // Default is first method (USDC)
-    expect(screen.getByRole("button", { name: "Pay with USDC" })).toBeInTheDocument();
-
-    // Switch to ETH
-    await user.click(screen.getByText("ETH"));
-    expect(screen.getByRole("button", { name: "Pay with ETH" })).toBeInTheDocument();
-  });
-
-  it("renders icon for each payment method", async () => {
-    mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD, MOCK_ETH_METHOD]);
-    const { BuyCryptoCreditPanel } = await import("../components/billing/buy-crypto-credits-panel");
-    render(<BuyCryptoCreditPanel />);
+    await user.click(screen.getByText("$25"));
+    await user.click(screen.getByRole("button", { name: "Continue to payment" }));
 
     await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
+      expect(screen.getByText("USDC on Base")).toBeInTheDocument();
     });
 
     const icons = screen.getAllByRole("img");
-    expect(icons).toHaveLength(2);
+    expect(icons.length).toBeGreaterThanOrEqual(2);
     expect(icons[0]).toHaveAttribute("src", "https://example.com/usdc.svg");
     expect(icons[1]).toHaveAttribute("src", "https://example.com/eth.svg");
   });
 
-  it("shows partial payment display", async () => {
-    mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD]);
-    mockCreateCheckout.mockResolvedValue({
-      depositAddress: "0xabc123",
-      displayAmount: "50.000000 USDC",
-      token: "USDC",
-      chain: "base",
-      referenceId: "ref-123",
-    });
-    mockGetChargeStatus.mockResolvedValue({
-      chargeId: "ch-1",
-      status: "partial",
-      amountExpectedCents: 5000,
-      amountReceivedCents: 2500,
-      confirmations: 0,
-      confirmationsRequired: 6,
-      credited: false,
-      amountUsdCents: 5000,
-    });
-
-    const user = userEvent.setup();
-    vi.useFakeTimers({ shouldAdvanceTime: true });
-    const { BuyCryptoCreditPanel } = await import("../components/billing/buy-crypto-credits-panel");
-    render(<BuyCryptoCreditPanel />);
-
-    await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
-    });
-
-    await user.click(screen.getByText("$50"));
-    await user.click(screen.getByRole("button", { name: "Pay with USDC" }));
-
-    await waitFor(() => {
-      expect(screen.getByText("0xabc123")).toBeInTheDocument();
-    });
-
-    vi.advanceTimersByTime(5000);
-
-    await waitFor(() => {
-      expect(screen.getByText(/Received \$25\.00 of \$50\.00/)).toBeInTheDocument();
-    });
-
-    vi.useRealTimers();
-  });
-
-  it("shows confirmation progress", async () => {
+  it("shows confirmation progress after payment received", async () => {
     mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD]);
     mockCreateCheckout.mockResolvedValue({
       depositAddress: "0xabc123",
       displayAmount: "50.000000 USDC",
+      amountUsd: 50,
       token: "USDC",
       chain: "base",
       referenceId: "ref-456",
@@ -305,11 +268,17 @@ describe("BuyCryptoCreditPanel", () => {
     render(<BuyCryptoCreditPanel />);
 
     await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
+      expect(screen.getByText("Pay with Crypto")).toBeInTheDocument();
     });
 
     await user.click(screen.getByText("$50"));
-    await user.click(screen.getByRole("button", { name: "Pay with USDC" }));
+    await user.click(screen.getByRole("button", { name: "Continue to payment" }));
+
+    await waitFor(() => {
+      expect(screen.getByText("USDC on Base")).toBeInTheDocument();
+    });
+
+    await user.click(screen.getByText("USDC on Base"));
 
     await waitFor(() => {
       expect(screen.getByText("0xabc123")).toBeInTheDocument();
@@ -318,17 +287,18 @@ describe("BuyCryptoCreditPanel", () => {
     vi.advanceTimersByTime(5000);
 
     await waitFor(() => {
-      expect(screen.getByText(/Confirming \(3 of 6\)/)).toBeInTheDocument();
+      expect(screen.getByText("3 / 6")).toBeInTheDocument();
     });
 
     vi.useRealTimers();
   });
 
-  it("shows expiry and Try Again button", async () => {
+  it("shows expired status", async () => {
     mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_USDC_METHOD]);
     mockCreateCheckout.mockResolvedValue({
       depositAddress: "0xabc123",
       displayAmount: "50.000000 USDC",
+      amountUsd: 50,
       token: "USDC",
       chain: "base",
       referenceId: "ref-789",
@@ -350,11 +320,17 @@ describe("BuyCryptoCreditPanel", () => {
     render(<BuyCryptoCreditPanel />);
 
     await waitFor(() => {
-      expect(screen.getByText("USDC")).toBeInTheDocument();
+      expect(screen.getByText("Pay with Crypto")).toBeInTheDocument();
     });
 
     await user.click(screen.getByText("$50"));
-    await user.click(screen.getByRole("button", { name: "Pay with USDC" }));
+    await user.click(screen.getByRole("button", { name: "Continue to payment" }));
+
+    await waitFor(() => {
+      expect(screen.getByText("USDC on Base")).toBeInTheDocument();
+    });
+
+    await user.click(screen.getByText("USDC on Base"));
 
     await waitFor(() => {
       expect(screen.getByText("0xabc123")).toBeInTheDocument();
@@ -363,18 +339,18 @@ describe("BuyCryptoCreditPanel", () => {
     vi.advanceTimersByTime(5000);
 
     await waitFor(() => {
-      expect(screen.getByText("Payment expired.")).toBeInTheDocument();
+      expect(screen.getByText("Payment expired")).toBeInTheDocument();
     });
-    expect(screen.getByRole("button", { name: "Try Again" })).toBeInTheDocument();
 
     vi.useRealTimers();
   });
 
-  it("calls createCheckout with methodId", async () => {
+  it("calls createCheckout with correct methodId and amount", async () => {
     mockGetSupportedPaymentMethods.mockResolvedValue([MOCK_ETH_METHOD]);
     mockCreateCheckout.mockResolvedValue({
       depositAddress: "0xdef456",
       displayAmount: "0.05 ETH",
+      amountUsd: 100,
       token: "ETH",
       chain: "base",
       referenceId: "ref-eth",
@@ -385,11 +361,17 @@ describe("BuyCryptoCreditPanel", () => {
     render(<BuyCryptoCreditPanel />);
 
     await waitFor(() => {
-      expect(screen.getByText("ETH")).toBeInTheDocument();
+      expect(screen.getByText("Pay with Crypto")).toBeInTheDocument();
     });
 
     await user.click(screen.getByText("$100"));
-    await user.click(screen.getByRole("button", { name: "Pay with ETH" }));
+    await user.click(screen.getByRole("button", { name: "Continue to payment" }));
+
+    await waitFor(() => {
+      expect(screen.getByText("ETH on Base")).toBeInTheDocument();
+    });
+
+    await user.click(screen.getByText("ETH on Base"));
 
     expect(mockCreateCheckout).toHaveBeenCalledWith("eth:base", 100);
   });

package/src/__tests__/capability-conflicts.test.ts

@@ -2,9 +2,7 @@ import { describe, expect, it } from "vitest";
 import type { PluginManifest } from "../lib/marketplace-data";
 import { detectCapabilityConflictsClient } from "../lib/marketplace-data";
 
-const makePlugin = (
-  overrides: Partial<PluginManifest> & { id: string; name: string },
-): PluginManifest => ({
+const makePlugin = (overrides: Partial<PluginManifest> & { id: string; name: string }): PluginManifest => ({
   description: "",
   version: "1.0.0",
   author: "Test",
@@ -43,11 +41,7 @@ const allPlugins = [ttsPlugin, sttPlugin, discordPlugin, anotherTts];
 
 describe("detectCapabilityConflictsClient", () => {
   it("returns empty array when no conflicts", () => {
-    const conflicts = detectCapabilityConflictsClient(
-      discordPlugin,
-      ["elevenlabs-tts"],
-      allPlugins,
-    );
+    const conflicts = detectCapabilityConflictsClient(discordPlugin, ["elevenlabs-tts"], allPlugins);
     expect(conflicts).toEqual([]);
   });
 

package/src/__tests__/capability-resolver.test.tsx

@@ -101,11 +101,7 @@ describe("CapabilityProviderPicker", () => {
   it("renders hosted/BYOK options only for capabilities with hostedProvider", () => {
     const onChoose = vi.fn();
     render(
-      <CapabilityProviderPicker
-        capabilities={["transcription", "llm", "webhook"]}
-        choices={{}}
-        onChoose={onChoose}
-      />,
+      <CapabilityProviderPicker capabilities={["transcription", "llm", "webhook"]} choices={{}} onChoose={onChoose} />,
     );
 
     expect(screen.getByText("Transcription")).toBeInTheDocument();
@@ -119,13 +115,7 @@ describe("CapabilityProviderPicker", () => {
   it("defaults to hosted and calls onChoose when BYOK clicked", async () => {
     const user = userEvent.setup();
     const onChoose = vi.fn();
-    render(
-      <CapabilityProviderPicker
-        capabilities={["transcription"]}
-        choices={{}}
-        onChoose={onChoose}
-      />,
-    );
+    render(<CapabilityProviderPicker capabilities={["transcription"]} choices={{}} onChoose={onChoose} />);
 
     await user.click(screen.getByText("Use your key"));
     expect(onChoose).toHaveBeenCalledWith("transcription", "byok");

package/src/__tests__/channel-wizard.test.tsx

@@ -5,11 +5,7 @@ import { FieldInteractive } from "@/components/channel-wizard/field-interactive"
 import { FieldPaste } from "@/components/channel-wizard/field-paste";
 import { StepRenderer } from "@/components/channel-wizard/step-renderer";
 import type { SetupStep } from "@/lib/channel-manifests";
-import {
-  CHANNEL_MANIFESTS_FIXTURE,
-  DISCORD_MANIFEST,
-  TELEGRAM_MANIFEST,
-} from "./fixtures/mock-manifests";
+import { CHANNEL_MANIFESTS_FIXTURE, DISCORD_MANIFEST, TELEGRAM_MANIFEST } from "./fixtures/mock-manifests";
 
 // Mock @/lib/channel-manifests to use fixture data (sync for Wizard component tests)
 vi.mock("@/lib/channel-manifests", async () => {
@@ -17,9 +13,7 @@ vi.mock("@/lib/channel-manifests", async () => {
   return {
     ...actual,
     getChannelManifests: vi.fn().mockResolvedValue(CHANNEL_MANIFESTS_FIXTURE),
-    getManifest: vi
-      .fn()
-      .mockImplementation(async (id: string) => CHANNEL_MANIFESTS_FIXTURE.find((m) => m.id === id)),
+    getManifest: vi.fn().mockImplementation(async (id: string) => CHANNEL_MANIFESTS_FIXTURE.find((m) => m.id === id)),
   };
 });
 
@@ -58,12 +52,7 @@ describe("channel-manifests", () => {
     const { getManifest } = await import("@/lib/channel-manifests");
     const discord = await getManifest("discord");
     expect(discord?.setup).toHaveLength(4);
-    expect(discord?.setup.map((s) => s.id)).toEqual([
-      "create-bot",
-      "paste-token",
-      "select-guild",
-      "done",
-    ]);
+    expect(discord?.setup.map((s) => s.id)).toEqual(["create-bot", "paste-token", "select-guild", "done"]);
   });
 
   it("Telegram manifest has secret token field with paste flow", async () => {
@@ -480,9 +469,7 @@ describe("Wizard connection test API integration", () => {
     });
 
     await waitFor(() => {
-      expect(
-        screen.getByText("Could not reach the server. Check your connection."),
-      ).toBeInTheDocument();
+      expect(screen.getByText("Could not reach the server. Check your connection.")).toBeInTheDocument();
     });
   });
 

package/src/__tests__/chat/chat-panel.test.tsx

@@ -48,10 +48,7 @@ describe("ChatPanel", () => {
   });
 
   it("renders message list with user and bot messages", () => {
-    const messages = [
-      msg({ role: "user", content: "Question?" }),
-      msg({ role: "bot", content: "Answer!" }),
-    ];
+    const messages = [msg({ role: "user", content: "Question?" }), msg({ role: "bot", content: "Answer!" })];
     render(<ChatPanel {...baseProps} messages={messages} />);
     expect(screen.getByText("Question?")).toBeInTheDocument();
     expect(screen.getByText("Answer!")).toBeInTheDocument();