Update app.py

app.py

@@ -1,5 +1,5 @@
 # Face Detection-Based AI Automation of Lab Tests
-# Gradio App - Stable Deployment Version for Hugging Face
+# Redesigned UI using Gradio Blocks + HTML Cards
 
 import gradio as gr
 import cv2
@@ -28,51 +28,20 @@ def estimate_spo2_rr(heart_rate):
 def get_risk_color(value, normal_range):
     low, high = normal_range
     if value < low:
-        return "🔻 LOW"
+        return ("🔻 LOW", "#FFCCCC")  # Red background
     elif value > high:
-        return "🔺 HIGH"
+        return ("🔺 HIGH", "#FFE680")  # Yellow background
     else:
-        return "✅ Normal"
-
-def generate_flags_extended(params):
-    hb, wbc, platelets, iron, ferritin, tibc, bilirubin, creatinine, tsh, cortisol, fbs, hba1c = params
-    flags = []
-    if hb < 13.5:
-        flags.append("Hemoglobin Low - Possible Anemia")
-    if wbc < 4.0 or wbc > 11.0:
-        flags.append("Abnormal WBC Count - Possible Infection")
-    if platelets < 150:
-        flags.append("Platelet Drop Risk - Bruising Possible")
-    if iron < 60:
-        flags.append("Iron Deficiency Detected")
-    if ferritin < 30:
-        flags.append("Low Ferritin - Iron Store Low")
-    if tibc > 400:
-        flags.append("High TIBC - Iron Absorption Issue")
-    if bilirubin > 1.2:
-        flags.append("Jaundice Detected - Elevated Bilirubin")
-    if creatinine > 1.2:
-        flags.append("Kidney Function Concern - High Creatinine")
-    if tsh < 0.4 or tsh > 4.0:
-        flags.append("Thyroid Imbalance - Check TSH")
-    if cortisol < 5 or cortisol > 25:
-        flags.append("Stress Hormone Abnormality - Cortisol")
-    if fbs > 110:
-        flags.append("High Fasting Blood Sugar")
-    if hba1c > 5.7:
-        flags.append("Elevated HbA1c - Diabetes Risk")
-    flags.append("Mood / Stress analysis requires separate behavioral model")
-    return flags
+        return ("✅ Normal", "#CCFFCC")  # Green background
 
 def analyze_face(image):
     if image is None:
-        return "⚠️ Error: No image provided.", None
+        return [], None
 
     frame_rgb = cv2.cvtColor(image, cv2.COLOR_BGR2RGB)
     result = face_mesh.process(frame_rgb)
-
     if not result.multi_face_landmarks:
-        return "⚠️ Error: Face not detected.", None
+        return [["Face not detected", "#FFDDDD"]], None
 
     landmarks = result.multi_face_landmarks[0].landmark
     heart_rate = estimate_heart_rate(frame_rgb, landmarks)
@@ -84,46 +53,71 @@ def analyze_face(image):
     tsh, cortisol = 2.5, 18
     fbs, hba1c = 120, 6.2
 
-    flags = generate_flags_extended([hb, wbc, platelets, iron, ferritin, tibc, bilirubin, creatinine, tsh, cortisol, fbs, hba1c])
-
-    report_lines = [
-        "### 🩸 Hematology",
-        f"- Hemoglobin (Hb): {hb} g/dL - {get_risk_color(hb, (13.5, 17.5))}",
-        f"- WBC Count: {wbc} x10^3/uL - {get_risk_color(wbc, (4.0, 11.0))}",
-        f"- Platelet Count: {platelets} x10^3/uL - {get_risk_color(platelets, (150, 450))}",
-
-        "### 🧬 Iron & Liver Panel",
-        f"- Iron: {iron} µg/dL - {get_risk_color(iron, (60, 170))}",
-        f"- Ferritin: {ferritin} ng/mL - {get_risk_color(ferritin, (30, 300))}",
-        f"- TIBC: {tibc} µg/dL - {get_risk_color(tibc, (250, 400))}",
-        f"- Bilirubin: {bilirubin} mg/dL - {get_risk_color(bilirubin, (0.3, 1.2))}",
-
-        "### 🧪 Kidney, Thyroid & Stress",
-        f"- Creatinine: {creatinine} mg/dL - {get_risk_color(creatinine, (0.6, 1.2))}",
-        f"- TSH: {tsh} µIU/mL - {get_risk_color(tsh, (0.4, 4.0))}",
-        f"- Cortisol: {cortisol} µg/dL - {get_risk_color(cortisol, (5, 25))}",
-
-        "### 🧁 Metabolic Panel",
-        f"- Fasting Blood Sugar: {fbs} mg/dL - {get_risk_color(fbs, (70, 110))}",
-        f"- HbA1c: {hba1c}% - {get_risk_color(hba1c, (4.0, 5.7))}",
-
-        "### ❤️ Vital Signs",
-        f"- SpO2: {spo2}% - {get_risk_color(spo2, (95, 100))}",
-        f"- Heart Rate: {heart_rate} bpm - {get_risk_color(heart_rate, (60, 100))}",
-        f"- Respiratory Rate: {rr} breaths/min - {get_risk_color(rr, (12, 20))}",
-        "- Blood Pressure: Low (simulated)",
-
-        "### ⚠️ Risk Flags"
-    ] + [f"- {flag}" for flag in flags]
-
-    return "\n".join(report_lines), frame_rgb
-
-demo = gr.Interface(
-    fn=analyze_face,
-    inputs=gr.Image(type="numpy", label="📸 Upload Face Image"),
-    outputs=[gr.Markdown(label="🧪 Diagnostic Report"), gr.Image(label="🧍 Annotated Face")],
-    title="Face-Based AI Lab Test Inference",
-    description="Upload a clear face image to get lab test estimates and vital signs via facial analysis."
-)
+    def section(title, items):
+        html = f'<div style="padding:10px;border:1px solid #ccc;border-radius:8px;margin-bottom:10px;background:#f8f9fa;">'
+        html += f'<h4 style="margin:0 0 10px 0">{title}</h4>'
+        for label, val, rng in items:
+            status, bgcolor = get_risk_color(val, rng)
+            html += f'<div style="padding:6px;margin-bottom:4px;background:{bgcolor};border-radius:4px;">{label}: {val} - {status}</div>'
+        html += '</div>'
+        return html
+
+    cards = [
+        section("🩸 Hematology", [
+            ("Hemoglobin", hb, (13.5, 17.5)),
+            ("WBC Count", wbc, (4.0, 11.0)),
+            ("Platelets", platelets, (150, 450))
+        ]),
+        section("🧬 Iron & Liver Panel", [
+            ("Iron", iron, (60, 170)),
+            ("Ferritin", ferritin, (30, 300)),
+            ("TIBC", tibc, (250, 400)),
+            ("Bilirubin", bilirubin, (0.3, 1.2))
+        ]),
+        section("🧪 Kidney, Thyroid & Stress", [
+            ("Creatinine", creatinine, (0.6, 1.2)),
+            ("TSH", tsh, (0.4, 4.0)),
+            ("Cortisol", cortisol, (5, 25))
+        ]),
+        section("🧁 Metabolic Panel", [
+            ("Fasting Blood Sugar", fbs, (70, 110)),
+            ("HbA1c", hba1c, (4.0, 5.7))
+        ]),
+        section("❤️ Vital Signs", [
+            ("SpO2", spo2, (95, 100)),
+            ("Heart Rate", heart_rate, (60, 100)),
+            ("Respiratory Rate", rr, (12, 20))
+        ])
+    ]
+    return cards, frame_rgb
+
+# Gradio App Layout (Custom UI with Cards)
+demo = gr.Blocks()
+with demo:
+    gr.Markdown("""
+    # 🧠 Face-Based Lab Test AI Report
+    Upload a face photo to infer health diagnostics with AI-based visual markers.
+    """)
+
+    with gr.Row():
+        with gr.Column(scale=1):
+            image_input = gr.Image(type="numpy", label="📸 Upload Face Image")
+            submit_btn = gr.Button("🔍 Analyze")
+        with gr.Column(scale=2):
+            result_html = gr.HTML(label="🧪 Visual Diagnostic Cards")
+            result_image = gr.Image(label="📷 Face Scan Annotated")
+
+    def format_html(cards):
+        return "".join(cards)
+
+    submit_btn.click(
+        fn=analyze_face,
+        inputs=image_input,
+        outputs=[result_html, result_image]
+    ).then(
+        fn=format_html,
+        inputs=None,
+        outputs=result_html
+    )
 
 demo.launch()