Fix loader race condition and feedback modal error visibility

frontend/app/dashboard/page.tsx

@@ -25,6 +25,8 @@ export default function DashboardPage() {
 
     // Fetch Files & Guard
     useEffect(() => {
+        // Reset immediately on mount so stale flag from previous page doesn't leak
+        (window as any).__PAGE_LOADED = false;
         if (!loading && !isAuthenticated) {
             router.push('/login');
         } else if (isAuthenticated) {

frontend/app/login/page.tsx

@@ -17,15 +17,19 @@ export default function LoginPage() {
     const [turnstileToken, setTurnstileToken] = useState("");
     const router = useRouter();
 
-    // OAuth Token Intake
+    // OAuth Token Intake + Page loaded signal
     useEffect(() => {
-        (window as any).__PAGE_LOADED = true;
+        // Reset immediately so a stale 'true' from previous page doesn't leak
+        (window as any).__PAGE_LOADED = false;
+        // Signal ready after a short paint delay
+        const t = setTimeout(() => { (window as any).__PAGE_LOADED = true; }, 50);
         const token = new URLSearchParams(window.location.search).get('access_token');
         if (token) {
             localStorage.setItem('access_token', token);
             window.history.replaceState({}, document.title, '/login');
             window.location.href = '/dashboard';
         }
+        return () => clearTimeout(t);
     }, []);
 
     // Visual Mesh / Parallax / Reveal Engine

frontend/app/profile/page.tsx

@@ -24,6 +24,8 @@ export default function ProfilePage() {
     // Handle cursor physics (Globally handled now, we just need the local parallax if any, but profile page doesn't have a dash-grid)
 
     useEffect(() => {
+        // Reset immediately on mount so stale flag from previous page doesn't leak
+        (window as any).__PAGE_LOADED = false;
         if (!loading && !isAuthenticated) {
             window.location.href = "/login";
         }

frontend/app/result/[id]/page.tsx

@@ -45,6 +45,7 @@ export default function ResultPage() {
     const [showFeedbackModal, setShowFeedbackModal] = useState(false);
     const [feedbackSubmitted, setFeedbackSubmitted] = useState(false);
     const [feedbackLoading, setFeedbackLoading] = useState(false);
+    const [feedbackError, setFeedbackError] = useState<string | null>(null);
 
     useEffect(() => {
         const handleKeyDown = (e: KeyboardEvent) => {
@@ -101,22 +102,26 @@ export default function ResultPage() {
     }, [isUploadModalOpen]);
 
     useEffect(() => {
-        const fetchFile = async () => {
-            try {
-                const res = await apiLayer.getFileById(fileId);
-                setFileData(res.data);
-            } catch (err: any) {
-                console.error("Fetch error", err);
-                if (err.response?.status === 404 || err.response?.status === 403) {
-                    router.push("/");
-                } else {
-                    setError("Failed to load file data.");
+        // Reset on mount so stale flag from previous page doesn't leak
+        (window as any).__PAGE_LOADED = false;
+        if (fileId) {
+            const fetchFile = async () => {
+                try {
+                    const res = await apiLayer.getFileById(fileId);
+                    setFileData(res.data);
+                } catch (err: any) {
+                    console.error("Fetch error", err);
+                    if (err.response?.status === 404 || err.response?.status === 403) {
+                        router.push("/");
+                    } else {
+                        setError("Failed to load file data.");
+                    }
+                } finally {
+                    setLoading(false);
                 }
-            } finally {
-                setLoading(false);
-            }
-        };
-        if (fileId) fetchFile();
+            };
+            fetchFile();
+        }
     }, [fileId, router]);
 
     useEffect(() => {
@@ -222,19 +227,21 @@ export default function ResultPage() {
 
     const submitFeedback = async (selectedLabel: string) => {
         setFeedbackLoading(true);
+        setFeedbackError(null);
         try {
             await apiLayer.submitFeedback({
                 file_id: parseInt(fileId),
                 label: selectedLabel.toLowerCase(),
-                confidence: confidenceVal || 0,
-                freq_score: freqScore || 0,
-                cnn_score: cnnScore || 0
+                confidence: confidenceVal ?? 0,
+                freq_score: freqScore ?? 0,
+                cnn_score: cnnScore ?? 0
             });
             setFeedbackSubmitted(true);
             setShowFeedbackPopup(false);
             setShowFeedbackModal(false);
         } catch (err: any) {
-            console.error("Feedback error", err);
+            const msg = err.response?.data?.detail || "Failed to submit. Please try again.";
+            setFeedbackError(typeof msg === 'string' ? msg : JSON.stringify(msg));
         } finally {
             setFeedbackLoading(false);
         }
@@ -619,14 +626,23 @@ export default function ResultPage() {
                             </p>
 
                             <div className="flex flex-col gap-3 w-full">
+                                {feedbackError && (
+                                    <div className="bg-red-500/10 border border-red-500/20 text-red-400 text-xs p-3 rounded-lg text-center mb-1">
+                                        {feedbackError}
+                                    </div>
+                                )}
                                 {['AI', 'Suspicious', 'Real'].map((lbl) => (
                                     <button 
                                         key={lbl}
                                         onClick={() => submitFeedback(lbl)}
                                         disabled={feedbackLoading}
-                                        className={`w-full py-4 rounded-xl relative overflow-hidden group dash-border transition !cursor-none font-bold tracking-widest text-sm uppercase ${lbl === 'AI' ? 'bg-red-500/10 text-red-400 hover:bg-red-500/20 border border-red-500/20' : lbl === 'Suspicious' ? 'bg-amber-500/10 text-amber-400 hover:bg-amber-500/20 border border-amber-500/20' : 'bg-emerald-500/10 text-emerald-400 hover:bg-emerald-500/20 border border-emerald-500/20'}`}
+                                        className={`w-full py-4 rounded-xl relative overflow-hidden group dash-border transition !cursor-none font-bold tracking-widest text-sm uppercase flex items-center justify-center gap-2 disabled:opacity-60 ${lbl === 'AI' ? 'bg-red-500/10 text-red-400 hover:bg-red-500/20 border border-red-500/20' : lbl === 'Suspicious' ? 'bg-amber-500/10 text-amber-400 hover:bg-amber-500/20 border border-amber-500/20' : 'bg-emerald-500/10 text-emerald-400 hover:bg-emerald-500/20 border border-emerald-500/20'}`}
                                     >
-                                        It was actually {lbl}
+                                        {feedbackLoading ? (
+                                            <div className="w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" />
+                                        ) : (
+                                            `It was actually ${lbl}`
+                                        )}
                                     </button>
                                 ))}
                             </div>

frontend/components/shared/PageLoader.tsx

@@ -21,8 +21,6 @@ export default function PageLoader({ children }: { children: React.ReactNode })
         setLoadProgress(0);
 
         let progress = 0;
-        // Reset the flag to false on path change
-        (window as any).__PAGE_LOADED = false;
         
         const interval = setInterval(() => {
             if (progress < 90) {