Update with GA feedback, export dialog, and Help page improvements

backend/app/routes/feedback.py

@@ -33,6 +33,14 @@ class FeedbackCreate(BaseModel):
     patient_id: Optional[str] = None
     image_hash: Optional[str] = None
     preprocessed_image_base64: Optional[str] = None
+    # GA-specific fields
+    feedback_type: str = "classification"  # "classification" or "gestational_age"
+    estimated_ga_weeks: Optional[float] = None
+    estimated_ga_days: Optional[int] = None
+    view_type: Optional[str] = None  # brain, abdomen, femur
+    biometry_value: Optional[float] = None  # measured HC/AC/FL in mm
+    percentile: Optional[float] = None
+    correct_ga_weeks: Optional[float] = None  # For corrections
 
 
 class FeedbackResponse(BaseModel):
@@ -50,6 +58,14 @@ class FeedbackResponse(BaseModel):
     correct_label: Optional[str]
     reviewer_notes: Optional[str]
     preprocessed_image_path: Optional[str] = None
+    # GA-specific fields
+    feedback_type: str = "classification"
+    estimated_ga_weeks: Optional[float] = None
+    estimated_ga_days: Optional[int] = None
+    view_type: Optional[str] = None
+    biometry_value: Optional[float] = None
+    percentile: Optional[float] = None
+    correct_ga_weeks: Optional[float] = None
 
 
 class SessionCreate(BaseModel):
@@ -108,7 +124,7 @@ async def record_image_analyzed(session_id: str):
 
 @router.post("/", response_model=FeedbackResponse)
 async def create_feedback(feedback: FeedbackCreate):
-    """Submit feedback for a prediction."""
+    """Submit feedback for a prediction or GA estimation."""
     # Convert pydantic models to dicts
     all_predictions_dict = [{"label": p.label, "probability": p.probability} for p in feedback.all_predictions]
     
@@ -124,7 +140,15 @@ async def create_feedback(feedback: FeedbackCreate):
         reviewer_notes=feedback.reviewer_notes,
         patient_id=feedback.patient_id,
         image_hash=feedback.image_hash,
-        preprocessed_image_base64=feedback.preprocessed_image_base64
+        preprocessed_image_base64=feedback.preprocessed_image_base64,
+        # GA-specific fields
+        feedback_type=feedback.feedback_type,
+        estimated_ga_weeks=feedback.estimated_ga_weeks,
+        estimated_ga_days=feedback.estimated_ga_days,
+        view_type=feedback.view_type,
+        biometry_value=feedback.biometry_value,
+        percentile=feedback.percentile,
+        correct_ga_weeks=feedback.correct_ga_weeks
     )
     
     return entry

backend/app/services/feedback.py

@@ -132,7 +132,15 @@ class FeedbackService:
         reviewer_notes: Optional[str] = None,
         patient_id: Optional[str] = None,
         image_hash: Optional[str] = None,
-        preprocessed_image_base64: Optional[str] = None
+        preprocessed_image_base64: Optional[str] = None,
+        # GA-specific fields
+        feedback_type: str = "classification",
+        estimated_ga_weeks: Optional[float] = None,
+        estimated_ga_days: Optional[int] = None,
+        view_type: Optional[str] = None,
+        biometry_value: Optional[float] = None,
+        percentile: Optional[float] = None,
+        correct_ga_weeks: Optional[float] = None
     ) -> Dict:
         """Add new feedback entry."""
         feedback_id = str(uuid.uuid4())[:12]
@@ -164,7 +172,15 @@ class FeedbackService:
             "is_correct": is_correct,
             "correct_label": correct_label if is_correct is False else None,
             "reviewer_notes": reviewer_notes,
-            "preprocessed_image_path": preprocessed_image_path
+            "preprocessed_image_path": preprocessed_image_path,
+            # GA-specific fields
+            "feedback_type": feedback_type,
+            "estimated_ga_weeks": estimated_ga_weeks,
+            "estimated_ga_days": estimated_ga_days,
+            "view_type": view_type,
+            "biometry_value": biometry_value,
+            "percentile": percentile,
+            "correct_ga_weeks": correct_ga_weeks
         }
         
         feedback_list = self._load_feedback()
@@ -213,17 +229,24 @@ class FeedbackService:
         
         output = io.StringIO()
         
-        # Define CSV columns
+        # Define CSV columns (unified for classification and GA)
         fieldnames = [
             "timestamp",
             "session_id", 
             "filename",
             "patient_id",
             "file_type",
+            "feedback_type",
             "predicted_label",
             "predicted_confidence",
             "is_correct",
             "correct_label",
+            "view_type",
+            "ga_weeks",
+            "ga_days",
+            "biometry_mm",
+            "percentile",
+            "correct_ga_weeks",
             "reviewer_notes",
             "preprocessed_image_path"
         ]
@@ -247,10 +270,17 @@ class FeedbackService:
                 "filename": entry.get("filename", ""),
                 "patient_id": entry.get("patient_id", ""),
                 "file_type": entry.get("file_type", ""),
+                "feedback_type": entry.get("feedback_type", "classification"),
                 "predicted_label": entry.get("predicted_label", ""),
                 "predicted_confidence": entry.get("predicted_confidence", ""),
                 "is_correct": is_correct_str,
                 "correct_label": entry.get("correct_label", ""),
+                "view_type": entry.get("view_type", ""),
+                "ga_weeks": entry.get("estimated_ga_weeks", ""),
+                "ga_days": entry.get("estimated_ga_days", ""),
+                "biometry_mm": entry.get("biometry_value", ""),
+                "percentile": entry.get("percentile", ""),
+                "correct_ga_weeks": entry.get("correct_ga_weeks", ""),
                 "reviewer_notes": entry.get("reviewer_notes", ""),
                 "preprocessed_image_path": entry.get("preprocessed_image_path", "")
             }

frontend/src/App.tsx

@@ -62,10 +62,17 @@ function App() {
         <Tabs tabs={tabs} activeTab={activeTab} onChange={setActiveTab} />
 
         {/* Main content - fills remaining space */}
+        {/* All tabs stay mounted, hidden/shown via CSS to preserve running operations */}
         <main className="flex-1 flex min-h-0 overflow-hidden">
-          {activeTab === 'classification' && <ClassificationPage onFeedbackUpdate={loadFeedbackStats} />}
-          {activeTab === 'gestational-age' && <GestationalAgePage />}
-          {activeTab === 'help' && <HelpPage />}
+          <div className={`flex-1 flex min-h-0 ${activeTab === 'classification' ? '' : 'hidden'}`}>
+            <ClassificationPage onFeedbackUpdate={loadFeedbackStats} />
+          </div>
+          <div className={`flex-1 flex min-h-0 ${activeTab === 'gestational-age' ? '' : 'hidden'}`}>
+            <GestationalAgePage />
+          </div>
+          <div className={`flex-1 flex min-h-0 ${activeTab === 'help' ? '' : 'hidden'}`}>
+            <HelpPage />
+          </div>
         </main>
 
         {/* Footer - fixed height, always visible */}

frontend/src/components/GAFeedbackSection.tsx

@@ -0,0 +1,200 @@
+import { useState } from 'react';
+import { Check, X, Send, HelpCircle } from 'lucide-react';
+import { submitFeedback, FeedbackCreate, GestationalAgeResponse } from '../lib/api';
+import { GA_BIOMETRY_LABELS } from '../lib/ImageContext';
+
+interface GAFeedbackSectionProps {
+    sessionId: string;
+    filename: string;
+    fileType: 'dicom' | 'image';
+    viewType: string;
+    gaResults: GestationalAgeResponse;
+    patientId?: string;
+    imageHash?: string;
+    preprocessedImageBase64?: string;
+    onFeedbackSubmitted?: () => void;
+    disabled?: boolean;
+}
+
+export function GAFeedbackSection({
+    sessionId,
+    filename,
+    fileType,
+    viewType,
+    gaResults,
+    patientId,
+    imageHash,
+    preprocessedImageBase64,
+    onFeedbackSubmitted,
+    disabled = false,
+}: GAFeedbackSectionProps) {
+    const [feedbackState, setFeedbackState] = useState<'none' | 'correct' | 'incorrect' | 'not_sure'>('none');
+    const [notes, setNotes] = useState('');
+    const [correctGA, setCorrectGA] = useState('');
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [submitted, setSubmitted] = useState(false);
+
+    // Get biometry value based on view type
+    const getBiometryValue = (): number | undefined => {
+        if (gaResults.head_circumference) return gaResults.head_circumference.p50;
+        if (gaResults.abdominal_circumference) return gaResults.abdominal_circumference.p50;
+        if (gaResults.femur_length) return gaResults.femur_length.p50;
+        return undefined;
+    };
+
+    const submitFeedbackData = async (isCorrect: boolean | null, overrideNotes?: string) => {
+        setIsSubmitting(true);
+        try {
+            // Build feedback payload
+            const feedback: FeedbackCreate = {
+                session_id: sessionId,
+                filename,
+                file_type: fileType,
+                predicted_label: viewType,
+                predicted_confidence: 1.0, // GA doesn't have confidence
+                all_predictions: [{ label: viewType, probability: 1.0 }],
+                is_correct: isCorrect,
+                reviewer_notes: overrideNotes || notes || undefined,
+                patient_id: patientId,
+                image_hash: imageHash,
+                preprocessed_image_base64: preprocessedImageBase64,
+                // GA-specific fields
+                feedback_type: 'gestational_age',
+                estimated_ga_weeks: gaResults.gestational_age.weeks + gaResults.gestational_age.days / 7,
+                estimated_ga_days: gaResults.gestational_age.total_days,
+                view_type: viewType,
+                biometry_value: getBiometryValue(),
+                percentile: undefined, // Add if available
+                correct_ga_weeks: correctGA ? parseFloat(correctGA) : undefined,
+            };
+
+            await submitFeedback(feedback);
+            setSubmitted(true);
+            onFeedbackSubmitted?.();
+        } catch (error) {
+            console.error('Failed to submit feedback:', error);
+        } finally {
+            setIsSubmitting(false);
+        }
+    };
+
+    const handleFeedback = (type: 'correct' | 'incorrect' | 'not_sure') => {
+        setFeedbackState(type);
+
+        if (type === 'correct') {
+            submitFeedbackData(true);
+        } else if (type === 'not_sure') {
+            submitFeedbackData(null);
+        }
+        // 'incorrect' requires additional input before submission
+    };
+
+    const handleSubmitIncorrect = () => {
+        submitFeedbackData(false);
+    };
+
+    if (submitted) {
+        return (
+            <div className="bg-nvidia-green/10 rounded-xl p-4 border border-nvidia-green/20">
+                <div className="flex items-center gap-2 text-nvidia-green">
+                    <Check className="w-5 h-5" />
+                    <span className="font-medium">Feedback submitted - Thank you!</span>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="bg-white rounded-xl p-4 border border-slate-200">
+            <h3 className="font-semibold text-slate-800 mb-3">Is this GA estimation correct?</h3>
+
+            <div className="flex items-center gap-2 mb-3 text-sm text-slate-600">
+                <span>Estimated: <strong>{gaResults.gestational_age.weeks}w {gaResults.gestational_age.days}d</strong></span>
+                <span className="text-slate-300">|</span>
+                <span>View: <strong>{GA_BIOMETRY_LABELS[viewType] || viewType}</strong></span>
+            </div>
+
+            <div className="flex gap-2 mb-3">
+                <button
+                    onClick={() => handleFeedback('correct')}
+                    disabled={disabled || isSubmitting || feedbackState !== 'none'}
+                    className={`flex-1 flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg font-medium transition-all ${feedbackState === 'correct'
+                            ? 'bg-nvidia-green text-white'
+                            : 'bg-slate-100 hover:bg-green-50 text-slate-700 hover:text-green-700'
+                        } ${disabled || isSubmitting ? 'opacity-50 cursor-not-allowed' : ''}`}
+                >
+                    <Check className="w-4 h-4" />
+                    Correct
+                </button>
+
+                <button
+                    onClick={() => handleFeedback('incorrect')}
+                    disabled={disabled || isSubmitting || feedbackState !== 'none'}
+                    className={`flex-1 flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg font-medium transition-all ${feedbackState === 'incorrect'
+                            ? 'bg-red-500 text-white'
+                            : 'bg-slate-100 hover:bg-red-50 text-slate-700 hover:text-red-700'
+                        } ${disabled || isSubmitting ? 'opacity-50 cursor-not-allowed' : ''}`}
+                >
+                    <X className="w-4 h-4" />
+                    Incorrect
+                </button>
+
+                <button
+                    onClick={() => handleFeedback('not_sure')}
+                    disabled={disabled || isSubmitting || feedbackState !== 'none'}
+                    className={`flex-1 flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg font-medium transition-all ${feedbackState === 'not_sure'
+                            ? 'bg-amber-500 text-white'
+                            : 'bg-slate-100 hover:bg-amber-50 text-slate-700 hover:text-amber-700'
+                        } ${disabled || isSubmitting ? 'opacity-50 cursor-not-allowed' : ''}`}
+                >
+                    <HelpCircle className="w-4 h-4" />
+                    Not Sure
+                </button>
+            </div>
+
+            {/* Incorrect state - show correction input */}
+            {feedbackState === 'incorrect' && (
+                <div className="space-y-3 border-t pt-3">
+                    <div>
+                        <label className="block text-sm font-medium text-slate-700 mb-1">
+                            Correct GA (weeks, e.g. 32.5):
+                        </label>
+                        <input
+                            type="text"
+                            value={correctGA}
+                            onChange={(e) => setCorrectGA(e.target.value)}
+                            placeholder="e.g. 32.5"
+                            className="w-full px-3 py-2 border border-slate-300 rounded-lg text-sm focus:ring-2 focus:ring-nvidia-green focus:border-transparent"
+                        />
+                    </div>
+
+                    <div>
+                        <label className="block text-sm font-medium text-slate-700 mb-1">
+                            Notes (optional):
+                        </label>
+                        <textarea
+                            value={notes}
+                            onChange={(e) => setNotes(e.target.value)}
+                            placeholder="Any additional notes..."
+                            className="w-full px-3 py-2 border border-slate-300 rounded-lg text-sm focus:ring-2 focus:ring-nvidia-green focus:border-transparent resize-none"
+                            rows={2}
+                        />
+                    </div>
+
+                    <button
+                        onClick={handleSubmitIncorrect}
+                        disabled={isSubmitting}
+                        className="w-full flex items-center justify-center gap-2 px-4 py-2.5 bg-nvidia-green text-white rounded-lg font-medium hover:bg-nvidia-green-dark transition-colors disabled:opacity-50"
+                    >
+                        <Send className="w-4 h-4" />
+                        Submit Feedback
+                    </button>
+                </div>
+            )}
+
+            {isSubmitting && (
+                <div className="text-sm text-slate-500 text-center mt-2">Submitting...</div>
+            )}
+        </div>
+    );
+}

frontend/src/lib/ImageContext.tsx

@@ -1,13 +1,21 @@
-import { createContext, useContext, useState, ReactNode, useCallback } from 'react';
-import { ClassificationResult } from './api';
+import { createContext, useContext, useState, ReactNode, useCallback, useRef } from 'react';
+import { ClassificationResult, PreprocessingInfo } from './api';
+
+// Type for cached image results (shared with pages)
+export interface CachedImageResult {
+    results: ClassificationResult[];
+    preprocessingInfo: PreprocessingInfo;
+    processedImage: string | null;
+    preview: string | null;
+}
 
 export interface ImageState {
-    // Current image
+    // Current single image (for single uploads)
     file: File | null;
     preview: string | null;
     processedImage: string | null;
 
-    // Classification results
+    // Classification results for current image
     classificationResults: ClassificationResult[] | null;
 
     // View (corrected takes priority)
@@ -16,18 +24,32 @@ export interface ImageState {
 
     // Session ID for feedback
     sessionId: string;
+
+    // Multi-file state (persists across tabs)
+    files: File[];
+    currentIndex: number;
 }
 
 interface ImageContextType extends ImageState {
-    // Actions
+    // Single image actions
     setFile: (file: File | null, preview: string | null) => void;
     setClassificationResults: (results: ClassificationResult[] | null, processedImage?: string | null) => void;
     setCorrectedView: (view: string | null) => void;
     resetState: () => void;
 
+    // Multi-file actions
+    setFiles: (files: File[], startIndex?: number) => void;
+    setCurrentIndex: (index: number) => void;
+    setCachedResult: (index: number, result: CachedImageResult) => void;
+    getCachedResult: (index: number) => CachedImageResult | undefined;
+    clearCache: () => void;
+
     // Computed
-    currentView: string | null; // Returns correctedView if set, otherwise topPrediction
+    currentView: string | null;
     isViewGAEligible: boolean;
+
+    // Cache ref (for direct access)
+    resultsCache: React.MutableRefObject<Map<number, CachedImageResult>>;
 }
 
 // GA-eligible views (match keys from prompt_fetal_view.json)
@@ -56,12 +78,15 @@ const initialState: ImageState = {
     predictedView: null,
     correctedView: null,
     sessionId: generateSessionId(),
+    files: [],
+    currentIndex: 0,
 };
 
 const ImageContext = createContext<ImageContextType | null>(null);
 
 export function ImageProvider({ children }: { children: ReactNode }) {
     const [state, setState] = useState<ImageState>(initialState);
+    const resultsCache = useRef<Map<number, CachedImageResult>>(new Map());
 
     const setFile = useCallback((file: File | null, preview: string | null) => {
         setState(prev => ({
@@ -95,12 +120,44 @@ export function ImageProvider({ children }: { children: ReactNode }) {
     }, []);
 
     const resetState = useCallback(() => {
+        resultsCache.current.clear();
         setState({
             ...initialState,
             sessionId: generateSessionId(),
         });
     }, []);
 
+    // Multi-file actions
+    const setFiles = useCallback((files: File[], startIndex: number = 0) => {
+        resultsCache.current.clear(); // Clear cache when new folder is loaded
+        setState(prev => ({
+            ...prev,
+            files,
+            currentIndex: startIndex,
+            file: files.length > 0 ? files[startIndex] : null,
+        }));
+    }, []);
+
+    const setCurrentIndex = useCallback((index: number) => {
+        setState(prev => ({
+            ...prev,
+            currentIndex: index,
+            file: prev.files.length > index ? prev.files[index] : prev.file,
+        }));
+    }, []);
+
+    const setCachedResult = useCallback((index: number, result: CachedImageResult) => {
+        resultsCache.current.set(index, result);
+    }, []);
+
+    const getCachedResult = useCallback((index: number): CachedImageResult | undefined => {
+        return resultsCache.current.get(index);
+    }, []);
+
+    const clearCache = useCallback(() => {
+        resultsCache.current.clear();
+    }, []);
+
     // Computed: current view (corrected takes priority)
     const currentView = state.correctedView || state.predictedView;
 
@@ -115,8 +172,14 @@ export function ImageProvider({ children }: { children: ReactNode }) {
                 setClassificationResults,
                 setCorrectedView,
                 resetState,
+                setFiles,
+                setCurrentIndex,
+                setCachedResult,
+                getCachedResult,
+                clearCache,
                 currentView,
                 isViewGAEligible,
+                resultsCache,
             }}
         >
             {children}
@@ -131,3 +194,4 @@ export function useImageContext() {
     }
     return context;
 }
+

frontend/src/lib/api.ts

@@ -155,6 +155,14 @@ export interface FeedbackEntry {
   is_correct: boolean | null;
   correct_label: string | null;
   reviewer_notes: string | null;
+  // GA-specific fields
+  feedback_type?: string;
+  estimated_ga_weeks?: number;
+  estimated_ga_days?: number;
+  view_type?: string;
+  biometry_value?: number;
+  percentile?: number;
+  correct_ga_weeks?: number;
 }
 
 export interface SessionInfo {
@@ -188,6 +196,14 @@ export interface FeedbackCreate {
   patient_id?: string;
   image_hash?: string;
   preprocessed_image_base64?: string;
+  // GA-specific fields
+  feedback_type?: string;  // "classification" or "gestational_age"
+  estimated_ga_weeks?: number;
+  estimated_ga_days?: number;
+  view_type?: string;
+  biometry_value?: number;
+  percentile?: number;
+  correct_ga_weeks?: number;
 }
 
 // Create a new session
@@ -269,7 +285,7 @@ export async function getFeedbackStats(sessionId?: string): Promise<FeedbackStat
   return response.json();
 }
 
-// Export feedback as CSV
+// Export feedback as CSV with save dialog
 export async function exportFeedbackCSV(sessionId?: string): Promise<void> {
   const url = sessionId
     ? `${API_BASE}/api/v1/feedback/export/csv?session_id=${sessionId}`
@@ -282,10 +298,38 @@ export async function exportFeedbackCSV(sessionId?: string): Promise<void> {
   }
 
   const blob = await response.blob();
+  const defaultFilename = `fetalclip_feedback_${new Date().toISOString().slice(0, 10)}.csv`;
+
+  // Try to use File System Access API for save dialog (Chromium browsers)
+  if ('showSaveFilePicker' in window) {
+    try {
+      const handle = await (window as unknown as { showSaveFilePicker: (options: object) => Promise<FileSystemFileHandle> }).showSaveFilePicker({
+        suggestedName: defaultFilename,
+        types: [
+          {
+            description: 'CSV Files',
+            accept: { 'text/csv': ['.csv'] },
+          },
+        ],
+      });
+      const writable = await handle.createWritable();
+      await writable.write(blob);
+      await writable.close();
+      return;
+    } catch (err) {
+      // User cancelled the save dialog or API not fully supported
+      if ((err as Error).name === 'AbortError') {
+        return; // User cancelled, don't fallback
+      }
+      // Fallback to traditional download for other errors
+    }
+  }
+
+  // Fallback: Traditional download for unsupported browsers
   const downloadUrl = window.URL.createObjectURL(blob);
   const a = document.createElement('a');
   a.href = downloadUrl;
-  a.download = `fetalclip_feedback_${new Date().toISOString().slice(0, 10)}.csv`;
+  a.download = defaultFilename;
   document.body.appendChild(a);
   a.click();
   a.remove();

frontend/src/pages/ClassificationPage.tsx

@@ -1,5 +1,5 @@
 import { useState, useCallback, useEffect } from 'react';
-import { Search, ChevronLeft, ChevronRight, FolderOpen, Upload, AlertTriangle } from 'lucide-react';
+import { Search, ChevronLeft, ChevronRight, FolderOpen, Upload, AlertTriangle, Download } from 'lucide-react';
 import { Panel } from '../components/Panel';
 import { FileUpload } from '../components/FileUpload';
 import { ResultsCard } from '../components/ResultsCard';
@@ -14,6 +14,7 @@ import {
   isDicomFile,
   createSession,
   recordImageAnalyzed,
+  exportFeedbackCSV,
   type ClassificationResult,
   type PreprocessingInfo
 } from '../lib/api';
@@ -25,20 +26,19 @@ interface ClassificationPageProps {
 export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps) {
   const imageContext = useImageContext();
 
+  // Use shared state from context
+  const { files, currentIndex, resultsCache } = imageContext;
+  const file = files.length > 0 ? files[currentIndex] : imageContext.file;
+
   // Session state
   const [sessionId, setSessionId] = useState<string>('');
   const [feedbackRefresh, setFeedbackRefresh] = useState(0);
 
-  // File state
-  const [file, setFile] = useState<File | null>(null);
+  // Local preview state (derived from file)
   const [preview, setPreview] = useState<string | null>(null);
   const [isLoadingPreview, setIsLoadingPreview] = useState(false);
 
-  // Multiple files state
-  const [files, setFiles] = useState<File[]>([]);
-  const [currentIndex, setCurrentIndex] = useState(0);
-
-  // Settings & results
+  // Settings & results (local, but synced with cache)
   const [topK, setTopK] = useState(5);
   const [results, setResults] = useState<ClassificationResult[] | null>(null);
   const [preprocessingInfo, setPreprocessingInfo] = useState<PreprocessingInfo | null>(null);
@@ -46,9 +46,35 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
+  // Export button visibility (tracks if any feedback exists)
+  const [hasFeedback, setHasFeedback] = useState(false);
+
+  // Batch processing state
+  const [isBatchProcessing, setIsBatchProcessing] = useState(false);
+  const [batchProgress, setBatchProgress] = useState({ current: 0, total: 0 });
+
   // Image view tab
   const [imageTab, setImageTab] = useState<'input' | 'processed'>('input');
 
+  // Load cached results when mounting or when currentIndex changes
+  useEffect(() => {
+    const cached = resultsCache.current.get(currentIndex);
+    if (cached) {
+      setResults(cached.results);
+      setPreprocessingInfo(cached.preprocessingInfo);
+      setProcessedImage(cached.processedImage);
+      setPreview(cached.preview);
+      setImageTab(cached.processedImage ? 'processed' : 'input');
+    } else if (file) {
+      // No cache, load preview for current file
+      setResults(null);
+      setPreprocessingInfo(null);
+      setProcessedImage(null);
+      setImageTab('input');
+      loadPreview(file);
+    }
+  }, [currentIndex, file]);
+
   // Initialize session
   useEffect(() => {
     const initSession = async () => {
@@ -83,16 +109,15 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
   }, []);
 
   const handleSingleUpload = useCallback((uploadedFile: File) => {
-    setFile(uploadedFile);
-    setFiles([]);
-    setCurrentIndex(0);
+    // For single file, clear folder data and set single file in context
+    imageContext.setFiles([uploadedFile], 0);
     setResults(null);
     setPreprocessingInfo(null);
     setProcessedImage(null);
     setError(null);
     setImageTab('input');
     loadPreview(uploadedFile);
-  }, [loadPreview]);
+  }, [loadPreview, imageContext]);
 
   const handleFolderUpload = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {
     const fileList = e.target.files;
@@ -103,9 +128,7 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
     ).sort((a, b) => a.name.localeCompare(b.name));
 
     if (validFiles.length > 0) {
-      setFiles(validFiles);
-      setCurrentIndex(0);
-      setFile(validFiles[0]);
+      imageContext.setFiles(validFiles, 0);
       setResults(null);
       setPreprocessingInfo(null);
       setProcessedImage(null);
@@ -113,7 +136,7 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
       setImageTab('input');
       loadPreview(validFiles[0]);
     }
-  }, [loadPreview]);
+  }, [loadPreview, imageContext]);
 
   const navigateImage = useCallback((direction: 'prev' | 'next') => {
     if (files.length === 0) return;
@@ -126,15 +149,37 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
     }
 
     if (newIndex !== currentIndex) {
-      setCurrentIndex(newIndex);
-      setFile(files[newIndex]);
-      setResults(null);
-      setPreprocessingInfo(null);
-      setProcessedImage(null);
-      setImageTab('input');
-      loadPreview(files[newIndex]);
+      // Save current results to cache before navigating
+      if (results && preprocessingInfo) {
+        imageContext.setCachedResult(currentIndex, {
+          results,
+          preprocessingInfo,
+          processedImage,
+          preview
+        });
+      }
+
+      imageContext.setCurrentIndex(newIndex);
+
+      // Check if we have cached results for the new index
+      const cached = resultsCache.current.get(newIndex);
+      if (cached) {
+        // Restore from cache
+        setResults(cached.results);
+        setPreprocessingInfo(cached.preprocessingInfo);
+        setProcessedImage(cached.processedImage);
+        setPreview(cached.preview);
+        setImageTab(cached.processedImage ? 'processed' : 'input');
+      } else {
+        // No cache, reset results
+        setResults(null);
+        setPreprocessingInfo(null);
+        setProcessedImage(null);
+        setImageTab('input');
+        loadPreview(files[newIndex]);
+      }
     }
-  }, [files, currentIndex, loadPreview]);
+  }, [files, currentIndex, loadPreview, results, preprocessingInfo, processedImage, preview, imageContext, resultsCache]);
 
   const handleClassify = async () => {
     if (!file) return;
@@ -156,7 +201,14 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
       }
       setImageTab('processed');
 
-      imageContext.setFile(file, preview);
+      // Cache results in context
+      imageContext.setCachedResult(currentIndex, {
+        results: response.predictions,
+        preprocessingInfo: response.preprocessing,
+        processedImage: processedImageData,
+        preview
+      });
+
       imageContext.setClassificationResults(response.predictions, processedImageData);
 
       if (sessionId) {
@@ -173,9 +225,81 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
 
   const handleFeedbackSubmitted = () => {
     setFeedbackRefresh(prev => prev + 1);
+    setHasFeedback(true);
     onFeedbackUpdate?.();
   };
 
+  const handleExport = async () => {
+    try {
+      await exportFeedbackCSV(sessionId);
+    } catch (error) {
+      console.error('Failed to export:', error);
+    }
+  };
+
+  const handleClassifyAll = async () => {
+    if (files.length === 0) return;
+
+    setIsBatchProcessing(true);
+    setBatchProgress({ current: 0, total: files.length });
+    setError(null);
+
+    for (let i = 0; i < files.length; i++) {
+      setBatchProgress({ current: i + 1, total: files.length });
+
+      // Skip if already cached
+      if (resultsCache.current.has(i)) continue;
+
+      try {
+        // Load preview first
+        let currentPreview: string | null = null;
+        if (!isDicomFile(files[i].name)) {
+          currentPreview = URL.createObjectURL(files[i]);
+        } else {
+          const previewResponse = await getFilePreview(files[i]);
+          if (previewResponse.success) {
+            currentPreview = `data:image/png;base64,${previewResponse.preview}`;
+          }
+        }
+
+        // Classify
+        const response = await classifyImage(files[i], topK);
+        const processedImageData = response.preprocessing.processed_image_base64
+          ? `data:image/png;base64,${response.preprocessing.processed_image_base64}`
+          : null;
+
+        // Store in cache using context
+        imageContext.setCachedResult(i, {
+          results: response.predictions,
+          preprocessingInfo: response.preprocessing,
+          processedImage: processedImageData,
+          preview: currentPreview
+        });
+
+        // Track analyzed image
+        if (sessionId) {
+          await recordImageAnalyzed(sessionId);
+        }
+      } catch (err) {
+        console.error(`Failed to classify ${files[i].name}:`, err);
+      }
+    }
+
+    setIsBatchProcessing(false);
+
+    // Load results for current image from cache
+    const cached = resultsCache.current.get(currentIndex);
+    if (cached) {
+      setResults(cached.results);
+      setPreprocessingInfo(cached.preprocessingInfo);
+      setProcessedImage(cached.processedImage);
+      setPreview(cached.preview);
+      setImageTab(cached.processedImage ? 'processed' : 'input');
+      imageContext.setFile(file, cached.preview);
+      imageContext.setClassificationResults(cached.results, cached.processedImage);
+    }
+  };
+
   const fileType = file ? getFileType(file.name) : null;
   const displayImage = imageTab === 'processed' && processedImage ? processedImage : preview;
 
@@ -294,6 +418,17 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
               />
             </label>
 
+            {/* Export button - only visible when feedback exists */}
+            {hasFeedback && (
+              <button
+                onClick={handleExport}
+                className="flex items-center gap-1.5 px-3 py-1.5 bg-nvidia-green/20 hover:bg-nvidia-green/30 text-nvidia-green rounded-lg transition-colors"
+              >
+                <Download className="w-3.5 h-3.5" />
+                <span className="text-xs font-medium">Export</span>
+              </button>
+            )}
+
             <div className="w-px h-6 bg-slate-600" />
 
             {/* Top-K selector */}
@@ -313,21 +448,41 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
             <div className="flex-1" />
 
             {/* Classify Button */}
-            <button
-              onClick={handleClassify}
-              disabled={!file || isLoading}
-              className={`flex items-center gap-2 px-4 py-1.5 rounded-lg text-sm font-semibold transition-all ${!file
-                ? 'bg-slate-600 text-slate-400 cursor-not-allowed'
-                : 'bg-nvidia-green text-white hover:bg-nvidia-green-hover shadow-lg'
-                }`}
-            >
-              {isLoading ? (
-                <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
-              ) : (
-                <Search className="w-4 h-4" />
-              )}
-              Classify
-            </button>
+            {isBatchProcessing ? (
+              <div className="flex items-center gap-2 px-4 py-1.5 bg-nvidia-green/20 text-nvidia-green rounded-lg">
+                <div className="w-4 h-4 border-2 border-nvidia-green/30 border-t-nvidia-green rounded-full animate-spin" />
+                <span className="text-sm font-medium">Processing {batchProgress.current}/{batchProgress.total}...</span>
+              </div>
+            ) : (
+              <>
+                <button
+                  onClick={handleClassify}
+                  disabled={!file || isLoading}
+                  className={`flex items-center gap-2 px-4 py-1.5 rounded-lg text-sm font-semibold transition-all ${!file
+                    ? 'bg-slate-600 text-slate-400 cursor-not-allowed'
+                    : 'bg-nvidia-green text-white hover:bg-nvidia-green-hover shadow-lg'
+                    }`}
+                >
+                  {isLoading ? (
+                    <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
+                  ) : (
+                    <Search className="w-4 h-4" />
+                  )}
+                  Classify
+                </button>
+
+                {/* Classify All button - only visible with multiple files */}
+                {files.length > 1 && (
+                  <button
+                    onClick={handleClassifyAll}
+                    disabled={isLoading}
+                    className="flex items-center gap-2 px-4 py-1.5 rounded-lg text-sm font-semibold transition-all bg-slate-700 text-white hover:bg-slate-600"
+                  >
+                    Classify All
+                  </button>
+                )}
+              </>
+            )}
           </div>
 
           {/* Error row */}
@@ -358,6 +513,7 @@ export function ClassificationPage({ onFeedbackUpdate }: ClassificationPageProps
             {/* Feedback Section */}
             {results && results.length > 0 && file && (
               <FeedbackSection
+                key={`${file.name}-${currentIndex}`}
                 sessionId={sessionId}
                 filename={file.name}
                 fileType={fileType || 'image'}

frontend/src/pages/GestationalAgePage.tsx

@@ -4,12 +4,14 @@ import { Panel } from '../components/Panel';
 import { FileUpload } from '../components/FileUpload';
 import { GAResultsCard } from '../components/GAResultsCard';
 import { PreprocessingBadge } from '../components/PreprocessingBadge';
+import { GAFeedbackSection } from '../components/GAFeedbackSection';
 import { useImageContext, GA_ELIGIBLE_VIEWS, GA_BIOMETRY_LABELS } from '../lib/ImageContext';
 import {
   estimateGestationalAge,
   getFilePreview,
   getFileType,
   isDicomFile,
+  createSession,
   FETAL_VIEW_LABELS,
   type GestationalAgeResponse,
   type PreprocessingInfo
@@ -19,15 +21,21 @@ export function GestationalAgePage() {
   // Shared context
   const imageContext = useImageContext();
 
-  // File state (local for this tab's independent uploads)
-  const [file, setFile] = useState<File | null>(null);
+  // Use shared files from context (persisted from Classification tab)
+  const { files: contextFiles, currentIndex: contextIndex, resultsCache } = imageContext;
+
+  // Local file state (for this tab's independent uploads, falls back to context)
+  const [localFiles, setLocalFiles] = useState<File[]>([]);
+  const [localIndex, setLocalIndex] = useState(0);
+
+  // Decide which files to use: local uploads take precedence, then context
+  const files = localFiles.length > 0 ? localFiles : contextFiles;
+  const currentIndex = localFiles.length > 0 ? localIndex : contextIndex;
+  const file = files.length > 0 ? files[currentIndex] : null;
+
   const [preview, setPreview] = useState<string | null>(null);
   const [isLoadingPreview, setIsLoadingPreview] = useState(false);
 
-  // Multiple files state (folder)
-  const [files, setFiles] = useState<File[]>([]);
-  const [currentIndex, setCurrentIndex] = useState(0);
-
   // View selection state
   const [selectedView, setSelectedView] = useState<string>('');
   const [viewSource, setViewSource] = useState<'classification' | 'corrected' | 'manual' | null>(null);
@@ -43,27 +51,48 @@ export function GestationalAgePage() {
   // Image view tab
   const [imageTab, setImageTab] = useState<'input' | 'processed'>('input');
 
-  // Sync with shared context when it has data from Classification tab
+  // Session ID for feedback
+  const [sessionId, setSessionId] = useState<string>('');
+
+  // Initialize session
+  useEffect(() => {
+    const initSession = async () => {
+      try {
+        const session = await createSession();
+        setSessionId(session.session_id);
+      } catch (error) {
+        console.error('Failed to create session:', error);
+      }
+    };
+    initSession();
+  }, []);
+
+  // Sync with shared context - load classification results and auto-set view
   useEffect(() => {
-    if (imageContext.file && imageContext.classificationResults) {
-      setFile(imageContext.file);
-      setPreview(imageContext.preview);
-      setProcessedImage(imageContext.processedImage);
-      setFiles([]);
-      setCurrentIndex(0);
+    if (files.length > 0 && file) {
+      // Check for cached classification results for current image
+      const cached = resultsCache.current.get(currentIndex);
+      if (cached) {
+        setPreview(cached.preview);
+        setProcessedImage(cached.processedImage);
+
+        // Auto-set view from classification
+        if (cached.results && cached.results.length > 0) {
+          const topLabel = cached.results[0].label;
+          setSelectedView(topLabel);
+          setViewSource('classification');
+        }
+      } else {
+        // No cache, load preview
+        loadPreview(file);
+        setSelectedView('');
+        setViewSource(null);
+      }
       setResults(null);
       setPreprocessingInfo(null);
       setError(null);
-
-      if (imageContext.correctedView) {
-        setSelectedView(imageContext.correctedView);
-        setViewSource('corrected');
-      } else if (imageContext.predictedView) {
-        setSelectedView(imageContext.predictedView);
-        setViewSource('classification');
-      }
     }
-  }, [imageContext.file, imageContext.classificationResults, imageContext.correctedView, imageContext.predictedView, imageContext.preview, imageContext.processedImage]);
+  }, [files, currentIndex, file]);
 
   const isViewEligible = selectedView ? GA_ELIGIBLE_VIEWS.includes(selectedView) : false;
 
@@ -88,9 +117,9 @@ export function GestationalAgePage() {
   }, []);
 
   const handleSingleUpload = useCallback((uploadedFile: File) => {
-    setFile(uploadedFile);
-    setFiles([]);
-    setCurrentIndex(0);
+    // Use local state for GA-specific uploads
+    setLocalFiles([uploadedFile]);
+    setLocalIndex(0);
     setResults(null);
     setPreprocessingInfo(null);
     setProcessedImage(null);
@@ -111,9 +140,9 @@ export function GestationalAgePage() {
     ).sort((a, b) => a.name.localeCompare(b.name));
 
     if (validFiles.length > 0) {
-      setFiles(validFiles);
-      setCurrentIndex(0);
-      setFile(validFiles[0]);
+      // Use local state for GA-specific uploads
+      setLocalFiles(validFiles);
+      setLocalIndex(0);
       setResults(null);
       setPreprocessingInfo(null);
       setProcessedImage(null);
@@ -136,17 +165,35 @@ export function GestationalAgePage() {
     }
 
     if (newIndex !== currentIndex) {
-      setCurrentIndex(newIndex);
-      setFile(files[newIndex]);
+      // Update the correct index based on which files we're using
+      if (localFiles.length > 0) {
+        setLocalIndex(newIndex);
+      } else {
+        imageContext.setCurrentIndex(newIndex);
+      }
+
+      // Check for cached classification results
+      const cached = resultsCache.current.get(newIndex);
+      if (cached) {
+        setPreview(cached.preview);
+        setProcessedImage(cached.processedImage);
+        if (cached.results && cached.results.length > 0) {
+          setSelectedView(cached.results[0].label);
+          setViewSource('classification');
+        }
+      } else {
+        setPreview(null);
+        setProcessedImage(null);
+        setSelectedView('');
+        setViewSource(null);
+        loadPreview(files[newIndex]);
+      }
+
       setResults(null);
       setPreprocessingInfo(null);
-      setProcessedImage(null);
       setImageTab('input');
-      setSelectedView('');
-      setViewSource(null);
-      loadPreview(files[newIndex]);
     }
-  }, [files, currentIndex, loadPreview]);
+  }, [files, currentIndex, loadPreview, localFiles.length, imageContext, resultsCache]);
 
   const handleViewChange = (view: string) => {
     setSelectedView(view);
@@ -418,6 +465,21 @@ export function GestationalAgePage() {
               </div>
             )}
 
+            {/* Feedback Section - appears after estimation */}
+            {results && selectedView && file && sessionId && (
+              <div className="mt-4">
+                <GAFeedbackSection
+                  key={`${file.name}-${currentIndex}`}
+                  sessionId={sessionId}
+                  filename={file.name}
+                  fileType={fileType || 'image'}
+                  viewType={selectedView}
+                  gaResults={results}
+                  preprocessedImageBase64={preprocessingInfo?.processed_image_base64}
+                />
+              </div>
+            )}
+
             {/* Preprocessing Badge - same style as Classification */}
             {preprocessingInfo && (
               <div className="mt-4">

frontend/src/pages/HelpPage.tsx

@@ -1,4 +1,4 @@
-import { HelpCircle, Upload, Scan, Check, X, HelpCircle as UnsureIcon, Download, ArrowRight, Shield, Mail } from 'lucide-react';
+import { HelpCircle, Scan, Check, X, HelpCircle as UnsureIcon, Download, Shield, Mail, Baby, BarChart3, FolderOpen } from 'lucide-react';
 
 export function HelpPage() {
     return (
@@ -13,39 +13,75 @@ export function HelpPage() {
                         FetalCLIP User Guide
                     </h1>
                     <p className="text-lg text-gray-600 max-w-2xl mx-auto">
-                        A quick reference guide for using the FetalCLIP fetal ultrasound analysis tool.
+                        A comprehensive guide for using the FetalCLIP fetal ultrasound analysis tool.
                     </p>
                 </div>
 
-                {/* Quick Start Steps */}
+                {/* Quick Start - Classification */}
                 <div className="bg-white rounded-2xl border border-gray-200 shadow-sm p-8 mb-8">
                     <h2 className="text-xl font-semibold text-gray-900 mb-6 flex items-center gap-2">
                         <span className="w-8 h-8 rounded-lg bg-nvidia-green/10 flex items-center justify-center">
-                            <ArrowRight className="w-4 h-4 text-nvidia-green" />
+                            <Scan className="w-4 h-4 text-nvidia-green" />
                         </span>
-                        Quick Start
+                        View Classification
                     </h2>
 
                     <div className="space-y-4">
                         <Step number={1} title="Upload an Image">
-                            Upload a fetal ultrasound image (PNG, JPEG) or DICOM file. You can also load an entire folder for batch processing.
+                            Upload a fetal ultrasound image (PNG, JPEG) or DICOM file. You can also load an entire folder for batch processing using the <strong>folder icon</strong>.
                         </Step>
 
                         <Step number={2} title="Run Classification">
-                            Click <strong>"Classify View"</strong> to analyze the image. The model will identify the anatomical view and display confidence scores.
+                            Click <strong>"Classify View"</strong> to analyze the image. The model identifies the anatomical view (brain, abdomen, femur, heart, etc.) with confidence scores.
                         </Step>
 
-                        <Step number={3} title="Review & Provide Feedback">
-                            Review the prediction and indicate whether it's correct, incorrect, or uncertain. Your feedback helps improve the model.
+                        <Step number={3} title="Batch Classification">
+                            For folders, use <strong>"Classify All"</strong> to process all images at once. Navigate between images using the arrow buttons.
+                        </Step>
+
+                        <Step number={4} title="Provide Feedback">
+                            Mark the prediction as Correct, Incorrect, or Not Sure. Your feedback is saved for quality analysis.
                         </Step>
                     </div>
                 </div>
 
-                {/* Feedback Options */}
+                {/* Gestational Age Estimation */}
                 <div className="bg-white rounded-2xl border border-gray-200 shadow-sm p-8 mb-8">
                     <h2 className="text-xl font-semibold text-gray-900 mb-6 flex items-center gap-2">
                         <span className="w-8 h-8 rounded-lg bg-blue-100 flex items-center justify-center">
-                            <Scan className="w-4 h-4 text-blue-600" />
+                            <Baby className="w-4 h-4 text-blue-600" />
+                        </span>
+                        Gestational Age Estimation
+                    </h2>
+
+                    <div className="space-y-4">
+                        <Step number={1} title="Select View Type">
+                            GA estimation works for <strong>brain</strong>, <strong>abdomen</strong>, and <strong>femur</strong> views. The view can be auto-detected from Classification or manually selected.
+                        </Step>
+
+                        <Step number={2} title="Configure Pixel Spacing">
+                            For DICOM files, pixel spacing is extracted automatically. For regular images, enter the spacing (mm/pixel) manually for accurate measurements.
+                        </Step>
+
+                        <Step number={3} title="Run Estimation">
+                            Click <strong>"Estimate"</strong> to calculate gestational age. Results include weeks+days, biometry measurements (HC/AC/FL), and WHO percentiles.
+                        </Step>
+
+                        <Step number={4} title="Provide Feedback">
+                            Mark the estimation as Correct or Incorrect. If incorrect, you can enter the correct GA value for quality tracking.
+                        </Step>
+                    </div>
+
+                    <div className="mt-4 p-3 bg-blue-50 rounded-lg text-sm text-blue-800">
+                        <strong>Tip:</strong> Images from the Classification tab are automatically available in the GA tab. Classification results are used to pre-select the correct view.
+                    </div>
+                </div>
+
+                {/* Feedback Options */}
+                <div className="bg-white rounded-2xl border border-gray-200 shadow-sm p-8 mb-8">
+                    <h2 className="text-xl font-semibold text-gray-900 mb-6 flex items-center gap-2">
+                        <span className="w-8 h-8 rounded-lg bg-purple-100 flex items-center justify-center">
+                            <BarChart3 className="w-4 h-4 text-purple-600" />
                         </span>
                         Feedback Options
                     </h2>
@@ -54,19 +90,19 @@ export function HelpPage() {
                         <FeedbackCard
                             icon={<Check className="w-5 h-5" />}
                             title="Correct"
-                            description="The prediction matches the actual anatomical view."
+                            description="The prediction matches the actual value. Submitted immediately."
                             color="green"
                         />
                         <FeedbackCard
                             icon={<UnsureIcon className="w-5 h-5" />}
                             title="Not Sure"
-                            description="You're uncertain about the correct classification."
+                            description="You're uncertain. Add optional notes to explain."
                             color="amber"
                         />
                         <FeedbackCard
                             icon={<X className="w-5 h-5" />}
                             title="Incorrect"
-                            description="The prediction is wrong. Select the correct label."
+                            description="Wrong prediction. Select the correct label or enter correct GA."
                             color="red"
                         />
                     </div>
@@ -75,19 +111,50 @@ export function HelpPage() {
                 {/* Features Overview */}
                 <div className="grid md:grid-cols-2 gap-6 mb-8">
                     <FeatureCard
-                        icon={<Upload className="w-5 h-5 text-purple-600" />}
+                        icon={<FolderOpen className="w-5 h-5 text-purple-600" />}
                         title="Batch Processing"
-                        description="Load a folder of images and navigate through them using the arrow controls. Each image can be classified individually."
+                        description="Load a folder of images and navigate through them. Run 'Classify All' to process all images at once."
                         color="purple"
                     />
                     <FeatureCard
                         icon={<Download className="w-5 h-5 text-blue-600" />}
-                        title="Export Data"
-                        description="All feedback is automatically saved and can be exported as CSV for further analysis."
+                        title="Export Results"
+                        description="Export all feedback to CSV. Includes classification results, GA estimations, biometry, and feedback data."
                         color="blue"
                     />
                 </div>
 
+                {/* Export Data Section */}
+                <div className="bg-white rounded-2xl border border-gray-200 shadow-sm p-6 mb-8">
+                    <h2 className="text-lg font-semibold text-gray-900 mb-3 flex items-center gap-2">
+                        <Download className="w-5 h-5 text-gray-600" />
+                        Exported CSV Data
+                    </h2>
+                    <p className="text-gray-600 text-sm mb-3">
+                        The exported CSV includes both classification and GA feedback:
+                    </p>
+                    <div className="grid grid-cols-2 gap-3 text-sm">
+                        <div className="space-y-1">
+                            <p className="font-medium text-gray-700">Classification Data:</p>
+                            <ul className="text-gray-500 space-y-0.5 list-disc list-inside">
+                                <li>Filename, timestamp, session ID</li>
+                                <li>Predicted view label & confidence</li>
+                                <li>Feedback (correct/incorrect/not sure)</li>
+                                <li>Corrected label (if applicable)</li>
+                            </ul>
+                        </div>
+                        <div className="space-y-1">
+                            <p className="font-medium text-gray-700">GA Estimation Data:</p>
+                            <ul className="text-gray-500 space-y-0.5 list-disc list-inside">
+                                <li>Estimated GA (weeks + days)</li>
+                                <li>View type (brain/abdomen/femur)</li>
+                                <li>Biometry measurement (mm)</li>
+                                <li>Correct GA (if provided)</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+
                 {/* Data Privacy Notice */}
                 <div className="bg-green-50 rounded-2xl border border-green-200 p-6 mb-8">
                     <div className="flex gap-4">
@@ -97,13 +164,28 @@ export function HelpPage() {
                         <div>
                             <h3 className="font-semibold text-green-900 mb-1">Data Privacy</h3>
                             <p className="text-green-800 text-sm">
-                                All data is processed locally on your machine. Feedback and images are stored in your home directory
+                                All data is processed locally on your machine. Images and feedback are stored in your home directory
                                 (<code className="bg-green-100 px-1 rounded">~/.fetalclip/</code>) and are not uploaded to any external server.
                             </p>
                         </div>
                     </div>
                 </div>
 
+                {/* Supported Views */}
+                <div className="bg-white rounded-2xl border border-gray-200 shadow-sm p-6 mb-8">
+                    <h2 className="text-lg font-semibold text-gray-900 mb-3">Supported Anatomical Views</h2>
+                    <div className="flex flex-wrap gap-2">
+                        {['abdomen', 'brain', 'femur', 'heart', 'kidney', 'lips_nose', 'profile_patient', 'spine', 'cervix', 'cord', 'diaphragm', 'feet', 'orbit'].map(view => (
+                            <span key={view} className="px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-sm">
+                                {view}
+                            </span>
+                        ))}
+                    </div>
+                    <p className="text-gray-500 text-xs mt-3">
+                        * GA estimation is only available for brain, abdomen, and femur views.
+                    </p>
+                </div>
+
                 {/* Contact Section */}
                 <div className="text-center py-6 border-t border-gray-200">
                     <div className="flex items-center justify-center gap-2 text-gray-500 text-sm">