update

frontend/src/App.vue

@@ -5,10 +5,12 @@ import FilterSidebar from './components/FilterSidebar.vue'
 import AehnlichTab from './components/AehnlichTab.vue'
 import KiTab from './components/KiTab.vue'
 import PersonenTab from './components/PersonenTab.vue'
+import ClipsTab from './components/ClipsTab.vue'
 import MerklisteTab from './components/MerklisteTab.vue'
 import SammlungFilter from './components/SammlungFilter.vue'
 import MovieDetail from './components/MovieDetail.vue'
 import NamensWahl from './components/NamensWahl.vue'
+import FilmLogin from './components/FilmLogin.vue'
 import VerwaltungTab from './components/VerwaltungTab.vue'
 import WuenscheTab from './components/WuenscheTab.vue'
 import SearchTab from './components/SearchTab.vue'
@@ -22,7 +24,8 @@ import { matches, useKatalog } from './composables/useKatalog'
 import { REGLER, useFilter } from './composables/useFilter'
 import { useLangeListe } from './composables/useLangeListe'
 
-const { ansicht, ohneGesehene, activeTab, quelle, suchArt, host } = useEinstellungen()
+const { ansicht, ohneGesehene, activeTab, quelle, suchArt, host, hostLogin, hostAnmelden } =
+  useEinstellungen()
 
 const {
   runde,
@@ -140,6 +143,7 @@ const tabs = computed(() => [
   ...(host.value ? [] : [{ id: 'merkliste', label: 'Sammlungen', count: null }]),
   { id: 'wheel', label: 'Rad', count: null },
   { id: 'stream', label: 'Stream', count: null },
+  ...(angemeldet.value || host.value ? [{ id: 'clips', label: 'Clips', count: null }] : []),
   { id: 'watched', label: 'Gesehen', count: gesehenZahl.value },
   {
     id: 'wuensche',
@@ -428,7 +432,14 @@ onMounted(load)
 
     <VerwaltungTab v-else-if="activeTab === 'verwaltung'" :items="runde" :host="host" :ich="ich" />
 
-    <StreamTab v-else-if="activeTab === 'stream'" />
+    <StreamTab v-else-if="activeTab === 'stream'" :angemeldet="angemeldet" />
+
+    <ClipsTab
+      v-else-if="activeTab === 'clips'"
+      :angemeldet="angemeldet"
+      :host="host"
+      :abende="gesehen"
+    />
 
     <div v-else class="layout">
       <div class="results">
@@ -502,6 +513,14 @@ onMounted(load)
       Fertig
     </button>
 
+    <!-- Die Tastenkombination ohne Freischaltung: den Host-Film finden -->
+    <FilmLogin
+      v-if="hostLogin"
+      name="Host"
+      :pruefen="hostAnmelden"
+      @abbrechen="hostLogin = false"
+    />
+
     <MovieDetail
       v-if="selected"
       :movie="selected"