Added description

README.md

@@ -1,13 +1,26 @@
 ---
 title: WebChat
-emoji: 🚀
+emoji: 🦙🌍
 colorFrom: pink
 colorTo: pink
 sdk: gradio
 sdk_version: 3.39.0
 app_file: app.py
-pinned: false
+pinned: true
 license: mit
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# WebChat
+
+This is a [Llama 2 (70B)](https://huggingface.co/meta-llama/Llama-2-70b-chat-hf) chatbot that can access Google Search and webpages to answer questions.
+
+* See the [WebChat Github repo](https://github.com/thaitran/WebChat) for a version that you can run on your computer that supports GPT-3.5, GPT-4, Claude 2 and can control Chrome, Firefox, Safari, or Edge.
+
+* See [this article](https://medium.com/@thait/) for an explanation of how this chatbot works.
+
+## Feedback
+
+If you'd like to provide feedback, you can reach the author at:
+* LinkedIn: https://www.linkedin.com/in/thait/
+* Twitter: [@thait](https://twitter.com/thait)
+* Threads: [@thai](https://www.threads.net/@thai)

app.py

@@ -9,10 +9,10 @@ from tools import Tools
 SYSTEM_MESSAGE_TEMPLATE = "prompt.txt"
 
 MODELS = {
-    "LLaMA 2": HuggingFaceLlama2Model("meta-llama/Llama-2-70b-chat-hf", 4096),
     "GPT-3.5": OpenAIModel("gpt-3.5-turbo-16k", 16384),
     "GPT-4": OpenAIModel("gpt-4", 8192),
     "Claude 2": AnthropicModel("claude-2", 100000),
+    "Llama 2": HuggingFaceLlama2Model("meta-llama/Llama-2-70b-chat-hf", 4096),
 }
 
 # Load configuration from config.yaml.
@@ -27,6 +27,7 @@ with open("config.yaml", "r") as config_file:
     config = yaml.safe_load(config_file)
 
 verbose = config["verbose"]
+description = config["description"]
 examples = config["examples"]
 enabled_models = config["enabled_models"]
 selected_model = enabled_models[0]
@@ -183,6 +184,8 @@ if verbose:
     print(system_message)
 
 CSS = """
+h1 { text-align: center; }
+h3 { text-align: center; }
 .contain { display: flex; flex-direction: column; }
 .gradio-container { height: 100vh !important; }
 #component-0 { flex-grow: 1; overflow: auto; }
@@ -193,6 +196,7 @@ multiple_models_enabled = len(enabled_models) > 1
 multiple_browsers_enabled = len(enabled_browsers) > 1
 
 with gr.Blocks(css=CSS) as app:
+    gr.Markdown(description)
     chatinterface = gr.ChatInterface(fn=generate, examples=examples)
     chatinterface.chatbot.elem_id = "chatbot"
 

config.yaml

@@ -1,5 +1,10 @@
 verbose: False
 
+description: "# WebChat
+
+### This is a [Llama 2 (70B)](https://huggingface.co/meta-llama/Llama-2-70b-chat-hf) chatbot that can access Google Search and webpages to answer questions 
+[[How it works](https://medium.com/@thait/)] [[Code](https://github.com/thaitran/WebChat)]"
+
 examples:
 - Which bank offers the best savings rate?
 - Is it possible to build a room temperature superconductor?
@@ -8,7 +13,7 @@ examples:
 - Summarize today's nytimes.com headlines
 
 enabled_models:
-- LLaMA 2
+- Llama 2
 #- GPT-3.5
 #- GPT-4
 #- Claude 2