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

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

@@ -8,14 +8,7 @@ import { toast } from "sonner";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 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 {
   blockAffiliateFingerprint,
   type FingerprintCluster,
@@ -89,25 +82,14 @@ function SuppressionFeed() {
         <Table>
           <TableHeader>
             <TableRow className="bg-secondary crt-scanlines">
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                Referrer
-              </TableHead>
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                Referred
-              </TableHead>
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                Signals
-              </TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">Referrer</TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">Referred</TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">Signals</TableHead>
               <TableHead className="text-xs font-medium uppercase tracking-wider">Phase</TableHead>
               <TableHead className="text-xs font-medium uppercase tracking-wider">When</TableHead>
             </TableRow>
           </TableHeader>
-          <TableBody
-            className={cn(
-              "transition-opacity duration-150",
-              loading && events.length > 0 && "opacity-60",
-            )}
-          >
+          <TableBody className={cn("transition-opacity duration-150", loading && events.length > 0 && "opacity-60")}>
             {loading && events.length === 0 ? (
               Array.from({ length: 5 }).map((_, i) => (
                 // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows
@@ -142,9 +124,7 @@ function SuppressionFeed() {
               events.map((e) => (
                 <TableRow key={e.id} className="h-10 hover:bg-secondary/50">
                   <TableCell className="font-mono text-sm cursor-pointer hover:text-terminal hover:underline">
-                    <Link href={`/admin/tenants?search=${e.referrerTenantId}`}>
-                      {e.referrerTenantId}
-                    </Link>
+                    <Link href={`/admin/tenants?search=${e.referrerTenantId}`}>{e.referrerTenantId}</Link>
                   </TableCell>
                   <TableCell className="font-mono text-sm">{e.referredTenantId}</TableCell>
                   <TableCell>
@@ -227,24 +207,13 @@ function VelocityPanel() {
         <Table>
           <TableHeader>
             <TableRow className="bg-secondary crt-scanlines">
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                Referrer
-              </TableHead>
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                30d Payouts
-              </TableHead>
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                30d Total
-              </TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">Referrer</TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">30d Payouts</TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">30d Total</TableHead>
               <TableHead className="text-xs font-medium uppercase tracking-wider">Status</TableHead>
             </TableRow>
           </TableHeader>
-          <TableBody
-            className={cn(
-              "transition-opacity duration-150",
-              loading && referrers.length > 0 && "opacity-60",
-            )}
-          >
+          <TableBody className={cn("transition-opacity duration-150", loading && referrers.length > 0 && "opacity-60")}>
             {loading && referrers.length === 0 ? (
               Array.from({ length: 3 }).map((_, i) => (
                 // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows
@@ -279,22 +248,13 @@ function VelocityPanel() {
                 const atCap = payoutRatio >= 1 || creditRatio >= 1;
                 const nearCap = !atCap && (payoutRatio >= 0.8 || creditRatio >= 0.8);
 
-                const countColor = atCap
-                  ? "text-red-400"
-                  : nearCap
-                    ? "text-amber-400"
-                    : "text-terminal";
+                const countColor = atCap ? "text-red-400" : nearCap ? "text-amber-400" : "text-terminal";
                 const rowBg = atCap ? "bg-red-500/5" : nearCap ? "bg-amber-500/5" : "";
 
                 return (
-                  <TableRow
-                    key={r.referrerTenantId}
-                    className={cn("h-10 hover:bg-secondary/50", rowBg)}
-                  >
+                  <TableRow key={r.referrerTenantId} className={cn("h-10 hover:bg-secondary/50", rowBg)}>
                     <TableCell className="font-mono text-sm cursor-pointer hover:text-terminal hover:underline">
-                      <Link href={`/admin/tenants?search=${r.referrerTenantId}`}>
-                        {r.referrerTenantId}
-                      </Link>
+                      <Link href={`/admin/tenants?search=${r.referrerTenantId}`}>{r.referrerTenantId}</Link>
                     </TableCell>
                     <TableCell className={cn("font-mono text-sm", countColor)}>
                       {r.payoutCount30d} / {CAP_REFERRALS}
@@ -304,9 +264,7 @@ function VelocityPanel() {
                     </TableCell>
                     <TableCell>
                       {atCap && (
-                        <Badge className="bg-red-500/15 text-red-400 border border-red-500/20 text-xs">
-                          AT CAP
-                        </Badge>
+                        <Badge className="bg-red-500/15 text-red-400 border border-red-500/20 text-xs">AT CAP</Badge>
                       )}
                       {nearCap && (
                         <Badge className="bg-amber-500/15 text-amber-400 border border-amber-500/20 text-xs">
@@ -314,9 +272,7 @@ function VelocityPanel() {
                         </Badge>
                       )}
                       {!atCap && !nearCap && (
-                        <Badge className="bg-terminal/15 text-terminal border border-terminal/20 text-xs">
-                          NORMAL
-                        </Badge>
+                        <Badge className="bg-terminal/15 text-terminal border border-terminal/20 text-xs">NORMAL</Badge>
                       )}
                     </TableCell>
                   </TableRow>
@@ -373,31 +329,18 @@ function FingerprintPanel() {
     <div className="space-y-3">
       <div>
         <h2 className="text-lg font-semibold text-foreground">Same-Card Clusters</h2>
-        <p className="text-xs text-muted-foreground">
-          Accounts sharing the same Stripe card fingerprint
-        </p>
+        <p className="text-xs text-muted-foreground">Accounts sharing the same Stripe card fingerprint</p>
       </div>
       <div className="rounded-sm border border-terminal/10">
         <Table>
           <TableHeader>
             <TableRow className="bg-secondary crt-scanlines">
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                Fingerprint
-              </TableHead>
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                Accounts
-              </TableHead>
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                Actions
-              </TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">Fingerprint</TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">Accounts</TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">Actions</TableHead>
             </TableRow>
           </TableHeader>
-          <TableBody
-            className={cn(
-              "transition-opacity duration-150",
-              loading && clusters.length > 0 && "opacity-60",
-            )}
-          >
+          <TableBody className={cn("transition-opacity duration-150", loading && clusters.length > 0 && "opacity-60")}>
             {loading && clusters.length === 0 ? (
               Array.from({ length: 3 }).map((_, i) => (
                 // biome-ignore lint/suspicious/noArrayIndexKey: skeleton rows
@@ -417,18 +360,13 @@ function FingerprintPanel() {
                     &gt; No same-card clusters detected
                     <span className="animate-ellipsis" />
                   </p>
-                  <p className="text-xs text-muted-foreground mt-1">
-                    All payment fingerprints map to unique accounts
-                  </p>
+                  <p className="text-xs text-muted-foreground mt-1">All payment fingerprints map to unique accounts</p>
                 </TableCell>
               </TableRow>
             ) : (
               clusters.map((c) => (
                 <TableRow key={c.stripeFingerprint} className="h-10 hover:bg-secondary/50">
-                  <TableCell
-                    className="font-mono text-sm text-muted-foreground"
-                    title={c.stripeFingerprint}
-                  >
+                  <TableCell className="font-mono text-sm text-muted-foreground" title={c.stripeFingerprint}>
                     {c.stripeFingerprint.substring(0, 10)}...
                   </TableCell>
                   <TableCell>
@@ -465,15 +403,9 @@ function FingerprintPanel() {
                             disabled={blockingFingerprint === c.stripeFingerprint}
                             onClick={() => handleBlock(c.stripeFingerprint)}
                           >
-                            {blockingFingerprint === c.stripeFingerprint
-                              ? "Blocking..."
-                              : "Confirm Block?"}
+                            {blockingFingerprint === c.stripeFingerprint ? "Blocking..." : "Confirm Block?"}
                           </Button>
-                          <Button
-                            variant="ghost"
-                            size="sm"
-                            onClick={() => setConfirmingFingerprint(null)}
-                          >
+                          <Button variant="ghost" size="sm" onClick={() => setConfirmingFingerprint(null)}>
                             Cancel
                           </Button>
                         </>
@@ -543,8 +475,7 @@ export function AffiliateDashboard() {
           AFFILIATE OPS
         </h1>
         <p className="text-sm text-muted-foreground font-mono mt-1">
-          {summary.suppressions} suppressions | {summary.nearCap} referrers near cap |{" "}
-          {summary.clusters} card clusters
+          {summary.suppressions} suppressions | {summary.nearCap} referrers near cap | {summary.clusters} card clusters
         </p>
       </div>
 

package/src/components/admin/audit-log-table.tsx

@@ -5,22 +5,9 @@ import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 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 { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import type { AuditLogResponse } from "@/lib/api";
 import { fetchAuditLog } from "@/lib/api";
@@ -65,11 +52,9 @@ function relativeTime(iso: string): string {
 function actionBadgeClasses(action: string): string {
   if (action.startsWith("admin.suspend") || action.startsWith("admin.ban"))
     return "bg-destructive/15 text-red-400 border border-destructive/20";
-  if (action.startsWith("admin.reactivate"))
-    return "bg-terminal/15 text-terminal border border-terminal/20";
+  if (action.startsWith("admin.reactivate")) return "bg-terminal/15 text-terminal border border-terminal/20";
   if (action.startsWith("billing")) return "bg-chart-3/15 text-amber-400 border border-chart-3/20";
-  if (action.startsWith("security"))
-    return "bg-destructive/15 text-red-400 border border-destructive/20";
+  if (action.startsWith("security")) return "bg-destructive/15 text-red-400 border border-destructive/20";
   return "bg-secondary text-muted-foreground border border-border";
 }
 
@@ -96,9 +81,7 @@ export function AuditLogTable() {
       setLoadError(false);
       try {
         const since =
-          dateRange === "all"
-            ? undefined
-            : new Date(Date.now() - Number(dateRange) * 86400000).toISOString();
+          dateRange === "all" ? undefined : new Date(Date.now() - Number(dateRange) * 86400000).toISOString();
         const result = await fetchAuditLog({
           limit: PAGE_SIZE,
           offset: newOffset,
@@ -171,9 +154,7 @@ export function AuditLogTable() {
         <h1 className="text-xl font-bold uppercase tracking-wider text-terminal [text-shadow:0_0_10px_rgba(0,255,65,0.25)]">
           AUDIT LOG
         </h1>
-        <span className="text-sm text-muted-foreground font-mono">
-          {data ? `${data.total} events` : "Loading..."}
-        </span>
+        <span className="text-sm text-muted-foreground font-mono">{data ? `${data.total} events` : "Loading..."}</span>
       </div>
 
       {/* Filters */}
@@ -218,21 +199,13 @@ export function AuditLogTable() {
         <Table>
           <TableHeader>
             <TableRow className="bg-secondary crt-scanlines">
-              <TableHead className="text-xs font-medium uppercase tracking-wider w-[100px]">
-                Time
-              </TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider w-[100px]">Time</TableHead>
               <TableHead className="text-xs font-medium uppercase tracking-wider">Action</TableHead>
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                Resource
-              </TableHead>
-              <TableHead className="text-xs font-medium uppercase tracking-wider">
-                Details
-              </TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">Resource</TableHead>
+              <TableHead className="text-xs font-medium uppercase tracking-wider">Details</TableHead>
             </TableRow>
           </TableHeader>
-          <TableBody
-            className={cn("transition-opacity duration-150", loading && data && "opacity-60")}
-          >
+          <TableBody className={cn("transition-opacity duration-150", loading && data && "opacity-60")}>
             {loading && !data ? (
               ["s1", "s2", "s3", "s4", "s5", "s6", "s7", "s8"].map((rowKey, i) => (
                 <TableRow key={rowKey} className="h-10">
@@ -274,12 +247,8 @@ export function AuditLogTable() {
                     </span>
                   </TableCell>
                   <TableCell className="text-sm">
-                    <span className="text-xs uppercase tracking-wide text-muted-foreground">
-                      {event.resourceType}
-                    </span>{" "}
-                    <span className="font-mono text-xs">
-                      {event.resourceName ?? event.resourceId}
-                    </span>
+                    <span className="text-xs uppercase tracking-wide text-muted-foreground">{event.resourceType}</span>{" "}
+                    <span className="font-mono text-xs">{event.resourceName ?? event.resourceId}</span>
                   </TableCell>
                   <TableCell className="text-xs text-muted-foreground max-w-[300px] truncate">
                     {event.details ?? "\u2014"}
@@ -309,12 +278,7 @@ export function AuditLogTable() {
             >
               Previous
             </Button>
-            <Button
-              variant="ghost"
-              size="xs"
-              disabled={!data.hasMore}
-              onClick={() => load(offset + PAGE_SIZE)}
-            >
+            <Button variant="ghost" size="xs" disabled={!data.hasMore} onClick={() => load(offset + PAGE_SIZE)}>
               Next
             </Button>
             <Button

package/src/components/admin/billing-health-dashboard.tsx

@@ -79,9 +79,7 @@ function CheckRow({ ok, label, detail }: { ok: boolean; label: string; detail?:
   return (
     <div className="flex items-center justify-between py-2 border-b border-border/50 last:border-0">
       <div className="flex items-center gap-2">
-        <div
-          className={cn("w-2 h-2 rounded-full flex-shrink-0", ok ? "bg-green-500" : "bg-red-500")}
-        />
+        <div className={cn("w-2 h-2 rounded-full flex-shrink-0", ok ? "bg-green-500" : "bg-red-500")} />
         <span className="text-sm">{label}</span>
       </div>
       {detail && <span className="text-xs text-muted-foreground">{detail}</span>}
@@ -131,9 +129,7 @@ export function BillingHealthDashboard() {
 
     async function poll() {
       try {
-        const result = (await trpcVanilla.admin.billingHealth.query(
-          undefined,
-        )) as BillingHealthData;
+        const result = (await trpcVanilla.admin.billingHealth.query(undefined)) as BillingHealthData;
         if (active) {
           setData(result);
           setError(null);
@@ -184,9 +180,7 @@ export function BillingHealthDashboard() {
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-3">
           <StatusBadge status={data.overall} />
-          {data.severity && (
-            <span className="text-sm text-muted-foreground font-medium">{data.severity}</span>
-          )}
+          {data.severity && <span className="text-sm text-muted-foreground font-medium">{data.severity}</span>}
         </div>
         {lastUpdated && (
           <span className="text-xs text-muted-foreground">
@@ -230,9 +224,7 @@ export function BillingHealthDashboard() {
           label="Revenue (24h)"
           value={formatCents(data.business.revenueToday)}
           sub={
-            data.business.activeTenantCount !== null
-              ? `${data.business.activeTenantCount} active tenants`
-              : undefined
+            data.business.activeTenantCount !== null ? `${data.business.activeTenantCount} active tenants` : undefined
           }
         />
       </div>
@@ -298,12 +290,7 @@ export function BillingHealthDashboard() {
           </CardHeader>
           <CardContent>
             {data.alerts.map((alert) => (
-              <CheckRow
-                key={alert.name}
-                ok={!alert.firing}
-                label={alert.name}
-                detail={alert.message}
-              />
+              <CheckRow key={alert.name} ok={!alert.firing} label={alert.name} detail={alert.message} />
             ))}
           </CardContent>
         </Card>
@@ -319,11 +306,7 @@ export function BillingHealthDashboard() {
             <div>
               <div className="text-xs text-muted-foreground mb-1">CPU</div>
               <div className="text-lg font-medium">
-                {(data.system.cpuCount > 0
-                  ? (data.system.cpuLoad1m / data.system.cpuCount) * 100
-                  : 0
-                ).toFixed(0)}
-                %
+                {(data.system.cpuCount > 0 ? (data.system.cpuLoad1m / data.system.cpuCount) * 100 : 0).toFixed(0)}%
               </div>
               <div className="text-xs text-muted-foreground">
                 Load {data.system.cpuLoad1m.toFixed(2)} / {data.system.cpuCount} cores
@@ -339,8 +322,7 @@ export function BillingHealthDashboard() {
                 %
               </div>
               <div className="text-xs text-muted-foreground">
-                {formatBytes(data.system.memoryUsedBytes)} /{" "}
-                {formatBytes(data.system.memoryTotalBytes)}
+                {formatBytes(data.system.memoryUsedBytes)} / {formatBytes(data.system.memoryTotalBytes)}
               </div>
             </div>
             <div>

package/src/components/admin/bulk-actions-bar.test.tsx

@@ -79,13 +79,7 @@ describe("BulkActionsBar", () => {
   it("fires onReactivate when Reactivate clicked", async () => {
     const user = userEvent.setup();
     const onReactivate = vi.fn();
-    render(
-      <BulkActionsBar
-        {...defaultProps}
-        hasSuspendedInSelection={true}
-        onReactivate={onReactivate}
-      />,
-    );
+    render(<BulkActionsBar {...defaultProps} hasSuspendedInSelection={true} onReactivate={onReactivate} />);
     await user.click(screen.getByText("Reactivate"));
     expect(onReactivate).toHaveBeenCalledOnce();
   });

package/src/components/admin/bulk-actions-bar.tsx

@@ -37,9 +37,7 @@ function BulkActionsBar({
         >
           <div className="flex items-center gap-2">
             <span className="text-lg font-semibold text-terminal">{selectedCount} selected</span>
-            {allMatchingSelected && (
-              <span className="text-sm text-muted-foreground">(all matching filters)</span>
-            )}
+            {allMatchingSelected && <span className="text-sm text-muted-foreground">(all matching filters)</span>}
           </div>
 
           <div className="flex items-center gap-2">

package/src/components/admin/bulk-export-dialog.test.tsx

@@ -47,13 +47,7 @@ describe("BulkExportDialog", () => {
   it("disables Generate export when all fields unchecked", async () => {
     const user = userEvent.setup();
     render(<BulkExportDialog {...defaultProps} />);
-    for (const label of [
-      "Account info",
-      "Credit balance",
-      "Monthly products",
-      "Lifetime spend",
-      "Last seen",
-    ]) {
+    for (const label of ["Account info", "Credit balance", "Monthly products", "Lifetime spend", "Last seen"]) {
       await user.click(screen.getByLabelText(label));
     }
     expect(screen.getByText("Generate export").closest("button")).toBeDisabled();

package/src/components/admin/bulk-export-dialog.tsx

@@ -14,13 +14,7 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog";
 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 { Separator } from "@/components/ui/separator";
 
 type ExportFieldKey =
@@ -55,13 +49,7 @@ interface BulkExportDialogProps {
   isLoading?: boolean;
 }
 
-function BulkExportDialog({
-  open,
-  onOpenChange,
-  selectedCount,
-  onConfirm,
-  isLoading,
-}: BulkExportDialogProps) {
+function BulkExportDialog({ open, onOpenChange, selectedCount, onConfirm, isLoading }: BulkExportDialogProps) {
   const [enabledFields, setEnabledFields] = useState<Set<ExportFieldKey>>(
     new Set(["account_info", "credit_balance", "monthly_products", "lifetime_spend", "last_seen"]),
   );
@@ -85,15 +73,7 @@ function BulkExportDialog({
 
   const handleOpenChange = (next: boolean) => {
     if (!next) {
-      setEnabledFields(
-        new Set([
-          "account_info",
-          "credit_balance",
-          "monthly_products",
-          "lifetime_spend",
-          "last_seen",
-        ]),
-      );
+      setEnabledFields(new Set(["account_info", "credit_balance", "monthly_products", "lifetime_spend", "last_seen"]));
     }
     onOpenChange(next);
   };
@@ -125,9 +105,7 @@ function BulkExportDialog({
                 <Label htmlFor={`export-${field.key}`} className="cursor-pointer">
                   {field.label}
                 </Label>
-                {field.description && (
-                  <span className="text-xs text-muted-foreground">{field.description}</span>
-                )}
+                {field.description && <span className="text-xs text-muted-foreground">{field.description}</span>}
               </div>
             </div>
           ))}
@@ -170,11 +148,7 @@ function BulkExportDialog({
           <Button variant="outline" onClick={() => handleOpenChange(false)} disabled={isLoading}>
             Cancel
           </Button>
-          <Button
-            variant="terminal"
-            onClick={handleConfirm}
-            disabled={enabledFields.size === 0 || isLoading}
-          >
+          <Button variant="terminal" onClick={handleConfirm} disabled={enabledFields.size === 0 || isLoading}>
             <Download className="size-4" />
             Generate export
             <ArrowRight className="size-4" />
@@ -185,5 +159,5 @@ function BulkExportDialog({
   );
 }
 
-export { BulkExportDialog };
 export type { ExportFieldKey };
+export { BulkExportDialog };

package/src/components/admin/bulk-grant-dialog.test.tsx

@@ -21,9 +21,7 @@ describe("BulkGrantDialog", () => {
   it("confirm button is disabled when amount is 0", () => {
     render(<BulkGrantDialog {...defaultProps} />);
     const buttons = screen.getAllByRole("button");
-    const confirmBtn = buttons.find(
-      (b) => b.textContent?.includes("Grant") && b.textContent?.includes("="),
-    );
+    const confirmBtn = buttons.find((b) => b.textContent?.includes("Grant") && b.textContent?.includes("="));
     expect(confirmBtn).toBeDisabled();
   });
 
@@ -32,9 +30,7 @@ describe("BulkGrantDialog", () => {
     render(<BulkGrantDialog {...defaultProps} />);
     await user.type(screen.getByLabelText("Amount per tenant"), "5");
     const buttons = screen.getAllByRole("button");
-    const confirmBtn = buttons.find(
-      (b) => b.textContent?.includes("Grant") && b.textContent?.includes("="),
-    );
+    const confirmBtn = buttons.find((b) => b.textContent?.includes("Grant") && b.textContent?.includes("="));
     expect(confirmBtn).toBeDisabled();
   });
 

package/src/components/admin/bulk-grant-dialog.tsx

@@ -25,13 +25,7 @@ interface BulkGrantDialogProps {
   isLoading?: boolean;
 }
 
-function BulkGrantDialog({
-  open,
-  onOpenChange,
-  selectedCount,
-  onConfirm,
-  isLoading,
-}: BulkGrantDialogProps) {
+function BulkGrantDialog({ open, onOpenChange, selectedCount, onConfirm, isLoading }: BulkGrantDialogProps) {
   const [amount, setAmount] = useState("");
   const [reason, setReason] = useState("");
   const [notifyByEmail, setNotifyByEmail] = useState(false);
@@ -66,21 +60,16 @@ function BulkGrantDialog({
         <DialogHeader>
           <DialogTitle className="flex items-center gap-2">
             <Gift className="size-5 text-terminal" />
-            Grant credits to <span className="text-terminal font-semibold">{selectedCount}</span>{" "}
-            tenants
+            Grant credits to <span className="text-terminal font-semibold">{selectedCount}</span> tenants
           </DialogTitle>
-          <DialogDescription>
-            Grant a fixed amount to each selected tenant account.
-          </DialogDescription>
+          <DialogDescription>Grant a fixed amount to each selected tenant account.</DialogDescription>
         </DialogHeader>
 
         <div className="flex flex-col gap-4">
           <div className="space-y-2">
             <Label htmlFor="grant-amount">Amount per tenant</Label>
             <div className="relative">
-              <span className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground">
-                $
-              </span>
+              <span className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground">$</span>
               <Input
                 id="grant-amount"
                 type="number"

package/src/components/admin/bulk-preview-dialog.tsx

@@ -9,14 +9,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from "@/components/ui/dialog";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
 
 interface PreviewTenant {
   tenantId: string;
@@ -51,9 +44,7 @@ function BulkPreviewDialog({
       <DialogContent className="sm:max-w-2xl">
         <DialogHeader>
           <DialogTitle>Preview: {tenants.length} tenants will be affected</DialogTitle>
-          <DialogDescription>
-            Review the list of tenants before executing the operation.
-          </DialogDescription>
+          <DialogDescription>Review the list of tenants before executing the operation.</DialogDescription>
         </DialogHeader>
 
         <div className="max-h-80 overflow-y-auto rounded-sm border border-border">
@@ -102,5 +93,5 @@ function BulkPreviewDialog({
   );
 }
 
-export { BulkPreviewDialog };
 export type { PreviewTenant };
+export { BulkPreviewDialog };

package/src/components/admin/bulk-reactivate-dialog.tsx

@@ -19,13 +19,7 @@ interface BulkReactivateDialogProps {
   isLoading?: boolean;
 }
 
-function BulkReactivateDialog({
-  open,
-  onOpenChange,
-  selectedCount,
-  onConfirm,
-  isLoading,
-}: BulkReactivateDialogProps) {
+function BulkReactivateDialog({ open, onOpenChange, selectedCount, onConfirm, isLoading }: BulkReactivateDialogProps) {
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="sm:max-w-sm">

package/src/components/admin/bulk-select-all-banner.tsx

@@ -10,12 +10,7 @@ interface BulkSelectAllBannerProps {
   onSelectAllMatching: () => void;
 }
 
-function BulkSelectAllBanner({
-  visible,
-  pageCount,
-  totalMatching,
-  onSelectAllMatching,
-}: BulkSelectAllBannerProps) {
+function BulkSelectAllBanner({ visible, pageCount, totalMatching, onSelectAllMatching }: BulkSelectAllBannerProps) {
   return (
     <AnimatePresence>
       {visible && (