Update app.py

app.py

@@ -64,22 +64,33 @@ def respond(
 
 theme="Nymbo/Nymbo_Theme"
 
-demo = gr.ChatInterface(
-    respond,
-    theme=theme,
-    additional_inputs=[
-        gr.Textbox(value="너의 이름은 홍길동이다", label="System message"),
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
-        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
-        gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.95,
-            step=0.05,
-            label="Top-p (nucleus sampling)",
-        ),
-    ],
-)
+with gr.Blocks(css=None, theme=theme) as demo:
+    with gr.Tab("Playground"):
+        gr.Markdown("## Playground")
+        with gr.Row():
+            input_text = gr.Textbox(label="Enter your text")
+            submit_button = gr.Button("Submit")
+            output_text = gr.Textbox(label="Processed Text")
+            submit_button.click(
+                fn=respond,
+                inputs=[input_text, output_text],
+                outputs=output_text
+            )
+        additional_inputs = [
+            gr.Textbox(value="너의 이름은 홍길동이다", label="System message"),
+            gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
+            gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
+            gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p (nucleus sampling)"),
+        ]
+        
+    with gr.Tab("Guide"):
+        gr.Markdown("## Guide")
+        gr.Markdown("""
+        ### How to use:
+        - Use the Playground tab to interact with the chatbot.
+        - Adjust the parameters to see how the model's responses change.
+        - Explore different system messages to guide the conversation.
+        """)
 
 if __name__ == "__main__":
-    demo.queue(concurrency_count=20).launch()  # 큐를 10으로 설정하여 동시 처리 가능
+    demo.queue(concurrency_count=20).launch()