diff --git a/frontend/.prettierrc.js b/frontend/.prettierrc.js
new file mode 100644
index 000000000..96d583c9d
--- /dev/null
+++ b/frontend/.prettierrc.js
@@ -0,0 +1,8 @@
+module.exports = {
+    "importOrder": ["^@/(.*)$", "^[./]" ],
+    "importOrderSeparation": true, 
+    "importOrderSortSpecifiers": true ,
+  "semi": false,
+  "singleQuote": true,
+        "plugins": ["@trivago/prettier-plugin-sort-imports"]
+}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 639e49d02..8cccec445 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -75,6 +75,7 @@
         "@storybook/vue3": "^8.2.2",
         "@storybook/vue3-vite": "^8.1.5",
         "@testing-library/vue": "^8.1.0",
+        "@trivago/prettier-plugin-sort-imports": "^4.3.0",
         "@types/jquery": "^3.5.29",
         "@types/node": "^20.14.10",
         "@vitejs/plugin-vue": "^5.1.1",
@@ -103,7 +104,7 @@
         "ndb": "^1.1.5",
         "node-fetch": "^3.3.2",
         "npm-check-updates": "^16.14.20",
-        "prettier": "3.3.2",
+        "prettier": "^3.3.2",
         "react": "^18.3.1",
         "react-dom": "^18.2.0",
         "sass": "^1.77.6",
@@ -6840,6 +6841,122 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@trivago/prettier-plugin-sort-imports": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-4.3.0.tgz",
+      "integrity": "sha512-r3n0onD3BTOVUNPhR4lhVK4/pABGpbA7bW3eumZnYdKaHkf1qEC+Mag6DPbGNuuh0eG8AaYj+YqmVHSiGslaTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@babel/generator": "7.17.7",
+        "@babel/parser": "^7.20.5",
+        "@babel/traverse": "7.23.2",
+        "@babel/types": "7.17.0",
+        "javascript-natural-sort": "0.7.1",
+        "lodash": "^4.17.21"
+      },
+      "peerDependencies": {
+        "@vue/compiler-sfc": "3.x",
+        "prettier": "2.x - 3.x"
+      },
+      "peerDependenciesMeta": {
+        "@vue/compiler-sfc": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/generator": {
+      "version": "7.17.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.17.7.tgz",
+      "integrity": "sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.17.0",
+        "jsesc": "^2.5.1",
+        "source-map": "^0.5.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.2.tgz",
+      "integrity": "sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.22.13",
+        "@babel/generator": "^7.23.0",
+        "@babel/helper-environment-visitor": "^7.22.20",
+        "@babel/helper-function-name": "^7.23.0",
+        "@babel/helper-hoist-variables": "^7.22.5",
+        "@babel/helper-split-export-declaration": "^7.22.6",
+        "@babel/parser": "^7.23.0",
+        "@babel/types": "^7.23.0",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse/node_modules/@babel/generator": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.25.0.tgz",
+      "integrity": "sha512-3LEEcj3PVW8pW2R1SR1M89g/qrYk/m/mB/tLqn7dn4sbBUQyTqnlod+II2U4dqiGtUmkcnAmkMDralTFZttRiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.25.0",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^2.5.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/traverse/node_modules/@babel/types": {
+      "version": "7.25.2",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.2.tgz",
+      "integrity": "sha512-YTnYtra7W9e6/oAZEHj0bJehPRUlLH9/fbpT5LfB0NhQXyALCRkRs3zH9v07IYhkgpqX6Z78FnuccZr/l4Fs4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.24.8",
+        "@babel/helper-validator-identifier": "^7.24.7",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/types": {
+      "version": "7.17.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.17.0.tgz",
+      "integrity": "sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.16.7",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/@tufjs/canonical-json": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-1.0.0.tgz",
@@ -15377,6 +15494,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/javascript-natural-sort": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/javascript-natural-sort/-/javascript-natural-sort-0.7.1.tgz",
+      "integrity": "sha512-nO6jcEfZWQXDhOiBtG2KvKyEptz7RVbpGP4vTD2hLBdmNQSsCiicO2Ioinv6UI4y9ukqnBpy+XZ9H6uLNgJTlw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/javascript-time-ago": {
       "version": "2.5.10",
       "resolved": "https://registry.npmjs.org/javascript-time-ago/-/javascript-time-ago-2.5.10.tgz",
@@ -20255,6 +20379,7 @@
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.2.tgz",
       "integrity": "sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
diff --git a/frontend/package.json b/frontend/package.json
index b703d3e8f..023f0b969 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -83,6 +83,7 @@
     "@storybook/vue3": "^8.2.2",
     "@storybook/vue3-vite": "^8.1.5",
     "@testing-library/vue": "^8.1.0",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/jquery": "^3.5.29",
     "@types/node": "^20.14.10",
     "@vitejs/plugin-vue": "^5.1.1",
@@ -111,7 +112,7 @@
     "ndb": "^1.1.5",
     "node-fetch": "^3.3.2",
     "npm-check-updates": "^16.14.20",
-    "prettier": "3.3.2",
+    "prettier": "^3.3.2",
     "react": "^18.3.1",
     "react-dom": "^18.2.0",
     "sass": "^1.77.6",
diff --git a/frontend/prettier.config.js b/frontend/prettier.config.js
deleted file mode 100644
index 35fcafaf2..000000000
--- a/frontend/prettier.config.js
+++ /dev/null
@@ -1,4 +0,0 @@
-module.exports = {
-  semi: false,
-  singleQuote: true,
-}
diff --git a/frontend/src/cases/common.js b/frontend/src/cases/common.js
index 171df8a10..e56c71306 100644
--- a/frontend/src/cases/common.js
+++ b/frontend/src/cases/common.js
@@ -1,7 +1,8 @@
+import { computed } from 'vue'
+
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { useCaseListStore } from '@/cases/stores/caseList'
 import { State } from '@/varfish/storeUtils'
-import { computed } from 'vue'
 
 export const overlayShow = computed(() => {
   const caseListStore = useCaseListStore()
diff --git a/frontend/src/cases/common.ts b/frontend/src/cases/common.ts
index cbb9ae735..854b47a88 100644
--- a/frontend/src/cases/common.ts
+++ b/frontend/src/cases/common.ts
@@ -1,10 +1,11 @@
+import { computed } from 'vue'
+
 import {
-  useCaseDetailsStore,
   CaseVariantStatsEntry,
+  useCaseDetailsStore,
 } from '@/cases/stores/caseDetails'
 import { useCaseListStore } from '@/cases/stores/caseList'
 import { State } from '@/varfish/storeUtils'
-import { computed } from 'vue'
 
 export const overlayShow = computed(() => {
   const caseListStore = useCaseListStore()
diff --git a/frontend/src/cases/components/CaseDetail/CardAlignmentQc.vue b/frontend/src/cases/components/CaseDetail/CardAlignmentQc.vue
index c1a7d65d0..bd3c03ce0 100644
--- a/frontend/src/cases/components/CaseDetail/CardAlignmentQc.vue
+++ b/frontend/src/cases/components/CaseDetail/CardAlignmentQc.vue
@@ -2,8 +2,8 @@
 import { computed } from 'vue'
 
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { State } from '@/varfish/storeUtils'
 import { displayName, formatLargeInt } from '@/varfish/helpers'
+import { State } from '@/varfish/storeUtils'
 
 // Store-related.
 
diff --git a/frontend/src/cases/components/CaseDetail/CardAnnotations.vue b/frontend/src/cases/components/CaseDetail/CardAnnotations.vue
index e6fdab0ae..00ea44901 100644
--- a/frontend/src/cases/components/CaseDetail/CardAnnotations.vue
+++ b/frontend/src/cases/components/CaseDetail/CardAnnotations.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
-import { useVariantCommentsStore } from '@/variants/stores/variantComments'
-import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
-import { useSvFlagsStore } from '@/svs/stores/strucvarFlags'
 import { computed } from 'vue'
 
 import CaseDetailsFlagIcon from '@/cases/components/CaseDetail/FlagIcon.vue'
+import { useSvFlagsStore } from '@/svs/stores/strucvarFlags'
+import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
+import { useVariantCommentsStore } from '@/variants/stores/variantComments'
+import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
 
 // Store-related.
 
diff --git a/frontend/src/cases/components/CaseDetail/CardCase.vue b/frontend/src/cases/components/CaseDetail/CardCase.vue
index 5d5999ecb..497909cf4 100644
--- a/frontend/src/cases/components/CaseDetail/CardCase.vue
+++ b/frontend/src/cases/components/CaseDetail/CardCase.vue
@@ -1,14 +1,14 @@
 <script setup>
 import { computed, reactive } from 'vue'
 
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { CaseStates } from '@/cases/stores/caseList'
 import {
   displayName,
+  formatLargeInt,
   formatTime,
   formatTimeAgo,
-  formatLargeInt,
 } from '@/varfish/helpers'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 
 const emit = defineEmits(['editCaseStatusClick', 'editCaseNotesClick'])
 
diff --git a/frontend/src/cases/components/CaseDetail/CardPedigree.vue b/frontend/src/cases/components/CaseDetail/CardPedigree.vue
index 525da7e5c..eea4c10b9 100644
--- a/frontend/src/cases/components/CaseDetail/CardPedigree.vue
+++ b/frontend/src/cases/components/CaseDetail/CardPedigree.vue
@@ -1,9 +1,9 @@
 <script setup>
-import FilterFormGenotypePaneAffected from '@/variants/components/FilterForm/GenotypePaneAffected.vue'
-import FilterFormGenotypePaneSex from '@/variants/components/FilterForm/GenotypePaneSex.vue'
-import { displayName } from '@/varfish/helpers'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { useCaseListStore } from '@/cases/stores/caseList'
+import { displayName } from '@/varfish/helpers'
+import FilterFormGenotypePaneAffected from '@/variants/components/FilterForm/GenotypePaneAffected.vue'
+import FilterFormGenotypePaneSex from '@/variants/components/FilterForm/GenotypePaneSex.vue'
 
 /** Define emits. */
 const emit = defineEmits(['editPedigreeClick'])
diff --git a/frontend/src/cases/components/CaseDetail/CardQueries.vue b/frontend/src/cases/components/CaseDetail/CardQueries.vue
index b226a7826..04f2bb809 100644
--- a/frontend/src/cases/components/CaseDetail/CardQueries.vue
+++ b/frontend/src/cases/components/CaseDetail/CardQueries.vue
@@ -1,9 +1,8 @@
 <script setup>
 import { onMounted, ref, watch } from 'vue'
 
-import { useCaseListStore } from '@/cases/stores/caseList'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-
+import { useCaseListStore } from '@/cases/stores/caseList'
 import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
 
 /** Define emits. */
diff --git a/frontend/src/cases/components/CaseDetail/CardTerms.vue b/frontend/src/cases/components/CaseDetail/CardTerms.vue
index 675c127b4..6d1e50b1b 100644
--- a/frontend/src/cases/components/CaseDetail/CardTerms.vue
+++ b/frontend/src/cases/components/CaseDetail/CardTerms.vue
@@ -1,10 +1,10 @@
 <script setup>
+import { VigunoClient } from '@bihealth/reev-frontend-lib/api/viguno/client'
 import { computed, onMounted, reactive, ref, watch } from 'vue'
 
-import { displayName } from '@/varfish/helpers'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { useCaseListStore } from '@/cases/stores/caseList'
-import { VigunoClient } from '@bihealth/reev-frontend-lib/api/viguno/client'
+import { displayName } from '@/varfish/helpers'
 
 const emit = defineEmits(['updateCasePhenotypeTermsClick'])
 
diff --git a/frontend/src/cases/components/CaseDetail/CardVariantQc.vue b/frontend/src/cases/components/CaseDetail/CardVariantQc.vue
index 0b5d693a0..07a7b558a 100644
--- a/frontend/src/cases/components/CaseDetail/CardVariantQc.vue
+++ b/frontend/src/cases/components/CaseDetail/CardVariantQc.vue
@@ -1,7 +1,7 @@
 <script setup>
-import { State } from '@/varfish/storeUtils'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { displayName, formatLargeInt } from '@/varfish/helpers'
+import { State } from '@/varfish/storeUtils'
 
 const caseDetailsStore = useCaseDetailsStore()
 
diff --git a/frontend/src/cases/components/CaseDetail/Content.vue b/frontend/src/cases/components/CaseDetail/Content.vue
index da472c8d0..ec2796f36 100644
--- a/frontend/src/cases/components/CaseDetail/Content.vue
+++ b/frontend/src/cases/components/CaseDetail/Content.vue
@@ -1,9 +1,9 @@
 <script setup>
+import PaneAnnotations from '@/cases/components/CaseDetail/PaneAnnotations.vue'
 import PaneCase from '@/cases/components/CaseDetail/PaneCase.vue'
-import PaneQc from '@/cases_qc/components/PaneQc.vue'
 import LegacyPaneQc from '@/cases/components/CaseDetail/PaneQc.vue'
-import PaneAnnotations from '@/cases/components/CaseDetail/PaneAnnotations.vue'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import PaneQc from '@/cases_qc/components/PaneQc.vue'
 import { useCaseQcStore } from '@/cases_qc/stores/caseQc'
 
 const props = defineProps({
diff --git a/frontend/src/cases/components/CaseDetail/PaneAnnotations.vue b/frontend/src/cases/components/CaseDetail/PaneAnnotations.vue
index d0d962635..22e182295 100644
--- a/frontend/src/cases/components/CaseDetail/PaneAnnotations.vue
+++ b/frontend/src/cases/components/CaseDetail/PaneAnnotations.vue
@@ -1,8 +1,8 @@
 <script setup>
 import { useRouter } from 'vue-router'
 
-import FilterResultsTable from '@/variants/components/FilterResultsTable.vue'
 import SvFilterResultsTable from '@/svs/components/SvFilterResultsTable.vue'
+import FilterResultsTable from '@/variants/components/FilterResultsTable.vue'
 
 const router = useRouter()
 
diff --git a/frontend/src/cases/components/CaseDetail/PaneCase.vue b/frontend/src/cases/components/CaseDetail/PaneCase.vue
index b750ca6e1..fcd098d23 100644
--- a/frontend/src/cases/components/CaseDetail/PaneCase.vue
+++ b/frontend/src/cases/components/CaseDetail/PaneCase.vue
@@ -1,15 +1,15 @@
 <script setup>
 import CaseDetailCardAlignmentQc from '@/cases/components/CaseDetail/CardAlignmentQc.vue'
 import CaseDetailCardCaseAnnotations from '@/cases/components/CaseDetail/CardAnnotations.vue'
-import CaseDetailCardCaseComments from '@/cases/components/CaseDetail/CardComments.vue'
 import CaseDetailCardCase from '@/cases/components/CaseDetail/CardCase.vue'
+import CaseDetailCardCaseComments from '@/cases/components/CaseDetail/CardComments.vue'
 import CaseDetailCardGeneAnnotations from '@/cases/components/CaseDetail/CardGeneAnnotations.vue'
 import CaseDetailCardPedigree from '@/cases/components/CaseDetail/CardPedigree.vue'
+import CaseDetailCardQueries from '@/cases/components/CaseDetail/CardQueries.vue'
 import CaseDetailCardSvInfo from '@/cases/components/CaseDetail/CardSvInfo.vue'
 import CaseDetailCardTerms from '@/cases/components/CaseDetail/CardTerms.vue'
-import CaseDetailCardVariantQc from '@/cases/components/CaseDetail/CardVariantQc.vue'
 import CaseDetailCardVariantsInfo from '@/cases/components/CaseDetail/CardVariantInfo.vue'
-import CaseDetailCardQueries from '@/cases/components/CaseDetail/CardQueries.vue'
+import CaseDetailCardVariantQc from '@/cases/components/CaseDetail/CardVariantQc.vue'
 
 /** Define emits. */
 const emit = defineEmits([
diff --git a/frontend/src/cases/components/CaseDetail/PaneQc.vue b/frontend/src/cases/components/CaseDetail/PaneQc.vue
index 78cedd15e..3dfe1eab9 100644
--- a/frontend/src/cases/components/CaseDetail/PaneQc.vue
+++ b/frontend/src/cases/components/CaseDetail/PaneQc.vue
@@ -1,18 +1,18 @@
 <script setup>
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { useCaseListStore } from '@/cases/stores/caseList'
 import { computed, reactive } from 'vue'
 
-import QcPlotRelatedness from '@/cases/components/CaseDetail/QcPlotRelatedness.vue'
-import QcPlotDepthHet from '@/cases/components/CaseDetail/QcPlotDepthHet.vue'
+import { downloadPerSampleMetrics, downloadRelatedness } from '@/cases/common'
 import QcPlotChrXRatio from '@/cases/components/CaseDetail/QcPlotChrXRatio.vue'
-import QcPlotVarType from '@/cases/components/CaseDetail/QcPlotVarType.vue'
-import QcPlotVarEffect from '@/cases/components/CaseDetail/QcPlotVarEffect.vue'
+import QcPlotDepthHet from '@/cases/components/CaseDetail/QcPlotDepthHet.vue'
 import QcPlotIndelSize from '@/cases/components/CaseDetail/QcPlotIndelSize.vue'
-import QcTableVarStats from '@/cases/components/CaseDetail/QcTableVarStats.vue'
+import QcPlotRelatedness from '@/cases/components/CaseDetail/QcPlotRelatedness.vue'
+import QcPlotVarEffect from '@/cases/components/CaseDetail/QcPlotVarEffect.vue'
+import QcPlotVarType from '@/cases/components/CaseDetail/QcPlotVarType.vue'
 import QcTableAlignmentStats from '@/cases/components/CaseDetail/QcTableAlignmentStats.vue'
+import QcTableVarStats from '@/cases/components/CaseDetail/QcTableVarStats.vue'
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { useCaseListStore } from '@/cases/stores/caseList'
 import { displayName, quantiles } from '@/varfish/helpers'
-import { downloadPerSampleMetrics, downloadRelatedness } from '@/cases/common'
 
 const caseListStore = useCaseListStore()
 const caseDetailsStore = useCaseDetailsStore()
diff --git a/frontend/src/cases/components/CaseDetail/QcTableAlignmentStats.vue b/frontend/src/cases/components/CaseDetail/QcTableAlignmentStats.vue
index c47f3575f..b392d2e23 100644
--- a/frontend/src/cases/components/CaseDetail/QcTableAlignmentStats.vue
+++ b/frontend/src/cases/components/CaseDetail/QcTableAlignmentStats.vue
@@ -1,8 +1,9 @@
 <script setup>
-import { State } from '@/varfish/storeUtils'
+import { computed } from 'vue'
+
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { displayName, formatLargeInt } from '@/varfish/helpers'
-import { computed } from 'vue'
+import { State } from '@/varfish/storeUtils'
 
 const caseDetailsStore = useCaseDetailsStore()
 
diff --git a/frontend/src/cases/components/CaseDetail/QcTableVarStats.vue b/frontend/src/cases/components/CaseDetail/QcTableVarStats.vue
index aa1dc1be3..2621a1cd0 100644
--- a/frontend/src/cases/components/CaseDetail/QcTableVarStats.vue
+++ b/frontend/src/cases/components/CaseDetail/QcTableVarStats.vue
@@ -1,7 +1,7 @@
 <script setup>
-import { displayName, formatLargeInt } from '@/varfish/helpers'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { tsTvRatio } from '@/cases/common'
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { displayName, formatLargeInt } from '@/varfish/helpers'
 
 const props = defineProps({
   // eslint-disable-next-line vue/require-default-prop
diff --git a/frontend/src/cases/components/CaseListQc/CaseListQc.vue b/frontend/src/cases/components/CaseListQc/CaseListQc.vue
index 35d74f4cb..723e8bb0b 100644
--- a/frontend/src/cases/components/CaseListQc/CaseListQc.vue
+++ b/frontend/src/cases/components/CaseListQc/CaseListQc.vue
@@ -1,14 +1,14 @@
 <script setup>
 import { computed, onMounted } from 'vue'
 
-import { useCaseListStore } from '@/cases/stores/caseList'
-import { useCasesQcStore } from '@/cases/stores/caseListQc'
-import QcPlotRelatedness from '@/cases/components/CaseDetail/QcPlotRelatedness.vue'
-import QcPlotDepthHet from '@/cases/components/CaseDetail/QcPlotDepthHet.vue'
+import { downloadPerSampleMetrics, downloadRelatedness } from '@/cases/common'
 import QcPlotChrXRatio from '@/cases/components/CaseDetail/QcPlotChrXRatio.vue'
+import QcPlotDepthHet from '@/cases/components/CaseDetail/QcPlotDepthHet.vue'
+import QcPlotRelatedness from '@/cases/components/CaseDetail/QcPlotRelatedness.vue'
 import QcTableVarStats from '@/cases/components/CaseDetail/QcTableVarStats.vue'
+import { useCaseListStore } from '@/cases/stores/caseList'
+import { useCasesQcStore } from '@/cases/stores/caseListQc'
 import Overlay from '@/varfish/components/Overlay.vue'
-import { downloadPerSampleMetrics, downloadRelatedness } from '@/cases/common'
 
 // Store-related.
 
diff --git a/frontend/src/cases/components/CaseListTable/CaseListTable.vue b/frontend/src/cases/components/CaseListTable/CaseListTable.vue
index bc53d0e2f..e39971e99 100644
--- a/frontend/src/cases/components/CaseListTable/CaseListTable.vue
+++ b/frontend/src/cases/components/CaseListTable/CaseListTable.vue
@@ -1,13 +1,15 @@
 <script setup lang="ts">
 import { client } from '@hey-api/client-fetch'
 import { CasesService } from '@varfish-org/varfish-api/lib'
-import { useCaseListStore } from '@/cases/stores/caseList'
 import debounce from 'lodash.debounce'
 import { onMounted, ref } from 'vue'
+
+import { useCaseListStore } from '@/cases/stores/caseList'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
 import { formatLargeInt, formatTimeAgo } from '@/varfish/helpers'
-import { Case, SortBy } from './types'
+
 import { getIndividuals } from './lib'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import { Case, SortBy } from './types'
 
 /** Props used in this component. */
 const props = defineProps<{
diff --git a/frontend/src/cases/components/CaseListTable/lib.ts b/frontend/src/cases/components/CaseListTable/lib.ts
index 0a0fbde04..4f971b024 100644
--- a/frontend/src/cases/components/CaseListTable/lib.ts
+++ b/frontend/src/cases/components/CaseListTable/lib.ts
@@ -1,4 +1,5 @@
 import { displayName } from '@/varfish/helpers'
+
 import { PedigreeMember } from './types'
 
 /** Get comma-separated string with individual names. */
diff --git a/frontend/src/cases/components/ModalPedigreeEditor.vue b/frontend/src/cases/components/ModalPedigreeEditor.vue
index 319ce3bb7..f11cee82b 100644
--- a/frontend/src/cases/components/ModalPedigreeEditor.vue
+++ b/frontend/src/cases/components/ModalPedigreeEditor.vue
@@ -8,14 +8,12 @@
  * or use the Promise returned by show with its resolve function.  Both the event and the resolve
  * function will be passed the input and the "props.extraData" value.
  */
-
-import { onMounted, reactive, ref } from 'vue'
-
 import { useVuelidate } from '@vuelidate/core'
+import { onMounted, reactive, ref } from 'vue'
 
-import ModalBase from '@/varfish/components/ModalBase.vue'
 import Row from '@/cases/components/ModalPedigreeEditor/Row.vue'
 import { randomString } from '@/varfish/common'
+import ModalBase from '@/varfish/components/ModalBase.vue'
 import { copy } from '@/varfish/helpers'
 
 const props = defineProps({
diff --git a/frontend/src/cases/components/ModalPedigreeEditor/Row.vue b/frontend/src/cases/components/ModalPedigreeEditor/Row.vue
index 578e20a05..7daf1ee25 100644
--- a/frontend/src/cases/components/ModalPedigreeEditor/Row.vue
+++ b/frontend/src/cases/components/ModalPedigreeEditor/Row.vue
@@ -4,7 +4,8 @@
  */
 import { useVuelidate } from '@vuelidate/core'
 import { helpers } from '@vuelidate/validators'
-import { onMounted, computed } from 'vue'
+import { computed, onMounted } from 'vue'
+
 import { displayName } from '@/varfish/helpers'
 
 /** Define the props. */
diff --git a/frontend/src/cases/components/ModalTermsEditor.vue b/frontend/src/cases/components/ModalTermsEditor.vue
index e9867fca0..ec7d89e2c 100644
--- a/frontend/src/cases/components/ModalTermsEditor.vue
+++ b/frontend/src/cases/components/ModalTermsEditor.vue
@@ -8,14 +8,13 @@
  * or use the Promise returned by show with its resolve function.  Both the event and the resolve
  * function will be passed the input and the "props.extraData" value.
  */
+import { useVuelidate } from '@vuelidate/core'
+import { computed, onMounted, reactive, ref } from 'vue'
 
-import { onMounted, computed, reactive, ref } from 'vue'
-
-import ModalBase from '@/varfish/components/ModalBase.vue'
-import HpoTermInput from '@/variants/components/HpoTermInput.vue'
 import { randomString } from '@/varfish/common'
-import { useVuelidate } from '@vuelidate/core'
+import ModalBase from '@/varfish/components/ModalBase.vue'
 import { copy } from '@/varfish/helpers'
+import HpoTermInput from '@/variants/components/HpoTermInput.vue'
 
 const props = defineProps({
   title: {
diff --git a/frontend/src/cases/components/TheAppBar/TheAppBar.vue b/frontend/src/cases/components/TheAppBar/TheAppBar.vue
index 106ca826b..68ebd622b 100644
--- a/frontend/src/cases/components/TheAppBar/TheAppBar.vue
+++ b/frontend/src/cases/components/TheAppBar/TheAppBar.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue'
+
 import VarFishLogo from '@/varfish/components/VarFishLogo.vue'
 
 /** The props used in this component. */
diff --git a/frontend/src/cases/main.ts b/frontend/src/cases/main.ts
index 400b28ec2..4a887c8c8 100644
--- a/frontend/src/cases/main.ts
+++ b/frontend/src/cases/main.ts
@@ -1,7 +1,9 @@
-import App from '@/cases/App.vue'
+import 'bootstrap'
 import { createApp, nextTick } from 'vue'
+
+import App from '@/cases/App.vue'
+
 import { registerPlugins } from './plugins'
-import 'bootstrap'
 
 declare global {
   interface Window {
diff --git a/frontend/src/cases/plugins/index.ts b/frontend/src/cases/plugins/index.ts
index 7a0413402..b0b81286e 100644
--- a/frontend/src/cases/plugins/index.ts
+++ b/frontend/src/cases/plugins/index.ts
@@ -1,10 +1,10 @@
 import type { App } from 'vue'
 
 import { router } from '../router'
-import { vuetify } from './vuetify'
-import { pinia } from './pinia'
 import { client as _ } from './heyApi'
+import { pinia } from './pinia'
 import { setupBackendUrls } from './reevFrontend'
+import { vuetify } from './vuetify'
 
 export async function registerPlugins(app: App) {
   setupBackendUrls()
diff --git a/frontend/src/cases/plugins/vuetify.ts b/frontend/src/cases/plugins/vuetify.ts
index 5a39f289c..138735cf8 100644
--- a/frontend/src/cases/plugins/vuetify.ts
+++ b/frontend/src/cases/plugins/vuetify.ts
@@ -7,11 +7,12 @@
 import '@mdi/font/css/materialdesignicons.css'
 // Composables
 import { type ThemeDefinition, createVuetify } from 'vuetify'
-import { VSnackbarQueue } from 'vuetify/labs/VSnackbarQueue'
-import { VNumberInput } from 'vuetify/labs/VNumberInput'
-import { aliases, mdi } from 'vuetify/iconsets/mdi'
 import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
+import { aliases, mdi } from 'vuetify/iconsets/mdi'
+import { VNumberInput } from 'vuetify/labs/VNumberInput'
+import { VSnackbarQueue } from 'vuetify/labs/VSnackbarQueue'
+
 import '../styles/main.scss'
 
 const customLightTheme: ThemeDefinition = {
diff --git a/frontend/src/cases/router/index.ts b/frontend/src/cases/router/index.ts
index b581f16b2..00aaa1463 100644
--- a/frontend/src/cases/router/index.ts
+++ b/frontend/src/cases/router/index.ts
@@ -1,19 +1,20 @@
-import StrucvarDetails from '@/svs/views/StrucvarDetails/StrucvarDetails.vue'
-import StrucvarFilterLegacy from '@/svs/views/StrucvarFilterLegacy/StrucvarFilterLegacy.vue'
-import { useHistoryStore } from '@/varfish/stores/history'
-import SeqvarFilterLegacy from '@/variants/views/SeqvarFilterLegacy/SeqvarFilterLegacy.vue'
-import SeqvarsQuery from '@/seqvars/views/SeqvarsQuery/SeqvarsQuery.vue'
-import SeqvarDetails from '@/variants/views/SeqvarDetails/SeqvarDetails.vue'
+import { nextTick } from 'vue'
 import {
   RouteLocationNormalized,
   RouteLocationNormalizedLoaded,
+  RouteRecordRaw,
   createRouter,
   createWebHistory,
-  RouteRecordRaw,
 } from 'vue-router'
-import { nextTick } from 'vue'
-import { useCtxStore } from '@/varfish/stores/ctx/store'
+
 import { Tab as CaseListTab } from '@/cases/views/CaseList/types'
+import SeqvarsQuery from '@/seqvars/views/SeqvarsQuery/SeqvarsQuery.vue'
+import StrucvarDetails from '@/svs/views/StrucvarDetails/StrucvarDetails.vue'
+import StrucvarFilterLegacy from '@/svs/views/StrucvarFilterLegacy/StrucvarFilterLegacy.vue'
+import { useCtxStore } from '@/varfish/stores/ctx/store'
+import { useHistoryStore } from '@/varfish/stores/history'
+import SeqvarDetails from '@/variants/views/SeqvarDetails/SeqvarDetails.vue'
+import SeqvarFilterLegacy from '@/variants/views/SeqvarFilterLegacy/SeqvarFilterLegacy.vue'
 
 const CaseDetail = () => import('@/cases/views/CaseDetail/CaseDetail.vue')
 const CaseList = () => import('@/cases/views/CaseList/CaseList.vue')
diff --git a/frontend/src/cases/stores/caseDetails.ts b/frontend/src/cases/stores/caseDetails.ts
index 0714a9e96..36f37ac45 100644
--- a/frontend/src/cases/stores/caseDetails.ts
+++ b/frontend/src/cases/stores/caseDetails.ts
@@ -6,17 +6,15 @@
  *
  * - `caseListStore`
  */
-
 import { defineStore } from 'pinia'
 import { computed, reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
-
 import { CaseClient } from '@/cases/api/caseClient'
 import { useCaseListStore } from '@/cases/stores/caseList'
 import { displayName } from '@/varfish/helpers'
-import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
+import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
 
 /** Alias definition of Case type; to be defined later. */
 export type Case = any
diff --git a/frontend/src/cases/stores/caseList.ts b/frontend/src/cases/stores/caseList.ts
index 4402471f1..b30771d99 100644
--- a/frontend/src/cases/stores/caseList.ts
+++ b/frontend/src/cases/stores/caseList.ts
@@ -2,12 +2,11 @@
  *
  * Holds the major app state as well as the overall case list.
  */
-
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
 import { CaseListClient } from '@/cases/api/caseListClient'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
 
 /** Alias definition of Project type; to be defined later. */
diff --git a/frontend/src/cases/stores/caseListQc.ts b/frontend/src/cases/stores/caseListQc.ts
index ca2564356..a77aacd62 100644
--- a/frontend/src/cases/stores/caseListQc.ts
+++ b/frontend/src/cases/stores/caseListQc.ts
@@ -6,14 +6,12 @@
  *
  * - `caseListStore`
  */
-
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
-
-import { StoreState, State } from '@/varfish/storeUtils'
+import { reactive, ref } from 'vue'
 
 import { CaseListClient } from '@/cases/api/caseListClient'
 import { useCaseListStore } from '@/cases/stores/caseList'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
 
 /** Alias definition of CaseListQcValues type; to be defined later. */
diff --git a/frontend/src/cases/views/CaseDetail/CaseDetail.vue b/frontend/src/cases/views/CaseDetail/CaseDetail.vue
index c41d38bdc..5037b0a03 100644
--- a/frontend/src/cases/views/CaseDetail/CaseDetail.vue
+++ b/frontend/src/cases/views/CaseDetail/CaseDetail.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { useCaseListStore } from '@/cases/stores/caseList'
+import { onBeforeMount, ref, watch } from 'vue'
+
 import TheAppBar from '@/cases/components/TheAppBar/TheAppBar.vue'
 import TheNavBar from '@/cases/components/TheNavBar/TheNavBar.vue'
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { useCaseListStore } from '@/cases/stores/caseList'
+
 import CaseDetailPane from './CaseDetailPane.vue'
-import { onBeforeMount, ref, watch } from 'vue'
 
 const paneRef = ref<typeof CaseDetailPane | undefined>(undefined)
 
diff --git a/frontend/src/cases/views/CaseDetail/CaseDetailPane.vue b/frontend/src/cases/views/CaseDetail/CaseDetailPane.vue
index 577676498..527908be1 100644
--- a/frontend/src/cases/views/CaseDetail/CaseDetailPane.vue
+++ b/frontend/src/cases/views/CaseDetail/CaseDetailPane.vue
@@ -1,34 +1,33 @@
 <script setup>
 import $ from 'jquery'
-import { onMounted, nextTick, ref, watch } from 'vue'
-import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
-import { useCaseListStore } from '@/cases/stores/caseList'
+import { nextTick, onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
+
+import { overlayMessage, overlayShow } from '@/cases/common'
+import Content from '@/cases/components/CaseDetail/Content.vue'
+import ModalPedigreeEditor from '@/cases/components/ModalPedigreeEditor.vue'
+import ModalTermsEditor from '@/cases/components/ModalTermsEditor.vue'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { useCaseListStore } from '@/cases/stores/caseList'
 import { useCaseQcStore } from '@/cases_qc/stores/caseQc'
-import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
-import { useVariantCommentsStore } from '@/variants/stores/variantComments'
-import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
-import { useVariantResultSetStore } from '@/variants/stores/variantResultSet'
-import { useSvResultSetStore } from '@/svs/stores/svResultSet'
-import { useSvFlagsStore } from '@/svs/stores/strucvarFlags'
-import { useSvCommentsStore } from '@/svs/stores/svComments'
-import { overlayShow, overlayMessage } from '@/cases/common'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { useCaseAnalysisStore } from '@/seqvars/stores/caseAnalysis'
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { useSeqvarsQueryStore } from '@/seqvars/stores/query'
-import { useCtxStore } from '@/varfish/stores/ctx'
-import { useRouter } from 'vue-router'
-
-import ModalSelect from '@/varfish/components/ModalSelect.vue'
-import ModalInput from '@/varfish/components/ModalInput.vue'
+import { useSvFlagsStore } from '@/svs/stores/strucvarFlags'
+import { useSvCommentsStore } from '@/svs/stores/svComments'
+import { useSvResultSetStore } from '@/svs/stores/svResultSet'
 import ModalConfirm from '@/varfish/components/ModalConfirm.vue'
+import ModalInput from '@/varfish/components/ModalInput.vue'
+import ModalSelect from '@/varfish/components/ModalSelect.vue'
 import Overlay from '@/varfish/components/Overlay.vue'
 import Toast from '@/varfish/components/Toast.vue'
+import { useCtxStore } from '@/varfish/stores/ctx'
 import { updateUserSetting } from '@/varfish/userSettings'
-
-import Content from '@/cases/components/CaseDetail/Content.vue'
-import ModalPedigreeEditor from '@/cases/components/ModalPedigreeEditor.vue'
-import ModalTermsEditor from '@/cases/components/ModalTermsEditor.vue'
+import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
+import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
+import { useVariantCommentsStore } from '@/variants/stores/variantComments'
+import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
+import { useVariantResultSetStore } from '@/variants/stores/variantResultSet'
 
 const props = defineProps({
   /** The project UUID. */
diff --git a/frontend/src/cases/views/CaseList/CaseList.vue b/frontend/src/cases/views/CaseList/CaseList.vue
index fe4098e98..31c4c4b7c 100644
--- a/frontend/src/cases/views/CaseList/CaseList.vue
+++ b/frontend/src/cases/views/CaseList/CaseList.vue
@@ -1,16 +1,16 @@
 <script setup lang="ts">
-import { watch, onMounted, ref } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 
-import CaseListTable from '@/cases/components/CaseListTable/CaseListTable.vue'
 import CaseListQc from '@/cases/components/CaseListQc/CaseListQc.vue'
-import { Tab } from './types'
-import QueryPresets from '@/variants/components/QueryPresets.vue'
+import CaseListTable from '@/cases/components/CaseListTable/CaseListTable.vue'
 import TheAppBar from '@/cases/components/TheAppBar/TheAppBar.vue'
 import TheNavBar from '@/cases/components/TheNavBar/TheNavBar.vue'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
-
 import { useCaseListStore } from '@/cases/stores/caseList'
 import { useProjectStore } from '@/cases/stores/project/store'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import QueryPresets from '@/variants/components/QueryPresets.vue'
+
+import { Tab } from './types'
 
 const props = defineProps<{
   /** The project UUID. */
diff --git a/frontend/src/cases_qc/api/caseQcClient.ts b/frontend/src/cases_qc/api/caseQcClient.ts
index d143fc52d..295b2f7eb 100644
--- a/frontend/src/cases_qc/api/caseQcClient.ts
+++ b/frontend/src/cases_qc/api/caseQcClient.ts
@@ -1,5 +1,5 @@
-import { ClientBase } from '@/varfish/apiUtils'
 import { VarfishStats } from '@/cases_qc/api/types'
+import { ClientBase } from '@/varfish/apiUtils'
 
 /**
  * Class for accessing the case REST API.
diff --git a/frontend/src/cases_qc/components/PaneQc.vue b/frontend/src/cases_qc/components/PaneQc.vue
index 715dcb931..b1489e9c2 100644
--- a/frontend/src/cases_qc/components/PaneQc.vue
+++ b/frontend/src/cases_qc/components/PaneQc.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-import AlignmentsSummaryCard from '@/cases_qc/components/PaneQc/AlignmentsSummaryCard.vue'
+import { type VarfishStats } from '@/cases_qc/api/types'
 import AlignmentsCoverageCard from '@/cases_qc/components/PaneQc/AlignmentsCoverageCard.vue'
 import AlignmentsFragmentHistCard from '@/cases_qc/components/PaneQc/AlignmentsFragmentHistCard.vue'
+import AlignmentsSummaryCard from '@/cases_qc/components/PaneQc/AlignmentsSummaryCard.vue'
 import ReadsCard from '@/cases_qc/components/PaneQc/ReadsCard.vue'
 import SeqvarCard from '@/cases_qc/components/PaneQc/SeqvarCard.vue'
 import StrucvarCard from '@/cases_qc/components/PaneQc/StrucvarCard.vue'
-import { type VarfishStats } from '@/cases_qc/api/types'
 
 export interface Props {
   stats?: VarfishStats | null
diff --git a/frontend/src/cases_qc/components/PaneQc/AlignmentsCoverageCard.vue b/frontend/src/cases_qc/components/PaneQc/AlignmentsCoverageCard.vue
index 989a16cf7..2a8a80bc8 100644
--- a/frontend/src/cases_qc/components/PaneQc/AlignmentsCoverageCard.vue
+++ b/frontend/src/cases_qc/components/PaneQc/AlignmentsCoverageCard.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
 /** Display per-region coverage card from alignment stats
  */
+import { computed, ref, watch } from 'vue'
+
 import { type SampleAlignmentStats } from '@/cases_qc/api/types'
 import SimpleCard from '@/varfish/components/SimpleCard.vue'
-import { computed, ref, watch } from 'vue'
 
 export interface Props {
   sampleNames: string[]
diff --git a/frontend/src/cases_qc/components/PaneQc/AlignmentsFragmentHistCard.vue b/frontend/src/cases_qc/components/PaneQc/AlignmentsFragmentHistCard.vue
index 1a29e4412..445603f80 100644
--- a/frontend/src/cases_qc/components/PaneQc/AlignmentsFragmentHistCard.vue
+++ b/frontend/src/cases_qc/components/PaneQc/AlignmentsFragmentHistCard.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 /** Display summary read statistics for all samples in a table.
  */
+import { computed } from 'vue'
+
 import { type SampleAlignmentStats } from '@/cases_qc/api/types'
-import SimpleCard from '@/varfish/components/SimpleCard.vue'
 import DistDensPlot from '@/cases_qc/components/DistDensPlot.vue'
-import { computed } from 'vue'
+import SimpleCard from '@/varfish/components/SimpleCard.vue'
 
 export interface Props {
   sampleNames: string[]
diff --git a/frontend/src/cases_qc/components/PaneQc/AlignmentsSummaryCard.vue b/frontend/src/cases_qc/components/PaneQc/AlignmentsSummaryCard.vue
index dd96b4929..f7f8c61ab 100644
--- a/frontend/src/cases_qc/components/PaneQc/AlignmentsSummaryCard.vue
+++ b/frontend/src/cases_qc/components/PaneQc/AlignmentsSummaryCard.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 /** Display summary read statistics for all samples in a table.
  */
+import { computed } from 'vue'
+
 import { type SampleAlignmentStats } from '@/cases_qc/api/types'
-import { zip } from '@/variants/components/AcmgRatingCard/lib'
 import SimpleCard from '@/varfish/components/SimpleCard.vue'
-import { computed } from 'vue'
+import { zip } from '@/variants/components/AcmgRatingCard/lib'
 
 export interface Props {
   sampleNames: string[]
diff --git a/frontend/src/cases_qc/components/PaneQc/ReadsCard.vue b/frontend/src/cases_qc/components/PaneQc/ReadsCard.vue
index 9b69c76eb..86f54a58a 100644
--- a/frontend/src/cases_qc/components/PaneQc/ReadsCard.vue
+++ b/frontend/src/cases_qc/components/PaneQc/ReadsCard.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
 /** Display summary read statistics for all samples in a table.
  */
+import { computed } from 'vue'
+
 import { type SampleReadStats } from '@/cases_qc/api/types'
 import SimpleCard from '@/varfish/components/SimpleCard.vue'
-import { computed } from 'vue'
 
 export interface Props {
   sampleNames: string[]
diff --git a/frontend/src/cases_qc/components/PaneQc/SeqvarCard.vue b/frontend/src/cases_qc/components/PaneQc/SeqvarCard.vue
index 59df644d8..dc88b0c8a 100644
--- a/frontend/src/cases_qc/components/PaneQc/SeqvarCard.vue
+++ b/frontend/src/cases_qc/components/PaneQc/SeqvarCard.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
 /** Display summary squence variant statistics for all samples in a table.
  */
+import { computed } from 'vue'
+
 import { type SampleSeqvarStats } from '@/cases_qc/api/types'
 import SimpleCard from '@/varfish/components/SimpleCard.vue'
-import { computed } from 'vue'
 
 export interface Props {
   sampleNames: string[]
diff --git a/frontend/src/cases_qc/components/PaneQc/StrucvarCard.vue b/frontend/src/cases_qc/components/PaneQc/StrucvarCard.vue
index e6d4c416f..a8afef71b 100644
--- a/frontend/src/cases_qc/components/PaneQc/StrucvarCard.vue
+++ b/frontend/src/cases_qc/components/PaneQc/StrucvarCard.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
 /** Display summary squence variant statistics for all samples in a table.
  */
+import { computed } from 'vue'
+
 import { type SampleStrucvarStats } from '@/cases_qc/api/types'
 import SimpleCard from '@/varfish/components/SimpleCard.vue'
-import { computed } from 'vue'
 
 export interface Props {
   sampleNames: string[]
diff --git a/frontend/src/cases_qc/stores/caseQc.ts b/frontend/src/cases_qc/stores/caseQc.ts
index 553a7a657..ecce06f34 100644
--- a/frontend/src/cases_qc/stores/caseQc.ts
+++ b/frontend/src/cases_qc/stores/caseQc.ts
@@ -1,10 +1,10 @@
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { CaseQcClient } from '@/cases_qc/api/caseQcClient'
-import { StoreState, State } from '@/varfish/storeUtils'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { CaseQcClient } from '@/cases_qc/api/caseQcClient'
 import { type VarfishStats } from '@/cases_qc/api/types'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
 
 export const useCaseQcStore = defineStore('caseQc', () => {
diff --git a/frontend/src/cohorts/common.js b/frontend/src/cohorts/common.js
index 5baffa6bf..956f33a49 100644
--- a/frontend/src/cohorts/common.js
+++ b/frontend/src/cohorts/common.js
@@ -1,7 +1,8 @@
+import { computed, nextTick, onMounted, watch } from 'vue'
+
 import { useCohortsStore } from '@/cohorts/stores/cohorts'
 import { StoreState } from '@/varfish/storeUtils'
 import { updateUserSetting } from '@/varfish/userSettings'
-import { computed, nextTick, onMounted, watch } from 'vue'
 
 export const overlayShow = computed(() => {
   const cohortsStore = useCohortsStore()
diff --git a/frontend/src/cohorts/components/CohortList.vue b/frontend/src/cohorts/components/CohortList.vue
index 8bee7ce56..866897e39 100644
--- a/frontend/src/cohorts/components/CohortList.vue
+++ b/frontend/src/cohorts/components/CohortList.vue
@@ -1,14 +1,13 @@
 <script setup>
 import { computed, ref } from 'vue'
 
-import Toast from '@/varfish/components/Toast.vue'
-
 import { connectTopRowControls } from '@/cohorts/common'
 import Header from '@/cohorts/components/CohortList/Header.vue'
 import Table from '@/cohorts/components/CohortList/Table.vue'
 import ModalCohortEditor from '@/cohorts/components/ModalCohortEditor.vue'
 import { useCohortsStore } from '@/cohorts/stores/cohorts'
 import Overlay from '@/varfish/components/Overlay.vue'
+import Toast from '@/varfish/components/Toast.vue'
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const props = defineProps({})
diff --git a/frontend/src/cohorts/components/CohortList/Table.vue b/frontend/src/cohorts/components/CohortList/Table.vue
index b35cd0f6d..a74d70b9a 100644
--- a/frontend/src/cohorts/components/CohortList/Table.vue
+++ b/frontend/src/cohorts/components/CohortList/Table.vue
@@ -1,15 +1,14 @@
 <script setup>
-import 'vue3-easy-data-table/dist/style.css'
-import EasyDataTable from 'vue3-easy-data-table'
-import { onMounted, ref, watch } from 'vue'
 import debounce from 'lodash.debounce'
-
-import { formatTimeAgo } from '@/varfish/helpers'
-import ModalConfirm from '@/varfish/components/ModalConfirm.vue'
-import Toast from '@/varfish/components/Toast.vue'
+import { onMounted, ref, watch } from 'vue'
+import EasyDataTable from 'vue3-easy-data-table'
+import 'vue3-easy-data-table/dist/style.css'
 
 import ModalCohortEditor from '@/cohorts/components/ModalCohortEditor.vue'
 import { useCohortsStore } from '@/cohorts/stores/cohorts'
+import ModalConfirm from '@/varfish/components/ModalConfirm.vue'
+import Toast from '@/varfish/components/Toast.vue'
+import { formatTimeAgo } from '@/varfish/helpers'
 
 const cohortsStore = useCohortsStore()
 
diff --git a/frontend/src/cohorts/components/ModalCohortEditor.vue b/frontend/src/cohorts/components/ModalCohortEditor.vue
index 18f0a2c4f..fb5bb2cc9 100644
--- a/frontend/src/cohorts/components/ModalCohortEditor.vue
+++ b/frontend/src/cohorts/components/ModalCohortEditor.vue
@@ -8,13 +8,13 @@
  * or use the Promise returned by show with its resolve function.  Both the event and the resolve
  * function will be passed the input and the "props.extraData" value.
  */
-
-import { onMounted, reactive, ref, computed } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
 import { required } from '@vuelidate/validators'
+import { helpers } from '@vuelidate/validators'
+import { computed, onMounted, reactive, ref } from 'vue'
 
-import ModalBase from '@/varfish/components/ModalBase.vue'
 import { randomString } from '@/varfish/common'
+import ModalBase from '@/varfish/components/ModalBase.vue'
 import { copy } from '@/varfish/helpers'
 
 const props = defineProps({
@@ -117,8 +117,6 @@ const onCancel = () => {
   }
 }
 
-import { helpers } from '@vuelidate/validators'
-
 const selectAtLeastTwoCases = helpers.withMessage(
   'Select at least two cases',
   (value) => value.length > 1,
diff --git a/frontend/src/cohorts/main.js b/frontend/src/cohorts/main.js
index 2d858442e..d6c5da88c 100644
--- a/frontend/src/cohorts/main.js
+++ b/frontend/src/cohorts/main.js
@@ -1,11 +1,12 @@
-import App from '@/cohorts/App.vue'
 import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 import { createRouter, createWebHashHistory } from 'vue-router'
-const CohortList = () => import('./components/CohortList.vue')
 
+import App from '@/cohorts/App.vue'
 import { useCohortsStore } from '@/cohorts/stores/cohorts'
 
+const CohortList = () => import('./components/CohortList.vue')
+
 const routes = [
   {
     name: 'cohort-list',
diff --git a/frontend/src/cohorts/stores/cohorts.js b/frontend/src/cohorts/stores/cohorts.js
index 86f8151ee..acfb561c8 100644
--- a/frontend/src/cohorts/stores/cohorts.js
+++ b/frontend/src/cohorts/stores/cohorts.js
@@ -2,13 +2,14 @@
  *
  * Holds the major app state.
  */
-
-import { uuidv4 } from '@/cohorts/helpers'
-import cohortsApi from '@/cohorts/api/cohorts'
-import { useCtxStore } from '@/varfish/stores/ctx'
 import difference from 'lodash/difference'
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
+
+import cohortsApi from '@/cohorts/api/cohorts'
+import { uuidv4 } from '@/cohorts/helpers'
+import { useCtxStore } from '@/varfish/stores/ctx'
+
 export const StoreState = Object.freeze({
   initial: 'initial',
   initializing: 'initializing',
diff --git a/frontend/src/seqvars/App.vue b/frontend/src/seqvars/App.vue
index a20e9278b..08e33b541 100644
--- a/frontend/src/seqvars/App.vue
+++ b/frontend/src/seqvars/App.vue
@@ -1,12 +1,13 @@
 <script lang="ts" setup>
 import { onMounted, watch } from 'vue'
+import { computed } from 'vue'
+
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 
-import SeqvarsFiltration from './views/SeqvarsFiltration.vue'
 import { useCaseAnalysisStore } from './stores/caseAnalysis'
 import { useSeqvarsPresetsStore } from './stores/presets'
 import { useSeqvarsQueryStore } from './stores/query'
-import { computed } from 'vue'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import SeqvarsFiltration from './views/SeqvarsFiltration.vue'
 
 const appContext = JSON.parse(
   document
diff --git a/frontend/src/seqvars/components/GeneDataTable/GeneDataTable.vue b/frontend/src/seqvars/components/GeneDataTable/GeneDataTable.vue
index e07f86dce..240a6504a 100644
--- a/frontend/src/seqvars/components/GeneDataTable/GeneDataTable.vue
+++ b/frontend/src/seqvars/components/GeneDataTable/GeneDataTable.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { SeqvarsQueryPresetsSetVersionDetails } from '@varfish-org/varfish-api/lib'
 import { swapIndices } from 'remeda'
 import { ref } from 'vue'
 
-import { SeqvarsQueryPresetsSetVersionDetails } from '@varfish-org/varfish-api/lib'
 import { Query } from '@/seqvars/types'
 
 import data from './fixture.GeneDataTable.json'
diff --git a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsClinvarEditor.vue b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsClinvarEditor.vue
index bf9dc86ef..7f54c260f 100644
--- a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsClinvarEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsClinvarEditor.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { SeqvarsQueryPresetsClinvar } from '@varfish-org/varfish-api/lib'
-import { ref, onMounted, watch, computed } from 'vue'
 import { debounce } from 'lodash'
-import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import { computed, onMounted, ref, watch } from 'vue'
 import { VForm } from 'vuetify/lib/components/index.mjs'
+
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { PresetSetVersionState } from '@/seqvars/stores/presets/types'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+
+import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
 
 /** This component's props. */
 const props = withDefaults(
diff --git a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsColumnsEditor.vue b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsColumnsEditor.vue
index 302f26e10..e2ad1cc61 100644
--- a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsColumnsEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsColumnsEditor.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { SeqvarsQueryPresetsColumns } from '@varfish-org/varfish-api/lib'
-import { ref, onMounted, watch, computed } from 'vue'
 import { debounce } from 'lodash'
-import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import { computed, onMounted, ref, watch } from 'vue'
 import { VForm } from 'vuetify/lib/components/index.mjs'
+
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { PresetSetVersionState } from '@/seqvars/stores/presets/types'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+
+import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
 
 /** This component's props. */
 const props = withDefaults(
diff --git a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsConsequenceEditor.vue b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsConsequenceEditor.vue
index 3fce957ac..c96a4a216 100644
--- a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsConsequenceEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsConsequenceEditor.vue
@@ -3,13 +3,15 @@ import {
   SeqvarsQueryPresetsConsequence,
   SeqvarsVariantConsequenceChoiceList,
 } from '@varfish-org/varfish-api/lib'
-import { ref, onMounted, watch, computed } from 'vue'
 import { debounce } from 'lodash'
-import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import { computed, onMounted, ref, watch } from 'vue'
 import { VForm } from 'vuetify/lib/components/index.mjs'
+
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { PresetSetVersionState } from '@/seqvars/stores/presets/types'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+
+import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
 
 /** This component's props. */
 const props = withDefaults(
diff --git a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsFrequencyEditor.vue b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsFrequencyEditor.vue
index 92089aa95..c60569df4 100644
--- a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsFrequencyEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsFrequencyEditor.vue
@@ -1,13 +1,15 @@
 <script setup lang="ts">
 import { SeqvarsQueryPresetsFrequency } from '@varfish-org/varfish-api/lib'
+import debounce from 'lodash.debounce'
 import { computed, onMounted, ref, watch } from 'vue'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
-import { GnomadFreqs, MitochondrialFreqs, InhouseFreqs } from './types'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { VForm } from 'vuetify/lib/components/index.mjs'
+
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { PresetSetVersionState } from '@/seqvars/stores/presets/types'
-import debounce from 'lodash.debounce'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+
 import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
+import { GnomadFreqs, InhouseFreqs, MitochondrialFreqs } from './types'
 
 /** This component's props. */
 const props = withDefaults(
diff --git a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsLocusEditor.vue b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsLocusEditor.vue
index 2c0dfa1d3..288cc1c6e 100644
--- a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsLocusEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsLocusEditor.vue
@@ -1,15 +1,17 @@
 <script setup lang="ts">
 import { SeqvarsQueryPresetsLocus } from '@varfish-org/varfish-api/lib'
-import { genomeRegionToString, GenomeRegion, parseGenomeRegion } from './lib'
-import { ref, onMounted, watch, computed } from 'vue'
 import { debounce } from 'lodash'
-import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import { computed, onMounted, ref, watch } from 'vue'
 import { VForm } from 'vuetify/lib/components/index.mjs'
+
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { PresetSetVersionState } from '@/seqvars/stores/presets/types'
-import { useCtxStore } from '@/varfish/stores/ctx'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
 import { AnnonarsApiClient, GeneNames } from '@/varfish/api/annonars'
+import { useCtxStore } from '@/varfish/stores/ctx'
+
+import { GenomeRegion, genomeRegionToString, parseGenomeRegion } from './lib'
+import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsPhenotypePrioEditor.vue b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsPhenotypePrioEditor.vue
index 616358178..142fbc1e1 100644
--- a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsPhenotypePrioEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsPhenotypePrioEditor.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { SeqvarsQueryPresetsPhenotypePrio } from '@varfish-org/varfish-api/lib'
-import { ref, onMounted, watch, computed } from 'vue'
 import { debounce } from 'lodash'
-import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import { computed, onMounted, ref, watch } from 'vue'
 import { VForm } from 'vuetify/lib/components/index.mjs'
+
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { PresetSetVersionState } from '@/seqvars/stores/presets/types'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+
+import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
 
 /** This component's props. */
 const props = withDefaults(
diff --git a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsPredefinedQueriesEditor.vue b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsPredefinedQueriesEditor.vue
index a668ca1e5..dc21e6df8 100644
--- a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsPredefinedQueriesEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsPredefinedQueriesEditor.vue
@@ -1,13 +1,15 @@
 <script setup lang="ts">
 import { SeqvarsPredefinedQuery } from '@varfish-org/varfish-api/lib'
-import { GENOTYPE_PRESET_LABELS } from './lib'
-import { ref, onMounted, watch, computed } from 'vue'
 import { debounce } from 'lodash'
-import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import { computed, onMounted, ref, watch } from 'vue'
 import { VForm } from 'vuetify/lib/components/index.mjs'
+
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { PresetSetVersionState } from '@/seqvars/stores/presets/types'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+
+import { GENOTYPE_PRESET_LABELS } from './lib'
+import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
 
 /** This component's props. */
 const props = withDefaults(
diff --git a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsQualityEditor.vue b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsQualityEditor.vue
index 8f77a86d9..7acdc046a 100644
--- a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsQualityEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsQualityEditor.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { SeqvarsQueryPresetsQuality } from '@varfish-org/varfish-api/lib'
-import { ref, onMounted, watch, computed } from 'vue'
 import { debounce } from 'lodash'
-import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import { computed, onMounted, ref, watch } from 'vue'
 import { VForm } from 'vuetify/lib/components/index.mjs'
+
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { PresetSetVersionState } from '@/seqvars/stores/presets/types'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+
+import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
 
 /** This component's props. */
 const props = withDefaults(
diff --git a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsVariantPrioEditor.vue b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsVariantPrioEditor.vue
index 6a469a2d3..ec9fd6761 100644
--- a/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsVariantPrioEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/CategoryPresetsVariantPrioEditor.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { SeqvarsQueryPresetsVariantPrio } from '@varfish-org/varfish-api/lib'
-import { ref, onMounted, watch, computed } from 'vue'
 import { debounce } from 'lodash'
-import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+import { computed, onMounted, ref, watch } from 'vue'
 import { VForm } from 'vuetify/lib/components/index.mjs'
+
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { PresetSetVersionState } from '@/seqvars/stores/presets/types'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+
+import { CATEGORY_PRESETS_DEBOUNCE_WAIT } from './lib'
 
 /** This component's props. */
 const props = withDefaults(
diff --git a/frontend/src/seqvars/components/PresetsEditor/PresetsEditor.vue b/frontend/src/seqvars/components/PresetsEditor/PresetsEditor.vue
index ee50bd9ce..b84da9d2b 100644
--- a/frontend/src/seqvars/components/PresetsEditor/PresetsEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/PresetsEditor.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import QueryPresetsSelect from '@/seqvars/components/PresetsEditor/QueryPresetsSelect.vue'
 import QueryPresetsEditor from '@/seqvars/components/PresetsEditor/QueryPresetsEditor.vue'
+import QueryPresetsSelect from '@/seqvars/components/PresetsEditor/QueryPresetsSelect.vue'
 import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
 
 /** Props used in this component. */
diff --git a/frontend/src/seqvars/components/PresetsEditor/PresetsList.vue b/frontend/src/seqvars/components/PresetsEditor/PresetsList.vue
index 212d76851..bdd57c14d 100644
--- a/frontend/src/seqvars/components/PresetsEditor/PresetsList.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/PresetsList.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
+
 import { PresetsListItem } from './lib'
 
 /** Props used in this component. */
diff --git a/frontend/src/seqvars/components/PresetsEditor/QueryPresetsEditor.vue b/frontend/src/seqvars/components/PresetsEditor/QueryPresetsEditor.vue
index 59f83f9ce..9fe17b828 100644
--- a/frontend/src/seqvars/components/PresetsEditor/QueryPresetsEditor.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/QueryPresetsEditor.vue
@@ -1,19 +1,21 @@
 <script setup lang="ts">
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { SeqvarsQueryPresetsSetVersionDetails } from '@varfish-org/varfish-api/lib'
-import PresetsList from '@/seqvars/components/PresetsEditor/PresetsList.vue'
-import CategoryPresetsQualityEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsQualityEditor.vue'
-import CategoryPresetsFrequencyEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsFrequencyEditor.vue'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
+
+import CategoryPresetsClinvarEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsClinvarEditor.vue'
+import CategoryPresetsColumnsEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsColumnsEditor.vue'
 import CategoryPresetsConsequenceEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsConsequenceEditor.vue'
+import CategoryPresetsFrequencyEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsFrequencyEditor.vue'
 import CategoryPresetsLocusEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsLocusEditor.vue'
 import CategoryPresetsPhenotypePrioEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsPhenotypePrioEditor.vue'
-import CategoryPresetsVariantPrioEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsVariantPrioEditor.vue'
-import CategoryPresetsClinvarEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsClinvarEditor.vue'
-import CategoryPresetsColumnsEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsColumnsEditor.vue'
 import CategoryPresetsPredefinedQueriesEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsPredefinedQueriesEditor.vue'
-import { computed, onMounted, reactive, ref, watch } from 'vue'
+import CategoryPresetsQualityEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsQualityEditor.vue'
+import CategoryPresetsVariantPrioEditor from '@/seqvars/components/PresetsEditor/CategoryPresetsVariantPrioEditor.vue'
+import PresetsList from '@/seqvars/components/PresetsEditor/PresetsList.vue'
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import { EditableState } from '@/seqvars/stores/presets/types'
 import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
+
 import { PresetsCategory, PresetsCategoryInfo } from './lib'
 
 /** Props used in this component. */
diff --git a/frontend/src/seqvars/components/PresetsEditor/QueryPresetsSelect.vue b/frontend/src/seqvars/components/PresetsEditor/QueryPresetsSelect.vue
index 28ebc8e11..48e85b613 100644
--- a/frontend/src/seqvars/components/PresetsEditor/QueryPresetsSelect.vue
+++ b/frontend/src/seqvars/components/PresetsEditor/QueryPresetsSelect.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue'
 import {
   SeqvarsQueryPresetsSet,
   SeqvarsQueryPresetsSetVersionDetails,
 } from '@varfish-org/varfish-api/lib'
+import { computed, onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
 
 import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { useRouter } from 'vue-router'
 import {
   EditableState,
   getEditableStateLabel,
diff --git a/frontend/src/seqvars/components/PresetsEditor/lib.spec.ts b/frontend/src/seqvars/components/PresetsEditor/lib.spec.ts
index 398a194f4..4c821bf9b 100644
--- a/frontend/src/seqvars/components/PresetsEditor/lib.spec.ts
+++ b/frontend/src/seqvars/components/PresetsEditor/lib.spec.ts
@@ -1,4 +1,5 @@
 import { describe, expect, test } from 'vitest'
+
 import { parseGenomeRegion } from './lib'
 
 describe('parseGenomeRegion - valid', () => {
diff --git a/frontend/src/seqvars/components/PresetsEditor/lib.ts b/frontend/src/seqvars/components/PresetsEditor/lib.ts
index c04f02df9..3660a1cef 100644
--- a/frontend/src/seqvars/components/PresetsEditor/lib.ts
+++ b/frontend/src/seqvars/components/PresetsEditor/lib.ts
@@ -2,7 +2,8 @@ import {
   GenomeRegionPydanticList,
   SeqvarsGenotypePresetChoice,
 } from '@varfish-org/varfish-api/lib'
-import { computed, ref, Ref } from 'vue'
+import { Ref, computed, ref } from 'vue'
+
 import { formatLargeInt } from '@/varfish/helpers'
 
 // Source: https://dev.to/razi91/using-v-model-with-custom-setters-4hni
diff --git a/frontend/src/seqvars/components/QueryEditor/ClinvarControls.vue b/frontend/src/seqvars/components/QueryEditor/ClinvarControls.vue
index b92e2c9d8..2f43bcd21 100644
--- a/frontend/src/seqvars/components/QueryEditor/ClinvarControls.vue
+++ b/frontend/src/seqvars/components/QueryEditor/ClinvarControls.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { Query } from '@/seqvars/types'
 import { ClinvarGermlineAggregateDescriptionChoice } from '@varfish-org/varfish-api/lib'
-
 import { computed } from 'vue'
 
+import { Query } from '@/seqvars/types'
+
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const props = withDefaults(
diff --git a/frontend/src/seqvars/components/QueryEditor/EffectsControls.vue b/frontend/src/seqvars/components/QueryEditor/EffectsControls.vue
index 5d0099536..41d0b6152 100644
--- a/frontend/src/seqvars/components/QueryEditor/EffectsControls.vue
+++ b/frontend/src/seqvars/components/QueryEditor/EffectsControls.vue
@@ -4,13 +4,12 @@ import {
   SeqvarsVariantConsequenceChoiceList,
   SeqvarsVariantTypeChoiceList,
 } from '@varfish-org/varfish-api/lib'
-
 import { computed, ref } from 'vue'
 
 import { Query } from '@/seqvars/types'
 
-import CollapsibleGroup from './ui/CollapsibleGroup.vue'
 import { toggleArrayElement } from '../utils'
+import CollapsibleGroup from './ui/CollapsibleGroup.vue'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/QueryEditor/FrequencyControlRow.vue b/frontend/src/seqvars/components/QueryEditor/FrequencyControlRow.vue
index 7f2517e5b..3f392a1bd 100644
--- a/frontend/src/seqvars/components/QueryEditor/FrequencyControlRow.vue
+++ b/frontend/src/seqvars/components/QueryEditor/FrequencyControlRow.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import { computed } from 'vue'
-
 import { SeqvarsQuerySettingsFrequency } from '@varfish-org/varfish-api/lib'
+import { computed } from 'vue'
 
 import Input from '../QueryEditor/ui/Input.vue'
 
diff --git a/frontend/src/seqvars/components/QueryEditor/FrequencyControls.stories.ts b/frontend/src/seqvars/components/QueryEditor/FrequencyControls.stories.ts
index e848a1ca5..bd726dfb0 100644
--- a/frontend/src/seqvars/components/QueryEditor/FrequencyControls.stories.ts
+++ b/frontend/src/seqvars/components/QueryEditor/FrequencyControls.stories.ts
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 import { ref } from 'vue'
 
-import presetsDetails from './presetsDetails.FrequencyControls.json'
 import FrequencyControls from './FrequencyControls.vue'
+import presetsDetails from './presetsDetails.FrequencyControls.json'
 
 const meta: Meta<typeof FrequencyControls> = {
   title: 'Seqvars / Frequency Controls',
diff --git a/frontend/src/seqvars/components/QueryEditor/FrequencyControls.vue b/frontend/src/seqvars/components/QueryEditor/FrequencyControls.vue
index 4d0f621ec..b69ea800c 100644
--- a/frontend/src/seqvars/components/QueryEditor/FrequencyControls.vue
+++ b/frontend/src/seqvars/components/QueryEditor/FrequencyControls.vue
@@ -2,9 +2,10 @@
 import { SeqvarsQuerySettingsFrequency } from '@varfish-org/varfish-api/lib'
 
 import { Query } from '@/seqvars/types'
-import SmallText from './ui/SmallText.vue'
-import AbbrHint from './ui/AbbrHint.vue'
+
 import FrequencyControlRow from './FrequencyControlRow.vue'
+import AbbrHint from './ui/AbbrHint.vue'
+import SmallText from './ui/SmallText.vue'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/QueryEditor/GenotypeControls.vue b/frontend/src/seqvars/components/QueryEditor/GenotypeControls.vue
index 769d099a8..1ab6c5f11 100644
--- a/frontend/src/seqvars/components/QueryEditor/GenotypeControls.vue
+++ b/frontend/src/seqvars/components/QueryEditor/GenotypeControls.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
+import { RecessiveModeEnum } from '@varfish-org/varfish-api/lib'
 import { computed, watch } from 'vue'
 
-import { RecessiveModeEnum } from '@varfish-org/varfish-api/lib'
+import { PedigreeObj } from '@/cases/stores/caseDetails'
+import CollapsibleGroup from '@/seqvars/components/QueryEditor/ui/CollapsibleGroup.vue'
+import Item from '@/seqvars/components/QueryEditor/ui/Item.vue'
 import { Query } from '@/seqvars/types'
 
 import InheritanceModeControls from './InheritanceModeControls.vue'
 import RecessiveControls from './RecessiveControls.vue'
 import SexAffectedIcon from './SexAffectedIcon'
-import { PedigreeObj } from '@/cases/stores/caseDetails'
-import CollapsibleGroup from '@/seqvars/components/QueryEditor/ui/CollapsibleGroup.vue'
-import Item from '@/seqvars/components/QueryEditor/ui/Item.vue'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/QueryEditor/InheritanceModeControls.stories.ts b/frontend/src/seqvars/components/QueryEditor/InheritanceModeControls.stories.ts
index 04eae0684..cddaca139 100644
--- a/frontend/src/seqvars/components/QueryEditor/InheritanceModeControls.stories.ts
+++ b/frontend/src/seqvars/components/QueryEditor/InheritanceModeControls.stories.ts
@@ -1,5 +1,5 @@
-import { ref } from 'vue'
 import type { Meta, StoryObj } from '@storybook/vue3'
+import { ref } from 'vue'
 
 import InheritanceModeControls from './InheritanceModeControls.vue'
 
diff --git a/frontend/src/seqvars/components/QueryEditor/InheritanceModeControls.vue b/frontend/src/seqvars/components/QueryEditor/InheritanceModeControls.vue
index c435510e8..7905a49e5 100644
--- a/frontend/src/seqvars/components/QueryEditor/InheritanceModeControls.vue
+++ b/frontend/src/seqvars/components/QueryEditor/InheritanceModeControls.vue
@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-
 import { SeqvarsGenotypeChoice } from '@varfish-org/varfish-api/lib'
+import { computed, ref } from 'vue'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/QueryEditor/LocusControls.vue b/frontend/src/seqvars/components/QueryEditor/LocusControls.vue
index e016ee31f..65f954fad 100644
--- a/frontend/src/seqvars/components/QueryEditor/LocusControls.vue
+++ b/frontend/src/seqvars/components/QueryEditor/LocusControls.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
+import { GenePydanticList } from '@varfish-org/varfish-api/lib'
 import { isDeepEqual, partition, uniqueWith } from 'remeda'
 import { computed, ref, watch } from 'vue'
 
-import { Query } from '@/seqvars/types'
 import {
-  parseGenomeRegion,
   genomeRegionToString,
+  parseGenomeRegion,
 } from '@/seqvars/components/PresetsEditor/lib'
-import { useCtxStore } from '@/varfish/stores/ctx'
+import { Query } from '@/seqvars/types'
 import { AnnonarsApiClient, GeneNames } from '@/varfish/api/annonars'
-import { GenePydanticList } from '@varfish-org/varfish-api/lib'
+import { useCtxStore } from '@/varfish/stores/ctx'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/QueryEditor/PathogenicityPrioControls.vue b/frontend/src/seqvars/components/QueryEditor/PathogenicityPrioControls.vue
index 2e4efc1e2..4e24cb2d7 100644
--- a/frontend/src/seqvars/components/QueryEditor/PathogenicityPrioControls.vue
+++ b/frontend/src/seqvars/components/QueryEditor/PathogenicityPrioControls.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
+import { ref } from 'vue'
+
 import { Query } from '@/seqvars/types'
+
 import CollapsibleGroup from './ui/CollapsibleGroup.vue'
 import Item from './ui/Item.vue'
-import { ref } from 'vue'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/QueryEditor/PhenotypePrioControls.vue b/frontend/src/seqvars/components/QueryEditor/PhenotypePrioControls.vue
index cce12a8ea..bfb855f18 100644
--- a/frontend/src/seqvars/components/QueryEditor/PhenotypePrioControls.vue
+++ b/frontend/src/seqvars/components/QueryEditor/PhenotypePrioControls.vue
@@ -2,11 +2,12 @@
 import { computed, ref } from 'vue'
 
 import { Query } from '@/seqvars/types'
+
+import { queryHPO_Terms } from '../utils'
 import CollapsibleGroup from './ui/CollapsibleGroup.vue'
 import Item from './ui/Item.vue'
 import SelectBox from './ui/SelectBox.vue'
 import { type ItemData } from './ui/lib'
-import { queryHPO_Terms } from '../utils'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/QueryEditor/PredefinedQueryList.vue b/frontend/src/seqvars/components/QueryEditor/PredefinedQueryList.vue
index efe7879a7..2b119a807 100644
--- a/frontend/src/seqvars/components/QueryEditor/PredefinedQueryList.vue
+++ b/frontend/src/seqvars/components/QueryEditor/PredefinedQueryList.vue
@@ -3,15 +3,15 @@ import {
   SeqvarsPredefinedQuery,
   SeqvarsQueryPresetsSetVersionDetails,
 } from '@varfish-org/varfish-api/lib'
+import { computed } from 'vue'
 
+import { PedigreeObj } from '@/cases/stores/caseDetails'
 import { Query } from '@/seqvars/types'
 
 import { matchesPredefinedQuery } from './groups'
 import CollapsibleGroup from './ui/CollapsibleGroup.vue'
 import Item from './ui/Item.vue'
 import ItemButton from './ui/ItemButton.vue'
-import { PedigreeObj } from '@/cases/stores/caseDetails'
-import { computed } from 'vue'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/QueryEditor/PresetSummaryItem.vue b/frontend/src/seqvars/components/QueryEditor/PresetSummaryItem.vue
index 4780e1db8..134878ca0 100644
--- a/frontend/src/seqvars/components/QueryEditor/PresetSummaryItem.vue
+++ b/frontend/src/seqvars/components/QueryEditor/PresetSummaryItem.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { SeqvarsQueryPresetsSetVersionDetails } from '@varfish-org/varfish-api/lib'
+
+import { PedigreeObj } from '@/cases/stores/caseDetails'
 import { Query } from '@/seqvars/types'
 
 import { GROUPS, matchesQualityPreset } from './groups'
 import Item from './ui/Item.vue'
-import { PedigreeObj } from '@/cases/stores/caseDetails'
 
 type Preset =
   SeqvarsQueryPresetsSetVersionDetails[(typeof GROUPS)[number]['presetSetKey']][0]
diff --git a/frontend/src/seqvars/components/QueryEditor/QualityControls.vue b/frontend/src/seqvars/components/QueryEditor/QualityControls.vue
index 65574de9c..0297aa2c1 100644
--- a/frontend/src/seqvars/components/QueryEditor/QualityControls.vue
+++ b/frontend/src/seqvars/components/QueryEditor/QualityControls.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { Query } from '@/seqvars/types'
 
+import AbbrHint from './ui/AbbrHint.vue'
 import Input from './ui/Input.vue'
 import SmallText from './ui/SmallText.vue'
-import AbbrHint from './ui/AbbrHint.vue'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/seqvars/components/QueryEditor/QueryEditor.stories.ts b/frontend/src/seqvars/components/QueryEditor/QueryEditor.stories.ts
index b75d10395..b2bfd99cf 100644
--- a/frontend/src/seqvars/components/QueryEditor/QueryEditor.stories.ts
+++ b/frontend/src/seqvars/components/QueryEditor/QueryEditor.stories.ts
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
-import { delay, http, HttpResponse } from 'msw'
+import { HttpResponse, delay, http } from 'msw'
 
-import fixture from './fixture.QueryEditor.json'
 import QueryEditor from './QueryEditor.vue'
+import fixture from './fixture.QueryEditor.json'
 
 const meta: Meta<typeof QueryEditor> = {
   title: 'Seqvars / Query Editor',
diff --git a/frontend/src/seqvars/components/QueryEditor/QueryEditor.vue b/frontend/src/seqvars/components/QueryEditor/QueryEditor.vue
index db4245ced..91a74d4d4 100644
--- a/frontend/src/seqvars/components/QueryEditor/QueryEditor.vue
+++ b/frontend/src/seqvars/components/QueryEditor/QueryEditor.vue
@@ -1,32 +1,31 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-
 import {
   SeqvarsGenotypePresetChoice,
   SeqvarsPredefinedQuery,
   SeqvarsQueryPresetsQuality,
   SeqvarsQueryPresetsSetVersionDetails,
 } from '@varfish-org/varfish-api/lib'
+import { computed, ref } from 'vue'
 
-import { GENOTYPE_PRESET_TO_RECESSIVE_MODE } from '@/seqvars/components/QueryEditor/constants'
-import { SEQVARS_GENOTYPE_PRESET_CHOICES_LABELS } from '@/seqvars/lib/constants'
+import { PedigreeObj, useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import GenotypeControls from '@/seqvars/components/QueryEditor/GenotypeControls.vue'
+import PredefinedQueryList from '@/seqvars/components/QueryEditor/PredefinedQueryList.vue'
+import PresetSummaryItem from '@/seqvars/components/QueryEditor/PresetSummaryItem.vue'
+import QueryList from '@/seqvars/components/QueryEditor/QueryList.vue'
+import { GENOTYPE_PRESET_TO_RECESSIVE_MODE } from '@/seqvars/components/QueryEditor/constants'
 import {
-  createGenotypeFromPreset,
-  createQualityFromPreset,
   FilterGroup,
   GROUPS,
+  createGenotypeFromPreset,
+  createQualityFromPreset,
   matchesGenotypePreset,
   matchesQualityPreset,
 } from '@/seqvars/components/QueryEditor/groups'
-import PredefinedQueryList from '@/seqvars/components/QueryEditor/PredefinedQueryList.vue'
-import PresetSummaryItem from '@/seqvars/components/QueryEditor/PresetSummaryItem.vue'
-import QueryList from '@/seqvars/components/QueryEditor/QueryList.vue'
 import CollapsibleGroup from '@/seqvars/components/QueryEditor/ui/CollapsibleGroup.vue'
 import Item from '@/seqvars/components/QueryEditor/ui/Item.vue'
+import { SEQVARS_GENOTYPE_PRESET_CHOICES_LABELS } from '@/seqvars/lib/constants'
 import { Query } from '@/seqvars/types'
 import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
-import { PedigreeObj, useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { copy } from '@/varfish/helpers'
 
 /** This component's props. */
diff --git a/frontend/src/seqvars/components/QueryEditor/QueryList.vue b/frontend/src/seqvars/components/QueryEditor/QueryList.vue
index 3ee7d69ae..00851a3c7 100644
--- a/frontend/src/seqvars/components/QueryEditor/QueryList.vue
+++ b/frontend/src/seqvars/components/QueryEditor/QueryList.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { SeqvarsQueryPresetsSetVersionDetails } from '@varfish-org/varfish-api/lib'
 
+import { PedigreeObj } from '@/cases/stores/caseDetails'
 import { Query } from '@/seqvars/types'
 
 import { matchesPredefinedQuery } from './groups'
 import CollapsibleGroup from './ui/CollapsibleGroup.vue'
 import Item from './ui/Item.vue'
 import ItemButton from './ui/ItemButton.vue'
-import { PedigreeObj } from '@/cases/stores/caseDetails'
 
 const selectedIndex = defineModel<number | null>('selectedIndex', {
   required: true,
diff --git a/frontend/src/seqvars/components/QueryEditor/SexAffectedIcon.ts b/frontend/src/seqvars/components/QueryEditor/SexAffectedIcon.ts
index 85984dfb8..a452a50cf 100644
--- a/frontend/src/seqvars/components/QueryEditor/SexAffectedIcon.ts
+++ b/frontend/src/seqvars/components/QueryEditor/SexAffectedIcon.ts
@@ -1,5 +1,4 @@
 import { FunctionalComponent, SVGAttributes, defineComponent, h } from 'vue'
-
 import IconCircle from '~icons/bi/circle'
 import IconCircleFill from '~icons/bi/circle-fill'
 import IconDiamond from '~icons/bi/diamond'
diff --git a/frontend/src/seqvars/components/QueryEditor/groups.ts b/frontend/src/seqvars/components/QueryEditor/groups.ts
index 118c7d7ac..0335c991f 100644
--- a/frontend/src/seqvars/components/QueryEditor/groups.ts
+++ b/frontend/src/seqvars/components/QueryEditor/groups.ts
@@ -1,7 +1,3 @@
-import isEqual from 'fast-deep-equal/es6'
-import { Component } from 'vue'
-
-import { LocalFields, Query } from '@/seqvars/types'
 import {
   SeqvarsGenotypePresetChoice,
   SeqvarsPredefinedQuery,
@@ -10,17 +6,21 @@ import {
   SeqvarsQuerySettingsGenotypeRequest,
   SeqvarsQuerySettingsQualityRequest,
 } from '@varfish-org/varfish-api/lib'
+import isEqual from 'fast-deep-equal/es6'
+import { Component } from 'vue'
+
+import { PedigreeObj } from '@/cases/stores/caseDetails'
+import { LocalFields, Query } from '@/seqvars/types'
 
+import { isKeyOfObject } from '../utils'
 import ClinvarControls from './ClinvarControls.vue'
 import EffectsControls from './EffectsControls.vue'
 import FrequencyControls from './FrequencyControls.vue'
-import { GENOTYPE_PRESET_TO_RECESSIVE_MODE } from './constants'
 import LocusControls from './LocusControls.vue'
 import PathogenicityPrioControls from './PathogenicityPrioControls.vue'
 import PhenotypePrioControls from './PhenotypePrioControls.vue'
 import QualityControls from './QualityControls.vue'
-import { isKeyOfObject } from '../utils'
-import { PedigreeObj } from '@/cases/stores/caseDetails'
+import { GENOTYPE_PRESET_TO_RECESSIVE_MODE } from './constants'
 import { presetChoiceToGenotypeChoice } from './lib'
 
 type PresetDetails = SeqvarsQueryPresetsSetVersionDetails
diff --git a/frontend/src/seqvars/components/QueryEditor/lib/genotype.spec.ts b/frontend/src/seqvars/components/QueryEditor/lib/genotype.spec.ts
index 500959bfa..a6b61d1c8 100644
--- a/frontend/src/seqvars/components/QueryEditor/lib/genotype.spec.ts
+++ b/frontend/src/seqvars/components/QueryEditor/lib/genotype.spec.ts
@@ -1,14 +1,16 @@
+import {
+  SeqvarsGenotypeChoice,
+  SeqvarsGenotypePresetChoice,
+} from '@varfish-org/varfish-api/lib'
 import { describe, expect, test } from 'vitest'
+
+import { Individual, PedigreeObj } from '@/cases/stores/caseDetails'
+
 import {
   computeFounderPathLengths,
   pickIndexFromPedigree,
   presetChoiceToGenotypeChoice,
 } from './genotypes'
-import { Individual, PedigreeObj } from '@/cases/stores/caseDetails'
-import {
-  SeqvarsGenotypeChoice,
-  SeqvarsGenotypePresetChoice,
-} from '@varfish-org/varfish-api/lib'
 
 // Helper to make pedigres of various shapes.
 const makePedigree = (options: {
diff --git a/frontend/src/seqvars/components/QueryEditor/lib/genotypes.ts b/frontend/src/seqvars/components/QueryEditor/lib/genotypes.ts
index b351dbb54..d74564aec 100644
--- a/frontend/src/seqvars/components/QueryEditor/lib/genotypes.ts
+++ b/frontend/src/seqvars/components/QueryEditor/lib/genotypes.ts
@@ -1,9 +1,10 @@
-import { PedigreeObj } from '@/cases/stores/caseDetails'
 import {
   SeqvarsGenotypePresetChoice,
   SeqvarsSampleGenotypePydantic,
 } from '@varfish-org/varfish-api/lib'
 
+import { PedigreeObj } from '@/cases/stores/caseDetails'
+
 /**
  * Compute the longest path from a member to a founder in the pedigree.
  *
diff --git a/frontend/src/seqvars/components/QueryEditor/ui/Item.vue b/frontend/src/seqvars/components/QueryEditor/ui/Item.vue
index 67c7eb6d6..b10a04787 100644
--- a/frontend/src/seqvars/components/QueryEditor/ui/Item.vue
+++ b/frontend/src/seqvars/components/QueryEditor/ui/Item.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import ItemButton from './ItemButton.vue'
 import { Icon } from '@iconify/vue'
 
+import ItemButton from './ItemButton.vue'
+
 /** This component's props. */
 const props = withDefaults(
   defineProps<{
diff --git a/frontend/src/seqvars/components/QueryEditor/ui/SelectBox.vue b/frontend/src/seqvars/components/QueryEditor/ui/SelectBox.vue
index 15961609e..9c0cd981f 100644
--- a/frontend/src/seqvars/components/QueryEditor/ui/SelectBox.vue
+++ b/frontend/src/seqvars/components/QueryEditor/ui/SelectBox.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { ItemData } from './lib'
 import SelectItem from './SelectItem.vue'
+import { ItemData } from './lib'
 
 const model = defineModel<ItemData[]>({
   required: true,
diff --git a/frontend/src/seqvars/components/QueryEditor/ui/SmallText.vue b/frontend/src/seqvars/components/QueryEditor/ui/SmallText.vue
index 80fe10056..dd27a5098 100644
--- a/frontend/src/seqvars/components/QueryEditor/ui/SmallText.vue
+++ b/frontend/src/seqvars/components/QueryEditor/ui/SmallText.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue'
+
 const { style } = defineProps<{ style?: CSSProperties }>()
 </script>
 <template>
diff --git a/frontend/src/seqvars/components/SeqvarDetails/SeqvarDetails.vue b/frontend/src/seqvars/components/SeqvarDetails/SeqvarDetails.vue
index 1d776e4c9..6be6102d7 100644
--- a/frontend/src/seqvars/components/SeqvarDetails/SeqvarDetails.vue
+++ b/frontend/src/seqvars/components/SeqvarDetails/SeqvarDetails.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import VResizeDrawer from '@wdns/vuetify-resize-drawer'
+
 import SeqvarDetails from '@/variants/views/SeqvarDetails/SeqvarDetails.vue'
 
 /** Model with boolean that defines visibility. */
diff --git a/frontend/src/seqvars/stores/caseAnalysis/store.ts b/frontend/src/seqvars/stores/caseAnalysis/store.ts
index 61e7afc69..c6657b346 100644
--- a/frontend/src/seqvars/stores/caseAnalysis/store.ts
+++ b/frontend/src/seqvars/stores/caseAnalysis/store.ts
@@ -1,12 +1,13 @@
-import { acceptHMRUpdate, defineStore } from 'pinia'
-import { reactive, ref } from 'vue'
-import { StoreState, State } from '@/varfish/storeUtils'
 import {
   CaseAnalysis,
   CaseAnalysisSession,
   CasesAnalysisService,
 } from '@varfish-org/varfish-api/lib'
+import { acceptHMRUpdate, defineStore } from 'pinia'
+import { reactive, ref } from 'vue'
+
 import { client } from '@/cases/plugins/heyApi'
+import { State, StoreState } from '@/varfish/storeUtils'
 
 /**
  * Store for the case analysis (and case analysis session).
diff --git a/frontend/src/seqvars/stores/presets/store.ts b/frontend/src/seqvars/stores/presets/store.ts
index aee38d0e2..2cc7da792 100644
--- a/frontend/src/seqvars/stores/presets/store.ts
+++ b/frontend/src/seqvars/stores/presets/store.ts
@@ -1,6 +1,4 @@
-import { acceptHMRUpdate, defineStore } from 'pinia'
-import { computed, reactive, ref } from 'vue'
-import { StoreState, State } from '@/varfish/storeUtils'
+import { RequestResult } from '@hey-api/client-fetch'
 import {
   PatchedSeqvarsQueryPresetsSetRequest,
   SeqvarsPredefinedQuery,
@@ -16,9 +14,13 @@ import {
   SeqvarsQueryPresetsVariantPrio,
   SeqvarsService,
 } from '@varfish-org/varfish-api/lib'
+import { acceptHMRUpdate, defineStore } from 'pinia'
+import { computed, reactive, ref } from 'vue'
+
 import { client } from '@/cases/plugins/heyApi'
-import { PresetSetVersionState, EditableState } from './types'
-import { RequestResult } from '@hey-api/client-fetch'
+import { State, StoreState } from '@/varfish/storeUtils'
+
+import { EditableState, PresetSetVersionState } from './types'
 
 /**
  * Store for the seqvars query presets.
diff --git a/frontend/src/seqvars/stores/query/store.ts b/frontend/src/seqvars/stores/query/store.ts
index 17b5e3e60..128b0035b 100644
--- a/frontend/src/seqvars/stores/query/store.ts
+++ b/frontend/src/seqvars/stores/query/store.ts
@@ -1,7 +1,3 @@
-import { acceptHMRUpdate, defineStore } from 'pinia'
-import { reactive, ref } from 'vue'
-import { StoreState, State } from '@/varfish/storeUtils'
-import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
 import {
   SeqvarsQuery,
   SeqvarsQueryColumnsConfig,
@@ -9,7 +5,12 @@ import {
   SeqvarsQuerySettingsDetails,
   SeqvarsService,
 } from '@varfish-org/varfish-api/lib'
+import { acceptHMRUpdate, defineStore } from 'pinia'
+import { reactive, ref } from 'vue'
+
 import { client } from '@/cases/plugins/heyApi'
+import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
+import { State, StoreState } from '@/varfish/storeUtils'
 
 /**
  * Store for the seqvars queries.
diff --git a/frontend/src/seqvars/views/PresetSets/PresetSets.vue b/frontend/src/seqvars/views/PresetSets/PresetSets.vue
index 4593c0c66..2a03fd10c 100644
--- a/frontend/src/seqvars/views/PresetSets/PresetSets.vue
+++ b/frontend/src/seqvars/views/PresetSets/PresetSets.vue
@@ -3,10 +3,10 @@ import { onMounted, ref, watch } from 'vue'
 
 import TheAppBar from '@/cases/components/TheAppBar/TheAppBar.vue'
 import TheNavBar from '@/cases/components/TheNavBar/TheNavBar.vue'
-import PresetsEditor from '@/seqvars/components/PresetsEditor/PresetsEditor.vue'
-
 import { useProjectStore } from '@/cases/stores/project/store'
+import PresetsEditor from '@/seqvars/components/PresetsEditor/PresetsEditor.vue'
 import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
+
 import { type SnackbarMessage } from './lib'
 
 const props = defineProps<{
diff --git a/frontend/src/seqvars/views/SeqvarsQuery/SeqvarsQuery.vue b/frontend/src/seqvars/views/SeqvarsQuery/SeqvarsQuery.vue
index 0202dc46b..23b212da2 100644
--- a/frontend/src/seqvars/views/SeqvarsQuery/SeqvarsQuery.vue
+++ b/frontend/src/seqvars/views/SeqvarsQuery/SeqvarsQuery.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue'
+import { SeqvarsQueryPresetsSetVersionDetails } from '@varfish-org/varfish-api/lib'
 import { computed, onMounted, ref, watch } from 'vue'
-import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
 
 import TheAppBar from '@/cases/components/TheAppBar/TheAppBar.vue'
 import TheNavBar from '@/cases/components/TheNavBar/TheNavBar.vue'
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { useProjectStore } from '@/cases/stores/project'
 import QueryEditor from '@/seqvars/components/QueryEditor/QueryEditor.vue'
+import HintButton from '@/seqvars/components/QueryEditor/ui/HintButton.vue'
 import QueryEditorDrawer from '@/seqvars/components/QueryEditorDrawer/QueryEditorDrawer.vue'
 import SeqvarDetails from '@/seqvars/components/SeqvarDetails/SeqvarDetails.vue'
-import HintButton from '@/seqvars/components/QueryEditor/ui/HintButton.vue'
-import { useProjectStore } from '@/cases/stores/project'
 import { useSeqvarsPresetsStore } from '@/seqvars/stores/presets'
-import { SeqvarsQueryPresetsSetVersionDetails } from '@varfish-org/varfish-api/lib'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { SnackbarMessage } from '@/seqvars/views/PresetSets/lib'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/svs/api/strucvarClient/client.ts b/frontend/src/svs/api/strucvarClient/client.ts
index 46635e7eb..54af02314 100644
--- a/frontend/src/svs/api/strucvarClient/client.ts
+++ b/frontend/src/svs/api/strucvarClient/client.ts
@@ -1,21 +1,23 @@
+import { Strucvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+
 import { ClientBase } from '@/varfish/apiUtils'
+
 import {
-  QuickPresets,
-  InheritancePresets,
-  CategoryPresets,
-  QuerySettingsShortcuts,
+  AcmgRating,
+  AcmgRating$Api,
+  AcmgRatingPage$Api,
   CaseSvQuery,
-  SvQueryResultSet,
+  CategoryPresets,
+  InheritancePresets,
   ListArgs,
-  SvQueryResultRow,
-  SvComment,
+  QuerySettingsShortcuts,
+  QuickPresets,
   SvAcmgRating,
+  SvComment,
   SvFlags,
-  AcmgRating$Api,
-  AcmgRating,
-  AcmgRatingPage$Api,
+  SvQueryResultRow,
+  SvQueryResultSet,
 } from './types'
-import { Strucvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
 
 /**
  * Class for accessing the SV REST API.
diff --git a/frontend/src/svs/api/strucvarClient/types.ts b/frontend/src/svs/api/strucvarClient/types.ts
index 0a2d6aeb7..7f95cdf4c 100644
--- a/frontend/src/svs/api/strucvarClient/types.ts
+++ b/frontend/src/svs/api/strucvarClient/types.ts
@@ -1,3 +1,9 @@
+import {
+  type LinearStrucvar,
+  LinearStrucvarImpl,
+  Strucvar,
+} from '@bihealth/reev-frontend-lib/lib/genomicVars'
+
 export type QuickPresets = any
 export type InheritancePresets = any
 export type CategoryPresets = any
@@ -8,11 +14,6 @@ export type SvQueryResultRow = any
 export type SvComment = any
 export type SvFlags = any
 export type SvAcmgRating = any
-import {
-  LinearStrucvarImpl,
-  Strucvar,
-  type LinearStrucvar,
-} from '@bihealth/reev-frontend-lib/lib/genomicVars'
 
 /**
  * Encode the list arguments.
diff --git a/frontend/src/svs/components/StrucvarAcmgRatingCard/StrucvarAcmgRatingCard.vue b/frontend/src/svs/components/StrucvarAcmgRatingCard/StrucvarAcmgRatingCard.vue
index 2a96c0167..a90a58c68 100644
--- a/frontend/src/svs/components/StrucvarAcmgRatingCard/StrucvarAcmgRatingCard.vue
+++ b/frontend/src/svs/components/StrucvarAcmgRatingCard/StrucvarAcmgRatingCard.vue
@@ -1,19 +1,21 @@
 <script setup lang="ts">
-import { State } from '@/varfish/storeUtils'
-import { useSvAcmgRatingStore } from '@/svs/stores/svAcmgRating'
-import { computed, onMounted, ref, toRaw, watch } from 'vue'
 import {
   LinearStrucvar,
   Strucvar,
 } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import { computed, onMounted, ref, toRaw, watch } from 'vue'
+
 import {
   AcmgRating,
-  strucvarAssign,
   acmgRatingEqual,
+  strucvarAssign,
 } from '@/svs/api/strucvarClient'
+import { useSvAcmgRatingStore } from '@/svs/stores/svAcmgRating'
+import { State } from '@/varfish/storeUtils'
+import { useCtxStore } from '@/varfish/stores/ctx'
+
 import { EMPTY_ACMG_RATING_TEMPLATE } from './constants'
 import { acmgColor, acmgLabel } from './lib'
-import { useCtxStore } from '@/varfish/stores/ctx'
 
 /** This component's props. */
 const props = defineProps<{
diff --git a/frontend/src/svs/components/StrucvarDetailsHeader/StrucvarDetailsHeader.vue b/frontend/src/svs/components/StrucvarDetailsHeader/StrucvarDetailsHeader.vue
index 0120ce710..bcbbe5412 100644
--- a/frontend/src/svs/components/StrucvarDetailsHeader/StrucvarDetailsHeader.vue
+++ b/frontend/src/svs/components/StrucvarDetailsHeader/StrucvarDetailsHeader.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { Strucvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+
 import UiToggleMaxButton from '@/varfish/components/UiToggleMaxButton/UiToggleMaxButton.vue'
 
 /** The component's props. */
diff --git a/frontend/src/svs/components/StrucvarDetailsNavi/StrucvarDetailsNavi.vue b/frontend/src/svs/components/StrucvarDetailsNavi/StrucvarDetailsNavi.vue
index 3044b92d8..526f0b42a 100644
--- a/frontend/src/svs/components/StrucvarDetailsNavi/StrucvarDetailsNavi.vue
+++ b/frontend/src/svs/components/StrucvarDetailsNavi/StrucvarDetailsNavi.vue
@@ -1,11 +1,13 @@
 <script setup lang="ts">
-import { jumpToLocus } from './lib'
+import { Strucvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import { useStrucvarInfoStore } from '@bihealth/reev-frontend-lib/stores/strucvarInfo'
 import { computed, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
-import { Strucvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
-import { SECTIONS } from './constants'
+
 import { useHistoryStore } from '@/varfish/stores/history'
-import { useStrucvarInfoStore } from '@bihealth/reev-frontend-lib/stores/strucvarInfo'
+
+import { SECTIONS } from './constants'
+import { jumpToLocus } from './lib'
 
 /** The component's props. */
 const props = defineProps<{
diff --git a/frontend/src/svs/components/StrucvarGenotypeCallCard/StrucvarGenotypeCallCard.vue b/frontend/src/svs/components/StrucvarGenotypeCallCard/StrucvarGenotypeCallCard.vue
index ab8db35f3..ec55983d3 100644
--- a/frontend/src/svs/components/StrucvarGenotypeCallCard/StrucvarGenotypeCallCard.vue
+++ b/frontend/src/svs/components/StrucvarGenotypeCallCard/StrucvarGenotypeCallCard.vue
@@ -2,8 +2,9 @@
 import { computed } from 'vue'
 
 import { displayName } from '@/varfish/helpers'
-import { ResultRow } from './types'
+
 import { GET_FIELD_MAP as GT_FIELD_MAP, identity } from './constants'
+import { ResultRow } from './types'
 
 /** This component's props. */
 const props = defineProps<{
diff --git a/frontend/src/svs/components/SvFilterApp.vue b/frontend/src/svs/components/SvFilterApp.vue
index 937da6591..3ea45cbce 100644
--- a/frontend/src/svs/components/SvFilterApp.vue
+++ b/frontend/src/svs/components/SvFilterApp.vue
@@ -1,21 +1,20 @@
 <script setup>
 import $ from 'jquery'
-import { watch, ref, onMounted, nextTick, onBeforeMount } from 'vue'
+import { nextTick, onBeforeMount, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 
-import { State } from '@/varfish/storeUtils'
-import { useSvQueryStore } from '@/svs/stores/svQuery'
-import { useSvResultSetStore } from '@/svs/stores/svResultSet'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { updateUserSetting } from '@/varfish/userSettings'
-import { QueryStates, QueryStateToText } from '@/variants/enums'
-
 import SvFilterForm from '@/svs/components/SvFilterForm.vue'
 import SvFilterResultsTable from '@/svs/components/SvFilterResultsTable.vue'
 import { useSvFlagsStore } from '@/svs/stores/strucvarFlags'
-import { useSvCommentsStore } from '@/svs/stores/svComments'
 import { useSvAcmgRatingStore } from '@/svs/stores/svAcmgRating'
+import { useSvCommentsStore } from '@/svs/stores/svComments'
+import { useSvQueryStore } from '@/svs/stores/svQuery'
+import { useSvResultSetStore } from '@/svs/stores/svResultSet'
+import { State } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
+import { updateUserSetting } from '@/varfish/userSettings'
+import { QueryStateToText, QueryStates } from '@/variants/enums'
 
 const props = defineProps({
   /** The project UUID. */
diff --git a/frontend/src/svs/components/SvFilterForm.vue b/frontend/src/svs/components/SvFilterForm.vue
index 1bb5932b7..38acfc723 100644
--- a/frontend/src/svs/components/SvFilterForm.vue
+++ b/frontend/src/svs/components/SvFilterForm.vue
@@ -1,22 +1,23 @@
 <script setup>
-import Overlay from '@/varfish/components/Overlay.vue'
-import SvFilterFormGenotypePane from '@/svs/components/SvFilterForm/GenotypePane.vue'
+import { useVuelidate } from '@vuelidate/core'
+import { computed, reactive, ref } from 'vue'
+
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import SvFilterFormCriteriaDefinitionPane from '@/svs/components/SvFilterForm/CriteriaDefinitionPane.vue'
+import SvFilterFormDev from '@/svs/components/SvFilterForm/Dev.vue'
+import SvFilterFormFooter from '@/svs/components/SvFilterForm/Footer.vue'
 import SvFilterFormFrequencyPane from '@/svs/components/SvFilterForm/FrequencyPane.vue'
-import SvFilterFormImpactPane from '@/svs/components/SvFilterForm/ImpactPane.vue'
 import SvFilterFormGenesRegionsPane from '@/svs/components/SvFilterForm/GenesRegionsPane.vue'
-import SvFilterFormRegulatoryPane from '@/svs/components/SvFilterForm/RegulatoryPane.vue'
+import SvFilterFormGenotypePane from '@/svs/components/SvFilterForm/GenotypePane.vue'
+import SvFilterFormImpactPane from '@/svs/components/SvFilterForm/ImpactPane.vue'
+import SvFilterFormPatho from '@/svs/components/SvFilterForm/Patho.vue'
 import SvFilterFormQuickPresets from '@/svs/components/SvFilterForm/QuickPresets.vue'
+import SvFilterFormRegulatoryPane from '@/svs/components/SvFilterForm/RegulatoryPane.vue'
 import SvFilterFormTadsPane from '@/svs/components/SvFilterForm/TadsPane.vue'
-import SvFilterFormPatho from '@/svs/components/SvFilterForm/Patho.vue'
-import SvFilterFormDev from '@/svs/components/SvFilterForm/Dev.vue'
-import SvFilterFormFooter from '@/svs/components/SvFilterForm/Footer.vue'
+import { useSvQueryStore } from '@/svs/stores/svQuery'
 import SvFilterFormDevPane from '@/varfish/components/FilterForm//DevPane.vue'
+import Overlay from '@/varfish/components/Overlay.vue'
 import { QueryStates } from '@/variants/enums'
-import { computed, reactive, ref } from 'vue'
-import { useVuelidate } from '@vuelidate/core'
-import { useSvQueryStore } from '@/svs/stores/svQuery'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 
 const svQueryStore = useSvQueryStore()
 const caseDetailsStore = useCaseDetailsStore()
diff --git a/frontend/src/svs/components/SvFilterForm/CriteriaDefinitionPane.vue b/frontend/src/svs/components/SvFilterForm/CriteriaDefinitionPane.vue
index 1bb70ac02..562a9b4e6 100644
--- a/frontend/src/svs/components/SvFilterForm/CriteriaDefinitionPane.vue
+++ b/frontend/src/svs/components/SvFilterForm/CriteriaDefinitionPane.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, watch, computed, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 
 // Define the component's props.
 const props = defineProps({
diff --git a/frontend/src/svs/components/SvFilterForm/Footer.vue b/frontend/src/svs/components/SvFilterForm/Footer.vue
index f9c1d0d23..99d40e3d1 100644
--- a/frontend/src/svs/components/SvFilterForm/Footer.vue
+++ b/frontend/src/svs/components/SvFilterForm/Footer.vue
@@ -1,8 +1,9 @@
 <script setup>
 import { computed } from 'vue'
-import { declareWrapper } from '@/variants/helpers'
-import { QueryStates } from '@/variants/enums'
+
 import { useSvQueryStore } from '@/svs/stores/svQuery'
+import { QueryStates } from '@/variants/enums'
+import { declareWrapper } from '@/variants/helpers'
 
 const props = defineProps({
   filtrationComplexityMode: String,
diff --git a/frontend/src/svs/components/SvFilterForm/FrequencyPane.vue b/frontend/src/svs/components/SvFilterForm/FrequencyPane.vue
index fbe13c911..50e8e333f 100644
--- a/frontend/src/svs/components/SvFilterForm/FrequencyPane.vue
+++ b/frontend/src/svs/components/SvFilterForm/FrequencyPane.vue
@@ -1,7 +1,7 @@
 <script setup>
-import { computed, onMounted } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
-import { numeric, integer, minValue, maxValue } from '@vuelidate/validators'
+import { integer, maxValue, minValue, numeric } from '@vuelidate/validators'
+import { computed, onMounted } from 'vue'
 
 // Define the component's props.
 const props = defineProps({
diff --git a/frontend/src/svs/components/SvFilterForm/GenesRegionsPane.lib.ts b/frontend/src/svs/components/SvFilterForm/GenesRegionsPane.lib.ts
new file mode 100644
index 000000000..f3d61f701
--- /dev/null
+++ b/frontend/src/svs/components/SvFilterForm/GenesRegionsPane.lib.ts
@@ -0,0 +1,9 @@
+/** Regular expression for validating a genomic region. */
+export const regexRegion = new RegExp(
+  '^' + // start
+    '(?<chrom>(chr)?' + // open chrom
+    '(1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|X|Y|M|MT)' + // chrom name
+    ')' + // close chrom
+    '(:(?<start>(\\d+(,\\d+)*))-(?<stop>(\\d+(,\\d+)*)))?' + // optional range
+    '$', // end
+)
diff --git a/frontend/src/svs/components/SvFilterForm/GenesRegionsPane.vue b/frontend/src/svs/components/SvFilterForm/GenesRegionsPane.vue
index e2b2a28af..3268a7b75 100644
--- a/frontend/src/svs/components/SvFilterForm/GenesRegionsPane.vue
+++ b/frontend/src/svs/components/SvFilterForm/GenesRegionsPane.vue
@@ -1,10 +1,12 @@
 <script setup>
-import { computed, onMounted, ref } from 'vue'
 import Multiselect from '@vueform/multiselect'
-import { useCtxStore } from '@/varfish/stores/ctx'
+import { computed, onMounted, ref } from 'vue'
 
+import { useCtxStore } from '@/varfish/stores/ctx'
 import TokenizingTextarea from '@/variants/components/TokenizingTextarea.vue'
 
+import { regexRegion } from './GenesRegionsPane.lib.ts'
+
 const props = defineProps({
   showFiltrationInlineHelp: Boolean,
   filtrationComplexityMode: String,
@@ -55,16 +57,6 @@ const genomicsEnglandPanels = ref([])
 // genomics england confidence
 const genomicsEnglandConfidence = ref(3)
 
-/** Regular expression for validating a genomic region. */
-const regexRegion = new RegExp(
-  '^' + // start
-    '(?<chrom>(chr)?' + // open chrom
-    '(1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|X|Y|M|MT)' + // chrom name
-    ')' + // close chrom
-    '(:(?<start>(\\d+(,\\d+)*))-(?<stop>(\\d+(,\\d+)*)))?' + // optional range
-    '$', // end
-)
-
 /** Load Genome England PanelApp presets. */
 const loadPanelPage = async (page) => {
   await fetch('/proxy/panelapp/v1/panels/?page=' + page).then(
diff --git a/frontend/src/svs/components/SvFilterForm/GenotypePane.vue b/frontend/src/svs/components/SvFilterForm/GenotypePane.vue
index aaa2d07df..4dbe959de 100644
--- a/frontend/src/svs/components/SvFilterForm/GenotypePane.vue
+++ b/frontend/src/svs/components/SvFilterForm/GenotypePane.vue
@@ -1,11 +1,11 @@
 <script setup>
-import { computed, reactive } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
 import { integer, minValue } from '@vuelidate/validators'
+import { computed, reactive } from 'vue'
 
 import { displayName } from '@/varfish/helpers'
-import FilterFormGenotypePaneSex from '@/variants/components/FilterForm/GenotypePaneSex.vue'
 import FilterFormGenotypePaneAffected from '@/variants/components/FilterForm/GenotypePaneAffected.vue'
+import FilterFormGenotypePaneSex from '@/variants/components/FilterForm/GenotypePaneSex.vue'
 
 /** Define component's props. */
 const props = defineProps({
diff --git a/frontend/src/svs/components/SvFilterForm/ImpactPane.vue b/frontend/src/svs/components/SvFilterForm/ImpactPane.vue
index c6c1ce714..28bf17861 100644
--- a/frontend/src/svs/components/SvFilterForm/ImpactPane.vue
+++ b/frontend/src/svs/components/SvFilterForm/ImpactPane.vue
@@ -1,13 +1,13 @@
 <script setup>
-import { computed, onMounted } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
 import { integer, minValue } from '@vuelidate/validators'
+import { computed, onMounted } from 'vue'
 
 import {
-  txEffectFields,
   svSubTypeGroups,
-  svTypeGroups,
   svTypeFields,
+  svTypeGroups,
+  txEffectFields,
 } from '@/svs/components/SvFilterForm/ImpactPane.fields'
 
 // Define the component's props.
diff --git a/frontend/src/svs/components/SvFilterForm/Patho.vue b/frontend/src/svs/components/SvFilterForm/Patho.vue
index bc1591f08..1587cbc95 100644
--- a/frontend/src/svs/components/SvFilterForm/Patho.vue
+++ b/frontend/src/svs/components/SvFilterForm/Patho.vue
@@ -1,7 +1,7 @@
 <script setup>
-import { computed, onMounted } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
-import { numeric, minValue, maxValue } from '@vuelidate/validators'
+import { maxValue, minValue, numeric } from '@vuelidate/validators'
+import { computed, onMounted } from 'vue'
 
 // Define the component's props.
 const props = defineProps({
diff --git a/frontend/src/svs/components/SvFilterForm/QuickPresets.vue b/frontend/src/svs/components/SvFilterForm/QuickPresets.vue
index f97d24b20..f24d7e09e 100644
--- a/frontend/src/svs/components/SvFilterForm/QuickPresets.vue
+++ b/frontend/src/svs/components/SvFilterForm/QuickPresets.vue
@@ -1,10 +1,11 @@
 <script setup>
 import isEqual from 'fast-deep-equal'
-import { onMounted, computed, ref } from 'vue'
-import { copy } from '@/varfish/helpers'
+import { computed, onMounted, ref } from 'vue'
+
 import { useSvQueryStore } from '@/svs/stores/svQuery'
-import { useCtxStore } from '@/varfish/stores/ctx'
 import { randomString } from '@/varfish/common'
+import { copy } from '@/varfish/helpers'
+import { useCtxStore } from '@/varfish/stores/ctx'
 
 const ctxStore = useCtxStore()
 const svQueryStore = useSvQueryStore()
diff --git a/frontend/src/svs/components/SvFilterForm/RegulatoryPane.vue b/frontend/src/svs/components/SvFilterForm/RegulatoryPane.vue
index dadba273f..44d16bdca 100644
--- a/frontend/src/svs/components/SvFilterForm/RegulatoryPane.vue
+++ b/frontend/src/svs/components/SvFilterForm/RegulatoryPane.vue
@@ -1,7 +1,7 @@
 <script setup>
-import { computed, onMounted } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
 import { integer, minValue } from '@vuelidate/validators'
+import { computed, onMounted } from 'vue'
 
 // Define the component's props.
 const props = defineProps({
diff --git a/frontend/src/svs/components/SvFilterForm/TadsPane.vue b/frontend/src/svs/components/SvFilterForm/TadsPane.vue
index c26592540..6c5eeba93 100644
--- a/frontend/src/svs/components/SvFilterForm/TadsPane.vue
+++ b/frontend/src/svs/components/SvFilterForm/TadsPane.vue
@@ -1,6 +1,6 @@
 <script setup>
-import { computed, onMounted } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
+import { computed, onMounted } from 'vue'
 
 // Define the component's props.
 const props = defineProps({
diff --git a/frontend/src/svs/components/SvFilterResultsTable.vue b/frontend/src/svs/components/SvFilterResultsTable.vue
index 29b26c5f7..8255f3a9d 100644
--- a/frontend/src/svs/components/SvFilterResultsTable.vue
+++ b/frontend/src/svs/components/SvFilterResultsTable.vue
@@ -1,21 +1,20 @@
 <script setup>
+import { LinearStrucvarImpl } from '@bihealth/reev-frontend-lib/lib/genomicVars'
 import { sortBy } from 'sort-by-typescript'
-import { computed, onBeforeMount, reactive, watch, ref } from 'vue'
-
+import { computed, onBeforeMount, reactive, ref, watch } from 'vue'
 import EasyDataTable from 'vue3-easy-data-table'
 import 'vue3-easy-data-table/dist/style.css'
 
-import { useCtxStore } from '@/varfish/stores/ctx'
-import { SvClient } from '@/svs/api/strucvarClient'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { useSvResultSetStore } from '@/svs/stores/svResultSet'
-import { useSvFlagsStore, emptyFlagsTemplate } from '@/svs/stores/strucvarFlags'
+import { SvClient } from '@/svs/api/strucvarClient'
+import { emptyFlagsTemplate, useSvFlagsStore } from '@/svs/stores/strucvarFlags'
+import { useSvAcmgRatingStore } from '@/svs/stores/svAcmgRating'
 import { useSvCommentsStore } from '@/svs/stores/svComments'
 import { useSvQueryStore } from '@/svs/stores/svQuery'
+import { useSvResultSetStore } from '@/svs/stores/svResultSet'
+import { displayName, formatLargeInt } from '@/varfish/helpers'
+import { useCtxStore } from '@/varfish/stores/ctx'
 import { getAcmgBadge } from '@/variants/helpers'
-import { useSvAcmgRatingStore } from '@/svs/stores/svAcmgRating'
-import { formatLargeInt, displayName } from '@/varfish/helpers'
-import { LinearStrucvarImpl } from '@bihealth/reev-frontend-lib/lib/genomicVars'
 
 const MAX_GENES = 20
 
diff --git a/frontend/src/svs/stores/strucvarFlags/store.ts b/frontend/src/svs/stores/strucvarFlags/store.ts
index cef4944ba..e1735b35b 100644
--- a/frontend/src/svs/stores/strucvarFlags/store.ts
+++ b/frontend/src/svs/stores/strucvarFlags/store.ts
@@ -1,15 +1,15 @@
 /**
  * Pinia store for handling per-SV flags.
  */
+import { Strucvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import isEqual from 'fast-deep-equal'
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { SvClient, SvFlags } from '@/svs/api/strucvarClient'
 import { bndInsOverlap, reciprocalOverlap } from '@/varfish/helpers'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { Strucvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
-import isEqual from 'fast-deep-equal'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
 
 /** Alias definition of StructuralVariant type; to be defined later. */
diff --git a/frontend/src/svs/stores/svAcmgRating.ts b/frontend/src/svs/stores/svAcmgRating.ts
index 27e10f35a..39c2b88a1 100644
--- a/frontend/src/svs/stores/svAcmgRating.ts
+++ b/frontend/src/svs/stores/svAcmgRating.ts
@@ -1,16 +1,16 @@
 /**
  * Pinia store for handling per-variant ACMG rating.
  */
-import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
-
-import { StoreState, State } from '@/varfish/storeUtils'
-import { SvClient, AcmgRating, strucvarEqual } from '@/svs/api/strucvarClient'
 import {
   LinearStrucvar,
   LinearStrucvarImpl,
   Strucvar,
 } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import { defineStore } from 'pinia'
+import { reactive, ref } from 'vue'
+
+import { AcmgRating, SvClient, strucvarEqual } from '@/svs/api/strucvarClient'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
 
 export const useSvAcmgRatingStore = defineStore('svAcmgRating', () => {
diff --git a/frontend/src/svs/stores/svComments.ts b/frontend/src/svs/stores/svComments.ts
index d081a4f09..a5b0d7c36 100644
--- a/frontend/src/svs/stores/svComments.ts
+++ b/frontend/src/svs/stores/svComments.ts
@@ -5,15 +5,15 @@
  *
  * - `caseDetailsStore`
  */
+import { Strucvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import isEqual from 'fast-deep-equal'
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { SvClient } from '@/svs/api/strucvarClient'
 import { reciprocalOverlap } from '@/varfish/helpers'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { Strucvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
-import isEqual from 'fast-deep-equal'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
 
 /** Alias definition of StructuralVariantComment type; to be defined later. */
diff --git a/frontend/src/svs/stores/svDetails.ts b/frontend/src/svs/stores/svDetails.ts
index 538467d24..ae3599c65 100644
--- a/frontend/src/svs/stores/svDetails.ts
+++ b/frontend/src/svs/stores/svDetails.ts
@@ -1,9 +1,9 @@
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { AnnonarsApiClient } from '@/varfish/api/annonars'
-import { StoreState, State } from '@/varfish/storeUtils'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { AnnonarsApiClient } from '@/varfish/api/annonars'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
 
 /** `SvRecord` is a type alias for easier future interface definition. */
diff --git a/frontend/src/svs/stores/svQuery.js b/frontend/src/svs/stores/svQuery.js
index 4a9b697d7..8f7357e1c 100644
--- a/frontend/src/svs/stores/svQuery.js
+++ b/frontend/src/svs/stores/svQuery.js
@@ -1,17 +1,17 @@
 /**
  * NB: this is one of the few stores that don't have an initializeRes on purpose.
  */
+import camelCase from 'camelcase'
+import { defineStore } from 'pinia'
+import { nextTick, reactive, ref } from 'vue'
 
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { SvClient } from '@/svs/api/strucvarClient'
 import { useSvResultSetStore } from '@/svs/stores/svResultSet'
-import { useCtxStore } from '@/varfish/stores/ctx'
 import { State, StoreState } from '@/varfish/storeUtils'
-import { apiQueryStateToQueryState, QueryStates } from '@/variants/enums'
+import { useCtxStore } from '@/varfish/stores/ctx'
+import { QueryStates, apiQueryStateToQueryState } from '@/variants/enums'
 import { copy } from '@/variants/helpers'
-import camelCase from 'camelcase'
-import { defineStore } from 'pinia'
-import { nextTick, reactive, ref } from 'vue'
 
 /** Helper that fetches the presets and stores them in quickPresets.value and categoryPresets.value
  */
diff --git a/frontend/src/svs/stores/svResultSet.ts b/frontend/src/svs/stores/svResultSet.ts
index 0a07f7f57..be4bd00e5 100644
--- a/frontend/src/svs/stores/svResultSet.ts
+++ b/frontend/src/svs/stores/svResultSet.ts
@@ -1,14 +1,13 @@
 /**
  * Store with the result set and result set UUID of an SV query.
  */
-
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
 import { SvClient } from '@/svs/api/strucvarClient'
-import { VariantClient } from '@/variants/api/variantClient'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
+import { VariantClient } from '@/variants/api/variantClient'
 
 export const useSvResultSetStore = defineStore('svResultSet', () => {
   // store dependencies
diff --git a/frontend/src/svs/views/StrucvarDetails/StrucvarDetails.vue b/frontend/src/svs/views/StrucvarDetails/StrucvarDetails.vue
index ab38d97a8..a719583b9 100644
--- a/frontend/src/svs/views/StrucvarDetails/StrucvarDetails.vue
+++ b/frontend/src/svs/views/StrucvarDetails/StrucvarDetails.vue
@@ -9,45 +9,42 @@
  *
  * See `SeqvarDetails` for a peer app for sequence variants
  */
-
-import { onMounted, watch, ref, computed } from 'vue'
-import { svLocus } from './lib'
-
-import { useSvDetailsStore } from '@/svs/stores/svDetails'
-import { useSvFlagsStore } from '@/svs/stores/strucvarFlags'
-import { useSvCommentsStore } from '@/svs/stores/svComments'
-import { useSvResultSetStore } from '@/svs/stores/svResultSet'
-import { useStrucvarInfoStore } from '@bihealth/reev-frontend-lib/stores/strucvarInfo'
-
-import CommentsCard from '@/varfish/components/CommentsCard/CommentsCard.vue'
-import FlagsCard from '@/varfish/components/FlagsCard/FlagsCard.vue'
-import AcmgRatingCard from '@/svs/components/StrucvarAcmgRatingCard/StrucvarAcmgRatingCard.vue'
-import { useCtxStore } from '@/varfish/stores/ctx'
-
-import StrucvarDetailsNavi from '@/svs/components/StrucvarDetailsNavi/StrucvarDetailsNavi.vue'
-import StrucvarDetailsHeader from '@/svs/components/StrucvarDetailsHeader/StrucvarDetailsHeader.vue'
-import StrucvarGenotypeCallCard from '@/svs/components/StrucvarGenotypeCallCard/StrucvarGenotypeCallCard.vue'
-
+import GeneClinvarCard from '@bihealth/reev-frontend-lib/components/GeneClinvarCard/GeneClinvarCard.vue'
+import GeneConditionsCard from '@bihealth/reev-frontend-lib/components/GeneConditionsCard/GeneConditionsCard.vue'
+import GeneExpressionCard from '@bihealth/reev-frontend-lib/components/GeneExpressionCard/GeneExpressionCard.vue'
+import GeneLiteratureCard from '@bihealth/reev-frontend-lib/components/GeneLiteratureCard/GeneLiteratureCard.vue'
+import GeneOverviewCard from '@bihealth/reev-frontend-lib/components/GeneOverviewCard/GeneOverviewCard.vue'
+import GenePathogenicityCard from '@bihealth/reev-frontend-lib/components/GenePathogenicityCard/GenePathogenicityCard.vue'
+import GenomeBrowserCard from '@bihealth/reev-frontend-lib/components/GenomeBrowserCard/GenomeBrowserCard.vue'
+import StrucvarClinvarCard from '@bihealth/reev-frontend-lib/components/StrucvarClinvarCard/StrucvarClinvarCard.vue'
+import StrucvarGeneListCard from '@bihealth/reev-frontend-lib/components/StrucvarGeneListCard/StrucvarGeneListCard.vue'
+import StrucvarToolsCard from '@bihealth/reev-frontend-lib/components/StrucvarToolsCard/StrucvarToolsCard.vue'
 import {
   BreakendStrucvarImpl,
   LinearStrucvarImpl,
   Strucvar,
 } from '@bihealth/reev-frontend-lib/lib/genomicVars'
-import StrucvarGeneListCard from '@bihealth/reev-frontend-lib/components/StrucvarGeneListCard/StrucvarGeneListCard.vue'
+import { StoreState } from '@bihealth/reev-frontend-lib/stores'
 import { useGeneInfoStore } from '@bihealth/reev-frontend-lib/stores/geneInfo'
-import GeneOverviewCard from '@bihealth/reev-frontend-lib/components/GeneOverviewCard/GeneOverviewCard.vue'
-import GenePathogenicityCard from '@bihealth/reev-frontend-lib/components/GenePathogenicityCard/GenePathogenicityCard.vue'
-import GeneConditionsCard from '@bihealth/reev-frontend-lib/components/GeneConditionsCard/GeneConditionsCard.vue'
-import GeneExpressionCard from '@bihealth/reev-frontend-lib/components/GeneExpressionCard/GeneExpressionCard.vue'
-import GeneClinvarCard from '@bihealth/reev-frontend-lib/components/GeneClinvarCard/GeneClinvarCard.vue'
-import GeneLiteratureCard from '@bihealth/reev-frontend-lib/components/GeneLiteratureCard/GeneLiteratureCard.vue'
-import StrucvarClinvarCard from '@bihealth/reev-frontend-lib/components/StrucvarClinvarCard/StrucvarClinvarCard.vue'
-import StrucvarToolsCard from '@bihealth/reev-frontend-lib/components/StrucvarToolsCard/StrucvarToolsCard.vue'
-import GenomeBrowserCard from '@bihealth/reev-frontend-lib/components/GenomeBrowserCard/GenomeBrowserCard.vue'
+import { usePubtatorStore } from '@bihealth/reev-frontend-lib/stores/pubtator'
+import { useStrucvarInfoStore } from '@bihealth/reev-frontend-lib/stores/strucvarInfo'
+import { computed, onMounted, ref, watch } from 'vue'
+
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import AcmgRatingCard from '@/svs/components/StrucvarAcmgRatingCard/StrucvarAcmgRatingCard.vue'
+import StrucvarDetailsHeader from '@/svs/components/StrucvarDetailsHeader/StrucvarDetailsHeader.vue'
+import StrucvarDetailsNavi from '@/svs/components/StrucvarDetailsNavi/StrucvarDetailsNavi.vue'
+import StrucvarGenotypeCallCard from '@/svs/components/StrucvarGenotypeCallCard/StrucvarGenotypeCallCard.vue'
+import { useSvFlagsStore } from '@/svs/stores/strucvarFlags'
+import { useSvCommentsStore } from '@/svs/stores/svComments'
+import { useSvDetailsStore } from '@/svs/stores/svDetails'
+import { useSvResultSetStore } from '@/svs/stores/svResultSet'
+import CommentsCard from '@/varfish/components/CommentsCard/CommentsCard.vue'
+import FlagsCard from '@/varfish/components/FlagsCard/FlagsCard.vue'
 import { State } from '@/varfish/storeUtils'
-import { StoreState } from '@bihealth/reev-frontend-lib/stores'
-import { usePubtatorStore } from '@bihealth/reev-frontend-lib/stores/pubtator'
+import { useCtxStore } from '@/varfish/stores/ctx'
+
+import { svLocus } from './lib'
 
 const props = defineProps<{
   /** Project UUID. */
diff --git a/frontend/src/svs/views/StrucvarFilterLegacy/StrucvarFilterLegacy.vue b/frontend/src/svs/views/StrucvarFilterLegacy/StrucvarFilterLegacy.vue
index a1da293d5..33f6c709d 100644
--- a/frontend/src/svs/views/StrucvarFilterLegacy/StrucvarFilterLegacy.vue
+++ b/frontend/src/svs/views/StrucvarFilterLegacy/StrucvarFilterLegacy.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-import { watch, onMounted, computed, ref } from 'vue'
-import { useCaseListStore } from '@/cases/stores/caseList'
-import { useProjectStore } from '@/cases/stores/project/store'
-import { useSvQueryStore } from '@/svs/stores/svQuery'
+import { computed, onMounted, ref, watch } from 'vue'
 
-import SvFilterApp from '@/svs/components/SvFilterApp.vue'
 import TheAppBar from '@/cases/components/TheAppBar/TheAppBar.vue'
 import TheNavBar from '@/cases/components/TheNavBar/TheNavBar.vue'
+import { useCaseListStore } from '@/cases/stores/caseList'
+import { useProjectStore } from '@/cases/stores/project/store'
+import SvFilterApp from '@/svs/components/SvFilterApp.vue'
+import { useSvQueryStore } from '@/svs/stores/svQuery'
 
 const props = defineProps<{
   /** The project UUID. */
diff --git a/frontend/src/varfish/components/CommentsCard/CommentsCard.vue b/frontend/src/varfish/components/CommentsCard/CommentsCard.vue
index 16608823d..3beb898bd 100644
--- a/frontend/src/varfish/components/CommentsCard/CommentsCard.vue
+++ b/frontend/src/varfish/components/CommentsCard/CommentsCard.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import { ref, watch, onMounted } from 'vue'
 import { DateTime } from 'luxon'
+import { onMounted, ref, watch } from 'vue'
 
 import { State } from '@/varfish/storeUtils'
+
 // import DocsLink from '@bihealth/reev-frontend-lib/components/DocsLink/DocsLink.vue'
 
 /** This component's props. Can't use props as variable name as it is a reserved keyword in vuetify. */
diff --git a/frontend/src/varfish/components/FilterForm/DevPane.vue b/frontend/src/varfish/components/FilterForm/DevPane.vue
index de97daab1..76cfde4fe 100644
--- a/frontend/src/varfish/components/FilterForm/DevPane.vue
+++ b/frontend/src/varfish/components/FilterForm/DevPane.vue
@@ -1,6 +1,6 @@
 <script setup>
-import useClipboard from 'vue-clipboard3'
 import { computed, ref } from 'vue'
+import useClipboard from 'vue-clipboard3'
 
 const props = defineProps({
   querySettings: Object,
diff --git a/frontend/src/varfish/components/FlagsCard/FlagsCard.vue b/frontend/src/varfish/components/FlagsCard/FlagsCard.vue
index 7794f429f..6c616a25c 100644
--- a/frontend/src/varfish/components/FlagsCard/FlagsCard.vue
+++ b/frontend/src/varfish/components/FlagsCard/FlagsCard.vue
@@ -2,10 +2,11 @@
 import isEqual from 'fast-deep-equal'
 import { computed, onMounted, ref, watch } from 'vue'
 
-import { State } from '@/varfish/storeUtils'
 import { copy } from '@/varfish/helpers'
+import { State } from '@/varfish/storeUtils'
+
 // import DocsLink from '@bihealth/reev-frontend-lib/components/DocsLink/DocsLink.vue'
-import { BOOLEAN_FLAGS, COLOR_VALUES, COLOR_FLAGS } from './constants'
+import { BOOLEAN_FLAGS, COLOR_FLAGS, COLOR_VALUES } from './constants'
 
 /** This component's props. */
 const props_ = defineProps<{
diff --git a/frontend/src/varfish/components/ModalBase.vue b/frontend/src/varfish/components/ModalBase.vue
index 5673b2197..ffb98d491 100644
--- a/frontend/src/varfish/components/ModalBase.vue
+++ b/frontend/src/varfish/components/ModalBase.vue
@@ -1,10 +1,9 @@
 <script setup>
 /** A simple bootstrap-driven modal.
  */
-
-import { ref } from 'vue'
-import $ from 'jquery'
 import 'bootstrap/dist/js/bootstrap.bundle'
+import $ from 'jquery'
+import { ref } from 'vue'
 
 /** Define the props. */
 const props = defineProps({
diff --git a/frontend/src/varfish/components/ModalConfirm.vue b/frontend/src/varfish/components/ModalConfirm.vue
index 3486f516f..445d728a5 100644
--- a/frontend/src/varfish/components/ModalConfirm.vue
+++ b/frontend/src/varfish/components/ModalConfirm.vue
@@ -8,11 +8,10 @@
  * or use the Promise returned by show with its resolve function.  Both the event and the resolve
  * function will be passed the "extraData" value.
  */
-
 import { reactive, ref } from 'vue'
 
-import ModalBase from '@/varfish/components/ModalBase.vue'
 import { randomString } from '@/varfish/common'
+import ModalBase from '@/varfish/components/ModalBase.vue'
 import { copy } from '@/varfish/helpers'
 
 /** Define props, will be copied to propsCopy. */
diff --git a/frontend/src/varfish/components/ModalInput.vue b/frontend/src/varfish/components/ModalInput.vue
index 16ed4492e..48f65fc76 100644
--- a/frontend/src/varfish/components/ModalInput.vue
+++ b/frontend/src/varfish/components/ModalInput.vue
@@ -8,12 +8,11 @@
  * or use the Promise returned by show with its resolve function.  Both the event and the resolve
  * function will be passed the input and the "props.extraData" value.
  */
+import { useVuelidate } from '@vuelidate/core'
+import { computed, onMounted, reactive, ref } from 'vue'
 
-import { onMounted, computed, reactive, ref } from 'vue'
-
-import ModalBase from '@/varfish/components/ModalBase.vue'
 import { randomString } from '@/varfish/common'
-import { useVuelidate } from '@vuelidate/core'
+import ModalBase from '@/varfish/components/ModalBase.vue'
 import { copy } from '@/varfish/helpers'
 
 const props = defineProps({
diff --git a/frontend/src/varfish/components/ModalSelect.vue b/frontend/src/varfish/components/ModalSelect.vue
index b2015c72d..f5ace349d 100644
--- a/frontend/src/varfish/components/ModalSelect.vue
+++ b/frontend/src/varfish/components/ModalSelect.vue
@@ -6,12 +6,11 @@
  *
  * The options are given as list of objects with "label" and "value" properties.
  */
+import { useVuelidate } from '@vuelidate/core'
+import { computed, onMounted, reactive, ref } from 'vue'
 
-import { onMounted, computed, reactive, ref } from 'vue'
-
-import ModalBase from '@/varfish/components/ModalBase.vue'
 import { randomString } from '@/varfish/common'
-import { useVuelidate } from '@vuelidate/core'
+import ModalBase from '@/varfish/components/ModalBase.vue'
 import { copy } from '@/varfish/helpers'
 
 const props = defineProps({
diff --git a/frontend/src/varfish/components/Toast.vue b/frontend/src/varfish/components/Toast.vue
index 954d05538..fac4efb64 100644
--- a/frontend/src/varfish/components/Toast.vue
+++ b/frontend/src/varfish/components/Toast.vue
@@ -6,6 +6,7 @@
  */
 import $ from 'jquery'
 import { onMounted, ref } from 'vue'
+
 import { formatTimeAgo } from '@/varfish/helpers'
 import { copy } from '@/varfish/helpers'
 
diff --git a/frontend/src/varfish/components/VegaPlot.vue b/frontend/src/varfish/components/VegaPlot.vue
index 3c5d349e4..eb00104fa 100644
--- a/frontend/src/varfish/components/VegaPlot.vue
+++ b/frontend/src/varfish/components/VegaPlot.vue
@@ -5,7 +5,7 @@
  */
 import * as vega from 'vega'
 import vegaEmbed from 'vega-embed'
-import { onMounted, computed, ref, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 
 /** Define the props. */
 const props = defineProps({
diff --git a/frontend/src/varfish/helpers.ts b/frontend/src/varfish/helpers.ts
index 5c7af168b..ea11dfafb 100644
--- a/frontend/src/varfish/helpers.ts
+++ b/frontend/src/varfish/helpers.ts
@@ -1,7 +1,6 @@
 /**
  * Various helpers used throughout the VarFish front-end.
  */
-
 import TimeAgo from 'javascript-time-ago'
 import en from 'javascript-time-ago/locale/en'
 
diff --git a/frontend/src/varfish/stores/ctx/store.ts b/frontend/src/varfish/stores/ctx/store.ts
index 598429c18..c3d89fbc2 100644
--- a/frontend/src/varfish/stores/ctx/store.ts
+++ b/frontend/src/varfish/stores/ctx/store.ts
@@ -1,12 +1,14 @@
-import { ref } from 'vue'
-import { defineStore } from 'pinia'
-import { SodarUser } from './types'
 import {
   CasesService,
   UserAndGlobalSettings,
 } from '@varfish-org/varfish-api/lib'
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
 import { client } from '@/cases/plugins/heyApi'
 
+import { SodarUser } from './types'
+
 /**
  * Returns the value of a cookie.
  *
diff --git a/frontend/src/varfish/stores/history.ts b/frontend/src/varfish/stores/history.ts
index 25c6e4840..6f27e48ce 100644
--- a/frontend/src/varfish/stores/history.ts
+++ b/frontend/src/varfish/stores/history.ts
@@ -1,5 +1,5 @@
-import { ref } from 'vue'
 import { defineStore } from 'pinia'
+import { ref } from 'vue'
 
 /**
  * Helper store that allows us to store a stack of the history.
diff --git a/frontend/src/varfish/stores/ui.ts b/frontend/src/varfish/stores/ui.ts
index 112ce8849..151350c15 100644
--- a/frontend/src/varfish/stores/ui.ts
+++ b/frontend/src/varfish/stores/ui.ts
@@ -1,9 +1,8 @@
 /**
  * Helper store that allows user to manipulate the UIs.
  */
-
-import { ref } from 'vue'
 import { defineStore } from 'pinia'
+import { ref } from 'vue'
 
 export const useUiStore = defineStore('ui', () => {
   /** Whether the UI is maximized */
diff --git a/frontend/src/variants/api/variantClient/client.ts b/frontend/src/variants/api/variantClient/client.ts
index 8615d8f57..2efd8e0e6 100644
--- a/frontend/src/variants/api/variantClient/client.ts
+++ b/frontend/src/variants/api/variantClient/client.ts
@@ -1,5 +1,7 @@
-import { ClientBase } from '@/varfish/apiUtils'
 import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+
+import { ClientBase } from '@/varfish/apiUtils'
+
 import { AcmgRating, AcmgRating$Api, AcmgRatingPage$Api } from './types'
 
 type QuickPresets = any
diff --git a/frontend/src/variants/api/variantClient/types.ts b/frontend/src/variants/api/variantClient/types.ts
index 6271b1eff..aaa2cb8c1 100644
--- a/frontend/src/variants/api/variantClient/types.ts
+++ b/frontend/src/variants/api/variantClient/types.ts
@@ -1,6 +1,6 @@
 import {
-  SeqvarImpl,
   type Seqvar,
+  SeqvarImpl,
 } from '@bihealth/reev-frontend-lib/lib/genomicVars'
 
 /**
diff --git a/frontend/src/variants/components/AcmgRatingCard/AcmgRatingCard.stories.ts b/frontend/src/variants/components/AcmgRatingCard/AcmgRatingCard.stories.ts
index 6087b1015..2688d1472 100644
--- a/frontend/src/variants/components/AcmgRatingCard/AcmgRatingCard.stories.ts
+++ b/frontend/src/variants/components/AcmgRatingCard/AcmgRatingCard.stories.ts
@@ -1,8 +1,10 @@
-import AcmgRatingCard from './AcmgRatingCard.vue'
 import { Seqvar, SeqvarImpl } from '@bihealth/reev-frontend-lib/lib/genomicVars'
 import type { Meta, StoryObj } from '@storybook/vue3'
+
 import { AcmgRating$Api } from '@/variants/api/variantClient'
 
+import AcmgRatingCard from './AcmgRatingCard.vue'
+
 const projectUuid = 'fake-project-uuid'
 const caseUuid = 'fake-case-uuid'
 const seqvarExampleBenign: Seqvar = new SeqvarImpl(
diff --git a/frontend/src/variants/components/AcmgRatingCard/AcmgRatingCard.vue b/frontend/src/variants/components/AcmgRatingCard/AcmgRatingCard.vue
index 10ea8ac0e..ef80ba239 100644
--- a/frontend/src/variants/components/AcmgRatingCard/AcmgRatingCard.vue
+++ b/frontend/src/variants/components/AcmgRatingCard/AcmgRatingCard.vue
@@ -1,20 +1,22 @@
 <script setup lang="ts">
+import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import { computed, onMounted, ref, toRaw, watch } from 'vue'
+
 import { State } from '@/varfish/storeUtils'
+import {
+  AcmgRating,
+  acmgRatingEqual,
+  seqvarAssign,
+} from '@/variants/api/variantClient'
 import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
-import { computed, onMounted, ref, toRaw, watch } from 'vue'
-import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+
 import { EMPTY_ACMG_RATING_TEMPLATE } from './constants'
 import {
-  CRITERIA_PATHOGENIC,
-  CRITERIA_BENIGN,
   CATEGORY_LABELS,
+  CRITERIA_BENIGN,
+  CRITERIA_PATHOGENIC,
 } from './constants'
-import { pairwise, acmgColor, acmgLabel } from './lib'
-import {
-  AcmgRating,
-  seqvarAssign,
-  acmgRatingEqual,
-} from '@/variants/api/variantClient'
+import { acmgColor, acmgLabel, pairwise } from './lib'
 
 /** This component's props. */
 const props = defineProps<{
diff --git a/frontend/src/variants/components/AcmgRatingCard/constants.ts b/frontend/src/variants/components/AcmgRatingCard/constants.ts
index cbc96fb77..80907ea28 100644
--- a/frontend/src/variants/components/AcmgRatingCard/constants.ts
+++ b/frontend/src/variants/components/AcmgRatingCard/constants.ts
@@ -1,4 +1,5 @@
 import { AcmgRating } from '@/variants/api/variantClient'
+
 import { Category, Criterion } from './types'
 
 /** Labels for `Category`. */
diff --git a/frontend/src/variants/components/AcmgRatingCard/lib.spec.ts b/frontend/src/variants/components/AcmgRatingCard/lib.spec.ts
index 7003c3962..1dac16b2a 100644
--- a/frontend/src/variants/components/AcmgRatingCard/lib.spec.ts
+++ b/frontend/src/variants/components/AcmgRatingCard/lib.spec.ts
@@ -1,5 +1,6 @@
 import { describe, expect, test } from 'vitest'
-import { zip, pairwise } from './lib'
+
+import { pairwise, zip } from './lib'
 
 describe('zip', () => {
   test('zips two arrays together', () => {
diff --git a/frontend/src/variants/components/ColumnControl.vue b/frontend/src/variants/components/ColumnControl.vue
index 7653c595c..b80c755dd 100644
--- a/frontend/src/variants/components/ColumnControl.vue
+++ b/frontend/src/variants/components/ColumnControl.vue
@@ -1,12 +1,13 @@
 <script setup>
 import Multiselect from '@vueform/multiselect'
+import { computed } from 'vue'
+
 import {
-  DisplayFrequencies,
-  DisplayConstraints,
   DisplayColumns,
+  DisplayConstraints,
   DisplayDetails,
+  DisplayFrequencies,
 } from '@/variants/enums'
-import { computed } from 'vue'
 
 const props = defineProps({
   // model props
diff --git a/frontend/src/variants/components/FilterApp.vue b/frontend/src/variants/components/FilterApp.vue
index efc2b9af3..a01e93875 100644
--- a/frontend/src/variants/components/FilterApp.vue
+++ b/frontend/src/variants/components/FilterApp.vue
@@ -1,20 +1,19 @@
 <script setup>
 import $ from 'jquery'
-import { watch, onMounted, nextTick, onBeforeMount } from 'vue'
+import { nextTick, onBeforeMount, onMounted, watch } from 'vue'
 
-import { State } from '@/varfish/storeUtils'
-import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
-import { useVariantCommentsStore } from '@/variants/stores/variantComments'
-import { useVariantQueryStore } from '@/variants/stores/variantQuery'
-import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
-import { useVariantResultSetStore } from '@/variants/stores/variantResultSet'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { State } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
 import { updateUserSetting } from '@/varfish/userSettings'
-import { QueryStates, QueryStateToText } from '@/variants/enums'
-
 import FilterForm from '@/variants/components/FilterForm.vue'
 import FilterResultsTable from '@/variants/components/FilterResultsTable.vue'
+import { QueryStateToText, QueryStates } from '@/variants/enums'
+import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
+import { useVariantCommentsStore } from '@/variants/stores/variantComments'
+import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
+import { useVariantQueryStore } from '@/variants/stores/variantQuery'
+import { useVariantResultSetStore } from '@/variants/stores/variantResultSet'
 
 const props = defineProps({
   /** The project UUID. */
diff --git a/frontend/src/variants/components/FilterForm.vue b/frontend/src/variants/components/FilterForm.vue
index 949017871..27b1536c8 100644
--- a/frontend/src/variants/components/FilterForm.vue
+++ b/frontend/src/variants/components/FilterForm.vue
@@ -1,21 +1,22 @@
 <script setup>
+import { useVuelidate } from '@vuelidate/core'
+import { computed, ref } from 'vue'
+
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import FilterFormDevPane from '@/varfish/components/FilterForm//DevPane.vue'
 import Overlay from '@/varfish/components/Overlay.vue'
-import FilterFormGenotypePane from '@/variants/components/FilterForm//GenotypePane.vue'
-import FilterFormFrequencyPane from '@/variants/components/FilterForm//FrequencyPane.vue'
-import FilterFormFooter from '@/variants/components/FilterForm//Footer.vue'
-import FilterFormPriotizationPane from '@/variants/components/FilterForm//PrioritizationPane.vue'
-import FilterFormEffectPane from '@/variants/components/FilterForm//EffectPane.vue'
 import FilterFormClinvarPane from '@/variants/components/FilterForm//ClinvarPane.vue'
-import FilterFormGenesRegionsPane from '@/variants/components/FilterForm//GenesRegionsPane.vue'
+import FilterFormEffectPane from '@/variants/components/FilterForm//EffectPane.vue'
 import FilterFormFlagsPane from '@/variants/components/FilterForm//FlagsPane.vue'
-import FilterFormDevPane from '@/varfish/components/FilterForm//DevPane.vue'
+import FilterFormFooter from '@/variants/components/FilterForm//Footer.vue'
+import FilterFormFrequencyPane from '@/variants/components/FilterForm//FrequencyPane.vue'
+import FilterFormGenesRegionsPane from '@/variants/components/FilterForm//GenesRegionsPane.vue'
+import FilterFormGenotypePane from '@/variants/components/FilterForm//GenotypePane.vue'
+import FilterFormPriotizationPane from '@/variants/components/FilterForm//PrioritizationPane.vue'
 import FilterFormQualityPane from '@/variants/components/FilterForm//QualityPane.vue'
 import FilterFormQuickPresets from '@/variants/components/FilterForm//QuickPresets.vue'
 import { QueryStates } from '@/variants/enums'
-import { computed, ref } from 'vue'
-import { useVuelidate } from '@vuelidate/core'
 import { useVariantQueryStore } from '@/variants/stores/variantQuery'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 
 const variantQueryStore = useVariantQueryStore()
 const caseDetailsStore = useCaseDetailsStore()
diff --git a/frontend/src/variants/components/FilterForm/ClinvarPane.stories.js b/frontend/src/variants/components/FilterForm/ClinvarPane.stories.js
index 3e3170075..01dbcb384 100644
--- a/frontend/src/variants/components/FilterForm/ClinvarPane.stories.js
+++ b/frontend/src/variants/components/FilterForm/ClinvarPane.stories.js
@@ -1,6 +1,7 @@
-import FilterFormClinvarPane from '@/variants/components/FilterForm/ClinvarPane.vue'
 import { reactive } from 'vue'
 
+import FilterFormClinvarPane from '@/variants/components/FilterForm/ClinvarPane.vue'
+
 export default {
   title: 'Variants / Filter Form ClinVar',
   component: FilterFormClinvarPane,
diff --git a/frontend/src/variants/components/FilterForm/EffectPane.stories.js b/frontend/src/variants/components/FilterForm/EffectPane.stories.js
index 56923c93f..216518cc0 100644
--- a/frontend/src/variants/components/FilterForm/EffectPane.stories.js
+++ b/frontend/src/variants/components/FilterForm/EffectPane.stories.js
@@ -1,6 +1,7 @@
-import FilterFormEffectPane from '@/variants/components/FilterForm/EffectPane.vue'
 import querySettingsSingleton from '@tests/variants/data/query-settings-singleton.json'
 
+import FilterFormEffectPane from '@/variants/components/FilterForm/EffectPane.vue'
+
 export default {
   title: 'Variants / Filter Form Effect',
   component: FilterFormEffectPane,
diff --git a/frontend/src/variants/components/FilterForm/EffectPane.vue b/frontend/src/variants/components/FilterForm/EffectPane.vue
index 5d99234d4..22a6e3c36 100644
--- a/frontend/src/variants/components/FilterForm/EffectPane.vue
+++ b/frontend/src/variants/components/FilterForm/EffectPane.vue
@@ -1,14 +1,15 @@
 <script setup>
+import { useVuelidate } from '@vuelidate/core'
+import { integer, minValue } from '@vuelidate/validators'
+import { computed, onMounted } from 'vue'
+
 import {
-  variantTypesFields,
-  transcriptTypeFields,
-  effectGroupsFields,
   detailedEffectGroups,
   effectGroups,
+  effectGroupsFields,
+  transcriptTypeFields,
+  variantTypesFields,
 } from '@/variants/components/FilterForm/EffectPane.fields'
-import { useVuelidate } from '@vuelidate/core'
-import { integer, minValue } from '@vuelidate/validators'
-import { computed, onMounted } from 'vue'
 
 const props = defineProps({
   showFiltrationInlineHelp: Boolean,
diff --git a/frontend/src/variants/components/FilterForm/FlagsPane.stories.js b/frontend/src/variants/components/FilterForm/FlagsPane.stories.js
index a6b7dfc47..f9ead2af2 100644
--- a/frontend/src/variants/components/FilterForm/FlagsPane.stories.js
+++ b/frontend/src/variants/components/FilterForm/FlagsPane.stories.js
@@ -1,6 +1,7 @@
-import FilterFormFlagsPane from '@/variants/components/FilterForm/FlagsPane.vue'
 import querySettingsSingleton from '@tests/variants/data/query-settings-singleton.json'
 
+import FilterFormFlagsPane from '@/variants/components/FilterForm/FlagsPane.vue'
+
 export default {
   title: 'Variants / Filter Form Flags',
   component: FilterFormFlagsPane,
diff --git a/frontend/src/variants/components/FilterForm/FlagsPane.vue b/frontend/src/variants/components/FilterForm/FlagsPane.vue
index 14f4221b5..423578dd5 100644
--- a/frontend/src/variants/components/FilterForm/FlagsPane.vue
+++ b/frontend/src/variants/components/FilterForm/FlagsPane.vue
@@ -1,9 +1,9 @@
 <script setup>
 import VariantDetailsFlagsIndicator from '@/varfish/components/VariantDetails/FlagsIndicator.vue'
 import {
-  simpleFlags,
   flagNames,
   flagValues,
+  simpleFlags,
 } from '@/variants/components/FilterForm/FlagsPane.fields'
 
 const props = defineProps({
diff --git a/frontend/src/variants/components/FilterForm/Footer.vue b/frontend/src/variants/components/FilterForm/Footer.vue
index 71f603a33..7da7aaf5e 100644
--- a/frontend/src/variants/components/FilterForm/Footer.vue
+++ b/frontend/src/variants/components/FilterForm/Footer.vue
@@ -1,7 +1,8 @@
 <script setup>
 import { computed } from 'vue'
-import { declareWrapper } from '@/variants/helpers'
+
 import { QueryStates } from '@/variants/enums'
+import { declareWrapper } from '@/variants/helpers'
 import { useVariantQueryStore } from '@/variants/stores/variantQuery'
 
 const props = defineProps({
diff --git a/frontend/src/variants/components/FilterForm/FrequencyPane.stories.js b/frontend/src/variants/components/FilterForm/FrequencyPane.stories.js
index c3ba5731b..553bedfad 100644
--- a/frontend/src/variants/components/FilterForm/FrequencyPane.stories.js
+++ b/frontend/src/variants/components/FilterForm/FrequencyPane.stories.js
@@ -1,7 +1,8 @@
-import FilterFormFrequencyPane from '@/variants/components/FilterForm/FrequencyPane.vue'
 import singletonCaseData from '@tests/variants/data/case-singleton.json'
 import querySettingsSingleton from '@tests/variants/data/query-settings-singleton.json'
 
+import FilterFormFrequencyPane from '@/variants/components/FilterForm/FrequencyPane.vue'
+
 export default {
   title: 'Variants / Filter Form Frequency',
   component: FilterFormFrequencyPane,
diff --git a/frontend/src/variants/components/FilterForm/GenesRegionsPane.lib.ts b/frontend/src/variants/components/FilterForm/GenesRegionsPane.lib.ts
new file mode 100644
index 000000000..f3d61f701
--- /dev/null
+++ b/frontend/src/variants/components/FilterForm/GenesRegionsPane.lib.ts
@@ -0,0 +1,9 @@
+/** Regular expression for validating a genomic region. */
+export const regexRegion = new RegExp(
+  '^' + // start
+    '(?<chrom>(chr)?' + // open chrom
+    '(1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|X|Y|M|MT)' + // chrom name
+    ')' + // close chrom
+    '(:(?<start>(\\d+(,\\d+)*))-(?<stop>(\\d+(,\\d+)*)))?' + // optional range
+    '$', // end
+)
diff --git a/frontend/src/variants/components/FilterForm/GenesRegionsPane.stories.js b/frontend/src/variants/components/FilterForm/GenesRegionsPane.stories.js
index de4c9e346..364ccab24 100644
--- a/frontend/src/variants/components/FilterForm/GenesRegionsPane.stories.js
+++ b/frontend/src/variants/components/FilterForm/GenesRegionsPane.stories.js
@@ -1,6 +1,7 @@
-import FilterFormGenesRegionsPane from '@/variants/components/FilterForm/GenesRegionsPane.vue'
 import { reactive } from 'vue'
 
+import FilterFormGenesRegionsPane from '@/variants/components/FilterForm/GenesRegionsPane.vue'
+
 export default {
   title: 'Variants / Filter Form Genes & Regions',
   component: FilterFormGenesRegionsPane,
diff --git a/frontend/src/variants/components/FilterForm/GenesRegionsPane.vue b/frontend/src/variants/components/FilterForm/GenesRegionsPane.vue
index b3955acbb..6cad35cdd 100644
--- a/frontend/src/variants/components/FilterForm/GenesRegionsPane.vue
+++ b/frontend/src/variants/components/FilterForm/GenesRegionsPane.vue
@@ -2,13 +2,14 @@
 /**
  * Definition of the filter form tab for genes and regions.
  */
-
-import { computed, onMounted, ref } from 'vue'
 import Multiselect from '@vueform/multiselect'
-import { useCtxStore } from '@/varfish/stores/ctx'
+import { computed, onMounted, ref } from 'vue'
 
+import { useCtxStore } from '@/varfish/stores/ctx'
 import TokenizingTextarea from '@/variants/components/TokenizingTextarea.vue'
 
+import { regexRegion } from './GenesRegionsPane.lib'
+
 const props = defineProps({
   showFiltrationInlineHelp: Boolean,
   filtrationComplexityMode: String,
@@ -59,16 +60,6 @@ const genomicsEnglandPanels = ref([])
 // genomics england confidence
 const genomicsEnglandConfidence = ref(3)
 
-/** Regular expression for validating a genomic region. */
-const regexRegion = new RegExp(
-  '^' + // start
-    '(?<chrom>(chr)?' + // open chrom
-    '(1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|X|Y|M|MT)' + // chrom name
-    ')' + // close chrom
-    '(:(?<start>(\\d+(,\\d+)*))-(?<stop>(\\d+(,\\d+)*)))?' + // optional range
-    '$', // end
-)
-
 /** Load Genome England PanelApp presets. */
 const loadPanelPage = async (page) => {
   await fetch('/proxy/panelapp/v1/panels/?page=' + page).then(
diff --git a/frontend/src/variants/components/FilterForm/GenotypePane.stories.js b/frontend/src/variants/components/FilterForm/GenotypePane.stories.js
index bd04bff65..16fa876bc 100644
--- a/frontend/src/variants/components/FilterForm/GenotypePane.stories.js
+++ b/frontend/src/variants/components/FilterForm/GenotypePane.stories.js
@@ -1,10 +1,11 @@
-import FilterFormGenotypePane from '@/variants/components/FilterForm/GenotypePane.vue'
 import singletonCaseData from '@tests/variants/data/case-singleton.json'
 import trioCaseData from '@tests/variants/data/case-trio.json'
 import querySettingsSingleton from '@tests/variants/data/query-settings-singleton.json'
 import querySettingsTrio from '@tests/variants/data/query-settings-trio.json'
 import { reactive } from 'vue'
 
+import FilterFormGenotypePane from '@/variants/components/FilterForm/GenotypePane.vue'
+
 export default {
   title: 'Variants / Filter Form Genotype',
   component: FilterFormGenotypePane,
diff --git a/frontend/src/variants/components/FilterForm/GenotypePane.vue b/frontend/src/variants/components/FilterForm/GenotypePane.vue
index 8ba6c0934..dcfa82ea7 100644
--- a/frontend/src/variants/components/FilterForm/GenotypePane.vue
+++ b/frontend/src/variants/components/FilterForm/GenotypePane.vue
@@ -1,10 +1,11 @@
 <script setup>
+import { useVuelidate } from '@vuelidate/core'
+import { computed, getCurrentInstance, nextTick, reactive } from 'vue'
+
 import { displayName } from '@/varfish/helpers'
-import FilterFormGenotypePaneSex from '@/variants/components/FilterForm/GenotypePaneSex.vue'
 import FilterFormGenotypePaneAffected from '@/variants/components/FilterForm/GenotypePaneAffected.vue'
 import FilterFormGenotypePaneModal from '@/variants/components/FilterForm/GenotypePaneModal.vue'
-import { computed, nextTick, reactive, getCurrentInstance } from 'vue'
-import { useVuelidate } from '@vuelidate/core'
+import FilterFormGenotypePaneSex from '@/variants/components/FilterForm/GenotypePaneSex.vue'
 
 /** Define component's props. */
 const props = defineProps({
diff --git a/frontend/src/variants/components/FilterForm/PrioritizationPane.vue b/frontend/src/variants/components/FilterForm/PrioritizationPane.vue
index c70eb6421..0bf679108 100644
--- a/frontend/src/variants/components/FilterForm/PrioritizationPane.vue
+++ b/frontend/src/variants/components/FilterForm/PrioritizationPane.vue
@@ -1,8 +1,8 @@
 <script setup>
-import HpoTermInput from '@/variants/components/HpoTermInput.vue'
+import { useVuelidate } from '@vuelidate/core'
 
+import HpoTermInput from '@/variants/components/HpoTermInput.vue'
 import { declareWrapper } from '@/variants/helpers'
-import { useVuelidate } from '@vuelidate/core'
 
 const props = defineProps({
   showFiltrationInlineHelp: Boolean,
diff --git a/frontend/src/variants/components/FilterForm/QualityPane.stories.js b/frontend/src/variants/components/FilterForm/QualityPane.stories.js
index df23cfba9..1aa987102 100644
--- a/frontend/src/variants/components/FilterForm/QualityPane.stories.js
+++ b/frontend/src/variants/components/FilterForm/QualityPane.stories.js
@@ -1,10 +1,11 @@
-import FilterFormQualityPane from '@/variants/components/FilterForm/QualityPane.vue'
 import singletonCaseData from '@tests/variants/data/case-singleton.json'
 import trioCaseData from '@tests/variants/data/case-trio.json'
 import querySettingsSingleton from '@tests/variants/data/query-settings-singleton.json'
 import querySettingsTrio from '@tests/variants/data/query-settings-trio.json'
 import { reactive } from 'vue'
 
+import FilterFormQualityPane from '@/variants/components/FilterForm/QualityPane.vue'
+
 export default {
   title: 'Variants / Filter Form Quality',
   component: FilterFormQualityPane,
diff --git a/frontend/src/variants/components/FilterForm/QualityPane.vue b/frontend/src/variants/components/FilterForm/QualityPane.vue
index be29f192f..8175be9c9 100644
--- a/frontend/src/variants/components/FilterForm/QualityPane.vue
+++ b/frontend/src/variants/components/FilterForm/QualityPane.vue
@@ -1,8 +1,9 @@
 <script setup>
-import { onMounted, reactive, ref } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
-import FilterFormQualityPaneRow from '@/variants/components/FilterForm/QualityPaneRow.vue'
+import { onMounted, reactive, ref } from 'vue'
+
 import { rules } from '@/variants/components/FilterForm/QualityPane.values'
+import FilterFormQualityPaneRow from '@/variants/components/FilterForm/QualityPaneRow.vue'
 
 const props = defineProps({
   showFiltrationInlineHelp: Boolean,
diff --git a/frontend/src/variants/components/FilterForm/QualityPaneRow.vue b/frontend/src/variants/components/FilterForm/QualityPaneRow.vue
index 513a5270b..905680031 100644
--- a/frontend/src/variants/components/FilterForm/QualityPaneRow.vue
+++ b/frontend/src/variants/components/FilterForm/QualityPaneRow.vue
@@ -1,14 +1,15 @@
 <script setup>
-import { declareWrapper } from '@/variants/helpers'
-import { displayName } from '@/varfish/helpers'
-import { onMounted } from 'vue'
 import { useVuelidate } from '@vuelidate/core'
+import { onMounted } from 'vue'
+
+import { displayName } from '@/varfish/helpers'
 import {
-  numericKeys,
+  allKeys,
   failValues,
+  numericKeys,
   rules,
-  allKeys,
 } from '@/variants/components/FilterForm/QualityPane.values'
+import { declareWrapper } from '@/variants/helpers'
 
 const props = defineProps({
   index: Number,
diff --git a/frontend/src/variants/components/FilterForm/QuickPresets.vue b/frontend/src/variants/components/FilterForm/QuickPresets.vue
index 8cddfe3b4..f7a79f74c 100644
--- a/frontend/src/variants/components/FilterForm/QuickPresets.vue
+++ b/frontend/src/variants/components/FilterForm/QuickPresets.vue
@@ -1,12 +1,13 @@
 <script setup>
 import isEqual from 'fast-deep-equal'
-import { onMounted, watch, computed, reactive, ref } from 'vue'
-import { copy } from '@/variants/helpers'
-import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
-import { useVariantQueryStore } from '@/variants/stores/variantQuery'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
+
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { randomString } from '@/varfish/common'
 import { useCtxStore } from '@/varfish/stores/ctx'
+import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
+import { copy } from '@/variants/helpers'
+import { useVariantQueryStore } from '@/variants/stores/variantQuery'
 
 const ctxStore = useCtxStore()
 const caseDetailsStore = useCaseDetailsStore()
diff --git a/frontend/src/variants/components/FilterResultsTable.vue b/frontend/src/variants/components/FilterResultsTable.vue
index e96a6e21e..e08833255 100644
--- a/frontend/src/variants/components/FilterResultsTable.vue
+++ b/frontend/src/variants/components/FilterResultsTable.vue
@@ -1,36 +1,37 @@
 <script setup>
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { SeqvarImpl } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import $ from 'jquery'
+import { computed, onMounted, reactive, ref, watch } from 'vue'
 import EasyDataTable from 'vue3-easy-data-table'
 import 'vue3-easy-data-table/dist/style.css'
-import { computed, onMounted, reactive, ref, watch } from 'vue'
 
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import {
   displayName,
-  formatLargeInt,
   formatFloat,
+  formatLargeInt,
   truncateText,
 } from '@/varfish/helpers'
-import { getAcmgBadge } from '@/variants/helpers'
+import { useCtxStore } from '@/varfish/stores/ctx'
 import { VariantClient } from '@/variants/api/variantClient'
 import ColumnControl from '@/variants/components/ColumnControl.vue'
 import ExportResults from '@/variants/components/ExportResults.vue'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
-import { useVariantCommentsStore } from '@/variants/stores/variantComments'
-import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
-import { useVariantResultSetStore } from '@/variants/stores/variantResultSet'
-import { useVariantQueryStore } from '@/variants/stores/variantQuery'
-import { copy } from '@/variants/helpers'
 import {
-  DisplayConstraints,
-  DisplayFrequencies,
+  DisplayColumns,
   DisplayColumnsToText,
+  DisplayConstraints,
   DisplayDetails,
-  DisplayColumns,
+  DisplayFrequencies,
 } from '@/variants/enums'
-import { SeqvarImpl } from '@bihealth/reev-frontend-lib/lib/genomicVars'
-import { useCtxStore } from '@/varfish/stores/ctx'
+import { getAcmgBadge } from '@/variants/helpers'
+import { copy } from '@/variants/helpers'
+import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
+import { useVariantCommentsStore } from '@/variants/stores/variantComments'
+import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
+import { useVariantQueryStore } from '@/variants/stores/variantQuery'
+import { useVariantResultSetStore } from '@/variants/stores/variantResultSet'
 
 /**
  * The component's props.
diff --git a/frontend/src/variants/components/HpoTermInput.vue b/frontend/src/variants/components/HpoTermInput.vue
index 9d058b1a1..b5b9837cc 100644
--- a/frontend/src/variants/components/HpoTermInput.vue
+++ b/frontend/src/variants/components/HpoTermInput.vue
@@ -1,4 +1,5 @@
 <script setup>
+import { VigunoClient } from '@bihealth/reev-frontend-lib/api/viguno/client'
 import Multiselect from '@vueform/multiselect'
 import { onMounted, ref, watch } from 'vue'
 
@@ -7,7 +8,6 @@ import {
   hpoInheritance,
 } from '@/variants/components/HpoTermInput.values'
 import { declareWrapper } from '@/variants/helpers'
-import { VigunoClient } from '@bihealth/reev-frontend-lib/api/viguno/client'
 
 const vigunoClient = new VigunoClient()
 
diff --git a/frontend/src/variants/components/QueryPresets.vue b/frontend/src/variants/components/QueryPresets.vue
index 913339e18..60997af1f 100644
--- a/frontend/src/variants/components/QueryPresets.vue
+++ b/frontend/src/variants/components/QueryPresets.vue
@@ -3,20 +3,18 @@
  *
  * Editing is allowed for using a child `QueryPresetsEditor` component.
  */
-
+import { minLength, required } from '@vuelidate/validators'
 import { computed, onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
-import { minLength, required } from '@vuelidate/validators'
 
-import { overlayShow, overlayMessage } from '@/cases/common'
-import { useQueryPresetsStore } from '@/variants/stores/queryPresets'
+import { overlayMessage, overlayShow } from '@/cases/common'
 import { useCaseListStore } from '@/cases/stores/caseList'
-
-import QueryPresetsSetEditor from '@/variants/components/QueryPresets/SetEditor.vue'
-import Overlay from '@/varfish/components/Overlay.vue'
-import ModalInput from '@/varfish/components/ModalInput.vue'
 import ModalConfirm from '@/varfish/components/ModalConfirm.vue'
+import ModalInput from '@/varfish/components/ModalInput.vue'
+import Overlay from '@/varfish/components/Overlay.vue'
 import Toast from '@/varfish/components/Toast.vue'
+import QueryPresetsSetEditor from '@/variants/components/QueryPresets/SetEditor.vue'
+import { useQueryPresetsStore } from '@/variants/stores/queryPresets'
 
 /** Reuseable definition for the labels. */
 const labelRules = Object.freeze([required, minLength(5)])
diff --git a/frontend/src/variants/components/QueryPresets/QualityPane.vue b/frontend/src/variants/components/QueryPresets/QualityPane.vue
index cbc1427b7..ce1464e58 100644
--- a/frontend/src/variants/components/QueryPresets/QualityPane.vue
+++ b/frontend/src/variants/components/QueryPresets/QualityPane.vue
@@ -1,8 +1,8 @@
 <script setup>
 // eslint-disable
+
 /** Editor component for quality.
  */
-
 import { randomString } from '@/varfish/common'
 
 /** Define props. */
diff --git a/frontend/src/variants/components/QueryPresets/SetEditor.vue b/frontend/src/variants/components/QueryPresets/SetEditor.vue
index 3ae165a56..b1406aeef 100644
--- a/frontend/src/variants/components/QueryPresets/SetEditor.vue
+++ b/frontend/src/variants/components/QueryPresets/SetEditor.vue
@@ -1,31 +1,30 @@
 <script setup>
 // eslint-disable
+
 /** Component for editing a single preset set.
  *
  * Displays the list of preset category entries on the left as an accordion.
  *
  * The individual preset categories are editable via child components.
  */
-import { computed, onMounted, ref, watch } from 'vue'
 import { minLength, required } from '@vuelidate/validators'
-
 import Sortable from 'sortablejs'
+import { computed, onMounted, ref, watch } from 'vue'
 
 import { useCaseListStore } from '@/cases/stores/caseList'
-import { useCtxStore } from '@/varfish/stores/ctx'
-import { useQueryPresetsStore } from '@/variants/stores/queryPresets'
-
 import ModalConfirm from '@/varfish/components/ModalConfirm.vue'
 import ModalInput from '@/varfish/components/ModalInput.vue'
 import Toast from '@/varfish/components/Toast.vue'
-import FilterFormFrequencyPane from '@/variants/components/FilterForm/FrequencyPane.vue'
-import FilterFormGenesRegionsPane from '@/variants/components/FilterForm/GenesRegionsPane.vue'
+import { useCtxStore } from '@/varfish/stores/ctx'
+import FilterFormClinvarPane from '@/variants/components/FilterForm/ClinvarPane.vue'
 import FilterFormEffectPane from '@/variants/components/FilterForm/EffectPane.vue'
 import FilterFormFlagsPane from '@/variants/components/FilterForm/FlagsPane.vue'
-import FilterFormClinvarPane from '@/variants/components/FilterForm/ClinvarPane.vue'
+import FilterFormFrequencyPane from '@/variants/components/FilterForm/FrequencyPane.vue'
+import FilterFormGenesRegionsPane from '@/variants/components/FilterForm/GenesRegionsPane.vue'
+import QueryPresetsQualityPane from '@/variants/components/QueryPresets/QualityPane.vue'
 import QueryPresetsSetProperties from '@/variants/components/QueryPresets/SetProperties.vue'
 import QueryPresetsSetQuickPresets from '@/variants/components/QueryPresets/SetQuickPresets.vue'
-import QueryPresetsQualityPane from '@/variants/components/QueryPresets/QualityPane.vue'
+import { useQueryPresetsStore } from '@/variants/stores/queryPresets'
 
 /** Reuseable definition for the labels. */
 const labelRules = Object.freeze([required, minLength(5)])
diff --git a/frontend/src/variants/components/QueryPresets/SetProperties.vue b/frontend/src/variants/components/QueryPresets/SetProperties.vue
index 1725eec36..0825b6ee7 100644
--- a/frontend/src/variants/components/QueryPresets/SetProperties.vue
+++ b/frontend/src/variants/components/QueryPresets/SetProperties.vue
@@ -1,8 +1,8 @@
 <script setup>
 /** Editor component for the query preset set properties.
  */
-
 import { computed } from 'vue'
+
 import { randomString } from '@/varfish/common'
 
 /** Define props. */
diff --git a/frontend/src/variants/components/QueryPresets/SetQuickPresets.vue b/frontend/src/variants/components/QueryPresets/SetQuickPresets.vue
index e4a85e3db..114930447 100644
--- a/frontend/src/variants/components/QueryPresets/SetQuickPresets.vue
+++ b/frontend/src/variants/components/QueryPresets/SetQuickPresets.vue
@@ -1,7 +1,6 @@
 <script setup>
 /** Editor component for quick presets.
  */
-
 import { randomString } from '@/varfish/common'
 
 /** Define props. */
diff --git a/frontend/src/variants/components/SeqvarDetailsHeader/SeqvarDetailsHeader.vue b/frontend/src/variants/components/SeqvarDetailsHeader/SeqvarDetailsHeader.vue
index 74d6608e3..e5a67cedb 100644
--- a/frontend/src/variants/components/SeqvarDetailsHeader/SeqvarDetailsHeader.vue
+++ b/frontend/src/variants/components/SeqvarDetailsHeader/SeqvarDetailsHeader.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { computed } from 'vue'
 import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import { computed } from 'vue'
 
 /** The component's props. */
 const props = defineProps<{
diff --git a/frontend/src/variants/components/SeqvarDetailsNavi/SeqvarDetailsNavi.vue b/frontend/src/variants/components/SeqvarDetailsNavi/SeqvarDetailsNavi.vue
index 316fee4aa..6cd43aea7 100644
--- a/frontend/src/variants/components/SeqvarDetailsNavi/SeqvarDetailsNavi.vue
+++ b/frontend/src/variants/components/SeqvarDetailsNavi/SeqvarDetailsNavi.vue
@@ -2,16 +2,17 @@
 /**
  * Display navigation sidebard for seqvar details view.
  */
-
-import { useSeqvarInfoStore } from '@bihealth/reev-frontend-lib/stores/seqvarInfo'
+import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
 import { useGeneInfoStore } from '@bihealth/reev-frontend-lib/stores/geneInfo'
-import { jumpToLocus } from './lib'
+import { useSeqvarInfoStore } from '@bihealth/reev-frontend-lib/stores/seqvarInfo'
 import { onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
-import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
-import { SECTIONS } from './constants'
+
 import { useHistoryStore } from '@/varfish/stores/history'
 
+import { SECTIONS } from './constants'
+import { jumpToLocus } from './lib'
+
 /** The component's props. */
 const props = defineProps<{
   /** The seqvar to display for. */
diff --git a/frontend/src/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.stories.js b/frontend/src/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.stories.js
index 9c59a830a..22f273919 100644
--- a/frontend/src/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.stories.js
+++ b/frontend/src/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.stories.js
@@ -1,7 +1,8 @@
-import SeqvarGenotypeCallCard from '@/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.vue'
 import trioCaseData from '@tests/variants/data/case-trio.json'
 import trioVariantsData from '@tests/variants/data/variants-trio.json'
 
+import SeqvarGenotypeCallCard from '@/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.vue'
+
 export default {
   title: 'Variants / Small Variant Details Calls',
   component: SeqvarGenotypeCallCard,
diff --git a/frontend/src/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.vue b/frontend/src/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.vue
index ccf0552a5..68b3d493e 100644
--- a/frontend/src/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.vue
+++ b/frontend/src/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { displayName } from '@/varfish/helpers'
 import { roundIt } from '@bihealth/reev-frontend-lib/lib/utils'
 
-import { ResultRow } from './types'
+import { displayName } from '@/varfish/helpers'
+
 import { allelicBalance } from './lib'
+import { ResultRow } from './types'
 
 /** This component's props. */
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/frontend/src/variants/components/TokenizingTextarea.stories.js b/frontend/src/variants/components/TokenizingTextarea.stories.js
index 00d0b273f..26a3b1c6a 100644
--- a/frontend/src/variants/components/TokenizingTextarea.stories.js
+++ b/frontend/src/variants/components/TokenizingTextarea.stories.js
@@ -1,6 +1,7 @@
-import TokenizingTextarea from '@/variants/components/TokenizingTextarea.vue'
 import { reactive } from 'vue'
 
+import TokenizingTextarea from '@/variants/components/TokenizingTextarea.vue'
+
 export default {
   title: 'Variants / Tokenizing Text Area',
   component: TokenizingTextarea,
diff --git a/frontend/src/variants/components/TokenizingTextarea.vue b/frontend/src/variants/components/TokenizingTextarea.vue
index f429da7a8..75836a19c 100644
--- a/frontend/src/variants/components/TokenizingTextarea.vue
+++ b/frontend/src/variants/components/TokenizingTextarea.vue
@@ -1,5 +1,6 @@
 <script setup>
 // eslint-disable
+
 /**
  * A text area that allows for "semi-structured" input of value.
  *
@@ -15,10 +16,9 @@
  *
  * - https://codersblock.com/blog/highlight-text-inside-a-textarea/
  */
-
-import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import debounce from 'lodash.debounce'
 import isEqual from 'fast-deep-equal'
+import debounce from 'lodash.debounce'
+import { computed, nextTick, onMounted, ref, watch } from 'vue'
 
 /** Props of the component. */
 const props = defineProps({
diff --git a/frontend/src/variants/stores/queryPresets.ts b/frontend/src/variants/stores/queryPresets.ts
index 1f9654347..a4e3b5e04 100644
--- a/frontend/src/variants/stores/queryPresets.ts
+++ b/frontend/src/variants/stores/queryPresets.ts
@@ -5,14 +5,13 @@
  *
  * - `caseListStore`
  */
-
 import { defineStore } from 'pinia'
 import { ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
-import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
 import { useCaseListStore } from '@/cases/stores/caseList'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
+import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
 
 // type FrequencyPresets = any
 // type ImpactPresets = any
diff --git a/frontend/src/variants/stores/variantAcmgRating/store.ts b/frontend/src/variants/stores/variantAcmgRating/store.ts
index fef116751..2d148da61 100644
--- a/frontend/src/variants/stores/variantAcmgRating/store.ts
+++ b/frontend/src/variants/stores/variantAcmgRating/store.ts
@@ -1,14 +1,14 @@
 /**
  * Pinia store for handling per-variant ACMG rating.
  */
+import { Seqvar, SeqvarImpl } from '@bihealth/reev-frontend-lib/lib/genomicVars'
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
+import { State, StoreState } from '@/varfish/storeUtils'
+import { useCtxStore } from '@/varfish/stores/ctx'
 import { VariantClient } from '@/variants/api/variantClient'
-import { Seqvar, SeqvarImpl } from '@bihealth/reev-frontend-lib/lib/genomicVars'
 import { AcmgRating, seqvarEqual } from '@/variants/api/variantClient'
-import { useCtxStore } from '@/varfish/stores/ctx'
 
 export const useVariantAcmgRatingStore = defineStore(
   'variantAcmgRating',
diff --git a/frontend/src/variants/stores/variantComments.ts b/frontend/src/variants/stores/variantComments.ts
index 82b481ba4..d4b156945 100644
--- a/frontend/src/variants/stores/variantComments.ts
+++ b/frontend/src/variants/stores/variantComments.ts
@@ -5,14 +5,14 @@
  *
  * - `caseDetailsStore`
  */
+import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
-import { VariantClient } from '@/variants/api/variantClient'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
+import { VariantClient } from '@/variants/api/variantClient'
 
 /** Alias definition of SmallVariantComments type; to be defined later. */
 type SmallVariantComment = any
diff --git a/frontend/src/variants/stores/variantDetails.ts b/frontend/src/variants/stores/variantDetails.ts
index e5f85bcba..c9d767351 100644
--- a/frontend/src/variants/stores/variantDetails.ts
+++ b/frontend/src/variants/stores/variantDetails.ts
@@ -1,10 +1,10 @@
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { AnnonarsApiClient } from '@/varfish/api/annonars'
 import { MehariApiClient } from '@/varfish/api/mehari'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
 
 type SmallVariant = any
diff --git a/frontend/src/variants/stores/variantFlags.ts b/frontend/src/variants/stores/variantFlags.ts
index ca869ab25..732e7053e 100644
--- a/frontend/src/variants/stores/variantFlags.ts
+++ b/frontend/src/variants/stores/variantFlags.ts
@@ -5,15 +5,15 @@
  *
  * - `caseDetailsStore`
  */
+import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import isEqual from 'fast-deep-equal'
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
-import { VariantClient } from '@/variants/api/variantClient'
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
-import { Seqvar } from '@bihealth/reev-frontend-lib/lib/genomicVars'
-import isEqual from 'fast-deep-equal'
+import { State, StoreState } from '@/varfish/storeUtils'
 import { useCtxStore } from '@/varfish/stores/ctx'
+import { VariantClient } from '@/variants/api/variantClient'
 
 /** Alias definition of SmallVariantFlags type; to be defined later. */
 type SmallVariantFlags = any
diff --git a/frontend/src/variants/stores/variantQuery.js b/frontend/src/variants/stores/variantQuery.js
index 3b8d79864..89310c41e 100644
--- a/frontend/src/variants/stores/variantQuery.js
+++ b/frontend/src/variants/stores/variantQuery.js
@@ -1,15 +1,16 @@
+import { VigunoClient } from '@bihealth/reev-frontend-lib/api/viguno/client'
+import { defineStore } from 'pinia'
+import { nextTick, reactive, ref } from 'vue'
+
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { State, StoreState } from '@/varfish/storeUtils'
+import { useCtxStore } from '@/varfish/stores/ctx'
 import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
 import { VariantClient } from '@/variants/api/variantClient'
-import { apiQueryStateToQueryState, QueryStates } from '@/variants/enums'
+import { QueryStates, apiQueryStateToQueryState } from '@/variants/enums'
 import { copy } from '@/variants/helpers'
 import { previousQueryDetailsToQuerySettings } from '@/variants/stores/variantQuery.funcs'
 import { useVariantResultSetStore } from '@/variants/stores/variantResultSet'
-import { useCtxStore } from '@/varfish/stores/ctx'
-import { defineStore } from 'pinia'
-import { nextTick, reactive, ref } from 'vue'
-import { VigunoClient } from '@bihealth/reev-frontend-lib/api/viguno/client'
 
 /** Helper that fetches the presets and stores them in quickPresets.value and categoryPresets.value
  */
diff --git a/frontend/src/variants/stores/variantResultSet.ts b/frontend/src/variants/stores/variantResultSet.ts
index 2a65b8f2c..35be52e4b 100644
--- a/frontend/src/variants/stores/variantResultSet.ts
+++ b/frontend/src/variants/stores/variantResultSet.ts
@@ -1,14 +1,13 @@
 /**
  * Store with the result set and result set UUID of an variant query.
  */
-
 import { defineStore } from 'pinia'
-import { ref, reactive } from 'vue'
+import { reactive, ref } from 'vue'
 
-import { StoreState, State } from '@/varfish/storeUtils'
+import { State, StoreState } from '@/varfish/storeUtils'
+import { useCtxStore } from '@/varfish/stores/ctx'
 import { VariantClient } from '@/variants/api/variantClient'
 import { DisplayColumns } from '@/variants/enums'
-import { useCtxStore } from '@/varfish/stores/ctx'
 
 export const useVariantResultSetStore = defineStore('variantResultSet', () => {
   // store dependencies
diff --git a/frontend/src/variants/views/SeqvarDetails/SeqvarDetails.vue b/frontend/src/variants/views/SeqvarDetails/SeqvarDetails.vue
index 4139b225c..6f264f18a 100644
--- a/frontend/src/variants/views/SeqvarDetails/SeqvarDetails.vue
+++ b/frontend/src/variants/views/SeqvarDetails/SeqvarDetails.vue
@@ -9,44 +9,40 @@
  *
  * See `StrucvarDetails` for a peer app for structural variants
  */
-
-import { computed, onMounted, ref } from 'vue'
-import { useGeneInfoStore } from '@bihealth/reev-frontend-lib/stores/geneInfo'
-import { useSeqvarInfoStore } from '@bihealth/reev-frontend-lib/stores/seqvarInfo'
-import { Seqvar, SeqvarImpl } from '@bihealth/reev-frontend-lib/lib/genomicVars'
-import { useVariantDetailsStore } from '@/variants/stores/variantDetails'
-import { useVariantCommentsStore } from '@/variants/stores/variantComments'
-import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
-import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
-import { useVariantResultSetStore } from '@/variants/stores/variantResultSet'
-
-import CommentsCard from '@/varfish/components/CommentsCard/CommentsCard.vue'
-import FlagsCard from '@/varfish/components/FlagsCard/FlagsCard.vue'
-
-import SeqvarGenotypeCallCard from '@/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.vue'
-import SeqvarDetailsHeader from '@/variants/components/SeqvarDetailsHeader/SeqvarDetailsHeader.vue'
-import SeqvarDetailsNavi from '@/variants/components/SeqvarDetailsNavi/SeqvarDetailsNavi.vue'
-import AcmgRatingCard from '@/variants/components/AcmgRatingCard/AcmgRatingCard.vue'
-import { watch } from 'vue'
-
-import GeneOverviewCard from '@bihealth/reev-frontend-lib/components/GeneOverviewCard/GeneOverviewCard.vue'
-import GenePathogenicityCard from '@bihealth/reev-frontend-lib/components/GenePathogenicityCard/GenePathogenicityCard.vue'
+import GeneClinvarCard from '@bihealth/reev-frontend-lib/components/GeneClinvarCard/GeneClinvarCard.vue'
 import GeneConditionsCard from '@bihealth/reev-frontend-lib/components/GeneConditionsCard/GeneConditionsCard.vue'
 import GeneExpressionCard from '@bihealth/reev-frontend-lib/components/GeneExpressionCard/GeneExpressionCard.vue'
-import GeneClinvarCard from '@bihealth/reev-frontend-lib/components/GeneClinvarCard/GeneClinvarCard.vue'
 import GeneLiteratureCard from '@bihealth/reev-frontend-lib/components/GeneLiteratureCard/GeneLiteratureCard.vue'
-
+import GeneOverviewCard from '@bihealth/reev-frontend-lib/components/GeneOverviewCard/GeneOverviewCard.vue'
+import GenePathogenicityCard from '@bihealth/reev-frontend-lib/components/GenePathogenicityCard/GenePathogenicityCard.vue'
 import SeqvarBeaconNetworkCard from '@bihealth/reev-frontend-lib/components/SeqvarBeaconNetworkCard/SeqvarBeaconNetworkCard.vue'
 import SeqvarClinvarCard from '@bihealth/reev-frontend-lib/components/SeqvarClinvarCard/SeqvarClinvarCard.vue'
 import SeqvarConsequencesCard from '@bihealth/reev-frontend-lib/components/SeqvarConsequencesCard/SeqvarConsequencesCard.vue'
 import SeqvarFreqsCard from '@bihealth/reev-frontend-lib/components/SeqvarFreqsCard/SeqvarFreqsCard.vue'
-import SeqvarToolsCard from '@bihealth/reev-frontend-lib/components/SeqvarToolsCard/SeqvarToolsCard.vue'
 import SeqvarScoresCard from '@bihealth/reev-frontend-lib/components/SeqvarScoresCard/SeqvarScoresCard.vue'
+import SeqvarToolsCard from '@bihealth/reev-frontend-lib/components/SeqvarToolsCard/SeqvarToolsCard.vue'
 import SeqvarVariantValidatorCard from '@bihealth/reev-frontend-lib/components/SeqvarVariantValidatorCard/SeqvarVariantValidatorCard.vue'
+import { Seqvar, SeqvarImpl } from '@bihealth/reev-frontend-lib/lib/genomicVars'
+import { StoreState } from '@bihealth/reev-frontend-lib/stores'
+import { useGeneInfoStore } from '@bihealth/reev-frontend-lib/stores/geneInfo'
+import { usePubtatorStore } from '@bihealth/reev-frontend-lib/stores/pubtator'
+import { useSeqvarInfoStore } from '@bihealth/reev-frontend-lib/stores/seqvarInfo'
+import { computed, onMounted, ref } from 'vue'
+import { watch } from 'vue'
+
 import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import CommentsCard from '@/varfish/components/CommentsCard/CommentsCard.vue'
+import FlagsCard from '@/varfish/components/FlagsCard/FlagsCard.vue'
 import { State } from '@/varfish/storeUtils'
-import { usePubtatorStore } from '@bihealth/reev-frontend-lib/stores/pubtator'
-import { StoreState } from '@bihealth/reev-frontend-lib/stores'
+import AcmgRatingCard from '@/variants/components/AcmgRatingCard/AcmgRatingCard.vue'
+import SeqvarDetailsHeader from '@/variants/components/SeqvarDetailsHeader/SeqvarDetailsHeader.vue'
+import SeqvarDetailsNavi from '@/variants/components/SeqvarDetailsNavi/SeqvarDetailsNavi.vue'
+import SeqvarGenotypeCallCard from '@/variants/components/SeqvarGenotypeCallCard/SeqvarGenotypeCallCard.vue'
+import { useVariantAcmgRatingStore } from '@/variants/stores/variantAcmgRating'
+import { useVariantCommentsStore } from '@/variants/stores/variantComments'
+import { useVariantDetailsStore } from '@/variants/stores/variantDetails'
+import { useVariantFlagsStore } from '@/variants/stores/variantFlags'
+import { useVariantResultSetStore } from '@/variants/stores/variantResultSet'
 
 /** This component's props. */
 const props = defineProps<{
diff --git a/frontend/src/variants/views/SeqvarFilterLegacy/SeqvarFilterLegacy.vue b/frontend/src/variants/views/SeqvarFilterLegacy/SeqvarFilterLegacy.vue
index da3d9d282..816a43f1e 100644
--- a/frontend/src/variants/views/SeqvarFilterLegacy/SeqvarFilterLegacy.vue
+++ b/frontend/src/variants/views/SeqvarFilterLegacy/SeqvarFilterLegacy.vue
@@ -1,18 +1,17 @@
 <script setup lang="ts">
-import { watch, onMounted, ref, computed } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
 
-import FilterApp from '@/variants/components/FilterApp.vue'
 import TheAppBar from '@/cases/components/TheAppBar/TheAppBar.vue'
 import TheNavBar from '@/cases/components/TheNavBar/TheNavBar.vue'
-import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
-
+import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
 import { useCaseListStore } from '@/cases/stores/caseList'
 import { useProjectStore } from '@/cases/stores/project/store'
+import SeqvarDetails from '@/seqvars/components/SeqvarDetails/SeqvarDetails.vue'
 import { useCtxStore } from '@/varfish/stores/ctx'
-import { useCaseDetailsStore } from '@/cases/stores/caseDetails'
+import { QueryPresetsClient } from '@/variants/api/queryPresetsClient'
+import FilterApp from '@/variants/components/FilterApp.vue'
 import { useVariantQueryStore } from '@/variants/stores/variantQuery'
-import SeqvarDetails from '@/seqvars/components/SeqvarDetails/SeqvarDetails.vue'
-import { useRouter } from 'vue-router'
 
 const props = defineProps<{
   /** The project UUID. */
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardAlignmentQc.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardAlignmentQc.spec.js
index ce8415609..c7d309ff1 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardAlignmentQc.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardAlignmentQc.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailCardAlignmentQc from '@/cases/components/CaseDetail/CardAlignmentQc.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailCardAlignmentQc from '@/cases/components/CaseDetail/CardAlignmentQc.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardAnnotations.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardAnnotations.spec.js
index e3328ec52..e688aa395 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardAnnotations.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardAnnotations.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailCardAnnotations from '@/cases/components/CaseDetail/CardAnnotations.vue'
 import { beforeAll, describe, test, vi } from 'vitest'
 
+import CaseDetailCardAnnotations from '@/cases/components/CaseDetail/CardAnnotations.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardCase.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardCase.spec.js
index cde18f1b0..0f5c8ae62 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardCase.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardCase.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailCardCase from '@/cases/components/CaseDetail/CardCase.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailCardCase from '@/cases/components/CaseDetail/CardCase.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardComments.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardComments.spec.js
index 4a50c6d9f..663b74b5d 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardComments.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardComments.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailCardComments from '@/cases/components/CaseDetail/CardComments.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailCardComments from '@/cases/components/CaseDetail/CardComments.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardGeneAnnotations.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardGeneAnnotations.spec.js
index e7bb451bb..aedaded25 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardGeneAnnotations.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardGeneAnnotations.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailCardGeneAnnotations from '@/cases/components/CaseDetail/CardGeneAnnotations.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailCardGeneAnnotations from '@/cases/components/CaseDetail/CardGeneAnnotations.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardPedigree.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardPedigree.spec.js
index e28a2f475..316bd6d48 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardPedigree.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardPedigree.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailCardPedigree from '@/cases/components/CaseDetail/CardPedigree.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailCardPedigree from '@/cases/components/CaseDetail/CardPedigree.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardSvInfo.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardSvInfo.spec.js
index 038394b8d..5354e938b 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardSvInfo.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardSvInfo.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailCardSvInfo from '@/cases/components/CaseDetail/CardSvInfo.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailCardSvInfo from '@/cases/components/CaseDetail/CardSvInfo.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardTerms.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardTerms.spec.js
index 8ec4c34d0..803478273 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardTerms.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardTerms.spec.js
@@ -1,7 +1,8 @@
-import CaseDetailCardTerms from '@/cases/components/CaseDetail/CardTerms.vue'
+import { setupUrlConfigForTesting } from '@bihealth/reev-frontend-lib/lib/urlConfig'
 import { beforeAll, beforeEach, describe, expect, test, vi } from 'vitest'
 import createFetchMock from 'vitest-fetch-mock'
-import { setupUrlConfigForTesting } from '@bihealth/reev-frontend-lib/lib/urlConfig'
+
+import CaseDetailCardTerms from '@/cases/components/CaseDetail/CardTerms.vue'
 
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardVariantInfo.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardVariantInfo.spec.js
index 514ff9801..616256c88 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardVariantInfo.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardVariantInfo.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailCardVariantInfo from '@/cases/components/CaseDetail/CardVariantInfo.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailCardVariantInfo from '@/cases/components/CaseDetail/CardVariantInfo.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/CardVariantQc.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/CardVariantQc.spec.js
index ba6883544..11d88eb3c 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/CardVariantQc.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/CardVariantQc.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailCardVariantQc from '@/cases/components/CaseDetail/CardVariantQc.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailCardVariantQc from '@/cases/components/CaseDetail/CardVariantQc.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/FlagIcon.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/FlagIcon.spec.js
index e4b0ddb65..10616c2e5 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/FlagIcon.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/FlagIcon.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailFlagIcon from '@/cases/components/CaseDetail/FlagIcon.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailFlagIcon from '@/cases/components/CaseDetail/FlagIcon.vue'
+
 import { makeWrapper } from '../CaseDetailApp.common'
 
 describe('CaseDetailFlagIcon.vue', () => {
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/PaneCase.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/PaneCase.spec.js
index b7c2a23a6..1d6383cef 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/PaneCase.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/PaneCase.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailPaneCase from '@/cases/components/CaseDetail/PaneCase.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailPaneCase from '@/cases/components/CaseDetail/PaneCase.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import caseListStoreData from '../../../data/caseListStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/PaneQc.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/PaneQc.spec.js
index bef2f3700..fb2738935 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/PaneQc.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/PaneQc.spec.js
@@ -1,6 +1,7 @@
-import CaseDetailPaneQc from '@/cases/components/CaseDetail/PaneQc.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CaseDetailPaneQc from '@/cases/components/CaseDetail/PaneQc.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import caseListStoreData from '../../../data/caseListStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
diff --git a/frontend/tests/cases/unit/cases/CaseDetail/QcTableVarStats.spec.js b/frontend/tests/cases/unit/cases/CaseDetail/QcTableVarStats.spec.js
index 03e87dd77..b826089fa 100644
--- a/frontend/tests/cases/unit/cases/CaseDetail/QcTableVarStats.spec.js
+++ b/frontend/tests/cases/unit/cases/CaseDetail/QcTableVarStats.spec.js
@@ -1,6 +1,7 @@
-import QcTableVarStats from '@/cases/components/CaseDetail/QcTableVarStats.vue'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import QcTableVarStats from '@/cases/components/CaseDetail/QcTableVarStats.vue'
+
 import caseDetailsStoreData from '../../../data/caseDetailsStoreData.json'
 import { makeWrapper } from '../CaseDetailApp.common'
 
diff --git a/frontend/tests/cases/unit/cases/CaseDetailApp.common.js b/frontend/tests/cases/unit/cases/CaseDetailApp.common.js
index 1767fa58d..8e6055873 100644
--- a/frontend/tests/cases/unit/cases/CaseDetailApp.common.js
+++ b/frontend/tests/cases/unit/cases/CaseDetailApp.common.js
@@ -1,10 +1,10 @@
 /** Common code for the CaseDetail*.spec.js tests. */
-
-import { useCaseListStore } from '@/cases/stores/caseList'
 import { createTestingPinia } from '@pinia/testing'
 import { mount } from '@vue/test-utils'
 import { vi } from 'vitest'
 
+import { useCaseListStore } from '@/cases/stores/caseList'
+
 import { quoteattr } from '../../helpers'
 
 export const makeWrapper = (
diff --git a/frontend/tests/cases/unit/cases/Overlay.spec.js b/frontend/tests/cases/unit/cases/Overlay.spec.js
index b72b28580..e306b8163 100644
--- a/frontend/tests/cases/unit/cases/Overlay.spec.js
+++ b/frontend/tests/cases/unit/cases/Overlay.spec.js
@@ -1,7 +1,8 @@
-import Overlay from '@/varfish/components/Overlay.vue'
 import { mount } from '@vue/test-utils'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import Overlay from '@/varfish/components/Overlay.vue'
+
 describe('Overlay.vue', () => {
   beforeAll(() => {
     // Disable warnings
diff --git a/frontend/tests/cohorts/unit/App.spec.js b/frontend/tests/cohorts/unit/App.spec.js
index 520fd29c3..02a1fb746 100644
--- a/frontend/tests/cohorts/unit/App.spec.js
+++ b/frontend/tests/cohorts/unit/App.spec.js
@@ -1,8 +1,9 @@
-import App from '@/cohorts/App.vue'
 import { createTestingPinia } from '@pinia/testing'
 import { shallowMount } from '@vue/test-utils'
 import { beforeAll, beforeEach, describe, expect, test, vi } from 'vitest'
 
+import App from '@/cohorts/App.vue'
+
 import cohortsState from '../data/cohortsStoreData.json'
 import { quoteattr } from '../helpers'
 
diff --git a/frontend/tests/cohorts/unit/api/cohorts.spec.js b/frontend/tests/cohorts/unit/api/cohorts.spec.js
index 5b400fccb..8aad8f5f5 100644
--- a/frontend/tests/cohorts/unit/api/cohorts.spec.js
+++ b/frontend/tests/cohorts/unit/api/cohorts.spec.js
@@ -1,7 +1,8 @@
-import cohortsApi from '@/cohorts/api/cohorts'
 import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest'
 import createFetchMock from 'vitest-fetch-mock'
 
+import cohortsApi from '@/cohorts/api/cohorts'
+
 import accessibleProjectsCasesResponse from '../../data/accessibleProjectsCasesResponse.json'
 import createCohortCaseResponses from '../../data/createCohortCaseResponses.json'
 import createCohortResponse from '../../data/createCohortResponse.json'
diff --git a/frontend/tests/cohorts/unit/components/CohortList.spec.js b/frontend/tests/cohorts/unit/components/CohortList.spec.js
index de0277f82..661d1cdf5 100644
--- a/frontend/tests/cohorts/unit/components/CohortList.spec.js
+++ b/frontend/tests/cohorts/unit/components/CohortList.spec.js
@@ -1,8 +1,9 @@
-import CohortList from '@/cohorts/components/CohortList.vue'
 import { createTestingPinia } from '@pinia/testing'
 import { shallowMount } from '@vue/test-utils'
 import { beforeAll, beforeEach, describe, expect, test, vi } from 'vitest'
 
+import CohortList from '@/cohorts/components/CohortList.vue'
+
 import cohortsState from '../../data/cohortsStoreData.json'
 import listCohortResponse from '../../data/listCohortResponse.json'
 
diff --git a/frontend/tests/cohorts/unit/components/CohortList/Header.spec.js b/frontend/tests/cohorts/unit/components/CohortList/Header.spec.js
index 97ca8db71..04a3e7019 100644
--- a/frontend/tests/cohorts/unit/components/CohortList/Header.spec.js
+++ b/frontend/tests/cohorts/unit/components/CohortList/Header.spec.js
@@ -1,8 +1,9 @@
-import CohortListHeader from '@/cohorts/components/CohortList/Header.vue'
 import { createTestingPinia } from '@pinia/testing'
 import { shallowMount } from '@vue/test-utils'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import CohortListHeader from '@/cohorts/components/CohortList/Header.vue'
+
 import cohortsState from '../../../data/cohortsStoreData.json'
 import listCohortResponse from '../../../data/listCohortResponse.json'
 
diff --git a/frontend/tests/cohorts/unit/components/CohortList/Table.spec.js b/frontend/tests/cohorts/unit/components/CohortList/Table.spec.js
index 67c2525f9..6feccae9c 100644
--- a/frontend/tests/cohorts/unit/components/CohortList/Table.spec.js
+++ b/frontend/tests/cohorts/unit/components/CohortList/Table.spec.js
@@ -1,9 +1,10 @@
-import CohortListTable from '@/cohorts/components/CohortList/Table.vue'
 import { createTestingPinia } from '@pinia/testing'
 import { mount, shallowMount } from '@vue/test-utils'
 import cloneDeep from 'lodash/cloneDeep'
 import { beforeAll, beforeEach, describe, expect, test, vi } from 'vitest'
 
+import CohortListTable from '@/cohorts/components/CohortList/Table.vue'
+
 import accessibleProjectsCasesResponse from '../../../data/accessibleProjectsCasesResponse.json'
 import cohortsState from '../../../data/cohortsStoreData.json'
 import listCohortResponse from '../../../data/listCohortResponse.json'
diff --git a/frontend/tests/cohorts/unit/components/ModalCohortEditor.spec.js b/frontend/tests/cohorts/unit/components/ModalCohortEditor.spec.js
index 0c6db04e0..0f782bcc8 100644
--- a/frontend/tests/cohorts/unit/components/ModalCohortEditor.spec.js
+++ b/frontend/tests/cohorts/unit/components/ModalCohortEditor.spec.js
@@ -1,8 +1,9 @@
-import ModalCohortEditor from '@/cohorts/components/ModalCohortEditor.vue'
 import { createTestingPinia } from '@pinia/testing'
 import { shallowMount } from '@vue/test-utils'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import ModalCohortEditor from '@/cohorts/components/ModalCohortEditor.vue'
+
 import accessibleProjectsCasesResponse from '../../data/accessibleProjectsCasesResponse.json'
 import cohortsState from '../../data/cohortsStoreData.json'
 import listCohortResponse from '../../data/listCohortResponse.json'
diff --git a/frontend/tests/cohorts/unit/stores/cohorts.spec.js b/frontend/tests/cohorts/unit/stores/cohorts.spec.js
index c97c0e55a..15adb776d 100644
--- a/frontend/tests/cohorts/unit/stores/cohorts.spec.js
+++ b/frontend/tests/cohorts/unit/stores/cohorts.spec.js
@@ -1,12 +1,13 @@
-import { uuidv4 } from '@/cohorts/helpers'
-import cohortsApi from '@/cohorts/api/cohorts'
-import { useCohortsStore } from '@/cohorts/stores/cohorts'
-import { useCtxStore } from '@/varfish/stores/ctx'
-import { State, StoreState } from '@/varfish/storeUtils'
 import { createPinia, setActivePinia } from 'pinia'
 import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest'
 import createFetchMock from 'vitest-fetch-mock'
 
+import cohortsApi from '@/cohorts/api/cohorts'
+import { uuidv4 } from '@/cohorts/helpers'
+import { useCohortsStore } from '@/cohorts/stores/cohorts'
+import { State, StoreState } from '@/varfish/storeUtils'
+import { useCtxStore } from '@/varfish/stores/ctx'
+
 import accessibleProjectsCasesResponse from '../../data/accessibleProjectsCasesResponse.json'
 import createCohortCaseResponses from '../../data/createCohortCaseResponses.json'
 import createCohortResponse from '../../data/createCohortResponse.json'
diff --git a/frontend/tests/varfish/unit/VegaPlot.spec.js b/frontend/tests/varfish/unit/VegaPlot.spec.js
index 9f03aea69..63554c2d7 100644
--- a/frontend/tests/varfish/unit/VegaPlot.spec.js
+++ b/frontend/tests/varfish/unit/VegaPlot.spec.js
@@ -1,7 +1,8 @@
-import VegaPlot from '@/varfish/components/VegaPlot.vue'
 import { mount } from '@vue/test-utils'
 import { beforeAll, describe, expect, test, vi } from 'vitest'
 
+import VegaPlot from '@/varfish/components/VegaPlot.vue'
+
 describe('VegaPlot.vue', () => {
   beforeAll(() => {
     // Disable warnings
diff --git a/frontend/tests/variants/unit/components/ColumnControl.spec.js b/frontend/tests/variants/unit/components/ColumnControl.spec.js
index a5b0ecd19..7eaa4c504 100644
--- a/frontend/tests/variants/unit/components/ColumnControl.spec.js
+++ b/frontend/tests/variants/unit/components/ColumnControl.spec.js
@@ -1,8 +1,9 @@
-import ColumnControl from '@/variants/components/ColumnControl.vue'
 import { shallowMount } from '@vue/test-utils'
 import Multiselect from '@vueform/multiselect'
 import { describe, test } from 'vitest'
 
+import ColumnControl from '@/variants/components/ColumnControl.vue'
+
 describe('ColumnControl.vue', () => {
   test('set column controls', async () => {
     const wrapper = shallowMount(ColumnControl, {
diff --git a/frontend/tests/variants/unit/components/ColumnSizeFitter.spec.js b/frontend/tests/variants/unit/components/ColumnSizeFitter.spec.js
index b760585a6..196f0ab93 100644
--- a/frontend/tests/variants/unit/components/ColumnSizeFitter.spec.js
+++ b/frontend/tests/variants/unit/components/ColumnSizeFitter.spec.js
@@ -1,7 +1,8 @@
-import ColumnSizeFitter from '@/variants/components/ColumnSizeFitter.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test, vi } from 'vitest'
 
+import ColumnSizeFitter from '@/variants/components/ColumnSizeFitter.vue'
+
 describe('ColumnSizeFitter.vue', () => {
   test('size to fit button works', async () => {
     const gridApi = {
diff --git a/frontend/tests/variants/unit/components/FilterForm/ClinvarPane.spec.js b/frontend/tests/variants/unit/components/FilterForm/ClinvarPane.spec.js
index 4079a5e3a..320ade63b 100644
--- a/frontend/tests/variants/unit/components/FilterForm/ClinvarPane.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/ClinvarPane.spec.js
@@ -1,7 +1,8 @@
-import FilterFormClinvarPane from '@/variants/components/FilterForm/ClinvarPane.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 
+import FilterFormClinvarPane from '@/variants/components/FilterForm/ClinvarPane.vue'
+
 describe('FilterFormClinvarPane.vue', () => {
   test('clinvar pane all unchecked', () => {
     const wrapper = shallowMount(FilterFormClinvarPane, {
diff --git a/frontend/tests/variants/unit/components/FilterForm/EffectPane.spec.js b/frontend/tests/variants/unit/components/FilterForm/EffectPane.spec.js
index da9d73b3b..ba186b684 100644
--- a/frontend/tests/variants/unit/components/FilterForm/EffectPane.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/EffectPane.spec.js
@@ -1,7 +1,8 @@
-import FilterFormEffectPane from '@/variants/components/FilterForm/EffectPane.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 
+import FilterFormEffectPane from '@/variants/components/FilterForm/EffectPane.vue'
+
 import querySettingsSingleton from '../../../data/query-settings-singleton.json'
 
 describe('FilterFormEffectPane.vue', () => {
diff --git a/frontend/tests/variants/unit/components/FilterForm/FlagsPane.spec.js b/frontend/tests/variants/unit/components/FilterForm/FlagsPane.spec.js
index 643062591..a9bda8d34 100644
--- a/frontend/tests/variants/unit/components/FilterForm/FlagsPane.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/FlagsPane.spec.js
@@ -1,7 +1,8 @@
-import FilterFormFlagsPane from '@/variants/components/FilterForm/FlagsPane.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 
+import FilterFormFlagsPane from '@/variants/components/FilterForm/FlagsPane.vue'
+
 import querySettingsSingleton from '../../../data/query-settings-singleton.json'
 
 describe('FilterFormFlagsPane.vue', () => {
diff --git a/frontend/tests/variants/unit/components/FilterForm/Footer.spec.js b/frontend/tests/variants/unit/components/FilterForm/Footer.spec.js
index e92210731..6bbf82940 100644
--- a/frontend/tests/variants/unit/components/FilterForm/Footer.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/Footer.spec.js
@@ -1,8 +1,9 @@
 import { createTestingPinia } from '@pinia/testing'
-import FilterFormFooter from '@/variants/components/FilterForm/Footer.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test, vi } from 'vitest'
 
+import FilterFormFooter from '@/variants/components/FilterForm/Footer.vue'
+
 import variantQueryStore from '../../../data/filter-query-store.json'
 
 const piniaTestStore = createTestingPinia({
diff --git a/frontend/tests/variants/unit/components/FilterForm/FrequencyPane.spec.js b/frontend/tests/variants/unit/components/FilterForm/FrequencyPane.spec.js
index 43edddb39..db70c9a33 100644
--- a/frontend/tests/variants/unit/components/FilterForm/FrequencyPane.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/FrequencyPane.spec.js
@@ -1,8 +1,9 @@
-import FilterFormFrequencyPane from '@/variants/components/FilterForm/FrequencyPane.vue'
 import { shallowMount } from '@vue/test-utils'
 import { mount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 
+import FilterFormFrequencyPane from '@/variants/components/FilterForm/FrequencyPane.vue'
+
 import singletonCaseData from '../../../data/case-singleton.json'
 import querySettingsSingleton from '../../../data/query-settings-singleton.json'
 
diff --git a/frontend/tests/variants/unit/components/FilterForm/GenesRegionsPane.spec.js b/frontend/tests/variants/unit/components/FilterForm/GenesRegionsPane.spec.js
index d88f21a34..4ac770b9f 100644
--- a/frontend/tests/variants/unit/components/FilterForm/GenesRegionsPane.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/GenesRegionsPane.spec.js
@@ -3,6 +3,7 @@
 import debounce from 'lodash.debounce'
 import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest'
 import createFetchMock from 'vitest-fetch-mock'
+
 // import { reactive } from 'vue'
 
 // import localPanelResponse from '../../../data/localPanelResponse.json'
diff --git a/frontend/tests/variants/unit/components/FilterForm/GenotypePane.spec.js b/frontend/tests/variants/unit/components/FilterForm/GenotypePane.spec.js
index 9b1ee5645..a9ecb036b 100644
--- a/frontend/tests/variants/unit/components/FilterForm/GenotypePane.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/GenotypePane.spec.js
@@ -1,8 +1,9 @@
-import FilterFormGenotypePane from '@/variants/components/FilterForm/GenotypePane.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 import { reactive } from 'vue'
 
+import FilterFormGenotypePane from '@/variants/components/FilterForm/GenotypePane.vue'
+
 import singletonCaseData from '../../../data/case-singleton.json'
 import trioCaseData from '../../../data/case-trio.json'
 import querySettingsSingleton from '../../../data/query-settings-singleton.json'
diff --git a/frontend/tests/variants/unit/components/FilterForm/GenotypePaneAffected.spec.js b/frontend/tests/variants/unit/components/FilterForm/GenotypePaneAffected.spec.js
index feee4392a..cd1b60506 100644
--- a/frontend/tests/variants/unit/components/FilterForm/GenotypePaneAffected.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/GenotypePaneAffected.spec.js
@@ -1,7 +1,8 @@
-import FilterFormGenotypePaneAffected from '@/variants/components/FilterForm/GenotypePaneAffected.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 
+import FilterFormGenotypePaneAffected from '@/variants/components/FilterForm/GenotypePaneAffected.vue'
+
 describe('FilterFormGenotypePaneAffected.vue', () => {
   test('genotype affected', () => {
     const wrapper = shallowMount(FilterFormGenotypePaneAffected, {
diff --git a/frontend/tests/variants/unit/components/FilterForm/GenotypePaneModal.spec.js b/frontend/tests/variants/unit/components/FilterForm/GenotypePaneModal.spec.js
index 40070b855..c76065f9a 100644
--- a/frontend/tests/variants/unit/components/FilterForm/GenotypePaneModal.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/GenotypePaneModal.spec.js
@@ -1,8 +1,9 @@
-import FilterFormGenotypePaneModal from '@/variants/components/FilterForm/GenotypePaneModal.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 import { reactive } from 'vue'
 
+import FilterFormGenotypePaneModal from '@/variants/components/FilterForm/GenotypePaneModal.vue'
+
 const querySettings = reactive({
   recessive_index: null,
   recessive_mode: null,
diff --git a/frontend/tests/variants/unit/components/FilterForm/GenotypePaneSex.spec.js b/frontend/tests/variants/unit/components/FilterForm/GenotypePaneSex.spec.js
index 533001024..d4eb0ac68 100644
--- a/frontend/tests/variants/unit/components/FilterForm/GenotypePaneSex.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/GenotypePaneSex.spec.js
@@ -1,7 +1,8 @@
-import FilterFormGenotypePaneSex from '@/variants/components/FilterForm/GenotypePaneSex.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 
+import FilterFormGenotypePaneSex from '@/variants/components/FilterForm/GenotypePaneSex.vue'
+
 describe('FilterFormGenotypePaneSex.vue', () => {
   test('genotype sex male', () => {
     const wrapper = shallowMount(FilterFormGenotypePaneSex, {
diff --git a/frontend/tests/variants/unit/components/FilterForm/PrioritizationPane.spec.js b/frontend/tests/variants/unit/components/FilterForm/PrioritizationPane.spec.js
index 16c9ac00c..79ea479e9 100644
--- a/frontend/tests/variants/unit/components/FilterForm/PrioritizationPane.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/PrioritizationPane.spec.js
@@ -1,7 +1,8 @@
-import FilterFormPrioritizationPane from '@/variants/components/FilterForm/PrioritizationPane.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 
+import FilterFormPrioritizationPane from '@/variants/components/FilterForm/PrioritizationPane.vue'
+
 describe('FilterFormPrioritizationPane.vue', () => {
   test('prioritization prefilled', () => {
     const wrapper = shallowMount(FilterFormPrioritizationPane, {
diff --git a/frontend/tests/variants/unit/components/FilterForm/QualityPane.spec.js b/frontend/tests/variants/unit/components/FilterForm/QualityPane.spec.js
index 36cd0ade2..6b0d943e9 100644
--- a/frontend/tests/variants/unit/components/FilterForm/QualityPane.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/QualityPane.spec.js
@@ -1,8 +1,9 @@
-import FilterFormQualityPane from '@/variants/components/FilterForm/QualityPane.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 import { reactive } from 'vue'
 
+import FilterFormQualityPane from '@/variants/components/FilterForm/QualityPane.vue'
+
 import singletonCaseData from '../../../data/case-singleton.json'
 import trioCaseData from '../../../data/case-trio.json'
 import querySettingsSingleton from '../../../data/query-settings-singleton.json'
diff --git a/frontend/tests/variants/unit/components/FilterForm/QualityPaneRow.spec.js b/frontend/tests/variants/unit/components/FilterForm/QualityPaneRow.spec.js
index 34b08d76b..5622d228a 100644
--- a/frontend/tests/variants/unit/components/FilterForm/QualityPaneRow.spec.js
+++ b/frontend/tests/variants/unit/components/FilterForm/QualityPaneRow.spec.js
@@ -1,8 +1,9 @@
-import FilterFormQualityPaneRow from '@/variants/components/FilterForm/QualityPaneRow.vue'
 import { shallowMount } from '@vue/test-utils'
 import { describe, expect, test } from 'vitest'
 import { reactive } from 'vue'
 
+import FilterFormQualityPaneRow from '@/variants/components/FilterForm/QualityPaneRow.vue'
+
 import singletonCaseData from '../../../data/case-singleton.json'
 import querySettingsSingleton from '../../../data/query-settings-singleton.json'
 
diff --git a/frontend/tests/variants/unit/components/HpoTermInput.spec.js b/frontend/tests/variants/unit/components/HpoTermInput.spec.js
index 05f7b7c46..bd20cb1c5 100644
--- a/frontend/tests/variants/unit/components/HpoTermInput.spec.js
+++ b/frontend/tests/variants/unit/components/HpoTermInput.spec.js
@@ -1,7 +1,8 @@
-import HpoTermInput from '@/variants/components/HpoTermInput.vue'
-import { shallowMount } from '@vue/test-utils'
-import { describe, expect, test, beforeEach } from 'vitest'
 import { setupUrlConfigForTesting } from '@bihealth/reev-frontend-lib/lib/urlConfig'
+import { shallowMount } from '@vue/test-utils'
+import { beforeEach, describe, expect, test } from 'vitest'
+
+import HpoTermInput from '@/variants/components/HpoTermInput.vue'
 
 describe('HpoTermInput.vue', () => {
   beforeEach(() => {
diff --git a/frontend/tests/variants/unit/components/TokenizingTextarea.spec.js b/frontend/tests/variants/unit/components/TokenizingTextarea.spec.js
index 7a933f76d..2507c3b97 100644
--- a/frontend/tests/variants/unit/components/TokenizingTextarea.spec.js
+++ b/frontend/tests/variants/unit/components/TokenizingTextarea.spec.js
@@ -1,6 +1,7 @@
 // import TokenizingTextarea from '@/variants/components/TokenizingTextarea.vue'
 // import { shallowMount } from '@vue/test-utils'
 import { describe, test } from 'vitest'
+
 // import { reactive } from 'vue'
 
 // import singletonCaseData from '../../data/case-singleton.json'
diff --git a/frontend/tests/variants/unit/components/VariantDetails/CommentsFlags.spec.js b/frontend/tests/variants/unit/components/VariantDetails/CommentsFlags.spec.js
index 5c0037424..669ab2876 100644
--- a/frontend/tests/variants/unit/components/VariantDetails/CommentsFlags.spec.js
+++ b/frontend/tests/variants/unit/components/VariantDetails/CommentsFlags.spec.js
@@ -7,7 +7,12 @@
 // } from '@/variants/enums'
 // import { shallowMount } from '@vue/test-utils'
 import { createPinia, setActivePinia } from 'pinia'
-import { beforeEach, describe, test /*, vi*/ } from 'vitest'
+import {
+  beforeEach,
+  describe,
+  test,
+  /*, vi*/
+} from 'vitest'
 
 // const testStores = createTestingPinia({
 //   initialState: {
diff --git a/frontend/tests/variants/unit/stores/filterQuery.spec.js b/frontend/tests/variants/unit/stores/filterQuery.spec.js
index c5170f27f..324490e52 100644
--- a/frontend/tests/variants/unit/stores/filterQuery.spec.js
+++ b/frontend/tests/variants/unit/stores/filterQuery.spec.js
@@ -1,9 +1,10 @@
 import { createTestingPinia } from '@pinia/testing'
-import { useVariantQueryStore } from '@/variants/stores/variantQuery'
 import { setActivePinia } from 'pinia'
 import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest'
 import createFetchMock from 'vitest-fetch-mock'
 
+import { useVariantQueryStore } from '@/variants/stores/variantQuery'
+
 const fetchMock = createFetchMock(vi)
 fetchMock.enableMocks()
 
diff --git a/frontend/tests/variants/unit/stores/variantDetails.spec.js b/frontend/tests/variants/unit/stores/variantDetails.spec.js
index ce0b156bd..451862290 100644
--- a/frontend/tests/variants/unit/stores/variantDetails.spec.js
+++ b/frontend/tests/variants/unit/stores/variantDetails.spec.js
@@ -1,9 +1,10 @@
 import { createTestingPinia } from '@pinia/testing'
-import { useVariantDetailsStore } from '@/variants/stores/variantDetails'
 import { setActivePinia } from 'pinia'
 import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest'
 import createFetchMock from 'vitest-fetch-mock'
 
+import { useVariantDetailsStore } from '@/variants/stores/variantDetails'
+
 const fetchMock = createFetchMock(vi)
 fetchMock.enableMocks()