Spaces:
Sleeping
Sleeping
File size: 2,288 Bytes
f81a945 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
import openai
import gradio as gr
# Set your OpenAI API key
openai.api_key = "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"
# Initialize chat history with a system message
messages = [{"role": "system", "content": "YOU ARE THE BEST DEVELOPER"}]
# Define the chatbot function
def CustomChatGPT(user_message):
try:
# Append the user's message to the chat history
messages.append({"role": "user", "content": user_message})
# Generate a response from the chatbot
response = openai.ChatCompletion.create(
model="gpt-3.5-turbo",
messages=messages
)
# Extract the assistant's reply from the response
assistant_reply = response["choices"][0]["message"]["content"]
# Append the assistant's reply to the chat history
messages.append({"role": "assistant", "content": assistant_reply})
return assistant_reply
except Exception as e:
return f"An error occurred: {str(e)}"
# Create a Gradio interface for the chatbot
interface = gr.Interface(
fn=CustomChatGPT,
inputs=gr.inputs.Textbox(placeholder="Ask me anything!", label="Chat with the Best Developer's Assistant"),
outputs=gr.outputs.Textbox(),
title="ChatGPT - The Best Developer's Assistant",
description="Ask questions or seek assistance from ChatGPT! This AI-powered assistant is here to help you.",
)
# Customize the interface with CSS styles
interface.css = """
.chat-message { border-radius: 10px; padding: 10px; margin: 5px; max-width: 80%; }
.user-message { background-color: #e1f0fa; float: right; }
.assistant-message { background-color: #f9f9f9; float: left; }
.output { background-color: #f9f9f9; padding: 10px; border-radius: 10px; }
.input { border-radius: 10px; }
.gradio-interface { max-width: 600px; margin: 0 auto; } /* Center the interface */
.gradio-interface .btn-primary { background-color: #0078d4; border: none; }
.gradio-interface .btn-primary:hover { background-color: #005a9e; }
.gradio-interface .btn-secondary { background-color: #f9f9f9; color: #0078d4; border: none; }
.gradio-interface .btn-secondary:hover { background-color: #e1f0fa; }
"""
# Launch the Gradio interface
interface.launch(share=True)
|