Update app.py

app.py

@@ -449,12 +449,11 @@ def load_session_history(selected_session):
             short_prompt = prompt[:100] + "..." if len(prompt) > 100 else prompt
             formatted_time = datetime.strptime(timestamp, '%Y-%m-%d %H:%M:%S.%f').strftime('%Y-%m-%d %H:%M')
             
-            # data 속성에 정보 저장
             html_content += f"""
             <div class="prompt-card" 
                  data-prompt="{html.escape(prompt)}"
                  data-response="{html.escape(response)}"
-                 onclick="selectHistoryItem(this)">
+                 onclick="gradioHandleClick(this)">
                 <div>{html.escape(short_prompt)}</div>
                 <div class="timestamp">{formatted_time}</div>
             </div>
@@ -463,23 +462,30 @@ def load_session_history(selected_session):
         html_content += """
         </div>
         <script>
-            function selectHistoryItem(element) {
-                const event = new CustomEvent('history-item-selected', {
-                    detail: {
-                        prompt: element.getAttribute('data-prompt'),
-                        response: element.getAttribute('data-response')
-                    }
-                });
-                document.dispatchEvent(event);
-            }
+        function gradioHandleClick(element) {
+            const data = {
+                prompt: element.getAttribute('data-prompt'),
+                response: element.getAttribute('data-response')
+            };
+            // Gradio의 select 이벤트 트리거
+            document.querySelector('.session-history').dispatchEvent(
+                new CustomEvent('select', { 
+                    detail: { 
+                        value: data, 
+                        index: 0,
+                        target: element
+                    } 
+                })
+            );
+        }
         </script>
         """
         
-        return gr.HTML(value=html_content)
+        return gr.HTML(value=html_content, interactive=True)
         
     except Exception as e:
         print(f"Error loading session history: {e}")
-        return gr.HTML("Error loading history")
+        return gr.HTML("Error loading history", interactive=True)
 
 # 히스토리 아이템 선택 처리 함수
 def handle_history_selection(evt: gr.SelectData):
@@ -578,8 +584,10 @@ with gr.Blocks(css_paths="app.css",theme=theme) as demo:
                     )
                     # Chatbot을 HTML로 변경
                     session_history = gr.HTML(
-                        elem_classes="session-history"
-                    )
+                        elem_classes="session-history",
+                        interactive=True  # 이 부분 추가
+                    )                    
+
                     close_btn = antd.Button(
                         "Close",
                         type="default",