diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index bc42cb49a..dcf040db0 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -53,6 +53,7 @@
         "@iconify-json/fa-regular": "^1.1.8",
         "@iconify-json/fa-solid": "^1.1.8",
         "@iconify-json/fa6-solid": "^1.1.21",
+        "@iconify-json/fluent": "^1.1.59",
         "@iconify-json/mdi": "^1.1.66",
         "@iconify-json/medical-icon": "^1.1.8",
         "@iconify-json/oi": "^1.1.8",
@@ -2812,6 +2813,15 @@
         "@iconify/types": "*"
       }
     },
+    "node_modules/@iconify-json/fluent": {
+      "version": "1.1.59",
+      "resolved": "https://registry.npmjs.org/@iconify-json/fluent/-/fluent-1.1.59.tgz",
+      "integrity": "sha512-4gihRqVI4aVfx26VOk0LAcjLkii7DWsdb1AP0NXRQ/fZ5VJOIqf7NdVfz5K01w+4ayDLl+aDdp7X1zlCh2kOwg==",
+      "dev": true,
+      "dependencies": {
+        "@iconify/types": "*"
+      }
+    },
     "node_modules/@iconify-json/mdi": {
       "version": "1.1.66",
       "resolved": "https://registry.npmjs.org/@iconify-json/mdi/-/mdi-1.1.66.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 48dceb284..0b200c30f 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -60,6 +60,7 @@
     "@iconify-json/fa-regular": "^1.1.8",
     "@iconify-json/fa-solid": "^1.1.8",
     "@iconify-json/fa6-solid": "^1.1.21",
+    "@iconify-json/fluent": "^1.1.59",
     "@iconify-json/mdi": "^1.1.66",
     "@iconify-json/medical-icon": "^1.1.8",
     "@iconify-json/oi": "^1.1.8",
diff --git a/frontend/src/cases/components/CaseDetailApp.vue b/frontend/src/cases/components/CaseDetailApp.vue
index cf6574b2e..b770d3517 100644
--- a/frontend/src/cases/components/CaseDetailApp.vue
+++ b/frontend/src/cases/components/CaseDetailApp.vue
@@ -60,7 +60,6 @@ const caseAnalysisStore = useCaseAnalysisStore()
 const seqvarsQueryStore = useSeqvarsQueryStore()
 
 // Routing-related.
-
 const router = useRouter()
 
 const refreshStores = async () => {
diff --git a/frontend/src/cases/router/index.ts b/frontend/src/cases/router/index.ts
index 36cd599f2..15b356907 100644
--- a/frontend/src/cases/router/index.ts
+++ b/frontend/src/cases/router/index.ts
@@ -4,6 +4,7 @@ import StrucvarDetails from '@/svs/views/StrucvarDetails/StrucvarDetails.vue'
 import SvFilterApp from '@/svs/components/SvFilterApp.vue'
 import { useHistoryStore } from '@/varfish/stores/history'
 import FilterApp from '@/variants/components/FilterApp.vue'
+import SeqvarsApp from '@/seqvars/App.vue'
 import SeqvarDetails from '@/variants/views/SeqvarDetails/SeqvarDetails.vue'
 import {
   RouteLocationNormalized,
@@ -92,6 +93,14 @@ const routes: RouteRecordRaw[] = [
       caseUuid: route.params.case,
     }),
   },
+  {
+    name: 'seqvars',
+    path: '/seqvars/:case',
+    component: SeqvarsApp,
+    props: (route: RouteLocationNormalized) => ({
+      caseUuid: route.params.case,
+    }),
+  },
   {
     name: 'seqvar-details',
     path: '/seqvar/details/:row/:selectedSection?',
diff --git a/frontend/src/seqvars/App.vue b/frontend/src/seqvars/App.vue
new file mode 100644
index 000000000..d44fb0220
--- /dev/null
+++ b/frontend/src/seqvars/App.vue
@@ -0,0 +1,65 @@
+<script lang="ts" setup>
+import { onMounted, watch } from 'vue'
+
+import SeqvarsFiltration from './views/SeqvarsFiltration.vue'
+import { useCaseAnalysisStore } from './stores/caseAnalysis'
+import { useSeqvarPresetsStore } from './stores/presets'
+import { useSeqvarsQueryStore } from './stores/query'
+import { computed } from 'vue'
+
+const appContext = JSON.parse(
+  document
+    .getElementById('sodar-ss-app-context')!
+    .getAttribute('app-context') || '{}',
+)
+
+const props = defineProps<{ caseUuid: string }>()
+
+const seqvarPresetsStore = useSeqvarPresetsStore()
+const caseAnalysisStore = useCaseAnalysisStore()
+const seqvarsQueryStore = useSeqvarsQueryStore()
+
+const refreshStores = async () => {
+  if (
+    appContext?.csrf_token &&
+    appContext?.project?.sodar_uuid &&
+    props?.caseUuid
+  ) {
+    await Promise.all([
+      (async () => {
+        await Promise.all([
+          seqvarPresetsStore.initialize(appContext.project.sodar_uuid),
+          caseAnalysisStore.initialize(
+            appContext.project.sodar_uuid,
+            props.caseUuid,
+          ),
+        ])
+        await seqvarsQueryStore.initialize(
+          appContext.project.sodar_uuid,
+          props.caseUuid,
+          caseAnalysisStore.currentAnalysis!.sodar_uuid,
+          caseAnalysisStore.currentSession!.sodar_uuid,
+          seqvarPresetsStore.presetSets.values().next().value.sodar_uuid,
+        )
+      })(),
+    ])
+  }
+}
+
+onMounted(() => {
+  refreshStores()
+})
+
+watch(
+  () => props.caseUuid,
+  () => refreshStores(),
+)
+
+const presets = computed(() =>
+  [...seqvarPresetsStore.presetSetVersions.values()].at(0),
+)
+</script>
+
+<template>
+  <SeqvarsFiltration v-if="presets" :presets="presets" />
+</template>
diff --git a/frontend/src/seqvars/components/FrequencySelect/FrequencySelect.vue b/frontend/src/seqvars/components/FrequencySelect/FrequencySelect.vue
index 5be022113..15cb94a0b 100644
--- a/frontend/src/seqvars/components/FrequencySelect/FrequencySelect.vue
+++ b/frontend/src/seqvars/components/FrequencySelect/FrequencySelect.vue
@@ -4,7 +4,6 @@ import { SeqvarsQueryPresetsFrequency } from '@varfish-org/varfish-api/lib'
 import CollapsibleGroup from '@/seqvars/components/CollapsibleGroup.vue'
 import Hr from '@/seqvars/components/Hr.vue'
 import Item from '@/seqvars/components/Item.vue'
-import ModifiedIcon from '@/seqvars/components/ModifiedIcon.vue'
 import { Query } from '@/seqvars/types'
 import { copy } from '@/varfish/helpers'
 
@@ -15,6 +14,10 @@ const { presets } = defineProps<{ presets: SeqvarsQueryPresetsFrequency[] }>()
 const model = defineModel<Query>({
   required: true,
 })
+const setToPreset = (preset: SeqvarsQueryPresetsFrequency) => {
+  model.value.frequencypresets = preset.sodar_uuid
+  model.value.frequency = copy(preset)
+}
 </script>
 
 <template>
@@ -28,21 +31,12 @@ const model = defineModel<Query>({
           v-for="preset in presets"
           :key="preset.sodar_uuid"
           :selected="preset.sodar_uuid === model.frequencypresets"
-          @click="
-            () => {
-              model.frequencypresets = preset.sodar_uuid
-              model.frequency = copy(preset)
-            }
-          "
+          :modified="!matchesFrequencyPreset(model.frequency, preset)"
+          @click="() => setToPreset(preset)"
+          @revert="() => setToPreset(preset)"
         >
-          <template #default>{{ preset.label }}</template>
-          <template #extra>
-            <ModifiedIcon
-              v-if="
-                preset.sodar_uuid === model.frequencypresets &&
-                !matchesFrequencyPreset(model.frequency, preset)
-              " /></template
-        ></Item>
+          {{ preset.label }}
+        </Item>
       </div>
 
       <Hr />
diff --git a/frontend/src/seqvars/components/GenotypeSelect/GenotypeSelect.vue b/frontend/src/seqvars/components/GenotypeSelect/GenotypeSelect.vue
index ed759f59c..4a43b7ed7 100644
--- a/frontend/src/seqvars/components/GenotypeSelect/GenotypeSelect.vue
+++ b/frontend/src/seqvars/components/GenotypeSelect/GenotypeSelect.vue
@@ -10,7 +10,6 @@ import { copy } from '@/varfish/helpers'
 import CollapsibleGroup from '@/seqvars/components/CollapsibleGroup.vue'
 import Hr from '@/seqvars/components/Hr.vue'
 import Item from '@/seqvars/components/Item.vue'
-import ModifiedIcon from '@/seqvars/components/ModifiedIcon.vue'
 import { Query } from '@/seqvars/types'
 
 import { Affected, GENOTYPE_PRESETS, SexAssignedAtBirth } from './constants'
@@ -34,6 +33,11 @@ const recessiveMode = computed<RecessiveModeEnum>({
     model.value.genotype.recessive_mode = value
   },
 })
+
+const setToPreset = (key: SeqvarsGenotypePresetChoice) => {
+  model.value.genotype = copy(getGenotypeSettingsFromPreset(key))
+  model.value.genotypepresets = { choice: key }
+}
 </script>
 
 <template>
@@ -44,28 +48,18 @@ const recessiveMode = computed<RecessiveModeEnum>({
         style="width: 100%; display: flex; flex-direction: column"
       >
         <Item
-          v-for="key in Object.keys(GENOTYPE_PRESETS)"
+          v-for="key in Object.keys(
+            GENOTYPE_PRESETS,
+          ) as SeqvarsGenotypePresetChoice[]"
           :key="key"
           :selected="model.genotypepresets?.choice == key"
-          @click="
-            () => {
-              const presetKey = key as SeqvarsGenotypePresetChoice
-              model.genotype = copy(getGenotypeSettingsFromPreset(presetKey))
-              model.genotypepresets = { choice: presetKey }
-            }
-          "
+          :modified="!matchesGenotypePreset(model.genotype, key)"
+          @click="() => setToPreset(key)"
+          @revert="() => setToPreset(key)"
         >
-          <template #default>{{
-            key == 'ANY' ? 'any mode' : key.toLowerCase().split('_').join(' ')
-          }}</template>
-          <template #extra>
-            <ModifiedIcon
-              v-if="
-                model.genotypepresets?.choice == key &&
-                !matchesGenotypePreset(model.genotype, key)
-              "
-            />
-          </template>
+          {{
+            key == 'any' ? 'any mode' : key.toLowerCase().split('_').join(' ')
+          }}
         </Item>
       </div>
 
@@ -91,7 +85,12 @@ const recessiveMode = computed<RecessiveModeEnum>({
         :key="index"
         style="display: flex; flex-direction: row; align-items: start; gap: 4px"
       >
-        <input :id="choice.sample" type="checkbox" style="margin-top: 6px" />
+        <input
+          :id="choice.sample"
+          v-model="choice.enabled"
+          type="checkbox"
+          style="margin-top: 6px"
+        />
         <div style="display: flex; flex-direction: column">
           <label
             :for="choice.sample"
diff --git a/frontend/src/seqvars/components/GenotypeSelect/InheritanceModeControls.vue b/frontend/src/seqvars/components/GenotypeSelect/InheritanceModeControls.vue
index 63d27542a..90312fa01 100644
--- a/frontend/src/seqvars/components/GenotypeSelect/InheritanceModeControls.vue
+++ b/frontend/src/seqvars/components/GenotypeSelect/InheritanceModeControls.vue
@@ -34,8 +34,7 @@ const GENOTYPE_TO_INHERITANCE_MODE = {
   hom: [HOM_ALT],
   non_hom: [WILD_TYPE, HET_ALT],
   variant: [HET_ALT, HOM_ALT],
-  // TODO: missing
-  // non_het: [WILD_TYPE, HOM_ALT],
+  non_het: [WILD_TYPE, HOM_ALT],
 } satisfies Record<GenotypeKey, Modes[]>
 const modes = computed({
   get() {
diff --git a/frontend/src/seqvars/components/GenotypeSelect/utils.ts b/frontend/src/seqvars/components/GenotypeSelect/utils.ts
index 113ff2dbe..4918e053f 100644
--- a/frontend/src/seqvars/components/GenotypeSelect/utils.ts
+++ b/frontend/src/seqvars/components/GenotypeSelect/utils.ts
@@ -16,6 +16,7 @@ export function getGenotypeSettingsFromPreset(
     recessive_mode: preset.recessiveMode,
     sample_genotype_choices: (['index', 'father', 'mother'] as Pedigree[]).map(
       (sample) => ({
+        enabled: true,
         sample,
         genotype: preset.samples[sample],
         include_no_call: false,
diff --git a/frontend/src/seqvars/components/Item.vue b/frontend/src/seqvars/components/Item.vue
index 52a293be1..85eb18a8a 100644
--- a/frontend/src/seqvars/components/Item.vue
+++ b/frontend/src/seqvars/components/Item.vue
@@ -1,7 +1,12 @@
 <script setup lang="ts">
-const props = withDefaults(defineProps<{ selected?: boolean }>(), {
-  selected: false,
-})
+import ItemButton from './ItemButton.vue'
+import ModifiedIcon from './ModifiedIcon.vue'
+
+const props = withDefaults(
+  defineProps<{ selected?: boolean; modified?: boolean }>(),
+  { selected: false, modified: false },
+)
+const emit = defineEmits<{ revert: [] }>()
 </script>
 
 <template>
@@ -10,6 +15,12 @@ const props = withDefaults(defineProps<{ selected?: boolean }>(), {
       <slot />
     </button>
     <div style="display: flex; align-items: center">
+      <ModifiedIcon v-if="props.selected && props.modified" />
+      <ItemButton
+        v-if="props.selected && props.modified"
+        @click="() => emit('revert')"
+        ><i-fluent-arrow-undo-20-regular style="font-size: 0.9em"
+      /></ItemButton>
       <slot name="extra"></slot>
     </div>
   </div>
diff --git a/frontend/src/seqvars/components/PredefinedQueryList.vue b/frontend/src/seqvars/components/PredefinedQueryList.vue
index db00282fa..b64bbbfbb 100644
--- a/frontend/src/seqvars/components/PredefinedQueryList.vue
+++ b/frontend/src/seqvars/components/PredefinedQueryList.vue
@@ -1,12 +1,22 @@
 <script setup lang="ts">
-import { SeqvarsPredefinedQuery } from '@varfish-org/varfish-api/lib'
+import {
+  SeqvarsPredefinedQuery,
+  SeqvarsQueryPresetsSetVersionDetails,
+} from '@varfish-org/varfish-api/lib'
 
 import CollapsibleGroup from '@/seqvars/components/CollapsibleGroup.vue'
 import Item from '@/seqvars/components/Item.vue'
 import ItemButton from '@/seqvars/components/ItemButton.vue'
+import { Query } from '@/seqvars/types'
+import { matchesPredefinedQuery } from './utils'
 
-const { presets } = defineProps<{ presets: SeqvarsPredefinedQuery[] }>()
-const selectedId = defineModel<string | undefined>({ required: true })
+const { presets, query } = defineProps<{
+  presets: SeqvarsQueryPresetsSetVersionDetails
+  query: Query | null
+}>()
+const selectedId = defineModel<string | undefined>('selectedId', {
+  required: true,
+})
 
 defineEmits<{ addQuery: [preset: SeqvarsPredefinedQuery] }>()
 </script>
@@ -15,14 +25,16 @@ defineEmits<{ addQuery: [preset: SeqvarsPredefinedQuery] }>()
   <CollapsibleGroup title="Presets">
     <div style="width: 100%; display: flex; flex-direction: column">
       <Item
-        v-for="preset in presets"
-        :key="preset.sodar_uuid"
-        :selected="preset.sodar_uuid === selectedId"
-        @click="selectedId = preset.sodar_uuid"
+        v-for="pq in presets.seqvarspredefinedquery_set"
+        :key="pq.sodar_uuid"
+        :selected="pq.sodar_uuid === selectedId"
+        :modified="!!query && !matchesPredefinedQuery(presets, query, pq)"
+        @click="selectedId = pq.sodar_uuid"
+        @revert="selectedId = pq.sodar_uuid"
       >
-        <template #default>{{ preset.label }}</template>
+        <template #default>{{ pq.label }}</template>
         <template #extra
-          ><ItemButton @click="$emit('addQuery', preset)"
+          ><ItemButton @click="$emit('addQuery', pq)"
             ><i-bi-filter style="font-size: 0.9em" /></ItemButton
         ></template>
       </Item>
diff --git a/frontend/src/seqvars/components/QueryList.vue b/frontend/src/seqvars/components/QueryList.vue
index 448574b6d..c1d885c6c 100644
--- a/frontend/src/seqvars/components/QueryList.vue
+++ b/frontend/src/seqvars/components/QueryList.vue
@@ -1,20 +1,21 @@
 <script setup lang="ts">
-import { SeqvarsPredefinedQuery } from '@varfish-org/varfish-api/lib'
+import { SeqvarsQueryPresetsSetVersionDetails } from '@varfish-org/varfish-api/lib'
 
 import CollapsibleGroup from '@/seqvars/components/CollapsibleGroup.vue'
-import { matchesFrequencyPreset } from '@/seqvars/components/FrequencySelect/utils'
-import { matchesGenotypePreset } from '@/seqvars/components/GenotypeSelect/utils'
 import Item from '@/seqvars/components/Item.vue'
 import ItemButton from '@/seqvars/components/ItemButton.vue'
-import ModifiedIcon from '@/seqvars/components/ModifiedIcon.vue'
 import { Query } from '@/seqvars/types'
 
-const selectedIndex = defineModel<number | null>({ required: true })
-const { predefinedQueries, queries } = defineProps<{
-  predefinedQueries: SeqvarsPredefinedQuery[]
+import { matchesPredefinedQuery } from './utils'
+
+const selectedIndex = defineModel<number | null>('selectedIndex', {
+  required: true,
+})
+const { presets, queries } = defineProps<{
+  presets: SeqvarsQueryPresetsSetVersionDetails
   queries: Query[]
 }>()
-defineEmits(['removeQuery'])
+defineEmits<{ remove: [index: number]; revert: [] }>()
 
 let count: number
 </script>
@@ -26,12 +27,23 @@ let count: number
         v-for="(query, index) in queries"
         :key="index"
         :selected="index === selectedIndex"
+        :modified="
+          !!query &&
+          !matchesPredefinedQuery(
+            presets,
+            query,
+            presets.seqvarspredefinedquery_set.find(
+              (pq) => pq.sodar_uuid === query.predefinedquery,
+            )!,
+          )
+        "
         @click="selectedIndex = index"
+        @revert="$emit('revert')"
       >
         <template #default>
           #{{ index + 1 }}
           {{
-            predefinedQueries.find(
+            presets.seqvarspredefinedquery_set.find(
               (pq) => pq.sodar_uuid === query.predefinedquery,
             )?.label
           }}
@@ -47,10 +59,7 @@ let count: number
           >
         </template>
         <template #extra>
-          <ModifiedIcon
-            v-if="!matchesGenotypePreset || !matchesFrequencyPreset"
-          />
-          <ItemButton @click="$emit('removeQuery', index)"
+          <ItemButton @click="$emit('remove', index)"
             ><i-mdi-close-box-outline
           /></ItemButton>
         </template>
diff --git a/frontend/src/seqvars/components/utils.ts b/frontend/src/seqvars/components/utils.ts
new file mode 100644
index 000000000..838d0e9df
--- /dev/null
+++ b/frontend/src/seqvars/components/utils.ts
@@ -0,0 +1,25 @@
+import {
+  SeqvarsPredefinedQuery,
+  SeqvarsQueryPresetsSetVersionDetails,
+} from '@varfish-org/varfish-api/lib'
+import { Query } from '@/seqvars/types'
+
+import { matchesFrequencyPreset } from './FrequencySelect/utils'
+import { matchesGenotypePreset } from './GenotypeSelect/utils'
+
+export function matchesPredefinedQuery(
+  presets: SeqvarsQueryPresetsSetVersionDetails,
+  query: Query,
+  pq: SeqvarsPredefinedQuery,
+): boolean {
+  const genotype = pq.genotype?.choice
+  const frequency = presets.seqvarsquerypresetsfrequency_set.find(
+    (f) => f.sodar_uuid === pq.frequency,
+  )
+  return (
+    !!genotype &&
+    matchesGenotypePreset(query.genotype, genotype) &&
+    !!frequency &&
+    matchesFrequencyPreset(query.frequency, frequency)
+  )
+}
diff --git a/frontend/src/seqvars/views/SeqvarsFiltration.vue b/frontend/src/seqvars/views/SeqvarsFiltration.vue
index 130cc28da..9bc6a2e02 100644
--- a/frontend/src/seqvars/views/SeqvarsFiltration.vue
+++ b/frontend/src/seqvars/views/SeqvarsFiltration.vue
@@ -73,16 +73,28 @@ const createQuery = (pq: SeqvarsPredefinedQuery): Query => {
       >
         <QueryList
           v-if="queries.length > 0"
-          v-model="selectedQueryIndex"
-          :predefined-queries="presets.seqvarspredefinedquery_set"
+          :selected-index="selectedQueryIndex"
+          :presets="presets"
           :queries="queries"
-          @remove-query="(index) => queries.splice(index, 1)"
+          @update:selected-index="(index) => (selectedQueryIndex = index)"
+          @remove="(index) => queries.splice(index, 1)"
+          @revert="
+            () => {
+              const preset = presets.seqvarspredefinedquery_set.find(
+                (p) => p.sodar_uuid === selectedQuery?.predefinedquery,
+              )
+              if (preset) {
+                selectedQuery = createQuery(preset)
+              }
+            }
+          "
         />
 
         <PredefinedQueryList
-          :presets="presets.seqvarspredefinedquery_set"
-          :model-value="selectedQuery?.predefinedquery"
-          @update:model-value="
+          :presets="presets"
+          :selected-id="selectedQuery?.predefinedquery"
+          :query="selectedQuery"
+          @update:selected-id="
             (id) => {
               const preset = presets.seqvarspredefinedquery_set.find(
                 (p) => p.sodar_uuid === id,