Update app.py

app.py

@@ -158,15 +158,17 @@ def analyze_space(url: str, progress=gr.Progress()):
         return f"오류가 발생했습니다: {str(e)}", "", None, "", "", "", ""
 
         
-
-
-def respond(message: str, chat_history: List[Dict[str, str]], system_message: str, max_tokens: int, temperature: float, top_p: float):
+def respond(message: str, chat_history: List[Dict[str, str]], max_tokens: int, temperature: float, top_p: float) -> str:
+    system_message = """당신은 허깅페이스에 특화된 AI 코딩 전문가입니다. 사용자의 질문에 친절하고 상세하게 답변해주세요. 
+    Gradio 특성을 정확히 인식하고 Requirements.txt 누락없이 코딩과 오류를 해결해야 합니다.
+    항상 정확하고 유용한 정보를 제공하도록 노력하세요."""
+    
     messages = [{"role": "system", "content": system_message}]
     for chat in chat_history:
-        messages.append({"role": "user", "content": chat["role"] == "user"})
-        messages.append({"role": "assistant", "content": chat["role"] == "assistant"})
+        messages.append({"role": "user", "content": chat["content"]})
+        messages.append({"role": "assistant", "content": chat["content"]})
     messages.append({"role": "user", "content": message})
-
+    
     try:
         response = hf_client.chat_completion(messages, max_tokens=max_tokens, temperature=temperature, top_p=top_p)
         return response.choices[0].message.content
@@ -191,12 +193,26 @@ def create_ui():
             height: calc(100vh - 200px) !important;
             overflow-y: auto !important;
         }
+        .tab-nav {
+            background-color: #2c3e50;
+            border-radius: 5px 5px 0 0;
+            overflow: hidden;
+        }
         .tab-nav button {
-            color: #7FFFD4 !important;  /* 형광 민트 색상 */
+            color: #ecf0f1 !important;
+            background-color: #34495e;
+            border: none;
+            padding: 10px 20px;
+            margin: 0;
+            transition: background-color 0.3s;
+        }
+        .tab-nav button:hover {
+            background-color: #2980b9;
         }
         .tab-nav button.selected {
-            color: #FFFF00 !important;  /* 밝은 형광 옐로우 */
-            border-color: #FFFF00 !important;
+            color: #2c3e50 !important;
+            background-color: #ecf0f1;
+            font-weight: bold;
         }
         .file-button {
             background-color: #f0f0f0;
@@ -210,8 +226,13 @@ def create_ui():
         .file-button:hover {
             background-color: #e0e0e0;
         }
+        input[type="text"], textarea {
+            color: #2c3e50 !important;
+            background-color: #ecf0f1 !important;
+        }
         """
 
+
         with gr.Blocks(css=css, theme="Nymbo/Nymbo_Theme") as demo:
             gr.Markdown("# HuggingFace Space Analyzer")
             
@@ -248,14 +269,15 @@ def create_ui():
                                     with requirements_tab:
                                         requirements_content = gr.Textbox(label="requirements.txt", lines=30)
 
+
                 with gr.TabItem("AI 코딩"):
-                    chatbot = gr.Chatbot(label="대화", type="messages")
+                    chatbot = gr.Chatbot(label="대화", type="message")
                     msg = gr.Textbox(label="메시지")
-                    with gr.Row():
-                        system_message = gr.Textbox(label="System Message", value="")
-                        max_tokens = gr.Slider(minimum=1, maximum=8000, value=4000, label="Max Tokens")
-                        temperature = gr.Slider(minimum=0, maximum=1, value=0.7, label="Temperature")
-                        top_p = gr.Slider(minimum=0, maximum=1, value=0.9, label="Top P")
+                    
+                    # 숨겨진 상태로 파라미터 설정
+                    max_tokens = gr.Slider(minimum=1, maximum=8000, value=4000, label="Max Tokens", visible=False)
+                    temperature = gr.Slider(minimum=0, maximum=1, value=0.7, label="Temperature", visible=False)
+                    top_p = gr.Slider(minimum=0, maximum=1, value=0.9, label="Top P", visible=False)
                     
                     examples = [
                         ["상세한 사용 방법을 마치 화면을 보면서 설명하듯이 4000 토큰 이상 자세히 설명하라"],
@@ -268,13 +290,15 @@ def create_ui():
 
                     gr.Examples(examples, inputs=msg)
 
-                    def respond_wrapper(message, chat_history, system_message, max_tokens, temperature, top_p):
-                        bot_message = respond(message, chat_history, system_message, max_tokens, temperature, top_p)
+                    def respond_wrapper(message, chat_history, max_tokens, temperature, top_p):
+                        bot_message = respond(message, chat_history, max_tokens, temperature, top_p)
                         chat_history.append({"role": "user", "content": message})
                         chat_history.append({"role": "assistant", "content": bot_message})
                         return "", chat_history
 
-                    msg.submit(respond_wrapper, [msg, chatbot, system_message, max_tokens, temperature, top_p], [msg, chatbot])
+                    msg.submit(respond_wrapper, [msg, chatbot, max_tokens, temperature, top_p], [msg, chatbot])
+
+
 
             space_id_state = gr.State()
             tree_structure_state = gr.State()