Update app.py

app.py

@@ -469,6 +469,7 @@ def load_session_history(selected_session=None):
                 transition: all 0.3s ease;
                 box-shadow: 0 2px 5px rgba(0,0,0,0.1);
                 min-height: 300px;
+                cursor: pointer;
             }
             .prompt-card:hover {
                 transform: translateY(-2px);
@@ -476,7 +477,7 @@ def load_session_history(selected_session=None):
             }
             .card-image {
                 width: 100%;
-                height: 200px;
+                height: 180px;
                 object-fit: cover;
                 border-radius: 4px;
                 margin-bottom: 10px;
@@ -485,87 +486,38 @@ def load_session_history(selected_session=None):
                 font-weight: bold;
                 margin-bottom: 8px;
                 font-size: 16px;
+                color: #333;
             }
             .card-prompt {
-                font-size: 0.9em;
+                font-size: 11px;
+                line-height: 1.4;
                 color: #666;
-                margin-bottom: 10px;
-            }
-            .copy-button {
-                padding: 5px 10px;
-                background: #f0f0f0;
-                border: 1px solid #ddd;
+                display: -webkit-box;
+                -webkit-line-clamp: 6;
+                -webkit-box-orient: vertical;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                height: 90px;
+                background-color: #f8f9fa;
+                padding: 8px;
                 border-radius: 4px;
-                cursor: pointer;
-                font-size: 0.9em;
-                transition: all 0.2s ease;
-            }
-            .copy-button:hover {
-                background: #e0e0e0;
+                border: 1px solid #eee;
             }
         </style>
         <div class="prompt-grid">
         """
 
         for item in json_data:
-            # JSON으로 직렬화하여 JavaScript 문자열로 안전하게 변환
-            prompt_json = json.dumps(item.get('prompt', ''))
             html_content += f"""
             <div class="prompt-card">
                 <img src="{item.get('image_url', '')}" class="card-image" alt="{html.escape(item.get('name', ''))}">
                 <div class="card-name">{html.escape(item.get('name', ''))}</div>
                 <div class="card-prompt">{html.escape(item.get('prompt', ''))}</div>
-                <button class="copy-button" data-prompt={prompt_json}>
-                    📋 복사
-                </button>
             </div>
             """
 
         html_content += """
         </div>
-        <script>
-        // 모든 복사 버튼에 이벤트 리스너 추가
-        document.addEventListener('DOMContentLoaded', function() {
-            document.querySelectorAll('.copy-button').forEach(button => {
-                button.addEventListener('click', async function(e) {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    
-                    const promptText = this.dataset.prompt;
-                    
-                    try {
-                        // 텍스트 영역 생성 및 설정
-                        const textarea = document.createElement('textarea');
-                        textarea.value = promptText;
-                        textarea.style.position = 'fixed';
-                        textarea.style.left = '-9999px';
-                        document.body.appendChild(textarea);
-                        textarea.select();
-                        
-                        // 복사 시도
-                        document.execCommand('copy');
-                        document.body.removeChild(textarea);
-                        
-                        // 버튼 상태 업데이트
-                        this.textContent = '✓ 복사됨';
-                        this.style.backgroundColor = '#52c41a';
-                        this.style.color = 'white';
-                        
-                        // 2초 후 원래 상태로 복구
-                        setTimeout(() => {
-                            this.textContent = '📋 복사';
-                            this.style.backgroundColor = '#f0f0f0';
-                            this.style.color = 'inherit';
-                        }, 2000);
-                        
-                    } catch (err) {
-                        console.error('복사 실패:', err);
-                        alert('복사에 실패했습니다. 직접 텍스트를 선택하여 복사해주세요.');
-                    }
-                });
-            });
-        });
-        </script>
         """
         
         return gr.HTML(value=html_content)