From a9264e348f6360297c1abc4a0d0f5cdf9d7e99d6 Mon Sep 17 00:00:00 2001
From: Simon <simobilleter@gmail.com>
Date: Sat, 23 Aug 2025 12:17:55 +0700
Subject: [PATCH 1/3] watched filter split by channel and playlist

---
 backend/user/serializers.py                        |  2 ++
 backend/user/src/user_config.py                    |  4 ++++
 frontend/src/api/actions/updateUserConfig.ts       |  2 ++
 frontend/src/components/Filterbar.tsx              | 14 +++++++++++---
 .../src/configuration/constants/HideWatched.ts     |  7 +++++++
 frontend/src/pages/ChannelVideo.tsx                | 12 ++++++++----
 frontend/src/pages/Home.tsx                        |  7 ++++++-
 frontend/src/pages/Playlist.tsx                    |  8 +++++---
 frontend/src/stores/UserConfigStore.ts             |  4 +++-
 9 files changed, 48 insertions(+), 12 deletions(-)
 create mode 100644 frontend/src/configuration/constants/HideWatched.ts

diff --git a/backend/user/serializers.py b/backend/user/serializers.py
index dea69916..4a54aa4c 100644
--- a/backend/user/serializers.py
+++ b/backend/user/serializers.py
@@ -42,6 +42,8 @@ class UserMeConfigSerializer(serializers.Serializer):
     )
     grid_items = serializers.IntegerField(max_value=7, min_value=3)
     hide_watched = serializers.BooleanField(allow_null=True)
+    hide_watched_channel = serializers.BooleanField(allow_null=True)
+    hide_watched_playlist = serializers.BooleanField(allow_null=True)
     file_size_unit = serializers.ChoiceField(choices=["binary", "metric"])
     show_ignored_only = serializers.BooleanField()
     show_subed_only = serializers.BooleanField(allow_null=True)
diff --git a/backend/user/src/user_config.py b/backend/user/src/user_config.py
index 5037c390..8cd5c01d 100644
--- a/backend/user/src/user_config.py
+++ b/backend/user/src/user_config.py
@@ -23,6 +23,8 @@ class UserConfigType(TypedDict, total=False):
     vid_type_filter: str | None
     grid_items: int
     hide_watched: bool | None
+    hide_watched_channel: bool | None
+    hide_watched_playlist: bool | None
     file_size_unit: str
     show_ignored_only: bool
     show_subed_only: bool | None
@@ -48,6 +50,8 @@ class UserConfig:
         vid_type_filter=None,
         grid_items=3,
         hide_watched=False,
+        hide_watched_channel=None,
+        hide_watched_playlist=None,
         file_size_unit="binary",
         show_ignored_only=False,
         show_subed_only=None,
diff --git a/frontend/src/api/actions/updateUserConfig.ts b/frontend/src/api/actions/updateUserConfig.ts
index d9a4b7f8..0fedd650 100644
--- a/frontend/src/api/actions/updateUserConfig.ts
+++ b/frontend/src/api/actions/updateUserConfig.ts
@@ -34,6 +34,8 @@ export type UserConfigType = {
   vid_type_filter: VideoTypes | null;
   grid_items: number;
   hide_watched: boolean | null;
+  hide_watched_channel: boolean | null;
+  hide_watched_playlist: boolean | null;
   file_size_unit: 'binary' | 'metric';
   show_ignored_only: boolean;
   show_subed_only: boolean | null;
diff --git a/frontend/src/components/Filterbar.tsx b/frontend/src/components/Filterbar.tsx
index a03e5392..95f3c8f9 100644
--- a/frontend/src/components/Filterbar.tsx
+++ b/frontend/src/components/Filterbar.tsx
@@ -21,14 +21,21 @@ import { useFilterBarTempConf } from '../stores/FilterbarTempConf';
 import { useVideoSelectionStore } from '../stores/VideoSelectionStore';
 import Button from './Button';
 import updateDownloadQueue from '../api/actions/updateDownloadQueue';
+import { HideWatchedType } from '../configuration/constants/HideWatched';
 
 type FilterbarProps = {
   viewStyle: ViewStyleNamesType;
+  hideWatched: HideWatchedType;
   showSort?: boolean;
   showTypeFilter?: boolean;
 };
 
-const Filterbar = ({ viewStyle, showSort = true, showTypeFilter = false }: FilterbarProps) => {
+const Filterbar = ({
+  viewStyle,
+  hideWatched,
+  showSort = true,
+  showTypeFilter = false,
+}: FilterbarProps) => {
   const { userConfig, setUserConfig } = useUserConfigStore();
   const {
     selectedVideoIds,
@@ -44,6 +51,7 @@ const Filterbar = ({ viewStyle, showSort = true, showTypeFilter = false }: Filte
     useFilterBarTempConf();
 
   const currentViewStyle = userConfig[viewStyle];
+  const currentHideWatched = userConfig[hideWatched];
   const isGridView = currentViewStyle === ViewStylesEnum.Grid;
 
   useEffect(() => {
@@ -114,10 +122,10 @@ const Filterbar = ({ viewStyle, showSort = true, showTypeFilter = false }: Filte
             <div>
               <span>Filter:</span>
               <select
-                value={userConfig.hide_watched === null ? '' : userConfig.hide_watched.toString()}
+                value={currentHideWatched === null ? '' : currentHideWatched.toString()}
                 onChange={event => {
                   handleUserConfigUpdate({
-                    hide_watched: event.target.value === '' ? null : event.target.value === 'true',
+                    [hideWatched]: event.target.value === '' ? null : event.target.value === 'true',
                   });
                 }}
               >
diff --git a/frontend/src/configuration/constants/HideWatched.ts b/frontend/src/configuration/constants/HideWatched.ts
new file mode 100644
index 00000000..455d2ec1
--- /dev/null
+++ b/frontend/src/configuration/constants/HideWatched.ts
@@ -0,0 +1,7 @@
+export type HideWatchedType = 'hide_watched' | 'hide_watched_channel' | 'hide_watched_playlist';
+
+export const HideWatchedName = {
+  Home: 'hide_watched',
+  Channel: 'hide_watched_channel',
+  Playlist: 'hide_watched_playlist',
+};
diff --git a/frontend/src/pages/ChannelVideo.tsx b/frontend/src/pages/ChannelVideo.tsx
index 05f329a9..47d34860 100644
--- a/frontend/src/pages/ChannelVideo.tsx
+++ b/frontend/src/pages/ChannelVideo.tsx
@@ -28,6 +28,7 @@ import { useUserConfigStore } from '../stores/UserConfigStore';
 import { FileSizeUnits } from '../api/actions/updateUserConfig';
 import { ApiResponseType } from '../functions/APIClient';
 import { useFilterBarTempConf } from '../stores/FilterbarTempConf';
+import { HideWatchedName, HideWatchedType } from '../configuration/constants/HideWatched';
 
 type ChannelParams = {
   channelId: string;
@@ -76,9 +77,9 @@ const ChannelVideo = ({ videoType }: ChannelVideoProps) => {
         channel: channelId,
         page: currentPage,
         watch:
-          userConfig.hide_watched === null
+          userConfig.hide_watched_channel === null
             ? null
-            : ((userConfig.hide_watched
+            : ((userConfig.hide_watched_channel
                 ? WatchTypesEnum.Watched
                 : WatchTypesEnum.Unwatched) as WatchTypes),
         sort: userConfig.sort_by,
@@ -97,7 +98,7 @@ const ChannelVideo = ({ videoType }: ChannelVideoProps) => {
     refresh,
     userConfig.sort_by,
     userConfig.sort_order,
-    userConfig.hide_watched,
+    userConfig.hide_watched_channel,
     filterHeight,
     currentPage,
     channelId,
@@ -167,7 +168,10 @@ const ChannelVideo = ({ videoType }: ChannelVideoProps) => {
         </div>
 
         <div className={`boxed-content ${gridView}`}>
-          <Filterbar viewStyle={ViewStyleNames.Home as ViewStyleNamesType} />
+          <Filterbar
+            viewStyle={ViewStyleNames.Home as ViewStyleNamesType}
+            hideWatched={HideWatchedName.Channel as HideWatchedType}
+          />
         </div>
 
         <EmbeddableVideoPlayer videoId={videoId} />
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 391c29f0..d01a96d4 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -23,6 +23,7 @@ import { SponsorBlockType } from './Video';
 import { useUserConfigStore } from '../stores/UserConfigStore';
 import { ApiResponseType } from '../functions/APIClient';
 import { useFilterBarTempConf } from '../stores/FilterbarTempConf';
+import { HideWatchedName, HideWatchedType } from '../configuration/constants/HideWatched';
 
 export type PlayerType = {
   watched: boolean;
@@ -202,7 +203,11 @@ const Home = () => {
           <h1>Recent Videos</h1>
         </div>
 
-        <Filterbar viewStyle={ViewStyleNames.Home as ViewStyleNamesType} showTypeFilter={true} />
+        <Filterbar
+          viewStyle={ViewStyleNames.Home as ViewStyleNamesType}
+          hideWatched={HideWatchedName.Home as HideWatchedType}
+          showTypeFilter={true}
+        />
       </div>
 
       <div className={`boxed-content ${gridView}`}>
diff --git a/frontend/src/pages/Playlist.tsx b/frontend/src/pages/Playlist.tsx
index e0c7511e..83e9c212 100644
--- a/frontend/src/pages/Playlist.tsx
+++ b/frontend/src/pages/Playlist.tsx
@@ -34,6 +34,7 @@ import { ApiResponseType } from '../functions/APIClient';
 import NotFound from './NotFound';
 import updatePlaylistSortOrder from '../api/actions/updatePlaylistSortOrder';
 import { useFilterBarTempConf } from '../stores/FilterbarTempConf';
+import { HideWatchedType, HideWatchedName } from '../configuration/constants/HideWatched';
 
 export type VideoResponseType = {
   data?: VideoType[];
@@ -86,9 +87,9 @@ const Playlist = () => {
         playlist: playlistId,
         page: currentPage,
         watch:
-          userConfig.hide_watched === null
+          userConfig.hide_watched_playlist === null
             ? null
-            : ((userConfig.hide_watched
+            : ((userConfig.hide_watched_playlist
                 ? WatchTypesEnum.Watched
                 : WatchTypesEnum.Unwatched) as WatchTypes),
         type: userConfig.vid_type_filter as VideoTypes,
@@ -110,7 +111,7 @@ const Playlist = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [
     playlistId,
-    userConfig.hide_watched,
+    userConfig.hide_watched_playlist,
     userConfig.vid_type_filter,
     filterHeight,
     refresh,
@@ -351,6 +352,7 @@ const Playlist = () => {
       <div className={`boxed-content ${gridView}`}>
         <Filterbar
           viewStyle={ViewStyleNames.Home as ViewStyleNamesType} // its a list of videos, so ViewStyleNames.Home
+          hideWatched={HideWatchedName.Playlist as HideWatchedType}
           showSort={false}
           showTypeFilter={true}
         />
diff --git a/frontend/src/stores/UserConfigStore.ts b/frontend/src/stores/UserConfigStore.ts
index a04b1bc1..805d0d73 100644
--- a/frontend/src/stores/UserConfigStore.ts
+++ b/frontend/src/stores/UserConfigStore.ts
@@ -20,7 +20,9 @@ export const useUserConfigStore = create<UserConfigState>(set => ({
     view_style_playlist: ViewStylesEnum.Grid as ViewStylesType,
     vid_type_filter: null,
     grid_items: 3,
-    hide_watched: false,
+    hide_watched: null,
+    hide_watched_channel: null,
+    hide_watched_playlist: null,
     file_size_unit: 'binary',
     show_ignored_only: false,
     show_subed_only: null,

From 39c66019ebc0f9ea9dd9f42c28a8c90c59314950 Mon Sep 17 00:00:00 2001
From: Simon <simobilleter@gmail.com>
Date: Sat, 23 Aug 2025 12:18:51 +0700
Subject: [PATCH 2/3] bump yt-dlp

---
 backend/requirements.txt | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/requirements.txt b/backend/requirements.txt
index 976fa2b4..31a3a214 100644
--- a/backend/requirements.txt
+++ b/backend/requirements.txt
@@ -12,4 +12,4 @@ requests==2.32.5
 ryd-client==0.0.6
 uvicorn==0.35.0
 whitenoise==6.9.0
-yt-dlp[default]==2025.8.20
+yt-dlp[default]==2025.8.22

From bc3463bdd8830584e3cc59d06a3e07d5703882d7 Mon Sep 17 00:00:00 2001
From: Simon <simobilleter@gmail.com>
Date: Sat, 23 Aug 2025 12:32:39 +0700
Subject: [PATCH 3/3] add unstable tag

---
 backend/config/settings.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/backend/config/settings.py b/backend/config/settings.py
index 892416e3..f19688e0 100644
--- a/backend/config/settings.py
+++ b/backend/config/settings.py
@@ -223,7 +223,7 @@ CORS_ALLOW_HEADERS = list(default_headers) + [
 
 # TA application settings
 TA_UPSTREAM = "https://github.com/tubearchivist/tubearchivist"
-TA_VERSION = "v0.5.7"
+TA_VERSION = "v0.5.8-unstable"
 
 # API
 REST_FRAMEWORK = {