refactor: make bypass of paid plan harder

src/hooks/use-browser-state.ts

@@ -15,6 +15,7 @@ export function useBrowserState(
   _isUpdating: (browser: string) => boolean,
   launchingProfiles: Set<string>,
   stoppingProfiles: Set<string>,
+  crossOsUnlocked = false,
 ) {
   const [isClient, setIsClient] = useState(false);
 
@@ -52,7 +53,7 @@ export function useBrowserState(
     (profile: BrowserProfile): boolean => {
       if (!isClient) return false;
 
-      if (isCrossOsProfile(profile)) return false;
+      if (isCrossOsProfile(profile) && !crossOsUnlocked) return false;
 
       const isRunning = runningProfiles.has(profile.id);
       const isLaunching = launchingProfiles.has(profile.id);
@@ -80,6 +81,7 @@ export function useBrowserState(
       isAnyInstanceRunning,
       launchingProfiles,
       stoppingProfiles,
+      crossOsUnlocked,
     ],
   );
 
@@ -157,8 +159,10 @@ export function useBrowserState(
       if (!isClient) return "Loading...";
 
       if (isCrossOsProfile(profile) && profile.host_os) {
-        const osName = getOSDisplayName(profile.host_os);
-        return `This profile was created on ${osName} and is not supported on this system`;
+        if (!crossOsUnlocked) {
+          const osName = getOSDisplayName(profile.host_os);
+          return `This profile was created on ${osName}. A paid subscription is required to launch cross-OS profiles.`;
+        }
       }
 
       const isRunning = runningProfiles.has(profile.id);
@@ -193,6 +197,7 @@ export function useBrowserState(
       canLaunchProfile,
       launchingProfiles,
       stoppingProfiles,
+      crossOsUnlocked,
     ],
   );