@wopr-network/platform-ui-core 1.27.0 → 1.27.1

package/package.json

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

package/src/app/(dashboard)/billing/usage/hosted/page.tsx

@@ -311,7 +311,7 @@ export default function HostedUsageDetailPage() {
                   </TableRow>
                 </TableHeader>
                 <TableBody>
-                  {filteredEvents.map((event, index) => (
+                  {filteredEvents.map((event, _index) => (
                     <tr
                       key={event.id}
                       className="border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"

package/src/app/globals.css

@@ -261,114 +261,114 @@
 
 /* ── Sonner toast — match platform theme ─────────────────────────── */
 [data-sonner-toaster] {
-  font-family: var(--font-mono), ui-monospace, monospace !important;
-  --width: 320px !important;
-  position: fixed !important;
-  bottom: 20px !important;
-  right: 20px !important;
-  left: auto !important;
-  top: auto !important;
-  z-index: 99999 !important;
-  transform: none !important;
+  font-family: var(--font-mono), ui-monospace, monospace;
+  --width: 320px;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  left: auto;
+  top: auto;
+  z-index: 99999;
+  transform: none;
 }
 
 [data-sonner-toast] {
-  background: var(--card) !important;
-  border: 1px solid var(--border) !important;
-  border-radius: var(--radius-md) !important;
-  color: var(--foreground) !important;
-  font-family: var(--font-mono), ui-monospace, monospace !important;
-  padding: 10px 14px !important;
-  gap: 6px !important;
-  text-align: center !important;
-  justify-content: center !important;
+  background: var(--card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-md);
+  color: var(--foreground);
+  font-family: var(--font-mono), ui-monospace, monospace;
+  padding: 10px 14px;
+  gap: 6px;
+  text-align: center;
+  justify-content: center;
 }
 
 .dark [data-sonner-toast] {
   box-shadow:
     0 4px 16px rgba(0, 0, 0, 0.5),
-    inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
+    inset 0 0 0 1px rgba(255, 255, 255, 0.03);
 }
 
 [data-sonner-toast] [data-title] {
-  color: var(--foreground) !important;
-  font-weight: 600 !important;
-  font-size: 12px !important;
-  line-height: 1.4 !important;
+  color: var(--foreground);
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 1.4;
 }
 
 [data-sonner-toast] [data-description] {
-  color: var(--muted-foreground) !important;
-  font-size: 11px !important;
+  color: var(--muted-foreground);
+  font-size: 11px;
 }
 
 [data-sonner-toast] [data-close-button] {
-  background: var(--muted) !important;
-  border-color: var(--border) !important;
-  color: var(--muted-foreground) !important;
+  background: var(--muted);
+  border-color: var(--border);
+  color: var(--muted-foreground);
 }
 
 [data-sonner-toast] [data-close-button]:hover {
-  background: var(--accent) !important;
-  color: var(--foreground) !important;
+  background: var(--accent);
+  color: var(--foreground);
 }
 
 /* Success — subtle terminal-color tint */
 .dark [data-sonner-toast][data-type="success"] {
-  background: color-mix(in srgb, var(--terminal) 6%, var(--card)) !important;
-  border-color: color-mix(in srgb, var(--terminal) 30%, transparent) !important;
+  background: color-mix(in srgb, var(--terminal) 6%, var(--card));
+  border-color: color-mix(in srgb, var(--terminal) 30%, transparent);
 }
 [data-sonner-toast][data-type="success"] [data-icon] {
-  color: var(--terminal) !important;
+  color: var(--terminal);
 }
 
 /* Error — subtle red tint */
 .dark [data-sonner-toast][data-type="error"] {
-  background: color-mix(in srgb, var(--destructive) 6%, var(--card)) !important;
-  border-color: color-mix(in srgb, var(--destructive) 30%, transparent) !important;
+  background: color-mix(in srgb, var(--destructive) 6%, var(--card));
+  border-color: color-mix(in srgb, var(--destructive) 30%, transparent);
 }
 [data-sonner-toast][data-type="error"] [data-icon] {
-  color: var(--destructive) !important;
+  color: var(--destructive);
 }
 
 /* Warning — subtle amber tint */
 .dark [data-sonner-toast][data-type="warning"] {
-  background: color-mix(in srgb, #f59e0b 6%, var(--card)) !important;
-  border-color: color-mix(in srgb, #f59e0b 30%, transparent) !important;
+  background: color-mix(in srgb, #f59e0b 6%, var(--card));
+  border-color: color-mix(in srgb, #f59e0b 30%, transparent);
 }
 [data-sonner-toast][data-type="warning"] [data-icon] {
-  color: #f59e0b !important;
+  color: #f59e0b;
 }
 
 /* Info */
 .dark [data-sonner-toast][data-type="info"] {
-  background: color-mix(in srgb, #3b82f6 6%, var(--card)) !important;
-  border-color: color-mix(in srgb, #3b82f6 30%, transparent) !important;
+  background: color-mix(in srgb, #3b82f6 6%, var(--card));
+  border-color: color-mix(in srgb, #3b82f6 30%, transparent);
 }
 [data-sonner-toast][data-type="info"] [data-icon] {
-  color: #3b82f6 !important;
+  color: #3b82f6;
 }
 
 /* Loading — faint terminal pulse */
 .dark [data-sonner-toast][data-type="loading"] {
-  border-color: color-mix(in srgb, var(--terminal) 20%, transparent) !important;
+  border-color: color-mix(in srgb, var(--terminal) 20%, transparent);
 }
 [data-sonner-toast][data-type="loading"] [data-icon] {
-  color: var(--muted-foreground) !important;
+  color: var(--muted-foreground);
 }
 
 /* Action & cancel buttons inside toasts */
 [data-sonner-toast] button[data-button] {
-  background: var(--primary) !important;
-  color: var(--primary-foreground) !important;
-  border-radius: var(--radius-sm) !important;
-  font-size: 12px !important;
-  font-weight: 600 !important;
+  background: var(--primary);
+  color: var(--primary-foreground);
+  border-radius: var(--radius-sm);
+  font-size: 12px;
+  font-weight: 600;
 }
 
 [data-sonner-toast] button[data-cancel] {
-  background: var(--muted) !important;
-  color: var(--muted-foreground) !important;
-  border-radius: var(--radius-sm) !important;
-  font-size: 12px !important;
+  background: var(--muted);
+  color: var(--muted-foreground);
+  border-radius: var(--radius-sm);
+  font-size: 12px;
 }

package/src/app/instances/new/create-instance-client.tsx

@@ -20,7 +20,6 @@ import { Separator } from "@/components/ui/separator";
 import { usePluginRegistry } from "@/hooks/use-plugin-registry";
 import { createInstance } from "@/lib/api";
 import { productName } from "@/lib/brand-config";
-import { toUserMessage } from "@/lib/errors";
 import { cn } from "@/lib/utils";
 
 const PRESET_ACCENT_COLORS: Record<string, string> = {

package/src/components/billing/crypto-checkout.tsx

@@ -33,7 +33,7 @@ export function CryptoCheckout() {
     getSupportedPaymentMethods()
       .then(setMethods)
       .catch(() => {
-        // silently fall back to empty methods list
+        // Silently fail — payment methods are non-critical on mount
       });
   }, []);
 

package/src/components/landing/portfolio-chart.tsx

@@ -20,7 +20,7 @@ function parseHexToRgb(hex: string): [number, number, number] {
 function getTerminalColor(): [number, number, number] {
   if (typeof document === "undefined") return [0, 255, 65];
   const val = getComputedStyle(document.documentElement).getPropertyValue("--terminal").trim();
-  if (val && val.startsWith("#") && val.length >= 4) return parseHexToRgb(val);
+  if (val?.startsWith("#") && val.length >= 4) return parseHexToRgb(val);
   return [0, 255, 65];
 }
 

package/src/components/sidebar.tsx

@@ -117,7 +117,7 @@ export function SidebarContent({ onNavigate }: { onNavigate?: () => void }) {
   }
 
   return (
-    <div className="flex h-full flex-col">
+    <div data-slot="sidebar" className="flex h-full flex-col">
       <div className="flex h-14 items-center border-b border-sidebar-border px-6">
         <span
           className="text-lg font-semibold tracking-tight text-terminal"
@@ -226,7 +226,10 @@ export function SidebarContent({ onNavigate }: { onNavigate?: () => void }) {
 
 export function Sidebar() {
   return (
-    <aside className="flex h-screen w-64 flex-col border-r border-sidebar-border bg-sidebar text-sidebar-foreground">
+    <aside
+      data-slot="sidebar"
+      className="flex h-screen w-64 flex-col border-r border-sidebar-border bg-sidebar text-sidebar-foreground"
+    >
       <SidebarContent />
     </aside>
   );