fix: linter and formatting

src/components/change-version-dialog.tsx

@@ -60,10 +60,10 @@ export function ChangeVersionDialog({
     if (profile && selectedVersion) {
       // Check if this is a downgrade
       const currentVersionIndex = availableVersions.findIndex(
-        (v) => v.tag_name === profile.version
+        (v) => v.tag_name === profile.version,
       );
       const selectedVersionIndex = availableVersions.findIndex(
-        (v) => v.tag_name === selectedVersion
+        (v) => v.tag_name === selectedVersion,
       );
 
       // If selected version has a higher index, it's older (downgrade)

src/components/create-profile-dialog.tsx

@@ -65,7 +65,7 @@ export function CreateProfileDialog({
   >([]);
   const [isCreating, setIsCreating] = useState(false);
   const [existingProfiles, setExistingProfiles] = useState<BrowserProfile[]>(
-    []
+    [],
   );
 
   // Proxy settings
@@ -120,7 +120,7 @@ export function CreateProfileDialog({
   const loadSupportedBrowsers = async () => {
     try {
       const browsers = await invoke<BrowserTypeString[]>(
-        "get_supported_browsers"
+        "get_supported_browsers",
       );
       setSupportedBrowsers(browsers);
       if (browsers.includes("mullvad-browser")) {
@@ -156,7 +156,7 @@ export function CreateProfileDialog({
 
     // Check for duplicate names (case insensitive)
     const isDuplicate = existingProfiles.some(
-      (profile) => profile.name.toLowerCase() === trimmedName.toLowerCase()
+      (profile) => profile.name.toLowerCase() === trimmedName.toLowerCase(),
     );
 
     if (isDuplicate) {
@@ -271,7 +271,7 @@ export function CreateProfileDialog({
                     {browser
                       .split("-")
                       .map(
-                        (word) => word.charAt(0).toUpperCase() + word.slice(1)
+                        (word) => word.charAt(0).toUpperCase() + word.slice(1),
                       )
                       .join(" ")}
                   </SelectItem>

src/components/custom-toast.tsx

@@ -298,7 +298,7 @@ export function showLoadingToast(
     id?: string;
     description?: string;
     duration?: number;
-  }
+  },
 ) {
   return showToast({
     type: "loading",
@@ -312,16 +312,16 @@ export function showDownloadToast(
   version: string,
   stage: "downloading" | "extracting" | "verifying" | "completed",
   progress?: { percentage: number; speed?: string; eta?: string },
-  options?: { suppressCompletionToast?: boolean }
+  options?: { suppressCompletionToast?: boolean },
 ) {
   const title =
     stage === "completed"
       ? `${browserName} ${version} downloaded successfully!`
       : stage === "downloading"
-      ? `Downloading ${browserName} ${version}`
-      : stage === "extracting"
-      ? `Extracting ${browserName} ${version}`
-      : `Verifying ${browserName} ${version}`;
+        ? `Downloading ${browserName} ${version}`
+        : stage === "extracting"
+          ? `Extracting ${browserName} ${version}`
+          : `Verifying ${browserName} ${version}`;
 
   // Don't show completion toast if suppressed (for auto-update scenarios)
   if (stage === "completed" && options?.suppressCompletionToast) {
@@ -349,7 +349,7 @@ export function showVersionUpdateToast(
       found: number;
     };
     duration?: number;
-  }
+  },
 ) {
   return showToast({
     type: "version-update",
@@ -364,7 +364,7 @@ export function showFetchingToast(
     id?: string;
     description?: string;
     duration?: number;
-  }
+  },
 ) {
   return showToast({
     type: "fetching",
@@ -382,7 +382,7 @@ export function showSuccessToast(
     id?: string;
     description?: string;
     duration?: number;
-  }
+  },
 ) {
   return showToast({
     type: "success",
@@ -397,7 +397,7 @@ export function showErrorToast(
     id?: string;
     description?: string;
     duration?: number;
-  }
+  },
 ) {
   return showToast({
     type: "error",

src/components/profile-data-table.tsx

@@ -101,7 +101,7 @@ export function ProfilesDataTable({
       setSorting(newSorting);
       updateSorting(newSorting);
     },
-    [sorting, updateSorting, isClient]
+    [sorting, updateSorting, isClient],
   );
 
   const handleRename = async () => {
@@ -131,7 +131,7 @@ export function ProfilesDataTable({
           const anyTorRunning =
             isClient &&
             data.some(
-              (p) => p.browser === "tor-browser" && runningProfiles.has(p.name)
+              (p) => p.browser === "tor-browser" && runningProfiles.has(p.name),
             );
           const shouldDisableTorStart =
             isTorBrowser && !isRunning && anyTorRunning;
@@ -159,12 +159,12 @@ export function ProfilesDataTable({
                   {!isClient
                     ? "Loading..."
                     : isRunning
-                    ? "Click to forcefully stop the browser"
-                    : isBrowserUpdating
-                    ? `${profile.browser} is being updated. Please wait for the update to complete.`
-                    : shouldDisableTorStart
-                    ? "Only one TOR browser instance can run at a time. Stop the running TOR browser first."
-                    : "Click to launch the browser"}
+                      ? "Click to forcefully stop the browser"
+                      : isBrowserUpdating
+                        ? `${profile.browser} is being updated. Please wait for the update to complete.`
+                        : shouldDisableTorStart
+                          ? "Only one TOR browser instance can run at a time. Stop the running TOR browser first."
+                          : "Click to launch the browser"}
                 </TooltipContent>
               </Tooltip>
             </div>
@@ -392,7 +392,7 @@ export function ProfilesDataTable({
         },
       },
     ],
-    [isClient, runningProfiles, isUpdating, data]
+    [isClient, runningProfiles, isUpdating, data],
   );
 
   const table = useReactTable({
@@ -420,7 +420,7 @@ export function ProfilesDataTable({
                         ? null
                         : flexRender(
                             header.column.columnDef.header,
-                            header.getContext()
+                            header.getContext(),
                           )}
                     </TableHead>
                   );
@@ -439,7 +439,7 @@ export function ProfilesDataTable({
                     <TableCell key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext()
+                        cell.getContext(),
                       )}
                     </TableCell>
                   ))}

src/components/profile-selector-dialog.tsx

@@ -58,7 +58,7 @@ export function ProfileSelectorDialog({
     setIsLoading(true);
     try {
       const profileList = await invoke<BrowserProfile[]>(
-        "list_browser_profiles"
+        "list_browser_profiles",
       );
 
       // Sort profiles by name
@@ -92,14 +92,14 @@ export function ProfileSelectorDialog({
   const canUseProfileForLinks = (
     profile: BrowserProfile,
     allProfiles: BrowserProfile[],
-    runningProfiles: Set<string>
+    runningProfiles: Set<string>,
   ): boolean => {
     const isRunning = runningProfiles.has(profile.name);
 
     // For TOR browser: Check if any TOR browser is running
     if (profile.browser === "tor-browser") {
       const runningTorProfiles = allProfiles.filter(
-        (p) => p.browser === "tor-browser" && runningProfiles.has(p.name)
+        (p) => p.browser === "tor-browser" && runningProfiles.has(p.name),
       );
 
       // If no TOR browser is running, allow any TOR profile
@@ -126,7 +126,7 @@ export function ProfileSelectorDialog({
 
     if (profile.browser === "tor-browser") {
       const runningTorProfiles = profiles.filter(
-        (p) => p.browser === "tor-browser" && runningProfiles.has(p.name)
+        (p) => p.browser === "tor-browser" && runningProfiles.has(p.name),
       );
 
       // If another TOR profile is running, this one is not available
@@ -192,7 +192,7 @@ export function ProfileSelectorDialog({
     return canUseProfileForLinks(
       selectedProfileData,
       profiles,
-      runningProfiles
+      runningProfiles,
     );
   };
 
@@ -261,7 +261,7 @@ export function ProfileSelectorDialog({
                       const canUseForLinks = canUseProfileForLinks(
                         profile,
                         profiles,
-                        runningProfiles
+                        runningProfiles,
                       );
                       const tooltipContent = getProfileTooltipContent(profile);
 
@@ -281,7 +281,7 @@ export function ProfileSelectorDialog({
                                   <div className="flex items-center gap-2">
                                     {(() => {
                                       const IconComponent = getBrowserIcon(
-                                        profile.browser
+                                        profile.browser,
                                       );
                                       return IconComponent ? (
                                         <IconComponent className="h-4 w-4" />

src/components/theme-provider.tsx

@@ -17,7 +17,7 @@ interface CustomThemeProviderProps {
 function getSystemTheme(): string {
   if (typeof window !== "undefined") {
     const isDarkMode = window.matchMedia(
-      "(prefers-color-scheme: dark)"
+      "(prefers-color-scheme: dark)",
     ).matches;
     return isDarkMode ? "dark" : "light";
   }
@@ -39,7 +39,7 @@ export function CustomThemeProvider({ children }: CustomThemeProviderProps) {
         const systemTheme = getSystemTheme();
         console.log(
           "First-time user detected, applying system theme:",
-          systemTheme
+          systemTheme,
         );
 
         // Save the detected theme as the default

src/components/ui/checkbox.tsx

@@ -15,7 +15,7 @@ function Checkbox({
       data-slot="checkbox"
       className={cn(
         "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        className,
       )}
       {...props}
     >

src/components/ui/dropdown-menu.tsx

@@ -43,7 +43,7 @@ function DropdownMenuContent({
         sideOffset={sideOffset}
         className={cn(
           "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-          className
+          className,
         )}
         {...props}
       />
@@ -75,7 +75,7 @@ function DropdownMenuItem({
       data-variant={variant}
       className={cn(
         "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       {...props}
     />
@@ -93,7 +93,7 @@ function DropdownMenuCheckboxItem({
       data-slot="dropdown-menu-checkbox-item"
       className={cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       checked={checked}
       {...props}
@@ -129,7 +129,7 @@ function DropdownMenuRadioItem({
       data-slot="dropdown-menu-radio-item"
       className={cn(
         "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       {...props}
     >
@@ -156,7 +156,7 @@ function DropdownMenuLabel({
       data-inset={inset}
       className={cn(
         "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
+        className,
       )}
       {...props}
     />
@@ -185,7 +185,7 @@ function DropdownMenuShortcut({
       data-slot="dropdown-menu-shortcut"
       className={cn(
         "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
+        className,
       )}
       {...props}
     />
@@ -212,7 +212,7 @@ function DropdownMenuSubTrigger({
       data-inset={inset}
       className={cn(
         "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
-        className
+        className,
       )}
       {...props}
     >
@@ -231,7 +231,7 @@ function DropdownMenuSubContent({
       data-slot="dropdown-menu-sub-content"
       className={cn(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
-        className
+        className,
       )}
       {...props}
     />

src/components/ui/select.tsx

@@ -38,7 +38,7 @@ function SelectTrigger({
       data-size={size}
       className={cn(
         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
+        className,
       )}
       {...props}
     >
@@ -64,7 +64,7 @@ function SelectContent({
           "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
           position === "popper" &&
             "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-          className
+          className,
         )}
         position={position}
         {...props}
@@ -74,7 +74,7 @@ function SelectContent({
           className={cn(
             "p-1",
             position === "popper" &&
-              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1",
           )}
         >
           {children}
@@ -108,7 +108,7 @@ function SelectItem({
       data-slot="select-item"
       className={cn(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        className
+        className,
       )}
       {...props}
     >
@@ -144,7 +144,7 @@ function SelectScrollUpButton({
       data-slot="select-scroll-up-button"
       className={cn(
         "flex cursor-default items-center justify-center py-1",
-        className
+        className,
       )}
       {...props}
     >
@@ -162,7 +162,7 @@ function SelectScrollDownButton({
       data-slot="select-scroll-down-button"
       className={cn(
         "flex cursor-default items-center justify-center py-1",
-        className
+        className,
       )}
       {...props}
     >

src/components/update-notification.tsx

@@ -112,7 +112,7 @@ function UpdateNotificationComponent({
 export function useUpdateNotifications() {
   const [notifications, setNotifications] = useState<UpdateNotification[]>([]);
   const [updatingBrowsers, setUpdatingBrowsers] = useState<Set<string>>(
-    new Set()
+    new Set(),
   );
   const [isClient, setIsClient] = useState(false);
 
@@ -126,7 +126,7 @@ export function useUpdateNotifications() {
 
     try {
       const updates = await invoke<UpdateNotification[]>(
-        "check_for_browser_updates"
+        "check_for_browser_updates",
       );
       setNotifications(updates);
 
@@ -145,7 +145,7 @@ export function useUpdateNotifications() {
 
         // Dismiss all notifications for this browser first
         const browserNotifications = notifications.filter(
-          (n) => n.browser === browser
+          (n) => n.browser === browser,
         );
         for (const notification of browserNotifications) {
           toast.dismiss(notification.id);
@@ -164,7 +164,7 @@ export function useUpdateNotifications() {
           if (isDownloaded) {
             // Browser already exists, skip download and go straight to profile update
             console.log(
-              `${browserDisplayName} ${newVersion} already exists, skipping download`
+              `${browserDisplayName} ${newVersion} already exists, skipping download`,
             );
           } else {
             // Mark download as auto-update in the backend for toast suppression
@@ -186,7 +186,7 @@ export function useUpdateNotifications() {
             {
               browser,
               newVersion,
-            }
+            },
           );
 
           // Show success message based on whether profiles were updated
@@ -252,7 +252,7 @@ export function useUpdateNotifications() {
         });
       }
     },
-    [notifications, checkForUpdates]
+    [notifications, checkForUpdates],
   );
 
   const handleDismiss = useCallback(
@@ -267,7 +267,7 @@ export function useUpdateNotifications() {
         console.error("Failed to dismiss notification:", error);
       }
     },
-    [checkForUpdates, isClient]
+    [checkForUpdates, isClient],
   );
 
   // Separate effect to show toasts when notifications change
@@ -288,11 +288,11 @@ export function useUpdateNotifications() {
         ),
         {
           id: notification.id,
-          duration: Infinity, // Persistent until user action
+          duration: Number.POSITIVE_INFINITY, // Persistent until user action
           position: "top-right",
           // Remove transparent styling to fix background issue
           style: undefined,
-        }
+        },
       );
     });
   }, [notifications, updatingBrowsers, handleUpdate, handleDismiss, isClient]);

src/components/version-selector.tsx

@@ -91,7 +91,7 @@ export function VersionSelector({
                 <CommandGroup>
                   {availableVersions.map((version) => {
                     const isDownloaded = downloadedVersions.includes(
-                      version.tag_name
+                      version.tag_name,
                     );
                     return (
                       <CommandItem
@@ -101,7 +101,7 @@ export function VersionSelector({
                           onVersionSelect(
                             currentValue === selectedVersion
                               ? null
-                              : currentValue
+                              : currentValue,
                           );
                           setVersionPopoverOpen(false);
                         }}
@@ -111,7 +111,7 @@ export function VersionSelector({
                             "mr-2 h-4 w-4",
                             selectedVersion === version.tag_name
                               ? "opacity-100"
-                              : "opacity-0"
+                              : "opacity-0",
                           )}
                         />
                         <div className="flex items-center gap-2">

src/components/version-update-settings.tsx

@@ -115,11 +115,10 @@ export function VersionUpdateSettings() {
           <AlertTitle>How it works</AlertTitle>
           <AlertDescription className="text-xs">
             • Version information is checked automatically every 3 hours
-            <br />
-            • New versions are added to the cache without removing old ones
-            <br />
-            • When creating profiles or changing versions, you&apos;ll see how
-            many new versions were found
+            <br />• New versions are added to the cache without removing old
+            ones
+            <br />• When creating profiles or changing versions, you&apos;ll see
+            how many new versions were found
             <br />• This keeps the app responsive while ensuring you have the
             latest information
           </AlertDescription>