From 4d04a5ef7040f0b109121e102f30ea0e838595b3 Mon Sep 17 00:00:00 2001
From: Nicolas Pennec <nicolas.pennec@cg-wire.com>
Date: Fri, 19 Jul 2024 11:18:25 +0200
Subject: [PATCH 1/8] [qa] remove useless code

---
 src/App.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 894c572a3..16b784c1e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -701,10 +701,6 @@ body {
   }
 } // End dark theme
 
-#app .router-link-active {
-  color: #00d1b2;
-}
-
 .loading-info {
   background: white;
 }

From 71dc348c6e5349d532b6649613cd96b9e914bff3 Mon Sep 17 00:00:00 2001
From: Nicolas Pennec <nicolas.pennec@cg-wire.com>
Date: Fri, 19 Jul 2024 15:30:14 +0200
Subject: [PATCH 2/8] [qa] unmount the global preview modal if not in use

---
 src/App.vue                         |  3 ++-
 src/components/modals/base_modal.js | 16 +++++++++-------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 16b784c1e..092e2b3fc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,7 +11,8 @@
     <router-view v-else />
 
     <preview-modal
-      :active="previewFileIdToShow.length > 0"
+      v-if="previewFileIdToShow"
+      active
       :preview-file-id="previewFileIdToShow"
       @cancel="() => $store.commit('HIDE_PREVIEW_FILE')"
     />
diff --git a/src/components/modals/base_modal.js b/src/components/modals/base_modal.js
index 8622be3ab..dc571fa5f 100644
--- a/src/components/modals/base_modal.js
+++ b/src/components/modals/base_modal.js
@@ -22,14 +22,16 @@ export const modalMixin = {
 
   watch: {
     /*
-     * Make sure that the keydown event is removed each time, the modla is
-     * hidden.
+     * Make sure that the keydown event is removed each time the modal is hidden.
      */
-    active() {
-      if (this.active) {
-        window.addEventListener('keydown', this.onKeyDown, false)
-      } else {
-        window.removeEventListener('keydown', this.onKeyDown)
+    active: {
+      immediate: true,
+      handler() {
+        if (this.active) {
+          window.addEventListener('keydown', this.onKeyDown, false)
+        } else {
+          window.removeEventListener('keydown', this.onKeyDown)
+        }
       }
     }
   }

From 89631fe244f9ac61f1d09dd975b4063652c3dc23 Mon Sep 17 00:00:00 2001
From: Nicolas Pennec <nicolas.pennec@cg-wire.com>
Date: Fri, 19 Jul 2024 15:31:15 +0200
Subject: [PATCH 3/8] [qa] unmount the shortcuts modal if not in use

---
 src/components/tops/Topbar.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/tops/Topbar.vue b/src/components/tops/Topbar.vue
index edde0d66d..1f8ecf11d 100644
--- a/src/components/tops/Topbar.vue
+++ b/src/components/tops/Topbar.vue
@@ -215,8 +215,9 @@
     </nav>
 
     <shortcut-modal
-      :active="display.shortcutModal"
+      active
       @cancel="display.shortcutModal = false"
+      v-if="display.shortcutModal"
     />
   </div>
 </template>

From b1d115ccdaf79ed67bf5ffa0a29f159bfa723dbe Mon Sep 17 00:00:00 2001
From: Nicolas Pennec <nicolas.pennec@cg-wire.com>
Date: Mon, 22 Jul 2024 09:51:30 +0200
Subject: [PATCH 4/8] [qa] improve and clean topbar widget

---
 src/components/tops/Topbar.vue | 201 +++++++++------------------------
 1 file changed, 55 insertions(+), 146 deletions(-)

diff --git a/src/components/tops/Topbar.vue b/src/components/tops/Topbar.vue
index 1f8ecf11d..ac54e55b6 100644
--- a/src/components/tops/Topbar.vue
+++ b/src/components/tops/Topbar.vue
@@ -1,18 +1,15 @@
 <template>
   <div class="topbar">
     <div
-      id="c-mask-user-menu"
+      class="c-mask-user-menu"
       @click="toggleUserMenu()"
-      :class="{ 'is-active': !isUserMenuHidden }"
+      v-if="!isUserMenuHidden"
     ></div>
 
     <nav class="nav">
       <div class="nav-left">
         <a
           class="studio-logo-wrapper nav-item"
-          :class="{
-            selected: !isSidebarHidden
-          }"
           @click="toggleSidebar()"
           v-if="!isCurrentUserClient"
         >
@@ -122,18 +119,14 @@
         <notification-bell class="nav-item" />
         <div class="nav-item">
           <a
-            class="changelog-button help-button"
+            class="help-button"
             href="https://kitsu.cg-wire.com/"
             target="_blank"
           >
             <help-circle-icon />
           </a>
         </div>
-        <div
-          class="nav-item user-nav"
-          :class="{ active: !isUserMenuHidden }"
-          @click="toggleUserMenu"
-        >
+        <div class="nav-item pointer" @click="toggleUserMenu">
           <people-avatar
             class="avatar"
             :is-lazy="false"
@@ -151,60 +144,58 @@
       }"
     >
       <ul>
-        <router-link to="/profile" @click.native="toggleUserMenu()">
-          <li>
+        <li>
+          <router-link to="/profile" @click.native="toggleUserMenu()">
             {{ $t('main.profile') }}
-          </li>
-        </router-link>
+          </router-link>
+        </li>
         <li @click="toggleDarkTheme">
-          <span v-if="!isDarkTheme">
-            {{ $t('main.dark_theme') }}
-          </span>
-          <span v-else>
-            {{ $t('main.white_theme') }}
-          </span>
+          {{ !isDarkTheme ? $t('main.dark_theme') : $t('main.white_theme') }}
         </li>
         <li @click="setSupportChat(!isSupportChat)">
-          <span v-if="isSupportChat">
-            {{ $t('main.hide_support_chat') }}
-          </span>
-          <span v-else>
-            {{ $t('main.show_support_chat') }}
-          </span>
+          {{
+            isSupportChat
+              ? $t('main.hide_support_chat')
+              : $t('main.show_support_chat')
+          }}
         </li>
         <hr />
-        <a
-          href="https://www.youtube.com/playlist?list=PLp_1gB5ZBHXqnQgZ4TCrAt7smxesaDo29"
-          target="_blank"
-        >
-          <li>
+        <li>
+          <a
+            href="https://www.youtube.com/playlist?list=PLp_1gB5ZBHXqnQgZ4TCrAt7smxesaDo29"
+            target="_blank"
+          >
             {{ $t('main.tutorials') }}
-          </li>
-        </a>
-        <a @click="display.shortcutModal = true">
-          <li>
+          </a>
+        </li>
+        <li>
+          <a @click="display.shortcutModal = true">
             {{ $t('keyboard.shortcuts') }}
-          </li>
-        </a>
+          </a>
+        </li>
         <hr />
-        <a href="https://discord.gg/VbCxtKN" target="_blank">
-          <li>Discord</li>
-        </a>
-        <a href="https://linkedin.com/company/cgwire/" target="_blank">
-          <li>LinkedIn</li>
-        </a>
-        <a href="https://twitter.com/cgwirekitsu" target="_blank">
-          <li>X</li>
-        </a>
-        <a href="https://cgwire.canny.io" target="_blank">
-          <li>Roadmap / Feedback</li>
-        </a>
+        <li>
+          <a href="https://discord.gg/VbCxtKN" target="_blank"> Discord </a>
+        </li>
+        <li>
+          <a href="https://linkedin.com/company/cgwire/" target="_blank">
+            LinkedIn
+          </a>
+        </li>
+        <li>
+          <a href="https://twitter.com/cgwirekitsu" target="_blank"> X </a>
+        </li>
+        <li>
+          <a href="https://cgwire.canny.io" target="_blank">
+            Roadmap / Feedback
+          </a>
+        </li>
         <hr />
-        <a href="https://cg-wire.com/about" target="_blank">
-          <li>
+        <li>
+          <a href="https://cg-wire.com/about" target="_blank">
             {{ $t('main.about') }}
-          </li>
-        </a>
+          </a>
+        </li>
         <li class="version">Kitsu {{ kitsuVersion }}</li>
         <hr />
         <li class="flexrow" @click="onLogoutClicked">
@@ -292,7 +283,6 @@ export default {
       'isCurrentUserSupervisor',
       'isCurrentUserVendor',
       'isDarkTheme',
-      'isSidebarHidden',
       'isSupportChat',
       'isUserMenuHidden',
       'isTVShow',
@@ -561,7 +551,6 @@ export default {
       'incrementNotificationCounter',
       'logout',
       'setProduction',
-      'setCurrentSection',
       'setCurrentEpisode',
       'setSupportChat',
       'toggleDarkTheme',
@@ -890,11 +879,12 @@ export default {
     border-bottom: 1px solid #2f3136;
   }
 
-  .changelog-button {
+  .changelog-button,
+  .help-button {
     color: $grey;
 
     &:hover {
-      color: white;
+      color: $white;
     }
   }
 
@@ -911,25 +901,17 @@ export default {
   position: fixed;
   right: 0;
   z-index: 204;
-}
-
-.avatar {
-  margin-right: 10px;
-  min-width: 40px;
-}
-
-.user-nav {
-  cursor: pointer;
+  border-bottom: 1px solid transparent;
 }
 
 .user-menu {
-  background-color: white;
+  background-color: $white;
   box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);
   border-left: 1px solid $white-grey;
   border-bottom: 1px solid $white-grey;
   border-bottom-left-radius: 10px;
   min-width: 220px;
-  padding: 1em 1em 1em 1em;
+  padding: 10px;
   position: fixed;
   transition: top 0.5s ease;
   right: 0;
@@ -959,53 +941,23 @@ export default {
   color: #333;
 }
 
-#c-mask-user-menu {
+.c-mask-user-menu {
   position: fixed;
   z-index: 202;
   top: 0;
   left: 0;
-  width: 0;
-  height: 0;
-  overflow: hidden;
-  background-color: #000;
-  opacity: 0;
-}
-
-#c-mask-user-menu.is-active {
   width: 100%;
   height: 100%;
-}
-
-.nav-right {
-  padding-right: 0;
-  flex-grow: 0;
-}
-
-.context-selector-label {
-  margin-right: 1em;
-}
-
-.context-selector {
-  margin-top: 23px;
-  margin-right: 1em;
-}
-
-.icon-link {
-  margin: 0 0.5em;
-}
-
-strong {
-  margin-right: 1em;
+  overflow: hidden;
 }
 
 .version {
   color: $grey;
 }
 
-.changelog-button {
-  background: transparent;
+.changelog-button,
+.help-button {
   color: $light-grey;
-  cursor: pointer;
 
   &:hover {
     color: var(--text);
@@ -1013,19 +965,7 @@ strong {
 }
 
 .help-button {
-  background: transparent;
-  color: $light-grey;
-  cursor: pointer;
   margin-top: 3px;
-
-  &:hover {
-    color: var(--text);
-  }
-}
-
-.user-menu {
-  padding: 10px;
-  border-bottom-left-radius: 10px;
 }
 
 .studio-logo-wrapper {
@@ -1041,39 +981,8 @@ strong {
 }
 
 @media screen and (max-width: 768px) {
-  .home-button {
-    display: none;
-  }
-
   .nav-right {
     display: flex;
-    flex: 0;
-  }
-
-  .nav-item {
-    justify-content: right;
-  }
-
-  .user-name {
-    display: none;
-  }
-
-  .avatar {
-    margin-right: 0;
-  }
-
-  .user-menu {
-    right: -160;
-  }
-
-  .icon-link,
-  .context-selector-label {
-    display: none;
-  }
-
-  .field.context-selector {
-    padding: 0;
-    margin-top: 2em;
   }
 }
 </style>

From 94d018f860685ef05bb4499fb57c93fb1455cd22 Mon Sep 17 00:00:00 2001
From: Nicolas Pennec <nicolas.pennec@cg-wire.com>
Date: Mon, 22 Jul 2024 10:02:32 +0200
Subject: [PATCH 5/8] [qa] bump dependencies

---
 package-lock.json | 147 +++++++++++++++++++++-------------------------
 package.json      |   7 +--
 2 files changed, 71 insertions(+), 83 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index db650eb90..cf4fd202f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,14 +15,14 @@
         "@fullcalendar/multimonth": "6.1.15",
         "@fullcalendar/vue": "6.1.15",
         "@google/model-viewer": "3.5.0",
-        "@sentry/vue": "8.18.0",
+        "@sentry/vue": "8.19.0",
         "async": "3.2.5",
         "bowser": "2.11.0",
         "chart.js": "2.9.4",
         "color-hash": "2.0.2",
         "color-string": "1.9.1",
         "fabric": "cgwire/fabric.js",
-        "lucide-vue": "0.408.0",
+        "lucide-vue": "0.414.0",
         "marked": "13.0.2",
         "marked-emoji": "1.4.1",
         "moment": "2.30.1",
@@ -56,7 +56,6 @@
         "wavesurfer.js": "7.8.2"
       },
       "devDependencies": {
-        "@types/vue-feather-icons": "5.0.8",
         "@vitejs/plugin-vue2": "2.3.1",
         "@vue/compiler-sfc": "2.7.16",
         "@vue/test-utils": "1.3.6",
@@ -67,7 +66,7 @@
         "eslint-plugin-vue": "9.27.0",
         "esm": "3.2.25",
         "husky": "8.0.3",
-        "jsdom": "24.1.0",
+        "jsdom": "24.1.1",
         "lint-staged": "15.2.7",
         "localStorage": "1.0.4",
         "prettier": "3.3.3",
@@ -1212,125 +1211,125 @@
       ]
     },
     "node_modules/@sentry-internal/browser-utils": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/browser-utils/-/browser-utils-8.18.0.tgz",
-      "integrity": "sha512-1R7QXp7Gu6ovJGWvGjbgHcDcvDstsQba3miHtUCyDSH9kXtnAVLCAItDkseetFh+JLsjBXf3QFi2H3HPY4hRCw==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/browser-utils/-/browser-utils-8.19.0.tgz",
+      "integrity": "sha512-kM/2KlikKuBR63nFi2q7MGS3V9K9hakjvUknhr/jHZqDVfEuBKmp1ZlHFAdJtglKHHJy07gPj/XqDH7BbYh5yg==",
       "license": "MIT",
       "dependencies": {
-        "@sentry/core": "8.18.0",
-        "@sentry/types": "8.18.0",
-        "@sentry/utils": "8.18.0"
+        "@sentry/core": "8.19.0",
+        "@sentry/types": "8.19.0",
+        "@sentry/utils": "8.19.0"
       },
       "engines": {
         "node": ">=14.18"
       }
     },
     "node_modules/@sentry-internal/feedback": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-8.18.0.tgz",
-      "integrity": "sha512-on6+4ZRkfdnsNgXecGQ6ME8aO26VTzkuM6y/kNN+bG2hSdxsmuU957B4x1Z5wEXiOWswuf3rhqGepg8JIdPkMQ==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/feedback/-/feedback-8.19.0.tgz",
+      "integrity": "sha512-Jc77H8fEaGcBhERc2U/o7Q8CZHvlZLT9vAlzq0ZZR20v/1vwYcJW1ysKfTuvmw22hCR6ukhFNl6pqJocXFVhvA==",
       "license": "MIT",
       "dependencies": {
-        "@sentry/core": "8.18.0",
-        "@sentry/types": "8.18.0",
-        "@sentry/utils": "8.18.0"
+        "@sentry/core": "8.19.0",
+        "@sentry/types": "8.19.0",
+        "@sentry/utils": "8.19.0"
       },
       "engines": {
         "node": ">=14.18"
       }
     },
     "node_modules/@sentry-internal/replay": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/replay/-/replay-8.18.0.tgz",
-      "integrity": "sha512-cCLib/HjD8UR0fB2F5hV6KsFBD6yTOEsi67RBllm5gT5vJt87VYoPliF6O7mmMNw8TWkQ0uc5laKld3q9ph+ug==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/replay/-/replay-8.19.0.tgz",
+      "integrity": "sha512-EW9e1J6XbqXUXQST1AfSIzT9O8OwPyeFOkhkn9/gqOQv08TJvQEIBtWJEoJS+XFMEUuB8IqIzVWNVko/DnGt9A==",
       "license": "MIT",
       "dependencies": {
-        "@sentry-internal/browser-utils": "8.18.0",
-        "@sentry/core": "8.18.0",
-        "@sentry/types": "8.18.0",
-        "@sentry/utils": "8.18.0"
+        "@sentry-internal/browser-utils": "8.19.0",
+        "@sentry/core": "8.19.0",
+        "@sentry/types": "8.19.0",
+        "@sentry/utils": "8.19.0"
       },
       "engines": {
         "node": ">=14.18"
       }
     },
     "node_modules/@sentry-internal/replay-canvas": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-8.18.0.tgz",
-      "integrity": "sha512-fcuLJBrhw3Ql8sU8veUgDCRYo6toQldFU807cpYphQ0uEw2oVZwNNPDQSu1651Ykvp0P/x+9hk/jjJxMohrO9g==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/replay-canvas/-/replay-canvas-8.19.0.tgz",
+      "integrity": "sha512-l4pKJDHrXEctxrK7Xme/+fKToXpGwr/G2t77BzeE1WEw9LwSwADz/hi8HoMdZzuKWriM2BNbz20tpVS84sODxA==",
       "license": "MIT",
       "dependencies": {
-        "@sentry-internal/replay": "8.18.0",
-        "@sentry/core": "8.18.0",
-        "@sentry/types": "8.18.0",
-        "@sentry/utils": "8.18.0"
+        "@sentry-internal/replay": "8.19.0",
+        "@sentry/core": "8.19.0",
+        "@sentry/types": "8.19.0",
+        "@sentry/utils": "8.19.0"
       },
       "engines": {
         "node": ">=14.18"
       }
     },
     "node_modules/@sentry/browser": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-8.18.0.tgz",
-      "integrity": "sha512-E2w9u76JcjxcmgvroJrB7bcbG5oBCYI/pME1CtprBgZSS9mMYDsyBe6JKqGHdw2wvT3xNxNtkm7hf1O6+3NWUQ==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-8.19.0.tgz",
+      "integrity": "sha512-ZC1HxIFm4TIGONyy9MkPG6Dw8IAhzq43t5mq9PqrB1ehuWj8GX6Vk3E26kuc2sydAm4AXbj0562OmvZHsAJpUA==",
       "license": "MIT",
       "dependencies": {
-        "@sentry-internal/browser-utils": "8.18.0",
-        "@sentry-internal/feedback": "8.18.0",
-        "@sentry-internal/replay": "8.18.0",
-        "@sentry-internal/replay-canvas": "8.18.0",
-        "@sentry/core": "8.18.0",
-        "@sentry/types": "8.18.0",
-        "@sentry/utils": "8.18.0"
+        "@sentry-internal/browser-utils": "8.19.0",
+        "@sentry-internal/feedback": "8.19.0",
+        "@sentry-internal/replay": "8.19.0",
+        "@sentry-internal/replay-canvas": "8.19.0",
+        "@sentry/core": "8.19.0",
+        "@sentry/types": "8.19.0",
+        "@sentry/utils": "8.19.0"
       },
       "engines": {
         "node": ">=14.18"
       }
     },
     "node_modules/@sentry/core": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.18.0.tgz",
-      "integrity": "sha512-8moEMC3gp4W6mH9w5amb/zrYk6bNW8WGgcLRMCs5rguxny8YP5i8ISOJ0T0LP9x/RxSK/6xix5D2bzI/5ECzlw==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-8.19.0.tgz",
+      "integrity": "sha512-MrgjsZCEjOJgQjIznnDSrLEy7qL+4LVpNieAvr49cV1rzBNSwGmWRnt/puVaPsLyCUgupVx/43BPUHB/HtKNUw==",
       "license": "MIT",
       "dependencies": {
-        "@sentry/types": "8.18.0",
-        "@sentry/utils": "8.18.0"
+        "@sentry/types": "8.19.0",
+        "@sentry/utils": "8.19.0"
       },
       "engines": {
         "node": ">=14.18"
       }
     },
     "node_modules/@sentry/types": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-8.18.0.tgz",
-      "integrity": "sha512-5J+uOqptnmAnW3Rk31AHIqW36Wzvlo3UOM+p2wjSYGrC/PgcE47Klzr+w4UcOhN6AZqefalGd3vaUXz9NaFdRg==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-8.19.0.tgz",
+      "integrity": "sha512-52C8X5V7mK2KIxMJt8MV5TxXAFHqrQR1RKm1oPTwKVWm8hKr1ZYJXINymNrWvpAc3oVIKLC/sa9WFYgXQh+YlA==",
       "license": "MIT",
       "engines": {
         "node": ">=14.18"
       }
     },
     "node_modules/@sentry/utils": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-8.18.0.tgz",
-      "integrity": "sha512-7wq7cgaeSIGJncl9/2VMu81ZN5ep4lp4H1/+O8+xUxOmnPb/05ZZcbn9/VxVQvIoqZSZdwCLPeBz6PEVukvokA==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-8.19.0.tgz",
+      "integrity": "sha512-8dWJJKaUN6Hf92Oxw2TBmHchGua2W3ZmonrZTTwLvl06jcAigbiQD0MGuF5ytZP8PHx860orV+SbTGKFzfU3Pg==",
       "license": "MIT",
       "dependencies": {
-        "@sentry/types": "8.18.0"
+        "@sentry/types": "8.19.0"
       },
       "engines": {
         "node": ">=14.18"
       }
     },
     "node_modules/@sentry/vue": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@sentry/vue/-/vue-8.18.0.tgz",
-      "integrity": "sha512-0miQFk8MPKmWVLwj1KQ84r/1pk+QW8kbJa8rb9BzqmNzvqSxyec+3dg1Ysd8J9iwAGlB1IfDb2lI2nPExC1Gkg==",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@sentry/vue/-/vue-8.19.0.tgz",
+      "integrity": "sha512-mFb47VINpbG2SJZUkvpq3ouxciRpkMgjMRTrFmYSRryNtovBWBmffnu0bq+2dV4sBGFiu7x2I/NbFAjpHrrhsA==",
       "license": "MIT",
       "dependencies": {
-        "@sentry/browser": "8.18.0",
-        "@sentry/core": "8.18.0",
-        "@sentry/types": "8.18.0",
-        "@sentry/utils": "8.18.0"
+        "@sentry/browser": "8.19.0",
+        "@sentry/core": "8.19.0",
+        "@sentry/types": "8.19.0",
+        "@sentry/utils": "8.19.0"
       },
       "engines": {
         "node": ">=14.18"
@@ -1402,16 +1401,6 @@
       "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
       "license": "MIT"
     },
-    "node_modules/@types/vue-feather-icons": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/@types/vue-feather-icons/-/vue-feather-icons-5.0.8.tgz",
-      "integrity": "sha512-oECs4cljBWswZ25T1s7pWJiVhk2TIl0bx82UmnYLKXHSFuMPGD18uaZ2/DRTTegSP7Do/cDUdmYtpVw5BogAVA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "vue": "^2.0.0"
-      }
-    },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
@@ -4484,9 +4473,9 @@
       }
     },
     "node_modules/jsdom": {
-      "version": "24.1.0",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-24.1.0.tgz",
-      "integrity": "sha512-6gpM7pRXCwIOKxX47cgOyvyQDN/Eh0f1MeKySBV2xGdKtqJBLj8P25eY3EVCWo2mglDDzozR2r2MW4T+JiNUZA==",
+      "version": "24.1.1",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-24.1.1.tgz",
+      "integrity": "sha512-5O1wWV99Jhq4DV7rCLIoZ/UIhyQeDR7wHVyZAHAshbrvZsLs+Xzz7gtwnlJTJDjleiTKh54F4dXrX70vJQTyJQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4496,11 +4485,11 @@
         "form-data": "^4.0.0",
         "html-encoding-sniffer": "^4.0.0",
         "http-proxy-agent": "^7.0.2",
-        "https-proxy-agent": "^7.0.4",
+        "https-proxy-agent": "^7.0.5",
         "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.10",
+        "nwsapi": "^2.2.12",
         "parse5": "^7.1.2",
-        "rrweb-cssom": "^0.7.0",
+        "rrweb-cssom": "^0.7.1",
         "saxes": "^6.0.0",
         "symbol-tree": "^3.2.4",
         "tough-cookie": "^4.1.4",
@@ -4509,7 +4498,7 @@
         "whatwg-encoding": "^3.1.1",
         "whatwg-mimetype": "^4.0.0",
         "whatwg-url": "^14.0.0",
-        "ws": "^8.17.0",
+        "ws": "^8.18.0",
         "xml-name-validator": "^5.0.0"
       },
       "engines": {
@@ -4897,9 +4886,9 @@
       "license": "ISC"
     },
     "node_modules/lucide-vue": {
-      "version": "0.408.0",
-      "resolved": "https://registry.npmjs.org/lucide-vue/-/lucide-vue-0.408.0.tgz",
-      "integrity": "sha512-z2mIwxnS8gfccZ1h9aSlT5XEpp1j0usIWjuqivATFGW6f1HVbDhKAdz5I1kxiOdKN7BQyOEyIHKvEK53je8AGw==",
+      "version": "0.414.0",
+      "resolved": "https://registry.npmjs.org/lucide-vue/-/lucide-vue-0.414.0.tgz",
+      "integrity": "sha512-g9mRQBhSZla3/Dr7hX8i+d9WcP1KdkVJj/xCLR65J7qIRpfP+m0mXchtYWmMDM1VlIrqKKjo5UpS//Z4IG5Y0w==",
       "license": "ISC",
       "peerDependencies": {
         "vue": "^2.6.12"
diff --git a/package.json b/package.json
index c45299b75..c129b7953 100644
--- a/package.json
+++ b/package.json
@@ -24,14 +24,14 @@
     "@fullcalendar/multimonth": "6.1.15",
     "@fullcalendar/vue": "6.1.15",
     "@google/model-viewer": "3.5.0",
-    "@sentry/vue": "8.18.0",
+    "@sentry/vue": "8.19.0",
     "async": "3.2.5",
     "bowser": "2.11.0",
     "chart.js": "2.9.4",
     "color-hash": "2.0.2",
     "color-string": "1.9.1",
     "fabric": "cgwire/fabric.js",
-    "lucide-vue": "0.408.0",
+    "lucide-vue": "0.414.0",
     "marked": "13.0.2",
     "marked-emoji": "1.4.1",
     "moment": "2.30.1",
@@ -65,7 +65,6 @@
     "wavesurfer.js": "7.8.2"
   },
   "devDependencies": {
-    "@types/vue-feather-icons": "5.0.8",
     "@vitejs/plugin-vue2": "2.3.1",
     "@vue/compiler-sfc": "2.7.16",
     "@vue/test-utils": "1.3.6",
@@ -76,7 +75,7 @@
     "eslint-plugin-vue": "9.27.0",
     "esm": "3.2.25",
     "husky": "8.0.3",
-    "jsdom": "24.1.0",
+    "jsdom": "24.1.1",
     "lint-staged": "15.2.7",
     "localStorage": "1.0.4",
     "prettier": "3.3.3",

From f0204d275f5132d69c05b71c9c84cab4ab24e1d1 Mon Sep 17 00:00:00 2001
From: Nicolas Pennec <nicolas.pennec@cg-wire.com>
Date: Mon, 22 Jul 2024 10:49:13 +0200
Subject: [PATCH 6/8] [qa] fix component name

---
 src/components/widgets/RouteSectionTabs.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/widgets/RouteSectionTabs.vue b/src/components/widgets/RouteSectionTabs.vue
index 9ec44c4e8..e9172b97f 100644
--- a/src/components/widgets/RouteSectionTabs.vue
+++ b/src/components/widgets/RouteSectionTabs.vue
@@ -18,7 +18,7 @@
 
 <script>
 export default {
-  name: 'route-tabs',
+  name: 'route-section-tabs',
 
   props: {
     activeTab: {

From 32a8993a243ca2e34adc2d3f7cac5cd454b64090 Mon Sep 17 00:00:00 2001
From: Nicolas Pennec <nicolas.pennec@cg-wire.com>
Date: Mon, 22 Jul 2024 12:44:06 +0200
Subject: [PATCH 7/8] [qa] display errors on Timesheets

---
 src/components/lists/TimeSpentTaskList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/lists/TimeSpentTaskList.vue b/src/components/lists/TimeSpentTaskList.vue
index 1936279be..e68cfcc7e 100644
--- a/src/components/lists/TimeSpentTaskList.vue
+++ b/src/components/lists/TimeSpentTaskList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="data-list">
-    <table-info :is-loading="isLoading" :is-error="isLoadingError" />
+    <table-info :is-loading="isLoading" :is-error="isError" />
 
     <div class="aggregated-time-spents">
       <div
@@ -82,7 +82,7 @@ export default {
       type: Boolean,
       default: false
     },
-    isLoadingError: {
+    isError: {
       type: Boolean,
       default: false
     }

From c1ab147552cc1676d582b484ba84fcf056ad0dfb Mon Sep 17 00:00:00 2001
From: Nicolas Pennec <nicolas.pennec@cg-wire.com>
Date: Mon, 22 Jul 2024 13:37:50 +0200
Subject: [PATCH 8/8] [qa] code typo

---
 src/components/pages/Assets.vue               | 2 +-
 src/components/pages/Breakdown.vue            | 6 +++---
 src/components/pages/Edits.vue                | 2 +-
 src/components/pages/Shots.vue                | 2 +-
 src/components/widgets/ComboboxDepartment.vue | 4 ++--
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/pages/Assets.vue b/src/components/pages/Assets.vue
index 715719635..33f411a59 100644
--- a/src/components/pages/Assets.vue
+++ b/src/components/pages/Assets.vue
@@ -23,7 +23,7 @@
               <combobox-department
                 class="combobox-department flexrow-item"
                 :selectable-departments="selectableDepartments('Asset')"
-                :dispay-all-and-my-departments="true"
+                :display-all-and-my-departments="true"
                 rounded
                 v-model="selectedDepartment"
                 v-if="departments.length > 0"
diff --git a/src/components/pages/Breakdown.vue b/src/components/pages/Breakdown.vue
index 874931254..da8300db3 100644
--- a/src/components/pages/Breakdown.vue
+++ b/src/components/pages/Breakdown.vue
@@ -533,7 +533,7 @@ export default {
     this.isTextMode = preferences.getBoolPreference('breakdown:text-mode')
     window.addEventListener('keydown', this.onKeyDown, false)
 
-    this.resetDispayHeaders()
+    this.resetDisplayHeaders()
     this.resetColumnWidth()
   },
 
@@ -1494,7 +1494,7 @@ export default {
       this.resizedDescriptorId = null
     },
 
-    resetDispayHeaders() {
+    resetDisplayHeaders() {
       if (this.isEpisodeCasting) {
         this.metadataDisplayHeaders = {}
       } else if (this.isShotCasting) {
@@ -1562,7 +1562,7 @@ export default {
           this.assetTypeId = this.castingAssetTypesOptions[0].value
         }
       }
-      this.resetDispayHeaders()
+      this.resetDisplayHeaders()
       this.resetColumnWidth()
     },
 
diff --git a/src/components/pages/Edits.vue b/src/components/pages/Edits.vue
index f5deda492..a66abdd32 100644
--- a/src/components/pages/Edits.vue
+++ b/src/components/pages/Edits.vue
@@ -23,7 +23,7 @@
             <combobox-department
               class="combobox-department flexrow-item"
               :selectable-departments="selectableDepartments('Edit')"
-              :dispay-all-and-my-departments="true"
+              :display-all-and-my-departments="true"
               :width="230"
               rounded
               v-model="selectedDepartment"
diff --git a/src/components/pages/Shots.vue b/src/components/pages/Shots.vue
index 75de0b736..8221f1413 100644
--- a/src/components/pages/Shots.vue
+++ b/src/components/pages/Shots.vue
@@ -29,7 +29,7 @@
               <combobox-department
                 class="combobox-department flexrow-item"
                 :selectable-departments="selectableDepartments('Shot')"
-                :dispay-all-and-my-departments="true"
+                :display-all-and-my-departments="true"
                 rounded
                 v-model="selectedDepartment"
                 v-if="departments.length > 0"
diff --git a/src/components/widgets/ComboboxDepartment.vue b/src/components/widgets/ComboboxDepartment.vue
index c714e8adf..d4d3282ac 100644
--- a/src/components/widgets/ComboboxDepartment.vue
+++ b/src/components/widgets/ComboboxDepartment.vue
@@ -72,7 +72,7 @@ export default {
   },
 
   props: {
-    dispayAllAndMyDepartments: {
+    displayAllAndMyDepartments: {
       default: false,
       type: Boolean
     },
@@ -127,7 +127,7 @@ export default {
     },
 
     departmentList() {
-      if (this.dispayAllAndMyDepartments) {
+      if (this.displayAllAndMyDepartments) {
         const departmentFilter = [
           {
             name: this.$t('tasks.combobox_departments.all_departments'),