fixes for june 2026 beta errorboundary (#916)

Co-authored-by: Beebles <102569435+beebls@users.noreply.github.com>

frontend/package.json

@@ -47,7 +47,7 @@
     }
   },
   "dependencies": {
-    "@decky/ui": "^4.11.4",
+    "@decky/ui": "^4.11.6",
     "compare-versions": "^6.1.1",
     "filesize": "^10.1.2",
     "i18next": "^25.6.0",

frontend/pnpm-lock.yaml

@@ -9,8 +9,8 @@ importers:
   .:
     dependencies:
       '@decky/ui':
-        specifier: ^4.11.4
-        version: 4.11.4
+        specifier: ^4.11.6
+        version: 4.11.6
       compare-versions:
         specifier: ^6.1.1
         version: 6.1.1
@@ -222,8 +222,8 @@ packages:
   '@decky/api@1.1.3':
     resolution: {integrity: sha512-XsPCZxfxk5I1UtylIUN3qaWQI31siQbKfbLIskkI5innEatY1m4NQqBv/6hwPaO9mKMbdqYpnh5PSJDeMEOOBA==}
 
-  '@decky/ui@4.11.4':
-    resolution: {integrity: sha512-8rANkj5vkYTcT7VBBUzlBuowyBctU8gU5reWtsntmYdr7dGPLRqfgKDRqVH09HCd5plXyJKWDSpqiDsUHmKRJg==}
+  '@decky/ui@4.11.6':
+    resolution: {integrity: sha512-vPCr2/KODeM6DAzIL/XN2e/RY7vhebXoWoh8e0VvB5QJU59Usb1z/cIpNmqe/GEMd1P3om6DFMcpEW5v8Se95Q==}
 
   '@esbuild/aix-ppc64@0.20.2':
     resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
@@ -2311,7 +2311,7 @@ snapshots:
 
   '@decky/api@1.1.3': {}
 
-  '@decky/ui@4.11.4': {}
+  '@decky/ui@4.11.6': {}
 
   '@esbuild/aix-ppc64@0.20.2':
     optional: true

frontend/pnpm-workspace.yaml

@@ -0,0 +1,3 @@
+minimumReleaseAgeExclude:
+- "@decky/api"
+- "@decky/ui"

frontend/src/components/DeckyErrorBoundary.tsx

@@ -101,7 +101,6 @@ const DeckyErrorBoundary: FunctionComponent<DeckyErrorBoundaryProps> = ({ error,
             color: #93929e;
             font-size: 15px;
             margin: 10px 0px 40px ${vars.rootMarginLeft};
-            width: calc(100vw - ${vars.scrollBarwidth} - ${vars.rootMarginLeft});
             overflow: visible;
           }
           .${classes.root} button,

frontend/src/components/settings/pages/general/Updater.tsx

@@ -1,4 +1,14 @@
-import { Carousel, DialogButton, Field, Focusable, ProgressBarWithInfo, Spinner, findSP, showModal } from '@decky/ui';
+import {
+  Carousel,
+  DialogButton,
+  Field,
+  Focusable,
+  ProgressBarWithInfo,
+  Spinner,
+  findSP,
+  gamepadDialogClasses,
+  showModal,
+} from '@decky/ui';
 import { Suspense, lazy, useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { FaExclamation } from 'react-icons/fa';
@@ -153,13 +163,22 @@ export default function UpdaterSettings() {
                 : t('Updater.updates.install_button')}
           </DialogButton>
         ) : (
-          <ProgressBarWithInfo
-            layout="inline"
-            bottomSeparator="none"
-            nProgress={updateProgress}
-            indeterminate={reloading}
-            sOperationText={reloading ? t('Updater.updates.reloading') : t('Updater.updates.updating')}
-          />
+          <div id="decky-hide-left">
+            <style>
+              {`
+              #decky-hide-left .${gamepadDialogClasses.FieldLeftColumn} {
+                display: none;
+              }
+              `}
+            </style>
+            <ProgressBarWithInfo
+              layout="inline"
+              bottomSeparator="none"
+              nProgress={updateProgress}
+              indeterminate={reloading}
+              sOperationText={reloading ? t('Updater.updates.reloading') : t('Updater.updates.updating')}
+            />
+          </div>
         )}
       </Field>
       {versionInfo?.remote && versionInfo?.remote?.tag_name != versionInfo?.current && (

frontend/src/components/settings/pages/testing/index.tsx

@@ -84,7 +84,10 @@ export default function TestingVersionList() {
                 <Field
                   label={
                     <>
-                      {version.name} <span style={{ opacity: '50%' }}>{'#' + version.id}</span>
+                      {version.name}{' '}
+                      <span style={{ opacity: '50%', whiteSpace: 'nowrap', marginLeft: 'auto', alignSelf: 'center' }}>
+                        {'#' + version.id}
+                      </span>
                     </>
                   }
                 >

frontend/src/errorboundary-hook.tsx

@@ -24,7 +24,7 @@ class ErrorBoundaryHook extends Logger {
     window.__ERRORBOUNDARY_HOOK_INSTANCE = this;
 
     // valve writes only the sanest of code
-    const exp = /^\(\)=>\(.\|\|.\(new .\),.\)$/;
+    const exp = /^\(\)=>\(.\|\|(?:.\(|\(.=)new .\),.\)$/;
     const initErrorReportingStore = findModuleExport(
       (e) => typeof e == 'function' && e?.toString && exp.test(e.toString()),
     );