Update app.py

app.py

@@ -156,6 +156,7 @@ with gr.Blocks() as demo:
     gr.Markdown("# Prompting AI - 일반 문답형 데모")
     gr.Markdown("언어모델별 문답형 테스트 데모입니다. 한 번에 한 질문씩만 주고받습니다.")
 
+    # 요청 사항 1: 토큰 순서 변경
     with gr.Row():
         hf_token_box = gr.Textbox(
             label="HuggingFace 토큰 (비공개)",
@@ -167,6 +168,14 @@ with gr.Blocks() as demo:
             type="password",
             placeholder="OpenAI API 토큰을 입력하세요..."
         )
+        # Claude 토큰 박스를 상단으로 이동
+    with gr.Row():
+        claude_token_box = gr.Textbox(
+            label="Claude 토큰 (비공개)",
+            type="password",
+            placeholder="Claude API 토큰을 입력하세요...",
+            show_copy_button=False
+        )
 
     # --- Tab: 일반 모델 ---
     with gr.Tab("일반 모델"):
@@ -175,17 +184,20 @@ with gr.Blocks() as demo:
             label="Language Model (HuggingFace)",
             value="Zephyr 7B Beta"
         )
-        max_tokens = gr.Slider(minimum=0, maximum=2000, value=500, step=100, label="Max Tokens")
-        temperature = gr.Slider(minimum=0.1, maximum=2.0, value=0.7, step=0.05, label="Temperature")
-        top_p = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p")
-        system_message = gr.Textbox(
-            value="""반드시 한글로 답변할 것.
+
+        # 요청 사항 2: System Message/Max Tokens/Temperature/Top-p를 아코디언으로 감싸기
+        with gr.Accordion("고급 설정 (일반 모델)", open=False):
+            max_tokens = gr.Slider(minimum=0, maximum=2000, value=500, step=100, label="Max Tokens")
+            temperature = gr.Slider(minimum=0.1, maximum=2.0, value=0.7, step=0.05, label="Temperature")
+            top_p = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-p")
+            system_message = gr.Textbox(
+                value="""반드시 한글로 답변할 것.
 너는 최고의 비서이다.
 내가 요구하는것들을 최대한 자세하고 정확하게 답변하라.
 """,
-            label="System Message",
-            lines=3
-        )
+                label="System Message",
+                lines=3
+            )
 
         question_input = gr.Textbox(label="질문을 입력하세요")
         answer_output = gr.Textbox(label="답변", interactive=False)
@@ -208,17 +220,19 @@ with gr.Blocks() as demo:
 
     # --- Tab: Cohere Command R+ ---
     with gr.Tab("Cohere Command R+"):
-        cohere_system_message = gr.Textbox(
-            value="""반드시 한글로 답변할 것.
+        # 동일하게 아코디언 적용
+        with gr.Accordion("고급 설정 (Cohere)", open=False):
+            cohere_system_message = gr.Textbox(
+                value="""반드시 한글로 답변할 것.
 너는 최고의 비서이다.
 내가 요구하는것들을 최대한 자세하고 정확하게 답변하라.
 """,
-            label="System Message",
-            lines=3
-        )
-        cohere_max_tokens = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max Tokens")
-        cohere_temperature = gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature")
-        cohere_top_p = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-P")
+                label="System Message",
+                lines=3
+            )
+            cohere_max_tokens = gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max Tokens")
+            cohere_temperature = gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature")
+            cohere_top_p = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-P")
 
         cohere_question_input = gr.Textbox(label="질문을 입력하세요")
         cohere_answer_output = gr.Textbox(label="답변", interactive=False)
@@ -240,17 +254,19 @@ with gr.Blocks() as demo:
 
     # --- Tab: ChatGPT ---
     with gr.Tab("gpt-4o-mini"):
-        chatgpt_system_message = gr.Textbox(
-            value="""반드시 한글로 답변할 것.
+        # 동일하게 아코디언 적용
+        with gr.Accordion("고급 설정 (ChatGPT)", open=False):
+            chatgpt_system_message = gr.Textbox(
+                value="""반드시 한글로 답변할 것.
 너는 ChatGPT, OpenAI에서 개발한 언어 모델이다.
 내가 요구하는 것을 최대한 자세하고 정확하게 답변하라.
 """,
-            label="System Message",
-            lines=3
-        )
-        chatgpt_max_tokens = gr.Slider(minimum=1, maximum=4096, value=1024, step=1, label="Max Tokens")
-        chatgpt_temperature = gr.Slider(minimum=0.1, maximum=2.0, value=0.7, step=0.05, label="Temperature")
-        chatgpt_top_p = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-P")
+                label="System Message",
+                lines=3
+            )
+            chatgpt_max_tokens = gr.Slider(minimum=1, maximum=4096, value=1024, step=1, label="Max Tokens")
+            chatgpt_temperature = gr.Slider(minimum=0.1, maximum=2.0, value=0.7, step=0.05, label="Temperature")
+            chatgpt_top_p = gr.Slider(minimum=0.1, maximum=1.0, value=0.95, step=0.05, label="Top-P")
 
         chatgpt_question_input = gr.Textbox(label="질문을 입력하세요")
         chatgpt_answer_output = gr.Textbox(label="답변", interactive=False)
@@ -318,47 +334,42 @@ with gr.Blocks() as demo:
         except Exception as e:
             return f"예상치 못한 오류가 발생했습니다: {str(e)}"
 
+    # --- Tab: Claude ---
     with gr.Tab("claude-3-haiku"):
         gr.Markdown("claude-3-haiku모델")
 
-        claude_token_box = gr.Textbox(
-            label="Claude 토큰 (비공개)",
-            type="password",
-            placeholder="Claude API 토큰을 입력하세요...",
-            show_copy_button=False
-        )
+        # 이미 상단에서 claude_token_box가 정의됨
 
-        claude_system_message = gr.Textbox(
-            label="System Message",
-            value="""반드시 한글로 답변할 것.
+        # 동일하게 아코디언 적용
+        with gr.Accordion("고급 설정 (Claude)", open=False):
+            claude_system_message = gr.Textbox(
+                label="System Message",
+                value="""반드시 한글로 답변할 것.
 너는 Anthropic에서 개발한 클로드이다.
 최대한 정확하고 친절하게 답변하라.""",
-            lines=3
-        )
-
-        claude_max_tokens = gr.Slider(
-            minimum=1,
-            maximum=4096,
-            value=512,
-            step=1,
-            label="Max Tokens"
-        )
-        
-        claude_temperature = gr.Slider(
-            minimum=0.1,
-            maximum=2.0,
-            value=0.7,
-            step=0.05,
-            label="Temperature"
-        )
-        
-        claude_top_p = gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.95,
-            step=0.05,
-            label="Top-p"
-        )
+                lines=3
+            )
+            claude_max_tokens = gr.Slider(
+                minimum=1,
+                maximum=4096,
+                value=512,
+                step=1,
+                label="Max Tokens"
+            )
+            claude_temperature = gr.Slider(
+                minimum=0.1,
+                maximum=2.0,
+                value=0.7,
+                step=0.05,
+                label="Temperature"
+            )
+            claude_top_p = gr.Slider(
+                minimum=0.1,
+                maximum=1.0,
+                value=0.95,
+                step=0.05,
+                label="Top-p"
+            )
 
         claude_question_input = gr.Textbox(
             label="질문을 입력하세요",
@@ -392,4 +403,3 @@ with gr.Blocks() as demo:
 #############################
 if __name__ == "__main__":
     demo.launch()
-