Move Chatbot Loading Logic to Chat Tab

app.py

@@ -18,21 +18,12 @@ def create_app():
             }
         </script>
         """
-    ) as demo:
+    ) as app:
         gr.Markdown("# codora KI-App-Ersteller v0")
-        chatbot_id_input = gr.Textbox(label="Chatbot-ID eingeben")
-        load_button = gr.Button("Chatbot laden")
-        load_message = gr.Textbox(label="Lademeldung", interactive=False)
-        
-        gr.Examples(
-            examples=["shiny-platypus-699", "delightful-red-panda-273", "glowing-toucan-982", "mellow-toucan-512", "upbeat-elephant-433"],
-            inputs=chatbot_id_input,
-            label="Beispiel-Chatbots"
-        )
         
         with gr.Tabs():
             with gr.Tab("Chat"):
-                chat_tab = create_chat_tab(chatbot_id_input, load_button, load_message)
+                chat_tab = create_chat_tab()
             
             with gr.Tab("Chatbot erstellen"):
                 create_tab = create_chatbot_tab()
@@ -40,7 +31,7 @@ def create_app():
             with gr.Tab("Admin"):
                 create_admin_tab()
 
-        @demo.load(inputs=[chatbot_id_input], outputs=[chat_tab['title'], chatbot_id_input, chat_tab['share_link'], load_message])
+        @app.load(inputs=[chat_tab['chatbot_id_input']], outputs=[chat_tab['title'], chat_tab['chatbot_id_input'], chat_tab['share_link'], chat_tab['load_message']])
         def load_chatbot_on_start(chatbot_id, request: gr.Request):
             params = request.query_params
             if "chatbot_id" in params:
@@ -57,12 +48,12 @@ def create_app():
         create_tab["chatbot_id_output"].change(
             fn=load_chatbot,
             inputs=[create_tab["chatbot_id_output"]],
-            outputs=[chat_tab['title'], chatbot_id_input, chat_tab['share_link'], load_message]
+            outputs=[chat_tab['title'], chat_tab['chatbot_id_input'], chat_tab['share_link'], chat_tab['load_message']]
         )
 
-    return demo
+    return app
 
-demo = create_app()
+app = create_app()
 
 if __name__ == "__main__":
-    demo.launch()
+    app.launch()

tabs/chat.py

@@ -17,7 +17,19 @@ def load_chatbot(chatbot_id):
         gr.update(value="Ungültige Chatbot-ID oder Chatbot nicht aktiv.")
     )
 
-def create_chat_tab(chatbot_id_input, load_button, load_message):
+def create_chat_tab():
+    chatbot_id_input = gr.Textbox(label="Chatbot-ID eingeben")
+    
+    # Add examples right below the chatbot ID input field
+    examples = gr.Examples(
+        examples=["shiny-platypus-699", "delightful-red-panda-273", "glowing-toucan-982", "mellow-toucan-512", "upbeat-elephant-433"],
+        inputs=chatbot_id_input,
+        label="Beispiel-Chatbots"
+    )
+    
+    load_button = gr.Button("Chatbot laden")
+    load_message = gr.Textbox(label="Lademeldung", interactive=False)
+    
     chatbot_title = gr.Markdown("# Chatbot\n\nWillkommen beim Chatbot")
     chat_interface = gr.ChatInterface(
         chat_with_bot,
@@ -31,16 +43,20 @@ def create_chat_tab(chatbot_id_input, load_button, load_message):
         outputs=[chatbot_title, chatbot_id_input, share_link, load_message]
     )
 
-    # Fügen Sie eine benutzerdefinierte HTML-Schaltfläche hinzu, um die URL zum Teilen in die Zwischenablage zu kopieren
+    # Add a custom HTML button for copying the share URL to the clipboard
     copy_button = gr.HTML("""
-    <button onclick="copyToClipboard()">In die Zwischenablage kopieren</button>
+    <button onclick="copyToClipboard('share_link')">In die Zwischenablage kopieren</button>
     """)
 
     return {
+        "chatbot_id_input": chatbot_id_input,
+        "load_button": load_button,
+        "load_message": load_message,
         "title": chatbot_title,
         "interface": chat_interface,
         "share_link": share_link,
-        "copy_button": copy_button
+        "copy_button": copy_button,
+        "examples": examples
     }
 
 def chat_with_bot(message, history, chatbot_id):