Update app.py

app.py

@@ -307,58 +307,58 @@ with gr.Blocks(css=STYLE, elem_id='container-col') as demo:
 
     with gr.Row():
         with gr.Column(scale=1, min_width=180):
-        gr.Markdown("GradioChat", elem_id="left-top")
+            gr.Markdown("GradioChat", elem_id="left-top")
             
-        with gr.Column(elem_id="left-pane"):
-            with gr.Accordion("Histories", elem_id="chat-history-accordion"):
-            channel_btns.append(gr.Button(channels[0], elem_classes=["custom-btn-highlight"]))
-
-            for channel in channels[1:]:
-                channel_btns.append(gr.Button(channel, elem_classes=["custom-btn"]))
+            with gr.Column(elem_id="left-pane"):
+                with gr.Accordion("Histories", elem_id="chat-history-accordion"):
+                    channel_btns.append(gr.Button(channels[0], elem_classes=["custom-btn-highlight"]))
+    
+                for channel in channels[1:]:
+                    channel_btns.append(gr.Button(channel, elem_classes=["custom-btn"]))
             
         with gr.Column(scale=8, elem_id="right-pane"):
-        with gr.Column(elem_id="initial-popup", visible=False) as example_block:
-            with gr.Row(scale=1):
-            with gr.Column(elem_id="initial-popup-left-pane"):
-                gr.Markdown("GradioChat", elem_id="initial-popup-title")
-                gr.Markdown("Making the community's best AI chat models available to everyone.")
-            with gr.Column(elem_id="initial-popup-right-pane"):
-                gr.Markdown("Chat UI is now open sourced on Hugging Face Hub")
-                gr.Markdown("check out the [↗ repository](https://huggingface.co/spaces/chansung/test-multi-conv)")
-
-            with gr.Column(scale=1):
-            gr.Markdown("Examples")
-            with gr.Row() as text_block:
-                for example in examples:
-                ex_btns.append(gr.Button(example, elem_classes=["example-btn"]))
-
-        with gr.Column(elem_id="aux-btns-popup", visible=True):
-            with gr.Row():
-            stop = gr.Button("Stop", elem_classes=["aux-btn"])
-            regenerate = gr.Button("Regenerate", elem_classes=["aux-btn"])
-            clean = gr.Button("Clean", elem_classes=["aux-btn"])
-
-        chatbot = gr.Chatbot(elem_id='chatbot')
-        instruction_txtbox = gr.Textbox(
-            placeholder="Ask anything", label="",
-            elem_id="prompt-txt"
-        )
+            with gr.Column(elem_id="initial-popup", visible=False) as example_block:
+                with gr.Row(scale=1):
+                    with gr.Column(elem_id="initial-popup-left-pane"):
+                        gr.Markdown("GradioChat", elem_id="initial-popup-title")
+                        gr.Markdown("Making the community's best AI chat models available to everyone.")
+                    with gr.Column(elem_id="initial-popup-right-pane"):
+                        gr.Markdown("Chat UI is now open sourced on Hugging Face Hub")
+                        gr.Markdown("check out the [↗ repository](https://huggingface.co/spaces/chansung/test-multi-conv)")
+
+                with gr.Column(scale=1):
+                    gr.Markdown("Examples")
+                    with gr.Row() as text_block:
+                        for example in examples:
+                            ex_btns.append(gr.Button(example, elem_classes=["example-btn"]))
+
+            with gr.Column(elem_id="aux-btns-popup", visible=True):
+                with gr.Row():
+                    stop = gr.Button("Stop", elem_classes=["aux-btn"])
+                    regenerate = gr.Button("Regenerate", elem_classes=["aux-btn"])
+                    clean = gr.Button("Clean", elem_classes=["aux-btn"])
+
+            chatbot = gr.Chatbot(elem_id='chatbot')
+            instruction_txtbox = gr.Textbox(
+                placeholder="Ask anything", label="",
+                elem_id="prompt-txt"
+            )
 
     for btn in channel_btns:
         btn.click(
-        set_chatbot,
-        [btn, local_data],
-        [chatbot, idx, example_block]        
+            set_chatbot,
+            [btn, local_data],
+            [chatbot, idx, example_block]        
         ).then(
-        None, btn, None, 
-        _js=update_left_btns_state        
+            None, btn, None, 
+            _js=update_left_btns_state        
         )
     
     for btn in ex_btns:
         btn.click(
-        set_example,
-        [btn],
-        [instruction_txtbox, example_block]  
+            set_example,
+            [btn],
+            [instruction_txtbox, example_block]  
         )
 
     instruction_txtbox.submit(