Update app (15).py

app (15).py

@@ -258,76 +258,42 @@ def retry_last_answer(
         do_save,
     )
 
-
-title = """<h1 align="center">⭐ StarChat Playground 💬</h1>"""
-custom_css = """
-#banner-image {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-}
-
-#chat-message {
-    font-size: 14px;
-    min-height: 300px;
-}
-"""
-
-with gr.Blocks(analytics_enabled=False, css=custom_css) as demo:
-    gr.HTML(title)
+with gr.Blocks(analytics_enabled=False, css="style.css") as demo:
 
     with gr.Row():
         with gr.Column():
-            gr.Image("thumbnail.png", elem_id="banner-image", show_label=False)
-        with gr.Column():
-            gr.Markdown(
-                """
-            💻 This demo showcases a series of **[StarChat](https://huggingface.co/models?search=huggingfaceh4/starchat)** language models, which are fine-tuned versions of the StarCoder family to act as helpful coding assistants.  The base model has 16B parameters and was pretrained on one trillion tokens sourced from 80+ programming languages, GitHub issues, Git commits, and Jupyter notebooks (all permissively licensed).
-
-            📝 For more details, check out our [blog post](https://huggingface.co/blog/starchat-alpha).
-
-            ⚠️ **Intended Use**: this app and its [supporting models](https://huggingface.co/models?search=huggingfaceh4/starchat) are provided as educational tools to explain large language model fine-tuning; not to serve as replacement for human expertise.
-
-            ⚠️ **Known Failure Modes**: the alpha and beta version of **StarChat** have not been aligned to human preferences with techniques like RLHF, so they can produce problematic outputs (especially when prompted to do so). Since the base model was pretrained on a large corpus of code, it may produce code snippets that are syntactically valid but semantically incorrect.  For example, it may produce code that does not compile or that produces incorrect results.  It may also produce code that is vulnerable to security exploits.  We have observed the model also has a tendency to produce false URLs which should be carefully inspected before clicking. For more details on the model's limitations in terms of factuality and biases, see the [model card](https://huggingface.co/HuggingFaceH4/starchat-alpha#bias-risks-and-limitations).
-
-            ⚠️ **Data Collection**: by default, we are collecting the prompts entered in this app to further improve and evaluate the models. Do **NOT** share any personal or sensitive information while using the app! You can opt out of this data collection by removing the checkbox below.
-    """
-            )
-
+            gr.Image("StarChat_logo.png", elem_id="banner-image", show_label=False, show_share_btn=False, show_download_btn=False)
     with gr.Row():
-        do_save = gr.Checkbox(
-            value=True,
-            label="Store data",
-            info="You agree to the storage of your prompt and generated text for research and development purposes:",
-        )
-
+        with gr.Column():
+            gr.DuplicateButton(value='Duplicate Space for private use',
+                       elem_id='duplicate-button')
     with gr.Row():
-        selected_model = gr.Radio(choices=model_names, value=model_names[1], label="Select a model")
-
-    with gr.Accordion(label="System Prompt", open=False, elem_id="parameters-accordion"):
-        system_message = gr.Textbox(
-            elem_id="system-message",
-            placeholder="Below is a conversation between a human user and a helpful AI coding assistant.",
-            show_label=False,
-        )
+        selected_model = gr.Radio(choices=model_names, value=model_names[0], label="Current Model", interactive=False)
+        
     with gr.Row():
         with gr.Box():
             output = gr.Markdown()
-            chatbot = gr.Chatbot(elem_id="chat-message", label="Chat")
+            chatbot = gr.Chatbot(elem_id="chat-message", label="Playground")
 
     with gr.Row():
         with gr.Column(scale=3):
-            user_message = gr.Textbox(placeholder="Enter your message here", show_label=False, elem_id="q-input")
+            user_message = gr.Textbox(placeholder="Enter your message here", show_label=False, elem_id="q-input", lines=2)
             with gr.Row():
-                send_button = gr.Button("Send", elem_id="send-btn", visible=True)
+                send_button = gr.Button("▶️ Send", elem_id="send-btn", visible=True)
 
-                regenerate_button = gr.Button("Regenerate", elem_id="retry-btn", visible=True)
+                regenerate_button = gr.Button("🔄 Regenerate", elem_id="retry-btn", visible=True)
 
-                delete_turn_button = gr.Button("Delete last turn", elem_id="delete-btn", visible=True)
+                delete_turn_button = gr.Button("↩️ Delete last turn", elem_id="delete-btn", visible=True)
 
-                clear_chat_button = gr.Button("Clear chat", elem_id="clear-btn", visible=True)
+                clear_chat_button = gr.Button("🗑 Clear chat", elem_id="clear-btn", visible=True)
 
             with gr.Accordion(label="Parameters", open=False, elem_id="parameters-accordion"):
+                system_message = gr.Textbox(
+                    elem_id="system-message",
+                    placeholder="Below is a conversation between a human user and a helpful AI coding assistant.",
+                    label="System Prompt",
+                    lines=2,
+                )
                 temperature = gr.Slider(
                     label="Temperature",
                     value=0.2,
@@ -373,6 +339,11 @@ with gr.Blocks(analytics_enabled=False, css=custom_css) as demo:
                     interactive=True,
                     info="The parameter for repetition penalty. 1.0 means no penalty.",
                 )
+                do_save = gr.Checkbox(
+                    value=True,
+                    label="Store data",
+                    info="You agree to the storage of your prompt and generated text for research and development purposes:",
+                )
             # with gr.Group(elem_id="share-btn-container"):
             #     community_icon = gr.HTML(community_icon_html, visible=True)
             #     loading_icon = gr.HTML(loading_icon_html, visible=True)