Update app.py

app.py

@@ -15,6 +15,7 @@ import modelscope_studio.components.base as ms
 import modelscope_studio.components.legacy as legacy
 import modelscope_studio.components.antd as antd
 
+import html
 
 # SystemPrompt 부분을 직접 정의
 SystemPrompt = """너의 이름은 'MOUSE'이다. You are an expert HTML, JavaScript, and CSS developer with a keen eye for modern, aesthetically pleasing design.
@@ -580,6 +581,27 @@ with gr.Blocks(css_paths="app.css",theme=theme) as demo:
                         elem_classes="close-btn"
                     )
 
+# 세션 드로어에서 카드 클릭 시 실행할 함수 (Drawer 컴포넌트들 다음에 위치)
+            def execute_history_item(evt: gr.SelectData):  # gr.SelectData로 이벤트 데이터 받기
+                try:
+                    # 클릭된 카드의 데이터 가져오기
+                    prompt = evt.value["prompt"]
+                    response = evt.value["response"]
+                    
+                    # 코드 실행
+                    code = remove_code_block(response) if '```html' in response else response
+                    
+                    return (
+                        gr.update(value=prompt),  # 입력 필드 업데이트
+                        send_to_sandbox(code),  # 코드 실행
+                        gr.update(active_key="render"),  # 탭 상태 업데이트
+                        gr.update(open=False)  # 세션 드로어 닫기
+                    )
+                except Exception as e:
+                    print(f"Error executing history item: {e}")
+                    return None, None, gr.update(active_key="empty"), gr.update(open=True)
+
+            
             # 이벤트 핸들러 수정
             session_list.change(
                 load_session_history,
@@ -587,10 +609,14 @@ with gr.Blocks(css_paths="app.css",theme=theme) as demo:
                 outputs=[session_history]
             )
 
+# 세션 히스토리 카드 클릭 이벤트 (session_list.change 다음에 위치)
+            session_history.click(
+                fn=execute_history_item,
+                inputs=[],
+                outputs=[input, sandbox, state_tab, session_drawer]
+            )
 
             
- 
-
             # 메인 컨텐츠를 위한 Row
             with antd.Row(gutter=[32, 12]) as layout:    
                 # 좌측 패널
@@ -793,16 +819,20 @@ with gr.Blocks(css_paths="app.css",theme=theme) as demo:
                 outputs=[session_drawer, session_list]
             )
 
+# 세션 드로어 닫기 이벤트 수정
             session_drawer.close(
-                lambda: (gr.update(open=False), gr.update(choices=[]), []),
+                lambda: (gr.update(open=False), gr.update(choices=[]), gr.HTML("")),
                 outputs=[session_drawer, session_list, session_history]
             )
 
             close_btn.click(
-                lambda: (gr.update(open=False), gr.update(choices=[]), []),
+                lambda: (gr.update(open=False), gr.update(choices=[]), gr.HTML("")),
                 outputs=[session_drawer, session_list, session_history]
             )
 
+            
+
+
             session_list.change(
                 load_session_history,
                 inputs=[session_list],
@@ -829,4 +859,8 @@ if __name__ == "__main__":
         demo.queue(default_concurrency_limit=20).launch(ssr_mode=False)
     except Exception as e:
         print(f"Initialization error: {e}")
-        raise
+        raise
+
+
+
+