diff --git a/k-tv-frontend/app/(main)/library/components/library-grid.tsx b/k-tv-frontend/app/(main)/library/components/library-grid.tsx index 3a60712..b357e41 100644 --- a/k-tv-frontend/app/(main)/library/components/library-grid.tsx +++ b/k-tv-frontend/app/(main)/library/components/library-grid.tsx @@ -62,7 +62,8 @@ export function LibraryGrid({ function renderContent() { if (isGroupedTopLevel) { - const shows = showsData ?? []; + // Only show TV show tiles when no type filter is active — "Movies"/"Shorts" should not include shows + const shows = !filter.type ? (showsData ?? []) : []; const nonEpisodes = items.filter(i => i.content_type !== "episode"); const loading = showsLoading; diff --git a/k-tv-frontend/app/(main)/library/components/library-sidebar.tsx b/k-tv-frontend/app/(main)/library/components/library-sidebar.tsx index 25a3e96..26e8cb9 100644 --- a/k-tv-frontend/app/(main)/library/components/library-sidebar.tsx +++ b/k-tv-frontend/app/(main)/library/components/library-sidebar.tsx @@ -25,9 +25,9 @@ const CONTENT_TYPES_ALL = [ ]; const CONTENT_TYPES_GROUPED = [ - { value: ALL, label: "All types" }, - { value: "movie", label: "Movies" }, - { value: "short", label: "Shorts" }, + { value: ALL, label: "All (shows + movies)" }, + { value: "movie", label: "Movies only" }, + { value: "short", label: "Shorts only" }, ]; export function LibrarySidebar({ filter, onFilterChange, viewMode, drilldown, onBack }: Props) {