Updated frontend

src/pages/AdminPage.jsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Link } from 'react-router-dom';
-import { PlayCircle, Loader2, CheckCircle2, XCircle, Clock, Wrench, Database, FileSpreadsheet, Percent, BarChart3, HeartPulse, Sparkles, Upload, Server } from 'lucide-react';
+import { PlayCircle, Loader2, CheckCircle2, XCircle, Clock, Wrench, Database, FileSpreadsheet, Percent, Upload, Server } from 'lucide-react';
 import { api } from '../api/client';
 import { NavigationHeader } from '../components/NavigationHeader';
 
@@ -453,6 +452,16 @@ export function AdminPage() {
               </button>
             </form>
 
+            {/* handleSubmitIngestion has always captured this, but nothing
+                rendered it, so a rejected ingestion looked like nothing had
+                happened. It matters more now that the endpoint can answer 401
+                (session expired) or 403 (not an admin). */}
+            {submitError && (
+              <p className="rounded-xl border border-maroon-600/30 bg-maroon-100/60 p-2.5 text-xs font-medium text-maroon-600">
+                {submitError}
+              </p>
+            )}
+
             {runningJob && (
               <p className="text-xs text-amber-600">
                 A job for "{runningJob.brand}" is already in progress - please wait.

src/pages/AnalyticsPage.jsx

@@ -1,5 +1,4 @@
 import { useEffect, useState, useCallback } from 'react';
-import { Link } from 'react-router-dom';
 import {
   BarChart, Bar, LineChart, Line, PieChart, Pie, Cell, XAxis, YAxis,
   Tooltip, ResponsiveContainer, CartesianGrid, Legend,

src/pages/LoginPage.jsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
-import { useAuth } from '../context/AuthContext';
+import { useAuth } from '../context/useAuth';
 import { ShieldCheck, UserCheck, Lock, User, ArrowRight, Sparkles } from 'lucide-react';
 
 export function LoginPage() {
@@ -29,13 +29,17 @@ export function LoginPage() {
     setLoading(true);
 
     try {
-      const user = await login(username, password, selectedRole);
+      const user = await login(username, password);
       setLoading(false);
+      // Route by the role the SERVER assigned, not by the tab that was
+      // selected. The tab only labels which account you are signing in to.
       if (user.role === 'admin') navigate('/admin');
       else navigate('/user');
     } catch (err) {
       setLoading(false);
-      setError(`Login failed. Invalid username or password for ${selectedRole.toUpperCase()} account.`);
+      // Surface the server's own message: it distinguishes bad credentials
+      // from the lockout after repeated failures, which a generic string hides.
+      setError(err?.message || 'Login failed. Check your username and password.');
     }
   };
 

src/pages/NutritionAnalyticsPage.jsx

@@ -1,5 +1,4 @@
 import { useEffect, useRef, useState } from 'react';
-import { Link } from 'react-router-dom';
 import {
   BarChart, Bar, PieChart, Pie, Cell, XAxis, YAxis,
   Tooltip, ResponsiveContainer, CartesianGrid,

src/pages/StoresPage.jsx

@@ -1,5 +1,4 @@
 import { useEffect, useState, useCallback } from 'react';
-import { Link } from 'react-router-dom';
 import {
   Store as StoreIcon, TrendingUp, IndianRupee, PackageCheck, PackageX,
   PackageSearch, BarChart3, Search, UploadCloud,

src/pages/UserPage.jsx

@@ -5,9 +5,9 @@ import { ProductCard } from '../components/ProductCard';
 import { ProductModal } from '../components/ProductModal';
 import { ErrorBoundary } from '../components/ErrorBoundary';
 import {
-  PlusCircle, Upload, CheckCircle2, Database, FileText, Sparkles,
-  RefreshCw, Search, FileSpreadsheet, Download, AlertCircle, ShoppingBag,
-  Store, LayoutGrid, Filter, Tag, ArrowRight
+  PlusCircle, Upload, CheckCircle2, Database, Sparkles,
+  RefreshCw, Search, FileSpreadsheet, Download, ShoppingBag,
+  Store, LayoutGrid, Filter, ArrowRight
 } from 'lucide-react';
 
 const STORES_SAMPLE = [