From 640f2a34bf3bf0b6b126aa273ee8af0d389777db Mon Sep 17 00:00:00 2001
From: Mohit Haibatpure <158800798+MohitHaibatpure@users.noreply.github.com>
Date: Sun, 4 Jan 2026 11:42:20 +0530
Subject: [PATCH] Add settings button for tagging configuration

Added a button to navigate to settings for tagging configuration.
---
 frontend/src/pages/AITagging/AITagging.tsx | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/AITagging/AITagging.tsx b/frontend/src/pages/AITagging/AITagging.tsx
index 187bda3d..42f60660 100644
--- a/frontend/src/pages/AITagging/AITagging.tsx
+++ b/frontend/src/pages/AITagging/AITagging.tsx
@@ -13,8 +13,12 @@ import {
 } from '@/components/Media/ChronologicalGallery';
 import TimelineScrollbar from '@/components/Timeline/TimelineScrollbar';
 import { EmptyAITaggingState } from '@/components/EmptyStates/EmptyAITaggingState';
+import { useNavigate } from 'react-router-dom';
+import { Settings } from 'lucide-react';
+import { Button } from '@/components/ui/button';
 
 export const AITagging = () => {
+  const navigate = useNavigate();
   const dispatch = useDispatch();
   const scrollableRef = useRef<HTMLDivElement>(null);
   const [monthMarkers, setMonthMarkers] = useState<MonthMarker[]>([]);
@@ -47,7 +51,20 @@ export const AITagging = () => {
         ref={scrollableRef}
         className="hide-scrollbar flex-1 overflow-x-hidden overflow-y-auto"
       >
-        <h1 className="mt-6 mb-6 text-2xl font-bold">AI Tagging</h1>
+        <div className="mt-6 mb-6 flex items-center justify-between">
+  <h1 className="text-2xl font-bold">AI Tagging</h1>
+
+  {/* Configure Tagging Button */}
+  <Button
+    variant="outline"
+    size="sm"
+    onClick={() => navigate('/settings')}
+    className="gap-2"
+  >
+    <Settings className="h-4 w-4" />
+    Configure Tagging
+  </Button>
+</div>
 
         {/* Face Collections Section */}
         <div className="mb-8">