From 4e02e3af4f90abe60ce5a7ba101da2ea9cdf95a8 Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Fri, 25 Oct 2024 13:00:42 -0400
Subject: [PATCH 01/11] remove logic around min supported browsers

BREAKING: remove logic around min supported browsers
---
 cli/types/cypress.d.ts                        |   8 -
 .../src/settings/project/ConfigCode.cy.tsx    |   1 -
 .../src/sources/BrowserDataSource.ts          |   4 -
 packages/errors/src/errors.ts                 |   3 -
 .../cypress/fixtures/config.json              |   2 -
 .../support/mock-graphql/longBrowsersList.ts  |  17 --
 .../topnav/VerticalBrowserListItems.vue       |  34 +---
 packages/graphql/schemas/schema.graphql       |   2 -
 .../schemaTypes/objectTypes/gql-Browser.ts    |   4 -
 .../__snapshots__/browsers_spec.ts.js         |  11 --
 .../launcher/__snapshots__/darwin_spec.ts.js  |  11 --
 .../launcher/__snapshots__/windows_spec.ts.js |  14 --
 packages/launcher/lib/detect.ts               |  25 +--
 packages/launcher/lib/known-browsers.ts       |  54 +-----
 packages/launcher/test/unit/browsers_spec.ts  | 178 +-----------------
 packages/launcher/test/unit/detect_spec.ts    |  87 ---------
 packages/launcher/test/unit/linux_spec.ts     |   2 -
 .../launchpad/src/setup/OpenBrowserList.vue   |  22 +--
 packages/types/src/browser.ts                 |  14 --
 19 files changed, 15 insertions(+), 478 deletions(-)

diff --git a/cli/types/cypress.d.ts b/cli/types/cypress.d.ts
index f0f0c914b1c3..744d6bb6499c 100644
--- a/cli/types/cypress.d.ts
+++ b/cli/types/cypress.d.ts
@@ -124,14 +124,6 @@ declare namespace Cypress {
      * Warning text to accompany this browser. Shown in desktop-gui.
      */
     warning?: string
-    /**
-     * The minimum majorVersion of this browser supported by Cypress.
-     */
-    minSupportedVersion?: number
-    /**
-     * If `true`, this browser is too old to be supported by Cypress.
-     */
-    unsupportedVersion?: boolean
   }
 
   /**
diff --git a/packages/app/src/settings/project/ConfigCode.cy.tsx b/packages/app/src/settings/project/ConfigCode.cy.tsx
index 900c20468adc..7ff925041368 100644
--- a/packages/app/src/settings/project/ConfigCode.cy.tsx
+++ b/packages/app/src/settings/project/ConfigCode.cy.tsx
@@ -190,7 +190,6 @@ describe('<ConfigCode />', () => {
           browser.displayName && cy.contains(`displayName: '${browser.displayName}',`)
           browser.version && cy.contains(`version: '${browser.version}',`)
           browser.path && cy.contains(`path: '${browser.path}',`)
-          browser.minSupportedVersion && cy.contains(`minSupportedVersion: ${browser.minSupportedVersion},`)
           browser.majorVersion && cy.contains(`majorVersion: ${browser.majorVersion},`)
         })
       } else {
diff --git a/packages/data-context/src/sources/BrowserDataSource.ts b/packages/data-context/src/sources/BrowserDataSource.ts
index e8a933f58b9d..6f7c0f7effa9 100644
--- a/packages/data-context/src/sources/BrowserDataSource.ts
+++ b/packages/data-context/src/sources/BrowserDataSource.ts
@@ -127,8 +127,4 @@ export class BrowserDataSource {
 
     return false
   }
-
-  isVersionSupported (obj: FoundBrowser) {
-    return Boolean(!obj.unsupportedVersion)
-  }
 }
diff --git a/packages/errors/src/errors.ts b/packages/errors/src/errors.ts
index 589353504a4e..855512932bd8 100644
--- a/packages/errors/src/errors.ts
+++ b/packages/errors/src/errors.ts
@@ -1426,9 +1426,6 @@ export const AllCypressErrors = {
 
         https://on.cypress.io/component-testing`
   },
-  UNSUPPORTED_BROWSER_VERSION: (errorMsg: string) => {
-    return errTemplate`${fmt.off(errorMsg)}`
-  },
 
   // V10 Added:
 
diff --git a/packages/frontend-shared/cypress/fixtures/config.json b/packages/frontend-shared/cypress/fixtures/config.json
index a88d6e939039..e481c1b91155 100644
--- a/packages/frontend-shared/cypress/fixtures/config.json
+++ b/packages/frontend-shared/cypress/fixtures/config.json
@@ -23,7 +23,6 @@
         "displayName": "Chrome",
         "version": "97.0.4692.71",
         "path": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
-        "minSupportedVersion": 64,
         "majorVersion": 97
       },
       {
@@ -33,7 +32,6 @@
         "displayName": "Firefox",
         "version": "95.0.2",
         "path": "/Applications/Firefox.app/Contents/MacOS/firefox",
-        "minSupportedVersion": 86,
         "majorVersion": 95
       },
       {
diff --git a/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts b/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts
index 68b53727e0e8..bcc842b0fe77 100644
--- a/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts
+++ b/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts
@@ -10,7 +10,6 @@ export const longBrowsersList = [
     majorVersion: '73',
     info: 'Info about electron browser',
     isFocusSupported: true,
-    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -23,7 +22,6 @@ export const longBrowsersList = [
     path: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
     majorVersion: '78',
     isFocusSupported: true,
-    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -36,7 +34,6 @@ export const longBrowsersList = [
     path: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
     majorVersion: '88',
     isFocusSupported: true,
-    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -49,7 +46,6 @@ export const longBrowsersList = [
     path: '/Applications/Google Chrome Canary.app/Contents/MacOS/Google Chrome Canary',
     majorVersion: '80',
     isFocusSupported: true,
-    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -62,7 +58,6 @@ export const longBrowsersList = [
     path: '/Applications/Chromium.app/Contents/MacOS/Chromium',
     majorVersion: '74',
     isFocusSupported: true,
-    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -75,7 +70,6 @@ export const longBrowsersList = [
     path: '/Applications/Chromium.app/Contents/MacOS/Chromium',
     majorVersion: '85',
     isFocusSupported: true,
-    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -88,7 +82,6 @@ export const longBrowsersList = [
     path: '/Applications/Microsoft Edge Beta.app/Contents/MacOS/Microsoft Edge Beta',
     majorVersion: '79',
     isFocusSupported: true,
-    isVersionSupported: false,
     disabled: false,
   },
   {
@@ -101,7 +94,6 @@ export const longBrowsersList = [
     path: '/Applications/Microsoft Edge Canary.app/Contents/MacOS/Microsoft Edge Canary',
     majorVersion: '79',
     isFocusSupported: true,
-    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -114,7 +106,6 @@ export const longBrowsersList = [
     path: '/Applications/Microsoft Edge Dev.app/Contents/MacOS/Microsoft Edge Dev',
     majorVersion: '79',
     isFocusSupported: true,
-    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -126,9 +117,7 @@ export const longBrowsersList = [
     version: '69.0.1',
     path: '/Applications/Firefox/Contents/MacOS/Firefox',
     majorVersion: '69',
-    unsupportedVersion: true,
     isFocusSupported: true,
-    isVersionSupported: false,
     disabled: true,
   },
   {
@@ -140,9 +129,7 @@ export const longBrowsersList = [
     version: '75.0.1',
     path: '/Applications/Firefox/Contents/MacOS/Firefox',
     majorVersion: '75',
-    unsupportedVersion: true,
     isFocusSupported: true,
-    isVersionSupported: false,
     disabled: true,
   },
   {
@@ -155,9 +142,7 @@ export const longBrowsersList = [
     path: '/Applications/Firefox Developer/Contents/MacOS/Firefox Developer',
     majorVersion: '69',
     isFocusSupported: true,
-    isVersionSupported: false,
     disabled: true,
-    warning: 'Cypress does not support running Firefox Developer Edition version 69. To use Firefox Developer Edition with Cypress, install a version of Firefox Developer Edition newer than or equal to 78.',
   },
   {
     id: '13',
@@ -169,7 +154,6 @@ export const longBrowsersList = [
     path: '/Applications/Firefox Nightly/Contents/MacOS/Firefox Nightly',
     majorVersion: '69',
     isFocusSupported: false,
-    isVersionSupported: false,
     disabled: true,
   },
   {
@@ -182,7 +166,6 @@ export const longBrowsersList = [
     path: '/Applications/Fake Browser/Contents/MacOS/Fake Browser',
     majorVersion: '79',
     isFocusSupported: false,
-    isVersionSupported: false,
     disabled: true,
   },
 ] as const
diff --git a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
index 96bb32b445d9..3857b7907ea8 100644
--- a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
+++ b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
@@ -6,9 +6,9 @@
       class="border-b border-transparent cursor-pointer flex border-b-gray-50 border-[1px] min-w-[240px] py-[12px] px-[16px] transition-colors duration-300 group focus-within-default"
       :class="{
         'bg-jade-50': browser.isSelected,
-        'hover:bg-indigo-50 focus-within:bg-indigo-50': !browser.isSelected && !browser.disabled && browser.isVersionSupported,
-        'bg-gray-50 cursor-not-allowed': browser.disabled || !browser.isVersionSupported,
-        'cursor-pointer': !browser.disabled && browser.isVersionSupported
+        'hover:bg-indigo-50 focus-within:bg-indigo-50': !browser.isSelected && !browser.disabled,
+        'bg-gray-50 cursor-not-allowed': browser.disabled,
+        'cursor-pointer': !browser.disabled
       }"
       data-cy="top-nav-browser-list-item"
 
@@ -17,7 +17,7 @@
     >
       <img
         class="mr-[16px] min-w-[26px] w-[26px]"
-        :class="{ 'filter grayscale': browser.disabled || !browser.isVersionSupported }"
+        :class="{ 'filter grayscale': browser.disabled }"
         :src="allBrowsersIcons[browser.displayName] || allBrowsersIcons.generic"
         alt=""
       >
@@ -26,9 +26,9 @@
           <button
             class="font-medium box-border focus:outline-none"
             :class="{
-              'text-indigo-500 group-hover:text-indigo-700': !browser.isSelected && !browser.disabled && browser.isVersionSupported,
+              'text-indigo-500 group-hover:text-indigo-700': !browser.isSelected && !browser.disabled,
               'text-jade-700': browser.isSelected,
-              'text-gray-500': browser.disabled || !browser.isVersionSupported
+              'text-gray-500': browser.disabled
             }"
           >
             {{ browser.displayName }}
@@ -56,24 +56,6 @@
               <i-cy-circle-check_x24 class="h-[24px] w-[24px] icon-dark-jade-100 icon-light-jade-500" />
             </div>
           </template>
-          <template v-else-if="!browser.isVersionSupported">
-            <div class="h-[16px] relative">
-              <Tooltip>
-                <i-cy-circle-bg-question-mark_x16
-                  class="icon-dark-gray-700 icon-light-gray-200"
-                  data-cy="unsupported-browser-tooltip-trigger"
-                />
-                <template #popper>
-                  <div class="text-center p-2 text-gray-300 text-[14px] leading-[20px]">
-                    <div class="font-medium text-white mb-2">
-                      Unsupported browser
-                    </div>
-                    {{ browser.warning }}
-                  </div>
-                </template>
-              </Tooltip>
-            </div>
-          </template>
         </div>
       </div>
     </li>
@@ -86,7 +68,6 @@ import type { VerticalBrowserListItemsFragment } from '../../generated/graphql'
 import { computed } from 'vue'
 import { gql, useMutation } from '@urql/vue'
 import { allBrowsersIcons } from '@packages/frontend-shared/src/assets/browserLogos'
-import Tooltip from '../../components/Tooltip.vue'
 
 const { t } = useI18n()
 
@@ -99,7 +80,6 @@ fragment VerticalBrowserListItems on CurrentProject {
     displayName
     version
     majorVersion
-    isVersionSupported
     warning
     disabled
   }
@@ -134,7 +114,7 @@ const browsers = computed(() => {
 const setBrowser = useMutation(VerticalBrowserListItems_SetBrowserDocument)
 
 const handleBrowserChoice = async (browser) => {
-  if (browser.disabled || !browser.isVersionSupported || browser.isSelected) {
+  if (browser.disabled || browser.isSelected) {
     return
   }
 
diff --git a/packages/graphql/schemas/schema.graphql b/packages/graphql/schemas/schema.graphql
index 245a2e4a92cd..7cdc7012eff8 100644
--- a/packages/graphql/schemas/schema.graphql
+++ b/packages/graphql/schemas/schema.graphql
@@ -31,7 +31,6 @@ type Browser implements Node {
   id: ID!
   isFocusSupported: Boolean!
   isSelected: Boolean!
-  isVersionSupported: Boolean!
   majorVersion: String
   name: String!
   path: String!
@@ -1259,7 +1258,6 @@ enum ErrorTypeEnum {
   UNEXPECTED_BEFORE_BROWSER_LAUNCH_PROPERTIES
   UNEXPECTED_INTERNAL_ERROR
   UNEXPECTED_MUTATION_ERROR
-  UNSUPPORTED_BROWSER_VERSION
   VIDEO_CAPTURE_FAILED
   VIDEO_COMPRESSION_FAILED
   VIDEO_RECORDING_FAILED
diff --git a/packages/graphql/src/schemaTypes/objectTypes/gql-Browser.ts b/packages/graphql/src/schemaTypes/objectTypes/gql-Browser.ts
index b4b67d0efc03..73a881f4c5b5 100644
--- a/packages/graphql/src/schemaTypes/objectTypes/gql-Browser.ts
+++ b/packages/graphql/src/schemaTypes/objectTypes/gql-Browser.ts
@@ -26,10 +26,6 @@ export const Browser = objectType({
     t.nonNull.boolean('isFocusSupported', {
       resolve: (source, args, ctx) => ctx.browser.isFocusSupported(source),
     })
-
-    t.nonNull.boolean('isVersionSupported', {
-      resolve: (source, args, ctx) => ctx.browser.isVersionSupported(source),
-    })
   },
   sourceType: {
     module: '@packages/types',
diff --git a/packages/launcher/__snapshots__/browsers_spec.ts.js b/packages/launcher/__snapshots__/browsers_spec.ts.js
index 41bc8b32e916..f01ee6d7b91c 100644
--- a/packages/launcher/__snapshots__/browsers_spec.ts.js
+++ b/packages/launcher/__snapshots__/browsers_spec.ts.js
@@ -10,7 +10,6 @@ exports['browsers returns the expected list of browsers 1'] = [
       'chrome',
       'google-chrome-stable',
     ],
-    'minSupportedVersion': 64,
   },
   {
     'name': 'chromium',
@@ -22,7 +21,6 @@ exports['browsers returns the expected list of browsers 1'] = [
       'chromium-browser',
       'chromium',
     ],
-    'minSupportedVersion': 64,
   },
   {
     'name': 'chrome',
@@ -31,7 +29,6 @@ exports['browsers returns the expected list of browsers 1'] = [
     'displayName': 'Chrome Beta',
     'versionRegex': {},
     'binary': 'google-chrome-beta',
-    'minSupportedVersion': 64,
   },
   {
     'name': 'chrome',
@@ -40,7 +37,6 @@ exports['browsers returns the expected list of browsers 1'] = [
     'displayName': 'Canary',
     'versionRegex': {},
     'binary': 'google-chrome-canary',
-    'minSupportedVersion': 64,
   },
   {
     'name': 'firefox',
@@ -49,7 +45,6 @@ exports['browsers returns the expected list of browsers 1'] = [
     'displayName': 'Firefox',
     'versionRegex': {},
     'binary': 'firefox',
-    'minSupportedVersion': 86,
   },
   {
     'name': 'firefox',
@@ -61,7 +56,6 @@ exports['browsers returns the expected list of browsers 1'] = [
       'firefox-developer-edition',
       'firefox',
     ],
-    'minSupportedVersion': 86,
   },
   {
     'name': 'firefox',
@@ -73,7 +67,6 @@ exports['browsers returns the expected list of browsers 1'] = [
       'firefox-nightly',
       'firefox-trunk',
     ],
-    'minSupportedVersion': 86,
   },
   {
     'name': 'edge',
@@ -85,7 +78,6 @@ exports['browsers returns the expected list of browsers 1'] = [
       'edge',
       'microsoft-edge',
     ],
-    'minSupportedVersion': 79,
   },
   {
     'name': 'edge',
@@ -97,7 +89,6 @@ exports['browsers returns the expected list of browsers 1'] = [
       'edge-canary',
       'microsoft-edge-canary',
     ],
-    'minSupportedVersion': 79,
   },
   {
     'name': 'edge',
@@ -109,7 +100,6 @@ exports['browsers returns the expected list of browsers 1'] = [
       'edge-beta',
       'microsoft-edge-beta',
     ],
-    'minSupportedVersion': 79,
   },
   {
     'name': 'edge',
@@ -121,6 +111,5 @@ exports['browsers returns the expected list of browsers 1'] = [
       'edge-dev',
       'microsoft-edge-dev',
     ],
-    'minSupportedVersion': 79,
   },
 ]
diff --git a/packages/launcher/__snapshots__/darwin_spec.ts.js b/packages/launcher/__snapshots__/darwin_spec.ts.js
index 4cd70c8c8c14..2043be0ce350 100644
--- a/packages/launcher/__snapshots__/darwin_spec.ts.js
+++ b/packages/launcher/__snapshots__/darwin_spec.ts.js
@@ -10,7 +10,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
       'chrome',
       'google-chrome-stable',
     ],
-    'minSupportedVersion': 64,
     'path': '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
     'version': 'someVersion',
     'findAppParams': {
@@ -30,7 +29,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
       'chromium-browser',
       'chromium',
     ],
-    'minSupportedVersion': 64,
     'path': '/Applications/Chromium.app/Contents/MacOS/Chromium',
     'version': 'someVersion',
     'findAppParams': {
@@ -47,7 +45,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
     'displayName': 'Chrome Beta',
     'versionRegex': {},
     'binary': 'google-chrome-beta',
-    'minSupportedVersion': 64,
     'path': '/Applications/Google Chrome Beta.app/Contents/MacOS/Google Chrome Beta',
     'version': 'someVersion',
     'findAppParams': {
@@ -64,7 +61,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
     'displayName': 'Canary',
     'versionRegex': {},
     'binary': 'google-chrome-canary',
-    'minSupportedVersion': 64,
     'path': '/Applications/Google Chrome Canary.app/Contents/MacOS/Google Chrome Canary',
     'version': 'someVersion',
     'findAppParams': {
@@ -81,7 +77,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
     'displayName': 'Firefox',
     'versionRegex': {},
     'binary': 'firefox',
-    'minSupportedVersion': 86,
     'path': '/Applications/Firefox.app/Contents/MacOS/firefox',
     'version': 'someVersion',
     'findAppParams': {
@@ -101,7 +96,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
       'firefox-developer-edition',
       'firefox',
     ],
-    'minSupportedVersion': 86,
     'path': '/Applications/Firefox Developer Edition.app/Contents/MacOS/firefox',
     'version': 'someVersion',
     'findAppParams': {
@@ -121,7 +115,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
       'firefox-nightly',
       'firefox-trunk',
     ],
-    'minSupportedVersion': 86,
     'path': '/Applications/Firefox Nightly.app/Contents/MacOS/firefox',
     'version': 'someVersion',
     'findAppParams': {
@@ -141,7 +134,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
       'edge',
       'microsoft-edge',
     ],
-    'minSupportedVersion': 79,
     'path': '/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge',
     'version': 'someVersion',
     'findAppParams': {
@@ -161,7 +153,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
       'edge-canary',
       'microsoft-edge-canary',
     ],
-    'minSupportedVersion': 79,
     'path': '/Applications/Microsoft Edge Canary.app/Contents/MacOS/Microsoft Edge Canary',
     'version': 'someVersion',
     'findAppParams': {
@@ -181,7 +172,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
       'edge-beta',
       'microsoft-edge-beta',
     ],
-    'minSupportedVersion': 79,
     'path': '/Applications/Microsoft Edge Beta.app/Contents/MacOS/Microsoft Edge Beta',
     'version': 'someVersion',
     'findAppParams': {
@@ -201,7 +191,6 @@ exports['darwin browser detection detects browsers as expected 1'] = [
       'edge-dev',
       'microsoft-edge-dev',
     ],
-    'minSupportedVersion': 79,
     'path': '/Applications/Microsoft Edge Dev.app/Contents/MacOS/Microsoft Edge Dev',
     'version': 'someVersion',
     'findAppParams': {
diff --git a/packages/launcher/__snapshots__/windows_spec.ts.js b/packages/launcher/__snapshots__/windows_spec.ts.js
index 0ba7dfb13388..02a57883f13f 100644
--- a/packages/launcher/__snapshots__/windows_spec.ts.js
+++ b/packages/launcher/__snapshots__/windows_spec.ts.js
@@ -10,7 +10,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
       'chrome',
       'google-chrome-stable',
     ],
-    'minSupportedVersion': 64,
     'path': 'C:/Program Files (x86)/Google/Chrome/Application/chrome.exe',
     'version': '1.2.3',
     'findAppParams': {
@@ -30,7 +29,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
       'chromium-browser',
       'chromium',
     ],
-    'minSupportedVersion': 64,
     'path': 'C:/Program Files (x86)/Google/chrome-win32/chrome.exe',
     'version': '2.3.4',
     'findAppParams': {
@@ -47,7 +45,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
     'displayName': 'Chrome Beta',
     'versionRegex': {},
     'binary': 'google-chrome-beta',
-    'minSupportedVersion': 64,
     'path': 'C:/Program Files (x86)/Google/Chrome Beta/Application/chrome.exe',
     'version': '6.7.8',
     'findAppParams': {
@@ -64,7 +61,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
     'displayName': 'Canary',
     'versionRegex': {},
     'binary': 'google-chrome-canary',
-    'minSupportedVersion': 64,
     'path': 'C:/Users/flotwig/AppData/Local/Google/Chrome SxS/Application/chrome.exe',
     'version': '3.4.5',
     'findAppParams': {
@@ -81,7 +77,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
     'displayName': 'Firefox',
     'versionRegex': {},
     'binary': 'firefox',
-    'minSupportedVersion': 86,
     'path': 'C:/Program Files/Mozilla Firefox/firefox.exe',
     'version': '72',
     'findAppParams': {
@@ -101,7 +96,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
       'firefox-developer-edition',
       'firefox',
     ],
-    'minSupportedVersion': 86,
     'path': 'C:/Program Files (x86)/Firefox Developer Edition/firefox.exe',
     'version': '73',
     'findAppParams': {
@@ -121,7 +115,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
       'firefox-nightly',
       'firefox-trunk',
     ],
-    'minSupportedVersion': 86,
     'path': 'C:/Program Files/Firefox Nightly/firefox.exe',
     'version': '74',
     'findAppParams': {
@@ -141,7 +134,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
       'edge',
       'microsoft-edge',
     ],
-    'minSupportedVersion': 79,
     'path': 'C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe',
     'version': '11',
     'findAppParams': {
@@ -161,7 +153,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
       'edge-canary',
       'microsoft-edge-canary',
     ],
-    'minSupportedVersion': 79,
     'path': 'C:/Users/flotwig/AppData/Local/Microsoft/Edge SxS/Application/msedge.exe',
     'version': '14',
     'findAppParams': {
@@ -181,7 +172,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
       'edge-beta',
       'microsoft-edge-beta',
     ],
-    'minSupportedVersion': 79,
     'path': 'C:/Program Files (x86)/Microsoft/Edge Beta/Application/msedge.exe',
     'version': '12',
     'findAppParams': {
@@ -201,7 +191,6 @@ exports['windows browser detection detects browsers as expected 1'] = [
       'edge-dev',
       'microsoft-edge-dev',
     ],
-    'minSupportedVersion': 79,
     'path': 'C:/Program Files (x86)/Microsoft/Edge Dev/Application/msedge.exe',
     'version': '13',
     'findAppParams': {
@@ -233,7 +222,6 @@ exports['windows browser detection detects local Firefox installs 1'] = [
     'displayName': 'Firefox',
     'versionRegex': {},
     'binary': 'firefox',
-    'minSupportedVersion': 86,
     'path': 'C:/Users/flotwig/AppData/Local/Mozilla Firefox/firefox.exe',
     'version': '100',
     'findAppParams': {
@@ -253,7 +241,6 @@ exports['windows browser detection detects local Firefox installs 1'] = [
       'firefox-developer-edition',
       'firefox',
     ],
-    'minSupportedVersion': 86,
     'path': 'C:/Users/flotwig/AppData/Local/Firefox Developer Edition/firefox.exe',
     'version': '300',
     'findAppParams': {
@@ -273,7 +260,6 @@ exports['windows browser detection detects local Firefox installs 1'] = [
       'firefox-nightly',
       'firefox-trunk',
     ],
-    'minSupportedVersion': 86,
     'path': 'C:/Users/flotwig/AppData/Local/Firefox Nightly/firefox.exe',
     'version': '200',
     'findAppParams': {
diff --git a/packages/launcher/lib/detect.ts b/packages/launcher/lib/detect.ts
index acb30c4e5422..63fb3a0bb5a8 100644
--- a/packages/launcher/lib/detect.ts
+++ b/packages/launcher/lib/detect.ts
@@ -2,14 +2,13 @@ import Bluebird from 'bluebird'
 import _, { compact, extend, find } from 'lodash'
 import os from 'os'
 import { removeDuplicateBrowsers } from '@packages/data-context/src/sources/BrowserDataSource'
-import { knownBrowsers, validateMinVersion } from './known-browsers'
+import { knownBrowsers } from './known-browsers'
 import * as darwinHelper from './darwin'
 import { notDetectedAtPathErr } from './errors'
 import * as linuxHelper from './linux'
 import Debug from 'debug'
 import type {
   Browser,
-  BrowserValidator,
   DetectedBrowser,
   FoundBrowser,
 } from '@packages/types'
@@ -31,22 +30,6 @@ export const getMajorVersion = (version: string): string => {
   return version.split('.')[0]
 }
 
-// Determines if found browser is supported by Cypress. If found to be
-// unsupported, the browser will be unavailable for selection and
-// will present the determined warning message to the user.
-const validateCypressSupport = (validator: BrowserValidator | undefined, browser: FoundBrowser, platform: NodeJS.Platform) => {
-  // If no validator parameter is provided, we fall back to validating against
-  // the browser's minimum supported version
-  const { isSupported, warningMessage } = (validator || validateMinVersion)(browser, platform)
-
-  if (isSupported) {
-    return
-  }
-
-  browser.unsupportedVersion = true
-  browser.warning = warningMessage
-}
-
 type PlatformHelper = {
   detect: (browser: Browser) => Promise<DetectedBrowser>
   getVersionString: (path: string) => Promise<string>
@@ -116,8 +99,6 @@ function checkOneBrowser (browser: Browser): Promise<boolean | HasVersion> {
     'custom',
     'warning',
     'info',
-    'minSupportedVersion',
-    'unsupportedVersion',
   ] as const
 
   const failed = (err: NotInstalledError) => {
@@ -136,8 +117,6 @@ function checkOneBrowser (browser: Browser): Promise<boolean | HasVersion> {
   .then((foundBrowser) => {
     foundBrowser.majorVersion = getMajorVersion(foundBrowser.version)
 
-    validateCypressSupport(browser.validator, foundBrowser, platform)
-
     return foundBrowser
   })
   .catch(failed)
@@ -202,8 +181,6 @@ export const detectByPath = (
       majorVersion: getMajorVersion(version),
     }) as FoundBrowser
 
-    validateCypressSupport(browser.validator, parsedBrowser, os.platform())
-
     return parsedBrowser
   }
 
diff --git a/packages/launcher/lib/known-browsers.ts b/packages/launcher/lib/known-browsers.ts
index 53be37e599a1..c6ce37c330ab 100644
--- a/packages/launcher/lib/known-browsers.ts
+++ b/packages/launcher/lib/known-browsers.ts
@@ -1,31 +1,4 @@
-import type { Browser, BrowserValidatorResult, FoundBrowser } from '@packages/types'
-
-// Chrome started exposing CDP 1.3 in 64
-export const MIN_CHROME_VERSION = 64
-
-// Firefox started exposing CDP in 86
-export const MIN_FIREFOX_VERSION = 86
-
-// Edge switched to Blink in 79
-export const MIN_EDGE_VERSION = 79
-
-// Compares a detected browser's major version to its minimum supported version
-// to determine if the browser is supported by Cypress.
-export const validateMinVersion = (browser: FoundBrowser): BrowserValidatorResult => {
-  const minSupportedVersion = browser.minSupportedVersion
-  const majorVersion = browser.majorVersion
-
-  if (majorVersion && minSupportedVersion && parseInt(majorVersion) < minSupportedVersion) {
-    return {
-      isSupported: false,
-      warningMessage: `Cypress does not support running ${browser.displayName} version ${majorVersion}. To use ${browser.displayName} with Cypress, install a version of ${browser.displayName} newer than or equal to ${minSupportedVersion}.`,
-    }
-  }
-
-  return {
-    isSupported: true,
-  }
-}
+import type { Browser } from '@packages/types'
 
 /** list of the browsers we can detect and use by default */
 export const knownBrowsers: Browser[] = [
@@ -36,7 +9,6 @@ export const knownBrowsers: Browser[] = [
     displayName: 'Chrome',
     versionRegex: /Google Chrome (\S+)/m,
     binary: ['google-chrome', 'chrome', 'google-chrome-stable'],
-    minSupportedVersion: MIN_CHROME_VERSION,
   },
   {
     name: 'chromium',
@@ -46,7 +18,6 @@ export const knownBrowsers: Browser[] = [
     displayName: 'Chromium',
     versionRegex: /Chromium (\S+)/m,
     binary: ['chromium-browser', 'chromium'],
-    minSupportedVersion: MIN_CHROME_VERSION,
   },
   {
     name: 'chrome',
@@ -55,7 +26,6 @@ export const knownBrowsers: Browser[] = [
     displayName: 'Chrome Beta',
     versionRegex: /Google Chrome (\S+) beta/m,
     binary: 'google-chrome-beta',
-    minSupportedVersion: MIN_CHROME_VERSION,
   },
   {
     name: 'chrome',
@@ -64,7 +34,6 @@ export const knownBrowsers: Browser[] = [
     displayName: 'Canary',
     versionRegex: /Google Chrome Canary (\S+)/m,
     binary: 'google-chrome-canary',
-    minSupportedVersion: MIN_CHROME_VERSION,
   },
   {
     name: 'firefox',
@@ -74,21 +43,6 @@ export const knownBrowsers: Browser[] = [
     // Mozilla Firefox 70.0.1
     versionRegex: /^Mozilla Firefox ([^\sab]+)$/m,
     binary: 'firefox',
-    minSupportedVersion: MIN_FIREFOX_VERSION,
-    validator: (browser: FoundBrowser, platform: NodeJS.Platform): BrowserValidatorResult => {
-      // Firefox 101 and 102 on Windows features a bug that results in Cypress being unable
-      // to connect to the launched browser. A fix was first released in stable 103.
-      // See https://github.com/cypress-io/cypress/issues/22086 for related info.
-
-      if (platform === 'win32' && browser.majorVersion && ['101', '102'].includes(browser.majorVersion)) {
-        return {
-          isSupported: false,
-          warningMessage: `Cypress does not support running ${browser.displayName} version ${browser.majorVersion} on Windows due to a blocking bug in ${browser.displayName}. To use ${browser.displayName} with Cypress on Windows, install version 103 or newer.`,
-        }
-      }
-
-      return validateMinVersion(browser)
-    },
   },
   {
     name: 'firefox',
@@ -99,7 +53,6 @@ export const knownBrowsers: Browser[] = [
     versionRegex: /^Mozilla Firefox (\S+b\S*)$/m,
     // ubuntu PPAs install it as firefox
     binary: ['firefox-developer-edition', 'firefox'],
-    minSupportedVersion: MIN_FIREFOX_VERSION,
   },
   {
     name: 'firefox',
@@ -110,7 +63,6 @@ export const knownBrowsers: Browser[] = [
     versionRegex: /^Mozilla Firefox (\S+a\S*)$/m,
     // ubuntu PPAs install it as firefox-trunk
     binary: ['firefox-nightly', 'firefox-trunk'],
-    minSupportedVersion: MIN_FIREFOX_VERSION,
   },
   {
     name: 'edge',
@@ -119,7 +71,6 @@ export const knownBrowsers: Browser[] = [
     displayName: 'Edge',
     versionRegex: /Microsoft Edge (\S+)/mi,
     binary: ['edge', 'microsoft-edge'],
-    minSupportedVersion: MIN_EDGE_VERSION,
   },
   {
     name: 'edge',
@@ -128,7 +79,6 @@ export const knownBrowsers: Browser[] = [
     displayName: 'Edge Canary',
     versionRegex: /Microsoft Edge.+?(\S*(?= canary)|(?<=canary )\S*)/mi,
     binary: ['edge-canary', 'microsoft-edge-canary'],
-    minSupportedVersion: MIN_EDGE_VERSION,
   },
   {
     name: 'edge',
@@ -137,7 +87,6 @@ export const knownBrowsers: Browser[] = [
     displayName: 'Edge Beta',
     versionRegex: /Microsoft Edge.+?(\S*(?= beta)|(?<=beta )\S*)/mi,
     binary: ['edge-beta', 'microsoft-edge-beta'],
-    minSupportedVersion: MIN_EDGE_VERSION,
   },
   {
     name: 'edge',
@@ -146,6 +95,5 @@ export const knownBrowsers: Browser[] = [
     displayName: 'Edge Dev',
     versionRegex: /Microsoft Edge.+?(\S*(?= dev)|(?<=dev )\S*)/mi,
     binary: ['edge-dev', 'microsoft-edge-dev'],
-    minSupportedVersion: MIN_EDGE_VERSION,
   },
 ]
diff --git a/packages/launcher/test/unit/browsers_spec.ts b/packages/launcher/test/unit/browsers_spec.ts
index 99eae596d868..1f9b44f60698 100644
--- a/packages/launcher/test/unit/browsers_spec.ts
+++ b/packages/launcher/test/unit/browsers_spec.ts
@@ -1,7 +1,6 @@
 import _ from 'lodash'
-import { knownBrowsers, validateMinVersion } from '../../lib/known-browsers'
+import { knownBrowsers } from '../../lib/known-browsers'
 import { expect } from 'chai'
-import { FoundBrowser } from '@packages/types'
 const snapshot = require('snap-shot-it')
 
 describe('browsers', () => {
@@ -15,179 +14,4 @@ describe('browsers', () => {
       return versionRegex.multiline
     }))).to.be.true
   })
-
-  describe('firefox-stable validator', () => {
-    const firefoxBrowser = {
-      ...knownBrowsers.find(({ name, channel }) => name === 'firefox' && channel === 'stable'),
-      path: '/path/to/firefox',
-    }
-
-    context('Windows', () => {
-      it('validates against version 101', () => {
-        const foundBrowser = {
-          ...firefoxBrowser,
-          version: '101.1.0',
-          majorVersion: '101',
-        } as FoundBrowser
-
-        const result = firefoxBrowser.validator(foundBrowser, 'win32')
-
-        expect(result.isSupported).to.be.false
-        expect(result.warningMessage).to.contain('Cypress does not support running Firefox version 101 on Windows due to a blocking bug in Firefox.')
-      })
-
-      it('validates against version 102', () => {
-        const foundBrowser = {
-          ...firefoxBrowser,
-          version: '102.1.0',
-          majorVersion: '102',
-          path: '/path/to/firefox',
-        } as FoundBrowser
-
-        const result = firefoxBrowser.validator(foundBrowser, 'win32')
-
-        expect(result.isSupported).to.be.false
-        expect(result.warningMessage).to.contain('Cypress does not support running Firefox version 102 on Windows due to a blocking bug in Firefox.')
-      })
-
-      it('validates against minimum supported version', () => {
-        const foundBrowser = {
-          ...firefoxBrowser,
-          version: '85.1.0',
-          majorVersion: '85',
-        } as FoundBrowser
-
-        const result = firefoxBrowser.validator(foundBrowser, 'win32')
-
-        expect(result.isSupported).to.be.false
-        expect(result.warningMessage).to.contain('Cypress does not support running Firefox version 85.')
-      })
-
-      it('successfully validates a version equal to the minimum', () => {
-        const foundBrowser = {
-          ...firefoxBrowser,
-          version: '86.1.0',
-          majorVersion: '86',
-        } as FoundBrowser
-
-        const result = firefoxBrowser.validator(foundBrowser, 'win32')
-
-        expect(result.isSupported).to.be.true
-        expect(result.warningMessage).to.be.undefined
-      })
-
-      it('successfully validates a version greater than the minimum', () => {
-        const foundBrowser = {
-          ...firefoxBrowser,
-          version: '103.1.0',
-          majorVersion: '103',
-        } as FoundBrowser
-
-        const result = firefoxBrowser.validator(foundBrowser, 'win32')
-
-        expect(result.isSupported).to.be.true
-        expect(result.warningMessage).to.be.undefined
-      })
-    })
-
-    context('Not Windows', () => {
-      it('validates 101 as supported', () => {
-        const foundBrowser = {
-          ...firefoxBrowser,
-          version: '101.1.0',
-          majorVersion: '101',
-        } as FoundBrowser
-
-        const result = firefoxBrowser.validator(foundBrowser, 'darwin')
-
-        expect(result.isSupported).to.be.true
-        expect(result.warningMessage).to.be.undefined
-      })
-
-      it('validates 102 as supported', () => {
-        const foundBrowser = {
-          ...firefoxBrowser,
-          version: '102.2.0',
-          majorVersion: '102',
-        } as FoundBrowser
-
-        const result = firefoxBrowser.validator(foundBrowser, 'darwin')
-
-        expect(result.isSupported).to.be.true
-        expect(result.warningMessage).to.be.undefined
-      })
-    })
-  })
-
-  describe('#validateMinVersion', () => {
-    const testBrowser = {
-      displayName: 'Test Browser',
-      minSupportedVersion: 50,
-      path: '/path/to/browser',
-    }
-
-    it('validates against minimum supported version', () => {
-      const foundBrowser = {
-        ...testBrowser,
-        version: '40.1.0',
-        majorVersion: '40',
-      } as FoundBrowser
-
-      const result = validateMinVersion(foundBrowser)
-
-      expect(result.isSupported).to.be.false
-      expect(result.warningMessage).to.contain('Cypress does not support running Test Browser version 40.')
-    })
-
-    it('successfully validates a version equal to the minimum', () => {
-      const foundBrowser = {
-        ...testBrowser,
-        version: '50.1.0',
-        majorVersion: '50',
-      } as FoundBrowser
-
-      const result = validateMinVersion(foundBrowser)
-
-      expect(result.isSupported).to.be.true
-      expect(result.warningMessage).to.be.undefined
-    })
-
-    it('successfully validates a version greater than the minimum', () => {
-      const foundBrowser = {
-        ...testBrowser,
-        version: '90.1.0',
-        majorVersion: '90',
-      } as FoundBrowser
-
-      const result = validateMinVersion(foundBrowser)
-
-      expect(result.isSupported).to.be.true
-      expect(result.warningMessage).to.be.undefined
-    })
-
-    it('does not validate with missing minSupportedVersion', () => {
-      const foundBrowser = {
-        ...testBrowser,
-        version: '90.1.0',
-      } as FoundBrowser
-
-      const result = validateMinVersion(foundBrowser)
-
-      expect(result.isSupported).to.be.true
-      expect(result.warningMessage).to.be.undefined
-    })
-
-    it('does not validate with missing majorVersion', () => {
-      const foundBrowser = {
-        ...testBrowser,
-        minSupportedVersion: 90,
-        version: '90.1.0',
-      } as FoundBrowser
-
-      const result = validateMinVersion(foundBrowser)
-
-      expect(result.isSupported).to.be.true
-      expect(result.warningMessage).to.be.undefined
-    })
-  })
 })
diff --git a/packages/launcher/test/unit/detect_spec.ts b/packages/launcher/test/unit/detect_spec.ts
index 160bcd7a2e55..d03fdb13a16a 100644
--- a/packages/launcher/test/unit/detect_spec.ts
+++ b/packages/launcher/test/unit/detect_spec.ts
@@ -7,22 +7,11 @@ import { utils } from '../../lib/utils'
 import sinon, { SinonStub } from 'sinon'
 import os from 'os'
 import { log } from '../log'
-import * as linuxHelper from '../../lib/linux'
-import * as darwinHelper from '../../lib/darwin'
-import * as windowsHelper from '../../lib/windows'
-import type { Browser } from '@packages/types'
-import * as knownBrowsers from '../../lib/known-browsers'
 
 const isWindows = () => {
   return os.platform() === 'win32'
 }
 
-const stubHelpers = (detect) => {
-  sinon.stub(linuxHelper, 'detect').callsFake(detect)
-  sinon.stub(darwinHelper, 'detect').callsFake(detect)
-  sinon.stub(windowsHelper, 'detect').callsFake(detect)
-}
-
 describe('detect', () => {
   // making simple to debug tests
   // using DEBUG=... flag
@@ -57,71 +46,6 @@ describe('detect', () => {
     })
   })
 
-  describe('#detect', () => {
-    const testBrowser = {
-      name: 'test-browser',
-      family: 'chromium',
-      channel: 'test-channel',
-      displayName: 'Test Browser',
-      minSupportedVersion: 1,
-      versionRegex: /Test Browser (\S+)/m,
-      binary: 'test-browser-beta',
-    }
-
-    it('validates browser with own validator property', async () => {
-      stubHelpers((browser) => {
-        return Promise.resolve({
-          name: browser.name,
-          path: '/path/to/test-browser',
-          version: `${browser.minSupportedVersion}`,
-        })
-      })
-
-      const mockValidator = sinon.stub().returns({ isSupported: true })
-
-      const foundBrowsers = await detect([{ ...testBrowser as Browser, validator: mockValidator }])
-
-      expect(foundBrowsers).to.have.length(1)
-
-      const foundTestBrowser = foundBrowsers[0]
-
-      expect(foundTestBrowser.name).to.eq('test-browser')
-      expect(foundTestBrowser.displayName).to.eq('Test Browser')
-      expect(foundTestBrowser.majorVersion, 'majorVersion').to.eq('1')
-      expect(foundTestBrowser.unsupportedVersion, 'unsupportedVersion').to.be.undefined
-      expect(foundTestBrowser.warning, 'warning').to.be.undefined
-      expect(mockValidator).to.have.been.called
-    })
-
-    it('validates browser with default minVersionValidator', async () => {
-      stubHelpers((browser) => {
-        return Promise.resolve({
-          name: browser.name,
-          path: '/path/to/test-browser',
-          version: `${browser.minSupportedVersion}`,
-        })
-      })
-
-      const mockValidator = sinon.stub(knownBrowsers, 'validateMinVersion').returns({
-        isSupported: false,
-        warningMessage: 'This is a bad version',
-      })
-
-      const foundBrowsers = await detect([{ ...testBrowser as Browser }])
-
-      expect(foundBrowsers).to.have.length(1)
-
-      const foundTestBrowser = foundBrowsers[0]
-
-      expect(foundTestBrowser.name).to.eq('test-browser')
-      expect(foundTestBrowser.displayName).to.eq('Test Browser')
-      expect(foundTestBrowser.majorVersion, 'majorVersion').to.eq('1')
-      expect(foundTestBrowser.unsupportedVersion, 'unsupportedVersion').to.be.true
-      expect(foundTestBrowser.warning, 'warning').to.eq('This is a bad version')
-      expect(mockValidator).to.have.been.called
-    })
-  })
-
   describe('#detectByPath', () => {
     let execa: SinonStub
 
@@ -200,16 +124,5 @@ describe('detect', () => {
         )
       })
     })
-
-    it('creates warning when version is unsupported', async () => {
-      execa.withArgs('/good-firefox', ['--version'])
-      .resolves({ stdout: 'Mozilla Firefox 85.0' })
-
-      const foundBrowser = await detectByPath('/good-firefox')
-
-      expect(foundBrowser.unsupportedVersion).to.be.true
-      expect(foundBrowser.warning).to.contain('does not support running Custom Firefox version 85')
-      .and.contain('Firefox newer than or equal to 86')
-    })
   })
 })
diff --git a/packages/launcher/test/unit/linux_spec.ts b/packages/launcher/test/unit/linux_spec.ts
index abb9be2c96bf..1f030b2e2b8a 100644
--- a/packages/launcher/test/unit/linux_spec.ts
+++ b/packages/launcher/test/unit/linux_spec.ts
@@ -69,7 +69,6 @@ describe('linux browser detection', () => {
         family: 'chromium',
         displayName: 'Chromium',
         majorVersion: '64',
-        minSupportedVersion: 64,
         path: 'chromium',
         profilePath: '/home/foo/snap/chromium/current',
         version: '64.2.3',
@@ -87,7 +86,6 @@ describe('linux browser detection', () => {
       family: 'firefox',
       displayName: 'Firefox',
       majorVersion: '99',
-      minSupportedVersion: 86,
       path: 'firefox',
       profilePath: '/home/foo/snap/firefox/current',
       version: '99.2.3',
diff --git a/packages/launchpad/src/setup/OpenBrowserList.vue b/packages/launchpad/src/setup/OpenBrowserList.vue
index 50b5fde2f8af..88cf987f5701 100644
--- a/packages/launchpad/src/setup/OpenBrowserList.vue
+++ b/packages/launchpad/src/setup/OpenBrowserList.vue
@@ -14,16 +14,16 @@
         :key="browser.id"
         :data-cy-browser="browser.name"
         :value="browser.id"
-        :disabled="browser.disabled || !browser.isVersionSupported || browserStatus.chosen"
+        :disabled="browser.disabled || browserStatus.chosen"
       >
         <RadioGroupLabel
           :for="browser.id"
           class="rounded border text-center min-h-[144px] pt-6 pb-4 w-[160px] relative block radio-label"
           :class="{
             'border-jade-300 ring-2 ring-jade-100 focus:border-jade-400 focus:border focus:outline-none': checked,
-            'border-gray-100 bg-gray-50 before:hocus:cursor-not-allowed': browser.disabled || !browser.isVersionSupported,
+            'border-gray-100 bg-gray-50 before:hocus:cursor-not-allowed': browser.disabled,
             'border-gray-100 filter grayscale': browserStatus.chosen && !checked,
-            'border-gray-100 before:hocus:cursor-pointer hover:border-indigo-300 hover:ring-2 hover:ring-indigo-100': !browser.disabled && browser.isVersionSupported && !checked && !browserStatus.chosen
+            'border-gray-100 before:hocus:cursor-pointer hover:border-indigo-300 hover:ring-2 hover:ring-indigo-100': !browser.disabled && !checked && !browserStatus.chosen
           }"
         >
           <Tooltip
@@ -35,29 +35,18 @@
               class="mt-[8px] mr-[8px] top-0 right-0 inline-block absolute icon-dark-gray-700 icon-light-gray-200"
               alt="unsupported browser"
             />
-            <template #popper>
-              <div class="text-center p-2 text-gray-300 text-[14px] leading-[20px]">
-                <div
-                  v-if="!browser.isVersionSupported"
-                  class="font-medium text-white mb-2"
-                >
-                  Unsupported browser
-                </div>
-                {{ browser.warning }}
-              </div>
-            </template>
           </Tooltip>
           <div class="text-center">
             <img
               :src="allBrowsersIcons[browser.displayName] || allBrowsersIcons.generic"
               alt=""
               class="h-[40px] w-[40px] inline"
-              :class="{ 'filter grayscale': browser.disabled || !browser.isVersionSupported }"
+              :class="{ 'filter grayscale': browser.disabled }"
             >
           </div>
           <div
             class="font-medium pt-2 px-2 text-[18px] leading-[28px] truncate"
-            :class="checked ? 'text-jade-600' : ( browser.disabled || !browser.isVersionSupported ) ? 'text-gray-500' : 'text-indigo-600'"
+            :class="checked ? 'text-jade-600' : ( browser.disabled ) ? 'text-gray-500' : 'text-indigo-600'"
           >
             {{ browser.displayName }}
           </div>
@@ -188,7 +177,6 @@ fragment OpenBrowserList on CurrentProject {
   browsers {
     id
     disabled
-    isVersionSupported
     name
     displayName
     warning
diff --git a/packages/types/src/browser.ts b/packages/types/src/browser.ts
index 56b09de14a0e..4bf1ef56debf 100644
--- a/packages/types/src/browser.ts
+++ b/packages/types/src/browser.ts
@@ -6,15 +6,6 @@ export type BrowserChannel = 'stable' | 'canary' | 'beta' | 'dev' | 'nightly' |
 
 export type BrowserFamily = typeof BROWSER_FAMILY[number]
 
-export type BrowserValidatorResult = {
-  // whether or not the browser is supported by Cypress
-  isSupported: boolean
-  // optional warning message that will be shown in the GUI
-  warningMessage?: string
-}
-
-export type BrowserValidator = (browser: FoundBrowser, platform: NodeJS.Platform) => BrowserValidatorResult
-
 /**
  * Represents a typical browser to try to detect and turn into a `FoundBrowser`.
  */
@@ -43,10 +34,6 @@ export type Browser = {
   binary: string | string[]
   /** optional warning that will be shown in the GUI */
   warning?: string
-  /** if set, the majorVersion must be >= this to be run in Cypress */
-  minSupportedVersion?: number
-  /** if set, is called to determine if found browser is supported by Cypress */
-  validator?: BrowserValidator
 }
 
 /**
@@ -58,7 +45,6 @@ export type FoundBrowser = Omit<Browser, 'versionRegex' | 'binary' | 'validator'
   majorVersion?: string | null
   /** is this a user-supplied browser? */
   custom?: boolean
-  unsupportedVersion?: boolean
   disabled?: boolean
 }
 

From a9ddbb07c337b2056eeec171651ab368244aac56 Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Fri, 25 Oct 2024 13:08:16 -0400
Subject: [PATCH 02/11] changelog entry

---
 cli/CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/cli/CHANGELOG.md b/cli/CHANGELOG.md
index 257dcb96aa98..380a7cd77b09 100644
--- a/cli/CHANGELOG.md
+++ b/cli/CHANGELOG.md
@@ -7,6 +7,7 @@ _Released 12/3/2024 (PENDING)_
 
 - Removed support for Node.js 16 and Node.js 21. Addresses [#29930](https://github.com/cypress-io/cypress/issues/29930).
 - Prebuilt binaries for Linux are no longer compatible with Linux distributions based on glibc <2.28, for example: Ubuntu 14-18, RHEL 7, CentOS 7, Amazon Linux 2. Addresses [#29601](https://github.com/cypress-io/cypress/issues/29601).
+- Cypress now only officially supports the latest 3 major versions of Chrome, Firefox, and Edge - older browser versions may still work, but we recommend keeping your browsers up to date to ensure compatibility with Cypress. A warning will no longer be displayed on browser selection in the Launchpad for any 'unsupported' browser versions. Additionally, the undocumented `minSupportedVersion` and `unsupportedVersion` properties have been removed from `Cypress.browser`. Addressed in [#30462](https://github.com/cypress-io/cypress/pull/30462).
 - The `cypress open-ct` and `cypress run-ct` CLI commands were removed. Please use `cypress open --component` or `cypress run --component` respectively instead. Addressed in [#30456](https://github.com/cypress-io/cypress/pull/30456)
 - The undocumented methods `Cypress.backend('firefox:force:gc')` and `Cypress.backend('log:memory:pressure')` were removed. Addresses [#30222](https://github.com/cypress-io/cypress/issues/30222).
 

From ae473f88bf9787247126f092fce90d13598527cf Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Fri, 25 Oct 2024 13:29:44 -0400
Subject: [PATCH 03/11] forgot to save some changed files

---
 .../UNSUPPORTED_BROWSER_VERSION.html          | 38 -------------------
 .../test/unit/visualSnapshotErrors_spec.ts    |  5 ---
 packages/server/lib/modes/run.ts              |  4 --
 3 files changed, 47 deletions(-)
 delete mode 100644 packages/errors/__snapshot-html__/UNSUPPORTED_BROWSER_VERSION.html

diff --git a/packages/errors/__snapshot-html__/UNSUPPORTED_BROWSER_VERSION.html b/packages/errors/__snapshot-html__/UNSUPPORTED_BROWSER_VERSION.html
deleted file mode 100644
index fd88bc7d472c..000000000000
--- a/packages/errors/__snapshot-html__/UNSUPPORTED_BROWSER_VERSION.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-    <html>
-    <head>
-      <meta charset="utf-8" />
-      
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap" rel="stylesheet">
-    <style>
-  
-        body {
-          font-family: "Courier Prime", Courier, monospace;
-          padding: 0 1em;
-          line-height: 1.4;
-          color: #eee;
-          background-color: #111;
-        }
-        pre {
-          padding: 0 0;
-          margin: 0 0;
-          font-family: "Courier Prime", Courier, monospace;
-        }
-      
-    body {
-      margin: 5px;
-      padding: 0;
-      overflow: hidden;
-    }
-    pre {
-      white-space: pre-wrap;
-      word-break: break-word;
-      -webkit-font-smoothing: antialiased;
-    }
-    </style>
-  
-    </head>
-    <body><pre><span style="color:#e05561">Cypress does not support running chrome version 64. To use chrome with Cypress, install a version of chrome newer than or equal to 64.<span style="color:#e6e6e6"></span></span>
-</pre></body></html>
\ No newline at end of file
diff --git a/packages/errors/test/unit/visualSnapshotErrors_spec.ts b/packages/errors/test/unit/visualSnapshotErrors_spec.ts
index 77b534bf7701..18d480484821 100644
--- a/packages/errors/test/unit/visualSnapshotErrors_spec.ts
+++ b/packages/errors/test/unit/visualSnapshotErrors_spec.ts
@@ -1237,11 +1237,6 @@ describe('visual error templates', () => {
         plural: [['foo', 'bar']],
       }
     },
-    UNSUPPORTED_BROWSER_VERSION: () => {
-      return {
-        default: [`Cypress does not support running chrome version 64. To use chrome with Cypress, install a version of chrome newer than or equal to 64.`],
-      }
-    },
     MULTIPLE_SUPPORT_FILES_FOUND: () => {
       return {
         default: ['spec.{ts,js}', ['support.ts', 'support.js']],
diff --git a/packages/server/lib/modes/run.ts b/packages/server/lib/modes/run.ts
index db70e790eb7a..ad63910a75df 100644
--- a/packages/server/lib/modes/run.ts
+++ b/packages/server/lib/modes/run.ts
@@ -1104,10 +1104,6 @@ async function ready (options: ReadyOptions) {
     errors.throwErr('NO_SPECS_FOUND', projectRoot, String(specPattern))
   }
 
-  if (browser.unsupportedVersion && browser.warning) {
-    errors.throwErr('UNSUPPORTED_BROWSER_VERSION', browser.warning)
-  }
-
   if (browser.family === 'chromium') {
     chromePolicyCheck.run(onWarning)
   }

From 3b0e9f78cdc69a71c1a3d1adde201dad1f287dc3 Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Fri, 25 Oct 2024 14:56:49 -0400
Subject: [PATCH 04/11] update broken tests

---
 .../support/mock-graphql/longBrowsersList.ts  |  4 ++--
 .../gql-components/HeaderBarContent.cy.tsx    | 21 -------------------
 .../topnav/VerticalBrowserListItems.vue       |  3 ---
 .../frontend-shared/src/locales/en-US.json    |  1 -
 .../src/setup/OpenBrowserList.cy.tsx          |  5 -----
 .../launchpad/src/setup/OpenBrowserList.vue   |  4 ++--
 6 files changed, 4 insertions(+), 34 deletions(-)

diff --git a/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts b/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts
index bcc842b0fe77..a980135e6814 100644
--- a/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts
+++ b/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts
@@ -78,9 +78,9 @@ export const longBrowsersList = [
     displayName: 'Edge Beta',
     family: 'chromium',
     channel: 'beta',
-    version: 'unsupported',
+    version: '85.0.309.71',
     path: '/Applications/Microsoft Edge Beta.app/Contents/MacOS/Microsoft Edge Beta',
-    majorVersion: '79',
+    majorVersion: '85',
     isFocusSupported: true,
     disabled: false,
   },
diff --git a/packages/frontend-shared/src/gql-components/HeaderBarContent.cy.tsx b/packages/frontend-shared/src/gql-components/HeaderBarContent.cy.tsx
index 0d9ed5595d47..c5aae6f31826 100644
--- a/packages/frontend-shared/src/gql-components/HeaderBarContent.cy.tsx
+++ b/packages/frontend-shared/src/gql-components/HeaderBarContent.cy.tsx
@@ -34,30 +34,9 @@ describe('<HeaderBarContent />', { viewportWidth: 1000, viewportHeight: 750 }, (
     cy.contains('Edge Canary')
     .should('be.visible')
     .closest('[data-cy="top-nav-browser-list-item"]')
-    .within(() => {
-      cy.findByTestId('unsupported-browser-tooltip-trigger')
-      .should('not.exist')
-    })
 
     cy.get('[data-cy="top-nav-browser-list-item"]').parent()
     .should('have.class', 'overflow-auto')
-
-    cy.contains('(Unsupported)')
-    .scrollIntoView()
-    .should('be.visible')
-    .closest('[data-cy="top-nav-browser-list-item"]')
-    .within(() => {
-      cy.findByTestId('unsupported-browser-tooltip-trigger')
-      .should('exist')
-      .trigger('mouseenter')
-    })
-
-    cy.contains('Unsupported browser').should('be.visible')
-
-    /*
-      TODO: fix flaky test https://github.com/cypress-io/cypress/issues/23436
-      cy.percySnapshot('unsupported browser tooltip')
-    */
   })
 
   describe('breadcrumbs', () => {
diff --git a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
index 3857b7907ea8..2c9c2b4eb262 100644
--- a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
+++ b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
@@ -39,9 +39,6 @@
             "
           >
             {{ t('topNav.version') }} {{ browser.majorVersion }}
-            <span v-if="browser.version === 'unsupported'">
-              ({{ t('topNav.versionUnsupported') }})
-            </span>
           </div>
         </div>
       </div>
diff --git a/packages/frontend-shared/src/locales/en-US.json b/packages/frontend-shared/src/locales/en-US.json
index 572adb0646d4..ceac2407de57 100644
--- a/packages/frontend-shared/src/locales/en-US.json
+++ b/packages/frontend-shared/src/locales/en-US.json
@@ -316,7 +316,6 @@
   "topNav": {
     "released": "Released",
     "version": "Version",
-    "versionUnsupported": "Unsupported",
     "installed": "Installed",
     "latest": "Latest",
     "seeAllReleases": "See all releases",
diff --git a/packages/launchpad/src/setup/OpenBrowserList.cy.tsx b/packages/launchpad/src/setup/OpenBrowserList.cy.tsx
index 864b62b5be1a..48de8075468b 100644
--- a/packages/launchpad/src/setup/OpenBrowserList.cy.tsx
+++ b/packages/launchpad/src/setup/OpenBrowserList.cy.tsx
@@ -24,11 +24,6 @@ describe('<OpenBrowserList />', () => {
       cy.contains('label', browser.displayName).should('be.visible')
     })
 
-    // Firefox early version should be disabled
-    cy.get('[data-cy-browser="firefox"]').should('have.attr', 'aria-disabled', 'true')
-    cy.get('[data-cy-browser="firefox"] [data-cy="unsupported-browser-tooltip-trigger"]').should('exist')
-    cy.get('[data-cy-browser="electron"] [data-cy="unsupported-browser-tooltip-trigger"]').should('not.exist')
-
     // Renders a default logo if we don't provide one
     cy.get('[data-cy-browser="fake"]').should('have.attr', 'aria-disabled', 'true')
     cy.get('[data-cy-browser="fake"] img').should('have.attr', 'src').should('include', 'generic-browser')
diff --git a/packages/launchpad/src/setup/OpenBrowserList.vue b/packages/launchpad/src/setup/OpenBrowserList.vue
index 88cf987f5701..37fbefde0ca7 100644
--- a/packages/launchpad/src/setup/OpenBrowserList.vue
+++ b/packages/launchpad/src/setup/OpenBrowserList.vue
@@ -31,9 +31,9 @@
             popper-class="max-w-lg"
           >
             <i-cy-circle-bg-question-mark_x16
-              data-cy="unsupported-browser-tooltip-trigger"
+              data-cy="browser-warning-tooltip-trigger"
               class="mt-[8px] mr-[8px] top-0 right-0 inline-block absolute icon-dark-gray-700 icon-light-gray-200"
-              alt="unsupported browser"
+              alt="browser warning"
             />
           </Tooltip>
           <div class="text-center">

From fb29b0ffb248dc1a123da0c43bdfca6d869e5df0 Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Fri, 25 Oct 2024 15:35:26 -0400
Subject: [PATCH 05/11] remove another test testing unsupported browsers

---
 .../src/setup/OpenBrowserList.cy.tsx          | 21 -------------------
 1 file changed, 21 deletions(-)

diff --git a/packages/launchpad/src/setup/OpenBrowserList.cy.tsx b/packages/launchpad/src/setup/OpenBrowserList.cy.tsx
index 48de8075468b..19711ff8a81b 100644
--- a/packages/launchpad/src/setup/OpenBrowserList.cy.tsx
+++ b/packages/launchpad/src/setup/OpenBrowserList.cy.tsx
@@ -31,27 +31,6 @@ describe('<OpenBrowserList />', () => {
     cy.percySnapshot()
   })
 
-  it('displays a tooltip for an unsupported browser', () => {
-    cy.mountFragment(OpenBrowserListFragmentDoc, {
-      render: (gqlVal) =>
-        (<div class="border-current border resize overflow-auto">
-          <div class="h-40" />
-          <OpenBrowserList gql={gqlVal}/>
-        </div>),
-    })
-
-    cy.get('[data-cy-browser="firefox"]:nth(2) [data-cy="unsupported-browser-tooltip-trigger"]')
-    .trigger('mouseenter')
-
-    cy.get('.v-popper__popper--shown')
-    .contains('Cypress does not support running Firefox Developer Edition version 69.')
-
-    /*
-      TODO: fix flaky test https://github.com/cypress-io/cypress/issues/23436
-      cy.percySnapshot()
-    */
-  })
-
   it('emits navigates back', () => {
     cy.mountFragment(OpenBrowserListFragmentDoc, {
       render: (gqlVal) => (

From 6b6751740381c501f8317c351eee6405623086f6 Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Tue, 29 Oct 2024 10:06:00 -0400
Subject: [PATCH 06/11] Add back logic for browser validator

---
 cli/CHANGELOG.md                              |  2 +-
 cli/types/cypress.d.ts                        |  4 ++
 .../src/sources/BrowserDataSource.ts          |  4 ++
 packages/errors/src/errors.ts                 |  4 ++
 .../test/unit/visualSnapshotErrors_spec.ts    |  5 ++
 .../support/mock-graphql/longBrowsersList.ts  | 15 +++++
 .../gql-components/HeaderBarContent.cy.tsx    | 16 +++++
 .../topnav/VerticalBrowserListItems.vue       | 46 ++++++++++-----
 packages/graphql/schemas/schema.graphql       |  2 +
 .../schemaTypes/objectTypes/gql-Browser.ts    |  4 ++
 packages/launcher/lib/detect.ts               | 22 +++++++
 packages/launcher/lib/known-browsers.ts       | 16 ++++-
 packages/launcher/test/unit/browsers_spec.ts  | 59 +++++++++++++++++++
 packages/launcher/test/unit/detect_spec.ts    | 46 +++++++++++++++
 .../launchpad/src/setup/OpenBrowserList.vue   | 26 ++++++--
 packages/server/lib/modes/run.ts              |  4 ++
 packages/types/src/browser.ts                 | 12 ++++
 17 files changed, 265 insertions(+), 22 deletions(-)

diff --git a/cli/CHANGELOG.md b/cli/CHANGELOG.md
index 4b7cfea1b174..da1e24c44cef 100644
--- a/cli/CHANGELOG.md
+++ b/cli/CHANGELOG.md
@@ -7,7 +7,7 @@ _Released 12/3/2024 (PENDING)_
 
 - Removed support for Node.js 16 and Node.js 21. Addresses [#29930](https://github.com/cypress-io/cypress/issues/29930).
 - Prebuilt binaries for Linux are no longer compatible with Linux distributions based on glibc <2.28, for example: Ubuntu 14-18, RHEL 7, CentOS 7, Amazon Linux 2. Addresses [#29601](https://github.com/cypress-io/cypress/issues/29601).
-- Cypress now only officially supports the latest 3 major versions of Chrome, Firefox, and Edge - older browser versions may still work, but we recommend keeping your browsers up to date to ensure compatibility with Cypress. A warning will no longer be displayed on browser selection in the Launchpad for any 'unsupported' browser versions. Additionally, the undocumented `minSupportedVersion` and `unsupportedVersion` properties have been removed from `Cypress.browser`. Addressed in [#30462](https://github.com/cypress-io/cypress/pull/30462).
+- Cypress now only officially supports the latest 3 major versions of Chrome, Firefox, and Edge - older browser versions may still work, but we recommend keeping your browsers up to date to ensure compatibility with Cypress. A warning will no longer be displayed on browser selection in the Launchpad for any 'unsupported' browser versions. Additionally, the undocumented `minSupportedVersion` property has been removed from `Cypress.browser`. Addressed in [#30462](https://github.com/cypress-io/cypress/pull/30462).
 - We removed yielding the second argument of `before:browser:launch` as an array of browser arguments. This behavior has been deprecated since Cypress 4.0.0. Addressed in [#30460](https://github.com/cypress-io/cypress/pull/30460).
 - The `cypress open-ct` and `cypress run-ct` CLI commands were removed. Please use `cypress open --component` or `cypress run --component` respectively instead. Addressed in [#30456](https://github.com/cypress-io/cypress/pull/30456)
 - The undocumented methods `Cypress.backend('firefox:force:gc')` and `Cypress.backend('log:memory:pressure')` were removed. Addresses [#30222](https://github.com/cypress-io/cypress/issues/30222).
diff --git a/cli/types/cypress.d.ts b/cli/types/cypress.d.ts
index 84a42ee58372..f2ac734acaaf 100644
--- a/cli/types/cypress.d.ts
+++ b/cli/types/cypress.d.ts
@@ -117,6 +117,10 @@ declare namespace Cypress {
      * Warning text to accompany this browser. Shown in desktop-gui.
      */
     warning?: string
+    /**
+     * If `true`, this browser version is not supported in Cypress.
+     */
+    unsupportedVersion?: boolean
   }
 
   /**
diff --git a/packages/data-context/src/sources/BrowserDataSource.ts b/packages/data-context/src/sources/BrowserDataSource.ts
index 6f7c0f7effa9..e8a933f58b9d 100644
--- a/packages/data-context/src/sources/BrowserDataSource.ts
+++ b/packages/data-context/src/sources/BrowserDataSource.ts
@@ -127,4 +127,8 @@ export class BrowserDataSource {
 
     return false
   }
+
+  isVersionSupported (obj: FoundBrowser) {
+    return Boolean(!obj.unsupportedVersion)
+  }
 }
diff --git a/packages/errors/src/errors.ts b/packages/errors/src/errors.ts
index 161450f323d7..79dd5f6422c4 100644
--- a/packages/errors/src/errors.ts
+++ b/packages/errors/src/errors.ts
@@ -1417,6 +1417,10 @@ export const AllCypressErrors = {
         https://on.cypress.io/component-testing`
   },
 
+  UNSUPPORTED_BROWSER_VERSION: (errorMsg: string) => {
+    return errTemplate`${fmt.off(errorMsg)}`
+  },
+
   // V10 Added:
 
   MULTIPLE_SUPPORT_FILES_FOUND: (arg1: string, arg2: string[]) => {
diff --git a/packages/errors/test/unit/visualSnapshotErrors_spec.ts b/packages/errors/test/unit/visualSnapshotErrors_spec.ts
index 6ae50f42ba8a..1b3a1db0fba6 100644
--- a/packages/errors/test/unit/visualSnapshotErrors_spec.ts
+++ b/packages/errors/test/unit/visualSnapshotErrors_spec.ts
@@ -1232,6 +1232,11 @@ describe('visual error templates', () => {
         plural: [['foo', 'bar']],
       }
     },
+    UNSUPPORTED_BROWSER_VERSION: () => {
+      return {
+        default: [`Cypress does not support running chrome version 64. To use chrome with Cypress, install a version of chrome newer than or equal to 64.`],
+      }
+    },
     MULTIPLE_SUPPORT_FILES_FOUND: () => {
       return {
         default: ['spec.{ts,js}', ['support.ts', 'support.js']],
diff --git a/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts b/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts
index a980135e6814..fb13244856ab 100644
--- a/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts
+++ b/packages/frontend-shared/cypress/support/mock-graphql/longBrowsersList.ts
@@ -10,6 +10,7 @@ export const longBrowsersList = [
     majorVersion: '73',
     info: 'Info about electron browser',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -22,6 +23,7 @@ export const longBrowsersList = [
     path: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
     majorVersion: '78',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -34,6 +36,7 @@ export const longBrowsersList = [
     path: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
     majorVersion: '88',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -46,6 +49,7 @@ export const longBrowsersList = [
     path: '/Applications/Google Chrome Canary.app/Contents/MacOS/Google Chrome Canary',
     majorVersion: '80',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -58,6 +62,7 @@ export const longBrowsersList = [
     path: '/Applications/Chromium.app/Contents/MacOS/Chromium',
     majorVersion: '74',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -70,6 +75,7 @@ export const longBrowsersList = [
     path: '/Applications/Chromium.app/Contents/MacOS/Chromium',
     majorVersion: '85',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -82,6 +88,7 @@ export const longBrowsersList = [
     path: '/Applications/Microsoft Edge Beta.app/Contents/MacOS/Microsoft Edge Beta',
     majorVersion: '85',
     isFocusSupported: true,
+    isVersionSupported: false,
     disabled: false,
   },
   {
@@ -94,6 +101,7 @@ export const longBrowsersList = [
     path: '/Applications/Microsoft Edge Canary.app/Contents/MacOS/Microsoft Edge Canary',
     majorVersion: '79',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -106,6 +114,7 @@ export const longBrowsersList = [
     path: '/Applications/Microsoft Edge Dev.app/Contents/MacOS/Microsoft Edge Dev',
     majorVersion: '79',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: false,
   },
   {
@@ -118,6 +127,7 @@ export const longBrowsersList = [
     path: '/Applications/Firefox/Contents/MacOS/Firefox',
     majorVersion: '69',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: true,
   },
   {
@@ -130,6 +140,7 @@ export const longBrowsersList = [
     path: '/Applications/Firefox/Contents/MacOS/Firefox',
     majorVersion: '75',
     isFocusSupported: true,
+    isVersionSupported: true,
     disabled: true,
   },
   {
@@ -142,7 +153,9 @@ export const longBrowsersList = [
     path: '/Applications/Firefox Developer/Contents/MacOS/Firefox Developer',
     majorVersion: '69',
     isFocusSupported: true,
+    isVersionSupported: false,
     disabled: true,
+    warning: 'Cypress does not support running Firefox Developer Edition version 69. To use Firefox Developer Edition with Cypress, install a version of Firefox Developer Edition newer than or equal to 78.',
   },
   {
     id: '13',
@@ -154,6 +167,7 @@ export const longBrowsersList = [
     path: '/Applications/Firefox Nightly/Contents/MacOS/Firefox Nightly',
     majorVersion: '69',
     isFocusSupported: false,
+    isVersionSupported: true,
     disabled: true,
   },
   {
@@ -166,6 +180,7 @@ export const longBrowsersList = [
     path: '/Applications/Fake Browser/Contents/MacOS/Fake Browser',
     majorVersion: '79',
     isFocusSupported: false,
+    isVersionSupported: true,
     disabled: true,
   },
 ] as const
diff --git a/packages/frontend-shared/src/gql-components/HeaderBarContent.cy.tsx b/packages/frontend-shared/src/gql-components/HeaderBarContent.cy.tsx
index c5aae6f31826..16d82495cd7f 100644
--- a/packages/frontend-shared/src/gql-components/HeaderBarContent.cy.tsx
+++ b/packages/frontend-shared/src/gql-components/HeaderBarContent.cy.tsx
@@ -34,9 +34,25 @@ describe('<HeaderBarContent />', { viewportWidth: 1000, viewportHeight: 750 }, (
     cy.contains('Edge Canary')
     .should('be.visible')
     .closest('[data-cy="top-nav-browser-list-item"]')
+    .within(() => {
+      cy.findByTestId('unsupported-browser-tooltip-trigger')
+      .should('not.exist')
+    })
 
     cy.get('[data-cy="top-nav-browser-list-item"]').parent()
     .should('have.class', 'overflow-auto')
+
+    cy.contains('(Unsupported)')
+    .scrollIntoView()
+    .should('be.visible')
+    .closest('[data-cy="top-nav-browser-list-item"]')
+    .within(() => {
+      cy.findByTestId('unsupported-browser-tooltip-trigger')
+      .should('exist')
+      .trigger('mouseenter')
+    })
+
+    cy.contains('Unsupported browser').should('be.visible')
   })
 
   describe('breadcrumbs', () => {
diff --git a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
index 2c9c2b4eb262..dfaf12d27a7f 100644
--- a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
+++ b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
@@ -6,18 +6,17 @@
       class="border-b border-transparent cursor-pointer flex border-b-gray-50 border-[1px] min-w-[240px] py-[12px] px-[16px] transition-colors duration-300 group focus-within-default"
       :class="{
         'bg-jade-50': browser.isSelected,
-        'hover:bg-indigo-50 focus-within:bg-indigo-50': !browser.isSelected && !browser.disabled,
-        'bg-gray-50 cursor-not-allowed': browser.disabled,
-        'cursor-pointer': !browser.disabled
+        'hover:bg-indigo-50 focus-within:bg-indigo-50': !browser.isSelected && !browser.disabled && browser.isVersionSupported,
+        'bg-gray-50 cursor-not-allowed': browser.disabled || !browser.isVersionSupported,
+        'cursor-pointer': !browser.disabled && browser.isVersionSupported
       }"
       data-cy="top-nav-browser-list-item"
-
       :data-browser-id="browser.id"
       @click="handleBrowserChoice(browser)"
     >
       <img
         class="mr-[16px] min-w-[26px] w-[26px]"
-        :class="{ 'filter grayscale': browser.disabled }"
+        :class="{ 'filter grayscale': browser.disabled || !browser.isVersionSupported }"
         :src="allBrowsersIcons[browser.displayName] || allBrowsersIcons.generic"
         alt=""
       >
@@ -26,9 +25,9 @@
           <button
             class="font-medium box-border focus:outline-none"
             :class="{
-              'text-indigo-500 group-hover:text-indigo-700': !browser.isSelected && !browser.disabled,
+              'text-indigo-500 group-hover:text-indigo-700': !browser.isSelected && !browser.disabled && browser.isVersionSupported,
               'text-jade-700': browser.isSelected,
-              'text-gray-500': browser.disabled
+              'text-gray-500': browser.disabled || !browser.isVersionSupported
             }"
           >
             {{ browser.displayName }}
@@ -39,20 +38,37 @@
             "
           >
             {{ t('topNav.version') }} {{ browser.majorVersion }}
+            <span v-if="browser.version === 'unsupported'">
+              Unsupported
+            </span>
           </div>
         </div>
       </div>
       <div>
-        <div
-          class="flex h-full items-center align-middle"
-        >
-          <template
-            v-if="browser.isSelected"
-          >
+        <div class="flex h-full items-center align-middle">
+          <template v-if="browser.isSelected">
             <div data-cy="top-nav-browser-list-selected-item">
               <i-cy-circle-check_x24 class="h-[24px] w-[24px] icon-dark-jade-100 icon-light-jade-500" />
             </div>
           </template>
+          <template v-else-if="!browser.isVersionSupported">
+            <div class="h-[16px] relative">
+              <Tooltip>
+                <i-cy-circle-bg-question-mark_x16
+                  class="icon-dark-gray-700 icon-light-gray-200"
+                  data-cy="unsupported-browser-tooltip-trigger"
+                />
+                <template #popper>
+                  <div class="text-center p-2 text-gray-300 text-[14px] leading-[20px]">
+                    <div class="font-medium text-white mb-2">
+                      Unsupported browser
+                    </div>
+                    {{ browser.warning }}
+                  </div>
+                </template>
+              </Tooltip>
+            </div>
+          </template>
         </div>
       </div>
     </li>
@@ -65,6 +81,7 @@ import type { VerticalBrowserListItemsFragment } from '../../generated/graphql'
 import { computed } from 'vue'
 import { gql, useMutation } from '@urql/vue'
 import { allBrowsersIcons } from '@packages/frontend-shared/src/assets/browserLogos'
+import Tooltip from '../../components/Tooltip.vue'
 
 const { t } = useI18n()
 
@@ -77,6 +94,7 @@ fragment VerticalBrowserListItems on CurrentProject {
     displayName
     version
     majorVersion
+    isVersionSupported
     warning
     disabled
   }
@@ -111,7 +129,7 @@ const browsers = computed(() => {
 const setBrowser = useMutation(VerticalBrowserListItems_SetBrowserDocument)
 
 const handleBrowserChoice = async (browser) => {
-  if (browser.disabled || browser.isSelected) {
+  if (browser.disabled || !browser.isVersionSupported || browser.isSelected) {
     return
   }
 
diff --git a/packages/graphql/schemas/schema.graphql b/packages/graphql/schemas/schema.graphql
index e8ca73af0d9e..d5981ae96608 100644
--- a/packages/graphql/schemas/schema.graphql
+++ b/packages/graphql/schemas/schema.graphql
@@ -31,6 +31,7 @@ type Browser implements Node {
   id: ID!
   isFocusSupported: Boolean!
   isSelected: Boolean!
+  isVersionSupported: Boolean!
   majorVersion: String
   name: String!
   path: String!
@@ -1257,6 +1258,7 @@ enum ErrorTypeEnum {
   UNEXPECTED_BEFORE_BROWSER_LAUNCH_PROPERTIES
   UNEXPECTED_INTERNAL_ERROR
   UNEXPECTED_MUTATION_ERROR
+  UNSUPPORTED_BROWSER_VERSION
   VIDEO_CAPTURE_FAILED
   VIDEO_COMPRESSION_FAILED
   VIDEO_RECORDING_FAILED
diff --git a/packages/graphql/src/schemaTypes/objectTypes/gql-Browser.ts b/packages/graphql/src/schemaTypes/objectTypes/gql-Browser.ts
index 73a881f4c5b5..b4b67d0efc03 100644
--- a/packages/graphql/src/schemaTypes/objectTypes/gql-Browser.ts
+++ b/packages/graphql/src/schemaTypes/objectTypes/gql-Browser.ts
@@ -26,6 +26,10 @@ export const Browser = objectType({
     t.nonNull.boolean('isFocusSupported', {
       resolve: (source, args, ctx) => ctx.browser.isFocusSupported(source),
     })
+
+    t.nonNull.boolean('isVersionSupported', {
+      resolve: (source, args, ctx) => ctx.browser.isVersionSupported(source),
+    })
   },
   sourceType: {
     module: '@packages/types',
diff --git a/packages/launcher/lib/detect.ts b/packages/launcher/lib/detect.ts
index 63fb3a0bb5a8..bd6a659492b9 100644
--- a/packages/launcher/lib/detect.ts
+++ b/packages/launcher/lib/detect.ts
@@ -9,6 +9,7 @@ import * as linuxHelper from './linux'
 import Debug from 'debug'
 import type {
   Browser,
+  BrowserValidator,
   DetectedBrowser,
   FoundBrowser,
 } from '@packages/types'
@@ -30,6 +31,22 @@ export const getMajorVersion = (version: string): string => {
   return version.split('.')[0]
 }
 
+// Determines if found browser is supported by Cypress. If found to be
+// unsupported, the browser will be unavailable for selection and
+// will present the determined warning message to the user.
+const validateCypressSupport = (validator: BrowserValidator | undefined, browser: FoundBrowser, platform: NodeJS.Platform) => {
+  // If no validator parameter is provided, we fall back to validating against
+  // the browser's minimum supported version
+  const { isSupported, warningMessage } = (validator)(browser, platform)
+
+  if (isSupported) {
+    return
+  }
+
+  browser.unsupportedVersion = true
+  browser.warning = warningMessage
+}
+
 type PlatformHelper = {
   detect: (browser: Browser) => Promise<DetectedBrowser>
   getVersionString: (path: string) => Promise<string>
@@ -99,6 +116,7 @@ function checkOneBrowser (browser: Browser): Promise<boolean | HasVersion> {
     'custom',
     'warning',
     'info',
+    'unsupportedVersion',
   ] as const
 
   const failed = (err: NotInstalledError) => {
@@ -117,6 +135,8 @@ function checkOneBrowser (browser: Browser): Promise<boolean | HasVersion> {
   .then((foundBrowser) => {
     foundBrowser.majorVersion = getMajorVersion(foundBrowser.version)
 
+    validateCypressSupport(browser.validator, foundBrowser, platform)
+
     return foundBrowser
   })
   .catch(failed)
@@ -181,6 +201,8 @@ export const detectByPath = (
       majorVersion: getMajorVersion(version),
     }) as FoundBrowser
 
+    validateCypressSupport(browser.validator, parsedBrowser, os.platform())
+
     return parsedBrowser
   }
 
diff --git a/packages/launcher/lib/known-browsers.ts b/packages/launcher/lib/known-browsers.ts
index c6ce37c330ab..5b6f9bdd1282 100644
--- a/packages/launcher/lib/known-browsers.ts
+++ b/packages/launcher/lib/known-browsers.ts
@@ -1,4 +1,4 @@
-import type { Browser } from '@packages/types'
+import type { Browser, BrowserValidatorResult, FoundBrowser } from '@packages/types'
 
 /** list of the browsers we can detect and use by default */
 export const knownBrowsers: Browser[] = [
@@ -9,6 +9,20 @@ export const knownBrowsers: Browser[] = [
     displayName: 'Chrome',
     versionRegex: /Google Chrome (\S+)/m,
     binary: ['google-chrome', 'chrome', 'google-chrome-stable'],
+    validator: (browser: FoundBrowser, platform: NodeJS.Platform): BrowserValidatorResult => {
+      // a validator method can be defined to mark a browser as unsupported
+      // the example below shows a previous method we defined, but is not currently used
+      // if (platform === 'win32' && browser.majorVersion && ['101', '102'].includes(browser.majorVersion)) {
+      //   return {
+      //     isSupported: false,
+      //     warningMessage: `Cypress does not support running ${browser.displayName} version ${browser.majorVersion} on Windows due to a blocking bug in ${browser.displayName}. To use ${browser.displayName} with Cypress on Windows, install version 103 or newer.`,
+      //   }
+      // }
+
+      return {
+        isSupported: true,
+      }
+    },
   },
   {
     name: 'chromium',
diff --git a/packages/launcher/test/unit/browsers_spec.ts b/packages/launcher/test/unit/browsers_spec.ts
index 1f9b44f60698..26f0799780bd 100644
--- a/packages/launcher/test/unit/browsers_spec.ts
+++ b/packages/launcher/test/unit/browsers_spec.ts
@@ -14,4 +14,63 @@ describe('browsers', () => {
       return versionRegex.multiline
     }))).to.be.true
   })
+
+  describe('browser.validator', () => {
+    const firefoxBrowser = {
+      ...knownBrowsers.find(({ name, channel }) => name === 'firefox' && channel === 'stable'),
+      path: '/path/to/firefox',
+    }
+
+    context('validator defined', () => {
+      it('when conditions met: marks browser as not supported and generates warning message', () => {
+        const foundBrowser = {
+          ...firefoxBrowser,
+          version: '101.1.0',
+          majorVersion: '101',
+          validator: (browser, platform) => {
+            if (platform === 'win32' && browser.majorVersion && ['101', '102'].includes(browser.majorVersion)) {
+              return {
+                isSupported: false,
+                warningMessage: `Cypress does not support running ${browser.displayName} version ${browser.majorVersion} on Windows due to a blocking bug in ${browser.displayName}. To use ${browser.displayName} with Cypress on Windows, install version 103 or newer.`,
+              }
+            }
+
+            return {
+              isSupported: true,
+            }
+          },
+        }
+
+        const result = firefoxBrowser.validator(foundBrowser, 'win32')
+
+        expect(result.isSupported).to.be.false
+        expect(result.warningMessage).to.contain('Cypress does not support running Firefox version 101 on Windows due to a blocking bug in Firefox.')
+      })
+
+      it('when conditions not met: marks browser as not supported and generates warning message', () => {
+        const foundBrowser = {
+          ...firefoxBrowser,
+          version: '101.1.0',
+          majorVersion: '101',
+          validator: (browser, platform) => {
+            if (platform === 'win32' && browser.majorVersion && ['101', '102'].includes(browser.majorVersion)) {
+              return {
+                isSupported: false,
+                warningMessage: `Cypress does not support running ${browser.displayName} version ${browser.majorVersion} on Windows due to a blocking bug in ${browser.displayName}. To use ${browser.displayName} with Cypress on Windows, install version 103 or newer.`,
+              }
+            }
+
+            return {
+              isSupported: true,
+            }
+          },
+        }
+
+        const result = firefoxBrowser.validator(foundBrowser, 'win32')
+
+        expect(result.isSupported).to.be.true
+        expect(result.warningMessage).to.be.undefined
+      })
+    })
+  })
 })
diff --git a/packages/launcher/test/unit/detect_spec.ts b/packages/launcher/test/unit/detect_spec.ts
index d03fdb13a16a..eca392f9d191 100644
--- a/packages/launcher/test/unit/detect_spec.ts
+++ b/packages/launcher/test/unit/detect_spec.ts
@@ -7,11 +7,21 @@ import { utils } from '../../lib/utils'
 import sinon, { SinonStub } from 'sinon'
 import os from 'os'
 import { log } from '../log'
+import * as linuxHelper from '../../lib/linux'
+import * as darwinHelper from '../../lib/darwin'
+import * as windowsHelper from '../../lib/windows'
+import type { Browser } from '@packages/types'
 
 const isWindows = () => {
   return os.platform() === 'win32'
 }
 
+const stubHelpers = (detect) => {
+  sinon.stub(linuxHelper, 'detect').callsFake(detect)
+  sinon.stub(darwinHelper, 'detect').callsFake(detect)
+  sinon.stub(windowsHelper, 'detect').callsFake(detect)
+}
+
 describe('detect', () => {
   // making simple to debug tests
   // using DEBUG=... flag
@@ -46,6 +56,42 @@ describe('detect', () => {
     })
   })
 
+  describe('#detect', () => {
+    const testBrowser = {
+      name: 'test-browser',
+      family: 'chromium',
+      channel: 'test-channel',
+      displayName: 'Test Browser',
+      versionRegex: /Test Browser (\S+)/m,
+      binary: 'test-browser-beta',
+    }
+
+    it('validates browser with own validator property', async () => {
+      stubHelpers((browser) => {
+        return Promise.resolve({
+          name: browser.name,
+          path: '/path/to/test-browser',
+          version: '130',
+        })
+      })
+
+      const mockValidator = sinon.stub().returns({ isSupported: true })
+
+      const foundBrowsers = await detect([{ ...testBrowser as Browser, validator: mockValidator }])
+
+      expect(foundBrowsers).to.have.length(1)
+
+      const foundTestBrowser = foundBrowsers[0]
+
+      expect(foundTestBrowser.name).to.eq('test-browser')
+      expect(foundTestBrowser.displayName).to.eq('Test Browser')
+      expect(foundTestBrowser.majorVersion, 'majorVersion').to.eq('1')
+      expect(foundTestBrowser.unsupportedVersion, 'unsupportedVersion').to.be.undefined
+      expect(foundTestBrowser.warning, 'warning').to.be.undefined
+      expect(mockValidator).to.have.been.called
+    })
+  })
+
   describe('#detectByPath', () => {
     let execa: SinonStub
 
diff --git a/packages/launchpad/src/setup/OpenBrowserList.vue b/packages/launchpad/src/setup/OpenBrowserList.vue
index 37fbefde0ca7..c254791ce8e1 100644
--- a/packages/launchpad/src/setup/OpenBrowserList.vue
+++ b/packages/launchpad/src/setup/OpenBrowserList.vue
@@ -14,16 +14,16 @@
         :key="browser.id"
         :data-cy-browser="browser.name"
         :value="browser.id"
-        :disabled="browser.disabled || browserStatus.chosen"
+        :disabled="browser.disabled || !browser.isVersionSupported ||browserStatus.chosen"
       >
         <RadioGroupLabel
           :for="browser.id"
           class="rounded border text-center min-h-[144px] pt-6 pb-4 w-[160px] relative block radio-label"
           :class="{
             'border-jade-300 ring-2 ring-jade-100 focus:border-jade-400 focus:border focus:outline-none': checked,
-            'border-gray-100 bg-gray-50 before:hocus:cursor-not-allowed': browser.disabled,
+            'border-gray-100 bg-gray-50 before:hocus:cursor-not-allowed': browser.disabled || !browser.isVersionSupported,
             'border-gray-100 filter grayscale': browserStatus.chosen && !checked,
-            'border-gray-100 before:hocus:cursor-pointer hover:border-indigo-300 hover:ring-2 hover:ring-indigo-100': !browser.disabled && !checked && !browserStatus.chosen
+            'border-gray-100 before:hocus:cursor-pointer hover:border-indigo-300 hover:ring-2 hover:ring-indigo-100': !browser.disabled && browser.isVersionSupported && !checked && !browserStatus.chosen
           }"
         >
           <Tooltip
@@ -35,18 +35,29 @@
               class="mt-[8px] mr-[8px] top-0 right-0 inline-block absolute icon-dark-gray-700 icon-light-gray-200"
               alt="browser warning"
             />
+            <template #popper>
+              <div class="text-center p-2 text-gray-300 text-[14px] leading-[20px]">
+                <div
+                  v-if="!browser.isVersionSupported"
+                  class="font-medium text-white mb-2"
+                >
+                  Unsupported browser
+                </div>
+                {{ browser.warning }}
+              </div>
+            </template>
           </Tooltip>
           <div class="text-center">
             <img
               :src="allBrowsersIcons[browser.displayName] || allBrowsersIcons.generic"
               alt=""
               class="h-[40px] w-[40px] inline"
-              :class="{ 'filter grayscale': browser.disabled }"
+              :class="{ 'filter grayscale': browser.disabled || !browser.isVersionSupported }"
             >
           </div>
           <div
             class="font-medium pt-2 px-2 text-[18px] leading-[28px] truncate"
-            :class="checked ? 'text-jade-600' : ( browser.disabled ) ? 'text-gray-500' : 'text-indigo-600'"
+            :class="checked ? 'text-jade-600' : (browser.disabled || !browser.isVersionSupported ) ? 'text-gray-500' : 'text-indigo-600'"
           >
             {{ browser.displayName }}
           </div>
@@ -133,7 +144,9 @@
         class="font-medium mx-auto text-gray-600 hocus-link-default group hocus:text-indigo-500"
         @click="emit('navigatedBack')"
       >
-        <ArrowRightIcon class="mr-[8px] icon-dark-gray-500 transform transition-transform ease-in duration-200 inline-block group-hocus:icon-dark-indigo-500 rotate-180 group-hocus:translate-x-[-2px]" />
+        <ArrowRightIcon
+          class="mr-[8px] icon-dark-gray-500 transform transition-transform ease-in duration-200 inline-block group-hocus:icon-dark-indigo-500 rotate-180 group-hocus:translate-x-[-2px]"
+        />
         {{ browserText.switchTestingType }}
       </Button>
     </div>
@@ -179,6 +192,7 @@ fragment OpenBrowserList on CurrentProject {
     disabled
     name
     displayName
+    isVersionSupported
     warning
     majorVersion
   }
diff --git a/packages/server/lib/modes/run.ts b/packages/server/lib/modes/run.ts
index ad63910a75df..db70e790eb7a 100644
--- a/packages/server/lib/modes/run.ts
+++ b/packages/server/lib/modes/run.ts
@@ -1104,6 +1104,10 @@ async function ready (options: ReadyOptions) {
     errors.throwErr('NO_SPECS_FOUND', projectRoot, String(specPattern))
   }
 
+  if (browser.unsupportedVersion && browser.warning) {
+    errors.throwErr('UNSUPPORTED_BROWSER_VERSION', browser.warning)
+  }
+
   if (browser.family === 'chromium') {
     chromePolicyCheck.run(onWarning)
   }
diff --git a/packages/types/src/browser.ts b/packages/types/src/browser.ts
index 4bf1ef56debf..7f73d5b1c017 100644
--- a/packages/types/src/browser.ts
+++ b/packages/types/src/browser.ts
@@ -6,6 +6,15 @@ export type BrowserChannel = 'stable' | 'canary' | 'beta' | 'dev' | 'nightly' |
 
 export type BrowserFamily = typeof BROWSER_FAMILY[number]
 
+export type BrowserValidatorResult = {
+  // whether or not the browser is supported by Cypress
+  isSupported: boolean
+  // optional warning message that will be shown in the GUI
+  warningMessage?: string
+}
+
+export type BrowserValidator = (browser: FoundBrowser, platform: NodeJS.Platform) => BrowserValidatorResult
+
 /**
  * Represents a typical browser to try to detect and turn into a `FoundBrowser`.
  */
@@ -34,6 +43,8 @@ export type Browser = {
   binary: string | string[]
   /** optional warning that will be shown in the GUI */
   warning?: string
+  /** if set, is called to determine if found browser is supported by Cypress */
+  validator?: BrowserValidator
 }
 
 /**
@@ -45,6 +56,7 @@ export type FoundBrowser = Omit<Browser, 'versionRegex' | 'binary' | 'validator'
   majorVersion?: string | null
   /** is this a user-supplied browser? */
   custom?: boolean
+  unsupportedVersion?: boolean
   disabled?: boolean
 }
 

From 46ad5acf26586bd5c047fb417776fa31c6173b32 Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Tue, 29 Oct 2024 11:10:36 -0400
Subject: [PATCH 07/11] return if validator is undefined

---
 packages/launcher/lib/detect.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/launcher/lib/detect.ts b/packages/launcher/lib/detect.ts
index bd6a659492b9..cba982d644f8 100644
--- a/packages/launcher/lib/detect.ts
+++ b/packages/launcher/lib/detect.ts
@@ -35,9 +35,11 @@ export const getMajorVersion = (version: string): string => {
 // unsupported, the browser will be unavailable for selection and
 // will present the determined warning message to the user.
 const validateCypressSupport = (validator: BrowserValidator | undefined, browser: FoundBrowser, platform: NodeJS.Platform) => {
-  // If no validator parameter is provided, we fall back to validating against
-  // the browser's minimum supported version
-  const { isSupported, warningMessage } = (validator)(browser, platform)
+  if (!validator) {
+    return
+  }
+
+  const { isSupported, warningMessage } = validator(browser, platform)
 
   if (isSupported) {
     return

From e972f5da57e6d9002a3eedab89944c683e11fe1b Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Tue, 29 Oct 2024 13:38:06 -0400
Subject: [PATCH 08/11] update called browser

---
 packages/launcher/test/unit/browsers_spec.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/launcher/test/unit/browsers_spec.ts b/packages/launcher/test/unit/browsers_spec.ts
index 26f0799780bd..0a1f77f5d2e7 100644
--- a/packages/launcher/test/unit/browsers_spec.ts
+++ b/packages/launcher/test/unit/browsers_spec.ts
@@ -41,7 +41,7 @@ describe('browsers', () => {
           },
         }
 
-        const result = firefoxBrowser.validator(foundBrowser, 'win32')
+        const result = foundBrowser.validator(foundBrowser, 'win32')
 
         expect(result.isSupported).to.be.false
         expect(result.warningMessage).to.contain('Cypress does not support running Firefox version 101 on Windows due to a blocking bug in Firefox.')
@@ -66,7 +66,7 @@ describe('browsers', () => {
           },
         }
 
-        const result = firefoxBrowser.validator(foundBrowser, 'win32')
+        const result = foundBrowser.validator(foundBrowser, 'win32')
 
         expect(result.isSupported).to.be.true
         expect(result.warningMessage).to.be.undefined

From 916fb726b1623a3443f93bfae464a10db2a15e6d Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Tue, 29 Oct 2024 16:55:36 -0400
Subject: [PATCH 09/11] fix failing tests

---
 packages/launcher/test/unit/browsers_spec.ts | 2 +-
 packages/launcher/test/unit/detect_spec.ts   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/launcher/test/unit/browsers_spec.ts b/packages/launcher/test/unit/browsers_spec.ts
index 0a1f77f5d2e7..79ec5514b3c3 100644
--- a/packages/launcher/test/unit/browsers_spec.ts
+++ b/packages/launcher/test/unit/browsers_spec.ts
@@ -51,7 +51,7 @@ describe('browsers', () => {
         const foundBrowser = {
           ...firefoxBrowser,
           version: '101.1.0',
-          majorVersion: '101',
+          majorVersion: '140',
           validator: (browser, platform) => {
             if (platform === 'win32' && browser.majorVersion && ['101', '102'].includes(browser.majorVersion)) {
               return {
diff --git a/packages/launcher/test/unit/detect_spec.ts b/packages/launcher/test/unit/detect_spec.ts
index eca392f9d191..3dec639cb4e3 100644
--- a/packages/launcher/test/unit/detect_spec.ts
+++ b/packages/launcher/test/unit/detect_spec.ts
@@ -85,7 +85,7 @@ describe('detect', () => {
 
       expect(foundTestBrowser.name).to.eq('test-browser')
       expect(foundTestBrowser.displayName).to.eq('Test Browser')
-      expect(foundTestBrowser.majorVersion, 'majorVersion').to.eq('1')
+      expect(foundTestBrowser.majorVersion, 'majorVersion').to.eq('130')
       expect(foundTestBrowser.unsupportedVersion, 'unsupportedVersion').to.be.undefined
       expect(foundTestBrowser.warning, 'warning').to.be.undefined
       expect(mockValidator).to.have.been.called

From 850fc41b35417eef0eef3be00388b633c0cab85d Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Thu, 31 Oct 2024 13:30:31 -0400
Subject: [PATCH 10/11] fix logic of unsupported showing

---
 .../gql-components/topnav/VerticalBrowserListItems.vue    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
index dfaf12d27a7f..ba36e2b117eb 100644
--- a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
+++ b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
@@ -23,7 +23,7 @@
       <div class="grow">
         <div>
           <button
-            class="font-medium box-border focus:outline-none"
+            class="box-border font-medium focus:outline-none"
             :class="{
               'text-indigo-500 group-hover:text-indigo-700': !browser.isSelected && !browser.disabled && browser.isVersionSupported,
               'text-jade-700': browser.isSelected,
@@ -38,14 +38,14 @@
             "
           >
             {{ t('topNav.version') }} {{ browser.majorVersion }}
-            <span v-if="browser.version === 'unsupported'">
+            <span v-if="!browser.isVersionSupported">
               Unsupported
             </span>
           </div>
         </div>
       </div>
       <div>
-        <div class="flex h-full items-center align-middle">
+        <div class="flex items-center h-full align-middle">
           <template v-if="browser.isSelected">
             <div data-cy="top-nav-browser-list-selected-item">
               <i-cy-circle-check_x24 class="h-[24px] w-[24px] icon-dark-jade-100 icon-light-jade-500" />
@@ -60,7 +60,7 @@
                 />
                 <template #popper>
                   <div class="text-center p-2 text-gray-300 text-[14px] leading-[20px]">
-                    <div class="font-medium text-white mb-2">
+                    <div class="mb-2 font-medium text-white">
                       Unsupported browser
                     </div>
                     {{ browser.warning }}

From 37d04e13944484c0d298e6b52600265e7af13dce Mon Sep 17 00:00:00 2001
From: Jennifer Shehane <jennifer@cypress.io>
Date: Thu, 31 Oct 2024 14:12:15 -0400
Subject: [PATCH 11/11] add parens

---
 .../src/gql-components/topnav/VerticalBrowserListItems.vue      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
index ba36e2b117eb..6ee142b30fb2 100644
--- a/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
+++ b/packages/frontend-shared/src/gql-components/topnav/VerticalBrowserListItems.vue
@@ -39,7 +39,7 @@
           >
             {{ t('topNav.version') }} {{ browser.majorVersion }}
             <span v-if="!browser.isVersionSupported">
-              Unsupported
+              (Unsupported)
             </span>
           </div>
         </div>