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

package/src/components/admin/inference-dashboard.tsx

@@ -3,28 +3,10 @@
 import { motion } from "framer-motion";
 import { Check } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
-import {
-  Area,
-  AreaChart,
-  CartesianGrid,
-  ResponsiveContainer,
-  Tooltip,
-  XAxis,
-  YAxis,
-} from "recharts";
+import { Area, AreaChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
 import { Button } from "@/components/ui/button";
-import type {
-  CacheStats,
-  DailyCostAggregate,
-  PageCostAggregate,
-  SessionCostSummary,
-} from "@/lib/admin-inference-api";
-import {
-  getCacheStats,
-  getDailyCost,
-  getPageCost,
-  getSessionCost,
-} from "@/lib/admin-inference-api";
+import type { CacheStats, DailyCostAggregate, PageCostAggregate, SessionCostSummary } from "@/lib/admin-inference-api";
+import { getCacheStats, getDailyCost, getPageCost, getSessionCost } from "@/lib/admin-inference-api";
 import { cn } from "@/lib/utils";
 
 // ---- Time ranges ----
@@ -88,9 +70,7 @@ function KpiCard({ label, value, subtext, valueClassName, loading, index }: KpiC
       {loading ? (
         <div className="h-8 w-24 bg-muted animate-pulse rounded-sm" />
       ) : (
-        <div className={`text-2xl font-bold tabular-nums ${valueClassName ?? "text-foreground"}`}>
-          {value}
-        </div>
+        <div className={`text-2xl font-bold tabular-nums ${valueClassName ?? "text-foreground"}`}>{value}</div>
       )}
       {subtext && <div className="text-xs text-muted-foreground mt-1">{subtext}</div>}
     </motion.div>
@@ -112,9 +92,7 @@ function ChartTooltip({
   return (
     <div className="bg-card border border-terminal/30 rounded-sm shadow-lg shadow-terminal/5 px-3 py-2">
       <div className="text-xs text-muted-foreground">{label}</div>
-      <div className="text-sm font-bold tabular-nums text-foreground">
-        ${payload[0].value.toFixed(4)}
-      </div>
+      <div className="text-sm font-bold tabular-nums text-foreground">${payload[0].value.toFixed(4)}</div>
     </div>
   );
 }
@@ -198,9 +176,7 @@ export function InferenceDashboard() {
 
       {/* Error state */}
       {error && (
-        <div className="mx-6 p-4 bg-card border border-destructive/30 rounded-sm text-destructive text-sm">
-          {error}
-        </div>
+        <div className="mx-6 p-4 bg-card border border-destructive/30 rounded-sm text-destructive text-sm">{error}</div>
       )}
 
       {/* KPI Cards */}
@@ -247,9 +223,7 @@ export function InferenceDashboard() {
         transition={{ duration: 0.4, delay: 0.2, ease: "easeOut" }}
         className="mx-6 bg-card border border-border rounded-sm p-4"
       >
-        <div className="text-xs uppercase tracking-widest text-muted-foreground mb-3">
-          DAILY COST
-        </div>
+        <div className="text-xs uppercase tracking-widest text-muted-foreground mb-3">DAILY COST</div>
         {loading ? (
           <div className="h-[280px] bg-muted/20 animate-pulse rounded-sm" />
         ) : dailyCost.length === 0 ? (
@@ -294,9 +268,7 @@ export function InferenceDashboard() {
       <div className="grid grid-cols-1 xl:grid-cols-2 gap-4 px-6 pb-6">
         {/* Page Cost Table */}
         <div className="bg-card border border-border rounded-sm p-4">
-          <div className="text-xs uppercase tracking-widest text-muted-foreground mb-3">
-            COST BY PAGE
-          </div>
+          <div className="text-xs uppercase tracking-widest text-muted-foreground mb-3">COST BY PAGE</div>
           {loading ? (
             <div className="space-y-3">
               {["sk-1", "sk-2", "sk-3", "sk-4", "sk-5"].map((id) => (
@@ -320,14 +292,10 @@ export function InferenceDashboard() {
                 >
                   <div className="flex-1 text-sm font-medium">{p.page || "/unknown"}</div>
                   <div className="w-20 text-right tabular-nums text-sm">{p.callCount}</div>
-                  <div className="w-24 text-right tabular-nums text-sm">
-                    ${p.avgCostUsd.toFixed(4)}
-                  </div>
+                  <div className="w-24 text-right tabular-nums text-sm">${p.avgCostUsd.toFixed(4)}</div>
                   <div
                     className={`w-24 text-right tabular-nums text-sm font-medium ${
-                      p.totalCostUsd === maxPageCost && maxPageCost > 0
-                        ? "text-amber-400"
-                        : "text-foreground"
+                      p.totalCostUsd === maxPageCost && maxPageCost > 0 ? "text-amber-400" : "text-foreground"
                     }`}
                   >
                     ${p.totalCostUsd.toFixed(4)}
@@ -340,9 +308,7 @@ export function InferenceDashboard() {
 
         {/* Cache Performance Panel */}
         <div className="bg-card border border-border rounded-sm p-4">
-          <div className="text-xs uppercase tracking-widest text-muted-foreground mb-3">
-            CACHE PERFORMANCE
-          </div>
+          <div className="text-xs uppercase tracking-widest text-muted-foreground mb-3">CACHE PERFORMANCE</div>
           {loading ? (
             <div className="space-y-4">
               <div className="h-10 w-24 bg-muted animate-pulse rounded-sm" />
@@ -353,9 +319,7 @@ export function InferenceDashboard() {
               <div className="text-4xl font-bold text-terminal tabular-nums">
                 {((cacheStats?.hitRate ?? 0) * 100).toFixed(1)}%
               </div>
-              <div className="text-xs text-muted-foreground mb-4">
-                of input tokens served from cache
-              </div>
+              <div className="text-xs text-muted-foreground mb-4">of input tokens served from cache</div>
 
               {/* Hit rate bar */}
               <div className="relative mb-4">
@@ -373,9 +337,7 @@ export function InferenceDashboard() {
                   style={{ left: "60%" }}
                 >
                   TARGET: 60%
-                  {(cacheStats?.hitRate ?? 0) >= 0.6 && (
-                    <Check className="text-terminal" size={10} />
-                  )}
+                  {(cacheStats?.hitRate ?? 0) >= 0.6 && <Check className="text-terminal" size={10} />}
                 </div>
               </div>
 
@@ -402,9 +364,7 @@ export function InferenceDashboard() {
               </div>
 
               {(cacheStats?.hitRate ?? 0) === 0 && (
-                <div className="text-xs text-muted-foreground mt-4">
-                  Awaiting first cached request
-                </div>
+                <div className="text-xs text-muted-foreground mt-4">Awaiting first cached request</div>
               )}
             </>
           )}

package/src/components/admin/marketplace-admin.tsx

@@ -18,14 +18,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { Skeleton } from "@/components/ui/skeleton";
 import { Switch } from "@/components/ui/switch";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Textarea } from "@/components/ui/textarea";
 import {
   type AdminPlugin,
@@ -352,9 +345,7 @@ export function MarketplaceAdmin() {
                 <DialogContent>
                   <DialogHeader>
                     <DialogTitle>Add Plugin by npm Package</DialogTitle>
-                    <DialogDescription>
-                      Paste the npm package name to add it to the discovery queue.
-                    </DialogDescription>
+                    <DialogDescription>Paste the npm package name to add it to the discovery queue.</DialogDescription>
                   </DialogHeader>
                   <Input
                     className="font-mono"
@@ -387,9 +378,7 @@ export function MarketplaceAdmin() {
           {queue.length > 0 && (
             <div className="space-y-2">
               <div className="flex items-center gap-2">
-                <h2 className="text-sm font-medium uppercase tracking-wider text-muted-foreground">
-                  Discovery Queue
-                </h2>
+                <h2 className="text-sm font-medium uppercase tracking-wider text-muted-foreground">Discovery Queue</h2>
                 <Badge
                   variant="secondary"
                   className="bg-amber-500/15 text-amber-400 border border-amber-500/20 text-xs"
@@ -403,9 +392,7 @@ export function MarketplaceAdmin() {
                     <TableRow className="bg-amber-500/5 hover:bg-amber-500/5">
                       <TableHead className="text-xs uppercase tracking-wider">Package</TableHead>
                       <TableHead className="text-xs uppercase tracking-wider">Category</TableHead>
-                      <TableHead className="text-xs uppercase tracking-wider text-right">
-                        Actions
-                      </TableHead>
+                      <TableHead className="text-xs uppercase tracking-wider text-right">Actions</TableHead>
                     </TableRow>
                   </TableHeader>
                   <TableBody>
@@ -421,16 +408,11 @@ export function MarketplaceAdmin() {
                         <TableCell>
                           <div>
                             <div className="text-sm font-medium">{plugin.name}</div>
-                            <div className="text-xs text-muted-foreground font-mono">
-                              {plugin.npm_package}
-                            </div>
+                            <div className="text-xs text-muted-foreground font-mono">{plugin.npm_package}</div>
                           </div>
                         </TableCell>
                         <TableCell>
-                          <Badge
-                            variant="outline"
-                            className={cn("text-xs", categoryBadgeClass(plugin.category))}
-                          >
+                          <Badge variant="outline" className={cn("text-xs", categoryBadgeClass(plugin.category))}>
                             {plugin.category}
                           </Badge>
                         </TableCell>
@@ -470,9 +452,7 @@ export function MarketplaceAdmin() {
 
           {/* Enabled Plugins */}
           <div className="space-y-2">
-            <h2 className="text-sm font-medium uppercase tracking-wider text-muted-foreground">
-              Enabled Plugins
-            </h2>
+            <h2 className="text-sm font-medium uppercase tracking-wider text-muted-foreground">Enabled Plugins</h2>
             <div className="border border-terminal/10 rounded-sm">
               <Table>
                 <TableHeader>
@@ -489,9 +469,7 @@ export function MarketplaceAdmin() {
                   {enabled.length === 0 ? (
                     <TableRow>
                       <TableCell colSpan={6} className="text-center py-8">
-                        <span className="text-sm text-muted-foreground font-mono">
-                          &gt; No plugins enabled yet
-                        </span>
+                        <span className="text-sm text-muted-foreground font-mono">&gt; No plugins enabled yet</span>
                       </TableCell>
                     </TableRow>
                   ) : (
@@ -515,10 +493,7 @@ export function MarketplaceAdmin() {
                           <div className="text-sm font-medium">{plugin.name}</div>
                         </TableCell>
                         <TableCell>
-                          <Badge
-                            variant="outline"
-                            className={cn("text-xs", categoryBadgeClass(plugin.category))}
-                          >
+                          <Badge variant="outline" className={cn("text-xs", categoryBadgeClass(plugin.category))}>
                             {plugin.category}
                           </Badge>
                         </TableCell>
@@ -531,9 +506,7 @@ export function MarketplaceAdmin() {
                           />
                         </TableCell>
                         <TableCell>
-                          <span className="text-xs text-muted-foreground font-mono">
-                            v{plugin.version}
-                          </span>
+                          <span className="text-xs text-muted-foreground font-mono">v{plugin.version}</span>
                         </TableCell>
                         <TableCell>
                           <Switch
@@ -596,19 +569,13 @@ export function MarketplaceAdmin() {
                 {!installStatusLoading && installStatus && (
                   <div className="flex items-center gap-2">
                     {installStatus.status === "pending" && (
-                      <Badge
-                        variant="outline"
-                        className="border-amber-500/30 text-amber-400 text-xs animate-pulse"
-                      >
+                      <Badge variant="outline" className="border-amber-500/30 text-amber-400 text-xs animate-pulse">
                         Installing...
                       </Badge>
                     )}
                     {installStatus.status === "installed" && (
                       <div className="flex items-center gap-2">
-                        <Badge
-                          variant="outline"
-                          className="border-terminal/30 text-terminal text-xs"
-                        >
+                        <Badge variant="outline" className="border-terminal/30 text-terminal text-xs">
                           Installed
                         </Badge>
                         {installStatus.installedAt && (
@@ -620,16 +587,11 @@ export function MarketplaceAdmin() {
                     )}
                     {installStatus.status === "failed" && (
                       <div className="space-y-1">
-                        <Badge
-                          variant="outline"
-                          className="border-destructive/50 text-destructive text-xs"
-                        >
+                        <Badge variant="outline" className="border-destructive/50 text-destructive text-xs">
                           Install failed
                         </Badge>
                         {installStatus.installError && (
-                          <p className="text-xs text-destructive font-mono">
-                            {installStatus.installError}
-                          </p>
+                          <p className="text-xs text-destructive font-mono">{installStatus.installError}</p>
                         )}
                         <Button
                           variant="ghost"
@@ -683,9 +645,7 @@ export function MarketplaceAdmin() {
 
                 {/* Notes */}
                 <div className="space-y-1.5">
-                  <h3 className="text-xs font-medium uppercase tracking-wider text-muted-foreground">
-                    Internal Notes
-                  </h3>
+                  <h3 className="text-xs font-medium uppercase tracking-wider text-muted-foreground">Internal Notes</h3>
                   <Textarea
                     className="min-h-[80px] text-sm bg-black/30 border-border focus:border-terminal"
                     placeholder="Add internal notes about this plugin..."
@@ -723,8 +683,8 @@ export function MarketplaceAdmin() {
                       <DialogHeader>
                         <DialogTitle>Delete Plugin</DialogTitle>
                         <DialogDescription>
-                          Are you sure you want to delete <strong>{selected.name}</strong>? This
-                          action cannot be undone.
+                          Are you sure you want to delete <strong>{selected.name}</strong>? This action cannot be
+                          undone.
                         </DialogDescription>
                       </DialogHeader>
                       <DialogFooter>
@@ -752,9 +712,7 @@ export function MarketplaceAdmin() {
                 exit={{ opacity: 0 }}
                 className="flex items-center justify-center h-full"
               >
-                <span className="text-sm text-muted-foreground font-mono">
-                  &gt; Select a plugin to preview
-                </span>
+                <span className="text-sm text-muted-foreground font-mono">&gt; Select a plugin to preview</span>
               </motion.div>
             )}
           </AnimatePresence>

package/src/components/admin/migrations-dashboard.tsx

@@ -1,29 +1,13 @@
 "use client";
 
-import {
-  AlertCircle,
-  CheckCircle2,
-  Clock,
-  Database,
-  History,
-  Loader2,
-  RotateCcw,
-  Search,
-} from "lucide-react";
+import { AlertCircle, CheckCircle2, Clock, Database, History, Loader2, RotateCcw, Search } from "lucide-react";
 import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Skeleton } from "@/components/ui/skeleton";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import type { MigrationRecord, MigrationRestoreRecord, MigrationSnapshot } from "@/lib/admin-api";
 import {
@@ -85,10 +69,7 @@ function StatusBadge({ status }: { status: string }) {
       );
     default:
       return (
-        <Badge
-          variant="secondary"
-          className="bg-muted text-muted-foreground inline-flex items-center gap-1"
-        >
+        <Badge variant="secondary" className="bg-muted text-muted-foreground inline-flex items-center gap-1">
           <Clock className="h-3 w-3" />
           pending
         </Badge>
@@ -133,9 +114,7 @@ function MigrationsList({ migrations }: { migrations: MigrationRecord[] }) {
                 <TableCell className="text-xs text-muted-foreground tabular-nums">
                   {fmtDuration(m.duration_ms)}
                 </TableCell>
-                <TableCell className="text-xs text-red-400 max-w-xs truncate">
-                  {m.error ?? "—"}
-                </TableCell>
+                <TableCell className="text-xs text-red-400 max-w-xs truncate">{m.error ?? "—"}</TableCell>
               </TableRow>
             ))
           )}
@@ -161,10 +140,7 @@ function SnapshotBrowser({ tenantId }: SnapshotBrowserProps) {
     if (!tenantId) return;
     setLoading(true);
     try {
-      const [snaps, hist] = await Promise.all([
-        getMigrationSnapshots(tenantId),
-        getMigrationRestoreHistory(tenantId),
-      ]);
+      const [snaps, hist] = await Promise.all([getMigrationSnapshots(tenantId), getMigrationRestoreHistory(tenantId)]);
       setSnapshots(snaps);
       setHistory(hist);
     } catch (err) {
@@ -179,10 +155,7 @@ function SnapshotBrowser({ tenantId }: SnapshotBrowserProps) {
   }, [load]);
 
   async function handleRestore(snapshotId: string, snapshotName: string) {
-    if (
-      !confirm(`Restore snapshot "${snapshotName}" for tenant ${tenantId}? This cannot be undone.`)
-    )
-      return;
+    if (!confirm(`Restore snapshot "${snapshotName}" for tenant ${tenantId}? This cannot be undone.`)) return;
     setRestoring(snapshotId);
     try {
       await restoreMigrationSnapshot(tenantId, snapshotId);
@@ -297,9 +270,7 @@ function SnapshotBrowser({ tenantId }: SnapshotBrowserProps) {
                     <TableCell className="text-xs text-muted-foreground">
                       {new Date(r.restored_at).toLocaleString()}
                     </TableCell>
-                    <TableCell className="text-xs text-red-400 max-w-xs truncate">
-                      {r.error ?? "—"}
-                    </TableCell>
+                    <TableCell className="text-xs text-red-400 max-w-xs truncate">{r.error ?? "—"}</TableCell>
                   </TableRow>
                 ))
               )}
@@ -343,9 +314,7 @@ export function MigrationsDashboard() {
     <div className="space-y-6 p-6">
       <div>
         <h1 className="text-2xl font-bold">Migrations</h1>
-        <p className="text-muted-foreground text-sm">
-          Platform migration status and per-tenant snapshot management
-        </p>
+        <p className="text-muted-foreground text-sm">Platform migration status and per-tenant snapshot management</p>
       </div>
 
       <Tabs defaultValue="migrations">
@@ -392,9 +361,7 @@ export function MigrationsDashboard() {
           ) : (
             <div className="rounded-lg border border-border border-dashed py-16 text-center">
               <Database className="h-8 w-8 text-muted-foreground mx-auto mb-2" />
-              <p className="text-sm text-muted-foreground">
-                Enter a tenant ID to browse snapshots.
-              </p>
+              <p className="text-sm text-muted-foreground">Enter a tenant ID to browse snapshots.</p>
             </div>
           )}
         </TabsContent>

package/src/components/admin/onboarding-dashboard.tsx

@@ -1,16 +1,6 @@
 "use client";
 
-import {
-  BookOpen,
-  CheckCircle2,
-  Clock,
-  Edit2,
-  Plus,
-  Save,
-  TrendingUp,
-  Users,
-  X,
-} from "lucide-react";
+import { BookOpen, CheckCircle2, Clock, Edit2, Plus, Save, TrendingUp, Users, X } from "lucide-react";
 import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { Badge } from "@/components/ui/badge";
@@ -20,11 +10,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Textarea } from "@/components/ui/textarea";
 import type { OnboardingFunnelStats, OnboardingScript } from "@/lib/admin-api";
-import {
-  getOnboardingFunnelStats,
-  getOnboardingScripts,
-  saveOnboardingScript,
-} from "@/lib/admin-api";
+import { getOnboardingFunnelStats, getOnboardingScripts, saveOnboardingScript } from "@/lib/admin-api";
 import { toUserMessage } from "@/lib/errors";
 
 // ---- Utilities ----
@@ -82,16 +68,8 @@ function FunnelView({ stats }: { stats: OnboardingFunnelStats }) {
           value={stats.total_completed.toLocaleString()}
           sub={fmtPct(stats.overall_completion_rate)}
         />
-        <StatCard
-          icon={TrendingUp}
-          label="Completion Rate"
-          value={fmtPct(stats.overall_completion_rate)}
-        />
-        <StatCard
-          icon={Clock}
-          label="Time to First Bot"
-          value={fmtMs(stats.time_to_first_bot_ms)}
-        />
+        <StatCard icon={TrendingUp} label="Completion Rate" value={fmtPct(stats.overall_completion_rate)} />
+        <StatCard icon={Clock} label="Time to First Bot" value={fmtMs(stats.time_to_first_bot_ms)} />
       </div>
 
       <div className="rounded-lg border border-border overflow-hidden">
@@ -100,14 +78,10 @@ function FunnelView({ stats }: { stats: OnboardingFunnelStats }) {
             <tr className="border-b border-border bg-muted/40 text-left">
               <th className="px-4 py-2.5 font-medium text-muted-foreground">Step</th>
               <th className="px-4 py-2.5 font-medium text-muted-foreground text-right">Started</th>
-              <th className="px-4 py-2.5 font-medium text-muted-foreground text-right">
-                Completed
-              </th>
+              <th className="px-4 py-2.5 font-medium text-muted-foreground text-right">Completed</th>
               <th className="px-4 py-2.5 font-medium text-muted-foreground text-right">Dropped</th>
               <th className="px-4 py-2.5 font-medium text-muted-foreground text-right">Rate</th>
-              <th className="px-4 py-2.5 font-medium text-muted-foreground text-right">
-                Avg Duration
-              </th>
+              <th className="px-4 py-2.5 font-medium text-muted-foreground text-right">Avg Duration</th>
               <th className="px-4 py-2.5 font-medium text-muted-foreground">Funnel</th>
             </tr>
           </thead>
@@ -125,17 +99,13 @@ function FunnelView({ stats }: { stats: OnboardingFunnelStats }) {
                   className="border-b border-border last:border-b-0 hover:bg-muted/20 transition-colors"
                 >
                   <td className="px-4 py-3 font-medium">{step.label}</td>
-                  <td className="px-4 py-3 text-right tabular-nums">
-                    {step.started.toLocaleString()}
-                  </td>
+                  <td className="px-4 py-3 text-right tabular-nums">{step.started.toLocaleString()}</td>
                   <td className="px-4 py-3 text-right tabular-nums text-green-400">
                     {step.completed.toLocaleString()}
                   </td>
                   <td className="px-4 py-3 text-right tabular-nums text-red-400">
                     {step.dropped.toLocaleString()}
-                    {idx > 0 && dropPct > 0 && (
-                      <span className="text-xs text-muted-foreground ml-1">({dropPct}%)</span>
-                    )}
+                    {idx > 0 && dropPct > 0 && <span className="text-xs text-muted-foreground ml-1">({dropPct}%)</span>}
                   </td>
                   <td className="px-4 py-3 text-right tabular-nums">
                     <Badge
@@ -156,10 +126,7 @@ function FunnelView({ stats }: { stats: OnboardingFunnelStats }) {
                   </td>
                   <td className="px-4 py-3 w-32">
                     <div className="h-2 rounded-full bg-muted overflow-hidden">
-                      <div
-                        className="h-full rounded-full bg-terminal/70 transition-all"
-                        style={{ width: `${pct}%` }}
-                      />
+                      <div className="h-full rounded-full bg-terminal/70 transition-all" style={{ width: `${pct}%` }} />
                     </div>
                   </td>
                 </tr>
@@ -213,11 +180,7 @@ function ScriptEditor({ scripts, onSaved }: ScriptEditorProps) {
     }
     setSaving(true);
     try {
-      const saved = await saveOnboardingScript(
-        editing && selected ? selected.id : null,
-        name.trim(),
-        content,
-      );
+      const saved = await saveOnboardingScript(editing && selected ? selected.id : null, name.trim(), content);
       onSaved(saved);
       setEditing(false);
       setSelected(saved);
@@ -268,9 +231,7 @@ function ScriptEditor({ scripts, onSaved }: ScriptEditorProps) {
           New Script
         </Button>
       </div>
-      {scripts.length === 0 && (
-        <p className="text-sm text-muted-foreground py-4 text-center">No scripts yet.</p>
-      )}
+      {scripts.length === 0 && <p className="text-sm text-muted-foreground py-4 text-center">No scripts yet.</p>}
       <div className="space-y-2">
         {scripts.map((s) => (
           <button
@@ -284,10 +245,7 @@ function ScriptEditor({ scripts, onSaved }: ScriptEditorProps) {
                 <BookOpen className="h-3.5 w-3.5 text-muted-foreground" />
                 <span className="text-sm font-medium">{s.name}</span>
                 {s.active && (
-                  <Badge
-                    variant="secondary"
-                    className="bg-green-500/15 text-green-400 border-green-500/20 text-xs"
-                  >
+                  <Badge variant="secondary" className="bg-green-500/15 text-green-400 border-green-500/20 text-xs">
                     active
                   </Badge>
                 )}
@@ -332,10 +290,7 @@ export function OnboardingDashboard() {
   const load = useCallback(async () => {
     setLoading(true);
     try {
-      const [funnelStats, scriptList] = await Promise.all([
-        getOnboardingFunnelStats(days),
-        getOnboardingScripts(),
-      ]);
+      const [funnelStats, scriptList] = await Promise.all([getOnboardingFunnelStats(days), getOnboardingScripts()]);
       setStats(funnelStats);
       setScripts(scriptList);
     } catch (err) {
@@ -370,12 +325,7 @@ export function OnboardingDashboard() {
         </div>
         <div className="flex gap-1">
           {[7, 30, 90].map((d) => (
-            <Button
-              key={d}
-              size="sm"
-              variant={days === d ? "secondary" : "outline"}
-              onClick={() => setDays(d)}
-            >
+            <Button key={d} size="sm" variant={days === d ? "secondary" : "outline"} onClick={() => setDays(d)}>
               {d}d
             </Button>
           ))}

package/src/components/admin/pool-config-dashboard.tsx

@@ -70,8 +70,8 @@ export function PoolConfigDashboard() {
         <h2 className="text-lg font-semibold mb-2">Hot Pool</h2>
         <p className="text-muted-foreground">
           Hot pool is not enabled for this product. Enable the{" "}
-          <code className="text-xs bg-muted px-1 py-0.5 rounded">hotPool</code> feature flag in the
-          boot config to use pre-provisioned instances.
+          <code className="text-xs bg-muted px-1 py-0.5 rounded">hotPool</code> feature flag in the boot config to use
+          pre-provisioned instances.
         </p>
       </div>
     );
@@ -81,9 +81,7 @@ export function PoolConfigDashboard() {
     <div className="space-y-6 p-6">
       <div>
         <h2 className="text-lg font-semibold">Hot Pool</h2>
-        <p className="text-sm text-muted-foreground">
-          Pre-provisioned warm containers for instant instance creation.
-        </p>
+        <p className="text-sm text-muted-foreground">Pre-provisioned warm containers for instant instance creation.</p>
       </div>
 
       <div className="grid grid-cols-1 gap-4 sm:grid-cols-3">
@@ -122,11 +120,7 @@ export function PoolConfigDashboard() {
             onChange={(e) => setSizeInput(e.target.value)}
             className="w-24"
           />
-          <Button
-            onClick={handleSave}
-            disabled={saving || sizeInput === String(config.poolSize)}
-            size="sm"
-          >
+          <Button onClick={handleSave} disabled={saving || sizeInput === String(config.poolSize)} size="sm">
             {saving ? "Saving..." : "Update"}
           </Button>
           <span className="text-xs text-muted-foreground">

package/src/components/admin/products/fleet-form.tsx

@@ -6,13 +6,7 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { toUserMessage } from "@/lib/errors";
 
 interface FleetConfig {
@@ -124,10 +118,7 @@ export function FleetForm({ initial, onSave }: FleetFormProps) {
 
           <div className="space-y-1.5">
             <Label htmlFor="fleet-placementStrategy">Placement Strategy</Label>
-            <Select
-              value={form.placementStrategy}
-              onValueChange={(v) => setStr("placementStrategy", v)}
-            >
+            <Select value={form.placementStrategy} onValueChange={(v) => setStr("placementStrategy", v)}>
               <SelectTrigger id="fleet-placementStrategy">
                 <SelectValue placeholder="Select strategy" />
               </SelectTrigger>