Updated GPT UI

app/gpt_view.py

@@ -1,6 +1,9 @@
-import re
-import gradio as gr
+import os
+import seaborn as sns
 from openai import OpenAI
+import gradio as gr
+import re
+import matplotlib.pyplot as plt
 from app.utils import (
     format_prediction_ouptut,
     create_input_instruction,
@@ -249,14 +252,36 @@ def set_key(key):
 def gpt_ui():
     with gr.Blocks() as gpt_model:
         gr.Markdown("# GPT 4.0")
-        gr.Markdown(
-            "This is a custom GPT model designed to provide \
-            a report on overall sentiment flow of the conversation on the \
-            volunteer's perspective. It also provies a live plot analysis of sentiments throughout the conversation.<br /><br />Click on them and submit them to the model to see how it works."
-        )
-        api_key = gr.Textbox(label="Key", lines=1, type="password")
-        btn_key = gr.Button(value="Submit Key")
-        btn_key.click(set_key, inputs=api_key)
+        with gr.Row():
+            with gr.Column(scale=3):
+                gr.Markdown(
+                    """Another approach to analyze and predict the sentiment labels for each
+                    message in a conversation is to utilize the power of GPT as a Large Language
+                    Model. As of December 2023, GPT 4.0 is the latest version of GPT under the
+                    name `gpt-4-1106-preview`, and it is connected with the app through Python's
+                    `openai` module.
+                    
+                    One advantage of GPT over COSMIC is that it can also generate a
+                    summary for the conversation beside the sentiment labels. However,
+                    the trade-off is that GPT is not free to use. With
+                    `gpt-4-1106-preview` model, the pricing is $0.01/1,000 input tokens
+                    and $0.03/1,000 output tokens.  
+                    
+                    Before running the model, please log in with your OpenAI's API key first.
+                    The key can be created with OpenAI
+                    [here](https://platform.openai.com/api-keys). Make sure to save your API key
+                    in a secured file for future use. 
+                    """
+                )
+            with gr.Column(scale=1):
+                api_key = gr.Textbox(
+                    label="OpenAI's API key",
+                    lines=1,
+                    type="password",
+                    placeholder="Please enter you API key here",
+                )
+                btn_key = gr.Button(value="Submit Key")
+                btn_key.click(set_key, inputs=api_key)
 
         create_input_instruction()
         with gr.Row():

main.py

@@ -8,7 +8,7 @@ from app import cosmic_view, gpt_view
 
 cosmic_model = cosmic_view.cosmic_ui()
 gpt_model = gpt_view.gpt_ui()
-demo = gr.TabbedInterface([cosmic_model, gpt_model], ["COSMIC", "GPT Analysis"])
+demo = gr.TabbedInterface([cosmic_model, gpt_model], ["COSMIC", "GPT"])
 
 if __name__ == "__main__":
     demo.launch()