diff --git a/CHANGELOG.md b/CHANGELOG.md
index c7d069963cbb..b1947a7fe64d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -23,6 +23,7 @@
 - [Fixed "rename project" button being broken after not changing project
   name][11103]
 - [Numbers starting with dot (`.5`) are accepted in Numeric Widget][11108]
+- [Add support for interacting with graph editor using touch devices.][11056]
 
 [10774]: https://github.com/enso-org/enso/pull/10774
 [10814]: https://github.com/enso-org/enso/pull/10814
@@ -35,6 +36,7 @@
 [11030]: https://github.com/enso-org/enso/pull/11030
 [11103]: https://github.com/enso-org/enso/pull/11103
 [11108]: https://github.com/enso-org/enso/pull/11108
+[11056]: https://github.com/enso-org/enso/pull/11056
 
 #### Enso Standard Library
 
diff --git a/app/dashboard/src/components/aria.tsx b/app/dashboard/src/components/aria.tsx
index d253b1d3badc..d7217fe9e7c1 100644
--- a/app/dashboard/src/components/aria.tsx
+++ b/app/dashboard/src/components/aria.tsx
@@ -3,7 +3,6 @@ import type { Mutable } from 'enso-common/src/utilities/data/object'
 import * as aria from 'react-aria'
 
 export type * from '@react-types/shared'
-// @ts-expect-error The conflicting exports are props types ONLY.
 export * from 'react-aria'
 // @ts-expect-error The conflicting exports are props types ONLY.
 export * from 'react-aria-components'
diff --git a/app/gui2/package.json b/app/gui2/package.json
index c148cd19cde5..395f007346f0 100644
--- a/app/gui2/package.json
+++ b/app/gui2/package.json
@@ -63,6 +63,7 @@
     "@noble/hashes": "^1.4.0",
     "@tanstack/vue-query": ">= 5.54.0 < 5.56.0",
     "@vueuse/core": "^10.4.1",
+    "@vueuse/gesture": "^2.0.0",
     "ag-grid-community": "^30.2.1",
     "ag-grid-enterprise": "^30.2.1",
     "ag-grid-vue3": "^30.2.1",
diff --git a/app/gui2/playwright.config.ts b/app/gui2/playwright.config.ts
index ba778fe6eff0..31dd4fb931da 100644
--- a/app/gui2/playwright.config.ts
+++ b/app/gui2/playwright.config.ts
@@ -29,6 +29,7 @@ function checkAvailablePort(port: number) {
 
 const portFromEnv = parseInt(process.env.PLAYWRIGHT_PORT ?? '', 10)
 const PORT = Number.isFinite(portFromEnv) ? portFromEnv : await findFreePortInRange(4300, 4999)
+console.log(`Selected playwright server port: ${PORT}`)
 // Make sure to set the env to actual port that is being used. This is necessary for workers to
 // pick up the same configuration.
 process.env.PLAYWRIGHT_PORT = `${PORT}`
@@ -117,7 +118,7 @@ export default defineConfig({
         `corepack pnpm build && corepack pnpm exec vite preview --port ${PORT} --strictPort`
       : `corepack pnpm exec vite dev --port ${PORT}`,
     // Build from scratch apparently can take a while on CI machines.
-    timeout: 120 * 1000,
+    timeout: 240 * 1000,
     port: PORT,
     // We use our special, mocked version of server, thus do not want to re-use user's one.
     reuseExistingServer: false,
diff --git a/app/gui2/src/components/GraphEditor.vue b/app/gui2/src/components/GraphEditor.vue
index d82888ff5428..435b24f60c8e 100644
--- a/app/gui2/src/components/GraphEditor.vue
+++ b/app/gui2/src/components/GraphEditor.vue
@@ -724,15 +724,7 @@ const documentationEditorFullscreen = ref(false)
     @drop.prevent="handleFileDrop($event)"
   >
     <div class="vertical">
-      <div
-        ref="viewportNode"
-        class="viewport"
-        v-on.="graphNavigator.pointerEvents"
-        v-on..="nodeSelection.events"
-        @click="handleClick"
-        @pointermove.capture="graphNavigator.pointerEventsCapture.pointermove"
-        @wheel.capture="graphNavigator.pointerEventsCapture.wheel"
-      >
+      <div ref="viewportNode" class="viewport" @click="handleClick">
         <GraphNodes
           @nodeOutputPortDoubleClick="handleNodeOutputPortDoubleClick"
           @nodeDoubleClick="(id) => stackNavigator.enterNode(id)"
@@ -840,8 +832,10 @@ const documentationEditorFullscreen = ref(false)
 }
 
 .viewport {
+  position: relative; /* Needed for safari when using contain: layout */
   contain: layout;
   overflow: clip;
+  touch-action: none;
   --group-color-fallback: #006b8a;
   --node-color-no-type: #596b81;
   --output-node-color: #006b8a;
diff --git a/app/gui2/src/components/GraphEditor/GraphNode.vue b/app/gui2/src/components/GraphEditor/GraphNode.vue
index dde7c1164975..14ca6109f551 100644
--- a/app/gui2/src/components/GraphEditor/GraphNode.vue
+++ b/app/gui2/src/components/GraphEditor/GraphNode.vue
@@ -56,6 +56,7 @@ const props = defineProps<{
 const emit = defineEmits<{
   dragging: [offset: Vec2]
   draggingCommited: []
+  draggingCancelled: []
   delete: []
   replaceSelection: []
   outputPortClick: [event: PointerEvent, portId: AstId]
@@ -262,10 +263,14 @@ const dragPointer = usePointer(
         startEpochMs.value = Number(new Date())
         significantMove.value = false
         break
-      case 'stop': {
+      case 'stop':
         startEpochMs.value = 0
         emit('draggingCommited')
-      }
+        break
+      case 'cancel':
+        startEpochMs.value = 0
+        emit('draggingCancelled')
+        break
     }
   },
   // Pointer is captured by `target`, to make it receive the `up` and `click` event in case this
diff --git a/app/gui2/src/components/GraphEditor/GraphNodes.vue b/app/gui2/src/components/GraphEditor/GraphNodes.vue
index f4791dfd448b..9575dce1aa86 100644
--- a/app/gui2/src/components/GraphEditor/GraphNodes.vue
+++ b/app/gui2/src/components/GraphEditor/GraphNodes.vue
@@ -38,6 +38,7 @@ const displacingWithArrows = useArrows(
     if (!oneOfMoved) return false
     dragging.startOrUpdate(oneOfMoved, pos.relative)
     if (type === 'stop') dragging.finishDrag()
+    else if (type === 'cancel') dragging.cancelDrag()
   },
   { predicate: (_) => selection.selected.size > 0 },
 )
@@ -70,6 +71,7 @@ const graphNodeSelections = shallowRef<HTMLElement>()
       @delete="graphStore.deleteNodes([id])"
       @dragging="nodeIsDragged(id, $event)"
       @draggingCommited="dragging.finishDrag()"
+      @draggingCancelled="dragging.cancelDrag()"
       @outputPortClick="(event, port) => graphStore.createEdgeFromOutput(port, event)"
       @outputPortDoubleClick="(_event, port) => emit('nodeOutputPortDoubleClick', port)"
       @doubleClick="emit('nodeDoubleClick', id)"
diff --git a/app/gui2/src/components/GraphEditor/dragging.ts b/app/gui2/src/components/GraphEditor/dragging.ts
index 270847b9e868..2945a7c96ea4 100644
--- a/app/gui2/src/components/GraphEditor/dragging.ts
+++ b/app/gui2/src/components/GraphEditor/dragging.ts
@@ -158,6 +158,16 @@ export function useDragging() {
       this.stopPositionUpdate()
       this.updateNodesPosition()
     }
+    cancelDragging(): void {
+      console.log('cancelDragging')
+      this.stopPositionUpdate()
+      offset.value = Vec2.Zero
+      snapXTarget.value = 0
+      snapYTarget.value = 0
+      snapX.skip()
+      snapY.skip()
+      this.updateNodesPosition()
+    }
 
     createSnapGrid() {
       const nonDraggedRects = computed(() => {
@@ -198,5 +208,9 @@ export function useDragging() {
       currentDrag?.finishDragging()
       currentDrag = undefined
     },
+    cancelDrag() {
+      currentDrag?.cancelDragging()
+      currentDrag = undefined
+    },
   }
 }
diff --git a/app/gui2/src/components/GraphMouse.vue b/app/gui2/src/components/GraphMouse.vue
index 3abe79375086..fb0975bf6aff 100644
--- a/app/gui2/src/components/GraphMouse.vue
+++ b/app/gui2/src/components/GraphMouse.vue
@@ -12,6 +12,7 @@ const scaledMousePos = computed(
   () => navigator?.sceneMousePos?.scale(navigator?.scale ?? 1) ?? Vec2.Zero,
 )
 const scaledSelectionAnchor = computed(() => nodeSelection?.anchor?.scale(navigator?.scale ?? 1))
+const scaledSelectionFocus = computed(() => nodeSelection?.focus?.scale(navigator?.scale ?? 1))
 const isNativeDragging = ref(0)
 
 useEvent(
@@ -44,7 +45,7 @@ useEvent(
   <SelectionBrush
     v-if="!isNativeDragging"
     :transform="navigator?.prescaledTransform"
-    :position="scaledMousePos"
+    :position="scaledSelectionFocus"
     :anchor="scaledSelectionAnchor"
   />
 </template>
diff --git a/app/gui2/src/components/ResizeHandles.vue b/app/gui2/src/components/ResizeHandles.vue
index 100942d2c46c..f3d63de9c238 100644
--- a/app/gui2/src/components/ResizeHandles.vue
+++ b/app/gui2/src/components/ResizeHandles.vue
@@ -37,6 +37,10 @@ function resizeHandler(resizeX: 'left' | 'right' | false, resizeY: 'top' | 'bott
       case 'stop':
         emit('update:resizing', {})
         break
+      case 'cancel':
+        if (initialBounds) bounds.value = initialBounds
+        emit('update:resizing', {})
+        break
     }
   })
 }
diff --git a/app/gui2/src/components/ScrollBar.vue b/app/gui2/src/components/ScrollBar.vue
index e57e074cee37..4066c29ca653 100644
--- a/app/gui2/src/components/ScrollBar.vue
+++ b/app/gui2/src/components/ScrollBar.vue
@@ -78,6 +78,11 @@ function dragEventsHandler(axis: 'x' | 'y') {
         emit('scroll', { type: 'stop' })
         break
       }
+      case 'cancel': {
+        emit('scroll', { type: 'move', startOffset: Vec2.Zero })
+        emit('scroll', { type: 'stop' })
+        break
+      }
     }
     return true
   })
diff --git a/app/gui2/src/components/SelectionBrush.vue b/app/gui2/src/components/SelectionBrush.vue
index 3c8219f72c91..554102026e2e 100644
--- a/app/gui2/src/components/SelectionBrush.vue
+++ b/app/gui2/src/components/SelectionBrush.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
 import { useApproach } from '@/composables/animation'
-import type { Vec2 } from '@/util/data/vec2'
+import { Vec2 } from '@/util/data/vec2'
 import { computed, shallowRef, watch } from 'vue'
 
 const props = defineProps<{
-  position: Vec2
+  position: Vec2 | undefined
   anchor: Vec2 | undefined
   transform: string | undefined
 }>()
 
 const hidden = computed(() => props.anchor == null)
 const lastSetAnchor = shallowRef<Vec2>()
-const lastAnchoredPosition = shallowRef<Vec2>(props.position)
+const lastAnchoredPosition = shallowRef<Vec2>(Vec2.Zero)
 watch(
   () => props.anchor,
   (anchor) => {
diff --git a/app/gui2/src/components/TopBar.vue b/app/gui2/src/components/TopBar.vue
index 6785eb966771..b3dfa693a88b 100644
--- a/app/gui2/src/components/TopBar.vue
+++ b/app/gui2/src/components/TopBar.vue
@@ -3,8 +3,6 @@ import ExtendedMenu from '@/components/ExtendedMenu.vue'
 import NavBreadcrumbs from '@/components/NavBreadcrumbs.vue'
 import RecordControl from '@/components/RecordControl.vue'
 import SelectionMenu from '@/components/SelectionMenu.vue'
-import { injectGuiConfig } from '@/providers/guiConfig'
-import { computed } from 'vue'
 
 const showColorPicker = defineModel<boolean>('showColorPicker', { required: true })
 const showCodeEditor = defineModel<boolean>('showCodeEditor', { required: true })
@@ -20,21 +18,10 @@ const emit = defineEmits<{
   collapseNodes: []
   removeNodes: []
 }>()
-
-const LEFT_PADDING_PX = 11
-
-const config = injectGuiConfig()
-
-const barStyle = computed(() => {
-  const offset = Number(config.value.window?.topBarOffset ?? '0')
-  return {
-    marginLeft: `${offset + LEFT_PADDING_PX}px`,
-  }
-})
 </script>
 
 <template>
-  <div class="TopBar" :style="barStyle">
+  <div class="TopBar">
     <NavBreadcrumbs />
     <RecordControl />
     <Transition name="selection-menu">
@@ -65,6 +52,7 @@ const barStyle = computed(() => {
   top: 8px;
   left: 0;
   right: 0;
+  margin-left: 11px;
   pointer-events: none;
   > * {
     pointer-events: auto;
diff --git a/app/gui2/src/composables/__tests__/events.test.ts b/app/gui2/src/composables/__tests__/events.test.ts
index 3ecbfeda8bc3..916e1b8b5df0 100644
--- a/app/gui2/src/composables/__tests__/events.test.ts
+++ b/app/gui2/src/composables/__tests__/events.test.ts
@@ -1,6 +1,7 @@
 import { Vec2 } from '@/util/data/vec2'
+import { withSetup } from '@/util/testing'
 import { afterEach, beforeEach, expect, test, vi, type Mock, type MockInstance } from 'vitest'
-import { effectScope, nextTick } from 'vue'
+import { nextTick } from 'vue'
 import { useArrows } from '../events'
 
 let rafSpy: MockInstance
@@ -57,6 +58,7 @@ function checkCbSequence(cb: Mock, steps: CbSequenceStep[]) {
       event,
     )
   }
+  expect(cb).toHaveBeenCalledTimes(steps.length)
 }
 
 test.each`
@@ -69,8 +71,22 @@ test.each`
   ${['ArrowUp', 'ArrowLeft']}    | ${10}    | ${1000} | ${[2000, 3000]}       | ${[[-10, -10], [-20, -20]]}                     | ${[[-10, -10], [-10, -10]]}
 `(
   'useArrows with $pressedKeys keys and $velocity velocity',
-  async ({ pressedKeys, velocity, t0, t, offset, delta }) => {
-    await effectScope().run(async () => {
+  async ({
+    pressedKeys,
+    velocity,
+    t0,
+    t,
+    offset,
+    delta,
+  }: {
+    pressedKeys: string[]
+    velocity: number
+    t0: number
+    t: number[]
+    offset: [number, number][]
+    delta: [number, number][]
+  }) => {
+    await withSetup(async () => {
       const cb = vi.fn()
       const expectedSequence: CbSequenceStep[] = []
       const arrows = useArrows(cb, { velocity })
@@ -86,13 +102,13 @@ test.each`
       expect(arrows.moving.value).toBeTruthy
 
       for (let i = 0; i < t.length - 1; ++i) {
-        runFrame(t[i])
+        runFrame(t[i]!)
         await nextTick()
-        expectedSequence.push(['move', offset[i], delta[i], undefined])
+        expectedSequence.push(['move', offset[i]!, delta[i]!, undefined])
       }
 
       const keyupEvents = Array.from(pressedKeys, (key) =>
-        keyEvent('keyup', { key, timeStamp: t[t.length - 1] }),
+        keyEvent('keyup', { key, timeStamp: t[t.length - 1]! }),
       )
       for (const event of keyupEvents) {
         window.dispatchEvent(event)
@@ -100,18 +116,18 @@ test.each`
       await nextTick()
       expectedSequence.push([
         'stop',
-        offset[offset.length - 1],
-        delta[delta.length - 1],
+        offset[offset.length - 1]!,
+        delta[delta.length - 1]!,
         keyupEvents[keyupEvents.length - 1],
       ])
       expect(arrows.moving.value).toBeFalsy()
       checkCbSequence(cb, expectedSequence)
-    })
+    })[0]
   },
 )
 
 test('useArrow with non-overlaping keystrokes', async () => {
-  await effectScope().run(async () => {
+  await withSetup(async () => {
     const cb = vi.fn()
     const arrows = useArrows(cb, { velocity: 10 })
     const rightDown = keyEvent('keydown', { key: 'ArrowRight', timeStamp: 0 })
@@ -143,11 +159,11 @@ test('useArrow with non-overlaping keystrokes', async () => {
       ['move', [0, 5], [0, 5], undefined],
       ['stop', [0, 10], [0, 5], downUp],
     ])
-  })
+  })[0]
 })
 
 test('useArrow with overlaping keystrokes', async () => {
-  await effectScope().run(async () => {
+  await withSetup(async () => {
     const cb = vi.fn()
     const arrows = useArrows(cb, { velocity: 10 })
     const rightDown = keyEvent('keydown', { key: 'ArrowRight', timeStamp: 0 })
@@ -178,5 +194,5 @@ test('useArrow with overlaping keystrokes', async () => {
       ['move', [20, 15], [5, 10], undefined],
       ['stop', [20, 20], [0, 5], downUp],
     ])
-  })
+  })[0]
 })
diff --git a/app/gui2/src/composables/__tests__/selection.test.ts b/app/gui2/src/composables/__tests__/selection.test.ts
index df0faa5062fa..62891a26268a 100644
--- a/app/gui2/src/composables/__tests__/selection.test.ts
+++ b/app/gui2/src/composables/__tests__/selection.test.ts
@@ -4,19 +4,29 @@ import { assert } from '@/util/assert'
 import { Rect } from '@/util/data/rect'
 import { Vec2 } from '@/util/data/vec2'
 import { isPointer, pointerButtonToEventInfo, type BindingInfo } from '@/util/shortcuts'
+import { withSetup } from '@/util/testing'
 import { beforeAll, expect, test, vi } from 'vitest'
-import { proxyRefs, ref, type Ref } from 'vue'
+import { nextTick, ref } from 'vue'
+import { useKeyboard } from '../keyboard'
+import { useNavigator } from '../navigator'
 
-function selectionWithMockData(sceneMousePos?: Ref<Vec2>) {
+function selectionWithMockData() {
   const rects = new Map()
   rects.set(1, Rect.FromBounds(1, 1, 10, 10))
   rects.set(2, Rect.FromBounds(20, 1, 30, 10))
   rects.set(3, Rect.FromBounds(1, 20, 10, 30))
   rects.set(4, Rect.FromBounds(20, 20, 30, 30))
-  const navigator = proxyRefs({ sceneMousePos: sceneMousePos ?? ref(Vec2.Zero), scale: 1 })
+
+  const mockDom = document.createElement('div')
+  mockDom.style.width = '500px'
+  mockDom.style.height = '300px'
+  vi.spyOn(mockDom, 'getBoundingClientRect').mockReturnValue(new DOMRect(-250, -150, 500, 300))
+
+  const navigator = useNavigator(ref(mockDom), useKeyboard())
+
   const selection = useSelection(navigator, rects)
   selection.setSelection(new Set([1, 2]))
-  return selection
+  return { selection, mockDom }
 }
 
 const bindingReplace = selectionMouseBindings.bindings.replace
@@ -39,11 +49,16 @@ test.each`
   ${3}  | ${bindingRemove}  | ${[1, 2]}
   ${1}  | ${bindingInvert}  | ${[2]}
   ${3}  | ${bindingInvert}  | ${[1, 2, 3]}
-`('Selection by single click at $click with $modifiers', ({ click, binding, expected }) => {
-  const selection = selectionWithMockData()
-  // Position is zero, because this method should not depend on click position
-  selection.handleSelectionOf(mockPointerEvent('click', Vec2.Zero, binding), new Set([click]))
-  expect([...selection.selected.value]).toEqual(expected)
+`('Selection by single click at $click', ({ click, binding, expected }) => {
+  withSetup(() => {
+    const { selection, mockDom } = selectionWithMockData()
+    // Position is zero, because this method should not depend on click position
+    selection.handleSelectionOf(
+      mockPointerEvent('click', Vec2.Zero, binding, mockDom),
+      new Set([click]),
+    )
+    expect([...selection.selected.value]).toEqual(expected)
+  })
 })
 
 const areas: Record<string, Rect> = {
@@ -83,26 +98,26 @@ test.each`
   ${'all'}    | ${bindingInvert}  | ${[3, 4]}
 `(
   'Selection by dragging $areaId area with $binding.humanReadable',
-  ({ areaId, binding, expected }) => {
+  async ({ areaId, binding, expected }) => {
     const area = areas[areaId]!
-    const dragCase = (start: Vec2, stop: Vec2) => {
-      const mousePos = ref(start)
-      const selection = selectionWithMockData(mousePos)
-
-      selection.events.pointerdown(mockPointerEvent('pointerdown', mousePos.value, binding))
-      selection.events.pointermove(mockPointerEvent('pointermove', mousePos.value, binding))
-      mousePos.value = stop
-      selection.events.pointermove(mockPointerEvent('pointermove', mousePos.value, binding))
-      expect(selection.selected.value).toEqual(new Set(expected))
-      selection.events.pointerdown(mockPointerEvent('pointerup', mousePos.value, binding))
-      expect(selection.selected.value).toEqual(new Set(expected))
+    const dragCase = async (start: Vec2, stop: Vec2) => {
+      await withSetup(async () => {
+        const { selection, mockDom } = selectionWithMockData()
+        await nextTick()
+        mockDom.dispatchEvent(mockPointerEvent('pointerdown', start, binding, mockDom))
+        mockDom.dispatchEvent(mockPointerEvent('pointermove', start, binding, mockDom))
+        mockDom.dispatchEvent(mockPointerEvent('pointermove', stop, binding, mockDom))
+        expect(selection.selected.value).toEqual(new Set(expected))
+        mockDom.dispatchEvent(mockPointerEvent('pointerup', stop, binding, mockDom))
+        expect(selection.selected.value).toEqual(new Set(expected))
+      })[0]
     }
 
     // We should select same set of nodes, regardless of drag direction
-    dragCase(new Vec2(area.left, area.top), new Vec2(area.right, area.bottom))
-    dragCase(new Vec2(area.right, area.bottom), new Vec2(area.left, area.top))
-    dragCase(new Vec2(area.left, area.bottom), new Vec2(area.right, area.top))
-    dragCase(new Vec2(area.right, area.top), new Vec2(area.left, area.bottom))
+    await dragCase(new Vec2(area.left, area.top), new Vec2(area.right, area.bottom))
+    await dragCase(new Vec2(area.right, area.bottom), new Vec2(area.left, area.top))
+    await dragCase(new Vec2(area.left, area.bottom), new Vec2(area.right, area.top))
+    await dragCase(new Vec2(area.right, area.top), new Vec2(area.left, area.bottom))
   },
 )
 
@@ -126,8 +141,13 @@ beforeAll(() => {
   ;(window as any).PointerEvent = MockPointerEvent
 })
 
-const graphRootMock = document.createElement('div')
-function mockPointerEvent(type: string, pos: Vec2, binding: BindingInfo): PointerEvent {
+let lastEventTimestamp = 0
+function mockPointerEvent(
+  type: string,
+  pos: Vec2,
+  binding: BindingInfo,
+  target: Element,
+): PointerEvent {
   const modifiersSet = new Set(binding.modifiers)
   assert(isPointer(binding.key))
   const { button, buttons } = pointerButtonToEventInfo(binding.key)
@@ -140,8 +160,13 @@ function mockPointerEvent(type: string, pos: Vec2, binding: BindingInfo): Pointe
     clientY: pos.y,
     button,
     buttons,
-    target: graphRootMock,
-    currentTarget: graphRootMock,
+    target: target,
+    currentTarget: target,
   }) as PointerEvent
+  // Ensure that events sent during testing are not deduplicated
+  if (event.timeStamp === lastEventTimestamp)
+    Object.defineProperty(event, 'timeStamp', { value: event.timeStamp + 1 })
+  lastEventTimestamp = event.timeStamp
+
   return event
 }
diff --git a/app/gui2/src/composables/events.ts b/app/gui2/src/composables/events.ts
index 999364e0e599..68d57142308e 100644
--- a/app/gui2/src/composables/events.ts
+++ b/app/gui2/src/composables/events.ts
@@ -296,7 +296,7 @@ export interface EventPosition {
   delta: Vec2
 }
 
-type PointerEventType = 'start' | 'move' | 'stop'
+type PointerEventType = 'start' | 'move' | 'stop' | 'cancel'
 
 /**
  * A mask of all available pointer buttons. The values are compatible with DOM's `PointerEvent.buttons` value. The mask values
@@ -359,12 +359,12 @@ export function usePointer(
 
   const dragging = computed(() => dragState.value != null)
 
-  function doStop(e: PointerEvent) {
+  function doStop(e: PointerEvent, eventType: PointerEventType = 'stop') {
     if (dragState.value?.trackedPointer !== e.pointerId) return
     const { trackedElement, trackedPointer, initialGrabPos, lastPos } = dragState.value
     trackedElement?.releasePointerCapture(trackedPointer)
 
-    if (handler(computePosition(e, initialGrabPos, lastPos), e, 'stop') !== false) {
+    if (handler(computePosition(e, initialGrabPos, lastPos), e, eventType) !== false) {
       e.stopImmediatePropagation()
     }
 
@@ -410,6 +410,7 @@ export function usePointer(
       }
     },
     pointerup(e: PointerEvent) {
+      if (dragState.value?.trackedPointer !== e.pointerId) return
       doStop(e)
     },
     pointermove(e: PointerEvent) {
@@ -420,6 +421,10 @@ export function usePointer(
         doStop(e)
       }
     },
+    pointercancel(e: PointerEvent) {
+      if (dragState.value?.trackedPointer !== e.pointerId) return
+      doStop(e, 'cancel')
+    },
   }
 
   return proxyRefs({
diff --git a/app/gui2/src/composables/navigator.ts b/app/gui2/src/composables/navigator.ts
index 736174f57754..5ad3ee5f8767 100644
--- a/app/gui2/src/composables/navigator.ts
+++ b/app/gui2/src/composables/navigator.ts
@@ -4,15 +4,25 @@ import { useApproach, useApproachVec } from '@/composables/animation'
 import {
   PointerButtonMask,
   useArrows,
-  useEvent,
-  usePointer,
   useResizeObserver,
   useWheelActions,
 } from '@/composables/events'
 import type { KeyboardComposable } from '@/composables/keyboard'
 import { Rect } from '@/util/data/rect'
 import { Vec2 } from '@/util/data/vec2'
-import { computed, proxyRefs, readonly, shallowRef, toRef, watch, type Ref } from 'vue'
+import { useEventListener } from '@vueuse/core'
+import { Handler, useGesture } from '@vueuse/gesture'
+import {
+  computed,
+  onScopeDispose,
+  proxyRefs,
+  readonly,
+  ref,
+  shallowRef,
+  toRef,
+  watch,
+  type Ref,
+} from 'vue'
 
 type ScaleRange = readonly [number, number]
 const PAN_AND_ZOOM_DEFAULT_SCALE_RANGE: ScaleRange = [0.1, 1]
@@ -26,6 +36,8 @@ const ZOOM_LEVELS_REVERSED = [...ZOOM_LEVELS].reverse()
  * to avoid small unnoticeable changes to zoom. */
 const ZOOM_SKIP_THRESHOLD = 0.05
 const WHEEL_CAPTURE_DURATION_MS = 250
+const LONGPRESS_TIMEOUT = 500
+const LONGPRESS_MAX_SLIDE = 10
 
 function elemRect(target: Element | undefined): Rect {
   if (target != null && target instanceof Element)
@@ -40,7 +52,7 @@ export interface NavigatorOptions {
 
 export type NavigatorComposable = ReturnType<typeof useNavigator>
 export function useNavigator(
-  viewportNode: Ref<Element | undefined>,
+  viewportNode: Ref<HTMLElement | undefined>,
   keyboard: KeyboardComposable,
   options: NavigatorOptions = {},
 ) {
@@ -54,18 +66,140 @@ export function useNavigator(
     viewportRect.value = elemRect(viewportNode.value)
   }
 
-  watch(size, updateViewportRect, { immediate: true })
+  const dragPredicate = (e: PointerEvent) => e.target === e.currentTarget && predicate(e)
 
-  const targetScale = shallowRef(1)
-  const scale = useApproach(targetScale)
-  const panPointer = usePointer(
-    (pos) => scrollTo(center.value.addScaled(pos.delta, -1 / scale.value)),
+  function eventIsTouch(e: Event) {
+    return e.type.startsWith('touch') || (e instanceof PointerEvent && e.pointerType === 'touch')
+  }
+
+  const holdDragListeners: Array<Handler<'drag'>> = []
+  function callHoldDragListeners(...params: Parameters<Handler<'drag'>>) {
+    holdDragListeners.forEach((f) => f(...params))
+  }
+
+  let gesturePivot = Vec2.Zero
+  let pinchScaleRatio = 1
+  let lastPinchOrigin = Vec2.Zero
+  let holdDragStarted = false
+
+  type DragState = Parameters<Handler<'drag', PointerEvent>>[0]
+
+  function handleDragPanning(state: DragState) {
+    if (Vec2.FromTuple(state.movement).length() > LONGPRESS_MAX_SLIDE) cancelLongpress()
+    scrollTo(center.value.addScaled(Vec2.FromTuple(state.delta), -1 / scale.value))
+    state.event.stopImmediatePropagation()
+  }
+
+  function handleDragZooming(state: DragState) {
+    const prevScale = scale.value
+    updateScale((oldValue) => oldValue * Math.exp(-state.delta[1] / 100))
+    scrollTo(center.value.scaleAround(prevScale / scale.value, gesturePivot))
+  }
+
+  function handleDragHolding(state: DragState) {
+    callHoldDragListeners({
+      ...state,
+      first: holdDragStarted === false,
+      dragging: state.dragging || !state.last,
+    })
+    holdDragStarted = true
+  }
+
+  let longpressTimer: ReturnType<typeof setTimeout> | null = null
+  function startTouchLongpressTimer(state: DragState) {
+    state.event.preventDefault()
+    cancelLongpress()
+    longpressTimer = setTimeout(() => {
+      longpressTimer = null
+      if (navigator.vibrate) navigator.vibrate(20)
+      handleDragHolding(state)
+    }, LONGPRESS_TIMEOUT)
+  }
+
+  function cancelLongpress() {
+    if (longpressTimer) clearTimeout(longpressTimer)
+    longpressTimer = null
+  }
+
+  useGesture(
     {
-      requiredButtonMask: PointerButtonMask.Auxiliary,
-      predicate: (e) => e.target === e.currentTarget && predicate(e),
+      onMove(state) {
+        eventMousePos.value = Vec2.FromTuple(state.xy)
+      },
+      onDrag(state) {
+        if (state.first) {
+          gesturePivot = clientToScenePos(Vec2.FromTuple(state.initial))
+          holdDragStarted = false
+        }
+
+        if (!dragPredicate(state.event) || state.pinching) return
+        const isTouch = eventIsTouch(state.event)
+        const mainDown = (state.buttons & PointerButtonMask.Main) != 0
+        const secondaryDown = (state.buttons & PointerButtonMask.Secondary) != 0
+        const auxDown = (state.buttons & PointerButtonMask.Auxiliary) != 0
+
+        if (isTouch && state.first) startTouchLongpressTimer(state)
+
+        if (!holdDragStarted && (isTouch || auxDown)) handleDragPanning(state)
+        else if (!isTouch && secondaryDown) handleDragZooming(state)
+        else if (state.tap || holdDragStarted || (!isTouch && mainDown)) handleDragHolding(state)
+
+        if (state.last && longpressTimer) cancelLongpress()
+        if (state.last && holdDragStarted) holdDragStarted = false
+      },
+      onPinch(state) {
+        // A started longpress touch can transform into pinch without warning, make sure to clear the timeout.
+        cancelLongpress()
+
+        if (state.ctrlKey) return // We do our own touchpad handling below
+
+        const currentOrigin = Vec2.FromTuple(state.origin)
+        gesturePivot = clientToScenePos(currentOrigin)
+        if (state.first) {
+          pinchScaleRatio = scale.value / state.da[0]
+          lastPinchOrigin = currentOrigin
+        }
+
+        const originDelta = currentOrigin.sub(lastPinchOrigin)
+        lastPinchOrigin = currentOrigin
+
+        const prevScale = scale.value
+        updateScale((_) => pinchScaleRatio * state.da[0])
+        scrollTo(
+          center.value
+            .scaleAround(prevScale / scale.value, gesturePivot)
+            .addScaled(originDelta, -1 / scale.value),
+        )
+      },
+      onWheel(state) {
+        if (state.ctrlKey) return
+        const delta = Vec2.FromTuple(state.delta)
+        scrollTo(center.value.addScaled(delta, 1 / scale.value))
+      },
+    },
+    {
+      domTarget: viewportNode,
+      eventOptions: {
+        passive: false,
+      },
+      drag: {
+        enabled: true,
+        useTouch: 'ontouchstart' in document.documentElement && navigator.maxTouchPoints > 0,
+      },
+      pinch: {
+        enabled: true,
+      },
+      wheel: {
+        enabled: true,
+      },
     },
   )
 
+  watch(size, updateViewportRect, { immediate: true })
+
+  const targetScale = ref(1)
+  const scale = useApproach(targetScale)
+
   const panArrows = useArrows(
     (pos) => scrollTo(center.value.addScaled(pos.delta, 1 / scale.value)),
     { predicate, velocity: 1000 },
@@ -183,28 +317,6 @@ export function useNavigator(
     center.skip()
   }
 
-  let zoomPivot = Vec2.Zero
-  const zoomPointer = usePointer(
-    (pos, _event, ty) => {
-      if (ty === 'start') {
-        zoomPivot = clientToScenePos(pos.initial)
-      }
-
-      const prevScale = scale.value
-      updateScale((oldValue) => oldValue * Math.exp(-pos.delta.y / 100))
-      scrollTo(
-        center.value
-          .sub(zoomPivot)
-          .scale(prevScale / scale.value)
-          .add(zoomPivot),
-      )
-    },
-    {
-      requiredButtonMask: PointerButtonMask.Secondary,
-      predicate: (e) => e.target === e.currentTarget && predicate(e),
-    },
-  )
-
   const viewport = computed(() => {
     const nodeSize = size.value
     const { x, y } = center.value
@@ -236,55 +348,17 @@ export function useNavigator(
     () => `translate(${translate.value.x * scale.value}px, ${translate.value.y * scale.value}px)`,
   )
 
-  let isPointerDown = false
-  let scrolledThisFrame = false
   const eventMousePos = shallowRef<Vec2 | null>(null)
-  let eventTargetScrollPos: Vec2 | null = null
   const sceneMousePos = computed(() =>
     eventMousePos.value ? clientToScenePos(eventMousePos.value) : null,
   )
 
-  useEvent(
-    window,
-    'scroll',
-    (e) => {
-      if (
-        !isPointerDown ||
-        scrolledThisFrame ||
-        !eventMousePos.value ||
-        !(e.target instanceof Element)
-      )
-        return
-      scrolledThisFrame = true
-      requestAnimationFrame(() => (scrolledThisFrame = false))
-      if (!(e.target instanceof Element)) return
-      const newScrollPos = new Vec2(e.target.scrollLeft, e.target.scrollTop)
-      if (eventTargetScrollPos !== null) {
-        const delta = newScrollPos.sub(eventTargetScrollPos)
-        const mouseDelta = new Vec2(
-          (delta.x * e.target.clientWidth) / e.target.scrollWidth,
-          (delta.y * e.target.clientHeight) / e.target.scrollHeight,
-        )
-        eventMousePos.value = eventMousePos.value?.add(mouseDelta) ?? null
-      }
-      eventTargetScrollPos = newScrollPos
-    },
-    { capture: true },
-  )
-
-  useEvent(
-    window,
-    'scrollend',
-    () => {
-      eventTargetScrollPos = null
-    },
-    { capture: true },
-  )
-
   /** Clamp the value to the given bounds, except if it is already outside the bounds allow the new value to be less
    *  outside the bounds. */
   function directedClamp(oldValue: number, newValue: number, [min, max]: ScaleRange): number {
-    if (newValue > oldValue) return Math.min(max, newValue)
+    if (!Number.isFinite(newValue)) return oldValue
+    else if (!Number.isFinite(oldValue)) return Math.max(min, Math.min(newValue, max))
+    else if (newValue > oldValue) return Math.min(max, newValue)
     else return Math.max(min, newValue)
   }
 
@@ -350,38 +424,11 @@ export function useNavigator(
     },
   )
 
+  useEventListener(viewportNode, 'wheel', wheelEvents.wheel)
+  useEventListener(viewportNode, 'wheel', wheelEventsCapture.wheel, { capture: true })
+  useEventListener(viewportNode, 'pointermove', wheelEventsCapture.pointermove, { capture: true })
+
   return proxyRefs({
-    pointerEvents: {
-      dragover(e: DragEvent) {
-        eventMousePos.value = eventScreenPos(e)
-      },
-      dragleave() {
-        eventMousePos.value = null
-      },
-      pointermove(e: PointerEvent) {
-        eventMousePos.value = eventScreenPos(e)
-        panPointer.events.pointermove(e)
-        zoomPointer.events.pointermove(e)
-      },
-      pointerleave() {
-        eventMousePos.value = null
-      },
-      pointerup(e: PointerEvent) {
-        isPointerDown = false
-        panPointer.events.pointerup(e)
-        zoomPointer.events.pointerup(e)
-      },
-      pointerdown(e: PointerEvent) {
-        isPointerDown = true
-        panPointer.events.pointerdown(e)
-        zoomPointer.events.pointerdown(e)
-      },
-      contextmenu(e: Event) {
-        e.preventDefault()
-      },
-      wheel: wheelEvents.wheel,
-    },
-    pointerEventsCapture: wheelEventsCapture,
     keyboardEvents: panArrows.events,
     translate: readonly(translate),
     targetCenter: readonly(targetCenter),
@@ -389,6 +436,15 @@ export function useNavigator(
     scale: readonly(toRef(scale, 'value')),
     viewBox: readonly(viewBox),
     transform: readonly(transform),
+    /**
+     * Add handler for "hold" events - a drag action that doesn't move the navigator viewport, but
+     * is supposed to represent holding the viewport contents itself. For desktop, this is the
+     * left mouse button drag. For touch input, it is a long-press and drag.
+     */
+    addHoldDragListener(listener: Handler<'drag'>) {
+      holdDragListeners.push(listener)
+      onScopeDispose(() => holdDragListeners.splice(holdDragListeners.indexOf(listener), 1))
+    },
     /** Use this transform instead, if the element should not be scaled. */
     prescaledTransform,
     sceneMousePos,
diff --git a/app/gui2/src/composables/selection.ts b/app/gui2/src/composables/selection.ts
index 5bfe4117ea65..2634b7b009c1 100644
--- a/app/gui2/src/composables/selection.ts
+++ b/app/gui2/src/composables/selection.ts
@@ -1,16 +1,17 @@
 /** @file A Vue composable for keeping track of selected DOM elements. */
 import { selectionMouseBindings } from '@/bindings'
-import { useEvent, usePointer } from '@/composables/events'
+import { useEvent } from '@/composables/events'
 import type { PortId } from '@/providers/portInfo.ts'
 import { type NodeId } from '@/stores/graph'
 import { filter, filterDefined, map } from '@/util/data/iterable'
 import type { Rect } from '@/util/data/rect'
 import { intersectionSize } from '@/util/data/set'
-import type { Vec2 } from '@/util/data/vec2'
+import { Vec2 } from '@/util/data/vec2'
 import { dataAttribute, elementHierarchy } from '@/util/dom'
 import * as set from 'lib0/set'
 import { computed, ref, shallowReactive, shallowRef } from 'vue'
 import { Err, Ok, type Result } from 'ydoc-shared/util/data/result'
+import { NavigatorComposable } from './navigator'
 
 interface BaseSelectionOptions<T> {
   margin?: number
@@ -35,17 +36,17 @@ export type SelectionOptions<T, PackedT> =
   | (BaseSelectionOptions<T> & SelectionPackingOptions<T, PackedT>)
 
 export function useSelection<T>(
-  navigator: { sceneMousePos: Vec2 | null; scale: number },
+  navigator: NavigatorComposable,
   elementRects: Map<T, Rect>,
   options?: BaseSelectionOptions<T>,
 ): UseSelection<T, T>
 export function useSelection<T, PackedT>(
-  navigator: { sceneMousePos: Vec2 | null; scale: number },
+  navigator: NavigatorComposable,
   elementRects: Map<T, Rect>,
   options: BaseSelectionOptions<T> & SelectionPackingOptions<T, PackedT>,
 ): UseSelection<T, PackedT>
 export function useSelection<T, PackedT>(
-  navigator: { sceneMousePos: Vec2 | null; scale: number },
+  navigator: NavigatorComposable,
   elementRects: Map<T, Rect>,
   options: SelectionOptions<T, PackedT> = {},
 ): UseSelection<T, PackedT> {
@@ -71,12 +72,13 @@ export function useSelection<T, PackedT>(
 
 type UseSelection<T, PackedT> = ReturnType<typeof useSelectionImpl<T, PackedT>>
 function useSelectionImpl<T, PackedT>(
-  navigator: { sceneMousePos: Vec2 | null; scale: number },
+  navigator: NavigatorComposable,
   elementRects: Map<T, Rect>,
   { margin, isValid, onSelected, onDeselected }: Required<BaseSelectionOptions<T>>,
   { pack, unpack }: SelectionPackingOptions<T, PackedT>,
 ) {
   const anchor = shallowRef<Vec2>()
+  const focus = shallowRef<Vec2>()
   let initiallySelected = new Set<T>()
   // Selection, including elements that do not (currently) pass `isValid`.
   const rawSelected = shallowReactive(new Set<PackedT>())
@@ -153,13 +155,15 @@ function useSelectionImpl<T, PackedT>(
     },
   })
 
+  const dragging = ref(false)
+
   const intersectingElements = computed<Set<T>>(() => {
-    if (!pointer.dragging || anchor.value == null || navigator.sceneMousePos == null) {
+    if (!dragging.value || anchor.value == null || focus.value == null) {
       return new Set()
     }
     const navigatorSpaceMargin = margin / navigator.scale
 
-    const a = navigator.sceneMousePos
+    const a = focus.value
     const b = anchor.value
 
     const left = Math.min(a.x, b.x) - navigatorSpaceMargin
@@ -189,27 +193,30 @@ function useSelectionImpl<T, PackedT>(
     overrideElemsToSelect.value = undefined
   }
 
-  const pointer = usePointer(
-    (_pos, event, eventType) => {
-      if (eventType === 'start') {
-        readInitiallySelected()
-      } else if (eventType === 'stop') {
-        if (anchor.value == null) {
-          // If there was no drag, we want to handle "clicking-off" selected nodes.
-          selectionEventHandler(event)
-        } else {
-          anchor.value = undefined
-        }
-        initiallySelected.clear()
-      } else if (pointer.dragging) {
-        if (anchor.value == null) {
-          anchor.value = navigator.sceneMousePos?.copy()
-        }
-        selectionEventHandler(event)
+  navigator.addHoldDragListener((state) => {
+    dragging.value = state.dragging
+
+    const eventPosition = navigator.clientToScenePos(Vec2.FromTuple(state.xy))
+
+    if (state.first) {
+      readInitiallySelected()
+    }
+    if (state.last) {
+      if (anchor.value == null) {
+        // If there was no drag, we want to handle "clicking-off" selected nodes.
+        selectionEventHandler(state.event)
       }
-    },
-    { predicate: (e) => e.target === e.currentTarget },
-  )
+      anchor.value = undefined
+      focus.value = undefined
+      initiallySelected.clear()
+    } else if (state.dragging) {
+      if (anchor.value == null) {
+        anchor.value = eventPosition
+      }
+      focus.value = eventPosition
+      selectionEventHandler(state.event)
+    }
+  })
 
   return {
     // === Selected nodes ===
@@ -230,10 +237,10 @@ function useSelectionImpl<T, PackedT>(
     tryGetSoleSelection,
     // === Selection changes ===
     anchor,
+    focus,
     isChanging,
     // === Mouse events ===
     handleSelectionOf,
-    events: pointer.events,
   }
 }
 
diff --git a/app/gui2/src/entrypoint.ts b/app/gui2/src/entrypoint.ts
index 60061fb743e6..b43e569c5ba4 100644
--- a/app/gui2/src/entrypoint.ts
+++ b/app/gui2/src/entrypoint.ts
@@ -69,11 +69,13 @@ function main() {
     localStorage.setItem(INITIAL_URL_KEY, location.href)
   }
 
+  const resolveEnvUrl = (url: string) => url.replace('__HOSTNAME__', window.location.hostname)
+
   const config = configValue(mergeConfig(baseConfig, urlParams()))
   const supportsVibrancy = config.window.vibrancy
   const shouldUseAuthentication = config.authentication.enabled
-  const projectManagerUrl = config.engine.projectManagerUrl || PROJECT_MANAGER_URL
-  const ydocUrl = config.engine.ydocUrl === '' ? YDOC_SERVER_URL : config.engine.ydocUrl
+  const projectManagerUrl = config.engine.projectManagerUrl || resolveEnvUrl(PROJECT_MANAGER_URL)
+  const ydocUrl = config.engine.ydocUrl || resolveEnvUrl(YDOC_SERVER_URL)
   const initialProjectName = config.startup.project || null
   const urlWithoutStartupProject = new URL(location.toString())
   urlWithoutStartupProject.searchParams.delete('startup.project')
diff --git a/app/gui2/src/util/ast/__tests__/aliasAnalysis.test.ts b/app/gui2/src/util/ast/__tests__/aliasAnalysis.test.ts
index 120f150c67b8..b1c40e15b395 100644
--- a/app/gui2/src/util/ast/__tests__/aliasAnalysis.test.ts
+++ b/app/gui2/src/util/ast/__tests__/aliasAnalysis.test.ts
@@ -76,8 +76,6 @@ function parseAnnotations(annotatedCode: string): {
       usageName: string | undefined,
       offset: number,
     ) => {
-      console.log(`Processing annotated identifier ${match}.`)
-
       // Sanity check: either both binding prefix and name are present, or both usage prefix and name are present.
       // Otherwise, we have an internal error in the regex.
       expect(bindingPrefix != null).toBe(bindingName != null)
@@ -137,7 +135,6 @@ class TestCase {
           `Duplicate binding with id ${annotation.id} at [${range}].`,
         ).toBe(false)
         prefixBindings.set(annotation.id, range)
-        console.debug(`Binding ${annotation.id}@[${range}]`)
         testCase.expectedAliases.set(range, [])
       }
     }
@@ -173,15 +170,12 @@ class TestCase {
     for (const [source, targets] of this.expectedAliases) {
       const foundTargets = analyzer.aliases.get(source)
       assertDefined(foundTargets, `Expected binding ${this.prettyPrint(source)} not found.`)
-      console.log(`Found expected binding ${this.prettyPrint(source)}`)
-
       for (const target of targets) {
         const foundConnection = foundTargets.has(target)
         // assert(foundConnection, `Expected connection [${source}] -> [${target}] not found.`)
         expect(foundConnection, `Expected connection [${source}] -> [${target}] not found.`).toBe(
           true,
         )
-        console.log(`Found expected connection [${source}] -> [${target}]`)
       }
     }
 
@@ -190,9 +184,6 @@ class TestCase {
         analyzer.unresolvedSymbols.has(unresolvedSymbol),
         `Expected unresolved symbol usage ${this.prettyPrint(unresolvedSymbol)} not observed.`,
       ).toBe(true)
-      console.log(
-        `Found expected unresolved symbol usage at ${this.prettyPrint(unresolvedSymbol)}.`,
-      )
     }
 
     expect(this.expectedUnresolvedSymbols.size, 'Unresolved symbols count mismatch.').toBe(
diff --git a/app/gui2/src/util/data/vec2.ts b/app/gui2/src/util/data/vec2.ts
index 502bcdcf3cd9..58aa38b0aaed 100644
--- a/app/gui2/src/util/data/vec2.ts
+++ b/app/gui2/src/util/data/vec2.ts
@@ -11,6 +11,10 @@ export class Vec2 {
 
   static Zero: Vec2
 
+  static FromTuple(point: [x: number, y: number]): Vec2 {
+    return new Vec2(point[0], point[1])
+  }
+
   static FromXY(point: Readonly<{ x: number; y: number }>): Vec2 {
     return new Vec2(point.x, point.y)
   }
@@ -57,6 +61,10 @@ export class Vec2 {
     return new Vec2(this.x * scalar, this.y * scalar)
   }
 
+  scaleAround(scalar: number, pivotPoint: Vec2): Vec2 {
+    return this.sub(pivotPoint).scale(scalar).add(pivotPoint)
+  }
+
   distanceSquared(other: Vec2): number {
     const dx = this.x - other.x
     const dy = this.y - other.y
diff --git a/app/gui2/src/util/shortcuts.ts b/app/gui2/src/util/shortcuts.ts
index f2a662028d5b..8a2f9d147e00 100644
--- a/app/gui2/src/util/shortcuts.ts
+++ b/app/gui2/src/util/shortcuts.ts
@@ -83,7 +83,9 @@ const flagsOfButtonField = [
   POINTER_BUTTON_FLAG.PointerForward,
 ]
 
-function buttonFlagsForEvent(event: MouseEvent): PointerButtonFlags {
+function buttonFlagsForEvent(event: MouseEvent | TouchEvent | PointerEvent): PointerButtonFlags {
+  if ('TouchEvent' in window && event instanceof TouchEvent) return POINTER_BUTTON_FLAG.PointerMain
+  DEV: assert(event instanceof MouseEvent || event instanceof PointerEvent)
   // event.buttons keeps information about buttons being pressed, but in case of `click` or
   // `pointerup` events we also want to know what buttons were just released.
   return (event.buttons | (flagsOfButtonField[event.button] ?? 0)) as PointerButtonFlags
@@ -386,7 +388,7 @@ export function defineKeybinds<
     }
   }
 
-  function handler<Event_ extends KeyboardEvent | MouseEvent | PointerEvent>(
+  function handler<Event_ extends KeyboardEvent | MouseEvent | PointerEvent | TouchEvent>(
     handlers: Partial<
       Record<BindingName | typeof DefaultHandler, (event: Event_) => boolean | void>
     >,
diff --git a/app/gui2/stories/SelectionBrushWrapper.vue b/app/gui2/stories/SelectionBrushWrapper.vue
index 739a09df8c79..d1edb9093b5f 100644
--- a/app/gui2/stories/SelectionBrushWrapper.vue
+++ b/app/gui2/stories/SelectionBrushWrapper.vue
@@ -26,12 +26,7 @@ const scaledSelectionAnchor = computed(() => selectionAnchor.value?.scale(naviga
 </script>
 
 <template>
-  <div
-    ref="viewportNode"
-    style="cursor: none; height: 100%"
-    v-on.="navigator.pointerEvents"
-    v-on..="selection.events"
-  >
+  <div ref="viewportNode" style="cursor: none; height: 100%" v-on="selection.events">
     <slot
       :scaledMousePos="scaledMousePos"
       :scaledSelectionAnchor="scaledSelectionAnchor"
diff --git a/app/gui2/vite.config.ts b/app/gui2/vite.config.ts
index 81d65dc0d523..c5fdec7698c9 100644
--- a/app/gui2/vite.config.ts
+++ b/app/gui2/vite.config.ts
@@ -11,13 +11,14 @@ import tailwindcssNesting from 'tailwindcss/nesting'
 import { defineConfig, type Plugin } from 'vite'
 import VueDevTools from 'vite-plugin-vue-devtools'
 import wasm from 'vite-plugin-wasm'
-const projectManagerUrl =
-  process.env.E2E === 'true' ? 'ws://127.0.0.1:30536' : 'ws://127.0.0.1:30535'
 
+const dynHostnameWsUrl = (port: number) => JSON.stringify(`ws://__HOSTNAME__:${port}`)
+const projectManagerUrl = dynHostnameWsUrl(process.env.E2E === 'true' ? 30536 : 30535)
 const IS_CLOUD_BUILD = process.env.CLOUD_BUILD === 'true'
 const YDOC_SERVER_URL =
-  process.env.ENSO_POLYGLOT_YDOC_SERVER ??
-  (process.env.NODE_ENV === 'development' ? 'ws://localhost:5976' : undefined)
+  process.env.ENSO_POLYGLOT_YDOC_SERVER ? JSON.stringify(process.env.ENSO_POLYGLOT_YDOC_SERVER)
+  : process.env.NODE_ENV === 'development' ? dynHostnameWsUrl(5976)
+  : undefined
 
 await readEnvironmentFromFile()
 
@@ -31,7 +32,7 @@ export default defineConfig({
   envDir: fileURLToPath(new URL('.', import.meta.url)),
   plugins: [
     wasm(),
-    VueDevTools(),
+    ...(process.env.NODE_ENV === 'development' ? [await VueDevTools()] : []),
     vue(),
     react({
       include: fileURLToPath(new URL('../dashboard/**/*.tsx', import.meta.url)),
@@ -47,6 +48,7 @@ export default defineConfig({
       'Cross-Origin-Opener-Policy': 'same-origin',
       'Cross-Origin-Resource-Policy': 'same-origin',
     },
+    ...(process.env.GUI_HOSTNAME ? { host: process.env.GUI_HOSTNAME } : {}),
   },
   resolve: {
     conditions: ['source'],
@@ -59,8 +61,8 @@ export default defineConfig({
   define: {
     ...getDefines(),
     IS_CLOUD_BUILD: JSON.stringify(IS_CLOUD_BUILD),
-    PROJECT_MANAGER_URL: JSON.stringify(projectManagerUrl),
-    YDOC_SERVER_URL: JSON.stringify(YDOC_SERVER_URL),
+    PROJECT_MANAGER_URL: projectManagerUrl,
+    YDOC_SERVER_URL: YDOC_SERVER_URL,
     'import.meta.vitest': false,
     // Single hardcoded usage of `global` in aws-amplify.
     'global.TYPED_ARRAY_SUPPORT': true,
diff --git a/app/gui2/vitest.config.ts b/app/gui2/vitest.config.ts
index e85c2271f6e7..d9a8f57426d8 100644
--- a/app/gui2/vitest.config.ts
+++ b/app/gui2/vitest.config.ts
@@ -7,7 +7,7 @@ const config = mergeConfig(
   defineConfig({
     test: {
       environment: 'jsdom',
-      includeSource: ['./{src,shared,ydoc-server}/**/*.{ts,vue}'],
+      includeSource: ['./src/**/*.{ts,vue}'],
       exclude: [...configDefaults.exclude, 'e2e/*'],
       root: fileURLToPath(new URL('./', import.meta.url)),
       restoreMocks: true,
diff --git a/app/ydoc-server-nodejs/src/main.ts b/app/ydoc-server-nodejs/src/main.ts
index e549839787e5..2f5ef330a051 100644
--- a/app/ydoc-server-nodejs/src/main.ts
+++ b/app/ydoc-server-nodejs/src/main.ts
@@ -7,7 +7,7 @@ import { createGatewayServer } from 'ydoc-server'
 
 const DEFAULT_PORT = 5976
 const PORT = (process.env.PORT != null && parseInt(process.env.PORT, 10)) || DEFAULT_PORT
-const HOSTNAME = process.env.HOSTNAME ?? 'localhost'
+const HOSTNAME = process.env.GUI_HOSTNAME ?? 'localhost'
 const LANGUAGE_SERVER_URL = process.env.LANGUAGE_SERVER_URL
 
 await runServer()
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 611a28e73b74..73cd4cb124df 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -166,7 +166,7 @@ importers:
         version: 1.45.0
       '@react-types/shared':
         specifier: ^3.22.1
-        version: 3.23.1(react@18.3.1)
+        version: 3.24.1(react@18.3.1)
       '@tanstack/react-query-devtools':
         specifier: 5.45.1
         version: 5.45.1(@tanstack/react-query@5.55.0(react@18.3.1))(react@18.3.1)
@@ -217,7 +217,7 @@ importers:
         version: 1.45.0
       postcss:
         specifier: ^8.4.29
-        version: 8.4.39
+        version: 8.4.45
       prettier-plugin-organize-imports:
         specifier: ^4.0.0
         version: 4.0.0(prettier@3.3.2)(typescript@5.5.3)(vue-tsc@2.0.24(typescript@5.5.3))
@@ -262,7 +262,7 @@ importers:
         version: 30.2.1
       '@babel/parser':
         specifier: ^7.24.7
-        version: 7.24.7
+        version: 7.25.6
       '@codemirror/commands':
         specifier: ^6.6.0
         version: 6.6.0
@@ -329,6 +329,9 @@ importers:
       '@vueuse/core':
         specifier: ^10.4.1
         version: 10.11.0(vue@3.5.2(typescript@5.5.3))
+      '@vueuse/gesture':
+        specifier: ^2.0.0
+        version: 2.0.0(vue@3.5.2(typescript@5.5.3))
       ag-grid-community:
         specifier: ^30.2.1
         version: 30.2.1
@@ -367,7 +370,7 @@ importers:
         version: 0.2.94
       magic-string:
         specifier: ^0.30.3
-        version: 0.30.10
+        version: 0.30.11
       murmurhash:
         specifier: ^2.0.1
         version: 2.0.1
@@ -611,7 +614,7 @@ importers:
         version: 1.5.2
       semver:
         specifier: ^7.6.2
-        version: 7.6.2
+        version: 7.6.3
       string-length:
         specifier: ^5.0.1
         version: 5.0.1
@@ -734,7 +737,7 @@ importers:
     dependencies:
       debug:
         specifier: ^4.3.6
-        version: 4.3.6
+        version: 4.3.7
       fast-diff:
         specifier: ^1.3.0
         version: 1.3.0
@@ -830,7 +833,7 @@ importers:
         version: 4.1.2
       debug:
         specifier: ^4.3.6
-        version: 4.3.6
+        version: 4.3.7
       fast-diff:
         specifier: ^1.3.0
         version: 1.3.0
@@ -1153,26 +1156,14 @@ packages:
     resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.24.7':
-    resolution: {integrity: sha512-qJzAIcv03PyaWqxRgO4mSU3lihncDT296vnyuE2O8uA4w3UHWI4S3hgeZd1L8W1Bft40w9JxJ2b412iDUFFRhw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/compat-data@7.25.4':
     resolution: {integrity: sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.24.7':
-    resolution: {integrity: sha512-nykK+LEK86ahTkX/3TgauT0ikKoNCfKHEaZYTUVupJdTLzGNvrblu4u6fa7DhZONAltdf8e662t/abY8idrd/g==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/core@7.25.2':
     resolution: {integrity: sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.24.7':
-    resolution: {integrity: sha512-oipXieGC3i45Y1A41t4tAqpnEZWgB/lC6Ehh6+rOviR5XWpTtMmLN+fGjz9vOiNRt0p6RtO6DtD0pdU3vpqdSA==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/generator@7.25.6':
     resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
     engines: {node: '>=6.9.0'}
@@ -1181,10 +1172,6 @@ packages:
     resolution: {integrity: sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.24.7':
-    resolution: {integrity: sha512-ctSdRHBi20qWOfy27RUb4Fhp07KSJ3sXcuSvTrXrc4aG8NSYDo1ici3Vhg9bg69y5bj0Mr1lh0aeEgTvc12rMg==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-compilation-targets@7.25.2':
     resolution: {integrity: sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==}
     engines: {node: '>=6.9.0'}
@@ -1203,10 +1190,6 @@ packages:
     resolution: {integrity: sha512-FyoJTsj/PEUWu1/TYRiXTIHc8lbw+TDYkZuoE43opPS5TrI7MyONBE1oNvfguEXAD9yhQRrVBnXdXzSLQl9XnA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-hoist-variables@7.24.7':
-    resolution: {integrity: sha512-MJJwhkoGy5c4ehfoRyrJ/owKeMl19U54h27YYftT0o2teQ3FJ3nQUf/I3LlJsX4l3qlw7WRXUmiyajvHXoTubQ==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-member-expression-to-functions@7.24.7':
     resolution: {integrity: sha512-LGeMaf5JN4hAT471eJdBs/GK1DoYIJ5GCtZN/EsL6KUiiDZOvO/eKE11AMZJa2zP4zk4qe9V2O/hxAmkRc8p6w==}
     engines: {node: '>=6.9.0'}
@@ -1219,12 +1202,6 @@ packages:
     resolution: {integrity: sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-transforms@7.24.7':
-    resolution: {integrity: sha512-1fuJEwIrp+97rM4RWdO+qrRsZlAeL1lQJoPqtCYWv0NL115XM93hIH4CSRln2w52SqvmY5hqdtauB6QFCDiZNQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
   '@babel/helper-module-transforms@7.25.2':
     resolution: {integrity: sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==}
     engines: {node: '>=6.9.0'}
@@ -1265,18 +1242,10 @@ packages:
     resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.24.7':
-    resolution: {integrity: sha512-yy1/KvjhV/ZCL+SM7hBrvnZJ3ZuT9OuZgIJAGpPEToANvc3iM6iDvBnRjtElWibHU6n8/LPR/EjX9EtIEYO3pw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-validator-option@7.24.8':
     resolution: {integrity: sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.24.7':
-    resolution: {integrity: sha512-NlmJJtvcw72yRJRcnCmGvSi+3jDEg8qFu3z0AFoymmzLx5ERVWyzd9kVXr7Th9/8yIJi2Zc6av4Tqz3wFs8QWg==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helpers@7.25.6':
     resolution: {integrity: sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==}
     engines: {node: '>=6.9.0'}
@@ -1285,11 +1254,6 @@ packages:
     resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.24.7':
-    resolution: {integrity: sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-
   '@babel/parser@7.25.6':
     resolution: {integrity: sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==}
     engines: {node: '>=6.0.0'}
@@ -1352,26 +1316,14 @@ packages:
     resolution: {integrity: sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.24.7':
-    resolution: {integrity: sha512-jYqfPrU9JTF0PmPy1tLYHW4Mp4KlgxJD9l2nP9fD6yT/ICi554DmrWBAEYpIelzjHf1msDP3PxJIRt/nFNfBig==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/template@7.25.0':
     resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.24.7':
-    resolution: {integrity: sha512-yb65Ed5S/QAcewNPh0nZczy9JdYXkkAbIsEo+P7BE7yO3txAY30Y/oPa3QkQ5It3xVG2kpKMg9MsdxZaO31uKA==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/traverse@7.25.6':
     resolution: {integrity: sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.24.7':
-    resolution: {integrity: sha512-XEFXSlxiG5td2EJRe8vOmRbaXVgfcBlszKujvVmWIK/UpywWljQCfzAv3RQCGujWQ1RD4YYWEAqDXfuJiy8f5Q==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/types@7.25.6':
     resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
     engines: {node: '>=6.9.0'}
@@ -2058,9 +2010,6 @@ packages:
     resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
     engines: {node: '>=6.0.0'}
 
-  '@jridgewell/sourcemap-codec@1.4.15':
-    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
-
   '@jridgewell/sourcemap-codec@1.5.0':
     resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
 
@@ -2685,11 +2634,6 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0
 
-  '@react-types/shared@3.23.1':
-    resolution: {integrity: sha512-5d+3HbFDxGZjhbMBeFHRQhexMFt4pUce3okyRtUVKbbedQFUrtXSBg9VszgF2RTeQDKDkMCIQDtz5ccP/Lk1gw==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0-rc.1 || ^18.0.0
-
   '@react-types/shared@3.24.1':
     resolution: {integrity: sha512-AUQeGYEm/zDTN6zLzdXolDxz3Jk5dDL7f506F07U8tBwxNNI3WRdhU84G0/AaFikOZzDXhOZDr3MhQMzyE7Ydw==}
     peerDependencies:
@@ -3335,27 +3279,15 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@vue/compiler-core@3.4.31':
-    resolution: {integrity: sha512-skOiodXWTV3DxfDhB4rOf3OGalpITLlgCeOwb+Y9GJpfQ8ErigdBUHomBzvG78JoVE8MJoQsb+qhZiHfKeNeEg==}
-
   '@vue/compiler-core@3.5.2':
     resolution: {integrity: sha512-1aP7FL2GkqfcskHWGg3lfWQpJnrmewKc+rNJ/hq9WNaAw4BEyJ5QbNChnqmbw+tJ409zdy1XWmUeXXMrCKJcQQ==}
 
-  '@vue/compiler-dom@3.4.31':
-    resolution: {integrity: sha512-wK424WMXsG1IGMyDGyLqB+TbmEBFM78hIsOJ9QwUVLGrcSk0ak6zYty7Pj8ftm7nEtdU/DGQxAXp0/lM/2cEpQ==}
-
   '@vue/compiler-dom@3.5.2':
     resolution: {integrity: sha512-QY4DpT8ZIUyu/ZA5gErpSEDocGNEbHmpkZIC/d5jbp/rUF0iOJNigAy3HCCKc0PMMhDlrcysO3ufQ6Ab4MpEcQ==}
 
-  '@vue/compiler-sfc@3.4.31':
-    resolution: {integrity: sha512-einJxqEw8IIJxzmnxmJBuK2usI+lJonl53foq+9etB2HAzlPjAS/wa7r0uUpXw5ByX3/0uswVSrjNb17vJm1kQ==}
-
   '@vue/compiler-sfc@3.5.2':
     resolution: {integrity: sha512-vErEtybSU290LbMW+ChYllI9tNJEdTW1oU+8cZWINZyjlWeTSa9YqDl4/pZJSnozOI+HmcaC1Vz2eFKmXNSXZA==}
 
-  '@vue/compiler-ssr@3.4.31':
-    resolution: {integrity: sha512-RtefmITAje3fJ8FSg1gwgDhdKhZVntIVbwupdyZDSifZTRMiWxWehAOTCc8/KZDnBOcYQ4/9VWxsTbd3wT0hAA==}
-
   '@vue/compiler-ssr@3.5.2':
     resolution: {integrity: sha512-vMtA4tQK/AM3UAYJsmouQzQpgG+h9TKiD5BV+Zt+ZyAMdicxzSEEFGWf/CykRnDpqj9fMfIHPhOezJVNxiXe2A==}
 
@@ -3412,9 +3344,6 @@ packages:
     peerDependencies:
       vue: 3.5.2
 
-  '@vue/shared@3.4.31':
-    resolution: {integrity: sha512-Yp3wtJk//8cO4NItOPpi3QkLExAr/aLBGZMmTtW9WpdwBCJpRM6zj9WgWktXAl8IDIozwNMByT45JP3tO3ACWA==}
-
   '@vue/shared@3.5.2':
     resolution: {integrity: sha512-Ce89WNFBzcDca/AgFTxgX4/K4iAyF7oFIp8Z5aBbFBNbtpwnQr+5pZOoHndxnjE2h+YFcipVMzs9UL11XB6dwA==}
 
@@ -3427,6 +3356,15 @@ packages:
   '@vueuse/core@10.11.0':
     resolution: {integrity: sha512-x3sD4Mkm7PJ+pcq3HX8PLPBadXCAlSDR/waK87dz0gQE+qJnaaFhc/dZVfJz+IUYzTMVGum2QlR7ImiJQN4s6g==}
 
+  '@vueuse/gesture@2.0.0':
+    resolution: {integrity: sha512-+F0bhhd8j+gxHaXG4fJgfokrkFfWenQ10MtrWOJk68B5UaTwtJm4EpsZFiVdluA3jpKExG6H+HtroJpvO7Qx0A==}
+    peerDependencies:
+      '@vue/composition-api': ^1.4.1
+      vue: ^2.0.0 || >=3.0.0-rc.0
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
   '@vueuse/metadata@10.11.0':
     resolution: {integrity: sha512-kQX7l6l8dVWNqlqyN3ePW3KmjCQO3ZMgXuBMddIu83CmucrsBfXlH+JoviYyRBws/yLTQO8g3Pbw+bdIoVm4oQ==}
 
@@ -3623,9 +3561,6 @@ packages:
   async@2.6.4:
     resolution: {integrity: sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==}
 
-  async@3.2.5:
-    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
-
   async@3.2.6:
     resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
 
@@ -3712,11 +3647,6 @@ packages:
     resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
     engines: {node: '>=8'}
 
-  browserslist@4.23.1:
-    resolution: {integrity: sha512-TUfofFo/KsK/bWZ9TWQ5O26tsWW4Uhmt8IYklbnUa70udB6P2wA7w7o4PY4muaEPBQaAX+CEnmmIA41NVHtPVw==}
-    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
-    hasBin: true
-
   browserslist@4.23.3:
     resolution: {integrity: sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -3804,9 +3734,6 @@ packages:
     resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
     engines: {node: '>=10'}
 
-  caniuse-lite@1.0.30001639:
-    resolution: {integrity: sha512-eFHflNTBIlFwP2AIKaYuBQN/apnUoKNhBdza8ZnW/h2di4LCZ4xFqYlxUxo+LQ76KFI1PGcC1QDxMbxTZpSCAg==}
-
   caniuse-lite@1.0.30001658:
     resolution: {integrity: sha512-N2YVqWbJELVdrnsW5p+apoQyYt51aBMSsBZki1XZEfeBCexcM/sf4xiAHcXQBkuOwJBXtWF7aW1sYX6tKebPHw==}
 
@@ -3966,6 +3893,10 @@ packages:
   connected@0.0.2:
     resolution: {integrity: sha512-J8DB7618GkIYjc1RCxSdG3vffhhYRwHNEckjOGfwAbabQIMgKsL5c54IaWtisulEwoOEbEODEUak4kyJP2GJ/Q==}
 
+  consola@3.2.3:
+    resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
   constant-case@3.0.4:
     resolution: {integrity: sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==}
 
@@ -4217,15 +4148,6 @@ packages:
       supports-color:
         optional: true
 
-  debug@4.3.6:
-    resolution: {integrity: sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==}
-    engines: {node: '>=6.0'}
-    peerDependencies:
-      supports-color: '*'
-    peerDependenciesMeta:
-      supports-color:
-        optional: true
-
   debug@4.3.7:
     resolution: {integrity: sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==}
     engines: {node: '>=6.0'}
@@ -4421,9 +4343,6 @@ packages:
   electron-publish@24.13.1:
     resolution: {integrity: sha512-2ZgdEqJ8e9D17Hwp5LEq5mLQPjqU3lv/IALvgp+4W8VeNhryfGhYEQC/PgDPMrnWUp+l60Ou5SJLsu+k4mhQ8A==}
 
-  electron-to-chromium@1.4.815:
-    resolution: {integrity: sha512-OvpTT2ItpOXJL7IGcYakRjHCt8L5GrrN/wHCQsRB4PQa1X9fe+X9oen245mIId7s14xvArCGSTIq644yPUKKLg==}
-
   electron-to-chromium@1.5.16:
     resolution: {integrity: sha512-2gQpi2WYobXmz2q23FrOBYTLcI1O/P4heW3eqX+ldmPVDQELRqhiebV380EhlGG12NtnX1qbK/FHpN0ba+7bLA==}
 
@@ -4540,10 +4459,6 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  escalade@3.1.2:
-    resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
-    engines: {node: '>=6'}
-
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -5765,9 +5680,6 @@ packages:
   magic-bytes.js@1.10.0:
     resolution: {integrity: sha512-/k20Lg2q8LE5xiaaSkMXk4sfvI+9EGEykFS4b0CHHGWqDYU0bGUFSwchNOMA56D7TCs9GwVTkqe9als1/ns8UQ==}
 
-  magic-string@0.30.10:
-    resolution: {integrity: sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==}
-
   magic-string@0.30.11:
     resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==}
 
@@ -5950,9 +5862,6 @@ packages:
   ms@2.0.0:
     resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
 
-  ms@2.1.2:
-    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
-
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
@@ -6020,9 +5929,6 @@ packages:
     resolution: {integrity: sha512-FAyICv0sIRJxVp3GW5fzgaf9jwwRQxAKDJlmNFUL5hOy+W4X/I5AypyHoq0DXXbo9o/gt79gj++4cMr4jVWE/w==}
     engines: {node: '>=4.0.0'}
 
-  node-releases@2.0.14:
-    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
-
   node-releases@2.0.18:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
 
@@ -6252,9 +6158,6 @@ packages:
     resolution: {integrity: sha512-CzFr90qM24ju5f88quFC/6qohjC144rehe5n6DH900lgXmUe86+xCKc10ev56gRKC4/BkHUoG4uSiQgBiIXwDA==}
     deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
 
-  picocolors@1.0.1:
-    resolution: {integrity: sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==}
-
   picocolors@1.1.0:
     resolution: {integrity: sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==}
 
@@ -6368,10 +6271,6 @@ packages:
   postcss-value-parser@4.2.0:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
 
-  postcss@8.4.39:
-    resolution: {integrity: sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==}
-    engines: {node: ^10 || ^12 || >=14}
-
   postcss@8.4.45:
     resolution: {integrity: sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==}
     engines: {node: ^10 || ^12 || >=14}
@@ -6812,11 +6711,6 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  semver@7.6.2:
-    resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   semver@7.6.3:
     resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
     engines: {node: '>=10'}
@@ -7346,11 +7240,9 @@ packages:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
-  update-browserslist-db@1.0.16:
-    resolution: {integrity: sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==}
-    hasBin: true
-    peerDependencies:
-      browserslist: '>= 4.21.0'
+  upath@2.0.1:
+    resolution: {integrity: sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==}
+    engines: {node: '>=4'}
 
   update-browserslist-db@1.1.0:
     resolution: {integrity: sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==}
@@ -7546,17 +7438,6 @@ packages:
       '@vue/composition-api':
         optional: true
 
-  vue-demi@0.14.8:
-    resolution: {integrity: sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==}
-    engines: {node: '>=12'}
-    hasBin: true
-    peerDependencies:
-      '@vue/composition-api': ^1.0.0-rc.1
-      vue: ^3.0.0-0 || ^2.6.0
-    peerDependenciesMeta:
-      '@vue/composition-api':
-        optional: true
-
   vue-eslint-parser@9.4.3:
     resolution: {integrity: sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==}
     engines: {node: ^14.17.0 || >=16.0.0}
@@ -8198,32 +8079,10 @@ snapshots:
   '@babel/code-frame@7.24.7':
     dependencies:
       '@babel/highlight': 7.24.7
-      picocolors: 1.0.1
-
-  '@babel/compat-data@7.24.7': {}
+      picocolors: 1.1.0
 
   '@babel/compat-data@7.25.4': {}
 
-  '@babel/core@7.24.7':
-    dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.24.7
-      '@babel/helper-compilation-targets': 7.24.7
-      '@babel/helper-module-transforms': 7.24.7(@babel/core@7.24.7)
-      '@babel/helpers': 7.24.7
-      '@babel/parser': 7.24.7
-      '@babel/template': 7.24.7
-      '@babel/traverse': 7.24.7
-      '@babel/types': 7.24.7
-      convert-source-map: 2.0.0
-      debug: 4.3.6
-      gensync: 1.0.0-beta.2
-      json5: 2.2.3
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/core@7.25.2':
     dependencies:
       '@ampproject/remapping': 2.3.0
@@ -8244,13 +8103,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/generator@7.24.7':
-    dependencies:
-      '@babel/types': 7.25.6
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
-      jsesc: 2.5.2
-
   '@babel/generator@7.25.6':
     dependencies:
       '@babel/types': 7.25.6
@@ -8262,14 +8114,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.25.6
 
-  '@babel/helper-compilation-targets@7.24.7':
-    dependencies:
-      '@babel/compat-data': 7.24.7
-      '@babel/helper-validator-option': 7.24.7
-      browserslist: 4.23.1
-      lru-cache: 5.1.1
-      semver: 6.3.1
-
   '@babel/helper-compilation-targets@7.25.2':
     dependencies:
       '@babel/compat-data': 7.25.4
@@ -8278,15 +8122,15 @@ snapshots:
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.24.7(@babel/core@7.24.7)':
+  '@babel/helper-create-class-features-plugin@7.24.7(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-annotate-as-pure': 7.24.7
       '@babel/helper-environment-visitor': 7.24.7
       '@babel/helper-function-name': 7.24.7
       '@babel/helper-member-expression-to-functions': 7.24.7
       '@babel/helper-optimise-call-expression': 7.24.7
-      '@babel/helper-replace-supers': 7.24.7(@babel/core@7.24.7)
+      '@babel/helper-replace-supers': 7.24.7(@babel/core@7.25.2)
       '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
       '@babel/helper-split-export-declaration': 7.24.7
       semver: 6.3.1
@@ -8299,16 +8143,12 @@ snapshots:
 
   '@babel/helper-function-name@7.24.7':
     dependencies:
-      '@babel/template': 7.24.7
-      '@babel/types': 7.25.6
-
-  '@babel/helper-hoist-variables@7.24.7':
-    dependencies:
+      '@babel/template': 7.25.0
       '@babel/types': 7.25.6
 
   '@babel/helper-member-expression-to-functions@7.24.7':
     dependencies:
-      '@babel/traverse': 7.24.7
+      '@babel/traverse': 7.25.6
       '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
@@ -8319,22 +8159,11 @@ snapshots:
 
   '@babel/helper-module-imports@7.24.7':
     dependencies:
-      '@babel/traverse': 7.24.7
+      '@babel/traverse': 7.25.6
       '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.24.7(@babel/core@7.24.7)':
-    dependencies:
-      '@babel/core': 7.24.7
-      '@babel/helper-environment-visitor': 7.24.7
-      '@babel/helper-module-imports': 7.24.7
-      '@babel/helper-simple-access': 7.24.7
-      '@babel/helper-split-export-declaration': 7.24.7
-      '@babel/helper-validator-identifier': 7.24.7
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-module-transforms@7.25.2(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
@@ -8351,9 +8180,9 @@ snapshots:
 
   '@babel/helper-plugin-utils@7.24.7': {}
 
-  '@babel/helper-replace-supers@7.24.7(@babel/core@7.24.7)':
+  '@babel/helper-replace-supers@7.24.7(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-environment-visitor': 7.24.7
       '@babel/helper-member-expression-to-functions': 7.24.7
       '@babel/helper-optimise-call-expression': 7.24.7
@@ -8362,14 +8191,14 @@ snapshots:
 
   '@babel/helper-simple-access@7.24.7':
     dependencies:
-      '@babel/traverse': 7.24.7
+      '@babel/traverse': 7.25.6
       '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-skip-transparent-expression-wrappers@7.24.7':
     dependencies:
-      '@babel/traverse': 7.24.7
+      '@babel/traverse': 7.25.6
       '@babel/types': 7.25.6
     transitivePeerDependencies:
       - supports-color
@@ -8382,15 +8211,8 @@ snapshots:
 
   '@babel/helper-validator-identifier@7.24.7': {}
 
-  '@babel/helper-validator-option@7.24.7': {}
-
   '@babel/helper-validator-option@7.24.8': {}
 
-  '@babel/helpers@7.24.7':
-    dependencies:
-      '@babel/template': 7.24.7
-      '@babel/types': 7.25.6
-
   '@babel/helpers@7.25.6':
     dependencies:
       '@babel/template': 7.25.0
@@ -8401,33 +8223,24 @@ snapshots:
       '@babel/helper-validator-identifier': 7.24.7
       chalk: 2.4.2
       js-tokens: 4.0.0
-      picocolors: 1.0.1
-
-  '@babel/parser@7.24.7':
-    dependencies:
-      '@babel/types': 7.24.7
+      picocolors: 1.1.0
 
   '@babel/parser@7.25.6':
     dependencies:
       '@babel/types': 7.25.6
 
-  '@babel/plugin-proposal-decorators@7.24.7(@babel/core@7.24.7)':
+  '@babel/plugin-proposal-decorators@7.24.7(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
-      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.24.7)
+      '@babel/core': 7.25.2
+      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.25.2)
       '@babel/helper-plugin-utils': 7.24.7
-      '@babel/plugin-syntax-decorators': 7.24.7(@babel/core@7.24.7)
+      '@babel/plugin-syntax-decorators': 7.24.7(@babel/core@7.25.2)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-syntax-decorators@7.24.7(@babel/core@7.24.7)':
+  '@babel/plugin-syntax-decorators@7.24.7(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.7
-
-  '@babel/plugin-syntax-import-attributes@7.24.7(@babel/core@7.24.7)':
-    dependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.7
 
   '@babel/plugin-syntax-import-attributes@7.24.7(@babel/core@7.25.2)':
@@ -8435,38 +8248,38 @@ snapshots:
       '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.24.7)':
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-syntax-jsx@7.24.7(@babel/core@7.24.7)':
+  '@babel/plugin-syntax-jsx@7.24.7(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-syntax-typescript@7.24.7(@babel/core@7.24.7)':
+  '@babel/plugin-syntax-typescript@7.24.7(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-react-jsx-self@7.24.7(@babel/core@7.24.7)':
+  '@babel/plugin-transform-react-jsx-self@7.24.7(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-react-jsx-source@7.24.7(@babel/core@7.24.7)':
+  '@babel/plugin-transform-react-jsx-source@7.24.7(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.24.7
 
-  '@babel/plugin-transform-typescript@7.24.7(@babel/core@7.24.7)':
+  '@babel/plugin-transform-typescript@7.24.7(@babel/core@7.25.2)':
     dependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.24.7)
+      '@babel/helper-create-class-features-plugin': 7.24.7(@babel/core@7.25.2)
       '@babel/helper-plugin-utils': 7.24.7
-      '@babel/plugin-syntax-typescript': 7.24.7(@babel/core@7.24.7)
+      '@babel/plugin-syntax-typescript': 7.24.7(@babel/core@7.25.2)
     transitivePeerDependencies:
       - supports-color
 
@@ -8474,33 +8287,12 @@ snapshots:
     dependencies:
       regenerator-runtime: 0.14.1
 
-  '@babel/template@7.24.7':
-    dependencies:
-      '@babel/code-frame': 7.24.7
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
-
   '@babel/template@7.25.0':
     dependencies:
       '@babel/code-frame': 7.24.7
       '@babel/parser': 7.25.6
       '@babel/types': 7.25.6
 
-  '@babel/traverse@7.24.7':
-    dependencies:
-      '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.24.7
-      '@babel/helper-environment-visitor': 7.24.7
-      '@babel/helper-function-name': 7.24.7
-      '@babel/helper-hoist-variables': 7.24.7
-      '@babel/helper-split-export-declaration': 7.24.7
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
-      debug: 4.3.6
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/traverse@7.25.6':
     dependencies:
       '@babel/code-frame': 7.24.7
@@ -8513,12 +8305,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.24.7':
-    dependencies:
-      '@babel/helper-string-parser': 7.24.8
-      '@babel/helper-validator-identifier': 7.24.7
-      to-fast-properties: 2.0.0
-
   '@babel/types@7.25.6':
     dependencies:
       '@babel/helper-string-parser': 7.24.8
@@ -8656,7 +8442,7 @@ snapshots:
 
   '@electron/get@2.0.3':
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
       env-paths: 2.2.1
       fs-extra: 8.1.0
       got: 11.8.6
@@ -8670,7 +8456,7 @@ snapshots:
 
   '@electron/notarize@2.1.0':
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
       fs-extra: 9.1.0
       promise-retry: 2.0.1
     transitivePeerDependencies:
@@ -8678,7 +8464,7 @@ snapshots:
 
   '@electron/notarize@2.2.1':
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
       fs-extra: 9.1.0
       promise-retry: 2.0.1
     transitivePeerDependencies:
@@ -8687,7 +8473,7 @@ snapshots:
   '@electron/osx-sign@1.0.5':
     dependencies:
       compare-version: 0.1.2
-      debug: 4.3.6
+      debug: 4.3.7
       fs-extra: 10.1.0
       isbinaryfile: 4.0.10
       minimist: 1.2.8
@@ -8699,7 +8485,7 @@ snapshots:
     dependencies:
       '@electron/asar': 3.2.10
       '@malept/cross-spawn-promise': 1.1.1
-      debug: 4.3.6
+      debug: 4.3.7
       dir-compare: 3.3.0
       fs-extra: 9.1.0
       minimatch: 3.1.2
@@ -8947,7 +8733,7 @@ snapshots:
   '@eslint/eslintrc@2.1.4':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.6
+      debug: 4.3.7
       espree: 9.6.1
       globals: 13.24.0
       ignore: 5.3.1
@@ -8961,7 +8747,7 @@ snapshots:
   '@eslint/eslintrc@3.1.0':
     dependencies:
       ajv: 6.12.6
-      debug: 4.3.6
+      debug: 4.3.7
       espree: 10.1.0
       globals: 14.0.0
       ignore: 5.3.1
@@ -8998,7 +8784,7 @@ snapshots:
     dependencies:
       '@floating-ui/dom': 1.6.7
       '@floating-ui/utils': 0.2.4
-      vue-demi: 0.14.8(vue@3.5.2(typescript@5.5.3))
+      vue-demi: 0.14.10(vue@3.5.2(typescript@5.5.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
@@ -9073,7 +8859,7 @@ snapshots:
       '@types/markdown-it': 12.2.3
       chokidar: 3.6.0
       pathe: 1.1.2
-      picocolors: 1.0.1
+      picocolors: 1.1.0
       vite: 5.3.5(@types/node@20.11.21)(lightningcss@1.25.1)
 
   '@histoire/vendors@0.17.17': {}
@@ -9085,7 +8871,7 @@ snapshots:
   '@humanwhocodes/config-array@0.11.14':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.3.6
+      debug: 4.3.7
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -9142,21 +8928,19 @@ snapshots:
   '@jridgewell/gen-mapping@0.3.5':
     dependencies:
       '@jridgewell/set-array': 1.2.1
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
       '@jridgewell/trace-mapping': 0.3.25
 
   '@jridgewell/resolve-uri@3.1.2': {}
 
   '@jridgewell/set-array@1.2.1': {}
 
-  '@jridgewell/sourcemap-codec@1.4.15': {}
-
   '@jridgewell/sourcemap-codec@1.5.0': {}
 
   '@jridgewell/trace-mapping@0.3.25':
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
-      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/sourcemap-codec': 1.5.0
 
   '@json-schema-spec/json-pointer@0.1.2': {}
 
@@ -9275,7 +9059,7 @@ snapshots:
 
   '@malept/flatpak-bundler@0.4.0':
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
       fs-extra: 9.1.0
       lodash: 4.17.21
       tmp-promise: 3.0.3
@@ -10279,10 +10063,6 @@ snapshots:
       '@react-types/shared': 3.24.1(react@18.3.1)
       react: 18.3.1
 
-  '@react-types/shared@3.23.1(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-
   '@react-types/shared@3.24.1(react@18.3.1)':
     dependencies:
       react: 18.3.1
@@ -10530,8 +10310,8 @@ snapshots:
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.24.7
-      '@babel/types': 7.24.7
+      '@babel/parser': 7.25.6
+      '@babel/types': 7.25.6
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.6
@@ -10852,7 +10632,7 @@ snapshots:
       '@typescript-eslint/types': 7.15.0
       '@typescript-eslint/typescript-estree': 7.15.0(typescript@5.5.3)
       '@typescript-eslint/visitor-keys': 7.15.0
-      debug: 4.3.6
+      debug: 4.3.7
       eslint: 8.57.0
     optionalDependencies:
       typescript: 5.5.3
@@ -10868,7 +10648,7 @@ snapshots:
     dependencies:
       '@typescript-eslint/typescript-estree': 7.15.0(typescript@5.5.3)
       '@typescript-eslint/utils': 7.15.0(eslint@8.57.0)(typescript@5.5.3)
-      debug: 4.3.6
+      debug: 4.3.7
       eslint: 8.57.0
       ts-api-utils: 1.3.0(typescript@5.5.3)
     optionalDependencies:
@@ -10882,11 +10662,11 @@ snapshots:
     dependencies:
       '@typescript-eslint/types': 7.15.0
       '@typescript-eslint/visitor-keys': 7.15.0
-      debug: 4.3.6
+      debug: 4.3.7
       globby: 11.1.0
       is-glob: 4.0.3
       minimatch: 9.0.5
-      semver: 7.6.2
+      semver: 7.6.3
       ts-api-utils: 1.3.0(typescript@5.5.3)
     optionalDependencies:
       typescript: 5.5.3
@@ -10913,9 +10693,9 @@ snapshots:
 
   '@vitejs/plugin-react@4.3.1(vite@5.3.5(@types/node@20.11.21)(lightningcss@1.25.1))':
     dependencies:
-      '@babel/core': 7.24.7
-      '@babel/plugin-transform-react-jsx-self': 7.24.7(@babel/core@7.24.7)
-      '@babel/plugin-transform-react-jsx-source': 7.24.7(@babel/core@7.24.7)
+      '@babel/core': 7.25.2
+      '@babel/plugin-transform-react-jsx-self': 7.24.7(@babel/core@7.25.2)
+      '@babel/plugin-transform-react-jsx-source': 7.24.7(@babel/core@7.25.2)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
       vite: 5.3.5(@types/node@20.11.21)(lightningcss@1.25.1)
@@ -10931,14 +10711,14 @@ snapshots:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@bcoe/v8-coverage': 0.2.3
-      debug: 4.3.6
+      debug: 4.3.7
       istanbul-lib-coverage: 3.2.2
       istanbul-lib-report: 3.0.1
       istanbul-lib-source-maps: 5.0.5
       istanbul-reports: 3.1.7
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       magicast: 0.3.4
-      picocolors: 1.0.1
+      picocolors: 1.1.0
       std-env: 3.7.0
       strip-literal: 2.1.0
       test-exclude: 6.0.0
@@ -10960,7 +10740,7 @@ snapshots:
 
   '@vitest/snapshot@1.6.0':
     dependencies:
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       pathe: 1.1.2
       pretty-format: 29.7.0
 
@@ -10991,40 +10771,32 @@ snapshots:
 
   '@vue/babel-helper-vue-transform-on@1.2.2': {}
 
-  '@vue/babel-plugin-jsx@1.2.2(@babel/core@7.24.7)':
+  '@vue/babel-plugin-jsx@1.2.2(@babel/core@7.25.2)':
     dependencies:
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.24.7
-      '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.24.7)
-      '@babel/template': 7.24.7
-      '@babel/traverse': 7.24.7
+      '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.25.2)
+      '@babel/template': 7.25.0
+      '@babel/traverse': 7.25.6
       '@babel/types': 7.25.6
       '@vue/babel-helper-vue-transform-on': 1.2.2
-      '@vue/babel-plugin-resolve-type': 1.2.2(@babel/core@7.24.7)
+      '@vue/babel-plugin-resolve-type': 1.2.2(@babel/core@7.25.2)
       camelcase: 6.3.0
       html-tags: 3.3.1
       svg-tags: 1.0.0
     optionalDependencies:
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/babel-plugin-resolve-type@1.2.2(@babel/core@7.24.7)':
+  '@vue/babel-plugin-resolve-type@1.2.2(@babel/core@7.25.2)':
     dependencies:
       '@babel/code-frame': 7.24.7
-      '@babel/core': 7.24.7
+      '@babel/core': 7.25.2
       '@babel/helper-module-imports': 7.22.15
       '@babel/helper-plugin-utils': 7.24.7
       '@babel/parser': 7.25.6
-      '@vue/compiler-sfc': 3.4.31
-
-  '@vue/compiler-core@3.4.31':
-    dependencies:
-      '@babel/parser': 7.25.6
-      '@vue/shared': 3.4.31
-      entities: 4.5.0
-      estree-walker: 2.0.2
-      source-map-js: 1.2.0
+      '@vue/compiler-sfc': 3.5.2
 
   '@vue/compiler-core@3.5.2':
     dependencies:
@@ -11034,28 +10806,11 @@ snapshots:
       estree-walker: 2.0.2
       source-map-js: 1.2.0
 
-  '@vue/compiler-dom@3.4.31':
-    dependencies:
-      '@vue/compiler-core': 3.4.31
-      '@vue/shared': 3.4.31
-
   '@vue/compiler-dom@3.5.2':
     dependencies:
       '@vue/compiler-core': 3.5.2
       '@vue/shared': 3.5.2
 
-  '@vue/compiler-sfc@3.4.31':
-    dependencies:
-      '@babel/parser': 7.25.6
-      '@vue/compiler-core': 3.4.31
-      '@vue/compiler-dom': 3.4.31
-      '@vue/compiler-ssr': 3.4.31
-      '@vue/shared': 3.4.31
-      estree-walker: 2.0.2
-      magic-string: 0.30.10
-      postcss: 8.4.39
-      source-map-js: 1.2.0
-
   '@vue/compiler-sfc@3.5.2':
     dependencies:
       '@babel/parser': 7.25.6
@@ -11068,11 +10823,6 @@ snapshots:
       postcss: 8.4.45
       source-map-js: 1.2.0
 
-  '@vue/compiler-ssr@3.4.31':
-    dependencies:
-      '@vue/compiler-dom': 3.4.31
-      '@vue/shared': 3.4.31
-
   '@vue/compiler-ssr@3.5.2':
     dependencies:
       '@vue/compiler-dom': 3.5.2
@@ -11130,8 +10880,8 @@ snapshots:
   '@vue/language-core@2.0.24(typescript@5.5.3)':
     dependencies:
       '@volar/language-core': 2.4.0-alpha.12
-      '@vue/compiler-dom': 3.4.31
-      '@vue/shared': 3.4.31
+      '@vue/compiler-dom': 3.5.2
+      '@vue/shared': 3.5.2
       computeds: 0.0.1
       minimatch: 9.0.5
       muggle-string: 0.4.1
@@ -11162,8 +10912,6 @@ snapshots:
       '@vue/shared': 3.5.2
       vue: 3.5.2(typescript@5.5.3)
 
-  '@vue/shared@3.4.31': {}
-
   '@vue/shared@3.5.2': {}
 
   '@vue/test-utils@2.4.6':
@@ -11178,11 +10926,19 @@ snapshots:
       '@types/web-bluetooth': 0.0.20
       '@vueuse/metadata': 10.11.0
       '@vueuse/shared': 10.11.0(vue@3.5.2(typescript@5.5.3))
-      vue-demi: 0.14.8(vue@3.5.2(typescript@5.5.3))
+      vue-demi: 0.14.10(vue@3.5.2(typescript@5.5.3))
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
 
+  '@vueuse/gesture@2.0.0(vue@3.5.2(typescript@5.5.3))':
+    dependencies:
+      chokidar: 3.6.0
+      consola: 3.2.3
+      upath: 2.0.1
+      vue: 3.5.2(typescript@5.5.3)
+      vue-demi: 0.14.10(vue@3.5.2(typescript@5.5.3))
+
   '@vueuse/metadata@10.11.0': {}
 
   '@vueuse/shared@10.11.0(vue@3.5.2(typescript@5.5.3))':
@@ -11237,13 +10993,13 @@ snapshots:
 
   agent-base@6.0.2:
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
   agent-base@7.1.1:
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
@@ -11313,7 +11069,7 @@ snapshots:
       builder-util: 24.13.1
       builder-util-runtime: 9.2.4
       chromium-pickle-js: 0.2.0
-      debug: 4.3.6
+      debug: 4.3.7
       dmg-builder: 24.13.3(electron-builder-squirrel-windows@24.13.3)
       ejs: 3.1.10
       electron-builder-squirrel-windows: 24.13.3(dmg-builder@24.13.3)
@@ -11328,7 +11084,7 @@ snapshots:
       minimatch: 5.1.6
       read-config-file: 6.3.2
       sanitize-filename: 1.6.3
-      semver: 7.6.2
+      semver: 7.6.3
       tar: 6.2.1
       temp-file: 3.4.0
     transitivePeerDependencies:
@@ -11464,8 +11220,6 @@ snapshots:
     dependencies:
       lodash: 4.17.21
 
-  async@3.2.5: {}
-
   async@3.2.6: {}
 
   asynckit@0.4.0: {}
@@ -11558,13 +11312,6 @@ snapshots:
     dependencies:
       fill-range: 7.0.1
 
-  browserslist@4.23.1:
-    dependencies:
-      caniuse-lite: 1.0.30001639
-      electron-to-chromium: 1.4.815
-      node-releases: 2.0.14
-      update-browserslist-db: 1.0.16(browserslist@4.23.1)
-
   browserslist@4.23.3:
     dependencies:
       caniuse-lite: 1.0.30001658
@@ -11602,7 +11349,7 @@ snapshots:
 
   builder-util-runtime@9.2.4:
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
       sax: 1.4.1
     transitivePeerDependencies:
       - supports-color
@@ -11616,7 +11363,7 @@ snapshots:
       builder-util-runtime: 9.2.4
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.6
+      debug: 4.3.7
       fs-extra: 10.1.0
       http-proxy-agent: 5.0.0
       https-proxy-agent: 5.0.1
@@ -11671,8 +11418,6 @@ snapshots:
 
   camelcase@6.3.0: {}
 
-  caniuse-lite@1.0.30001639: {}
-
   caniuse-lite@1.0.30001658: {}
 
   capital-case@1.0.4:
@@ -11857,6 +11602,8 @@ snapshots:
 
   connected@0.0.2: {}
 
+  consola@3.2.3: {}
+
   constant-case@3.0.4:
     dependencies:
       no-case: 3.0.4
@@ -12129,11 +11876,7 @@ snapshots:
 
   debug@3.2.7:
     dependencies:
-      ms: 2.1.2
-
-  debug@4.3.6:
-    dependencies:
-      ms: 2.1.2
+      ms: 2.1.3
 
   debug@4.3.7:
     dependencies:
@@ -12317,7 +12060,7 @@ snapshots:
       '@one-ini/wasm': 0.1.1
       commander: 10.0.1
       minimatch: 9.0.1
-      semver: 7.6.2
+      semver: 7.6.3
 
   ee-first@1.1.1: {}
 
@@ -12366,8 +12109,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  electron-to-chromium@1.4.815: {}
-
   electron-to-chromium@1.5.16: {}
 
   electron@31.2.0:
@@ -12607,8 +12348,6 @@ snapshots:
       '@esbuild/win32-ia32': 0.23.0
       '@esbuild/win32-x64': 0.23.0
 
-  escalade@3.1.2: {}
-
   escalade@3.2.0: {}
 
   escape-html@1.0.3: {}
@@ -12626,12 +12365,12 @@ snapshots:
       '@es-joy/jsdoccomment': 0.41.0
       are-docs-informative: 0.0.2
       comment-parser: 1.4.1
-      debug: 4.3.6
+      debug: 4.3.7
       escape-string-regexp: 4.0.0
       eslint: 8.57.0
       esquery: 1.6.0
       is-builtin-module: 3.2.1
-      semver: 7.6.2
+      semver: 7.6.3
       spdx-expression-parse: 4.0.0
     transitivePeerDependencies:
       - supports-color
@@ -12641,12 +12380,12 @@ snapshots:
       '@es-joy/jsdoccomment': 0.46.0
       are-docs-informative: 0.0.2
       comment-parser: 1.4.1
-      debug: 4.3.6
+      debug: 4.3.7
       escape-string-regexp: 4.0.0
       eslint: 8.57.0
       esquery: 1.6.0
       parse-imports: 2.1.1
-      semver: 7.6.2
+      semver: 7.6.3
       spdx-expression-parse: 4.0.0
       synckit: 0.9.1
     transitivePeerDependencies:
@@ -12696,7 +12435,7 @@ snapshots:
       natural-compare: 1.4.0
       nth-check: 2.1.1
       postcss-selector-parser: 6.1.0
-      semver: 7.6.2
+      semver: 7.6.3
       vue-eslint-parser: 9.4.3(eslint@8.57.0)
       xml-name-validator: 4.0.0
     transitivePeerDependencies:
@@ -12724,7 +12463,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.3
-      debug: 4.3.6
+      debug: 4.3.7
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
@@ -12816,7 +12555,7 @@ snapshots:
 
   extract-zip@2.0.1:
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
       get-stream: 5.2.0
       yauzl: 2.10.0
     optionalDependencies:
@@ -13088,7 +12827,7 @@ snapshots:
       es6-error: 4.1.1
       matcher: 3.0.0
       roarr: 2.15.4
-      semver: 7.6.2
+      semver: 7.6.3
       serialize-error: 7.0.1
     optional: true
 
@@ -13225,7 +12964,7 @@ snapshots:
       micromatch: 4.0.5
       mrmime: 1.0.1
       pathe: 1.1.2
-      picocolors: 1.0.1
+      picocolors: 1.1.0
       sade: 1.8.1
       shiki-es: 0.2.0
       sirv: 2.0.4
@@ -13285,14 +13024,14 @@ snapshots:
     dependencies:
       '@tootallnate/once': 2.0.0
       agent-base: 6.0.2
-      debug: 4.3.6
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
   http-proxy-agent@7.0.2:
     dependencies:
       agent-base: 7.1.1
-      debug: 4.3.6
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
@@ -13310,14 +13049,14 @@ snapshots:
   https-proxy-agent@5.0.1:
     dependencies:
       agent-base: 6.0.2
-      debug: 4.3.6
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
   https-proxy-agent@7.0.5:
     dependencies:
       agent-base: 7.1.1
-      debug: 4.3.6
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
@@ -13574,7 +13313,7 @@ snapshots:
   istanbul-lib-source-maps@5.0.5:
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
-      debug: 4.3.6
+      debug: 4.3.7
       istanbul-lib-coverage: 3.2.2
     transitivePeerDependencies:
       - supports-color
@@ -13606,7 +13345,7 @@ snapshots:
 
   jake@10.9.1:
     dependencies:
-      async: 3.2.5
+      async: 3.2.6
       chalk: 4.1.2
       filelist: 1.0.4
       minimatch: 3.1.2
@@ -13764,7 +13503,7 @@ snapshots:
 
   launch-editor@2.8.0:
     dependencies:
-      picocolors: 1.0.1
+      picocolors: 1.1.0
       shell-quote: 1.8.1
 
   lazy-val@1.0.5: {}
@@ -13982,10 +13721,6 @@ snapshots:
 
   magic-bytes.js@1.10.0: {}
 
-  magic-string@0.30.10:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.15
-
   magic-string@0.30.11:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -13993,12 +13728,12 @@ snapshots:
   magicast@0.3.4:
     dependencies:
       '@babel/parser': 7.25.6
-      '@babel/types': 7.24.7
+      '@babel/types': 7.25.6
       source-map-js: 1.2.0
 
   make-dir@4.0.0:
     dependencies:
-      semver: 7.6.2
+      semver: 7.6.3
 
   markdown-it-anchor@8.6.7(@types/markdown-it@12.2.3)(markdown-it@12.3.2):
     dependencies:
@@ -14136,8 +13871,6 @@ snapshots:
 
   ms@2.0.0: {}
 
-  ms@2.1.2: {}
-
   ms@2.1.3: {}
 
   muggle-string@0.4.1: {}
@@ -14175,7 +13908,7 @@ snapshots:
 
   node-abi@3.65.0:
     dependencies:
-      semver: 7.6.2
+      semver: 7.6.3
 
   node-addon-api@1.7.2:
     optional: true
@@ -14197,8 +13930,6 @@ snapshots:
       js-message: 1.0.5
       js-queue: 2.0.0
 
-  node-releases@2.0.14: {}
-
   node-releases@2.0.18: {}
 
   nopt@7.2.1:
@@ -14430,8 +14161,6 @@ snapshots:
 
   phin@2.9.3: {}
 
-  picocolors@1.0.1: {}
-
   picocolors@1.1.0: {}
 
   picomatch@2.3.1: {}
@@ -14486,9 +14215,9 @@ snapshots:
 
   possible-typed-array-names@1.0.0: {}
 
-  postcss-import@15.1.0(postcss@8.4.39):
+  postcss-import@15.1.0(postcss@8.4.45):
     dependencies:
-      postcss: 8.4.39
+      postcss: 8.4.45
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
@@ -14501,21 +14230,21 @@ snapshots:
       postcss: 8.4.45
       postcss-value-parser: 4.2.0
 
-  postcss-js@4.0.1(postcss@8.4.39):
+  postcss-js@4.0.1(postcss@8.4.45):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.39
+      postcss: 8.4.45
 
-  postcss-load-config@4.0.2(postcss@8.4.39):
+  postcss-load-config@4.0.2(postcss@8.4.45):
     dependencies:
       lilconfig: 3.1.2
       yaml: 2.4.5
     optionalDependencies:
-      postcss: 8.4.39
+      postcss: 8.4.45
 
-  postcss-nested@6.0.1(postcss@8.4.39):
+  postcss-nested@6.0.1(postcss@8.4.45):
     dependencies:
-      postcss: 8.4.39
+      postcss: 8.4.45
       postcss-selector-parser: 6.1.0
 
   postcss-nesting@12.1.5(postcss@8.4.45):
@@ -14532,16 +14261,10 @@ snapshots:
 
   postcss-value-parser@4.2.0: {}
 
-  postcss@8.4.39:
-    dependencies:
-      nanoid: 3.3.7
-      picocolors: 1.0.1
-      source-map-js: 1.2.0
-
   postcss@8.4.45:
     dependencies:
       nanoid: 3.3.7
-      picocolors: 1.0.1
+      picocolors: 1.1.0
       source-map-js: 1.2.0
 
   prebuild-install@7.1.2:
@@ -15054,10 +14777,7 @@ snapshots:
 
   semver@6.3.1: {}
 
-  semver@7.6.2: {}
-
-  semver@7.6.3:
-    optional: true
+  semver@7.6.3: {}
 
   sentence-case@3.0.4:
     dependencies:
@@ -15094,7 +14814,7 @@ snapshots:
       detect-libc: 2.0.3
       node-addon-api: 5.1.0
       prebuild-install: 7.1.2
-      semver: 7.6.2
+      semver: 7.6.3
       simple-get: 4.0.1
       tar-fs: 2.1.1
       tunnel-agent: 0.6.0
@@ -15144,7 +14864,7 @@ snapshots:
 
   simple-update-notifier@2.0.0:
     dependencies:
-      semver: 7.6.2
+      semver: 7.6.3
 
   sirv@2.0.4:
     dependencies:
@@ -15352,7 +15072,7 @@ snapshots:
 
   sumchecker@3.0.1:
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
     transitivePeerDependencies:
       - supports-color
 
@@ -15416,12 +15136,12 @@ snapshots:
       micromatch: 4.0.5
       normalize-path: 3.0.0
       object-hash: 3.0.0
-      picocolors: 1.0.1
-      postcss: 8.4.39
-      postcss-import: 15.1.0(postcss@8.4.39)
-      postcss-js: 4.0.1(postcss@8.4.39)
-      postcss-load-config: 4.0.2(postcss@8.4.39)
-      postcss-nested: 6.0.1(postcss@8.4.39)
+      picocolors: 1.1.0
+      postcss: 8.4.45
+      postcss-import: 15.1.0(postcss@8.4.45)
+      postcss-js: 4.0.1(postcss@8.4.45)
+      postcss-load-config: 4.0.2(postcss@8.4.45)
+      postcss-nested: 6.0.1(postcss@8.4.45)
       postcss-selector-parser: 6.1.0
       resolve: 1.22.8
       sucrase: 3.35.0
@@ -15645,11 +15365,7 @@ snapshots:
 
   unpipe@1.0.0: {}
 
-  update-browserslist-db@1.0.16(browserslist@4.23.1):
-    dependencies:
-      browserslist: 4.23.1
-      escalade: 3.1.2
-      picocolors: 1.0.1
+  upath@2.0.1: {}
 
   update-browserslist-db@1.1.0(browserslist@4.23.3):
     dependencies:
@@ -15738,10 +15454,10 @@ snapshots:
   vite-node@0.34.7(@types/node@20.11.21)(lightningcss@1.25.1):
     dependencies:
       cac: 6.7.14
-      debug: 4.3.6
+      debug: 4.3.7
       mlly: 1.7.1
       pathe: 1.1.2
-      picocolors: 1.0.1
+      picocolors: 1.1.0
       vite: 5.3.5(@types/node@20.11.21)(lightningcss@1.25.1)
     transitivePeerDependencies:
       - '@types/node'
@@ -15756,9 +15472,9 @@ snapshots:
   vite-node@1.6.0(@types/node@20.11.21)(lightningcss@1.25.1):
     dependencies:
       cac: 6.7.14
-      debug: 4.3.6
+      debug: 4.3.7
       pathe: 1.1.2
-      picocolors: 1.0.1
+      picocolors: 1.1.0
       vite: 5.3.5(@types/node@20.11.21)(lightningcss@1.25.1)
     transitivePeerDependencies:
       - '@types/node'
@@ -15773,7 +15489,7 @@ snapshots:
   vite-node@2.0.4(@types/node@20.11.21)(lightningcss@1.25.1):
     dependencies:
       cac: 6.7.14
-      debug: 4.3.6
+      debug: 4.3.7
       pathe: 1.1.2
       tinyrainbow: 1.2.0
       vite: 5.3.5(@types/node@20.11.21)(lightningcss@1.25.1)
@@ -15791,12 +15507,12 @@ snapshots:
     dependencies:
       '@antfu/utils': 0.7.10
       '@rollup/pluginutils': 5.1.0(rollup@4.18.1)
-      debug: 4.3.6
+      debug: 4.3.7
       error-stack-parser-es: 0.1.4
       fs-extra: 11.2.0
       open: 10.1.0
       perfect-debounce: 1.0.0
-      picocolors: 1.0.1
+      picocolors: 1.1.0
       sirv: 2.0.4
       vite: 5.3.5(@types/node@20.11.21)(lightningcss@1.25.1)
     transitivePeerDependencies:
@@ -15821,15 +15537,15 @@ snapshots:
 
   vite-plugin-vue-inspector@5.1.3(vite@5.3.5(@types/node@20.11.21)(lightningcss@1.25.1)):
     dependencies:
-      '@babel/core': 7.24.7
-      '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.24.7)
-      '@babel/plugin-syntax-import-attributes': 7.24.7(@babel/core@7.24.7)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.24.7)
-      '@babel/plugin-transform-typescript': 7.24.7(@babel/core@7.24.7)
-      '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.24.7)
-      '@vue/compiler-dom': 3.4.31
+      '@babel/core': 7.25.2
+      '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.25.2)
+      '@babel/plugin-syntax-import-attributes': 7.24.7(@babel/core@7.25.2)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.2)
+      '@babel/plugin-transform-typescript': 7.24.7(@babel/core@7.25.2)
+      '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.25.2)
+      '@vue/compiler-dom': 3.5.2
       kolorist: 1.8.0
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       vite: 5.3.5(@types/node@20.11.21)(lightningcss@1.25.1)
     transitivePeerDependencies:
       - supports-color
@@ -15841,7 +15557,7 @@ snapshots:
   vite@5.3.5(@types/node@20.11.21)(lightningcss@1.25.1):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.4.39
+      postcss: 8.4.45
       rollup: 4.18.1
     optionalDependencies:
       '@types/node': 20.11.21
@@ -15857,12 +15573,12 @@ snapshots:
       '@vitest/utils': 1.6.0
       acorn-walk: 8.3.3
       chai: 4.4.1
-      debug: 4.3.6
+      debug: 4.3.7
       execa: 8.0.1
       local-pkg: 0.5.0
-      magic-string: 0.30.10
+      magic-string: 0.30.11
       pathe: 1.1.2
-      picocolors: 1.0.1
+      picocolors: 1.1.0
       std-env: 3.7.0
       strip-literal: 2.1.0
       tinybench: 2.8.0
@@ -15890,20 +15606,16 @@ snapshots:
     dependencies:
       vue: 3.5.2(typescript@5.5.3)
 
-  vue-demi@0.14.8(vue@3.5.2(typescript@5.5.3)):
-    dependencies:
-      vue: 3.5.2(typescript@5.5.3)
-
   vue-eslint-parser@9.4.3(eslint@8.57.0):
     dependencies:
-      debug: 4.3.6
+      debug: 4.3.7
       eslint: 8.57.0
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
       esquery: 1.6.0
       lodash: 4.17.21
-      semver: 7.6.2
+      semver: 7.6.3
     transitivePeerDependencies:
       - supports-color
 
@@ -15931,7 +15643,7 @@ snapshots:
     dependencies:
       '@volar/typescript': 2.4.0-alpha.12
       '@vue/language-core': 2.0.24(typescript@5.5.3)
-      semver: 7.6.2
+      semver: 7.6.3
       typescript: 5.5.3
 
   vue@3.5.2(typescript@5.5.3):
@@ -16116,7 +15828,7 @@ snapshots:
   yargs@17.6.2:
     dependencies:
       cliui: 8.0.1
-      escalade: 3.1.2
+      escalade: 3.2.0
       get-caller-file: 2.0.5
       require-directory: 2.1.1
       string-width: 4.2.3