Update app.py

app.py

@@ -58,7 +58,7 @@ with gr.Blocks(css=STYLE) as demo:
 	with gr.Column(visible=False) as character_setup_phase:
 		gr.Markdown("# 👥 Character setup")
 		gr.Markdown(desc.character_setup_phase_description, elem_classes=["markdown-justify"])
-		with gr.Row():
+		with Tab("Main character"):
 			with gr.Column():
 				gr.Checkbox(label="character include/enable", value=True, interactive=False)
 				char_gallery1 = gr.Gallery(value=default_character_images, height=256, preview=True)
@@ -90,6 +90,7 @@ with gr.Blocks(css=STYLE) as demo:
 
 				gen_char_btn1 = gr.Button("gen character", elem_classes=["wrap", "control-button-green"])
 
+        with Tab("Side character 1"):
 			with gr.Column():
 				side_char_enable_ckb1 = gr.Checkbox(label="character include/enable", value=False)
 				char_gallery2 = gr.Gallery(value=default_character_images, height=256, preview=True)
@@ -121,6 +122,7 @@ with gr.Blocks(css=STYLE) as demo:
 
 				gen_char_btn2 = gr.Button("gen character", elem_classes=["wrap", "control-button-green"])
 
+        with Tab("Side character 2"):
 			with gr.Column():
 				side_char_enable_ckb2 = gr.Checkbox(label="character include/enable", value=False)
 				char_gallery3 = gr.Gallery(value=default_character_images, height=256, preview=True)
@@ -152,6 +154,7 @@ with gr.Blocks(css=STYLE) as demo:
 
 				gen_char_btn3 = gr.Button("gen character", elem_classes=["wrap", "control-button-green"])
 
+        with Tab("Side character 3"):
 			with gr.Column():
 				side_char_enable_ckb3 = gr.Checkbox(label="character include/enable", value=False)
 				char_gallery4 = gr.Gallery(value=default_character_images, height=256, preview=True)