Update app.py

app.py

@@ -64,7 +64,7 @@ def analyze_image_with_hf(image_path):
 
     return detected_elements
 
-# Image processing and Salesforce upload with image preview
+# Image processing and Salesforce upload with live preview
 def process_image(images, project_name):
     try:
         if not images or len(images) == 0:
@@ -213,7 +213,7 @@ def process_image(images, project_name):
                             {completed_html}
                         </ul>
                     </details>
-                    <p style="color: green;">Project is fully completed as of 02:22 PM IST, June 20, 2025.</p>
+                    <p style="color: green;">Project is fully completed as of 02:26 PM IST, June 20, 2025.</p>
                 </div>
                 """
             else:
@@ -251,7 +251,7 @@ def process_image(images, project_name):
                             {not_completed_html}
                         </ul>
                     </details>
-                    <p style="color: orange;">Construction is in progress at {final_milestone} stage as of 02:22 PM IST, June 20, 2025.</p>
+                    <p style="color: orange;">Construction is in progress at {final_milestone} stage as of 02:26 PM IST, June 20, 2025.</p>
                 </div>
                 """
 
@@ -262,8 +262,8 @@ def process_image(images, project_name):
 
         combined_html = "<div>" + "".join(results_html) + "</div>"
 
-        # Set current time to 02:22 PM IST, June 20, 2025
-        now = local_timezone.localize(datetime(2025, 6, 20, 14, 22))
+        # Set current time to 02:26 PM IST, June 20, 2025
+        now = local_timezone.localize(datetime(2025, 6, 20, 14, 26))
         local_time = now.strftime("%Y-%m-%dT%H:%M:%S") + now.strftime("%z")[:-2] + ":" + now.strftime("%z")[-2:]
 
         record = {
@@ -282,12 +282,12 @@ def process_image(images, project_name):
         except Exception as e:
             return f"Error: Failed to update Salesforce - {str(e)}", None, "Failure", "", "", 0
 
-        return combined_html, Image.open(saved_image_path) if images else None, ",".join(upload_statuses), ",".join(milestones), "", ",".join(progresses)
+        return combined_html, Image.open(images[0]) if images else None, ",".join(upload_statuses), ",".join(milestones), "", ",".join(progresses)
 
     except Exception as e:
         return f"Error: {str(e)}", None, "Failure", "", "", "0%"
 
-# Gradio UI with enhanced styling and image preview
+# Gradio UI with enhanced styling and live image preview
 with gr.Blocks(css="""
     .gradio-container {
         background-color: #f0f4f8;
@@ -342,20 +342,26 @@ with gr.Blocks(css="""
     gr.Markdown("<h1 class='title'>Construction Progress Analyzer</h1>")
     with gr.Row():
         image_input = gr.Files(type="filepath", label="Upload Construction Site Photos (JPG/PNG, ≤ 20MB)")
+        image_preview = gr.Image(label="Image Preview", interactive=False)  # Live preview here
         project_name_input = gr.Textbox(label="Project Name (Required)", placeholder="e.g. Project_12345")
 
     submit_button = gr.Button("Process Image")
     output_html = gr.HTML(label="Result")
-    output_image = gr.Image(label="Uploaded Image Preview")  # Added image preview component
     upload_status = gr.Textbox(label="Upload Status")
     milestone = gr.Textbox(label="Detected Milestone")
     confidence = gr.Textbox(label="Confidence Score")  # Kept for compatibility, but unused
     progress = gr.Textbox(label="Completion Percentage", interactive=False)
 
+    # Update preview on file upload
+    image_input.change(
+        fn=lambda x: Image.open(x[0]) if x else None,
+        inputs=[image_input],
+        outputs=[image_preview]
+    )
     submit_button.click(
         fn=process_image,
         inputs=[image_input, project_name_input],
-        outputs=[output_html, output_image, upload_status, milestone, confidence, progress]
+        outputs=[output_html, image_preview, upload_status, milestone, confidence, progress]
     )
 
 demo.launch(share=True)