Update ui/dashboard.py

ui/dashboard.py

@@ -31,8 +31,14 @@ def render_css():
             img { 
                 border-radius: 10px; 
                 box-shadow: 0 4px 12px rgba(0,0,0,0.1);
-                image-rendering: -webkit-optimize-contrast;
-                image-rendering: crisp-edges;
+                width: 100%;
+                height: auto;
+                display: block;
+                image-rendering: auto;
+            }
+            .stImage > div {
+                width: 100%;
+                max-width: 100%;
             }
             
             .report-box {
@@ -55,6 +61,12 @@ def render_css():
                 font-size: 0.95rem !important;
             }
         </style>
+        <script>
+            const meta = window.parent?.document?.querySelector('meta[http-equiv="Permissions-Policy"]');
+            if (meta) {
+                meta.setAttribute('content', 'geolocation=(), microphone=()');
+            }
+        </script>
     """, unsafe_allow_html=True)
 
 def render_header(app_name, version):
@@ -99,11 +111,11 @@ def render_classification_panel(img_rgb, diagnosis, cls_conf, seg_conf, gradcam_
             st.warning("Düşük güven skoru. Lütfen manuel inceleme yapınız.")
 
     with col_orig:
-        st.image(img_rgb, caption="Orijinal Görüntü", width="stretch")
+        st.image(img_rgb, caption="Orijinal Görüntü", use_column_width=True)
 
     with col_xai:
         overlay = apply_heatmap_overlay(img_rgb, gradcam_map, alpha=0.5)
-        st.image(overlay, caption="Yapay Zeka Odak Alanları (Grad-CAM)", width="stretch")
+        st.image(overlay, caption="Yapay Zeka Odak Alanları (Grad-CAM)", use_column_width=True)
 
 def render_segmentation_panel(img_rgb, nuc_map, uncertainty_map, instance_mask, stats):
     st.markdown("---")
@@ -120,12 +132,12 @@ def render_segmentation_panel(img_rgb, nuc_map, uncertainty_map, instance_mask,
         c1, c2 = st.columns(2)
         with c1:
             nuc_colored = apply_heatmap_overlay(img_rgb, nuc_map, colormap=cv2.COLORMAP_OCEAN, alpha=0.6)
-            st.image(nuc_colored, caption="Nükleus Olasılık Haritası (AI Çıktısı)", width="stretch")
+            st.image(nuc_colored, caption="Nükleus Olasılık Haritası (AI Çıktısı)", use_column_width=True)
         with c2:
             mask_rgb = np.zeros_like(img_rgb)
             mask_rgb[instance_mask > 0] = [0, 255, 0] # Green
             overlay = cv2.addWeighted(img_rgb, 0.7, mask_rgb, 0.3, 0)
-            st.image(overlay, caption="Ayrıştırılmış Hücreler (Watershed)", width="stretch")
+            st.image(overlay, caption="Ayrıştırılmış Hücreler (Watershed)", use_column_width=True)
 
     with tab_unc:
         c1, c2 = st.columns([1, 2])
@@ -139,7 +151,7 @@ def render_segmentation_panel(img_rgb, nuc_map, uncertainty_map, instance_mask,
             """)
         with c2:
             unc_colored = apply_heatmap_overlay(img_rgb, uncertainty_map, colormap=cv2.COLORMAP_INFERNO, alpha=0.7)
-            st.image(unc_colored, caption="Model Entropi (Belirsizlik) Haritası", width="stretch")
+            st.image(unc_colored, caption="Model Entropi (Belirsizlik) Haritası", use_column_width=True)
 
     with tab_data:
         if not stats.empty: