Update app.py

app.py

@@ -189,21 +189,21 @@ def process_image(image, project_name):
 
         # Return the detailed result in the desired format
         result = f"""
-        Completed:
-        
-        {completed_work}
+Completed:
 
-        Not Completed:
+{completed_work}
 
-        {not_completed_work}
+Not Completed:
 
-        Confidence Score: {confidence_score * 100}%
+{not_completed_work}
+
+Confidence Score: {confidence_score * 100}%
         """
 
-        return result, "Success", milestone, f"Confidence Score: {confidence_score}", percent_complete
+        return result, "Success", milestone, f"Confidence Score: {confidence_score}", f"{percent_complete}%"
 
     except Exception as e:
-        return f"Error: {str(e)}", "Failure", "", "", 0
+        return f"Error: {str(e)}", "Failure", "", "", "0%"
 
 # Gradio UI with added styling
 with gr.Blocks(css="""
@@ -230,6 +230,10 @@ with gr.Blocks(css="""
         display: block;
         margin: 0 auto;
     }
+    .result-textbox {
+        white-space: pre-wrap !important;
+        text-align: left !important;
+    }
 """) as demo:
     gr.Markdown("<h1 class='title'></h1>")
     with gr.Row():
@@ -237,11 +241,11 @@ with gr.Blocks(css="""
         project_name_input = gr.Textbox(label="Project Name (Required)", placeholder="e.g. Project_12345")
 
     submit_button = gr.Button("Process Image")
-    output_text = gr.Textbox(label="Result")
+    output_text = gr.Textbox(label="Result", elem_classes="result-textbox")
     upload_status = gr.Textbox(label="Upload Status")
     milestone = gr.Textbox(label="Detected Milestone")
     confidence = gr.Textbox(label="Confidence Score")
-    progress = gr.Slider(0, 100, label="Completion Percentage", interactive=False, value=0)
+    progress = gr.Textbox(label="Completion Percentage", interactive=False)
 
     submit_button.click(
         fn=process_image,