@wopr-network/platform-ui-core 1.27.4 → 1.27.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wopr-network/platform-ui-core",
-  "version": "1.27.4",
+  "version": "1.27.6",
   "description": "Brand-agnostic AI agent platform UI — deploy as any brand via env vars",
   "repository": {
     "type": "git",

package/src/app/(dashboard)/billing/layout.tsx

@@ -27,7 +27,7 @@ export default function BillingLayout({
   useEffect(() => {
     getInferenceMode()
       .then(setMode)
-      .catch(() => setMode("byok"));
+      .catch(() => setMode("hosted"));
   }, []);
 
   return (

package/src/app/(dashboard)/billing/plans/page.tsx

@@ -1,12 +1,14 @@
 import { Check } from "lucide-react";
 import Link from "next/link";
-import { ByokCallout } from "@/components/billing/byok-callout";
+import { BuyCreditsPanel } from "@/components/billing/buy-credits-panel";
+import { CryptoCheckout } from "@/components/billing/crypto-checkout";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { productName } from "@/lib/brand-config";
+import { getBrandConfig, productName } from "@/lib/brand-config";
 import { pricingData } from "@/lib/pricing-data";
 
 export default function PlansPage() {
+  const { planFeatures } = getBrandConfig();
   return (
     <div className="max-w-3xl space-y-6">
       <div>
@@ -14,8 +16,6 @@ export default function PlansPage() {
         <p className="text-sm text-muted-foreground">Simple pricing. No tiers. No gotchas.</p>
       </div>
 
-      <ByokCallout />
-
       <Card className="border-terminal shadow-[0_0_12px_rgba(0,255,65,0.15)]">
         <CardHeader className="text-center">
           <CardTitle className="text-sm uppercase tracking-widest text-muted-foreground">
@@ -31,12 +31,7 @@ export default function PlansPage() {
           </p>
           <p className="text-muted-foreground">per bot</p>
           <ul className="space-y-2 text-sm">
-            {[
-              `$${pricingData.signup_credit} signup credit included`,
-              "All channels",
-              "All plugins",
-              "All providers",
-            ].map((feature) => (
+            {planFeatures.map((feature) => (
               <li key={feature} className="flex items-center gap-2 text-muted-foreground">
                 <Check className="size-4 shrink-0 text-terminal" />
                 {feature}
@@ -52,7 +47,8 @@ export default function PlansPage() {
         </CardContent>
       </Card>
 
-      <ByokCallout compact />
+      <BuyCreditsPanel />
+      <CryptoCheckout />
     </div>
   );
 }

package/src/components/billing/byok-callout.tsx

@@ -12,7 +12,7 @@ export function ByokCallout({ compact }: { compact?: boolean }) {
   useEffect(() => {
     getInferenceMode()
       .then(setMode)
-      .catch(() => setMode("byok"));
+      .catch(() => setMode("hosted"));
   }, []);
 
   if (mode === null) {

package/src/lib/brand-config.ts

@@ -93,6 +93,9 @@ export interface BrandConfig {
 
   /** Whether the embedded chat widget is enabled (default true). */
   chatEnabled: boolean;
+
+  /** Feature bullet points shown on the billing plans page. */
+  planFeatures: string[];
 }
 
 /**
@@ -129,6 +132,20 @@ function parseNavItems(raw: string | undefined): Array<{ label: string; href: st
   return null;
 }
 
+/** Parse a JSON string array env var. Returns null if unset/invalid. */
+function parseStringArray(raw: string | undefined): string[] | null {
+  if (!raw) return null;
+  try {
+    const parsed = JSON.parse(raw);
+    if (Array.isArray(parsed) && parsed.every((s: unknown) => typeof s === "string")) {
+      return parsed as string[];
+    }
+  } catch {
+    // Invalid JSON — fall back to defaults
+  }
+  return null;
+}
+
 function envDefaults(): BrandConfig {
   // Direct process.env.X access is required — Next.js Turbopack only inlines
   // NEXT_PUBLIC_* vars when accessed as literal dot-property references.
@@ -158,6 +175,12 @@ function envDefaults(): BrandConfig {
     price: process.env.NEXT_PUBLIC_BRAND_PRICE || "",
     homePath: process.env.NEXT_PUBLIC_BRAND_HOME_PATH || "/marketplace",
     chatEnabled: process.env.NEXT_PUBLIC_BRAND_CHAT_ENABLED !== "false",
+    planFeatures: parseStringArray(process.env.NEXT_PUBLIC_BRAND_PLAN_FEATURES) ?? [
+      "Signup credit included",
+      "All channels",
+      "All plugins",
+      "Hosted AI — no API keys needed",
+    ],
     navItems: parseNavItems(process.env.NEXT_PUBLIC_BRAND_NAV_ITEMS) ?? [
       { label: "Dashboard", href: "/dashboard" },
       { label: "Chat", href: "/chat" },