feat(frontend): check for updates periodically

15 files changed, 359 insertions, 291 deletions

diff --git a/subprojects/frontend/package.json b/subprojects/frontend/package.json
index 5856bb47..af345777 100644
--- a/subprojects/frontend/package.json
+++ b/subprojects/frontend/package.json
@@ -39,20 +39,21 @@
     "@lezer/lr": "^1.2.3",
     "@material-icons/svg": "^1.0.33",
     "@mui/icons-material": "5.10.3",
-    "@mui/material": "5.10.3",
+    "@mui/material": "5.10.4",
     "ansi-styles": "^6.1.0",
     "escape-string-regexp": "^5.0.0",
     "lodash-es": "^4.17.21",
     "loglevel": "^1.8.0",
     "loglevel-plugin-prefix": "^0.8.4",
-    "mobx": "^6.6.1",
+    "mobx": "^6.6.2",
     "mobx-react-lite": "^3.4.0",
+    "ms": "^2.1.3",
     "nanoid": "^4.0.0",
     "notistack": "^2.0.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "xstate": "^4.33.5",
-    "zod": "^3.18.0"
+    "zod": "^3.19.0"
   },
   "devDependencies": {
     "@lezer/generator": "^1.1.1",
@@ -60,32 +61,32 @@
     "@types/html-minifier-terser": "^7.0.0",
     "@types/lodash-es": "^4.17.6",
     "@types/ms": "^0.7.31",
-    "@types/node": "^18.7.15",
+    "@types/node": "^18.7.16",
     "@types/prettier": "^2.7.0",
     "@types/react": "^18.0.18",
     "@types/react-dom": "^18.0.6",
-    "@typescript-eslint/eslint-plugin": "^5.36.1",
-    "@typescript-eslint/parser": "^5.36.1",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
     "@vitejs/plugin-react": "^2.1.0",
-    "@xstate/cli": "^0.3.2",
+    "@xstate/cli": "^0.3.3",
     "cross-env": "^7.0.3",
     "eslint": "^8.23.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-config-prettier": "^8.5.0",
-    "eslint-import-resolver-typescript": "^3.5.0",
+    "eslint-import-resolver-typescript": "^3.5.1",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-mobx": "^0.0.9",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.6",
+    "eslint-plugin-react": "^7.31.7",
     "eslint-plugin-react-hooks": "^4.6.0",
     "html-minifier-terser": "^7.0.0",
     "prettier": "^2.7.1",
     "typescript": "~4.8.2",
     "vite": "^3.1.0",
     "vite-plugin-inject-preload": "^1.1.0",
-    "vite-plugin-pwa": "^0.12.6",
+    "vite-plugin-pwa": "^0.12.7",
     "workbox-window": "^6.5.4"
   }
 }
diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx
index 3a25f43a..90514044 100644
--- a/subprojects/frontend/src/App.tsx
+++ b/subprojects/frontend/src/App.tsx
@@ -1,14 +1,21 @@
+import Grow from '@mui/material/Grow';
 import Stack from '@mui/material/Stack';
+import { SnackbarProvider } from 'notistack';
 import React from 'react';
 
 import TopBar from './TopBar';
+import UpdateNotification from './UpdateNotification';
 import EditorPane from './editor/EditorPane';
 
 export default function App(): JSX.Element {
   return (
-    <Stack direction="column" height="100vh" overflow="auto">
-      <TopBar />
-      <EditorPane />
-    </Stack>
+    // @ts-expect-error -- notistack has problems with `exactOptionalPropertyTypes
+    <SnackbarProvider TransitionComponent={Grow}>
+      <UpdateNotification />
+      <Stack direction="column" height="100vh" overflow="auto">
+        <TopBar />
+        <EditorPane />
+      </Stack>
+    </SnackbarProvider>
   );
 }
diff --git a/subprojects/frontend/src/PWAStore.ts b/subprojects/frontend/src/PWAStore.ts
new file mode 100644
index 00000000..e9f99e2a
--- /dev/null
+++ b/subprojects/frontend/src/PWAStore.ts
@@ -0,0 +1,94 @@
+import { makeAutoObservable, observable } from 'mobx';
+import ms from 'ms';
+// eslint-disable-next-line import/no-unresolved -- Importing virtual module.
+import { registerSW } from 'virtual:pwa-register';
+
+import getLogger from './utils/getLogger';
+
+const log = getLogger('PWAStore');
+
+const UPDATE_INTERVAL = ms('30m');
+
+export default class PWAStore {
+  needsUpdate = false;
+
+  updateError = false;
+
+  private readonly updateSW: (
+    reloadPage?: boolean | undefined,
+  ) => Promise<void>;
+
+  private registration: ServiceWorkerRegistration | undefined;
+
+  constructor() {
+    if (window.location.host === 'localhost') {
+      // Do not register service worker during local development.
+      this.updateSW = () => Promise.resolve();
+    } else {
+      this.updateSW = registerSW({
+        onNeedRefresh: () => this.requestUpdate(),
+        onOfflineReady() {
+          log.debug('Service worker is ready for offline use');
+        },
+        onRegistered: (registration) => {
+          log.debug('Registered service worker');
+          this.setRegistration(registration);
+        },
+        onRegisterError(error) {
+          log.error('Failed to register service worker', error);
+        },
+      });
+      setInterval(() => this.checkForUpdates(), UPDATE_INTERVAL);
+    }
+    makeAutoObservable<PWAStore, 'updateSW' | 'registration'>(this, {
+      updateSW: false,
+      registration: observable.ref,
+    });
+  }
+
+  private requestUpdate(): void {
+    this.needsUpdate = true;
+  }
+
+  private setRegistration(
+    registration: ServiceWorkerRegistration | undefined,
+  ): void {
+    this.registration = registration;
+  }
+
+  private signalError(): void {
+    this.updateError = true;
+  }
+
+  private update(reloadPage?: boolean | undefined): void {
+    this.updateSW(reloadPage).catch((error) => {
+      log.error('Error while reloading page with updates', error);
+      this.signalError();
+    });
+  }
+
+  checkForUpdates(): void {
+    this.dismissError();
+    // In development mode, the service worker deactives itself,
+    // so we must watch out for a deactivated service worker before updating.
+    if (this.registration !== undefined && this.registration.active) {
+      this.registration.update().catch((error) => {
+        log.error('Error while updating service worker', error);
+        this.signalError();
+      });
+    }
+  }
+
+  reloadWithUpdate(): void {
+    this.dismissUpdate();
+    this.update(true);
+  }
+
+  dismissUpdate(): void {
+    this.needsUpdate = false;
+  }
+
+  dismissError(): void {
+    this.updateError = false;
+  }
+}
diff --git a/subprojects/frontend/src/RegisterServiceWorker.tsx b/subprojects/frontend/src/RegisterServiceWorker.tsx
deleted file mode 100644
index 5f46bc3d..00000000
--- a/subprojects/frontend/src/RegisterServiceWorker.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import Button from '@mui/material/Button';
-import {
-  type OptionsObject as SnackbarOptionsObject,
-  useSnackbar,
-} from 'notistack';
-import React, { useEffect } from 'react';
-// eslint-disable-next-line import/no-unresolved -- Importing virtual module.
-import { registerSW } from 'virtual:pwa-register';
-
-import { ContrastThemeProvider } from './theme/ThemeProvider';
-import getLogger from './utils/getLogger';
-
-const log = getLogger('RegisterServiceWorker');
-
-function UpdateSnackbarActions({
-  closeCurrentSnackbar,
-  enqueueSnackbar,
-  updateSW,
-}: {
-  closeCurrentSnackbar: () => void;
-  enqueueSnackbar: (
-    message: string,
-    options?: SnackbarOptionsObject | undefined,
-  ) => void;
-  updateSW: (reloadPage: boolean) => Promise<void>;
-}): JSX.Element {
-  return (
-    <ContrastThemeProvider>
-      <Button
-        color="primary"
-        onClick={() => {
-          closeCurrentSnackbar();
-          updateSW(true).catch((error) => {
-            log.error('Failed to update service worker', error);
-            enqueueSnackbar('Failed to download update', {
-              variant: 'error',
-            });
-          });
-        }}
-      >
-        Reload
-      </Button>
-      <Button color="inherit" onClick={closeCurrentSnackbar}>
-        Dismiss
-      </Button>
-    </ContrastThemeProvider>
-  );
-}
-
-export default function RegisterServiceWorker(): null {
-  const { enqueueSnackbar, closeSnackbar } = useSnackbar();
-  useEffect(() => {
-    if (window.location.host === 'localhost') {
-      // Do not register service worker during local development.
-      return;
-    }
-    if (!('serviceWorker' in navigator)) {
-      log.debug('No service worker support found');
-      return;
-    }
-    const updateSW = registerSW({
-      onNeedRefresh() {
-        const key = enqueueSnackbar('An update for Refinery is available', {
-          persist: true,
-          action: (
-            <UpdateSnackbarActions
-              closeCurrentSnackbar={() => closeSnackbar(key)}
-              enqueueSnackbar={enqueueSnackbar}
-              updateSW={updateSW}
-            />
-          ),
-        });
-      },
-      onOfflineReady() {
-        log.debug('Service worker is ready for offline use');
-      },
-      onRegistered() {
-        log.debug('Registered service worker');
-      },
-      onRegisterError(error) {
-        log.error('Failed to register service worker', error);
-      },
-    });
-  }, [enqueueSnackbar, closeSnackbar]);
-  return null;
-}
diff --git a/subprojects/frontend/src/RootStore.tsx b/subprojects/frontend/src/RootStore.tsx
index 5aa580d1..c1674a3c 100644
--- a/subprojects/frontend/src/RootStore.tsx
+++ b/subprojects/frontend/src/RootStore.tsx
@@ -2,6 +2,7 @@ import { getLogger } from 'loglevel';
 import { makeAutoObservable, runInAction } from 'mobx';
 import React, { createContext, useContext } from 'react';
 
+import PWAStore from './PWAStore';
 import type EditorStore from './editor/EditorStore';
 import ThemeStore from './theme/ThemeStore';
 
@@ -10,17 +11,21 @@ const log = getLogger('RootStore');
 export default class RootStore {
   editorStore: EditorStore | undefined;
 
+  readonly pwaStore: PWAStore;
+
   readonly themeStore: ThemeStore;
 
   constructor(initialValue: string) {
+    this.pwaStore = new PWAStore();
     this.themeStore = new ThemeStore();
     makeAutoObservable(this, {
+      pwaStore: false,
       themeStore: false,
     });
     import('./editor/EditorStore')
       .then(({ default: EditorStore }) => {
         runInAction(() => {
-          this.editorStore = new EditorStore(initialValue);
+          this.editorStore = new EditorStore(initialValue, this.pwaStore);
         });
       })
       .catch((error) => {
diff --git a/subprojects/frontend/src/UpdateNotification.tsx b/subprojects/frontend/src/UpdateNotification.tsx
new file mode 100644
index 00000000..d260e3b7
--- /dev/null
+++ b/subprojects/frontend/src/UpdateNotification.tsx
@@ -0,0 +1,51 @@
+import Button from '@mui/material/Button';
+import { observer } from 'mobx-react-lite';
+import React, { useEffect } from 'react';
+
+import { useRootStore } from './RootStore';
+import { ContrastThemeProvider } from './theme/ThemeProvider';
+import useDelayedSnackbar from './utils/useDelayedSnackbar';
+
+export default observer(function UpdateNotification(): null {
+  const { pwaStore } = useRootStore();
+  const { needsUpdate, updateError } = pwaStore;
+  const enqueueLater = useDelayedSnackbar();
+
+  useEffect(() => {
+    if (needsUpdate) {
+      return enqueueLater('An update for Refinery is available', {
+        persist: true,
+        action: (
+          <ContrastThemeProvider>
+            <Button color="primary" onClick={() => pwaStore.reloadWithUpdate()}>
+              Reload
+            </Button>
+            <Button color="inherit" onClick={() => pwaStore.dismissUpdate()}>
+              Dismiss
+            </Button>
+          </ContrastThemeProvider>
+        ),
+      });
+    }
+
+    if (updateError) {
+      return enqueueLater('Failed to download update', {
+        variant: 'error',
+        action: (
+          <>
+            <Button color="inherit" onClick={() => pwaStore.checkForUpdates()}>
+              Try again
+            </Button>
+            <Button color="inherit" onClick={() => pwaStore.dismissError()}>
+              Dismiss
+            </Button>
+          </>
+        ),
+      });
+    }
+
+    return () => {};
+  }, [pwaStore, needsUpdate, updateError, enqueueLater]);
+
+  return null;
+});
diff --git a/subprojects/frontend/src/editor/ConnectionStatusNotification.tsx b/subprojects/frontend/src/editor/ConnectionStatusNotification.tsx
index 54c4e834..f7f089f0 100644
--- a/subprojects/frontend/src/editor/ConnectionStatusNotification.tsx
+++ b/subprojects/frontend/src/editor/ConnectionStatusNotification.tsx
@@ -1,44 +1,12 @@
 import Button from '@mui/material/Button';
 import { observer } from 'mobx-react-lite';
-import {
-  useSnackbar,
-  type SnackbarKey,
-  type SnackbarMessage,
-  type OptionsObject,
-} from 'notistack';
 import React, { useEffect } from 'react';
 
 import { ContrastThemeProvider } from '../theme/ThemeProvider';
+import useDelayedSnackbar from '../utils/useDelayedSnackbar';
 
 import type EditorStore from './EditorStore';
 
-const DEBOUNCE_TIMEOUT = 350;
-
-function enqueueLater(
-  enqueueSnackbar: (
-    message: SnackbarMessage,
-    options: OptionsObject | undefined,
-  ) => SnackbarKey,
-  closeSnackbar: (key: SnackbarKey) => void,
-  message: SnackbarMessage,
-  options?: OptionsObject | undefined,
-  debounceTimeout = DEBOUNCE_TIMEOUT,
-): () => void {
-  let key: SnackbarKey | undefined;
-  let timeout: number | undefined = setTimeout(() => {
-    timeout = undefined;
-    key = enqueueSnackbar(message, options);
-  }, debounceTimeout);
-  return () => {
-    if (timeout !== undefined) {
-      clearTimeout(timeout);
-    }
-    if (key !== undefined) {
-      closeSnackbar(key);
-    }
-  };
-}
-
 export default observer(function ConnectionStatusNotification({
   editorStore,
 }: {
@@ -51,13 +19,11 @@ export default observer(function ConnectionStatusNotification({
     disconnectedByUser,
     networkMissing,
   } = editorStore;
-  const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+  const enqueueLater = useDelayedSnackbar(350);
 
   useEffect(() => {
     if (opening) {
       return enqueueLater(
-        enqueueSnackbar,
-        closeSnackbar,
         'Connecting to Refinery',
         {
           persist: true,
@@ -73,8 +39,6 @@ export default observer(function ConnectionStatusNotification({
 
     if (connectionErrors.length >= 1 && !opening) {
       return enqueueLater(
-        enqueueSnackbar,
-        closeSnackbar,
         <div>
           Connection error:{' '}
           <b>{connectionErrors[connectionErrors.length - 1]}</b>
@@ -110,8 +74,6 @@ export default observer(function ConnectionStatusNotification({
     if (networkMissing) {
       if (disconnectedByUser) {
         return enqueueLater(
-          enqueueSnackbar,
-          closeSnackbar,
           <div>
             <b>No network connection:</b> Some editing features might be
             degraded
@@ -130,8 +92,6 @@ export default observer(function ConnectionStatusNotification({
       }
 
       return enqueueLater(
-        enqueueSnackbar,
-        closeSnackbar,
         <div>
           <b>No network connection:</b> Refinery will try to reconnect when the
           connection is restored
@@ -154,8 +114,6 @@ export default observer(function ConnectionStatusNotification({
 
     if (disconnectedByUser) {
       return enqueueLater(
-        enqueueSnackbar,
-        closeSnackbar,
         <div>
           <b>Not connected to Refinery:</b> Some editing features might be
           degraded
@@ -181,8 +139,7 @@ export default observer(function ConnectionStatusNotification({
     connectionErrors,
     disconnectedByUser,
     networkMissing,
-    closeSnackbar,
-    enqueueSnackbar,
+    enqueueLater,
   ]);
 
   return null;
diff --git a/subprojects/frontend/src/editor/EditorStore.ts b/subprojects/frontend/src/editor/EditorStore.ts
index ecbe6ef8..c74e732f 100644
--- a/subprojects/frontend/src/editor/EditorStore.ts
+++ b/subprojects/frontend/src/editor/EditorStore.ts
@@ -16,6 +16,7 @@ import { type Command, EditorView } from '@codemirror/view';
 import { makeAutoObservable, observable } from 'mobx';
 import { nanoid } from 'nanoid';
 
+import type PWAStore from '../PWAStore';
 import getLogger from '../utils/getLogger';
 import XtextClient from '../xtext/XtextClient';
 
@@ -51,10 +52,10 @@ export default class EditorStore {
 
   infoCount = 0;
 
-  constructor(initialValue: string) {
+  constructor(initialValue: string, pwaStore: PWAStore) {
     this.id = nanoid();
     this.state = createEditorState(initialValue, this);
-    this.client = new XtextClient(this);
+    this.client = new XtextClient(this, pwaStore);
     this.searchPanel = new SearchPanelStore(this);
     this.lintPanel = new LintPanelStore(this);
     makeAutoObservable<EditorStore, 'client'>(this, {
diff --git a/subprojects/frontend/src/index.tsx b/subprojects/frontend/src/index.tsx
index 5760327e..55e0590f 100644
--- a/subprojects/frontend/src/index.tsx
+++ b/subprojects/frontend/src/index.tsx
@@ -1,13 +1,10 @@
 import Box from '@mui/material/Box';
 import CssBaseline from '@mui/material/CssBaseline';
-import Grow from '@mui/material/Grow';
 import { configure } from 'mobx';
-import { SnackbarProvider } from 'notistack';
 import React, { Suspense, lazy } from 'react';
 import { createRoot } from 'react-dom/client';
 
 import Loading from './Loading';
-import RegisterServiceWorker from './RegisterServiceWorker';
 import RootStore, { RootStoreProvider } from './RootStore';
 import WindowControlsOverlayColor from './WindowControlsOverlayColor';
 import ThemeProvider from './theme/ThemeProvider';
@@ -78,15 +75,11 @@ const app = (
       <ThemeProvider>
         <CssBaseline enableColorScheme />
         <WindowControlsOverlayColor />
-        {/* @ts-expect-error -- notistack has problems with `exactOptionalPropertyTypes` */}
-        <SnackbarProvider TransitionComponent={Grow}>
-          <RegisterServiceWorker />
-          <Box height="100vh" overflow="auto">
-            <Suspense fallback={<Loading />}>
-              <App />
-            </Suspense>
-          </Box>
-        </SnackbarProvider>
+        <Box height="100vh" overflow="auto">
+          <Suspense fallback={<Loading />}>
+            <App />
+          </Suspense>
+        </Box>
       </ThemeProvider>
     </RootStoreProvider>
   </React.StrictMode>
diff --git a/subprojects/frontend/src/utils/useDelayedSnackbar.ts b/subprojects/frontend/src/utils/useDelayedSnackbar.ts
new file mode 100644
index 00000000..03ad6caa
--- /dev/null
+++ b/subprojects/frontend/src/utils/useDelayedSnackbar.ts
@@ -0,0 +1,39 @@
+import {
+  useSnackbar,
+  type SnackbarKey,
+  type SnackbarMessage,
+  type OptionsObject,
+} from 'notistack';
+import { useCallback } from 'react';
+
+export default function useDelayedSnackbar(
+  defaultDelay = 0,
+): (
+  message: SnackbarMessage,
+  options?: OptionsObject | undefined,
+  delay?: number | undefined,
+) => () => void {
+  const { enqueueSnackbar, closeSnackbar } = useSnackbar();
+  return useCallback(
+    (
+      message: SnackbarMessage,
+      options?: OptionsObject | undefined,
+      delay = defaultDelay,
+    ) => {
+      let key: SnackbarKey | undefined;
+      let timeout: number | undefined = setTimeout(() => {
+        timeout = undefined;
+        key = enqueueSnackbar(message, options);
+      }, delay);
+      return () => {
+        if (timeout !== undefined) {
+          clearTimeout(timeout);
+        }
+        if (key !== undefined) {
+          closeSnackbar(key);
+        }
+      };
+    },
+    [defaultDelay, enqueueSnackbar, closeSnackbar],
+  );
+}
diff --git a/subprojects/frontend/src/xtext/OccurrencesService.ts b/subprojects/frontend/src/xtext/OccurrencesService.ts
index 9d738d76..248a9a87 100644
--- a/subprojects/frontend/src/xtext/OccurrencesService.ts
+++ b/subprojects/frontend/src/xtext/OccurrencesService.ts
@@ -1,5 +1,6 @@
 import { Transaction } from '@codemirror/state';
 import { debounce } from 'lodash-es';
+import ms from 'ms';
 
 import type EditorStore from '../editor/EditorStore';
 import {
@@ -11,7 +12,7 @@ import getLogger from '../utils/getLogger';
 import type UpdateService from './UpdateService';
 import type { TextRegion } from './xtextServiceResults';
 
-const FIND_OCCURRENCES_TIMEOUT_MS = 1000;
+const FIND_OCCURRENCES_TIMEOUT = ms('1s');
 
 const log = getLogger('xtext.OccurrencesService');
 
@@ -33,7 +34,7 @@ export default class OccurrencesService {
 
   private readonly findOccurrencesLater = debounce(
     () => this.findOccurrences(),
-    FIND_OCCURRENCES_TIMEOUT_MS,
+    FIND_OCCURRENCES_TIMEOUT,
   );
 
   constructor(
diff --git a/subprojects/frontend/src/xtext/XtextClient.ts b/subprojects/frontend/src/xtext/XtextClient.ts
index 1f7e446f..cd5d280d 100644
--- a/subprojects/frontend/src/xtext/XtextClient.ts
+++ b/subprojects/frontend/src/xtext/XtextClient.ts
@@ -4,6 +4,7 @@ import type {
 } from '@codemirror/autocomplete';
 import type { Transaction } from '@codemirror/state';
 
+import type PWAStore from '../PWAStore';
 import type EditorStore from '../editor/EditorStore';
 import getLogger from '../utils/getLogger';
 
@@ -30,7 +31,7 @@ export default class XtextClient {
 
   private readonly occurrencesService: OccurrencesService;
 
-  constructor(store: EditorStore) {
+  constructor(store: EditorStore, private readonly pwaStore: PWAStore) {
     this.webSocketClient = new XtextWebSocketClient(
       () => this.onReconnect(),
       () => this.onDisconnect(),
@@ -54,6 +55,7 @@ export default class XtextClient {
   private onReconnect(): void {
     this.updateService.onReconnect();
     this.occurrencesService.onReconnect();
+    this.pwaStore.checkForUpdates();
   }
 
   private onDisconnect(): void {
diff --git a/subprojects/frontend/src/xtext/XtextWebSocketClient.ts b/subprojects/frontend/src/xtext/XtextWebSocketClient.ts
index cba6f064..a39620cb 100644
--- a/subprojects/frontend/src/xtext/XtextWebSocketClient.ts
+++ b/subprojects/frontend/src/xtext/XtextWebSocketClient.ts
@@ -1,4 +1,5 @@
 import { createAtom, makeAutoObservable, observable } from 'mobx';
+import ms from 'ms';
 import { nanoid } from 'nanoid';
 import { interpret } from 'xstate';
 
@@ -18,7 +19,7 @@ const XTEXT_SUBPROTOCOL_V1 = 'tools.refinery.language.web.xtext.v1';
 
 // Use a large enough timeout so that a request can complete successfully
 // even if the browser has throttled the background tab.
-const REQUEST_TIMEOUT = 5000;
+const REQUEST_TIMEOUT = ms('5s');
 
 const log = getLogger('xtext.XtextWebSocketClient');
 
diff --git a/subprojects/frontend/src/xtext/webSocketMachine.ts b/subprojects/frontend/src/xtext/webSocketMachine.ts
index 25689cec..a1eee781 100644
--- a/subprojects/frontend/src/xtext/webSocketMachine.ts
+++ b/subprojects/frontend/src/xtext/webSocketMachine.ts
@@ -1,8 +1,9 @@
+import ms from 'ms';
 import { actions, assign, createMachine, RaiseAction } from 'xstate';
 
 const { raise } = actions;
 
-const ERROR_WAIT_TIMES = [200, 1000, 5000, 30_000];
+const ERROR_WAIT_TIMES = ['200', '1s', '5s', '30s'].map(ms);
 
 export interface WebSocketContext {
   webSocketURL: string | undefined;
@@ -229,9 +230,9 @@ export default createMachine(
       needsNetwork: ({ webSocketURL }) => !isWebSocketURLLocal(webSocketURL),
     },
     delays: {
-      IDLE_TIMEOUT: 300_000,
-      OPEN_TIMEOUT: 10_000,
-      PING_PERIOD: 10_000,
+      IDLE_TIMEOUT: ms('5m'),
+      OPEN_TIMEOUT: ms('10s'),
+      PING_PERIOD: ms('10s'),
       ERROR_WAIT_TIME: ({ errors: { length: retryCount } }) => {
         const { length } = ERROR_WAIT_TIMES;
         const index = retryCount < length ? retryCount : length - 1;
diff --git a/yarn.lock b/yarn.lock
index a16d8715..57fae9b5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1756,9 +1756,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/base@npm:5.0.0-alpha.95":
-  version: 5.0.0-alpha.95
-  resolution: "@mui/base@npm:5.0.0-alpha.95"
+"@mui/base@npm:5.0.0-alpha.96":
+  version: 5.0.0-alpha.96
+  resolution: "@mui/base@npm:5.0.0-alpha.96"
   dependencies:
     "@babel/runtime": ^7.18.9
     "@emotion/is-prop-valid": ^1.2.0
@@ -1775,14 +1775,14 @@ __metadata:
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: b05f18ed2f1fbb6e1ab1d58e54e38b09aa43ad10a0f5e8cf7c86da745a1feca298429c34d2437298b3125c3096cf8b32ee18ad4dbc616ac88d2bd6be57b5c21c
+  checksum: 5e35d2c0d5777ea7085f65e45955262ee2d213d62c5a2c2776a234d0c446cbf1f1ed9d19a571359f8ef9b0f9f983c17772041eb5f947b6d9abd06ed9b1dccef0
   languageName: node
   linkType: hard
 
-"@mui/core-downloads-tracker@npm:^5.10.3":
-  version: 5.10.3
-  resolution: "@mui/core-downloads-tracker@npm:5.10.3"
-  checksum: 07c7d3ddda9dfcd402633e7ab7b367505cbc097ac7ae59bb9232caa11896902e76241f5bf905b62b0c96429cb94009e1006492c172926390f1936fb6e5a1326d
+"@mui/core-downloads-tracker@npm:^5.10.4":
+  version: 5.10.4
+  resolution: "@mui/core-downloads-tracker@npm:5.10.4"
+  checksum: a4249d4cd02a50f353e7718d14becc9e03b0b5438420d840b49ea4a177b62f90a1953df17ed4126f729b3b180cd853f50d4343a37013631d72e7578cc1b9bc60
   languageName: node
   linkType: hard
 
@@ -1802,14 +1802,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/material@npm:5.10.3":
-  version: 5.10.3
-  resolution: "@mui/material@npm:5.10.3"
+"@mui/material@npm:5.10.4":
+  version: 5.10.4
+  resolution: "@mui/material@npm:5.10.4"
   dependencies:
     "@babel/runtime": ^7.18.9
-    "@mui/base": 5.0.0-alpha.95
-    "@mui/core-downloads-tracker": ^5.10.3
-    "@mui/system": ^5.10.3
+    "@mui/base": 5.0.0-alpha.96
+    "@mui/core-downloads-tracker": ^5.10.4
+    "@mui/system": ^5.10.4
     "@mui/types": ^7.2.0
     "@mui/utils": ^5.10.3
     "@types/react-transition-group": ^4.4.5
@@ -1831,7 +1831,7 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: af7502c5340bfd4a777daa986940a86664e3c3c724fe9e2821f95172cbc55e27e85bbad011f1c4e0554df93aed1d881d81d8fad16f8b8e011e7b2d2b31f34c9c
+  checksum: dfee653ca623608c32d78c4281b2be3bc07eaa3dea3198d0e6cdd03fdfad1296053d02078e27202c5e88a133298438253aa68196dc9ef7d4760121753cd135fb
   languageName: node
   linkType: hard
 
@@ -1852,9 +1852,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@mui/styled-engine@npm:^5.10.3":
-  version: 5.10.3
-  resolution: "@mui/styled-engine@npm:5.10.3"
+"@mui/styled-engine@npm:^5.10.4":
+  version: 5.10.4
+  resolution: "@mui/styled-engine@npm:5.10.4"
   dependencies:
     "@babel/runtime": ^7.18.9
     "@emotion/cache": ^11.10.3
@@ -1869,17 +1869,17 @@ __metadata:
       optional: true
     "@emotion/styled":
       optional: true
-  checksum: cc465991fb5f32fd56b7123183631c3c45e8c8f7a69d42a5050c461132ad5fb01f0e389488b9515b274506d92abcc8119da6289ea8652cf44f100a4d442ac8a5
+  checksum: d9bbb38c4bef00e214d5eb5ccdce1cc98935292e4dff94315c81d77fc36d673fc69b128fa234a702fc5822a22b55ce880bb0e0da10849727df4b54a55587e650
   languageName: node
   linkType: hard
 
-"@mui/system@npm:^5.10.3":
-  version: 5.10.3
-  resolution: "@mui/system@npm:5.10.3"
+"@mui/system@npm:^5.10.4":
+  version: 5.10.4
+  resolution: "@mui/system@npm:5.10.4"
   dependencies:
     "@babel/runtime": ^7.18.9
     "@mui/private-theming": ^5.10.3
-    "@mui/styled-engine": ^5.10.3
+    "@mui/styled-engine": ^5.10.4
     "@mui/types": ^7.2.0
     "@mui/utils": ^5.10.3
     clsx: ^1.2.1
@@ -1897,7 +1897,7 @@ __metadata:
       optional: true
     "@types/react":
       optional: true
-  checksum: fee332cfb091c00d3b8fbdc020da1c5bc8a257fb38dafa72b7966a2b38f1d65aa27dcf113b9b016f9bfa82e5e974819e0d7a20f8c5c6ff18810eb5e2885541d0
+  checksum: ae14f4d05c45fba5e5c52e79d9e2a02c002fa03a8ea7636800a3715fe6c598c24db52c9e60206c0e0ffc0aaa76054598e15d8a547370d23e89bedb54c136dcee
   languageName: node
   linkType: hard
 
@@ -2017,19 +2017,19 @@ __metadata:
     "@lezer/lr": ^1.2.3
     "@material-icons/svg": ^1.0.33
     "@mui/icons-material": 5.10.3
-    "@mui/material": 5.10.3
+    "@mui/material": 5.10.4
     "@types/eslint": ^8.4.6
     "@types/html-minifier-terser": ^7.0.0
     "@types/lodash-es": ^4.17.6
     "@types/ms": ^0.7.31
-    "@types/node": ^18.7.15
+    "@types/node": ^18.7.16
     "@types/prettier": ^2.7.0
     "@types/react": ^18.0.18
     "@types/react-dom": ^18.0.6
-    "@typescript-eslint/eslint-plugin": ^5.36.1
-    "@typescript-eslint/parser": ^5.36.1
+    "@typescript-eslint/eslint-plugin": ^5.36.2
+    "@typescript-eslint/parser": ^5.36.2
     "@vitejs/plugin-react": ^2.1.0
-    "@xstate/cli": ^0.3.2
+    "@xstate/cli": ^0.3.3
     ansi-styles: ^6.1.0
     cross-env: ^7.0.3
     escape-string-regexp: ^5.0.0
@@ -2037,19 +2037,20 @@ __metadata:
     eslint-config-airbnb: ^19.0.4
     eslint-config-airbnb-typescript: ^17.0.0
     eslint-config-prettier: ^8.5.0
-    eslint-import-resolver-typescript: ^3.5.0
+    eslint-import-resolver-typescript: ^3.5.1
     eslint-plugin-import: ^2.26.0
     eslint-plugin-jsx-a11y: ^6.6.1
     eslint-plugin-mobx: ^0.0.9
     eslint-plugin-prettier: ^4.2.1
-    eslint-plugin-react: ^7.31.6
+    eslint-plugin-react: ^7.31.7
     eslint-plugin-react-hooks: ^4.6.0
     html-minifier-terser: ^7.0.0
     lodash-es: ^4.17.21
     loglevel: ^1.8.0
     loglevel-plugin-prefix: ^0.8.4
-    mobx: ^6.6.1
+    mobx: ^6.6.2
     mobx-react-lite: ^3.4.0
+    ms: ^2.1.3
     nanoid: ^4.0.0
     notistack: ^2.0.5
     prettier: ^2.7.1
@@ -2058,10 +2059,10 @@ __metadata:
     typescript: ~4.8.2
     vite: ^3.1.0
     vite-plugin-inject-preload: ^1.1.0
-    vite-plugin-pwa: ^0.12.6
+    vite-plugin-pwa: ^0.12.7
     workbox-window: ^6.5.4
     xstate: ^4.33.5
-    zod: ^3.18.0
+    zod: ^3.19.0
   languageName: unknown
   linkType: soft
 
@@ -2219,10 +2220,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:*, @types/node@npm:^18.7.15":
-  version: 18.7.15
-  resolution: "@types/node@npm:18.7.15"
-  checksum: 1435fc7fe44744467a3ba8ace646455be228516530dbb3db64a03cca6abcfdc5ba2e48a3eafc71f25f836d2ca871132361c58a5e760237a53674cb09151147d9
+"@types/node@npm:*, @types/node@npm:^18.7.16":
+  version: 18.7.16
+  resolution: "@types/node@npm:18.7.16"
+  checksum: 01a3d35c764a3f0e7370b56e1ad4203731131883c65784e020009014171b3f53c4649cde6c7aa4f1026b907ee87ef6ae6ece2bc518151dc7b81100fe8b1db3ad
   languageName: node
   linkType: hard
 
@@ -2308,13 +2309,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:^5.36.1":
-  version: 5.36.1
-  resolution: "@typescript-eslint/eslint-plugin@npm:5.36.1"
+"@typescript-eslint/eslint-plugin@npm:^5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/eslint-plugin@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/scope-manager": 5.36.1
-    "@typescript-eslint/type-utils": 5.36.1
-    "@typescript-eslint/utils": 5.36.1
+    "@typescript-eslint/scope-manager": 5.36.2
+    "@typescript-eslint/type-utils": 5.36.2
+    "@typescript-eslint/utils": 5.36.2
     debug: ^4.3.4
     functional-red-black-tree: ^1.0.1
     ignore: ^5.2.0
@@ -2327,43 +2328,43 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: a4c555688d840c3ff0d3d71ceca583291e206cc523eade45c56fb8e1c8af84ae50ef8d344cdf8e3f9c38f430bc03c95eb8d49870094e0e5b57e0fa3e61c0ec91
+  checksum: edcd9fcecdeb22a689b421cafe3b7adc859bf2fd6227aecdd7412c319c808e7bab063c8f94af32116cfc971962f9780d181cb0a4aa999951c2d2be1f84c6c376
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:^5.36.1":
-  version: 5.36.1
-  resolution: "@typescript-eslint/parser@npm:5.36.1"
+"@typescript-eslint/parser@npm:^5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/parser@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/scope-manager": 5.36.1
-    "@typescript-eslint/types": 5.36.1
-    "@typescript-eslint/typescript-estree": 5.36.1
+    "@typescript-eslint/scope-manager": 5.36.2
+    "@typescript-eslint/types": 5.36.2
+    "@typescript-eslint/typescript-estree": 5.36.2
     debug: ^4.3.4
   peerDependencies:
     eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 0f0f94e56ae1d55b6e7223ce5a2b0c93e5cc082ef2951a2b24ae4b22bb8ffbeb90d2d16682bfa8bc972ba2c7fb4703aedd79b7dbd09bcee397e1ab90d11506d9
+  checksum: d6cc22cbc7aacb5ecebf55eb1d681cb6b964b108e147b418295c3e48701a77768cff128c16da421ae50eabb9f1296ecec7fa3cc5f2ccb63a3febf79f98b4195f
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:5.36.1":
-  version: 5.36.1
-  resolution: "@typescript-eslint/scope-manager@npm:5.36.1"
+"@typescript-eslint/scope-manager@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/scope-manager@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/types": 5.36.1
-    "@typescript-eslint/visitor-keys": 5.36.1
-  checksum: c46497226af75baed7458838ec0bfbddf19f8084115d78b915b46a8ceb4c05619ac61da127dfd3c8ee11bc916896d57bf8b9f936b0306ce69658160f910e3ad0
+    "@typescript-eslint/types": 5.36.2
+    "@typescript-eslint/visitor-keys": 5.36.2
+  checksum: 93ff655f7c237c88ec6dc5911202dd8f81bd8909b27f1a758a9d77e9791040f1ee6fe2891314bde75c808ce586246e98003a1b1396937b0312f2440016dea751
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:5.36.1":
-  version: 5.36.1
-  resolution: "@typescript-eslint/type-utils@npm:5.36.1"
+"@typescript-eslint/type-utils@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/type-utils@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/typescript-estree": 5.36.1
-    "@typescript-eslint/utils": 5.36.1
+    "@typescript-eslint/typescript-estree": 5.36.2
+    "@typescript-eslint/utils": 5.36.2
     debug: ^4.3.4
     tsutils: ^3.21.0
   peerDependencies:
@@ -2371,23 +2372,23 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: d2905289e253a83a9eacbad765cfba03440663086c8beb1b19345b46593c9053fb051ee13d3cc27ccd800fe95ffbf3be2b1273b0f0ac6a59452fc94e6460898b
+  checksum: c202b7d2cd08ed7f7d1ad7e430e9e1596478e147f0d485d02babfda0211c55fa950de1dc4d1c950008a8a047a31c1e982e97fe5558f93d496830eb9d9532bc71
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:5.36.1":
-  version: 5.36.1
-  resolution: "@typescript-eslint/types@npm:5.36.1"
-  checksum: 10c8965c64e16bc6920dc0c62aae2b139062aca945d03df2ad6fe7c299d2faa684621d571f8d9807a67643d4e9fa5217c69d5f538f9936fc757f9df5ded57623
+"@typescript-eslint/types@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/types@npm:5.36.2"
+  checksum: 736cb8a76b58f2f9a7d066933094c5510ffe31479ea8b804a829ec85942420f1b55e0eb2688fbdaaaa9c0e5b3b590fb8f14bbd745353696b4fd33fda620d417b
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:5.36.1":
-  version: 5.36.1
-  resolution: "@typescript-eslint/typescript-estree@npm:5.36.1"
+"@typescript-eslint/typescript-estree@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/typescript-estree@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/types": 5.36.1
-    "@typescript-eslint/visitor-keys": 5.36.1
+    "@typescript-eslint/types": 5.36.2
+    "@typescript-eslint/visitor-keys": 5.36.2
     debug: ^4.3.4
     globby: ^11.1.0
     is-glob: ^4.0.3
@@ -2396,33 +2397,33 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: acaf2938001673918dbbe690a353cf92e2cfabc79f74cd5946e303a8c24eb9c08ae2053dd261810ed0c9c471ebe879f386564c1b01dd2504dc84f4ce5f4dc696
+  checksum: 2827ff57a114b6107ea6d555f3855007133b08a7c2bafba0cfa0c935d8b99fd7b49e982d48cccc1c5ba550d95748d0239f5e2109893f12a165d76ed64a0d261b
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:5.36.1":
-  version: 5.36.1
-  resolution: "@typescript-eslint/utils@npm:5.36.1"
+"@typescript-eslint/utils@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/utils@npm:5.36.2"
   dependencies:
     "@types/json-schema": ^7.0.9
-    "@typescript-eslint/scope-manager": 5.36.1
-    "@typescript-eslint/types": 5.36.1
-    "@typescript-eslint/typescript-estree": 5.36.1
+    "@typescript-eslint/scope-manager": 5.36.2
+    "@typescript-eslint/types": 5.36.2
+    "@typescript-eslint/typescript-estree": 5.36.2
     eslint-scope: ^5.1.1
     eslint-utils: ^3.0.0
   peerDependencies:
     eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  checksum: 77853d526af86ac508d7938916046ed4ad6374c7414981064c5122a2baa96fa234751137f481ac264a07387fd4dcec1cd26b33e29732cc58e855aae77a001d7c
+  checksum: 45356cf55a8733e3ab1f2c3c19cdaefdb79857e35eb1433c29b81f3df071e9cef8a286bc407abe243889a21d9e793e999f92f03b9c727a0fac1c17a48e64c42a
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:5.36.1":
-  version: 5.36.1
-  resolution: "@typescript-eslint/visitor-keys@npm:5.36.1"
+"@typescript-eslint/visitor-keys@npm:5.36.2":
+  version: 5.36.2
+  resolution: "@typescript-eslint/visitor-keys@npm:5.36.2"
   dependencies:
-    "@typescript-eslint/types": 5.36.1
+    "@typescript-eslint/types": 5.36.2
     eslint-visitor-keys: ^3.3.0
-  checksum: 45ab7c2fd455a8e4beff418bed6c9e7e1f9f66bcaad3bfaed868f97a3f8cfec1fa4faa45948af1a1c32ce573a7b1c6d10427119c257622445b06b488fefd8b49
+  checksum: 87ccdcfa5cdedaa3a1aac30d656969f4f5910b62bcaacdf80a514dbf0cbbd8e79b55f8e987eab34cc79ece8ce4b8c19d5caf8b0afb74e0b0d7ab39fb29aa8eba
   languageName: node
   linkType: hard
 
@@ -2443,41 +2444,41 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@xstate/cli@npm:^0.3.2":
-  version: 0.3.2
-  resolution: "@xstate/cli@npm:0.3.2"
+"@xstate/cli@npm:^0.3.3":
+  version: 0.3.3
+  resolution: "@xstate/cli@npm:0.3.3"
   dependencies:
     "@babel/core": ^7.12.10
-    "@xstate/machine-extractor": 0.7.0
-    "@xstate/tools-shared": 1.2.2
+    "@xstate/machine-extractor": 0.7.1
+    "@xstate/tools-shared": 1.2.3
     chokidar: ^3.5.3
     commander: ^8.0.0
     xstate: ^4.29.0
   bin:
     xstate: bin/bin.js
-  checksum: 78136a88a9357d676db09a18d726e1521b5284326a58cc75d4d6c0c86bf7e438c8b2f2d72562ef5133877fe9cbad1a91255600dca73aec7fab36980a2b8b9b7c
+  checksum: 0522d91c4bd8251402f2f715d60aa4dc3156e0e895827c3c873d9904a987dad32dfcd133697823881b65d8fb8d29e1d5c9aa57356a3f32f7b507290f2dfd1898
   languageName: node
   linkType: hard
 
-"@xstate/machine-extractor@npm:0.7.0":
-  version: 0.7.0
-  resolution: "@xstate/machine-extractor@npm:0.7.0"
+"@xstate/machine-extractor@npm:0.7.1":
+  version: 0.7.1
+  resolution: "@xstate/machine-extractor@npm:0.7.1"
   peerDependencies:
     "@babel/core": ^7
     xstate: ^4
-  checksum: 139cba4217523034161d373d24e138c0d27e5527ca119f292dfc2c45a13d56cf72cb6ad4c94845b28192d9a908be3edf2d907c58cd35bac51cbacdefc9faefae
+  checksum: f22218f306dc16e8b58bb522ac67c987794dda36529330daea206fb716bb89440541c780f601b8a4b403f5994b1e84b8328c130a2f53d5c84cf84ad82aa61c49
   languageName: node
   linkType: hard
 
-"@xstate/tools-shared@npm:1.2.2":
-  version: 1.2.2
-  resolution: "@xstate/tools-shared@npm:1.2.2"
+"@xstate/tools-shared@npm:1.2.3":
+  version: 1.2.3
+  resolution: "@xstate/tools-shared@npm:1.2.3"
   dependencies:
-    "@xstate/machine-extractor": 0.7.0
+    "@xstate/machine-extractor": 0.7.1
   peerDependencies:
     prettier: ^2.3.1
     xstate: ^4
-  checksum: a4e0dfb3bb8db9959cda415d0ee5fd4246fd6d803d602710737d947a382d68ea45887dac9ff51d8d1d8cff9acb1568e360babda4b02075b3d7a65ea241c58499
+  checksum: 191205b0f86912995242c9e7017737c1496744dd799aa42bf0c3082700eaddcea14d00b0014ffcfad7d989ec5ca8e2789e9f5eab8c90d06bdf1430d4a98e91a9
   languageName: node
   linkType: hard
 
@@ -3713,9 +3714,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-import-resolver-typescript@npm:^3.5.0":
-  version: 3.5.0
-  resolution: "eslint-import-resolver-typescript@npm:3.5.0"
+"eslint-import-resolver-typescript@npm:^3.5.1":
+  version: 3.5.1
+  resolution: "eslint-import-resolver-typescript@npm:3.5.1"
   dependencies:
     debug: ^4.3.4
     enhanced-resolve: ^5.10.0
@@ -3727,7 +3728,7 @@ __metadata:
   peerDependencies:
     eslint: "*"
     eslint-plugin-import: "*"
-  checksum: 9719d1f68b7bb0eaf8939cff2d3b02b526949f73db744877de781640650dd4d0a17d934222b9ac69e27d9f363ee4569c1aa1a2a2aab6500257517f9bf7d25976
+  checksum: d7a7a33c9fd8b52ae25bd432c3e0b157a9c38d1254325311e04f450083197d47d823ebca447e7b5bfe9b9a959de8d2edbafb028406c2532fd7aa95fe31812a48
   languageName: node
   linkType: hard
 
@@ -3820,9 +3821,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react@npm:^7.31.6":
-  version: 7.31.6
-  resolution: "eslint-plugin-react@npm:7.31.6"
+"eslint-plugin-react@npm:^7.31.7":
+  version: 7.31.7
+  resolution: "eslint-plugin-react@npm:7.31.7"
   dependencies:
     array-includes: ^3.1.5
     array.prototype.flatmap: ^1.3.0
@@ -3840,7 +3841,7 @@ __metadata:
     string.prototype.matchall: ^4.0.7
   peerDependencies:
     eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-  checksum: fdcee460db2e01398b31dd75bb0597d6dfa2f29beda9c5ef641e6e3c72c8c2191cbaa952f7469a5e091bc2be959a1abc09761bdca70f12aa4a73090f48a98f6b
+  checksum: 582d422f531d7d3894fc09ac941ef8b6ad595782cfca5e1d52af5895ce117def7a0ff8afeea0166bff7b6ceae8baec2313614b1571754f539575cfa9351cd2da
   languageName: node
   linkType: hard
 
@@ -5267,10 +5268,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mobx@npm:^6.6.1":
-  version: 6.6.1
-  resolution: "mobx@npm:6.6.1"
-  checksum: 20e876693d1a99916d347ba666f47e7931d5aa5a1172eae48d172477d537577d604207a8f8918041f9b6c74280b6533a516cf1639929735c6bb514f34776225a
+"mobx@npm:^6.6.2":
+  version: 6.6.2
+  resolution: "mobx@npm:6.6.2"
+  checksum: b913abea51ed023d60c71eec0198e953c0b7faee93820be2e8f07037a789b3acf6fd89c340cb9d34e888532ebd34d34b10add7d129277a96026537e5ca48bda6
   languageName: node
   linkType: hard
 
@@ -5288,7 +5289,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ms@npm:^2.0.0, ms@npm:^2.1.1":
+"ms@npm:^2.0.0, ms@npm:^2.1.1, ms@npm:^2.1.3":
   version: 2.1.3
   resolution: "ms@npm:2.1.3"
   checksum: aa92de608021b242401676e35cfa5aa42dd70cbdc082b916da7fb925c542173e36bce97ea3e804923fe92c0ad991434e4a38327e15a1b5b5f945d66df615ae6d
@@ -6719,9 +6720,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite-plugin-pwa@npm:^0.12.6":
-  version: 0.12.6
-  resolution: "vite-plugin-pwa@npm:0.12.6"
+"vite-plugin-pwa@npm:^0.12.7":
+  version: 0.12.7
+  resolution: "vite-plugin-pwa@npm:0.12.7"
   dependencies:
     debug: ^4.3.4
     fast-glob: ^3.2.11
@@ -6733,7 +6734,7 @@ __metadata:
     vite: ^2.0.0 || ^3.0.0-0
     workbox-build: ^6.4.0
     workbox-window: ^6.4.0
-  checksum: b3577d401ede64c6937a940eca447e64f6f19f74f4588cdd8f201081ed73c1a87e1cb2defa47f7d6f33adb618f5dd7623e7b99d27fc5605ed175d678e64f8e71
+  checksum: 0533bde5e64a7eb5bfe5a737466ce2723a0719ffa9d50e59bab65d2f518ae0f75c4145e90e4c7dbd2704c0e9397d61c0b4d6f56bac91e373929b37de8ec910ed
   languageName: node
   linkType: hard
 
@@ -7059,9 +7060,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"zod@npm:^3.18.0":
-  version: 3.18.0
-  resolution: "zod@npm:3.18.0"
-  checksum: 86a9a9928f4b40a07020d4b9832842fa4a70050c2d7bd1b2866bc1acfd734aa53a40f87a99a4312a637341a608b0105770c7a1f83b56df78e97691b4f5badcd8
+"zod@npm:^3.19.0":
+  version: 3.19.0
+  resolution: "zod@npm:3.19.0"
+  checksum: 35b9270ba73ff15e1cc3e529cdd49b78ceb5f9204770b974ffa5d1728ad1be8429315aa25263d088edecaa99ecc3631339fe79313435154060951706294f47e5
   languageName: node
   linkType: hard