Update app.py

app.py

@@ -527,15 +527,16 @@ def load_session_history(selected_session=None):
         for item in json_data:
             name = html.escape(item.get('name', ''))
             image_url = item.get('image_url', '')
-            prompt = html.escape(item.get('prompt', ''))
+            # 프롬프트에서 특수 문자 처리를 위해 JSON.stringify 사용
+            prompt = json.dumps(item.get('prompt', ''))
             
             html_content += f"""
-            <div class="prompt-card" data-prompt="{prompt}" onclick="handleCardClick(this)">
+            <div class="prompt-card">
                 <img src="{image_url}" class="card-image" alt="{name}">
                 <div class="card-name">{name}</div>
                 <div class="card-prompt-container">
-                    <div class="card-prompt">{prompt}</div>
-                    <button class="copy-btn" onclick="copyPrompt(this, `{prompt}`)" title="프롬프트 복사">
+                    <div class="card-prompt">{html.escape(item.get('prompt', ''))}</div>
+                    <button class="copy-btn" onclick="copyPrompt(event, {prompt})" title="프롬프트 복사">
                         📋 복사
                     </button>
                 </div>
@@ -545,33 +546,63 @@ def load_session_history(selected_session=None):
         html_content += """
         </div>
         <script>
-        function copyPrompt(btn, prompt) {
-            navigator.clipboard.writeText(prompt).then(() => {
+        async function copyPrompt(event, prompt) {
+            event.preventDefault();
+            event.stopPropagation();
+            
+            try {
+                await navigator.clipboard.writeText(prompt);
+                const btn = event.target;
                 btn.textContent = '✓ 복사됨';
+                btn.style.backgroundColor = '#52c41a';
+                btn.style.color = 'white';
+                
                 setTimeout(() => {
                     btn.textContent = '📋 복사';
+                    btn.style.backgroundColor = '#f0f0f0';
+                    btn.style.color = 'inherit';
                 }, 2000);
-            });
-            event.stopPropagation();
+            } catch (err) {
+                // 클립보드 API가 실패할 경우 대체 방법 사용
+                const textarea = document.createElement('textarea');
+                textarea.value = prompt;
+                textarea.style.position = 'fixed';
+                textarea.style.opacity = '0';
+                document.body.appendChild(textarea);
+                textarea.select();
+                try {
+                    document.execCommand('copy');
+                    const btn = event.target;
+                    btn.textContent = '✓ 복사됨';
+                    btn.style.backgroundColor = '#52c41a';
+                    btn.style.color = 'white';
+                    
+                    setTimeout(() => {
+                        btn.textContent = '📋 복사';
+                        btn.style.backgroundColor = '#f0f0f0';
+                        btn.style.color = 'inherit';
+                    }, 2000);
+                } catch (err) {
+                    console.error('복사 실패:', err);
+                    alert('복사에 실패했습니다. 직접 텍스트를 선택하여 복사해주세요.');
+                }
+                document.body.removeChild(textarea);
+            }
         }
 
         function handleCardClick(card) {
-            console.log('Card clicked');
             const prompt = card.getAttribute('data-prompt');
             const textarea = document.querySelector('textarea');
             if (textarea) {
-                console.log('Setting prompt:', prompt);
                 textarea.value = prompt;
                 
                 const sendButton = document.querySelector('button:contains("Send")');
                 if (sendButton) {
-                    console.log('Clicking Send button');
                     sendButton.click();
                 }
                 
                 const drawer = document.querySelector('.session-drawer');
                 if (drawer) {
-                    console.log('Closing drawer');
                     drawer.style.display = 'none';
                 }
             }
@@ -585,6 +616,7 @@ def load_session_history(selected_session=None):
         print(f"Error in load_session_history: {str(e)}")
         return gr.HTML("Error loading templates")
 
+        
 # 히스토리 아이템 선택 처리 함수
 def handle_history_selection(evt: gr.SelectData):
     try: