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

package/src/components/instances/friends-tab.test.tsx

@@ -16,12 +16,7 @@ vi.mock("@/lib/api", () => ({
 }));
 
 import type { AutoAcceptConfig, DiscoveredBot, Friend, FriendRequest } from "@/lib/api";
-import {
-  getAutoAcceptConfig,
-  listDiscoveredBots,
-  listFriendRequests,
-  listFriends,
-} from "@/lib/api";
+import { getAutoAcceptConfig, listDiscoveredBots, listFriendRequests, listFriends } from "@/lib/api";
 import { FriendsTab } from "./friends-tab";
 
 const mockListFriends = listFriends as ReturnType<typeof vi.fn>;
@@ -88,9 +83,7 @@ describe("FriendsTab", () => {
 
     render(<FriendsTab instanceId={INSTANCE_ID} />);
     await waitFor(() => {
-      expect(
-        screen.getByText("No friends yet. Discover bots on the network below."),
-      ).toBeInTheDocument();
+      expect(screen.getByText("No friends yet. Discover bots on the network below.")).toBeInTheDocument();
     });
   });
 

package/src/components/instances/friends-tab.tsx

@@ -11,14 +11,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover
 import { Separator } from "@/components/ui/separator";
 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 type { AutoAcceptConfig, DiscoveredBot, Friend, FriendRequest } from "@/lib/api";
 import {
   acceptFriendRequest,
@@ -143,16 +136,12 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
     setActionError(null);
     const updated = current.includes(cap) ? current.filter((c) => c !== cap) : [...current, cap];
     // Optimistic update
-    setFriends((prev) =>
-      prev.map((f) => (f.id === friendId ? { ...f, sharedCapabilities: updated } : f)),
-    );
+    setFriends((prev) => prev.map((f) => (f.id === friendId ? { ...f, sharedCapabilities: updated } : f)));
     try {
       await updateFriendCapabilities(instanceId, friendId, updated);
     } catch (err) {
       // Rollback
-      setFriends((prev) =>
-        prev.map((f) => (f.id === friendId ? { ...f, sharedCapabilities: current } : f)),
-      );
+      setFriends((prev) => prev.map((f) => (f.id === friendId ? { ...f, sharedCapabilities: current } : f)));
       setActionError(toUserMessage(err, "Failed to update capabilities"));
     }
   }
@@ -196,12 +185,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
     return (
       <div className="space-y-6">
         {Array.from({ length: 4 }, (_, i) => `friends-sk-${i}`).map((skId, i) => (
-          <motion.div
-            key={skId}
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            transition={{ delay: i * 0.05 }}
-          >
+          <motion.div key={skId} initial={{ opacity: 0 }} animate={{ opacity: 1 }} transition={{ delay: i * 0.05 }}>
             <Skeleton className="h-24 w-full rounded-sm" />
           </motion.div>
         ))}
@@ -211,9 +195,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
 
   if (error) {
     return (
-      <div className="rounded-md border border-red-500/25 bg-red-500/10 px-4 py-3 text-sm text-red-500">
-        {error}
-      </div>
+      <div className="rounded-md border border-red-500/25 bg-red-500/10 px-4 py-3 text-sm text-red-500">{error}</div>
     );
   }
 
@@ -269,9 +251,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
                           transition={{ duration: 0.15 }}
                           className="transition-colors hover:bg-muted/50 even:bg-muted/20 border-b last:border-b-0"
                         >
-                          <TableCell className="font-medium text-sm text-foreground">
-                            {friend.name}
-                          </TableCell>
+                          <TableCell className="font-medium text-sm text-foreground">{friend.name}</TableCell>
                           <TableCell>
                             <FriendStatusBadge status={friend.status} />
                           </TableCell>
@@ -285,13 +265,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
                                     key={cap}
                                     variant="outline"
                                     className="rounded-sm border-terminal/20 bg-terminal/5 text-terminal-dim text-xs px-1.5 py-0.5 cursor-pointer hover:bg-terminal/10 transition-colors duration-150"
-                                    onClick={() =>
-                                      handleToggleCapability(
-                                        friend.id,
-                                        friend.sharedCapabilities,
-                                        cap,
-                                      )
-                                    }
+                                    onClick={() => handleToggleCapability(friend.id, friend.sharedCapabilities, cap)}
                                   >
                                     {cap} <X className="ml-0.5 size-3 inline" />
                                   </Badge>
@@ -299,9 +273,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
                               )}
                               <CapabilityAddPopover
                                 existing={friend.sharedCapabilities}
-                                onAdd={(cap) =>
-                                  handleToggleCapability(friend.id, friend.sharedCapabilities, cap)
-                                }
+                                onAdd={(cap) => handleToggleCapability(friend.id, friend.sharedCapabilities, cap)}
                               />
                             </div>
                           </TableCell>
@@ -367,9 +339,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
                               transition={{ duration: 0.15 }}
                               className="transition-colors hover:bg-muted/50 border-l-2 border-l-terminal border-b last:border-b-0"
                             >
-                              <TableCell className="font-medium text-sm text-foreground">
-                                {req.fromName}
-                              </TableCell>
+                              <TableCell className="font-medium text-sm text-foreground">{req.fromName}</TableCell>
                               <TableCell className="hidden md:table-cell text-xs text-muted-foreground">
                                 {formatRelativeTime(req.createdAt)}
                               </TableCell>
@@ -429,9 +399,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
                               transition={{ duration: 0.15 }}
                               className="transition-colors hover:bg-muted/50 opacity-80 border-b last:border-b-0"
                             >
-                              <TableCell className="font-medium text-sm text-foreground">
-                                {req.toName}
-                              </TableCell>
+                              <TableCell className="font-medium text-sm text-foreground">{req.toName}</TableCell>
                               <TableCell className="hidden md:table-cell text-xs text-muted-foreground">
                                 {formatRelativeTime(req.createdAt)}
                               </TableCell>
@@ -474,15 +442,13 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
               <div className="flex flex-col items-center justify-center py-8 gap-3">
                 <Radio className="size-12 text-muted-foreground/50" />
                 <p className="text-sm text-muted-foreground italic">
-                  No bots discovered on the network. Your bot may need to be online to discover
-                  peers.
+                  No bots discovered on the network. Your bot may need to be online to discover peers.
                 </p>
               </div>
             ) : (
               <div className="rounded-sm border">
                 <div className="px-3 py-1.5 border-b text-xs text-muted-foreground">
-                  Showing {discovered.length} bot{discovered.length !== 1 ? "s" : ""} on your local
-                  network
+                  Showing {discovered.length} bot{discovered.length !== 1 ? "s" : ""} on your local network
                 </div>
                 <Table>
                   <TableHeader>
@@ -494,13 +460,8 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
                   </TableHeader>
                   <TableBody>
                     {discovered.map((bot) => (
-                      <TableRow
-                        key={bot.id}
-                        className="transition-colors hover:bg-terminal/5 even:bg-muted/20"
-                      >
-                        <TableCell className="font-medium text-sm text-foreground">
-                          {bot.name}
-                        </TableCell>
+                      <TableRow key={bot.id} className="transition-colors hover:bg-terminal/5 even:bg-muted/20">
+                        <TableCell className="font-medium text-sm text-foreground">{bot.name}</TableCell>
                         <TableCell className="hidden md:table-cell">
                           <div className="flex flex-wrap gap-1">
                             {bot.capabilities.map((cap) => (
@@ -516,12 +477,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
                         </TableCell>
                         <TableCell className="text-right">
                           {sendingTo === bot.id ? (
-                            <Button
-                              size="sm"
-                              variant="ghost"
-                              className="text-muted-foreground"
-                              disabled
-                            >
+                            <Button size="sm" variant="ghost" className="text-muted-foreground" disabled>
                               <Loader2 className="size-3.5 animate-spin md:mr-1" />
                               <span className="hidden md:inline">Pending...</span>
                             </Button>
@@ -585,10 +541,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
                   >
                     <div className="bg-secondary rounded-sm p-4 mt-3 space-y-3">
                       <div className="space-y-1">
-                        <label
-                          htmlFor="cap-rules"
-                          className="text-xs font-medium text-muted-foreground"
-                        >
+                        <label htmlFor="cap-rules" className="text-xs font-medium text-muted-foreground">
                           Required capabilities (comma-separated)
                         </label>
                         <Input
@@ -601,10 +554,7 @@ export function FriendsTab({ instanceId }: { instanceId: string }) {
                         />
                       </div>
                       <div className="space-y-1">
-                        <label
-                          htmlFor="max-friends"
-                          className="text-xs font-medium text-muted-foreground"
-                        >
+                        <label htmlFor="max-friends" className="text-xs font-medium text-muted-foreground">
                           Max friends
                         </label>
                         <Input
@@ -658,13 +608,7 @@ function FriendStatusBadge({ status }: { status: "online" | "offline" | "unknown
   );
 }
 
-function CapabilityAddPopover({
-  existing,
-  onAdd,
-}: {
-  existing: string[];
-  onAdd: (cap: string) => void;
-}) {
+function CapabilityAddPopover({ existing, onAdd }: { existing: string[]; onAdd: (cap: string) => void }) {
   const [value, setValue] = useState("");
 
   function handleAdd() {

package/src/components/instances/update-available-badge.tsx

@@ -36,12 +36,7 @@ interface UpdateAvailableBadgeProps {
   onUpdated?: () => void;
 }
 
-export function UpdateAvailableBadge({
-  instanceId,
-  instanceName,
-  changelog,
-  onUpdated,
-}: UpdateAvailableBadgeProps) {
+export function UpdateAvailableBadge({ instanceId, instanceName, changelog, onUpdated }: UpdateAvailableBadgeProps) {
   const [pulling, setPulling] = useState(false);
 
   async function handleUpdate() {
@@ -96,11 +91,7 @@ export function UpdateAvailableBadge({
 
         <AlertDialogFooter>
           <AlertDialogCancel>Later</AlertDialogCancel>
-          <AlertDialogAction
-            onClick={handleUpdate}
-            disabled={pulling}
-            className="bg-amber-600 hover:bg-amber-700"
-          >
+          <AlertDialogAction onClick={handleUpdate} disabled={pulling} className="bg-amber-600 hover:bg-amber-700">
             {pulling ? (
               <>
                 <Loader2 className="mr-2 h-4 w-4 animate-spin" />

package/src/components/landing/hero.tsx

@@ -18,10 +18,7 @@ export function Hero() {
       />
 
       {/* Radial glow pulse */}
-      <div
-        className="pointer-events-none absolute inset-0 flex items-center justify-center"
-        aria-hidden="true"
-      >
+      <div className="pointer-events-none absolute inset-0 flex items-center justify-center" aria-hidden="true">
         <div className="animate-gentle-pulse h-[600px] w-[600px] rounded-full bg-terminal/5 blur-[120px]" />
       </div>
 
@@ -34,8 +31,7 @@ export function Hero() {
         </h1>
 
         <p className="mt-8 max-w-2xl text-lg text-muted-foreground md:text-xl">
-          A $5/month supercomputer that runs your business. No really. We know because we run ours
-          on one.
+          A $5/month supercomputer that runs your business. No really. We know because we run ours on one.
         </p>
 
         <div className="mt-12 flex flex-col items-center gap-4 sm:flex-row">
@@ -44,9 +40,7 @@ export function Hero() {
           </Button>
         </div>
 
-        <span className="mt-4 text-sm text-muted-foreground">
-          Starting at $5/month. Less than Netflix.
-        </span>
+        <span className="mt-4 text-sm text-muted-foreground">Starting at $5/month. Less than Netflix.</span>
       </div>
     </section>
   );

package/src/components/landing/landing-page.tsx

@@ -15,9 +15,7 @@ function CtaBlock({ className }: { className?: string }) {
       <Button variant="terminal" size="lg" asChild>
         <Link href="/signup">Start for free</Link>
       </Button>
-      <span className="mt-4 font-mono text-xs text-terminal/40">
-        Your {productName()} is waiting.
-      </span>
+      <span className="mt-4 font-mono text-xs text-terminal/40">Your {productName()} is waiting.</span>
     </div>
   );
 }

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

@@ -136,8 +136,7 @@ export function PortfolioChart({ onMilestoneRef, onFadeStartRef }: PortfolioChar
   // Wire milestone ref
   useEffect(() => {
     if (onMilestoneRef && "current" in onMilestoneRef) {
-      (onMilestoneRef as React.MutableRefObject<((label: string) => void) | null>).current =
-        handleMilestone;
+      (onMilestoneRef as React.MutableRefObject<((label: string) => void) | null>).current = handleMilestone;
     }
     return () => {
       if (onMilestoneRef && "current" in onMilestoneRef) {
@@ -222,15 +221,12 @@ export function PortfolioChart({ onMilestoneRef, onFadeStartRef }: PortfolioChar
       // Smooth the viewport anchor — EMA tracks trend, not raw noise
       // Faster at start (less history), slower as chart matures
       const emaAlpha = Math.max(0.02, 0.15 - s.milestoneCount * 0.002);
-      s.smoothedValue =
-        s.count < 2 ? s.value : s.smoothedValue * (1 - emaAlpha) + s.value * emaAlpha;
+      s.smoothedValue = s.count < 2 ? s.value : s.smoothedValue * (1 - emaAlpha) + s.value * emaAlpha;
 
       // Viewport — zooms in gently early, then zooms WAY out as milestones accumulate
       const yRange = 30 + s.milestoneCount * 8;
       const xSpan =
-        s.milestoneCount < 30
-          ? Math.max(300, 500 - s.milestoneCount * 4)
-          : 380 + (s.milestoneCount - 30) * 150;
+        s.milestoneCount < 30 ? Math.max(300, 500 - s.milestoneCount * 4) : 380 + (s.milestoneCount - 30) * 150;
       const xRight = s.t;
       const xLeft = s.t - xSpan;
 
@@ -274,8 +270,7 @@ export function PortfolioChart({ onMilestoneRef, onFadeStartRef }: PortfolioChar
 
       // End-of-sequence fade: triggered when terminal enters final-typing.
       const FADE_DURATION = 2000; // ms
-      const lineAlpha =
-        s.fadeStartTime < 0 ? 1 : Math.max(0, 1 - (now - s.fadeStartTime) / FADE_DURATION);
+      const lineAlpha = s.fadeStartTime < 0 ? 1 : Math.max(0, 1 - (now - s.fadeStartTime) / FADE_DURATION);
 
       if (lineAlpha > 0.01) {
         // Layer 1: Bloom

package/src/components/landing/story-sections.tsx

@@ -40,9 +40,7 @@ export function StorySections() {
           }}
         >
           <h2 className="font-mono text-lg font-bold text-terminal sm:text-xl">{story.heading}</h2>
-          <p className="mt-4 font-mono text-sm leading-relaxed text-terminal/60 sm:text-base">
-            {story.body}
-          </p>
+          <p className="mt-4 font-mono text-sm leading-relaxed text-terminal/60 sm:text-base">{story.body}</p>
         </motion.div>
       ))}
     </section>

package/src/components/landing/terminal-sequence.tsx

@@ -58,15 +58,7 @@ function getTextBlur(lineIndex: number): number {
   return Math.min(8, Math.max(0, (lineIndex - 18) * 0.22));
 }
 
-type AnimState =
-  | "idle"
-  | "typing"
-  | "pause"
-  | "backspacing"
-  | "final-typing"
-  | "cursor-death"
-  | "blinking"
-  | "done";
+type AnimState = "idle" | "typing" | "pause" | "backspacing" | "final-typing" | "cursor-death" | "blinking" | "done";
 
 export function TerminalSequence({ onComplete, onMilestone, onFadeStart }: TerminalSequenceProps) {
   const [lines, setLines] = useState<string[]>([]);
@@ -345,10 +337,7 @@ export function TerminalSequence({ onComplete, onMilestone, onFadeStart }: Termi
       />
 
       {/* Radial glow pulse */}
-      <div
-        className="pointer-events-none absolute inset-0 flex items-center justify-center"
-        aria-hidden="true"
-      >
+      <div className="pointer-events-none absolute inset-0 flex items-center justify-center" aria-hidden="true">
         <div className="animate-gentle-pulse h-[600px] w-[600px] rounded-full bg-terminal/5 blur-[120px]" />
       </div>
 
@@ -379,10 +368,8 @@ export function TerminalSequence({ onComplete, onMilestone, onFadeStart }: Termi
             old lines overflow upward and are clipped + faded by the mask */}
         <div className="absolute bottom-0 flex w-full flex-col">
           {lines.map((line, i) => (
-            <div
-              key={`${i}-${line}`}
-              className={animationDone ? "text-terminal" : "text-terminal/30"}
-            >
+            // biome-ignore lint/suspicious/noArrayIndexKey: static list, index key is safe
+            <div key={`${i}-${line}`} className={animationDone ? "text-terminal" : "text-terminal/30"}>
               {line || "\u00A0"}
             </div>
           ))}

package/src/components/marketplace/empty-state.tsx

@@ -31,16 +31,12 @@ export function MarketplaceEmptyState({ hasSearch, searchTerm }: EmptyStateProps
       {hasSearch ? (
         <>
           <p className="text-lg font-medium">No results for &ldquo;{searchTerm}&rdquo;</p>
-          <p className="mt-1 text-sm text-muted-foreground">
-            Try a different search term or browse by category.
-          </p>
+          <p className="mt-1 text-sm text-muted-foreground">Try a different search term or browse by category.</p>
         </>
       ) : (
         <>
           <p className="text-lg font-medium">Your {productName()} could do more...</p>
-          <p className="mt-1 text-sm text-muted-foreground">
-            Add plugins to give your bot superpowers.
-          </p>
+          <p className="mt-1 text-sm text-muted-foreground">Add plugins to give your bot superpowers.</p>
           <div className="mt-6 flex flex-wrap justify-center gap-3">
             {suggestedPlugins.map((p) => (
               <Link

package/src/components/marketplace/first-visit-hero.tsx

@@ -85,9 +85,7 @@ export function FirstVisitHero({ superpowers, onDismiss }: FirstVisitHeroProps)
                     {sp.name[0]}
                   </div>
                   <h2 className="text-lg font-bold">{sp.superpowerHeadline ?? sp.name}</h2>
-                  <p className="mt-1 text-sm text-muted-foreground">
-                    {sp.superpowerTagline ?? sp.description}
-                  </p>
+                  <p className="mt-1 text-sm text-muted-foreground">{sp.superpowerTagline ?? sp.description}</p>
                 </div>
               </motion.button>
             ))}

package/src/components/marketplace/install-wizard.tsx

@@ -6,24 +6,11 @@ import { z } from "zod";
 import { CapabilityProviderPicker } from "@/components/capability/CapabilityResolver";
 import { Badge } from "@/components/ui/badge";
 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";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { Progress } from "@/components/ui/progress";
-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 { Switch } from "@/components/ui/switch";
 import { useCapabilityMeta } from "@/hooks/use-capability-meta";
@@ -143,12 +130,7 @@ export function InstallWizard({ plugin, onComplete, onCancel }: InstallWizardPro
 
   // Auto-skip conflicts phase if no conflicts and not loading
   useEffect(() => {
-    if (
-      currentPhase === "conflicts" &&
-      conflicts.length === 0 &&
-      !conflictsLoading &&
-      !conflictsError
-    ) {
+    if (currentPhase === "conflicts" && conflicts.length === 0 && !conflictsLoading && !conflictsError) {
       setCurrentPhaseIndex((i) => i + 1);
     }
   }, [currentPhase, conflicts, conflictsLoading, conflictsError]);
@@ -159,8 +141,7 @@ export function InstallWizard({ plugin, onComplete, onCancel }: InstallWizardPro
   const stepsBeforeSetup = phases.filter(
     (p) => p !== "setup" && p !== "complete" && phases.indexOf(p) < currentPhaseIndex,
   ).length;
-  const totalSteps =
-    phases.filter((p) => p !== "setup" && p !== "complete").length + setupSteps.length + 1;
+  const totalSteps = phases.filter((p) => p !== "setup" && p !== "complete").length + setupSteps.length + 1;
   const currentStepNumber =
     currentPhase === "setup"
       ? stepsBeforeSetup + setupStepIndex + 1
@@ -218,9 +199,7 @@ export function InstallWizard({ plugin, onComplete, onCancel }: InstallWizardPro
       } else {
         // Object-level errors (refinements, superRefine, union discriminants) have empty path.
         // Collect under _form so they render in a general error area.
-        stepErrors._form = stepErrors._form
-          ? `${stepErrors._form}. ${issue.message}`
-          : issue.message;
+        stepErrors._form = stepErrors._form ? `${stepErrors._form}. ${issue.message}` : issue.message;
       }
     }
     setErrors(stepErrors);
@@ -347,9 +326,7 @@ export function InstallWizard({ plugin, onComplete, onCancel }: InstallWizardPro
             error={conflictsError}
             plugin={plugin}
             overrides={primaryOverrides}
-            onChoose={(capability, pluginId) =>
-              setPrimaryOverrides((prev) => ({ ...prev, [capability]: pluginId }))
-            }
+            onChoose={(capability, pluginId) => setPrimaryOverrides((prev) => ({ ...prev, [capability]: pluginId }))}
           />
         )}
         {currentPhase === "providers" && (
@@ -360,12 +337,7 @@ export function InstallWizard({ plugin, onComplete, onCancel }: InstallWizardPro
           />
         )}
         {currentPhase === "setup" && currentSetupStep && (
-          <SetupStepForm
-            step={currentSetupStep}
-            values={values}
-            errors={errors}
-            onChange={handleChange}
-          />
+          <SetupStepForm step={currentSetupStep} values={values} errors={errors} onChange={handleChange} />
         )}
         {currentPhase === "complete" && (
           <div className="py-4 text-center">
@@ -373,9 +345,7 @@ export function InstallWizard({ plugin, onComplete, onCancel }: InstallWizardPro
               <span className="text-2xl text-emerald-500">&#10003;</span>
             </div>
             <p className="font-medium">Plugin installed successfully</p>
-            <p className="mt-1 text-sm text-muted-foreground">
-              {plugin.name} is now active on your instance.
-            </p>
+            <p className="mt-1 text-sm text-muted-foreground">{plugin.name} is now active on your instance.</p>
           </div>
         )}
       </CardContent>
@@ -383,28 +353,16 @@ export function InstallWizard({ plugin, onComplete, onCancel }: InstallWizardPro
       <CardFooter className="flex justify-between">
         <div>
           {isFirstStep ? (
-            <Button
-              data-onboarding-id="marketplace.wizard.cancel"
-              variant="ghost"
-              onClick={onCancel}
-            >
+            <Button data-onboarding-id="marketplace.wizard.cancel" variant="ghost" onClick={onCancel}>
               Cancel
             </Button>
           ) : (
-            <Button
-              data-onboarding-id="marketplace.wizard.back"
-              variant="ghost"
-              onClick={handleBack}
-            >
+            <Button data-onboarding-id="marketplace.wizard.back" variant="ghost" onClick={handleBack}>
               Back
             </Button>
           )}
         </div>
-        <Button
-          data-onboarding-id="marketplace.wizard.continue"
-          onClick={handleNext}
-          disabled={isContinueDisabled}
-        >
+        <Button data-onboarding-id="marketplace.wizard.continue" onClick={handleNext} disabled={isContinueDisabled}>
           {currentPhase === "complete" ? "Done" : "Continue"}
         </Button>
       </CardFooter>
@@ -471,9 +429,7 @@ function BotSelector({
           onClick={() => onSelect(bot.id)}
           className={cn(
             "w-full rounded-lg border p-3 text-left h-auto transition-colors hover:bg-transparent",
-            selectedBotId === bot.id
-              ? "border-primary bg-primary/5"
-              : "border-border hover:border-primary/50",
+            selectedBotId === bot.id ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
           )}
         >
           <div className="flex items-center justify-between">
@@ -535,9 +491,7 @@ function RequirementsCheck({ plugin, botId }: { plugin: PluginManifest; botId: s
 
   return (
     <div className="space-y-3">
-      <p className="text-sm text-muted-foreground">
-        This plugin requires the following dependencies:
-      </p>
+      <p className="text-sm text-muted-foreground">This plugin requires the following dependencies:</p>
       {isLoading ? (
         <div className="space-y-2">
           <p className="text-xs text-muted-foreground">Checking installed plugins...</p>
@@ -558,18 +512,14 @@ function RequirementsCheck({ plugin, botId }: { plugin: PluginManifest; botId: s
               <Badge variant="outline" className="text-[10px]">
                 {req.id}
               </Badge>
-              {req.status === "missing" && (
-                <span className="text-xs text-destructive">Not installed</span>
-              )}
+              {req.status === "missing" && <span className="text-xs text-destructive">Not installed</span>}
             </li>
           ))}
         </ul>
       )}
       {!isLoading && results.some((r) => r.status === "missing") && (
         <div className="mt-3 rounded-sm border border-destructive/25 bg-destructive/5 p-3">
-          <p className="text-sm text-destructive">
-            Install the missing dependencies before continuing.
-          </p>
+          <p className="text-sm text-destructive">Install the missing dependencies before continuing.</p>
         </div>
       )}
       {plugin.install.length > 0 && (
@@ -608,9 +558,7 @@ function SetupStepForm({
             Open external link
           </a>
         )}
-        {!step.instruction && !step.externalUrl && (
-          <p className="text-sm text-muted-foreground">{step.description}</p>
-        )}
+        {!step.instruction && !step.externalUrl && <p className="text-sm text-muted-foreground">{step.description}</p>}
       </div>
     );
   }
@@ -679,8 +627,8 @@ function CapabilityConflicts({
       <div className="rounded-sm border border-amber-500/25 bg-amber-500/5 p-3">
         <p className="text-sm font-medium text-amber-500">Capability Conflict Detected</p>
         <p className="mt-1 text-xs text-muted-foreground">
-          {plugin.name} provides capabilities already provided by installed plugins. Choose which
-          plugin should be the primary provider for each.
+          {plugin.name} provides capabilities already provided by installed plugins. Choose which plugin should be the
+          primary provider for each.
         </p>
       </div>
       {conflicts.map((conflict) => {
@@ -689,10 +637,7 @@ function CapabilityConflicts({
         return (
           <div key={conflict.capability} className="rounded-sm border p-4">
             <div className="mb-3 flex items-center gap-2">
-              <Badge
-                variant="outline"
-                className={cn("text-[10px]", capColor.bg, capColor.text, capColor.border)}
-              >
+              <Badge variant="outline" className={cn("text-[10px]", capColor.bg, capColor.text, capColor.border)}>
                 {conflict.capability}
               </Badge>
               <span className="text-sm text-muted-foreground">provided by both plugins</span>
@@ -740,9 +685,7 @@ function ConfigFieldInput({
       <div className="flex items-center justify-between">
         <div>
           <Label>{field.label}</Label>
-          {field.description && (
-            <p className="text-xs text-muted-foreground">{field.description}</p>
-          )}
+          {field.description && <p className="text-xs text-muted-foreground">{field.description}</p>}
         </div>
         <Switch
           checked={value === true || value === "true"}

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

@@ -38,10 +38,7 @@ export function MarketplaceTabs({ selected, onSelect, counts }: MarketplaceTabsP
             )}
             <Badge
               variant={isSelected ? "default" : "outline"}
-              className={cn(
-                "relative cursor-pointer text-xs font-medium transition-colors",
-                isSelected && "shadow-sm",
-              )}
+              className={cn("relative cursor-pointer text-xs font-medium transition-colors", isSelected && "shadow-sm")}
             >
               {tab.label}
               {count > 0 && <span className="ml-1 opacity-60">{count}</span>}