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

package/src/hooks/use-sidecar-bridge.tsx

@@ -0,0 +1,148 @@
+"use client";
+
+import type { ReactNode } from "react";
+import { createContext, useCallback, useContext, useEffect, useRef, useState } from "react";
+
+import { fromSidecarPath } from "@/lib/sidecar-routes";
+
+// Types matching the sidecar's postMessage protocol
+
+export interface SidebarAgent {
+  id: string;
+  name: string;
+  status: string;
+  icon: string | null;
+  liveRun: boolean;
+  liveRunCount: number;
+  pauseReason: string | null;
+}
+
+export interface SidebarProject {
+  id: string;
+  name: string;
+  urlKey: string;
+  color: string | null;
+}
+
+export interface SidecarSidebarData {
+  companyName: string;
+  companyIssuePrefix: string;
+  brandColor: string | null;
+  projects: SidebarProject[];
+  agents: SidebarAgent[];
+  inboxBadge: number;
+  failedRuns: number;
+  liveRunCount: number;
+  /** Whether the Projects feature is exposed in this deployment. Older
+   * sidecar versions don't send this — undefined means "fall back to
+   * showing the section so we don't break standalone installs". */
+  showProjects?: boolean;
+}
+
+interface SidecarBridgeState {
+  ready: boolean;
+  sidebarData: SidecarSidebarData | null;
+  currentSidecarPath: string | null;
+  navigate: (path: string) => void;
+  command: (action: string) => void;
+  setIframeRef: (iframe: HTMLIFrameElement | null) => void;
+}
+
+const SidecarBridgeContext = createContext<SidecarBridgeState>({
+  ready: false,
+  sidebarData: null,
+  currentSidecarPath: null,
+  navigate: () => {},
+  command: () => {},
+  setIframeRef: () => {},
+});
+
+export function useSidecarBridge() {
+  return useContext(SidecarBridgeContext);
+}
+
+export function SidecarBridgeProvider({ children }: { children: ReactNode }) {
+  const iframeRef = useRef<HTMLIFrameElement | null>(null);
+  const [ready, setReady] = useState(false);
+  const [sidebarData, setSidebarData] = useState<SidecarSidebarData | null>(null);
+  const [currentSidecarPath, setCurrentSidecarPath] = useState<string | null>(null);
+
+  const setIframeRef = useCallback((iframe: HTMLIFrameElement | null) => {
+    iframeRef.current = iframe;
+  }, []);
+
+  const postToSidecar = useCallback((message: unknown) => {
+    if (!iframeRef.current?.contentWindow) return;
+    iframeRef.current.contentWindow.postMessage(message, window.location.origin);
+  }, []);
+
+  const navigate = useCallback(
+    (path: string) => {
+      postToSidecar({ type: "navigate", path });
+    },
+    [postToSidecar],
+  );
+
+  const command = useCallback(
+    (action: string) => {
+      postToSidecar({ type: "command", action });
+    },
+    [postToSidecar],
+  );
+
+  useEffect(() => {
+    function onMessage(event: MessageEvent) {
+      if (event.origin !== window.location.origin) return;
+      const data = event.data;
+      if (!data || typeof data.type !== "string") return;
+
+      switch (data.type) {
+        case "ready": {
+          // Initial deep-link is now passed through the iframe src
+          // (`?initial-path=…` → SidecarFrame). Forwarding on ready would
+          // race with the sidecar's CompanyRootRedirect Navigate and
+          // sometimes lose the deep link.
+          setReady(true);
+          break;
+        }
+        case "routeChanged": {
+          const platformPath = fromSidecarPath(data.path);
+          setCurrentSidecarPath(platformPath);
+          const current = window.location.pathname + window.location.search;
+          if (current !== platformPath) {
+            window.history.replaceState(null, "", platformPath);
+          }
+          break;
+        }
+        case "sidebarData":
+          setSidebarData(data.payload);
+          break;
+        case "toast":
+          import("sonner").then(({ toast }) => {
+            if (data.level === "error") toast.error(data.message);
+            else if (data.level === "success") toast.success(data.message);
+            else toast.info(data.message);
+          });
+          break;
+      }
+    }
+
+    window.addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, []);
+
+  return (
+    <SidecarBridgeContext.Provider
+      value={{
+        ready,
+        sidebarData,
+        currentSidecarPath,
+        navigate,
+        command,
+        setIframeRef,
+      }}
+    >
+      {children}
+    </SidecarBridgeContext.Provider>
+  );
+}

package/src/hooks/use-webmcp.ts

@@ -17,10 +17,7 @@ export function useWebMCP(): void {
   const registeredRef = useRef(false);
   const router = useRouter();
 
-  const confirm = useCallback(
-    (message: string): Promise<boolean> => Promise.resolve(window.confirm(message)),
-    [],
-  );
+  const confirm = useCallback((message: string): Promise<boolean> => Promise.resolve(window.confirm(message)), []);
 
   useEffect(() => {
     const isAuthenticated = session?.user != null;

package/src/lib/__tests__/admin-api.test.ts

@@ -167,9 +167,7 @@ describe("getTenantNotes", () => {
   afterEach(() => vi.clearAllMocks());
 
   it("unwraps notes array from response", async () => {
-    const notes = [
-      { id: "n-1", tenant_id: "t-1", admin_user: "admin", content: "Note", created_at: 1000 },
-    ];
+    const notes = [{ id: "n-1", tenant_id: "t-1", admin_user: "admin", content: "Note", created_at: 1000 }];
     mockNotesListQuery.mockResolvedValue({ notes });
 
     const result = await getTenantNotes("t-1");

package/src/lib/__tests__/api-bot-crud.test.ts

@@ -1,14 +1,12 @@
 import { afterEach, describe, expect, it, vi } from "vitest";
 
 // Use vi.hoisted so mock fns are available inside vi.mock factory (which gets hoisted)
-const { mockListInstances, mockGetInstance, mockCreateInstance, mockControlInstance } = vi.hoisted(
-  () => ({
-    mockListInstances: vi.fn(),
-    mockGetInstance: vi.fn(),
-    mockCreateInstance: vi.fn(),
-    mockControlInstance: vi.fn(),
-  }),
-);
+const { mockListInstances, mockGetInstance, mockCreateInstance, mockControlInstance } = vi.hoisted(() => ({
+  mockListInstances: vi.fn(),
+  mockGetInstance: vi.fn(),
+  mockCreateInstance: vi.fn(),
+  mockControlInstance: vi.fn(),
+}));
 
 vi.mock("@/lib/trpc", () => ({
   trpcVanilla: {
@@ -66,13 +64,7 @@ vi.mock("@/lib/tenant-context", () => ({
   getActiveTenantId: vi.fn(() => "tenant-123"),
 }));
 
-import {
-  controlInstance,
-  createInstance,
-  deployInstance,
-  getInstance,
-  listInstances,
-} from "@/lib/api";
+import { controlInstance, createInstance, deployInstance, getInstance, listInstances } from "@/lib/api";
 
 describe("listInstances", () => {
   afterEach(() => {
@@ -315,9 +307,7 @@ describe("deployInstance", () => {
 
     await deployInstance({ name: "EnvBot", env: { FOO: "bar" } });
 
-    expect(mockCreateInstance).toHaveBeenCalledWith(
-      expect.objectContaining({ env: { FOO: "bar" } }),
-    );
+    expect(mockCreateInstance).toHaveBeenCalledWith(expect.objectContaining({ env: { FOO: "bar" } }));
   });
 
   it("defaults description to empty string", async () => {

package/src/lib/__tests__/api-fetch.test.ts

@@ -53,10 +53,7 @@ describe("apiFetch", () => {
     await apiFetch("/v1/test");
 
     expect(mockFetch).toHaveBeenCalledOnce();
-    const [url, init] = mockFetch.mock.calls[0] as [
-      string,
-      RequestInit & { headers: Record<string, string> },
-    ];
+    const [url, init] = mockFetch.mock.calls[0] as [string, RequestInit & { headers: Record<string, string> }];
     expect(url).toBe("http://localhost:3001/api/v1/test");
     expect(init.credentials).toBe("include");
     expect(init.headers["Content-Type"]).toBe("application/json");
@@ -74,10 +71,7 @@ describe("apiFetch", () => {
     const { apiFetch } = await import("@/lib/api");
     await apiFetch("/v1/bots");
 
-    const [, init] = mockFetch.mock.calls[0] as [
-      string,
-      RequestInit & { headers: Record<string, string> },
-    ];
+    const [, init] = mockFetch.mock.calls[0] as [string, RequestInit & { headers: Record<string, string> }];
     expect(init.headers["x-tenant-id"]).toBe("tenant-abc");
   });
 
@@ -93,10 +87,7 @@ describe("apiFetch", () => {
     const { apiFetch } = await import("@/lib/api");
     await apiFetch("/v1/bots");
 
-    const [, init] = mockFetch.mock.calls[0] as [
-      string,
-      RequestInit & { headers: Record<string, string> },
-    ];
+    const [, init] = mockFetch.mock.calls[0] as [string, RequestInit & { headers: Record<string, string> }];
     expect(init.headers["x-tenant-id"]).toBeUndefined();
   });
 
@@ -170,10 +161,7 @@ describe("apiFetch", () => {
       body: JSON.stringify({ name: "test" }),
     });
 
-    const [, init] = mockFetch.mock.calls[0] as [
-      string,
-      RequestInit & { headers: Record<string, string> },
-    ];
+    const [, init] = mockFetch.mock.calls[0] as [string, RequestInit & { headers: Record<string, string> }];
     expect(init.method).toBe("POST");
     expect(init.headers["X-Custom"]).toBe("value");
     expect(init.headers["Content-Type"]).toBe("application/json");

package/src/lib/__tests__/org-billing-api.test.ts

@@ -193,9 +193,7 @@ describe("createOrgTopupCheckout", () => {
 
   it("propagates tRPC errors", async () => {
     mockOrgTopupCheckoutMutate.mockRejectedValue(new Error("Invalid price"));
-    await expect(
-      createOrgTopupCheckout("org-1", "bad-price", "http://s", "http://c"),
-    ).rejects.toThrow("Invalid price");
+    await expect(createOrgTopupCheckout("org-1", "bad-price", "http://s", "http://c")).rejects.toThrow("Invalid price");
   });
 });
 

package/src/lib/__tests__/pricing-data.test.ts

@@ -3,10 +3,6 @@ import { capabilityMeta, pricingData } from "@/lib/pricing-data";
 
 describe("pricing-data", () => {
   describe("pricingData", () => {
-    it("matches snapshot", () => {
-      expect(pricingData).toMatchSnapshot();
-    });
-
     it("has expected bot price", () => {
       expect(pricingData.bot_price).toEqual({ amount: 5, period: "month" });
     });
@@ -21,10 +17,6 @@ describe("pricing-data", () => {
   });
 
   describe("capabilityMeta", () => {
-    it("matches snapshot", () => {
-      expect(capabilityMeta).toMatchSnapshot();
-    });
-
     it("maps all expected backend keys", () => {
       expect(Object.keys(capabilityMeta).sort()).toEqual(["image_gen", "llm", "sms", "stt", "tts"]);
     });

package/src/lib/__tests__/settings-api.test.ts

@@ -111,9 +111,7 @@ describe("updateNotificationPreferences", () => {
 
   it("propagates tRPC errors", async () => {
     mockUpdateNotificationPreferencesMutate.mockRejectedValue(new Error("Forbidden"));
-    await expect(updateNotificationPreferences({ billing_receipts: true })).rejects.toThrow(
-      "Forbidden",
-    );
+    await expect(updateNotificationPreferences({ billing_receipts: true })).rejects.toThrow("Forbidden");
   });
 });
 

package/src/lib/admin-affiliate-api.ts

@@ -33,10 +33,7 @@ export async function getAffiliateSuppressions(
   return trpcVanilla.admin.affiliateSuppressions.query({ limit, offset });
 }
 
-export async function getAffiliateVelocity(
-  capReferrals = 20,
-  capCredits = 20000,
-): Promise<VelocityReferrer[]> {
+export async function getAffiliateVelocity(capReferrals = 20, capCredits = 20000): Promise<VelocityReferrer[]> {
   return trpcVanilla.admin.affiliateVelocity.query({ capReferrals, capCredits });
 }
 
@@ -44,8 +41,6 @@ export async function getAffiliateFingerprintClusters(): Promise<FingerprintClus
   return trpcVanilla.admin.affiliateFingerprintClusters.query(undefined);
 }
 
-export async function blockAffiliateFingerprint(
-  fingerprint: string,
-): Promise<{ success: boolean }> {
+export async function blockAffiliateFingerprint(fingerprint: string): Promise<{ success: boolean }> {
   return trpcVanilla.admin.affiliateBlockFingerprint.mutate({ fingerprint });
 }

package/src/lib/admin-api.ts

@@ -109,19 +109,11 @@ export async function reactivateTenant(tenantId: string): Promise<void> {
   await trpcVanilla.admin.reactivateTenant.mutate({ tenantId });
 }
 
-export async function grantCredits(
-  tenantId: string,
-  amount_cents: number,
-  reason: string,
-): Promise<void> {
+export async function grantCredits(tenantId: string, amount_cents: number, reason: string): Promise<void> {
   await trpcVanilla.admin.creditsGrant.mutate({ tenantId, amount_cents, reason });
 }
 
-export async function refundCredits(
-  tenantId: string,
-  amount_cents: number,
-  reason: string,
-): Promise<void> {
+export async function refundCredits(tenantId: string, amount_cents: number, reason: string): Promise<void> {
   await trpcVanilla.admin.creditsRefund.mutate({ tenantId, amount_cents, reason });
 }
 
@@ -156,10 +148,7 @@ export async function getTransactions(
   return trpcVanilla.admin.creditsTransactions.query({ tenantId, ...filters });
 }
 
-export async function getTenantUsageByCapability(
-  tenantId: string,
-  days = 30,
-): Promise<UsageSummary[]> {
+export async function getTenantUsageByCapability(tenantId: string, days = 30): Promise<UsageSummary[]> {
   const result = await trpcVanilla.admin.tenantUsageByCapability.query({ tenantId, days });
   return result.usage;
 }
@@ -172,11 +161,7 @@ export async function getUsersList(params?: {
   return trpcVanilla.admin.usersList.query(params ?? {});
 }
 
-export async function bulkGrantCredits(
-  tenantIds: string[],
-  amountCents: number,
-  reason: string,
-): Promise<void> {
+export async function bulkGrantCredits(tenantIds: string[], amountCents: number, reason: string): Promise<void> {
   await trpcVanilla.admin.bulkGrant.mutate({ tenantIds, amountCents, reason });
 }
 
@@ -310,16 +295,11 @@ export async function getMigrationSnapshots(tenantId: string): Promise<Migration
   return result.snapshots;
 }
 
-export async function restoreMigrationSnapshot(
-  tenantId: string,
-  snapshotId: string,
-): Promise<void> {
+export async function restoreMigrationSnapshot(tenantId: string, snapshotId: string): Promise<void> {
   await trpcVanilla.admin.migrationRestore.mutate({ tenantId, snapshotId });
 }
 
-export async function getMigrationRestoreHistory(
-  tenantId: string,
-): Promise<MigrationRestoreRecord[]> {
+export async function getMigrationRestoreHistory(tenantId: string): Promise<MigrationRestoreRecord[]> {
   const result = await trpcVanilla.admin.migrationRestoreHistory.query({ tenantId });
   return result.history;
 }

package/src/lib/admin-incident-api.ts

@@ -67,14 +67,11 @@ export interface PostmortemInput {
 // --- API calls ---
 
 export async function classifyIncidentSeverity(signals: SeveritySignals): Promise<SeverityResult> {
-  const result = await apiFetch<{ success: boolean; error?: string } & SeverityResult>(
-    "/admin/incidents/severity",
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(signals),
-    },
-  );
+  const result = await apiFetch<{ success: boolean; error?: string } & SeverityResult>("/admin/incidents/severity", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(signals),
+  });
   if (!result.success) throw new Error(result.error ?? "Request failed");
   return result;
 }
@@ -91,9 +88,7 @@ export async function getResponseProcedure(severity: IncidentSeverity): Promise<
   return result.procedure;
 }
 
-export async function getCommunicationTemplates(
-  context: CommunicateContext,
-): Promise<CommunicationTemplates> {
+export async function getCommunicationTemplates(context: CommunicateContext): Promise<CommunicationTemplates> {
   const result = await apiFetch<{
     success: boolean;
     templates: CommunicationTemplates;
@@ -108,14 +103,11 @@ export async function getCommunicationTemplates(
 }
 
 export async function generatePostmortem(input: PostmortemInput): Promise<string> {
-  const result = await apiFetch<{ success: boolean; report: string; error?: string }>(
-    "/admin/incidents/postmortem",
-    {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(input),
-    },
-  );
+  const result = await apiFetch<{ success: boolean; report: string; error?: string }>("/admin/incidents/postmortem", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(input),
+  });
   if (!result.success) throw new Error(result.error ?? "Request failed");
   return result.report;
 }

package/src/lib/admin-marketplace-api.ts

@@ -70,11 +70,7 @@ export async function addPluginByNpm(req: AddPluginRequest): Promise<AdminPlugin
 }
 
 export async function reorderPlugins(orderedIds: string[]): Promise<void> {
-  await Promise.all(
-    orderedIds.map((id, i) =>
-      trpcVanilla.adminMarketplace.updatePlugin.mutate({ id, sort_order: i }),
-    ),
-  );
+  await Promise.all(orderedIds.map((id, i) => trpcVanilla.adminMarketplace.updatePlugin.mutate({ id, sort_order: i })));
 }
 
 export async function deletePlugin(id: string): Promise<void> {

package/src/lib/api-config.test.ts

@@ -6,64 +6,19 @@ describe("api-config", () => {
     vi.resetModules();
   });
 
-  describe("production URL validation", () => {
-    it("throws when NEXT_PUBLIC_API_URL contains localhost in production runtime", async () => {
-      vi.stubEnv("NODE_ENV", "production");
-      vi.stubEnv("NEXT_RUNTIME", "nodejs");
-      vi.stubEnv("NEXT_PUBLIC_API_URL", "http://localhost:3001");
-      vi.resetModules();
-      await expect(import("./api-config")).rejects.toThrow(/internal hostname/i);
-    });
-
-    it("throws when NEXT_PUBLIC_API_URL contains a Docker-internal hostname in production runtime", async () => {
-      vi.stubEnv("NODE_ENV", "production");
-      vi.stubEnv("NEXT_RUNTIME", "nodejs");
-      vi.stubEnv("NEXT_PUBLIC_API_URL", "http://platform-api:3001");
-      vi.resetModules();
-      await expect(import("./api-config")).rejects.toThrow(/internal hostname/i);
-    });
-
-    it("throws when NEXT_PUBLIC_API_URL is unset in production runtime", async () => {
-      vi.stubEnv("NODE_ENV", "production");
-      vi.stubEnv("NEXT_RUNTIME", "nodejs");
-      vi.stubEnv("NEXT_PUBLIC_API_URL", undefined as unknown as string);
-      vi.resetModules();
-      await expect(import("./api-config")).rejects.toThrow(/internal hostname/i);
-    });
-
-    it("throws when NEXT_PUBLIC_API_URL uses http (not https) in production runtime", async () => {
-      vi.stubEnv("NODE_ENV", "production");
-      vi.stubEnv("NEXT_RUNTIME", "nodejs");
-      vi.stubEnv("NEXT_PUBLIC_API_URL", "http://api.example.com");
-      vi.resetModules();
-      await expect(import("./api-config")).rejects.toThrow(/https/i);
-    });
-
-    it("allows https public URL in production runtime", async () => {
-      vi.stubEnv("NODE_ENV", "production");
-      vi.stubEnv("NEXT_RUNTIME", "nodejs");
-      vi.stubEnv("NEXT_PUBLIC_API_URL", "https://api.example.com");
-      vi.resetModules();
-      const mod = await import("./api-config");
-      expect(mod.PLATFORM_BASE_URL).toBe("https://api.example.com");
-    });
-
-    it("skips validation during build time (no NEXT_RUNTIME)", async () => {
-      vi.stubEnv("NODE_ENV", "production");
-      vi.stubEnv("NEXT_RUNTIME", undefined as unknown as string);
+  describe("URL resolution", () => {
+    it("uses NEXT_PUBLIC_API_URL directly when set", async () => {
       vi.stubEnv("NEXT_PUBLIC_API_URL", "http://localhost:3001");
       vi.resetModules();
       const mod = await import("./api-config");
       expect(mod.PLATFORM_BASE_URL).toBe("http://localhost:3001");
     });
 
-    it("skips validation in development", async () => {
-      vi.stubEnv("NODE_ENV", "development");
-      vi.stubEnv("NEXT_RUNTIME", "nodejs");
-      vi.stubEnv("NEXT_PUBLIC_API_URL", "http://localhost:3001");
+    it("accepts https URL", async () => {
+      vi.stubEnv("NEXT_PUBLIC_API_URL", "https://api.example.com");
       vi.resetModules();
       const mod = await import("./api-config");
-      expect(mod.PLATFORM_BASE_URL).toBe("http://localhost:3001");
+      expect(mod.PLATFORM_BASE_URL).toBe("https://api.example.com");
     });
   });