File size: 11,214 Bytes
65ab7ab
b383602
 
 
 
65ab7ab
b383602
65ab7ab
b383602
 
 
48b3884
b383602
65ab7ab
9ae30e6
b383602
4c814c5
 
65ab7ab
4c814c5
9ae30e6
 
65ab7ab
b383602
 
65ab7ab
48b3884
1063b82
 
 
 
 
48b3884
1063b82
4c814c5
1063b82
 
 
 
 
 
 
 
 
 
 
 
65ab7ab
 
 
 
1063b82
9ae30e6
48b3884
b383602
4c814c5
 
 
 
48b3884
 
a84b21c
 
 
 
 
 
 
 
 
 
 
 
4c814c5
 
 
a84b21c
4c814c5
b383602
48b3884
1063b82
 
 
48b3884
 
1063b82
 
48b3884
1063b82
 
 
 
48b3884
1063b82
 
 
 
 
 
48b3884
1063b82
 
 
 
4c814c5
 
 
 
1063b82
4c814c5
 
 
 
1063b82
 
 
 
 
65ab7ab
48b3884
 
1063b82
 
 
48b3884
1063b82
48b3884
 
dda6312
4c814c5
65ab7ab
1063b82
 
 
9ae30e6
48b3884
1063b82
65ab7ab
4c814c5
 
 
 
 
 
 
 
 
 
 
dda6312
 
 
65ab7ab
 
 
 
 
 
 
 
dda6312
65ab7ab
 
 
dda6312
65ab7ab
dda6312
 
65ab7ab
dda6312
 
65ab7ab
dda6312
 
1063b82
4c814c5
 
1063b82
ca67a6f
65ab7ab
4c814c5
 
 
 
 
dda6312
65ab7ab
4c814c5
48b3884
4c814c5
1063b82
 
 
 
4c814c5
65ab7ab
4c814c5
 
 
 
48b3884
65ab7ab
48b3884
 
1063b82
48b3884
 
b383602
 
 
4f56e85
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
# app.py (Definitive Final Version)

import gradio as gr
from pathlib import Path
import asyncio
from PIL import Image

# Import backend components
from app.prediction import PredictionPipeline
from app.database import add_patient_record, get_all_records

# --- Initialization ---
prediction_pipeline = PredictionPipeline()
# Point to the locally cloned sample images directory from setup.sh
SAMPLE_IMAGE_DIR = Path("sample_images")
try:
    if SAMPLE_IMAGE_DIR.is_dir():
        SAMPLE_IMAGES = [str(p) for p in sorted(list(SAMPLE_IMAGE_DIR.glob('*/*.jpeg')))]
        if not SAMPLE_IMAGES: raise FileNotFoundError
    else:
        raise FileNotFoundError
except FileNotFoundError:
    print("Warning: 'sample_images' directory not found or empty. Please check setup.sh. Samples will be unavailable.")
    SAMPLE_IMAGES = []

# --- Core Logic Functions ---
async def process_analysis(patient_name, patient_age, image_list, is_sample=False):
    if not is_sample and (not patient_name or patient_age is None):
        raise gr.Error("Patient Name and Age are required.")
    if not image_list:
        raise gr.Error("At least one image is required.")
    
    result = prediction_pipeline.predict(image_list)
    if "error" in result:
        raise gr.Error(result.get("details", result["error"]))

    final_pred = result["final_prediction"]
    final_conf = result["final_confidence"]
    
    if not is_sample:
        await add_patient_record(str(patient_name), int(patient_age), final_pred, final_conf)

    confidences = {"NORMAL": 0.0, "PNEUMONIA": 0.0}
    confidences[final_pred] = final_conf
    confidences["NORMAL" if final_pred == "PNEUMONIA" else "PNEUMONIA"] = 1 - final_conf
    
    return [
        gr.update(visible=False),
        gr.update(visible=True),
        gr.update(value=result["watermarked_images"]),
        gr.update(value=confidences)
    ]

async def refresh_history_table():
    records = await get_all_records()
    data_for_df = []
    if records:
        data_for_df = [[r.get('name'), r.get('age'), r.get('prediction_result'), f"{r.get('confidence_score', 0):.2%}", r.get('timestamp').strftime('%Y-%m-%d %H:%M')] for r in records]
    return gr.update(value=data_for_df)

# --- Gradio UI Definition ---
css = """
/* --- Professional Dark Theme & Fonts --- */
:root { --primary-hue: 220 !important; --secondary-hue: 210 !important; --neutral-hue: 210 !important; --body-background-fill: #111827 !important; --block-background-fill: #1F2937 !important; --block-border-width: 1px !important; --border-color-accent: #374151 !important; --background-fill-secondary: #1F2937 !important;}
/* --- Header & Title Styling --- */
#app_header { text-align: center; }
#app_title { font-size: 2.8rem !important; font-weight: 700 !important; color: #FFFFFF !important; padding-top: 1rem; }
#app_subtitle { font-size: 1.2rem !important; color: #9CA3AF !important; margin-bottom: 2rem; }
/* --- Layout, Spacing, and Component Styling --- */
#main_container { gap: 2rem; }
#results_gallery .gallery-item { padding: 0.25rem !important; background-color: #374151; border: 1px solid #374151 !important; }
#bottom_controls { max-width: 600px; margin: 2.5rem auto 1rem auto; }
#bottom_controls .gr-accordion > .gr-block-label { text-align: center !important; display: block !important; }
/* --- Sample Gallery Selection Styling --- */
#sample_gallery .gallery-item { box-shadow: 0 0 5px rgba(0,0,0,0.5); border-radius: 8px !important; border: 4px solid transparent; transition: border-color 0.3s ease; }
#sample_gallery .gallery-item.selected { border-color: var(--primary-500) !important; }
"""
with gr.Blocks(theme=gr.themes.Default(primary_hue="blue", secondary_hue="blue"), css=css, title="Pneumonia Detection AI") as demo:
    
    with gr.Column() as main_app:
        with gr.Column(elem_id="app_header"):
            gr.Markdown("# 🩺 Pneumonia Detection AI", elem_id="app_title")
            gr.Markdown("An AI-powered tool to assist in the diagnosis of pneumonia.", elem_id="app_subtitle")
        with gr.Row(elem_id="main_container"):
            with gr.Column(scale=1) as uploader_column:
                gr.Markdown("### Upload Patient X-Rays")
                image_input = gr.File(label="Upload up to 3 Images", file_count="multiple", file_types=["image"], type="filepath")
            with gr.Column(scale=2, visible=False) as results_column:
                gr.Markdown("### Analysis Results")
                result_images = gr.Gallery(label="Analyzed Images", columns=3, object_fit="contain", height=350, elem_id="results_gallery")
                result_label = gr.Label(label="Overall Prediction", num_top_classes=2)
                start_over_btn = gr.Button("Start New Analysis", variant="secondary")
        with gr.Group(visible=False) as patient_info_modal:
            gr.Markdown("## Enter Patient Details", elem_classes="text-center")
            patient_name_modal = gr.Textbox(label="Patient Name", placeholder="e.g., John Doe")
            patient_age_modal = gr.Number(label="Patient Age", minimum=0, maximum=120, step=1)
            with gr.Row():
                submit_analysis_btn = gr.Button("Analyze Images", variant="primary")
                cancel_btn = gr.Button("Cancel", variant="stop")
        with gr.Column(elem_id="bottom_controls"):
            with gr.Accordion("About this Tool", open=False):
                gr.Markdown(
                    """
                    ### MLOps-Powered Pneumonia Detection
                    This application demonstrates a complete, end-to-end MLOps pipeline for medical image classification. It leverages a state-of-the-art **Vision Transformer (ViT)** model, fine-tuned on a public dataset of chest X-ray images to distinguish between Normal and Pneumonia cases.
                    
                    **Disclaimer:** This tool is for demonstration and educational purposes only and is **not a substitute for professional medical advice.**

                    ---

                    **Project Team:**
                    *   **Alyyan Ahmed** - Lead ML Engineer & Developer
                    *   **Munim Akbar** - Project Contributor & Reviewer
                    """
                )
            with gr.Row():
                samples_btn = gr.Button("Try Sample Images")
                history_btn = gr.Button("View Patient History")
                
    with gr.Column(visible=False) as history_page:
        gr.Markdown("# 📜 Patient Record History", elem_classes="app_title")
        with gr.Row():
            back_to_main_btn_hist = gr.Button("⬅️ Back to Main App")
            refresh_history_btn = gr.Button("Refresh History")
        history_df = gr.DataFrame(headers=["Name", "Age", "Prediction", "Confidence", "Date"], row_count=10, interactive=False)

    with gr.Column(visible=False) as samples_page:
        gr.Markdown("# 🖼️ Sample Image Library", elem_classes="app_title")
        gr.Markdown("Select up to 3 images by clicking on them, then click 'Analyze'.")
        sample_gallery = gr.Gallery(value=SAMPLE_IMAGES, label="Sample Images", columns=5, height=400, elem_id="sample_gallery")
        selected_samples_textbox = gr.Textbox(visible=False, elem_id="selected_samples_textbox")
        with gr.Row():
            analyze_samples_btn = gr.Button("Analyze Selected Samples", variant="primary")
            back_to_main_btn_samp = gr.Button("⬅️ Back to Main App")
    
    # --- Event Handling Logic ---
    
    def show_patient_info(files): return gr.update(visible=True) if files else gr.update(visible=False)
    image_input.upload(fn=show_patient_info, inputs=image_input, outputs=patient_info_modal)

    async def submit_and_hide_modal(name, age, files):
        analysis_results = await process_analysis(name, age, files)
        return [*analysis_results, gr.update(visible=False)]
    submit_analysis_btn.click(fn=submit_and_hide_modal, inputs=[patient_name_modal, patient_age_modal, image_input], outputs=[uploader_column, results_column, result_images, result_label, patient_info_modal])
    
    cancel_btn.click(lambda: (gr.update(visible=False), None), None, [patient_info_modal, image_input])
    start_over_btn.click(fn=None, js="() => { window.location.reload(); }")

    # --- Sample Page Logic with JavaScript ---
    select_js = """
    (evt) => {
        const gallery = document.querySelector('#sample_gallery .grid-container');
        const clicked_container = gallery.children[evt.index];
        const hidden_input = document.querySelector('#selected_samples_textbox textarea');
        let selections = hidden_input.value ? hidden_input.value.split(',').filter(p => p.trim()) : [];
        const path = clicked_container.querySelector('img').alt;

        if (clicked_container.classList.contains('selected')) {
            clicked_container.classList.remove('selected');
            selections = selections.filter(p => p !== path);
        } else {
            if (selections.length < 3) {
                clicked_container.classList.add('selected');
                selections.push(path);
            } else {
                alert("Maximum of 3 images can be selected.");
            }
        }
        return [selections.join(',')]; // Return value must be a list/tuple for Gradio
    }
    """
    sample_gallery.select(fn=None, js=select_js, outputs=[selected_samples_textbox])

    async def handle_sample_analysis(selected_paths_str: str):
        selected_images = [path for path in selected_paths_str.split(',') if path]
        if not selected_images:
            raise gr.Error("Please select at least one sample image to analyze.")
        
        analysis_results = await process_analysis("Sample User", 0, selected_images, is_sample=True)
        # We need to return an update for every output component
        return [
            gr.update(visible=True),   # main_app
            gr.update(visible=False),  # samples_page
            *analysis_results
        ]
    analyze_samples_btn.click(fn=handle_sample_analysis, inputs=[selected_samples_textbox], outputs=[main_app, samples_page, uploader_column, results_column, result_images, result_label])

    # --- Page Navigation ---
    all_pages = [main_app, history_page, samples_page]
    
    async def show_history_page_and_refresh():
        records_update = await refresh_history_table()
        return [gr.update(visible=False), gr.update(visible=True), gr.update(visible=False), records_update]
    
    def show_samples_page():
        return [gr.update(visible=False), gr.update(visible=False), gr.update(visible=True)]
    
    def show_main_page():
        return [gr.update(visible=True), gr.update(visible=False), gr.update(visible=False)]

    history_btn.click(fn=show_history_page_and_refresh, outputs=all_pages + [history_df])
    samples_btn.click(fn=show_samples_page, outputs=all_pages)
    back_to_main_btn_hist.click(fn=show_main_page, outputs=all_pages)
    back_to_main_btn_samp.click(fn=show_main_page, outputs=all_pages)
    
    refresh_history_btn.click(fn=refresh_history_table, outputs=history_df)
    demo.load(fn=refresh_history_table, outputs=history_df)

# --- Launch the App ---
if __name__ == "__main__":
    demo.launch()