better chatbot creation flow

app.py

@@ -5,15 +5,15 @@ from tabs.admin import create_admin_tab
 
 def create_app():
     with gr.Blocks(
-        title="codora KI-App-Creator v0",
+        title="codora KI-App-Ersteller v0",
         head="""
         <script>
-            function copyToClipboard() {
-                var copyText = document.querySelector("#share_link textarea").value;
+            function copyToClipboard(elementId) {
+                var copyText = document.getElementById(elementId).querySelector('textarea').value;
                 navigator.clipboard.writeText(copyText).then(function() {
-                    alert("Link kopiert: " + copyText);
+                    alert("Text kopiert: " + copyText);
                 }, function(err) {
-                    console.error("Konnte Link nicht kopieren: ", err);
+                    console.error("Konnte Text nicht kopieren: ", err);
                 });
             }
         </script>
@@ -23,7 +23,7 @@ def create_app():
         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,
@@ -35,7 +35,7 @@ def create_app():
                 chat_tab = create_chat_tab(chatbot_id_input, load_button, load_message)
             
             with gr.Tab("Chatbot erstellen"):
-                create_chatbot_tab()
+                create_tab = create_chatbot_tab()
             
             with gr.Tab("Admin"):
                 create_admin_tab()
@@ -53,6 +53,13 @@ def create_app():
                 gr.update(value="")
             )
 
+        # Add event listener to automatically load newly created chatbot
+        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]
+        )
+
     return demo
 
 demo = create_app()

tabs/create_chatbot.py

@@ -1,3 +1,5 @@
+# In create_chatbot.py
+
 import gradio as gr
 from utils.utils import get_secret
 from database import create_chatbot, filter_profanity
@@ -6,18 +8,40 @@ CREATE_APP_PW = get_secret("CREATE_APP_PW")
 
 def create_chatbot_interface(name, custom_instruction, password):
     if password != CREATE_APP_PW:
-        return "Ungültiges Passwort. Erstellung des Chatbots fehlgeschlagen."
+        return "Ungültiges Passwort. Erstellung des Chatbots fehlgeschlagen.", None, None
     
     filtered_name = filter_profanity(name)
     filtered_instruction = filter_profanity(custom_instruction)
     
     chatbot = create_chatbot(filtered_name, filtered_instruction)
-    return f"Chatbot erstellt mit ID: {chatbot.chatbot_id}"
+    return f"Chatbot erstellt mit ID: {chatbot.chatbot_id}", chatbot.chatbot_id, chatbot.name
 
 def create_chatbot_tab():
-    name = gr.Textbox(label="Chatbot-Name")
-    instructions = gr.Textbox(label="Benutzerdefinierte Anweisungen für Ihren Chatbot eingeben")
-    create_password = gr.Textbox(label="Erstellungspasswort", type="password")
-    create_button = gr.Button("Chatbot erstellen")
-    create_output = gr.Textbox(label="Ergebnis der Erstellung")
-    create_button.click(create_chatbot_interface, inputs=[name, instructions, create_password], outputs=create_output)
+    with gr.Group():
+        name = gr.Textbox(label="Chatbot-Name")
+        instructions = gr.Textbox(label="Benutzerdefinierte Anweisungen für Ihren Chatbot eingeben", lines=6)  # Changed to 6 lines
+        create_password = gr.Textbox(label="Erstellungspasswort", type="password")
+        create_button = gr.Button("Chatbot erstellen")
+        create_output = gr.Textbox(label="Ergebnis der Erstellung")
+        chatbot_id_output = gr.Textbox(label="Erstellte Chatbot-ID", elem_id="created_chatbot_id")
+        chatbot_name_output = gr.Textbox(label="Erstellter Chatbot-Name", elem_id="created_chatbot_name")
+
+    # Add copy buttons
+    copy_id_button = gr.HTML("""
+    <button onclick="copyToClipboard('created_chatbot_id')">Chatbot-ID kopieren</button>
+    """)
+    copy_name_button = gr.HTML("""
+    <button onclick="copyToClipboard('created_chatbot_name')">Chatbot-Name kopieren</button>
+    """)
+
+    create_button.click(
+        create_chatbot_interface,
+        inputs=[name, instructions, create_password],
+        outputs=[create_output, chatbot_id_output, chatbot_name_output]
+    )
+
+    return {
+        "create_output": create_output,
+        "chatbot_id_output": chatbot_id_output,
+        "chatbot_name_output": chatbot_name_output
+    }