diff --git a/components/DetailPane.vue b/components/DetailPane.vue
index db26bb49d..1ce20a6f5 100644
--- a/components/DetailPane.vue
+++ b/components/DetailPane.vue
@@ -3,9 +3,9 @@
     <transition
       enter-active-class="transform transition ease-out duration-300"
       leave-active-class="transform transition ease-in duration-300"
-      enter-class="translate-x-full"
+      enter-from-class="translate-x-full"
       enter-to-class="translate-x-0"
-      leave-class="translate-x-0"
+      leave-from-class="translate-x-0"
       leave-to-class="translate-x-full"
     >
       <div
diff --git a/package.json b/package.json
index 2d1f06f3e..637501eb7 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "@variantjs/core": "^0.0.90",
     "@variantjs/vue": "^0.0.22",
     "@vee-validate/zod": "^4.8.6",
-    "@vue/apollo-composable": "4.0.0-beta.5",
+    "@vue/apollo-composable": "4.0.0-beta.8",
     "@vue/apollo-util": "^4.0.0-beta.6",
     "@vueuse/core": "^10.2.1",
     "@yaireo/tagify": "^4.17.8",
@@ -118,7 +118,7 @@
     "@volar/vue-typescript": "^1.6.5",
     "@vue/compiler-sfc": "^3.3.4",
     "@vue/runtime-dom": "^3.3.4",
-    "@vue/test-utils": "^2.3.2",
+    "@vue/test-utils": "^2.4.0",
     "chromatic": "^6.17.4",
     "concurrently": "^8.1.0",
     "cross-env": "^7.0.3",
@@ -152,7 +152,7 @@
     "vitest": "^0.31.1",
     "vitest-github-actions-reporter": "^0.10.0",
     "vitest-mock-extended": "^1.1.3",
-    "vue-tsc": "^1.7.8"
+    "vue-tsc": "^1.8.4"
   },
   "resolutions": {
     "@types/react": "https://registry.yarnpkg.com/@favware/skip-dependency/-/skip-dependency-1.2.0.tgz",
diff --git a/yarn.lock b/yarn.lock
index b054aa68c..58b3d3f62 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7171,12 +7171,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/language-core@npm:1.6.9":
-  version: 1.6.9
-  resolution: "@volar/language-core@npm:1.6.9"
+"@volar/language-core@npm:1.8.0, @volar/language-core@npm:~1.8.0":
+  version: 1.8.0
+  resolution: "@volar/language-core@npm:1.8.0"
   dependencies:
-    "@volar/source-map": 1.6.9
-  checksum: bdcc04f49d3716b9ecf1ffe0b663548ebc7dd44e26a49154ef3e56c1c99e5abf65402441d858a05207363b873521e0671ea6ee80d772e83bb8d441dc1004c691
+    "@volar/source-map": 1.8.0
+  checksum: f3d0d90a9457929631c2658c77089414fe79bdc68ff1abc750b191bce4a4cec999309b07f3dd75aaf241bb42872c4e12e4b52d667057ef2149bebf92b873595e
   languageName: node
   linkType: hard
 
@@ -7189,12 +7189,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/source-map@npm:1.6.9":
-  version: 1.6.9
-  resolution: "@volar/source-map@npm:1.6.9"
+"@volar/source-map@npm:1.8.0, @volar/source-map@npm:~1.8.0":
+  version: 1.8.0
+  resolution: "@volar/source-map@npm:1.8.0"
   dependencies:
     muggle-string: ^0.3.1
-  checksum: 285b8015ada9d1ae7ae659ebf346abbd5a0c17b064663eb6d92d6ae00f76b168fea0a53d00d4d1b772bfcbd315c86f7c6dba612e963fdc8e571d36f89a2dd56b
+  checksum: 379f85416f7bbe1ffb9ffe1d3b4b6424ee42b3542d10d1c55dcd28f0279f2f0a970bed75e48695f76aaab7ad5e61ead26d6c1aaa276d76180af14a1cbe502c6b
   languageName: node
   linkType: hard
 
@@ -7209,12 +7209,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/typescript@npm:1.6.9":
-  version: 1.6.9
-  resolution: "@volar/typescript@npm:1.6.9"
+"@volar/typescript@npm:~1.8.0":
+  version: 1.8.0
+  resolution: "@volar/typescript@npm:1.8.0"
   dependencies:
-    "@volar/language-core": 1.6.9
-  checksum: c68de4e0e25177f8b21c5ccb5d7f5a0cff25c2a374208fe1dc141e122c4e0125f1ad779d1fd9b3464e3792b6d2b15053eb95a90d1eee983d483ffb02e16de825
+    "@volar/language-core": 1.8.0
+  checksum: 184840c523972a7481685635f7e8dd207b8d2a870a430db76cea34708b779da94af78cc8b07f6b12cd0428a1009a7f981fed32a04a9e37b395cda844daab89c3
   languageName: node
   linkType: hard
 
@@ -7265,9 +7265,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/apollo-composable@npm:4.0.0-beta.5":
-  version: 4.0.0-beta.5
-  resolution: "@vue/apollo-composable@npm:4.0.0-beta.5"
+"@vue/apollo-composable@npm:4.0.0-beta.8":
+  version: 4.0.0-beta.8
+  resolution: "@vue/apollo-composable@npm:4.0.0-beta.8"
   dependencies:
     throttle-debounce: ^3.0.1
     ts-essentials: ^9.1.2
@@ -7280,7 +7280,7 @@ __metadata:
   peerDependenciesMeta:
     "@vue/composition-api":
       optional: true
-  checksum: df82fe2bfb4793f857c1e914b5661094c4fd0448ac8ff0c5b017f743aa82753327d1d9606d095846e21d3ab70948a407a50b081cd4a6ce6cf80b20b5ee19c3a4
+  checksum: da25c39bba90d6f7ad4e433c37a1688f2d6640282fe2fcc8763ed27b1f06a1fb106d13ffc6e1245c3596e0ed57751efb2ce17ba3b97da46c447449ef1f6560dc
   languageName: node
   linkType: hard
 
@@ -7372,12 +7372,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/language-core@npm:1.7.8":
-  version: 1.7.8
-  resolution: "@vue/language-core@npm:1.7.8"
+"@vue/language-core@npm:1.8.4":
+  version: 1.8.4
+  resolution: "@vue/language-core@npm:1.8.4"
   dependencies:
-    "@volar/language-core": 1.6.9
-    "@volar/source-map": 1.6.9
+    "@volar/language-core": ~1.8.0
+    "@volar/source-map": ~1.8.0
     "@vue/compiler-dom": ^3.3.0
     "@vue/reactivity": ^3.3.0
     "@vue/shared": ^3.3.0
@@ -7389,7 +7389,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: c50262b3fe32a18316212a4d6e38c259e04023ac600f40501103a3a4e3b19efec24366cc3438eee17408ac61042d6087550de976c299da22c4d684b498146cd7
+  checksum: d235c253e858096bbdf9862966328b333734927e1c69f06321fc138e1ee9d2ca2d179ccbc2c6ae6f6b64d5936600c23d10d29e5ed50b991067ce88b1b53cf373
   languageName: node
   linkType: hard
 
@@ -7475,13 +7475,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/typescript@npm:1.7.8":
-  version: 1.7.8
-  resolution: "@vue/typescript@npm:1.7.8"
+"@vue/test-utils@npm:^2.4.0":
+  version: 2.4.0
+  resolution: "@vue/test-utils@npm:2.4.0"
+  dependencies:
+    js-beautify: 1.14.6
+    vue-component-type-helpers: 1.6.5
+  peerDependencies:
+    "@vue/compiler-dom": ^3.0.1
+    "@vue/server-renderer": ^3.0.1
+    vue: ^3.0.1
+  peerDependenciesMeta:
+    "@vue/compiler-dom":
+      optional: true
+    "@vue/server-renderer":
+      optional: true
+  checksum: 28b9628cf82b031ad2f948560e508852177eeaf22677dc346792454a32138158e9e219be85e3a01ca4a1c6063d86dfe04a53045ccc0202e0724c328661eeff24
+  languageName: node
+  linkType: hard
+
+"@vue/typescript@npm:1.8.4":
+  version: 1.8.4
+  resolution: "@vue/typescript@npm:1.8.4"
   dependencies:
-    "@volar/typescript": 1.6.9
-    "@vue/language-core": 1.7.8
-  checksum: 1c6d1ffa655d50721e1f719eecc4cb6a7ea5077a790b108aa8402b0147f43818dd61a562b21c46b6a0dd0d4ee2ac1e3008c9c96790481a8731064b7a4d45c207
+    "@volar/typescript": ~1.8.0
+    "@vue/language-core": 1.8.4
+  checksum: 1fbf30ca0981675ef750af92c2eedf802b698810bc97b98fdb22783d17b59b9045b80e70fb6dd4e65b6253689c6f2013c8f79694c914e5eca5ca98ebe0e1bc12
   languageName: node
   linkType: hard
 
@@ -15090,11 +15109,11 @@ __metadata:
     "@vee-validate/zod": ^4.8.6
     "@vitest/coverage-c8": ^0.30.1
     "@volar/vue-typescript": ^1.6.5
-    "@vue/apollo-composable": 4.0.0-beta.5
+    "@vue/apollo-composable": 4.0.0-beta.8
     "@vue/apollo-util": ^4.0.0-beta.6
     "@vue/compiler-sfc": ^3.3.4
     "@vue/runtime-dom": ^3.3.4
-    "@vue/test-utils": ^2.3.2
+    "@vue/test-utils": ^2.4.0
     "@vueuse/core": ^10.2.1
     "@yaireo/tagify": ^4.17.8
     autoprefixer: ^10.4.14
@@ -15149,7 +15168,7 @@ __metadata:
     vitest: ^0.31.1
     vitest-github-actions-reporter: ^0.10.0
     vitest-mock-extended: ^1.1.3
-    vue-tsc: ^1.7.8
+    vue-tsc: ^1.8.4
     zod: ^3.21.4
   languageName: unknown
   linkType: soft
@@ -24381,6 +24400,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue-component-type-helpers@npm:1.6.5":
+  version: 1.6.5
+  resolution: "vue-component-type-helpers@npm:1.6.5"
+  checksum: a7926ade20c31c6b8196b69124e676ec57cd2ec3cfb81eb5ea49efe115f7d679dcf43e2ff8a982b2fc5e16436098b42043301a30898e44d5ad073255bd821d46
+  languageName: node
+  linkType: hard
+
 "vue-component-type-helpers@npm:latest":
   version: 1.8.4
   resolution: "vue-component-type-helpers@npm:1.8.4"
@@ -24493,18 +24519,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vue-tsc@npm:^1.7.8":
-  version: 1.7.8
-  resolution: "vue-tsc@npm:1.7.8"
+"vue-tsc@npm:^1.8.4":
+  version: 1.8.4
+  resolution: "vue-tsc@npm:1.8.4"
   dependencies:
-    "@vue/language-core": 1.7.8
-    "@vue/typescript": 1.7.8
+    "@vue/language-core": 1.8.4
+    "@vue/typescript": 1.8.4
     semver: ^7.3.8
   peerDependencies:
     typescript: "*"
   bin:
     vue-tsc: bin/vue-tsc.js
-  checksum: bc76b5b099b93242ef1ef6f4d548ab24e76d8947013727fbee7d7c781cd49b439901712656f99261cbae696bea2f03d9a04c391c492a158a5cc7aa59956b6e1d
+  checksum: 97df9cefbd784901b01c1cf24a4262feb60d4f665e9f69a763408291199e2ab24a9b03d1183cabea200fb5afde7c9a0de19b82c3e0c0b85ee9685c57f8b240c4
   languageName: node
   linkType: hard