[UX] Ignore Proton - Experimental by default, but allow enabling it for advanced usage

public/locales/en/translation.json

@@ -584,6 +584,14 @@
             },
             "label": "Allow installation of games with broken or denied anticheat"
         },
+        "allow_proton_experimental": {
+            "confirmation": {
+                "message": "'Proton - Experimental' is, by nature, meant for experimentation and not for stable use. Using it as a default for all games can unexpectedly break games previously working during an upgrade. Use it only if you know what you are doing.",
+                "title": "Are you sure?",
+                "understand": "Don't allow it"
+            },
+            "label": "Allow using \"Proton - Experimental\" to run games"
+        },
         "alt-gogdl-bin": "Choose an Alternative GOGDL Binary to use",
         "alt-legendary-bin": "Choose an Alternative Legendary Binary",
         "alt-nile-bin": "Choose an Alternative Nile Binary",

src/backend/utils/compatibility_layers.ts

@@ -169,6 +169,15 @@ export async function getLinuxWineSet(
   protonPaths.forEach((path) => {
     if (existsSync(path)) {
       readdirSync(path).forEach((version) => {
+        if (version.includes('Experimental')) {
+          if (!GlobalConfig.get().getSettings().allowProtonExperimental) {
+            logInfo(
+              'Ignoring "Proton - Experimental". You can change this in Settings > Advanced'
+            )
+            return
+          }
+        }
+
         // Only relevant to Lutris
         if (version.startsWith('UMU-Latest')) {
           return

src/common/types.ts

@@ -102,6 +102,7 @@ export interface AppSettings extends GameSettings {
   startInTray: boolean
   allowInstallationBrokenAnticheat: boolean
   disableUMU: boolean
+  allowProtonExperimental: boolean
 }
 
 export type LibraryTopSectionOptions =

src/frontend/screens/Settings/components/AllowProtonExperimental.tsx

@@ -0,0 +1,63 @@
+import React, { useContext } from 'react'
+import { useTranslation } from 'react-i18next'
+import useSetting from 'frontend/hooks/useSetting'
+import { ToggleSwitch } from 'frontend/components/UI'
+import ContextProvider from 'frontend/state/ContextProvider'
+
+const AllowProtonExperimental = () => {
+  const { t } = useTranslation()
+  const { showDialogModal } = useContext(ContextProvider)
+  const [allowProtonExperimental, setAllowProtonExperimental] = useSetting(
+    'allowProtonExperimental',
+    false
+  )
+
+  const toggleConfig = () => {
+    if (allowProtonExperimental) {
+      setAllowProtonExperimental(false)
+    } else {
+      showDialogModal({
+        title: t(
+          'setting.allow_proton_experimental.confirmation.title',
+          'Are you sure?'
+        ),
+        message: t(
+          'setting.allow_proton_experimental.confirmation.message',
+          "'Proton - Experimental' is, by nature, meant for experimentation and not for stable use. Using it as a default for all games can unexpectedly break games previously working during an upgrade. Use it only if you know what you are doing."
+        ),
+        buttons: [
+          {
+            text: t(
+              'setting.allow_proton_experimental.confirmation.understand',
+              'I understand, allow it'
+            ),
+            onClick: () => setAllowProtonExperimental(true)
+          },
+          {
+            text: t(
+              'setting.allow_proton_experimental.confirmation.understand',
+              "Don't allow it"
+            )
+          }
+        ],
+        type: 'MESSAGE'
+      })
+    }
+  }
+
+  return (
+    <div className="toggleRow">
+      <ToggleSwitch
+        htmlId="allowProtonExperimental"
+        value={allowProtonExperimental}
+        handleChange={() => toggleConfig()}
+        title={t(
+          'setting.allow_proton_experimental.label',
+          'Allow using "Proton - Experimental" to run games'
+        )}
+      />
+    </div>
+  )
+}
+
+export default AllowProtonExperimental

src/frontend/screens/Settings/sections/AdvancedSettings/index.tsx

@@ -25,6 +25,7 @@ import {
   ExperimentalFeatures,
   ResetHeroic
 } from '../../components'
+import AllowProtonExperimental from '../../components/AllowProtonExperimental'
 
 export default function AdvancedSetting() {
   const { config } = useContext(SettingsContext)
@@ -178,6 +179,8 @@ export default function AdvancedSetting() {
 
       <AllowInstallationBrokenAnticheat />
 
+      <AllowProtonExperimental />
+
       <hr />
 
       <div className="advancedSetting">