Update app.py

Changing layout of the components in both tabs. Changing variable names and adding additional comments for clarification.

app.py

@@ -116,38 +116,51 @@ with gr.Blocks(theme=theme) as demo:
     # Basic user interface for company's view -Janika
     with gr.Tab("User Interface"):
         with gr.Row():
-            with gr.Column(scale=1, min_width=300):
-                # Summary
-                summary_output = gr.Textbox(label="Summary")
-
             with gr.Column(scale=2, min_width=300):
-                # Star rating
-                star_rating = gr.HTML(value=show_stars())
+                # Overall summary from all feedback
+                com_summary_output = gr.Textbox(label="Summary")
 
-                # Keywords
-                keywords_output = gr.Textbox(label="Keywords")
+            with gr.Column(scale=1, min_width=300):
+                # Average star rating across all feedback
+                com_star_rating = gr.HTML(value=show_stars())
+
+                # The most common keywords across all feedback
+                com_keywords_output = gr.Textbox(label="Keywords")
 
 
      # Testing Area -Piitu
     with gr.Tab("Testing Area"):
         with gr.Row():
-            name_input = gr.Textbox(label="Enter your name", placeholder="Enter your name here...")
+            with gr.Column(scale=1, min_width=300):
+                name_input = gr.Textbox(label="Enter your name", placeholder="Enter your name here...")
 
-        with gr.Row():
-            text_input = gr.Textbox(label="Please give us feedback!", 
-                                    placeholder="Enter your feedback here...", 
-                                    max_length=5000)
+                text_input = gr.Textbox(label="Please give us feedback!", 
+                                        placeholder="Enter your feedback here...", 
+                                        max_length=5000)
+
+                # Update placeholder based on name input -Piitu
+                name_input.change(fn=update_placeholder, inputs=name_input, outputs=text_input)
+
+                # Send button -Piitu
+                send_button = gr.Button("Send")
 
-        # Update placeholder based on name input -Piitu
-        name_input.change(fn=update_placeholder, inputs=name_input, outputs=text_input)
+                # Output for feedback submission confirmation -Piitu
+                feedback_output = gr.Textbox(label="Submission Result", interactive=False)
 
-        # Send button -Piitu
-        send_button = gr.Button("Send")
+                # Link button to function that handles feedback submission -Piitu
+                send_button.click(handle_feedback, inputs=[text_input, name_input], outputs=feedback_output)
+
+            with gr.Column(scale=2, min_width=300):
+                # Estimated star rating from customer's feedback -Janika
+                cus_star_rating = gr.HTML(value=show_stars())
 
-        # Output for feedback submission confirmation -Piitu
-        feedback_output = gr.Textbox(label="Submission Result", interactive=False)
+                # Estimated sentiment from customer's feedback -Janika
+                cus_sentiment = gr.Textbox(label="Sentiment")
+                
+                # Summary from customer's feedback -Janika
+                cus_summary_output = gr.Textbox(label="Summary")
 
-        # Link button to function that handles feedback submission -Piitu
-        send_button.click(handle_feedback, inputs=[text_input, name_input], outputs=feedback_output)
+                # The most common keywords from customer's feedback -Janika
+                cus_keywords_output = gr.Textbox(label="Keywords")  
 
 demo.launch()