update

frontend/src/App.vue

@@ -3,6 +3,7 @@ import { computed, nextTick, onMounted, ref, watch } from 'vue'
 import MovieCard from './components/MovieCard.vue'
 import FilterSidebar from './components/FilterSidebar.vue'
 import AehnlichTab from './components/AehnlichTab.vue'
+import KiTab from './components/KiTab.vue'
 import MerklisteTab from './components/MerklisteTab.vue'
 import SammlungFilter from './components/SammlungFilter.vue'
 import MovieDetail from './components/MovieDetail.vue'
@@ -85,6 +86,7 @@ const tabs = computed(() => [
   },
   { id: 'search', label: 'Suche', count: null },
   { id: 'aehnlich', label: 'Ähnlichkeitsuche', count: null },
+  { id: 'ki', label: 'KI-Suche', count: null },
   ...(host.value ? [] : [{ id: 'merkliste', label: 'Sammlungen', count: null }]),
   { id: 'wheel', label: 'Rad', count: null },
   { id: 'stream', label: 'Stream', count: null },
@@ -99,7 +101,7 @@ const tabs = computed(() => [
 // legt sie sich über einen Knopf über die Seite
 const filterOffen = ref(false)
 const mitFilter = computed(() =>
-  ['netflix', 'canon', 'search', 'aehnlich', 'merkliste'].includes(activeTab.value)
+  ['netflix', 'canon', 'search', 'aehnlich', 'ki', 'merkliste'].includes(activeTab.value)
 )
 
 // Der Sammlungen-Reiter filtert nach Person und Genre, nicht nach Regler —
@@ -269,6 +271,34 @@ onMounted(load)
       />
     </div>
 
+    <div v-else-if="activeTab === 'ki'" class="layout">
+      <KiTab
+        :angemeldet="angemeldet"
+        :gesehen-ids="gesehenIds"
+        :ohne-gesehene="ohneGesehene"
+        :filter="suchFilter"
+        :ansicht="ansicht"
+        @open="selected = $event"
+      />
+
+      <FilterSidebar
+        v-model:ansicht="ansicht"
+        v-model:ohne-gesehene="ohneGesehene"
+        v-model:ranges="ranges"
+        :class="{ offen: filterOffen }"
+        :regler="REGLER"
+        :grenzen="grenzen"
+        :options="genreOptions"
+        :include="include"
+        :exclude="exclude"
+        :ohne-suche="true"
+        :ohne-sort="true"
+        @toggle="toggleGenre"
+        @all="toggleAll"
+        @reset="resetGenres"
+      />
+    </div>
+
     <WheelTab
       v-else-if="activeTab === 'wheel'"
       ref="rad"