Update app.py

app.py

@@ -93,8 +93,43 @@ with gr.Blocks(css=css) as demo:
   
     gr.ChatInterface(
         generate,
-        additional_inputs=additional_inputs,
-        markdown="""
+        additional_inputs=additional_inputs,       
+        examples = [
+            ["🏰 Welcome to the Kingdom of Elandria! You are Jim and Tim, two bumbling bros with a knack for mischief. 🤴🤴 [Action: Introduce yourselves, Equipment: Scepters of Foolishness]"],
+            ["🌲 You find yourselves in a forest filled with magical creatures and oddly specific 'Do Not Disturb' signs. 🦄 [Action: Proceed cautiously, Equipment: Map of Social Etiquette]"],
+            ["🍻 You stumble upon a dwarf tavern. They offer you 'Beard Beer.' Do you drink it? 🍺 [Action: Chug or Pass, Equipment: Empty Mugs]"],
+            ["🐉 A vegan dragon appears and chastises you for your leather boots. What do you do? 🗡️🏃 [Action: Apologize and offer kale, Equipment: Non-leather sandals]"],
+            ["💎 You find a treasure chest labeled 'Not a Mimic.' Seems legit. Do you open it? 🗝️ [Action: Open or No way, Equipment: Mimic Repellent]"],
+            ["🦇 You're swarmed by bats in a cave. One bat offers you 'organic guano.' How do you react? 🕯️ [Action: Politely decline, Equipment: Nose Plugs]"],
+            ["🔮 A mysterious sorcerer offers you a 'Love Potion No. 9½.' Do you take a sip? 🍶 [Action: Sip or Skip, Equipment: Breath Mints]"],
+            ["⚔️ Bandits demand gold, but they accept credit cards. What's your move? 💰 [Action: Pay or Pray, Equipment: Wallets]"],
+            ["🚪 A door with three locks and a sign saying 'Beware of the Dog.' Do you search for the keys or try to pet the dog? 🗝️💪 [Action: Unlock or Pet, Equipment: Dog Treats]"],
+            ["🌊 A river blocks your path. A mermaid offers to carry you across for a 'small' fee. 🏊‍♀️🌉 [Action: Accept or Decline, Equipment: Bargaining Skills]"],
+            ["🦁 You encounter a pride of lions playing poker. Do you join the game or fold? 🤫🔄 [Action: Play or Fold, Equipment: Poker Face]"],
+            ["🍎 A tree filled with golden apples and a sign saying, 'Seriously, don't eat these!' What do you do? 🤔 [Action: Eat or Retreat, Equipment: Stomach Pump]"],
+            ["🌕 The moon turns red, wolves start howling, and your horoscope says 'Stay in bed.' Do you camp or go? 🏕️🚶 [Action: Camp or Scamp, Equipment: Astrology App]"],
+            ["💀 The final boss is an undead warrior selling life insurance. Do you combat or sign up? ⚔️🤝 [Action: Fight or Finance, Equipment: Policy Guide]"]
+        ]
+    )
+    gr.HTML("""<h2>🤖 Mistral Chat - Gradio 🤖</h2>
+        In this demo, you can chat with <a href='https://huggingface.co/mistralai/Mistral-7B-Instruct-v0.1'>Mistral-7B-Instruct</a> model. 💬
+        Learn more about the model <a href='https://huggingface.co/docs/transformers/main/model_doc/mistral'>here</a>. 📚
+        <h2>🛠 Model Features 🛠</h2>
+        <ul>
+          <li>🪟 Sliding Window Attention with 128K tokens span</li>
+          <li>🚀 GQA for faster inference</li>
+          <li>📝 Byte-fallback BPE tokenizer</li>
+        </ul>
+        <h3>📜 License 📜  Released under Apache 2.0 License</h3>
+        <h3>📦 Usage 📦</h3>
+        <ul>
+          <li>📚 Available on Huggingface Hub</li>
+          <li>🐍 Python code snippets for easy setup</li>
+          <li>📈 Expected speedups with Flash Attention 2</li>
+        </ul>
+    """)
+
+    markdown="""
     | Feature | Description | Byline |
     |---------|-------------|--------|
     | 🪟 Sliding Window Attention with 128K tokens span | Enables the model to have a larger context for each token. | Increases model's understanding of context, resulting in more coherent and contextually relevant outputs. |
@@ -131,43 +166,7 @@ with gr.Blocks(css=css) as demo:
 
 - 📈 Expected speedups with Flash Attention 2  
   - **Byline**: Keep an eye out for this update to benefit from performance gains.
-
         """
-
-        
-        gr.Markdown(markdown)         
-        examples = [
-            ["🏰 Welcome to the Kingdom of Elandria! You are Jim and Tim, two bumbling bros with a knack for mischief. 🤴🤴 [Action: Introduce yourselves, Equipment: Scepters of Foolishness]"],
-            ["🌲 You find yourselves in a forest filled with magical creatures and oddly specific 'Do Not Disturb' signs. 🦄 [Action: Proceed cautiously, Equipment: Map of Social Etiquette]"],
-            ["🍻 You stumble upon a dwarf tavern. They offer you 'Beard Beer.' Do you drink it? 🍺 [Action: Chug or Pass, Equipment: Empty Mugs]"],
-            ["🐉 A vegan dragon appears and chastises you for your leather boots. What do you do? 🗡️🏃 [Action: Apologize and offer kale, Equipment: Non-leather sandals]"],
-            ["💎 You find a treasure chest labeled 'Not a Mimic.' Seems legit. Do you open it? 🗝️ [Action: Open or No way, Equipment: Mimic Repellent]"],
-            ["🦇 You're swarmed by bats in a cave. One bat offers you 'organic guano.' How do you react? 🕯️ [Action: Politely decline, Equipment: Nose Plugs]"],
-            ["🔮 A mysterious sorcerer offers you a 'Love Potion No. 9½.' Do you take a sip? 🍶 [Action: Sip or Skip, Equipment: Breath Mints]"],
-            ["⚔️ Bandits demand gold, but they accept credit cards. What's your move? 💰 [Action: Pay or Pray, Equipment: Wallets]"],
-            ["🚪 A door with three locks and a sign saying 'Beware of the Dog.' Do you search for the keys or try to pet the dog? 🗝️💪 [Action: Unlock or Pet, Equipment: Dog Treats]"],
-            ["🌊 A river blocks your path. A mermaid offers to carry you across for a 'small' fee. 🏊‍♀️🌉 [Action: Accept or Decline, Equipment: Bargaining Skills]"],
-            ["🦁 You encounter a pride of lions playing poker. Do you join the game or fold? 🤫🔄 [Action: Play or Fold, Equipment: Poker Face]"],
-            ["🍎 A tree filled with golden apples and a sign saying, 'Seriously, don't eat these!' What do you do? 🤔 [Action: Eat or Retreat, Equipment: Stomach Pump]"],
-            ["🌕 The moon turns red, wolves start howling, and your horoscope says 'Stay in bed.' Do you camp or go? 🏕️🚶 [Action: Camp or Scamp, Equipment: Astrology App]"],
-            ["💀 The final boss is an undead warrior selling life insurance. Do you combat or sign up? ⚔️🤝 [Action: Fight or Finance, Equipment: Policy Guide]"]
-        ]
-    )
-    gr.HTML("""<h2>🤖 Mistral Chat - Gradio 🤖</h2>
-        In this demo, you can chat with <a href='https://huggingface.co/mistralai/Mistral-7B-Instruct-v0.1'>Mistral-7B-Instruct</a> model. 💬
-        Learn more about the model <a href='https://huggingface.co/docs/transformers/main/model_doc/mistral'>here</a>. 📚
-        <h2>🛠 Model Features 🛠</h2>
-        <ul>
-          <li>🪟 Sliding Window Attention with 128K tokens span</li>
-          <li>🚀 GQA for faster inference</li>
-          <li>📝 Byte-fallback BPE tokenizer</li>
-        </ul>
-        <h3>📜 License 📜  Released under Apache 2.0 License</h3>
-        <h3>📦 Usage 📦</h3>
-        <ul>
-          <li>📚 Available on Huggingface Hub</li>
-          <li>🐍 Python code snippets for easy setup</li>
-          <li>📈 Expected speedups with Flash Attention 2</li>
-        </ul>
-    """)
+        gr.Markdown(markdown)  
+    
 demo.queue().launch(debug=True)