Update app.py

app.py

@@ -166,10 +166,36 @@ custom_css = """
 
 _js_functions = """
 function copyToClipboard(text) {
+    console.log("copyToClipboard called with text:", text, "Type:", typeof text);
+
+    if (typeof text !== 'string') {
+        console.error('copyToClipboard Error: text is not a string. Received type:', typeof text, 'value:', text);
+        const feedback = document.createElement('div');
+        feedback.textContent = '复制错误: 无效的标签数据 (类型: ' + typeof text + ')';
+        feedback.style.position = 'fixed';
+        feedback.style.bottom = '20px';
+        feedback.style.left = '50%';
+        feedback.style.transform = 'translateX(-50%)';
+        feedback.style.backgroundColor = '#D32F2F';
+        feedback.style.color = 'white';
+        feedback.style.padding = '10px 20px';
+        feedback.style.borderRadius = '5px';
+        feedback.style.zIndex = '10000';
+        feedback.style.transition = 'opacity 0.5s ease-out';
+        document.body.appendChild(feedback);
+        setTimeout(() => {
+            feedback.style.opacity = '0';
+            setTimeout(() => {
+                document.body.removeChild(feedback);
+            }, 500);
+        }, 3000);
+        return;
+    }
+
     navigator.clipboard.writeText(text).then(() => {
-        // console.log('Tag copied to clipboard: ' + text);
         const feedback = document.createElement('div');
-        feedback.textContent = '已复制: ' + text.substring(0,30) + (text.length > 30 ? '...' : ''); // Show part of copied text
+        const displayCopiedText = text.length > 40 ? text.substring(0, 37) + '...' : text;
+        feedback.textContent = '已复制: ' + displayCopiedText;
         feedback.style.position = 'fixed';
         feedback.style.bottom = '20px';
         feedback.style.left = '50%';
@@ -178,7 +204,7 @@ function copyToClipboard(text) {
         feedback.style.color = 'white';
         feedback.style.padding = '10px 20px';
         feedback.style.borderRadius = '5px';
-        feedback.style.zIndex = '10000'; // Ensure it's on top
+        feedback.style.zIndex = '10000';
         feedback.style.transition = 'opacity 0.5s ease-out';
         document.body.appendChild(feedback);
         setTimeout(() => {
@@ -188,8 +214,28 @@ function copyToClipboard(text) {
             }, 500);
         }, 1500);
     }).catch(err => {
-        console.error('Failed to copy tag: ', err);
-        alert('复制失败: ' + err); // Fallback for browsers that might block it
+        console.error('Failed to copy tag: ', text, err);
+        let errorMsg = '复制失败';
+        if (err.name === 'NotAllowedError') {
+            errorMsg = '复制失败: 未授予剪贴板权限。请检查浏览器设置。';
+        } else if (err.message && (err.message.includes("Clipboard write was denied") || err.message.includes("transient activation"))) {
+             errorMsg = '复制失败: 请先点击页面任意位置以激活，然后再试。';
+        } else if (err.message) {
+            errorMsg = `复制失败: ${err.message.substring(0, 70)}`;
+        }
+        const feedback = document.createElement('div');
+        feedback.textContent = errorMsg;
+        feedback.style.position = 'fixed';
+        feedback.style.bottom = '20px';
+        feedback.style.left = '50%';
+        feedback.style.transform = 'translateX(-50%)';
+        feedback.style.backgroundColor = '#D32F2F';
+        feedback.style.color = 'white';
+        feedback.style.padding = '10px 20px';
+        feedback.style.borderRadius = '5px';
+        feedback.style.zIndex = '10000';
+        document.body.appendChild(feedback);
+        setTimeout(() => { document.body.removeChild(feedback); }, 3000);
     });
 }
 """
@@ -249,18 +295,20 @@ with gr.Blocks(theme=gr.themes.Soft(), title="AI 图像标签分析器", css=cus
             return "<p>暂无标签</p>"
         
         html = '<div class="label-container">'
-        
-        if not isinstance(translations_list, list):
-            translations_list = []
-
         tag_keys = list(tags_dict.keys())
-
-        for i, tag in enumerate(tag_keys):
+    
+        for i, tag in enumerate(tag_keys): # tag 应该是字符串
             score = tags_dict[tag]
-            escaped_tag = tag.replace("'", "\\'") # Escape for JS
+    
+            # 改进的转义方法：
+            if isinstance(tag, str):
+                js_safe_tag_content = json.dumps(tag)[1:-1]
+            else:
+                js_safe_tag_content = "INVALID_TAG_DATA" 
+                print(f"警告: 在format_tags_html中遇到非字符串标签: {tag} (类型: {type(tag)})")
             
             html += '<div class="tag-item">'
-            tag_display_html = f'<span class="tag-en" onclick="copyToClipboard(\'{escaped_tag}\')">{tag}</span>'
+            tag_display_html = f'<span class="tag-en" style="cursor:pointer;" onclick="copyToClipboard(\'{js_safe_tag_content}\')">{tag}</span>'
             
             if show_translation_in_list and i < len(translations_list) and translations_list[i]:
                 tag_display_html += f'<span class="tag-zh">({translations_list[i]})</span>'