Update app.py

app.py

@@ -176,6 +176,8 @@ def respond(
 
 
 
+
+
 def create_ui():
     try:
         css = """
@@ -199,13 +201,6 @@ def create_ui():
         }
         """
 
-        js = """
-        function openFile(path, spaceId) {
-            const event = new CustomEvent('open-file', { detail: { path, spaceId } });
-            window.dispatchEvent(event);
-        }
-        """
-
         with gr.Blocks(css=css, theme="Nymbo/Nymbo_Theme") as demo:
             gr.Markdown("# HuggingFace Space Analyzer")
             
@@ -243,7 +238,7 @@ def create_ui():
                                         requirements_content = gr.Textbox(label="requirements.txt", lines=30)
 
                 with gr.TabItem("AI 코딩"):
-                    chatbot = gr.Chatbot()
+                    chatbot = gr.Chatbot(label="대화", type="messages")
                     msg = gr.Textbox(label="메시지")
                     with gr.Row():
                         system_message = gr.Textbox(label="System Message", value="")
@@ -252,6 +247,7 @@ def create_ui():
                         top_p = gr.Slider(minimum=0, maximum=1, value=0.9, label="Top P")
                     
                     examples = [
+
                         ["상세한 사용 방법을 마치 화면을 보면서 설명하듯이 4000 토큰 이상 자세히 설명하라"],
                         ["FAQ 20건을 상세하게 작성하라. 4000토큰 이상 사용하라."],
                         ["사용 방법과 차별점, 특징, 강점을 중심으로 4000 토큰 이상 유튜브 영상 스크립트 형태로 작성하라"],
@@ -264,7 +260,8 @@ def create_ui():
 
                     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)
-                        chat_history.append((message, bot_message))
+                        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])
@@ -326,26 +323,6 @@ def create_ui():
                 outputs=[code_tabs, code_tabs]
             )
 
-            # JavaScript 코드를 HTML에 직접 삽입
-            gr.HTML(f"<script>{js}</script>")
-
-            # 파일 열기 이벤트 리스너 추가
-            demo.load(None, None, None, _js="""
-            () => {
-                function handleOpenFile(event) {
-                    const { path, spaceId } = event.detail;
-                    const filePathInput = document.querySelector('input[data-testid="file_path_input"]');
-                    const spaceIdInput = document.querySelector('input[data-testid="space_id_input"]');
-                    if (filePathInput && spaceIdInput) {
-                        filePathInput.value = path;
-                        spaceIdInput.value = spaceId;
-                        filePathInput.dispatchEvent(new Event('change'));
-                    }
-                }
-                window.addEventListener('open-file', handleOpenFile);
-            }
-            """)
-
         return demo
 
     except Exception as e:
@@ -357,7 +334,22 @@ if __name__ == "__main__":
     try:
         demo = create_ui()
         demo.queue()
-        demo.launch()
+        demo.launch(
+            share=False,
+            debug=True,
+            show_api=False,
+            js="""
+            function openFile(path, spaceId) {
+                const filePathInput = document.querySelector('input[data-testid="file_path_input"]');
+                const spaceIdInput = document.querySelector('input[data-testid="space_id_input"]');
+                if (filePathInput && spaceIdInput) {
+                    filePathInput.value = path;
+                    spaceIdInput.value = spaceId;
+                    filePathInput.dispatchEvent(new Event('change'));
+                }
+            }
+            """
+        )
     except Exception as e:
         print(f"Error in main: {str(e)}")
-        print(traceback.format_exc())                 
+        print(traceback.format_exc())