From ad83306cfc6424c4c4f2a3adf1b852ba4f2153ca Mon Sep 17 00:00:00 2001
From: Colin <colin.diesh@gmail.com>
Date: Thu, 14 Mar 2024 18:07:36 -0400
Subject: [PATCH] Clear selection

---
 src/ProteinView/clearSelection.ts             |   5 +
 src/ProteinView/components/Header.tsx         |  63 ++++
 src/ProteinView/components/HelpButton.tsx     |  34 +-
 .../components/ProteinAlignment.tsx           |   7 +-
 src/ProteinView/components/ProteinView.tsx    |  41 ++-
 .../components/ProteinViewHeader.tsx          |  48 ---
 src/ProteinView/components/SplitString.tsx    |   5 +-
 src/ProteinView/model.ts                      |  20 ++
 src/ProteinView/proteinToGenomeMapping.ts     |  17 +-
 yarn.lock                                     | 292 +++++++++---------
 10 files changed, 304 insertions(+), 228 deletions(-)
 create mode 100644 src/ProteinView/clearSelection.ts
 create mode 100644 src/ProteinView/components/Header.tsx
 delete mode 100644 src/ProteinView/components/ProteinViewHeader.tsx

diff --git a/src/ProteinView/clearSelection.ts b/src/ProteinView/clearSelection.ts
new file mode 100644
index 0000000..1876d24
--- /dev/null
+++ b/src/ProteinView/clearSelection.ts
@@ -0,0 +1,5 @@
+import { PluginContext } from 'molstar/lib/mol-plugin/context'
+
+export default function clearSelection({ plugin }: { plugin: PluginContext }) {
+  plugin?.managers.interactivity.lociSelects.deselectAll()
+}
diff --git a/src/ProteinView/components/Header.tsx b/src/ProteinView/components/Header.tsx
new file mode 100644
index 0000000..b46c299
--- /dev/null
+++ b/src/ProteinView/components/Header.tsx
@@ -0,0 +1,63 @@
+import React, { useState } from 'react'
+import { observer } from 'mobx-react'
+import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton'
+
+// icons
+import MenuIcon from '@mui/icons-material/Menu'
+
+// locals
+import { JBrowsePluginProteinViewModel } from '../model'
+import ProteinAlignment from './ProteinAlignment'
+import { Visibility } from '@mui/icons-material'
+
+const ProteinViewHeader = observer(function ({
+  model,
+}: {
+  model: JBrowsePluginProteinViewModel
+}) {
+  const { clickString, hoverString, showHighlight, zoomToBaseLevel } = model
+  const [show, setShow] = useState(true)
+  return (
+    <div>
+      <div style={{ display: 'flex' }}>
+        <span>
+          {[
+            clickString ? `Click: ${clickString}` : '',
+            hoverString ? `Hover: ${hoverString}` : '',
+          ].join(' ')}
+        </span>
+        <span style={{ flexGrow: 1 }} />
+        <CascadingMenuButton
+          menuItems={[
+            {
+              label: 'Show alignment',
+              type: 'checkbox',
+              checked: show,
+              icon: Visibility,
+              onClick: () => setShow(!show),
+            },
+            {
+              label: 'Show highlight',
+              type: 'checkbox',
+              checked: showHighlight,
+              icon: Visibility,
+              onClick: () => model.setShowHighlight(!showHighlight),
+            },
+            {
+              label: 'Zoom to base level on click',
+              type: 'checkbox',
+              checked: zoomToBaseLevel,
+              icon: Visibility,
+              onClick: () => model.setZoomToBaseLevel(!zoomToBaseLevel),
+            },
+          ]}
+        >
+          <MenuIcon />
+        </CascadingMenuButton>
+      </div>
+      <div>{show ? <ProteinAlignment model={model} /> : null}</div>
+    </div>
+  )
+})
+
+export default ProteinViewHeader
diff --git a/src/ProteinView/components/HelpButton.tsx b/src/ProteinView/components/HelpButton.tsx
index 46132b4..4bda7fa 100644
--- a/src/ProteinView/components/HelpButton.tsx
+++ b/src/ProteinView/components/HelpButton.tsx
@@ -1,23 +1,31 @@
-import React, { Suspense, lazy, useState } from 'react'
+import React, { lazy } from 'react'
 import { IconButton } from '@mui/material'
+import { getSession } from '@jbrowse/core/util'
 
 // locals
+import { JBrowsePluginProteinViewModel } from '../model'
+
+// icons
 import Help from '@mui/icons-material/Help'
 
 const HelpDialog = lazy(() => import('./HelpDialog'))
 
-export default function HelpButton() {
-  const [open, setOpen] = useState(false)
+export default function HelpButton({
+  model,
+}: {
+  model: JBrowsePluginProteinViewModel
+}) {
   return (
-    <>
-      <IconButton style={{ float: 'right' }} onClick={() => setOpen(true)}>
-        <Help />
-      </IconButton>
-      {open ? (
-        <Suspense fallback={null}>
-          <HelpDialog handleClose={() => setOpen(false)} />
-        </Suspense>
-      ) : null}
-    </>
+    <IconButton
+      style={{ float: 'right' }}
+      onClick={() =>
+        getSession(model).queueDialog(handleClose => [
+          HelpDialog,
+          { handleClose },
+        ])
+      }
+    >
+      <Help />
+    </IconButton>
   )
 }
diff --git a/src/ProteinView/components/ProteinAlignment.tsx b/src/ProteinView/components/ProteinAlignment.tsx
index ac70dbc..14936e8 100644
--- a/src/ProteinView/components/ProteinAlignment.tsx
+++ b/src/ProteinView/components/ProteinAlignment.tsx
@@ -21,6 +21,7 @@ const ProteinAlignment = observer(function ({
     alignment,
     structurePositionToAlignmentMap,
     alignmentToStructurePosition,
+    showHighlight,
   } = model
   const a0 = alignment!.alns[0].seq as string
   const a1 = alignment!.alns[1].seq as string
@@ -52,7 +53,8 @@ const ProteinAlignment = observer(function ({
   }
   return (
     <div>
-      <HelpButton />
+      <HelpButton model={model} />
+
       <Typography>
         Alignment of the protein structure file&apos;s sequence with the
         selected transcript&apos;s sequence. Green is the aligned portion
@@ -78,6 +80,7 @@ const ProteinAlignment = observer(function ({
           </Tooltip>
           <SplitString
             str={a0}
+            showHighlight={showHighlight}
             col={alignmentHoverPos}
             set={set}
             onMouseOver={onMouseOver}
@@ -87,6 +90,7 @@ const ProteinAlignment = observer(function ({
         <div>
           <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
           <SplitString
+            showHighlight={showHighlight}
             str={con}
             col={alignmentHoverPos}
             set={set}
@@ -101,6 +105,7 @@ const ProteinAlignment = observer(function ({
           <SplitString
             str={a1}
             col={alignmentHoverPos}
+            showHighlight={showHighlight}
             set={set}
             onMouseOver={onMouseOver}
             onClick={onClick}
diff --git a/src/ProteinView/components/ProteinView.tsx b/src/ProteinView/components/ProteinView.tsx
index 3db2ddb..b1af502 100644
--- a/src/ProteinView/components/ProteinView.tsx
+++ b/src/ProteinView/components/ProteinView.tsx
@@ -1,20 +1,24 @@
 import React, { useEffect } from 'react'
 import { observer } from 'mobx-react'
-import { ErrorMessage } from '@jbrowse/core/ui'
+import { ErrorMessage, LoadingEllipses } from '@jbrowse/core/ui'
+import { PluginContext } from 'molstar/lib/mol-plugin/context'
 
 // locals
-
 import { JBrowsePluginProteinViewModel } from '../model'
-import ProteinViewHeader from './ProteinViewHeader'
+import Header from './Header'
 
 // hooks
 import useProteinView from '../useProteinView'
 import useProteinViewClickBehavior from '../useProteinViewClickBehavior'
 import useProteinViewHoverBehavior from '../useProteinViewHoverBehavior'
+
+// utils
 import selectResidue from '../selectResidue'
-import css from '../css/molstar'
 import highlightResidue from '../highlightResidue'
-import { PluginContext } from 'molstar/lib/mol-plugin/context'
+import clearSelection from '../clearSelection'
+
+// css
+import css from '../css/molstar'
 
 if (document?.head) {
   const style = document.createElement('style')
@@ -27,7 +31,7 @@ const ProteinView = observer(function ({
 }: {
   model: JBrowsePluginProteinViewModel
 }) {
-  const { url, data, showControls } = model
+  const { url, data, showControls, alignment } = model
   const { plugin, seq, parentRef, error } = useProteinView({
     url,
     data,
@@ -35,13 +39,15 @@ const ProteinView = observer(function ({
   })
   return error ? (
     <ErrorMessage error={error} />
-  ) : (
+  ) : alignment ? (
     <ProteinViewContainer
       model={model}
       plugin={plugin}
       seq={seq}
       parentRef={parentRef}
     />
+  ) : (
+    <LoadingEllipses title="Loading pairwise alignment" />
   )
 })
 
@@ -62,6 +68,7 @@ const ProteinViewContainer = observer(function ({
     structureSeqToTranscriptSeqPosition,
     seq2,
     structureSeqHoverPos,
+    showHighlight,
   } = model
 
   const { error } = useProteinViewClickBehavior({ plugin, model })
@@ -78,14 +85,18 @@ const ProteinViewContainer = observer(function ({
     if (!plugin || !structureSeqToTranscriptSeqPosition || !structure) {
       return
     }
-    for (const coord of Object.keys(structureSeqToTranscriptSeqPosition)) {
-      selectResidue({
-        structure,
-        plugin,
-        selectedResidue: +coord + 1,
-      })
+    if (showHighlight) {
+      for (const coord of Object.keys(structureSeqToTranscriptSeqPosition)) {
+        selectResidue({
+          structure,
+          plugin,
+          selectedResidue: +coord + 1,
+        })
+      }
+    } else {
+      clearSelection({ plugin })
     }
-  }, [plugin, structure, structureSeqToTranscriptSeqPosition])
+  }, [plugin, structure, showHighlight, structureSeqToTranscriptSeqPosition])
 
   useEffect(() => {
     if (!plugin || !structure || structureSeqHoverPos === undefined) {
@@ -105,7 +116,7 @@ const ProteinViewContainer = observer(function ({
   return (
     <div>
       {error ? <ErrorMessage error={error} /> : null}
-      <ProteinViewHeader model={model} />
+      <Header model={model} />
       <div
         ref={parentRef}
         style={{
diff --git a/src/ProteinView/components/ProteinViewHeader.tsx b/src/ProteinView/components/ProteinViewHeader.tsx
deleted file mode 100644
index 63d7570..0000000
--- a/src/ProteinView/components/ProteinViewHeader.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useState } from 'react'
-import { observer } from 'mobx-react'
-import { Button } from '@mui/material'
-
-// locals
-import { JBrowsePluginProteinViewModel } from '../model'
-import ProteinAlignment from './ProteinAlignment'
-
-const ProteinViewHeader = observer(function ({
-  model,
-}: {
-  model: JBrowsePluginProteinViewModel
-}) {
-  const { clickString, hoverString, alignment } = model
-  const [show, setShow] = useState(true)
-  return (
-    <div>
-      <div style={{ display: 'flex' }}>
-        <span>
-          {[
-            clickString ? `Click: ${clickString}` : '',
-            hoverString ? `Hover: ${hoverString}` : '',
-          ].join(' ')}
-        </span>
-        <span style={{ flexGrow: 1 }} />
-        {alignment ? (
-          <Button
-            variant="contained"
-            color="primary"
-            style={{ float: 'right' }}
-            onClick={() => setShow(!show)}
-          >
-            {show ? 'Hide alignment' : 'Show alignment'}
-          </Button>
-        ) : null}
-      </div>
-      <div>
-        {!alignment ? (
-          <div>Loading pairwise alignment...</div>
-        ) : (
-          <div>{show ? <ProteinAlignment model={model} /> : null}</div>
-        )}
-      </div>
-    </div>
-  )
-})
-
-export default ProteinViewHeader
diff --git a/src/ProteinView/components/SplitString.tsx b/src/ProteinView/components/SplitString.tsx
index 2d1b320..bac1d6c 100644
--- a/src/ProteinView/components/SplitString.tsx
+++ b/src/ProteinView/components/SplitString.tsx
@@ -1,16 +1,19 @@
 import React from 'react'
+
 export default function SplitString({
   str,
   col,
   set,
   onMouseOver,
   onClick,
+  showHighlight,
 }: {
   str: string
   col?: number
   set?: Set<number>
   onMouseOver?: (arg: number) => void
   onClick?: (arg: number) => void
+  showHighlight: boolean
 }) {
   return str.split('').map((d, i) => (
     <span
@@ -21,7 +24,7 @@ export default function SplitString({
         background:
           col !== undefined && i === col
             ? '#f69'
-            : set?.has(i)
+            : set?.has(i) && showHighlight
               ? '#33ff19'
               : undefined,
       }}
diff --git a/src/ProteinView/model.ts b/src/ProteinView/model.ts
index e1450d2..c7c6f5b 100644
--- a/src/ProteinView/model.ts
+++ b/src/ProteinView/model.ts
@@ -89,6 +89,14 @@ function stateModelFactory() {
          * #property
          */
         connectedViewId: types.maybe(types.string),
+        /**
+         * #property
+         */
+        showHighlight: true,
+        /**
+         * #property
+         */
+        zoomToBaseLevel: false,
       }),
     )
     .volatile(() => ({
@@ -206,6 +214,18 @@ function stateModelFactory() {
       setAlignment(r?: ReturnType<typeof parsePairwise>) {
         self.alignment = r
       },
+      /**
+       * #action
+       */
+      setShowHighlight(arg: boolean) {
+        self.showHighlight = arg
+      },
+      /**
+       * #action
+       */
+      setZoomToBaseLevel(arg: boolean) {
+        self.zoomToBaseLevel = arg
+      },
     }))
     .views(self => ({
       /**
diff --git a/src/ProteinView/proteinToGenomeMapping.ts b/src/ProteinView/proteinToGenomeMapping.ts
index c06fed2..a97a2fb 100644
--- a/src/ProteinView/proteinToGenomeMapping.ts
+++ b/src/ProteinView/proteinToGenomeMapping.ts
@@ -42,7 +42,8 @@ export async function clickProteinToGenome({
 }) {
   const session = getSession(model)
   const result = proteinToGenomeMapping({ structureSeqPos, model })
-  const { genomeToTranscriptSeqMapping } = model
+  const { genomeToTranscriptSeqMapping, zoomToBaseLevel } = model
+  const { assemblyManager } = session
   if (!genomeToTranscriptSeqMapping || result === undefined) {
     return undefined
   }
@@ -57,9 +58,17 @@ export async function clickProteinToGenome({
       end: s2,
     },
   ])
-  await lgv.navToLocString(
-    `${refName}:${s1}-${s2}${strand === -1 ? '[rev]' : ''}`,
-  )
+
+  if (!zoomToBaseLevel) {
+    const assembly = assemblyManager.get(lgv.assemblyNames[0])
+    const r = assembly?.getCanonicalRefName(refName) ?? refName
+    // @ts-expect-error
+    lgv.centerAt(s1, r)
+  } else {
+    await lgv.navToLocString(
+      `${refName}:${s1}-${s2}${strand === -1 ? '[rev]' : ''}`,
+    )
+  }
 }
 
 export function hoverProteinToGenome({
diff --git a/yarn.lock b/yarn.lock
index 3f8f6e2..33145d5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -368,120 +368,120 @@
   resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6"
   integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
 
-"@esbuild/aix-ppc64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.20.1.tgz#eafa8775019b3650a77e8310ba4dbd17ca7af6d5"
-  integrity sha512-m55cpeupQ2DbuRGQMMZDzbv9J9PgVelPjlcmM5kxHnrBdBx6REaEd7LamYV7Dm8N7rCyR/XwU6rVP8ploKtIkA==
-
-"@esbuild/android-arm64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.20.1.tgz#68791afa389550736f682c15b963a4f37ec2f5f6"
-  integrity sha512-hCnXNF0HM6AjowP+Zou0ZJMWWa1VkD77BXe959zERgGJBBxB+sV+J9f/rcjeg2c5bsukD/n17RKWXGFCO5dD5A==
-
-"@esbuild/android-arm@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.20.1.tgz#38c91d8ee8d5196f7fbbdf4f0061415dde3a473a"
-  integrity sha512-4j0+G27/2ZXGWR5okcJi7pQYhmkVgb4D7UKwxcqrjhvp5TKWx3cUjgB1CGj1mfdmJBQ9VnUGgUhign+FPF2Zgw==
-
-"@esbuild/android-x64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.20.1.tgz#93f6190ce997b313669c20edbf3645fc6c8d8f22"
-  integrity sha512-MSfZMBoAsnhpS+2yMFYIQUPs8Z19ajwfuaSZx+tSl09xrHZCjbeXXMsUF/0oq7ojxYEpsSo4c0SfjxOYXRbpaA==
-
-"@esbuild/darwin-arm64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.20.1.tgz#0d391f2e81fda833fe609182cc2fbb65e03a3c46"
-  integrity sha512-Ylk6rzgMD8klUklGPzS414UQLa5NPXZD5tf8JmQU8GQrj6BrFA/Ic9tb2zRe1kOZyCbGl+e8VMbDRazCEBqPvA==
-
-"@esbuild/darwin-x64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.20.1.tgz#92504077424584684862f483a2242cfde4055ba2"
-  integrity sha512-pFIfj7U2w5sMp52wTY1XVOdoxw+GDwy9FsK3OFz4BpMAjvZVs0dT1VXs8aQm22nhwoIWUmIRaE+4xow8xfIDZA==
-
-"@esbuild/freebsd-arm64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.1.tgz#a1646fa6ba87029c67ac8a102bb34384b9290774"
-  integrity sha512-UyW1WZvHDuM4xDz0jWun4qtQFauNdXjXOtIy7SYdf7pbxSWWVlqhnR/T2TpX6LX5NI62spt0a3ldIIEkPM6RHw==
-
-"@esbuild/freebsd-x64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.20.1.tgz#41c9243ab2b3254ea7fb512f71ffdb341562e951"
-  integrity sha512-itPwCw5C+Jh/c624vcDd9kRCCZVpzpQn8dtwoYIt2TJF3S9xJLiRohnnNrKwREvcZYx0n8sCSbvGH349XkcQeg==
-
-"@esbuild/linux-arm64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.20.1.tgz#f3c1e1269fbc9eedd9591a5bdd32bf707a883156"
-  integrity sha512-cX8WdlF6Cnvw/DO9/X7XLH2J6CkBnz7Twjpk56cshk9sjYVcuh4sXQBy5bmTwzBjNVZze2yaV1vtcJS04LbN8w==
-
-"@esbuild/linux-arm@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.20.1.tgz#4503ca7001a8ee99589c072801ce9d7540717a21"
-  integrity sha512-LojC28v3+IhIbfQ+Vu4Ut5n3wKcgTu6POKIHN9Wpt0HnfgUGlBuyDDQR4jWZUZFyYLiz4RBBBmfU6sNfn6RhLw==
-
-"@esbuild/linux-ia32@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.20.1.tgz#98c474e3e0cbb5bcbdd8561a6e65d18f5767ce48"
-  integrity sha512-4H/sQCy1mnnGkUt/xszaLlYJVTz3W9ep52xEefGtd6yXDQbz/5fZE5dFLUgsPdbUOQANcVUa5iO6g3nyy5BJiw==
-
-"@esbuild/linux-loong64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.20.1.tgz#a8097d28d14b9165c725fe58fc438f80decd2f33"
-  integrity sha512-c0jgtB+sRHCciVXlyjDcWb2FUuzlGVRwGXgI+3WqKOIuoo8AmZAddzeOHeYLtD+dmtHw3B4Xo9wAUdjlfW5yYA==
-
-"@esbuild/linux-mips64el@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.20.1.tgz#c44f6f0d7d017c41ad3bb15bfdb69b690656b5ea"
-  integrity sha512-TgFyCfIxSujyuqdZKDZ3yTwWiGv+KnlOeXXitCQ+trDODJ+ZtGOzLkSWngynP0HZnTsDyBbPy7GWVXWaEl6lhA==
-
-"@esbuild/linux-ppc64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.20.1.tgz#0765a55389a99237b3c84227948c6e47eba96f0d"
-  integrity sha512-b+yuD1IUeL+Y93PmFZDZFIElwbmFfIKLKlYI8M6tRyzE6u7oEP7onGk0vZRh8wfVGC2dZoy0EqX1V8qok4qHaw==
-
-"@esbuild/linux-riscv64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.20.1.tgz#e4153b032288e3095ddf4c8be07893781b309a7e"
-  integrity sha512-wpDlpE0oRKZwX+GfomcALcouqjjV8MIX8DyTrxfyCfXxoKQSDm45CZr9fanJ4F6ckD4yDEPT98SrjvLwIqUCgg==
-
-"@esbuild/linux-s390x@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.20.1.tgz#b9ab8af6e4b73b26d63c1c426d7669a5d53eb5a7"
-  integrity sha512-5BepC2Au80EohQ2dBpyTquqGCES7++p7G+7lXe1bAIvMdXm4YYcEfZtQrP4gaoZ96Wv1Ute61CEHFU7h4FMueQ==
-
-"@esbuild/linux-x64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.20.1.tgz#0b25da17ac38c3e11cdd06ca3691d4d6bef2755f"
-  integrity sha512-5gRPk7pKuaIB+tmH+yKd2aQTRpqlf1E4f/mC+tawIm/CGJemZcHZpp2ic8oD83nKgUPMEd0fNanrnFljiruuyA==
-
-"@esbuild/netbsd-x64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.20.1.tgz#3148e48406cd0d4f7ba1e0bf3f4d77d548c98407"
-  integrity sha512-4fL68JdrLV2nVW2AaWZBv3XEm3Ae3NZn/7qy2KGAt3dexAgSVT+Hc97JKSZnqezgMlv9x6KV0ZkZY7UO5cNLCg==
-
-"@esbuild/openbsd-x64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.20.1.tgz#7b73e852986a9750192626d377ac96ac2b749b76"
-  integrity sha512-GhRuXlvRE+twf2ES+8REbeCb/zeikNqwD3+6S5y5/x+DYbAQUNl0HNBs4RQJqrechS4v4MruEr8ZtAin/hK5iw==
-
-"@esbuild/sunos-x64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.20.1.tgz#402a441cdac2eee98d8be378c7bc23e00c1861c5"
-  integrity sha512-ZnWEyCM0G1Ex6JtsygvC3KUUrlDXqOihw8RicRuQAzw+c4f1D66YlPNNV3rkjVW90zXVsHwZYWbJh3v+oQFM9Q==
-
-"@esbuild/win32-arm64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.20.1.tgz#36c4e311085806a6a0c5fc54d1ac4d7b27e94d7b"
-  integrity sha512-QZ6gXue0vVQY2Oon9WyLFCdSuYbXSoxaZrPuJ4c20j6ICedfsDilNPYfHLlMH7vGfU5DQR0czHLmJvH4Nzis/A==
-
-"@esbuild/win32-ia32@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.20.1.tgz#0cf933be3fb9dc58b45d149559fe03e9e22b54fe"
-  integrity sha512-HzcJa1NcSWTAU0MJIxOho8JftNp9YALui3o+Ny7hCh0v5f90nprly1U3Sj1Ldj/CvKKdvvFsCRvDkpsEMp4DNw==
-
-"@esbuild/win32-x64@0.20.1":
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.20.1.tgz#77583b6ea54cee7c1410ebbd54051b6a3fcbd8ba"
-  integrity sha512-0MBh53o6XtI6ctDnRMeQ+xoCN8kD2qI1rY1KgF/xdWQwoFeKou7puvDfV8/Wv4Ctx2rRpET/gGdz3YlNtNACSA==
+"@esbuild/aix-ppc64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz#a70f4ac11c6a1dfc18b8bbb13284155d933b9537"
+  integrity sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==
+
+"@esbuild/android-arm64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz#db1c9202a5bc92ea04c7b6840f1bbe09ebf9e6b9"
+  integrity sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==
+
+"@esbuild/android-arm@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.20.2.tgz#3b488c49aee9d491c2c8f98a909b785870d6e995"
+  integrity sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==
+
+"@esbuild/android-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.20.2.tgz#3b1628029e5576249d2b2d766696e50768449f98"
+  integrity sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==
+
+"@esbuild/darwin-arm64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz#6e8517a045ddd86ae30c6608c8475ebc0c4000bb"
+  integrity sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==
+
+"@esbuild/darwin-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz#90ed098e1f9dd8a9381695b207e1cff45540a0d0"
+  integrity sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==
+
+"@esbuild/freebsd-arm64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz#d71502d1ee89a1130327e890364666c760a2a911"
+  integrity sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==
+
+"@esbuild/freebsd-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz#aa5ea58d9c1dd9af688b8b6f63ef0d3d60cea53c"
+  integrity sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==
+
+"@esbuild/linux-arm64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz#055b63725df678379b0f6db9d0fa85463755b2e5"
+  integrity sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==
+
+"@esbuild/linux-arm@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz#76b3b98cb1f87936fbc37f073efabad49dcd889c"
+  integrity sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==
+
+"@esbuild/linux-ia32@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz#c0e5e787c285264e5dfc7a79f04b8b4eefdad7fa"
+  integrity sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==
+
+"@esbuild/linux-loong64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz#a6184e62bd7cdc63e0c0448b83801001653219c5"
+  integrity sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==
+
+"@esbuild/linux-mips64el@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz#d08e39ce86f45ef8fc88549d29c62b8acf5649aa"
+  integrity sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==
+
+"@esbuild/linux-ppc64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz#8d252f0b7756ffd6d1cbde5ea67ff8fd20437f20"
+  integrity sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==
+
+"@esbuild/linux-riscv64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz#19f6dcdb14409dae607f66ca1181dd4e9db81300"
+  integrity sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==
+
+"@esbuild/linux-s390x@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz#3c830c90f1a5d7dd1473d5595ea4ebb920988685"
+  integrity sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==
+
+"@esbuild/linux-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz#86eca35203afc0d9de0694c64ec0ab0a378f6fff"
+  integrity sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==
+
+"@esbuild/netbsd-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz#e771c8eb0e0f6e1877ffd4220036b98aed5915e6"
+  integrity sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==
+
+"@esbuild/openbsd-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz#9a795ae4b4e37e674f0f4d716f3e226dd7c39baf"
+  integrity sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==
+
+"@esbuild/sunos-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz#7df23b61a497b8ac189def6e25a95673caedb03f"
+  integrity sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==
+
+"@esbuild/win32-arm64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz#f1ae5abf9ca052ae11c1bc806fb4c0f519bacf90"
+  integrity sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==
+
+"@esbuild/win32-ia32@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz#241fe62c34d8e8461cd708277813e1d0ba55ce23"
+  integrity sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==
+
+"@esbuild/win32-x64@0.20.2":
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz#9c907b21e30a52db959ba4f80bb01a0cc403d5cc"
+  integrity sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==
 
 "@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
@@ -1318,9 +1318,9 @@
     "@types/react" "*"
 
 "@types/react@*", "@types/react@^18.2.54":
-  version "18.2.65"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.65.tgz#54eb311fa9aba173c9e163d42ec188d5a42878b8"
-  integrity sha512-98TsY0aW4jqx/3RqsUXwMDZSWR1Z4CUlJNue8ueS2/wcxZOsz4xmW1X8ieaWVRHcmmQM3R8xVA4XWB3dJnWwDQ==
+  version "18.2.66"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.66.tgz#d2eafc8c4e70939c5432221adb23d32d76bfe451"
+  integrity sha512-OYTmMI4UigXeFMF/j4uv0lBBEbongSgptPrHBxqME44h9+yNov+oL6Z3ocJKo0WyXR84sQUNeyIp9MRfckvZpg==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -2319,9 +2319,9 @@ ee-first@1.1.1:
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
 electron-to-chromium@^1.4.668:
-  version "1.4.703"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.703.tgz#786ab0c8cfe548b9da03890f923e69b1ae522741"
-  integrity sha512-094ZZC4nHXPKl/OwPinSMtLN9+hoFkdfQGKnvXbY+3WEAYtVDpz9UhJIViiY6Zb8agvqxiaJzNG9M+pRZWvSZw==
+  version "1.4.706"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.706.tgz#1beabd94902d6cf6b58ab97bf752bd268defd800"
+  integrity sha512-fO01fufoGd6jKK3HR8ofBapF3ZPfgxNJ/ua9xQAhFu93TwWIs4d+weDn3kje3GB4S7aGUTfk5nvdU5F7z5mF9Q==
 
 emittery@^0.13.1:
   version "0.13.1"
@@ -2471,33 +2471,33 @@ es6-promisify@^7.0.0:
   integrity sha512-ginqzK3J90Rd4/Yz7qRrqUeIpe3TwSXTPPZtPne7tGBPeAaQiU8qt4fpKApnxHcq1AwtUdHVg5P77x/yrggG8Q==
 
 esbuild@^0.20.0:
-  version "0.20.1"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.20.1.tgz#1e4cbb380ad1959db7609cb9573ee77257724a3e"
-  integrity sha512-OJwEgrpWm/PCMsLVWXKqvcjme3bHNpOgN7Tb6cQnR5n0TPbQx1/Xrn7rqM+wn17bYeT6MGB5sn1Bh5YiGi70nA==
+  version "0.20.2"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.20.2.tgz#9d6b2386561766ee6b5a55196c6d766d28c87ea1"
+  integrity sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==
   optionalDependencies:
-    "@esbuild/aix-ppc64" "0.20.1"
-    "@esbuild/android-arm" "0.20.1"
-    "@esbuild/android-arm64" "0.20.1"
-    "@esbuild/android-x64" "0.20.1"
-    "@esbuild/darwin-arm64" "0.20.1"
-    "@esbuild/darwin-x64" "0.20.1"
-    "@esbuild/freebsd-arm64" "0.20.1"
-    "@esbuild/freebsd-x64" "0.20.1"
-    "@esbuild/linux-arm" "0.20.1"
-    "@esbuild/linux-arm64" "0.20.1"
-    "@esbuild/linux-ia32" "0.20.1"
-    "@esbuild/linux-loong64" "0.20.1"
-    "@esbuild/linux-mips64el" "0.20.1"
-    "@esbuild/linux-ppc64" "0.20.1"
-    "@esbuild/linux-riscv64" "0.20.1"
-    "@esbuild/linux-s390x" "0.20.1"
-    "@esbuild/linux-x64" "0.20.1"
-    "@esbuild/netbsd-x64" "0.20.1"
-    "@esbuild/openbsd-x64" "0.20.1"
-    "@esbuild/sunos-x64" "0.20.1"
-    "@esbuild/win32-arm64" "0.20.1"
-    "@esbuild/win32-ia32" "0.20.1"
-    "@esbuild/win32-x64" "0.20.1"
+    "@esbuild/aix-ppc64" "0.20.2"
+    "@esbuild/android-arm" "0.20.2"
+    "@esbuild/android-arm64" "0.20.2"
+    "@esbuild/android-x64" "0.20.2"
+    "@esbuild/darwin-arm64" "0.20.2"
+    "@esbuild/darwin-x64" "0.20.2"
+    "@esbuild/freebsd-arm64" "0.20.2"
+    "@esbuild/freebsd-x64" "0.20.2"
+    "@esbuild/linux-arm" "0.20.2"
+    "@esbuild/linux-arm64" "0.20.2"
+    "@esbuild/linux-ia32" "0.20.2"
+    "@esbuild/linux-loong64" "0.20.2"
+    "@esbuild/linux-mips64el" "0.20.2"
+    "@esbuild/linux-ppc64" "0.20.2"
+    "@esbuild/linux-riscv64" "0.20.2"
+    "@esbuild/linux-s390x" "0.20.2"
+    "@esbuild/linux-x64" "0.20.2"
+    "@esbuild/netbsd-x64" "0.20.2"
+    "@esbuild/openbsd-x64" "0.20.2"
+    "@esbuild/sunos-x64" "0.20.2"
+    "@esbuild/win32-arm64" "0.20.2"
+    "@esbuild/win32-ia32" "0.20.2"
+    "@esbuild/win32-x64" "0.20.2"
 
 escalade@^3.1.1:
   version "3.1.2"