Hola

app.py

@@ -6,12 +6,15 @@ import requests
 #Streaming endpoint 
 API_URL = "https://api.openai.com/v1/chat/completions" #os.getenv("API_URL") + "/generate_stream"
 
+#Huggingface provided GPT4 OpenAI API Key 
+OPENAI_API_KEY = os.getenv("OPENAI_API_KEY") 
+
 #Inferenec function
-def predict(openai_gpt4_key, system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], history=[]):  
+def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], history=[]):  
 
     headers = {
     "Content-Type": "application/json",
-    "Authorization": f"Bearer {openai_gpt4_key}"  #Users will provide their own OPENAI_API_KEY 
+    "Authorization": f"Bearer {OPENAI_API_KEY}"
     }
     print(f"system message is ^^ {system_msg}")
     if system_msg.strip() == '':
@@ -102,10 +105,12 @@ def set_visible_false():
 def set_visible_true():
     return gr.update(visible=True)
 
-title = """<h1 align="center">🔥GPT4 using Chat-Completions API & 🚀Gradio-Streaming</h1>"""
+title = """<h1 align="center">🔥GPT4 with ChatCompletions API +🚀Gradio-Streaming</h1>"""
+
 #display message for themes feature
-theme_addon_msg = """<center>🌟 This Demo also introduces you to Gradio Themes. Discover more on Gradio website using our <a href="https://gradio.app/theming-guide/" target="_blank">Themeing-Guide🎨</a>! You can develop from scratch, modify an existing Gradio theme, and share your themes with community by uploading them to huggingface-hub easily using <code>theme.push_to_hub()</code>.</center>
-""" 
+theme_addon_msg = """<center>🌟 Discover Gradio Themes with this Demo, featuring v3.22.0! Gradio v3.23.0 also enables seamless Theme sharing. You can develop or modify a theme, and send it to the hub using simple <code>theme.push_to_hub()</code>. 
+<br>🏆Participate in Gradio's Theme Building Hackathon to exhibit your creative flair and win fabulous rewards! Join here - <a href="https://huggingface.co/Gradio-Themes" target="_blank">Gradio-Themes-Party🎨</a> 🏆</center>
+"""
 
 #Using info to add additional information about System message in GPT4
 system_msg_info = """A conversation could begin with a system message to gently instruct the assistant. 
@@ -118,18 +123,15 @@ theme = gr.themes.Soft(primary_hue="zinc", secondary_hue="green", neutral_hue="g
 with gr.Blocks(css = """#col_container { margin-left: auto; margin-right: auto;} #chatbot {height: 520px; overflow: auto;}""",
                       theme=theme) as demo:
     gr.HTML(title)
-    gr.HTML("""<h3 align="center">🔥This Huggingface Gradio Demo provides you access to GPT4 API with System Messages. Please note that you would be needing an OPENAI API key for GPT4 access🙌</h1>""")
+    gr.HTML("""<h3 align="center">🔥This Huggingface Gradio Demo provides you full access to GPT4 API (4096 token limit). 🎉🥳🎉You don't need any OPENAI API key🙌</h1>""")
     gr.HTML(theme_addon_msg)
     gr.HTML('''<center><a href="https://huggingface.co/spaces/ysharma/ChatGPT4?duplicate=true"><img src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a>Duplicate the Space and run securely with your OpenAI API Key</center>''')
 
     with gr.Column(elem_id = "col_container"):
-        #Users need to provide their own GPT4 API key, it is no longer provided by Huggingface 
-        with gr.Row():
-            openai_gpt4_key = gr.Textbox(label="OpenAI GPT4 Key", value="", type="password", placeholder="sk..", info = "You have to provide your own GPT4 keys for this app to function properly",)
-            with gr.Accordion(label="System message:", open=False):
-                system_msg = gr.Textbox(label="Instruct the AI Assistant to set its beaviour", info = system_msg_info, value="",placeholder="Type here..")
-                accordion_msg = gr.HTML(value="🚧 To set System message you will have to refresh the app", visible=False)
-                          
+        #GPT4 API Key is provided by Huggingface 
+        with gr.Accordion(label="System message:", open=False):
+            system_msg = gr.Textbox(label="Instruct the AI Assistant to set its beaviour", info = system_msg_info, value="")
+            accordion_msg = gr.HTML(value="🚧 To set System message you will have to refresh the app", visible=False)
         chatbot = gr.Chatbot(label='GPT4', elem_id="chatbot")
         inputs = gr.Textbox(placeholder= "Hi there!", label= "Type an input and press Enter")
         state = gr.State([]) 
@@ -146,8 +148,8 @@ with gr.Blocks(css = """#col_container { margin-left: auto; margin-right: auto;}
             chat_counter = gr.Number(value=0, visible=False, precision=0)
 
     #Event handling
-    inputs.submit( predict, [openai_gpt4_key, system_msg, inputs, top_p, temperature, chat_counter, chatbot, state], [chatbot, state, chat_counter, server_status_code],)  #openai_api_key
-    b1.click( predict, [openai_gpt4_key, system_msg, inputs, top_p, temperature, chat_counter, chatbot, state], [chatbot, state, chat_counter, server_status_code],)  #openai_api_key
+    inputs.submit( predict, [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state], [chatbot, state, chat_counter, server_status_code],)  #openai_api_key
+    b1.click( predict, [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state], [chatbot, state, chat_counter, server_status_code],)  #openai_api_key
     
     inputs.submit(set_visible_false, [], [system_msg])
     b1.click(set_visible_false, [], [system_msg])