@wopr-network/platform-ui-core 1.27.3 → 1.27.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wopr-network/platform-ui-core",
-  "version": "1.27.3",
+  "version": "1.27.5",
   "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,6 +1,7 @@
 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";
@@ -14,8 +15,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">
@@ -35,7 +34,7 @@ export default function PlansPage() {
               `$${pricingData.signup_credit} signup credit included`,
               "All channels",
               "All plugins",
-              "All providers",
+              "Hosted AI — no API keys needed",
             ].map((feature) => (
               <li key={feature} className="flex items-center gap-2 text-muted-foreground">
                 <Check className="size-4 shrink-0 text-terminal" />
@@ -52,7 +51,8 @@ export default function PlansPage() {
         </CardContent>
       </Card>
 
-      <ByokCallout compact />
+      <BuyCreditsPanel />
+      <CryptoCheckout />
     </div>
   );
 }

package/src/app/globals.css

@@ -2,6 +2,10 @@
 @import "tw-animate-css";
 @import "shadcn/tailwind.css";
 
+/* Ensure Tailwind v4 scans this package's source for utility classes.
+   Required when consumed from node_modules by product shells. */
+@source "..";
+
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {

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) {