Increase font size for Zone Reference and Intensity Scale; increase upload limit to 10MB

backend/app/services/explainability_service.py

@@ -212,26 +212,26 @@ def _generate_zone_reference_image(figsize=(5, 5)):
 
     # --- Labels ---
     ax.text(0.50, 0.52, 'Center',
-            ha='center', va='center', fontsize=8,
+            ha='center', va='center', fontsize=12,
             color='#C39BD3', fontweight='bold', zorder=4)
     ax.text(0.50, 0.46, 'innermost',
-            ha='center', va='center', fontsize=6.5,
+            ha='center', va='center', fontsize=10.5,
             color='#9B59B6', zorder=4)
 
     ax.text(0.50, 0.17, 'Mid-region',
-            ha='center', va='center', fontsize=7.5,
+            ha='center', va='center', fontsize=11.5,
             color='#85C1E9', fontweight='bold', zorder=4)
 
     ax.text(0.50, 0.93, 'Periphery',
-            ha='center', va='center', fontsize=7.5,
+            ha='center', va='center', fontsize=11.5,
             color='#82E0AA', fontweight='bold', zorder=4)
     ax.text(0.50, 0.88, '(image frame)',
-            ha='center', va='center', fontsize=6.0,
+            ha='center', va='center', fontsize=10.0,
             color='#4A8C5C', zorder=4)
 
     # --- Title ---
     ax.text(0.50, 0.98, 'Spatial attention zone reference',
-            ha='center', va='top', fontsize=7,
+            ha='center', va='top', fontsize=11,
             color='#A0A0C0', fontweight='bold', zorder=4)
 
     fig.canvas.draw()

src/pages/DiagnosisResults.tsx

@@ -323,15 +323,15 @@ const DiagnosisResults = () => {
                   {/* Heatmap Intensity Scale */}
                   <div className="pt-2 px-1">
                     <div className="flex justify-between items-center mb-2">
-                      <span className="text-[10px] font-bold text-muted-foreground uppercase tracking-widest">Heatmap Intensity Scale</span>
+                      <span className="text-sm font-bold text-muted-foreground uppercase tracking-widest">Heatmap Intensity Scale</span>
                     </div>
-                    <div className="h-3 w-full rounded-full bg-gradient-to-r from-[#000080] via-[#00ffff] via-[#00ff00] via-[#ffff00] to-[#800000] border border-border/30 shadow-inner" />
-                    <div className="flex justify-between mt-1 px-1">
-                      <span className="text-[9px] text-muted-foreground font-medium uppercase tracking-tighter">Low Focus</span>
-                      <span className="text-[9px] text-muted-foreground font-medium uppercase tracking-tighter">25%</span>
-                      <span className="text-[9px] text-muted-foreground font-medium uppercase tracking-tighter">50% (Mid)</span>
-                      <span className="text-[9px] text-muted-foreground font-medium uppercase tracking-tighter">75%</span>
-                      <span className="text-[9px] text-muted-foreground font-medium uppercase tracking-tighter">High Focus</span>
+                    <div className="h-4 w-full rounded-full bg-gradient-to-r from-[#000080] via-[#00ffff] via-[#00ff00] via-[#ffff00] to-[#800000] border border-border/30 shadow-inner" />
+                    <div className="flex justify-between mt-2 px-1">
+                      <span className="text-xs text-muted-foreground font-medium uppercase tracking-tighter">Low Focus</span>
+                      <span className="text-xs text-muted-foreground font-medium uppercase tracking-tighter">25%</span>
+                      <span className="text-xs text-muted-foreground font-medium uppercase tracking-tighter">50% (Mid)</span>
+                      <span className="text-xs text-muted-foreground font-medium uppercase tracking-tighter">75%</span>
+                      <span className="text-xs text-muted-foreground font-medium uppercase tracking-tighter">High Focus</span>
                     </div>
                   </div>
                 </div>

src/pages/Upload.tsx

@@ -8,7 +8,7 @@ import GlassCard from "@/components/GlassCard";
 import MedicalButton from "@/components/MedicalButton";
 import ProcessingOverlay from "@/components/ProcessingOverlay";
 
-const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB
+const MAX_FILE_SIZE = 10 * 1024 * 1024; // 10MB
 
 const UploadScreen = () => {
   const navigate = useNavigate();
@@ -31,7 +31,7 @@ const UploadScreen = () => {
 
   const validateFile = (file: File): string | null => {
     if (file.size > MAX_FILE_SIZE) {
-      return `File size exceeds 5MB limit. Current size: ${(file.size / 1024 / 1024).toFixed(2)}MB`;
+      return `File size exceeds 10MB limit. Current size: ${(file.size / 1024 / 1024).toFixed(2)}MB`;
     }
     
     const validTypes = ['image/jpeg', 'image/png', 'image/tiff'];
@@ -263,7 +263,7 @@ const UploadScreen = () => {
                     </p>
                   </div>
                   <p className="text-muted-foreground text-xs italic">
-                    Supported formats: JPG, PNG, TIFF, SVS (Max 5MB)
+                    Supported formats: JPG, PNG, TIFF, SVS (Max 10MB)
                   </p>
                 </div>
               ) : (