Update app.py (#4)

- Update app.py (71631098744a0787ab6e475be7c9bcff65872591)


Co-authored-by: Umar <umar-ts@users.noreply.huggingface.co>

app.py

@@ -3,7 +3,7 @@ from service import GPT_Service, Stage
 
 
 title_html = """
-<div style="display: flex; align-items: center; width=100%; background-color:#FFC90E;">
+<div style="display: flex; align-items: center; width=100%; background-color:#FFC90E; border-radius:10px;">
     <img src='https://i.ibb.co/gPFskvg/LOGO-1.png' style='height: 90px; width:90px; margin-left: 20px;'>
     <span style="margin-left: 20px;font-size:30px">
         <span>Patient Assessment Documentation</span>
@@ -16,6 +16,7 @@ css = """
 #subButton, #rephraseBtn {
     background-color: #EA580C !important;
     background: #EA580C !important;
+    color:'#FFFFFF'
     border: none !important; /* Remove the border */
     transition: background-color 0.3s ease; /* Add transition for smoother hover effect */
 }
@@ -67,6 +68,9 @@ def select_handler(prevResponse, newResponse):
         return f"{prevResponse + (' ' if prevResponse.strip() != '' else '')} {newResponse}"
     else:
         return prevResponse
+    
+def clear_input(response):
+    return ""
 
 
 def getRephrasedSentences(sentences):
@@ -94,46 +98,49 @@ with gr.Blocks(css=css) as demo:
         clearInputFields = gr.ClearButton(value="Clear Inputs",components=[keywords,medicalHistory,stage])
         responseButton = gr.Button("Submit",elem_id="subButton")
 
-    gr.HTML("<h2 style=\"margin-top:10\">Suggested Assessment Documentation</h2>")
-    with gr.Column():
-        label1 = gr.Markdown(value="Keyword 1",show_label=False)
-        with gr.Row() as firstKeywordResponses:
-            firstKeywordResponseUtterance1 = gr.Textbox(label="Variant 1",interactive=False, show_copy_button=True)
-            firstKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
-            firstKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
-
-        label2 = gr.Markdown(value="Keyword 2",show_label=False)
-        with gr.Row() as secondKeywordResponses:
-            secondKeywordResponseUtterance1 = gr.Textbox(label="Variant 1", interactive=False, show_copy_button=True)
-            secondKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
-            secondKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
-
-        label3 = gr.Markdown(value="Keyword 3",show_label=False)
-        with gr.Row() as thirdKeywordResponses:
-            thirdKeywordResponseUtterance1 = gr.Textbox(label="Variant 1", interactive=False, show_copy_button=True)
-            thirdKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
-            thirdKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
-
-        label4 = gr.Markdown(value="Keyword 4",show_label=False)
-        with gr.Row() as fourthKeywordResponses:
-            fourthKeywordResponseUtterance1 = gr.Textbox(label="Variant 1", interactive=False, show_copy_button=True)
-            fourthKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
-            fourthKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
-
-        label5 = gr.Markdown(value="Keyword 5",show_label=False)
-        with gr.Row() as fifthKeywordResponses:
-            fifthKeywordResponseUtterance1 = gr.Textbox(label="Variant 1", interactive=False, show_copy_button=True)
-            fifthKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
-            fifthKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
-
-    gr.HTML("<h2>Documentation Generator</h2>")
     with gr.Row():
-        # clearSelectedSentences = gr.ClearButton(value="Clear Inputs",components=[selectedSentence])
-        with gr.Column():
-            selectedSentence=gr.Textbox(label="Selected Sentences", show_copy_button=True,lines=5)
-            rephraseButton = gr.Button("Generate Documentation",elem_id="rephraseBtn",)
-
-        rephrasedSentence=gr.Textbox(label="Patient Visit Documentation", interactive=False, show_copy_button=True,lines=7)
+        with gr.Column(scale=2):
+            gr.HTML("<h2>Suggested Assessment Documentation</h2>")
+            label1 = gr.Markdown(value="Keyword 1",show_label=False)
+            with gr.Row() as firstKeywordResponses:
+                firstKeywordResponseUtterance1 = gr.Textbox(label="Variant 1",interactive=False, show_copy_button=True)
+                firstKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
+                firstKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
+
+            label2 = gr.Markdown(value="Keyword 2",show_label=False)
+            with gr.Row() as secondKeywordResponses:
+                secondKeywordResponseUtterance1 = gr.Textbox(label="Variant 1", interactive=False, show_copy_button=True)
+                secondKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
+                secondKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
+
+            label3 = gr.Markdown(value="Keyword 3",show_label=False)
+            with gr.Row() as thirdKeywordResponses:
+                thirdKeywordResponseUtterance1 = gr.Textbox(label="Variant 1", interactive=False, show_copy_button=True)
+                thirdKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
+                thirdKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
+
+            label4 = gr.Markdown(value="Keyword 4",show_label=False)
+            with gr.Row() as fourthKeywordResponses:
+                fourthKeywordResponseUtterance1 = gr.Textbox(label="Variant 1", interactive=False, show_copy_button=True)
+                fourthKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
+                fourthKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
+
+            label5 = gr.Markdown(value="Keyword 5",show_label=False)
+            with gr.Row() as fifthKeywordResponses:
+                fifthKeywordResponseUtterance1 = gr.Textbox(label="Variant 1", interactive=False, show_copy_button=True)
+                fifthKeywordResponseUtterance2 = gr.Textbox(label="Variant 2", interactive=False, show_copy_button=True)
+                fifthKeywordResponseUtterance3 = gr.Textbox(label="Variant 3", interactive=False, show_copy_button=True)
+
+        with gr.Column(scale=1):
+            gr.HTML("<h2>Documentation Generator</h2>")
+            with gr.Row():
+                with gr.Column():
+                    selectedSentence=gr.Textbox(label="Selected Sentences", show_copy_button=True,lines=15)
+                    with gr.Row():
+                        clearSelectedSentences= gr.Button("Clear")
+                        rephraseButton = gr.Button("Generate Documentation",elem_id="rephraseBtn",)
+
+            rephrasedSentence=gr.Textbox(label="Patient Visit Documentation", interactive=False, show_copy_button=True,lines=15)
 
 
     # First response event listeners
@@ -167,6 +174,7 @@ with gr.Blocks(css=css) as demo:
                                                                     label4,fourthKeywordResponseUtterance1,fourthKeywordResponseUtterance2,fourthKeywordResponseUtterance3,
                                                                     label5,fifthKeywordResponseUtterance1,fifthKeywordResponseUtterance2,fifthKeywordResponseUtterance3])
     rephraseButton.click(getRephrasedSentences,selectedSentence,rephrasedSentence)
+    clearSelectedSentences.click(clear_input,selectedSentence,selectedSentence)
     
         
-demo.launch()
+demo.launch()