Update app.py

app.py

@@ -77,39 +77,39 @@ theme = gr.themes.Base(
 
 with gr.Blocks(theme=theme) as chatbot:
     # gr.HTML(google_font_link)
+    with gr.Tab("Step 1"):
+        with gr.Row(): 
+                gr.Image(
+                    value="logo.png", 
+                    show_label=False, 
+                    show_share_button=False, 
+                    show_download_button=False
+                )
+        with gr.Row():
+        
+            with gr.Column(scale=1):
     
-    with gr.Row(): 
-            gr.Image(
-                value="logo.png", 
-                show_label=False, 
-                show_share_button=False, 
-                show_download_button=False
-            )
-    with gr.Row():
-    
-        with gr.Column(scale=1):
-
-            gr.Markdown(""" # Tell me what you are looking for in your character if you have any preferences""")
-            
-            
-            character_name = gr.Textbox(label = "Character Name", placeholder="Type your name here…", info ="optional")
-            character_class = gr.Dropdown(['Barbarian', 'Bard', 'Cleric', 'Druid', 'Fighter', 'Monk', 'Paladin', 'Ranger', 'Rogue', 'Sorcerer', 'Warlock', 'Wizard'], label="Character Class", info="Choose one or more", multiselect=True)
-            character_race = gr.Dropdown([
-        "Aarakocra", "Aasimar", "Bugbear", "Centaur", "Changeling", "Dragonborn", "Dwarf", "Elf", 
-        "Fairy", "Firbolg", "Genasi", "Githyanki", "Githzerai", "Gnome", "Goblin", "Goliath", 
-        "Half-Elf", "Half-Orc", "Halfling", "Hobgoblin", "Human", "Kenku", "Kobold", "Leonin", 
-        "Lizardfolk", "Minotaur", "Orc", "Owlin", "Satyr", "Shadar-kai", "Shifter", "Tabaxi", 
-        "Tiefling", "Tortle", "Triton", "Warforged", "Yuan-ti"
-    ], multiselect=True, label="Character Race", info="You can choose multiple")
-            character_alignment = gr.Dropdown(["Lawful Good", "Neutral Good", "Chaotic Good", "Lawful Neutral", "True Neutral", "Chaotic Neutral", "Lawful Evil", "Neutral Evil", "Chaotic Evil"], label="Character Alignment", elem_classes="alignment_radio")
-
-            
-        with gr.Column(scale=2):
-            gr.ChatInterface(
-                fn=respond,
-                additional_inputs=[character_name, character_class, character_race, character_alignment],  # Pass name into function!
-                type="messages",
-                examples=None
-            )
+                gr.Markdown(""" # Tell me what you are looking for in your character if you have any preferences""")
+                
+                
+                character_name = gr.Textbox(label = "Character Name", placeholder="Type your name here…", info ="optional")
+                character_class = gr.Dropdown(['Barbarian', 'Bard', 'Cleric', 'Druid', 'Fighter', 'Monk', 'Paladin', 'Ranger', 'Rogue', 'Sorcerer', 'Warlock', 'Wizard'], label="Character Class", info="Choose one or more", multiselect=True)
+                character_race = gr.Dropdown([
+            "Aarakocra", "Aasimar", "Bugbear", "Centaur", "Changeling", "Dragonborn", "Dwarf", "Elf", 
+            "Fairy", "Firbolg", "Genasi", "Githyanki", "Githzerai", "Gnome", "Goblin", "Goliath", 
+            "Half-Elf", "Half-Orc", "Halfling", "Hobgoblin", "Human", "Kenku", "Kobold", "Leonin", 
+            "Lizardfolk", "Minotaur", "Orc", "Owlin", "Satyr", "Shadar-kai", "Shifter", "Tabaxi", 
+            "Tiefling", "Tortle", "Triton", "Warforged", "Yuan-ti"
+        ], multiselect=True, label="Character Race", info="You can choose multiple")
+                character_alignment = gr.Dropdown(["Lawful Good", "Neutral Good", "Chaotic Good", "Lawful Neutral", "True Neutral", "Chaotic Neutral", "Lawful Evil", "Neutral Evil", "Chaotic Evil"], label="Character Alignment", elem_classes="alignment_radio")
+
+        with gr.Tab("Step 2"):
+            with gr.Column(scale=2):
+                gr.ChatInterface(
+                    fn=respond,
+                    additional_inputs=[character_name, character_class, character_race, character_alignment],  # Pass name into function!
+                    type="messages",
+                    examples=None
+                )
 
 chatbot.launch()