APP-618: Upgrade deps and remove mouseover hacks

web/frontend/package.json

@@ -6,41 +6,41 @@
     "@fontsource/space-mono": "^4.5.10",
     "@improbable-eng/grpc-web": "^0.13.0",
     "@mdi/js": "^6.9.96",
-    "@rollup/plugin-alias": "^4.0.0",
-    "@rollup/plugin-commonjs": "^23.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.0",
-    "@viamrobotics/prime": "^0.0.71",
+    "@rollup/plugin-alias": "^4.0.2",
+    "@rollup/plugin-commonjs": "^23.0.2",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@viamrobotics/prime": "^0.0.72",
     "@viamrobotics/rpc": "^0.1.23",
-    "@vitejs/plugin-vue": "^3.1.0",
-    "@vueuse/core": "^8.9.4",
+    "@vitejs/plugin-vue": "^3.1.2",
+    "@vueuse/core": "^9.3.1",
     "eslint-import-resolver-custom-alias": "^1.3.0",
-    "eslint-plugin-tailwindcss": "^3.6.0",
+    "eslint-plugin-tailwindcss": "^3.6.2",
     "google-protobuf": "^3.21.2",
-    "rollup": "^3.2.2",
+    "rollup": "^3.2.3",
     "rollup-plugin-copy": "^3.4.0",
-    "three": "^0.144.0",
+    "three": "^0.145.0",
     "vite": "^3.1.8",
-    "vitest": "^0.18.0",
-    "vue": "^3.2.39",
+    "vitest": "^0.24.3",
+    "vue": "^3.2.41",
     "vue-toast-notification": "^3.0.4",
-    "vue-tsc": "^0.40.13",
+    "vue-tsc": "^1.0.9",
     "vue3-popper": "^1.5.0"
   },
   "devDependencies": {
     "@types/google-protobuf": "^3.15.6",
-    "@types/google.maps": "^3.49.2",
-    "@types/three": "^0.143.2",
-    "@typescript-eslint/eslint-plugin": "^5.30.6",
-    "cypress": "^10.6.0",
-    "eslint": "^8.20.0",
+    "@types/google.maps": "^3.50.4",
+    "@types/three": "^0.144.0",
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
+    "cypress": "^10.10.0",
+    "eslint": "^8.26.0",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-unicorn": "^43.0.1",
-    "eslint-plugin-vue": "^9.2.0",
+    "eslint-plugin-unicorn": "^44.0.2",
+    "eslint-plugin-vue": "^9.6.0",
     "jshashes": "^1.0.8",
-    "postcss": "^8.4.16",
-    "tailwindcss": "^3.1.8",
-    "terser": "^5.15.0",
-    "typescript": "4.7.4"
+    "postcss": "^8.4.18",
+    "tailwindcss": "^3.2.1",
+    "terser": "^5.15.1",
+    "typescript": "4.8.4"
   },
   "scripts": {
     "copy-prime-assets": "node ./scripts/copy-prime-assets.js",

web/frontend/src/components/arm.vue

@@ -181,7 +181,6 @@ const armModifyAll = () => {
     <v-breadcrumbs
       slot="title"
       crumbs="arm"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div
       slot="header"

web/frontend/src/components/audio-input.vue

@@ -41,7 +41,6 @@ const toggleExpand = async () => {
     <v-breadcrumbs
       slot="title"
       crumbs="audio_input"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div class="h-auto border-x border-b border-black p-2">
       <div class="container mx-auto">

web/frontend/src/components/base.vue

@@ -201,7 +201,6 @@ const handleTabSelect = (tab: Tabs) => {
     <v-breadcrumbs
       slot="title"
       crumbs="base"
-      @mouseenter="() => { /* APP-618 */ }"
     />
 
     <v-button

web/frontend/src/components/board.vue

@@ -116,7 +116,6 @@ const setPWMFrequency = () => {
     <v-breadcrumbs
       slot="title"
       crumbs="board"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div class="border border-t-0 border-black p-4">
       <h3 class="mb-2">

web/frontend/src/components/camera.vue

@@ -88,7 +88,6 @@ const exportScreenshot = (cameraName: string) => {
     <v-breadcrumbs
       slot="title"
       crumbs="camera"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div class="h-auto border-x border-b border-black p-2">
       <div class="container mx-auto">

web/frontend/src/components/gamepad.vue

@@ -190,7 +190,6 @@ watch(() => enabled, () => {
     <v-breadcrumbs
       slot="title"
       crumbs="input_controller"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div slot="header">
       <span

web/frontend/src/components/gantry.vue

@@ -46,7 +46,6 @@ const stop = () => {
     <v-breadcrumbs
       slot="title"
       crumbs="gantry"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div
       slot="header"

web/frontend/src/components/gripper.vue

@@ -38,7 +38,6 @@ const grab = () => {
     <v-breadcrumbs
       slot="title"
       crumbs="gripper"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div
       slot="header"

web/frontend/src/components/input-controller.vue

@@ -71,7 +71,6 @@ for (const ctrl of controlOrder) {
     <v-breadcrumbs
       slot="title"
       crumbs="input_controller"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div
       slot="header"

web/frontend/src/components/motor-detail.vue

@@ -112,7 +112,6 @@ const motorStop = () => {
     <v-breadcrumbs
       slot="title"
       crumbs="motor"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div
       slot="header"

web/frontend/src/components/movement-sensor.vue

@@ -125,7 +125,6 @@ onUnmounted(() => {
     <v-breadcrumbs
       slot="title"
       crumbs="movement_sensor"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div class="flex border border-t-0 border-black p-4">
       <template v-if="properties">

web/frontend/src/components/navigation.vue

@@ -269,7 +269,6 @@ onUnmounted(() => {
     <v-breadcrumbs
       slot="title"
       crumbs="navigation"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div class="flex flex-col gap-2 border border-t-0 border-black p-4">
       <div class="flex h-full w-full flex-row items-end gap-2">

web/frontend/src/components/servo.vue

@@ -51,7 +51,6 @@ const move = (amount: number) => {
       <v-breadcrumbs
         slot="title"
         crumbs="servo"
-        @mouseenter="() => { /* APP-618 */ }"
       />
       <v-button
         slot="header"

web/frontend/src/components/slam.vue

@@ -121,7 +121,6 @@ const refreshPCDMap = () => {
     <v-breadcrumbs
       slot="title"
       crumbs="slam"
-      @mouseenter="() => { /* APP-618 */ }"
     />
     <div class="h-auto border-x border-b border-black p-2">
       <div class="container mx-auto">