From f391155da52d8af6d3b12f7a663c7f6c38c60a93 Mon Sep 17 00:00:00 2001
From: Antigravity Agent <antigravity@gemini.google.com>
Date: Wed, 4 Feb 2026 22:31:40 +0100
Subject: [PATCH] feat(ui): add favorites view and navigation

---
 web/src/components/Sidebar.tsx  | 14 ++++++++++++++
 web/src/pages/DashboardPage.tsx |  9 +++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
index 91f9871..fe9b346 100644
--- a/web/src/components/Sidebar.tsx
+++ b/web/src/components/Sidebar.tsx
@@ -125,6 +125,20 @@ export function Sidebar({ onSelectFeed, selectedFeedId }: SidebarProps) {
                                     </span>
                                 </button>
                             </div>
+                            <div className="relative group/item mb-4">
+                                <button
+                                    onClick={() => onSelectFeed('favorites')}
+                                    className={`w-full flex items-center justify-between px-4 py-2.5 rounded-lg transition-all duration-300 text-left ${selectedFeedId === 'favorites'
+                                        ? 'bg-gold/10 text-gold-bright'
+                                        : 'text-paper-muted hover:text-gold hover:bg-gold/5'
+                                        }`}
+                                >
+                                    <span className="text-sm font-medium truncate flex items-center">
+                                        <span className={`w-1.5 h-1.5 rounded-full bg-gold/40 mr-3 transition-opacity ${selectedFeedId === 'favorites' ? 'opacity-100' : 'opacity-0 group-hover/item:opacity-100'}`}></span>
+                                        Mes Favoris
+                                    </span>
+                                </button>
+                            </div>
                             {feeds?.map((feed) => (
                                 <div key={feed.id} className="relative group/item">
                                     <button
diff --git a/web/src/pages/DashboardPage.tsx b/web/src/pages/DashboardPage.tsx
index cfd8b05..16ae332 100644
--- a/web/src/pages/DashboardPage.tsx
+++ b/web/src/pages/DashboardPage.tsx
@@ -20,7 +20,12 @@ export function DashboardPage({ selectedFeedId }: DashboardPageProps) {
 
     const { data: articles, isLoading } = useQuery({
         queryKey: ['articles', selectedFeedId],
-        queryFn: () => articlesApi.list({ feed_id: selectedFeedId || undefined }),
+        queryFn: () => {
+            if (selectedFeedId === 'favorites') {
+                return articlesApi.list({ favorite: true });
+            }
+            return articlesApi.list({ feed_id: selectedFeedId || undefined });
+        },
     });
 
     const refreshMutation = useMutation({
@@ -61,7 +66,7 @@ export function DashboardPage({ selectedFeedId }: DashboardPageProps) {
                         <div className="space-y-1">
                             <p className="text-gold text-[10px] uppercase tracking-[0.5em] font-black">Édition du jour</p>
                             <h1 className="text-6xl font-serif italic text-paper-white tracking-tighter">
-                                {selectedFeedId ? 'Archives du Flux' : 'La Une'}
+                                {selectedFeedId === 'favorites' ? 'Mes Favoris' : selectedFeedId ? 'Archives du Flux' : 'La Une'}
                             </h1>
                         </div>
                         <div className="flex flex-col items-center gap-4 text-center">