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

package/src/app/admin/payment-methods/page.tsx

@@ -38,13 +38,7 @@ async function deriveXpubFromMnemonic(mnemonic: string, coinType: number): Promi
   return xpub;
 }
 
-function MnemonicDeriveSection({
-  chain,
-  onXpubDerived,
-}: {
-  chain: string;
-  onXpubDerived: (xpub: string) => void;
-}) {
+function MnemonicDeriveSection({ chain, onXpubDerived }: { chain: string; onXpubDerived: (xpub: string) => void }) {
   const [mnemonic, setMnemonic] = useState("");
   const [deriving, setDeriving] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -72,9 +66,7 @@ function MnemonicDeriveSection({
   if (derived) {
     return (
       <div className="col-span-2 rounded-md border border-green-500/30 bg-green-500/5 p-3">
-        <p className="text-xs text-green-500">
-          xpub derived and set. Mnemonic was cleared from memory.
-        </p>
+        <p className="text-xs text-green-500">xpub derived and set. Mnemonic was cleared from memory.</p>
       </div>
     );
   }
@@ -98,13 +90,7 @@ function MnemonicDeriveSection({
         spellCheck={false}
       />
       {error && <p className="text-xs text-destructive">{error}</p>}
-      <Button
-        type="button"
-        variant="outline"
-        size="sm"
-        onClick={handleDerive}
-        disabled={deriving || !mnemonic.trim()}
-      >
+      <Button type="button" variant="outline" size="sm" onClick={handleDerive} disabled={deriving || !mnemonic.trim()}>
         {deriving ? "Deriving..." : "Derive xpub"}
       </Button>
     </div>
@@ -248,9 +234,7 @@ function AddMethodForm({ onSaved }: { onSaved: () => void }) {
           />
         </label>
         <label className="col-span-2 space-y-1">
-          <span className="text-xs text-muted-foreground">
-            Oracle Address (Chainlink feed — empty for stablecoins)
-          </span>
+          <span className="text-xs text-muted-foreground">Oracle Address (Chainlink feed — empty for stablecoins)</span>
           <input
             className="w-full rounded-md border bg-background px-3 py-1.5 text-sm font-mono"
             placeholder="0x..."
@@ -260,10 +244,7 @@ function AddMethodForm({ onSaved }: { onSaved: () => void }) {
         </label>
 
         {/* --- xpub: paste directly or derive from mnemonic --- */}
-        <MnemonicDeriveSection
-          chain={form.chain}
-          onXpubDerived={(xpub) => setForm((f) => ({ ...f, xpub }))}
-        />
+        <MnemonicDeriveSection chain={form.chain} onXpubDerived={(xpub) => setForm((f) => ({ ...f, xpub }))} />
         <label className="col-span-2 space-y-1">
           <span className="text-xs text-muted-foreground">
             xpub (auto-filled from mnemonic above, or paste directly)
@@ -372,29 +353,19 @@ export default function AdminPaymentMethodsPage() {
                       <td className="py-2 pr-4 font-mono text-xs">
                         {m.contractAddress ? `${m.contractAddress.slice(0, 10)}...` : "—"}
                       </td>
-                      <td className="py-2 pr-4 font-mono text-xs">
-                        {m.xpub ? `${m.xpub.slice(0, 12)}...` : "—"}
-                      </td>
-                      <td className="py-2 pr-4 font-mono text-xs">
-                        {m.rpcUrl ? `${m.rpcUrl.slice(0, 20)}...` : "—"}
-                      </td>
+                      <td className="py-2 pr-4 font-mono text-xs">{m.xpub ? `${m.xpub.slice(0, 12)}...` : "—"}</td>
+                      <td className="py-2 pr-4 font-mono text-xs">{m.rpcUrl ? `${m.rpcUrl.slice(0, 20)}...` : "—"}</td>
                       <td className="py-2 pr-4">
                         <span
                           className={
-                            m.enabled
-                              ? "text-xs font-medium text-green-500"
-                              : "text-xs font-medium text-red-500"
+                            m.enabled ? "text-xs font-medium text-green-500" : "text-xs font-medium text-red-500"
                           }
                         >
                           {m.enabled ? "Enabled" : "Disabled"}
                         </span>
                       </td>
                       <td className="py-2">
-                        <Button
-                          variant="ghost"
-                          size="sm"
-                          onClick={() => handleToggle(m.id, !m.enabled)}
-                        >
+                        <Button variant="ghost" size="sm" onClick={() => handleToggle(m.id, !m.enabled)}>
                           {m.enabled ? "Disable" : "Enable"}
                         </Button>
                       </td>

package/src/app/admin/products/error.tsx

@@ -3,14 +3,9 @@
 import { useEffect } from "react";
 import { Button } from "@/components/ui/button";
 
-export default function ProductsError({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
+export default function ProductsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   useEffect(() => {
+    // biome-ignore lint/suspicious/noConsole: error boundary diagnostic logging
     console.error("Admin products page error:", error);
   }, [error]);
 

package/src/app/admin/products/page.tsx

@@ -215,10 +215,7 @@ export default function AdminProductsPage() {
         </TabsContent>
 
         <TabsContent value="features">
-          <FeaturesForm
-            initial={config.features ?? DEFAULT_FEATURES}
-            onSave={mutateProductConfig}
-          />
+          <FeaturesForm initial={config.features ?? DEFAULT_FEATURES} onSave={mutateProductConfig} />
         </TabsContent>
 
         <TabsContent value="fleet">

package/src/app/admin/promotions/[id]/page.tsx

@@ -7,24 +7,11 @@ import { useCallback, useEffect, useState } from "react";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { Progress } from "@/components/ui/progress";
 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 type { Promotion, Redemption } from "@/lib/promotions-types";
 import { trpcVanilla } from "@/lib/trpc";
 import { cn } from "@/lib/utils";
@@ -142,9 +129,7 @@ export default function PromotionDetailPage() {
   }
 
   const budgetUsedPercent =
-    promo.budgetCap && promo.budgetCap > 0
-      ? Math.min(100, (promo.totalCreditsGranted / promo.budgetCap) * 100)
-      : null;
+    promo.budgetCap && promo.budgetCap > 0 ? Math.min(100, (promo.totalCreditsGranted / promo.budgetCap) * 100) : null;
 
   return (
     <div className="p-6 space-y-6">
@@ -171,18 +156,14 @@ export default function PromotionDetailPage() {
             <div className="text-2xl font-bold tabular-nums">
               {promo.totalUses}
               {promo.totalUseLimit !== null && (
-                <span className="text-sm text-muted-foreground font-normal">
-                  /{promo.totalUseLimit}
-                </span>
+                <span className="text-sm text-muted-foreground font-normal">/{promo.totalUseLimit}</span>
               )}
             </div>
           </CardContent>
         </Card>
         <Card>
           <CardHeader className="pb-2">
-            <CardTitle className="text-xs text-muted-foreground font-normal">
-              Credits Granted
-            </CardTitle>
+            <CardTitle className="text-xs text-muted-foreground font-normal">Credits Granted</CardTitle>
           </CardHeader>
           <CardContent>
             <div className="text-2xl font-bold tabular-nums text-terminal">
@@ -192,9 +173,7 @@ export default function PromotionDetailPage() {
         </Card>
         <Card>
           <CardHeader className="pb-2">
-            <CardTitle className="text-xs text-muted-foreground font-normal">
-              Budget Remaining
-            </CardTitle>
+            <CardTitle className="text-xs text-muted-foreground font-normal">Budget Remaining</CardTitle>
           </CardHeader>
           <CardContent>
             {promo.budgetCap !== null ? (
@@ -211,9 +190,7 @@ export default function PromotionDetailPage() {
         </Card>
         <Card>
           <CardHeader className="pb-2">
-            <CardTitle className="text-xs text-muted-foreground font-normal">
-              Time Remaining
-            </CardTitle>
+            <CardTitle className="text-xs text-muted-foreground font-normal">Time Remaining</CardTitle>
           </CardHeader>
           <CardContent>
             <div className="text-2xl font-bold">{timeRemaining(promo.endsAt)}</div>
@@ -252,11 +229,7 @@ export default function PromotionDetailPage() {
                 />
               </div>
               {genResult && <p className="text-sm text-muted-foreground">{genResult}</p>}
-              <Button
-                onClick={handleGenerate}
-                disabled={generating || genCount < 1}
-                className="w-full"
-              >
+              <Button onClick={handleGenerate} disabled={generating || genCount < 1} className="w-full">
                 {generating ? "Generating..." : `Generate ${genCount} codes`}
               </Button>
             </div>
@@ -286,9 +259,7 @@ export default function PromotionDetailPage() {
               <TableBody>
                 {redemptions.map((r) => (
                   <TableRow key={r.id}>
-                    <TableCell className="font-mono text-xs">
-                      {r.tenantId.slice(0, 12)}...
-                    </TableCell>
+                    <TableCell className="font-mono text-xs">{r.tenantId.slice(0, 12)}...</TableCell>
                     <TableCell className="text-right tabular-nums text-terminal">
                       {formatCreditCount(r.creditsGranted)}
                     </TableCell>

package/src/app/admin/promotions/page.tsx

@@ -11,22 +11,9 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-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 { toUserMessage } from "@/lib/errors";
 import type { Promotion, PromotionStatus, PromotionType } from "@/lib/promotions-types";
 import { trpcVanilla } from "@/lib/trpc";
@@ -53,8 +40,7 @@ const TYPE_LABELS: Record<PromotionType, string> = {
 };
 
 function formatWindow(startsAt: string | null, endsAt: string | null): string {
-  const fmt = (d: string) =>
-    new Date(d).toLocaleDateString("en-US", { month: "short", day: "numeric" });
+  const fmt = (d: string) => new Date(d).toLocaleDateString("en-US", { month: "short", day: "numeric" });
   if (!startsAt) return "Immediate";
   if (!endsAt) return `${fmt(startsAt)} — no end`;
   return `${fmt(startsAt)} — ${fmt(endsAt)}`;
@@ -168,9 +154,7 @@ export default function PromotionsListPage() {
           ))}
         </div>
       ) : promotions.length === 0 ? (
-        <div className="flex h-40 items-center justify-center text-sm text-muted-foreground">
-          No promotions found.
-        </div>
+        <div className="flex h-40 items-center justify-center text-sm text-muted-foreground">No promotions found.</div>
       ) : (
         <Table>
           <TableHeader>
@@ -193,22 +177,16 @@ export default function PromotionsListPage() {
                     {p.name}
                   </Link>
                 </TableCell>
-                <TableCell className="text-sm text-muted-foreground">
-                  {TYPE_LABELS[p.type]}
-                </TableCell>
+                <TableCell className="text-sm text-muted-foreground">{TYPE_LABELS[p.type]}</TableCell>
                 <TableCell>
                   <Badge variant="secondary" className={cn("text-xs", STATUS_COLORS[p.status])}>
                     {p.status}
                   </Badge>
                 </TableCell>
-                <TableCell className="text-sm text-muted-foreground">
-                  {formatWindow(p.startsAt, p.endsAt)}
-                </TableCell>
+                <TableCell className="text-sm text-muted-foreground">{formatWindow(p.startsAt, p.endsAt)}</TableCell>
                 <TableCell className="text-right tabular-nums">
                   {p.totalUses}
-                  {p.totalUseLimit !== null && (
-                    <span className="text-muted-foreground">/{p.totalUseLimit}</span>
-                  )}
+                  {p.totalUseLimit !== null && <span className="text-muted-foreground">/{p.totalUseLimit}</span>}
                 </TableCell>
                 <TableCell className="text-right tabular-nums text-terminal">
                   {formatCreditCount(p.totalCreditsGranted)}
@@ -230,9 +208,7 @@ export default function PromotionsListPage() {
                           View Detail
                         </Link>
                       </DropdownMenuItem>
-                      {(p.status === "draft" ||
-                        p.status === "scheduled" ||
-                        p.status === "paused") && (
+                      {(p.status === "draft" || p.status === "scheduled" || p.status === "paused") && (
                         <DropdownMenuItem onClick={() => handleAction(p.id, "activate")}>
                           <Play className="h-4 w-4 mr-2" />
                           Activate
@@ -245,10 +221,7 @@ export default function PromotionsListPage() {
                         </DropdownMenuItem>
                       )}
                       {p.status !== "cancelled" && p.status !== "expired" && (
-                        <DropdownMenuItem
-                          onClick={() => handleAction(p.id, "cancel")}
-                          className="text-destructive"
-                        >
+                        <DropdownMenuItem onClick={() => handleAction(p.id, "cancel")} className="text-destructive">
                           <XCircle className="h-4 w-4 mr-2" />
                           Cancel
                         </DropdownMenuItem>

package/src/app/admin/rate-overrides/page.tsx

@@ -6,23 +6,10 @@ import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 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 { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/components/ui/sheet";
 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 { Textarea } from "@/components/ui/textarea";
 import { toUserMessage } from "@/lib/errors";
 import type { AdapterRateOverride, RateOverrideStatus } from "@/lib/promotions-types";
@@ -33,14 +20,7 @@ import { cn } from "@/lib/utils";
 // Constants
 // ---------------------------------------------------------------------------
 
-const ADAPTER_IDS = [
-  "nano-banana",
-  "elevenlabs",
-  "deepgram",
-  "openrouter",
-  "replicate",
-  "gemini",
-] as const;
+const ADAPTER_IDS = ["nano-banana", "elevenlabs", "deepgram", "openrouter", "replicate", "gemini"] as const;
 
 const STATUS_COLORS: Record<RateOverrideStatus, string> = {
   active: "bg-terminal/15 text-terminal border border-terminal/20",
@@ -50,8 +30,7 @@ const STATUS_COLORS: Record<RateOverrideStatus, string> = {
 };
 
 function formatWindow(startsAt: string, endsAt: string | null): string {
-  const fmt = (d: string) =>
-    new Date(d).toLocaleDateString("en-US", { month: "short", day: "numeric" });
+  const fmt = (d: string) => new Date(d).toLocaleDateString("en-US", { month: "short", day: "numeric" });
   if (!endsAt) return `${fmt(startsAt)} — no end`;
   return `${fmt(startsAt)} — ${fmt(endsAt)}`;
 }
@@ -181,9 +160,7 @@ export default function RateOverridesPage() {
                   value={formDiscount}
                   onChange={(e) => setFormDiscount(Number(e.target.value))}
                 />
-                <p className="text-xs text-muted-foreground mt-1">
-                  100% = free for users — platform absorbs full cost
-                </p>
+                <p className="text-xs text-muted-foreground mt-1">100% = free for users — platform absorbs full cost</p>
               </div>
               <div>
                 <Label htmlFor="ro-starts">Starts At</Label>
@@ -205,19 +182,10 @@ export default function RateOverridesPage() {
               </div>
               <div>
                 <Label htmlFor="ro-notes">Notes</Label>
-                <Textarea
-                  id="ro-notes"
-                  value={formNotes}
-                  onChange={(e) => setFormNotes(e.target.value)}
-                  rows={2}
-                />
+                <Textarea id="ro-notes" value={formNotes} onChange={(e) => setFormNotes(e.target.value)} rows={2} />
               </div>
               {formError && <p className="text-sm text-destructive">{formError}</p>}
-              <Button
-                onClick={handleCreate}
-                disabled={creating || !formName || !formStartsAt}
-                className="w-full"
-              >
+              <Button onClick={handleCreate} disabled={creating || !formName || !formStartsAt} className="w-full">
                 {creating ? "Creating..." : "Create Override"}
               </Button>
             </div>
@@ -257,17 +225,13 @@ export default function RateOverridesPage() {
                 <TableCell className="font-mono text-xs">{o.adapterId}</TableCell>
                 <TableCell className="font-medium">{o.name}</TableCell>
                 <TableCell className="text-right tabular-nums">{o.discountPercent}%</TableCell>
-                <TableCell className="text-sm text-muted-foreground">
-                  {formatWindow(o.startsAt, o.endsAt)}
-                </TableCell>
+                <TableCell className="text-sm text-muted-foreground">{formatWindow(o.startsAt, o.endsAt)}</TableCell>
                 <TableCell>
                   <Badge variant="secondary" className={cn("text-xs", STATUS_COLORS[o.status])}>
                     {o.status}
                   </Badge>
                 </TableCell>
-                <TableCell className="text-sm text-muted-foreground">
-                  {o.createdBy ?? "—"}
-                </TableCell>
+                <TableCell className="text-sm text-muted-foreground">{o.createdBy ?? "—"}</TableCell>
                 <TableCell>
                   {o.status !== "cancelled" && o.status !== "expired" && (
                     <Button

package/src/app/auth/callback/[provider]/page.tsx

@@ -5,14 +5,7 @@ import Link from "next/link";
 import { useParams, useRouter, useSearchParams } from "next/navigation";
 import { Suspense, useEffect, useState } from "react";
 import { AuthShell } from "@/components/auth/auth-shell";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
 import { getOAuthErrorMessage } from "@/lib/oauth-errors";
 import { sanitizeRedirectUrl } from "@/lib/utils";
 

package/src/app/auth/verify/page.tsx

@@ -8,14 +8,7 @@ import { Suspense, useEffect, useState } from "react";
 import { AuthShell } from "@/components/auth/auth-shell";
 import { ResendVerificationButton } from "@/components/auth/resend-verification-button";
 import { Button } from "@/components/ui/button";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
 
 function SuccessContent() {
   const router = useRouter();
@@ -50,14 +43,11 @@ function SuccessContent() {
         <CardTitle className="text-sm font-medium uppercase tracking-widest text-terminal text-center">
           Email verified
         </CardTitle>
-        <CardDescription className="text-center">
-          Your email has been verified successfully.
-        </CardDescription>
+        <CardDescription className="text-center">Your email has been verified successfully.</CardDescription>
       </CardHeader>
       <CardContent className="flex flex-col gap-3">
         <p className="text-sm text-center text-muted-foreground">
-          Your <span className="text-terminal font-medium">$5 signup credit</span> has been applied
-          to your account.
+          Your <span className="text-terminal font-medium">$5 signup credit</span> has been applied to your account.
         </p>
         <p className="text-sm text-center text-muted-foreground">
           Redirecting in <span className="text-terminal font-medium tabular-nums">{countdown}</span>
@@ -65,10 +55,7 @@ function SuccessContent() {
         </p>
       </CardContent>
       <CardFooter className="justify-center">
-        <Link
-          href="/onboarding"
-          className="text-sm text-terminal-dim underline underline-offset-4 hover:text-terminal"
-        >
+        <Link href="/onboarding" className="text-sm text-terminal-dim underline underline-offset-4 hover:text-terminal">
           Continue to setup
         </Link>
       </CardFooter>
@@ -141,9 +128,7 @@ function ErrorContent({
         </div>
       );
       title = "Verification failed";
-      description = status
-        ? "Something went wrong verifying your email."
-        : "No verification status provided.";
+      description = status ? "Something went wrong verifying your email." : "No verification status provided.";
       footer = null;
       break;
   }
@@ -151,17 +136,11 @@ function ErrorContent({
   const titleColor = reason === "already-verified" ? "text-terminal" : "text-destructive";
   const footerLink =
     reason === "already-verified" ? (
-      <Link
-        href="/login"
-        className="text-sm text-terminal-dim underline underline-offset-4 hover:text-terminal"
-      >
+      <Link href="/login" className="text-sm text-terminal-dim underline underline-offset-4 hover:text-terminal">
         Sign in
       </Link>
     ) : (
-      <Link
-        href="/login"
-        className="text-sm text-terminal-dim underline underline-offset-4 hover:text-terminal"
-      >
+      <Link href="/login" className="text-sm text-terminal-dim underline underline-offset-4 hover:text-terminal">
         Back to sign in
       </Link>
     );
@@ -176,9 +155,7 @@ function ErrorContent({
         >
           {icon}
         </motion.div>
-        <CardTitle
-          className={`text-sm font-medium uppercase tracking-widest ${titleColor} text-center`}
-        >
+        <CardTitle className={`text-sm font-medium uppercase tracking-widest ${titleColor} text-center`}>
           {title}
         </CardTitle>
         <CardDescription className="text-center">{description}</CardDescription>
@@ -204,11 +181,7 @@ function VerifyContent() {
       </div>
       <div className="relative z-10 w-full max-w-sm">
         <AuthShell>
-          {isSuccess ? (
-            <SuccessContent />
-          ) : (
-            <ErrorContent status={status} reason={reason} email={emailParam} />
-          )}
+          {isSuccess ? <SuccessContent /> : <ErrorContent status={status} reason={reason} email={emailParam} />}
         </AuthShell>
       </div>
     </div>

package/src/app/channels/error.tsx

@@ -8,13 +8,7 @@ import { logger } from "@/lib/logger";
 
 const log = logger("error-boundary:channels");
 
-export default function ChannelsError({
-  error,
-  reset,
-}: {
-  error: Error & { digest?: string };
-  reset: () => void;
-}) {
+export default function ChannelsError({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) {
   const [showDetails, setShowDetails] = useState(false);
   const isDev = process.env.NODE_ENV === "development";
 
@@ -32,9 +26,7 @@ export default function ChannelsError({
           </div>
         </CardHeader>
         <CardContent className="space-y-4">
-          <p className="text-muted-foreground">
-            Something went wrong loading channels. This may be a temporary issue.
-          </p>
+          <p className="text-muted-foreground">Something went wrong loading channels. This may be a temporary issue.</p>
           {isDev && (
             <Button
               type="button"

package/src/app/channels/layout.tsx

@@ -0,0 +1,9 @@
+"use client";
+
+import { useRequireAuth } from "@/lib/require-auth";
+
+export default function ChannelsLayout({ children }: { children: React.ReactNode }) {
+  const { isPending, isAuthed } = useRequireAuth();
+  if (isPending || !isAuthed) return null;
+  return <>{children}</>;
+}

package/src/app/channels/page.tsx

@@ -66,16 +66,14 @@ export default function ChannelsPage() {
       <div className="mb-8">
         <h1 className="text-2xl font-bold tracking-widest uppercase">COMMS CHANNELS</h1>
         <p className="mt-1 text-sm text-muted-foreground">
-          Connect messaging platforms to your {getBrandConfig().productName}. Each channel is driven
-          by a plugin manifest.
+          Connect messaging platforms to your {getBrandConfig().productName}. Each channel is driven by a plugin
+          manifest.
         </p>
       </div>
 
       {loading && (
         <section className="mb-10">
-          <h2 className="mb-4 text-sm font-semibold uppercase tracking-wider text-terminal">
-            LINKED
-          </h2>
+          <h2 className="mb-4 text-sm font-semibold uppercase tracking-wider text-terminal">LINKED</h2>
           <p className="mb-4 font-mono text-sm text-terminal/60">
             &gt; QUERYING CHANNEL STATUS...
             <span className="animate-[pulse-dot_1s_step-end_infinite]">_</span>
@@ -122,9 +120,7 @@ export default function ChannelsPage() {
       {!loading && !error && (
         <>
           <section className="mb-10">
-            <h2 className="mb-4 text-sm font-semibold uppercase tracking-wider text-terminal">
-              LINKED
-            </h2>
+            <h2 className="mb-4 text-sm font-semibold uppercase tracking-wider text-terminal">LINKED</h2>
             {instances.some((inst) => inst.channels.length > 0) ? (
               <motion.div
                 variants={staggerContainer}
@@ -168,9 +164,7 @@ export default function ChannelsPage() {
                             </CardHeader>
                             <CardContent>
                               <Button variant="ghost" size="sm" asChild>
-                                <Link href={`/instances/${inst.id}?tab=channels`}>
-                                  View Details
-                                </Link>
+                                <Link href={`/instances/${inst.id}?tab=channels`}>View Details</Link>
                               </Button>
                             </CardContent>
                           </Card>
@@ -182,17 +176,13 @@ export default function ChannelsPage() {
               </motion.div>
             ) : (
               <div className="flex h-40 items-center justify-center rounded-sm border border-dashed border-terminal/20">
-                <p className="font-mono text-sm text-terminal/60">
-                  &gt; NO CHANNELS LINKED. YOUR BOT IS ISOLATED.
-                </p>
+                <p className="font-mono text-sm text-terminal/60">&gt; NO CHANNELS LINKED. YOUR BOT IS ISOLATED.</p>
               </div>
             )}
           </section>
 
           <section>
-            <h2 className="mb-4 text-sm font-semibold uppercase tracking-wider text-muted-foreground">
-              AVAILABLE
-            </h2>
+            <h2 className="mb-4 text-sm font-semibold uppercase tracking-wider text-muted-foreground">AVAILABLE</h2>
             <motion.div
               variants={staggerContainer}
               initial="hidden"
@@ -235,9 +225,7 @@ export default function ChannelsPage() {
                         <CardContent className="mt-auto">
                           {singleBotId ? (
                             <Button variant="terminal" className="w-full" asChild>
-                              <Link href={`/channels/setup/${manifest.id}?botId=${singleBotId}`}>
-                                Connect
-                              </Link>
+                              <Link href={`/channels/setup/${manifest.id}?botId=${singleBotId}`}>Connect</Link>
                             </Button>
                           ) : instances.length > 1 ? (
                             <Button variant="terminal" className="w-full" asChild>