Update app.py

app.py

@@ -108,12 +108,33 @@ def get_debug_info():
 def save_pdf(file):
     if file is None: return "❌ Please select a PDF first", get_debug_info()
     try:
+        # 先清空原有 PDF，确保只有最新的一份
+        for f in os.listdir(PAPERS_DIR):
+            file_to_del = os.path.join(PAPERS_DIR, f)
+            if os.path.isfile(file_to_del):
+                os.remove(file_to_del)
+                
         file_path = os.path.join(PAPERS_DIR, os.path.basename(file.name))
         shutil.copy(file.name, file_path)
         return f"✅ Saved: {os.path.basename(file.name)}", get_debug_info()
     except Exception as e:
         return f"❌ Error: {str(e)}", get_debug_info()
 
+def clear_pdf():
+    """Delete PDF from the backend directory when cleared in UI"""
+    try:
+        deleted_files = []
+        for f in os.listdir(PAPERS_DIR):
+            file_to_del = os.path.join(PAPERS_DIR, f)
+            if os.path.isfile(file_to_del):
+                os.remove(file_to_del)
+                deleted_files.append(f)
+        if deleted_files:
+            return "🗑️ File deleted from workspace", get_debug_info()
+        return "ℹ️ Workspace is already empty", get_debug_info()
+    except Exception as e:
+        return f"❌ Error deleting file: {str(e)}", get_debug_info()
+
 def save_api_settings(api_key, api_base_url=None):
     if not api_key: return "❌ Key cannot be empty", get_debug_info()
     try:
@@ -274,43 +295,38 @@ body, .gradio-container {
 .gradio-group:hover { box-shadow: 0 8px 32px rgba(168, 85, 247, 0.12) !important; border-color: #C084FC !important; }
 .dark .gradio-group { background: rgba(30, 30, 30, 0.9) !important; border-color: rgba(168, 85, 247, 0.3) !important; }
 
-/* ======== 新增：1. 隐藏原生组件，自定义全局拖拽与点击上传区域 ======== */
+/* ======== 修改：使用原生组件但优化视觉样式 ======== */
 #pdf-upload-box {
-    background: transparent !important;
-    border: 2px dashed rgba(192, 132, 252, 0.5) !important;
+    border: 2px dashed rgba(192, 132, 252, 0.6) !important;
     border-radius: 12px !important;
-    min-height: 100px !important;
-    position: relative;
-    overflow: hidden;
-    display: flex !important; align-items: center !important; justify-content: center !important;
+    background-color: rgba(250, 245, 255, 0.5) !important;
     transition: all 0.3s ease !important;
 }
-#pdf-upload-box:hover { border-color: #A855F7 !important; background: rgba(168, 85, 247, 0.05) !important; }
-
-/* 将原生的输入框变为全透明但保留点击/拖拽属性 */
-#pdf-upload-box > * { opacity: 0 !important; z-index: 10 !important; position: relative; width: 100%; height: 100%; cursor: pointer;}
-
-/* 自定义文字显示 */
-#pdf-upload-box::before {
-    content: "🖱️ 点击此处选择 PDF \A 🌍 或将文件拖拽至全局任意位置";
-    white-space: pre-wrap; text-align: center; color: #7E22CE;
-    font-weight: 600; font-size: 1.1rem; position: absolute;
-    z-index: 1; pointer-events: none; line-height: 1.6;
+#pdf-upload-box:hover {
+    border-color: #A855F7 !important;
+    background-color: rgba(243, 232, 255, 0.8) !important;
+    box-shadow: 0 4px 15px rgba(168, 85, 247, 0.15) !important;
 }
 
-/* 激活全局拖拽时的魔术全屏放大样式 */
-body.dragging-file #pdf-upload-box {
-    position: fixed !important; top: 0 !important; left: 0 !important;
-    width: 100vw !important; height: 100vh !important;
-    z-index: 99999 !important; background: rgba(250, 245, 255, 0.85) !important;
-    backdrop-filter: blur(8px) !important; border: 6px dashed #A855F7 !important; border-radius: 0 !important;
+/* ======== 新增：主要操作按钮 (Start Mineru & Generate All) 悬浮与圆角动效 ======== */
+.primary-action-btn {
+    border-radius: 30px !important;
+    background: linear-gradient(135deg, #9333EA, #7E22CE) !important;
+    color: white !important; font-weight: 700 !important; border: none !important;
+    height: 60px !important; width: 100% !important;
+    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease !important;
+    box-shadow: 0 4px 15px rgba(126, 34, 206, 0.3) !important;
+    cursor: pointer !important; font-size: 1.1rem !important; margin-top: 10px !important;
 }
-body.dragging-file #pdf-upload-box::before {
-    content: "📥 松开鼠标，立即上传 PDF"; font-size: 2.5rem; color: #9333EA; font-weight: 800;
+.primary-action-btn:hover {
+    transform: translateY(-5px) scale(1.02) !important;
+    box-shadow: 0 10px 25px rgba(126, 34, 206, 0.5) !important;
+    background: linear-gradient(135deg, #A855F7, #9333EA) !important;
 }
+.primary-action-btn:active { transform: translateY(2px) scale(0.98) !important; box-shadow: 0 2px 10px rgba(126, 34, 206, 0.2) !important; }
 
-/* ======== 新增：2. 等长圆角按钮及悬浮动效 ======== */
-.action-row { display: flex !important; gap: 15px !important; margin-bottom: 10px !important; }
+/* 3个小按钮的样式保持不变 */
+.action-row { display: flex !important; gap: 15px !important; margin-bottom: 10px !important; margin-top: 10px !important;}
 .action-btn {
     border-radius: 30px !important;
     background: linear-gradient(135deg, #A855F7, #9333EA) !important;
@@ -337,26 +353,6 @@ body.dragging-file #pdf-upload-box::before {
 ::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg, #9333EA, #A855F7); }
 """
 
-# ======== 新增：全局拖拽监听 JavaScript ========
-global_drag_js = """
-function() {
-    let dragCounter = 0;
-    window.addEventListener('dragenter', (e) => {
-        e.preventDefault(); dragCounter++; document.body.classList.add('dragging-file');
-    });
-    window.addEventListener('dragleave', (e) => {
-        e.preventDefault(); dragCounter--;
-        if(dragCounter === 0) document.body.classList.remove('dragging-file');
-    });
-    window.addEventListener('drop', (e) => {
-        dragCounter = 0;
-        // 延迟移除class以确保Gradio能捕捉到底层组件的drop事件
-        setTimeout(() => document.body.classList.remove('dragging-file'), 150);
-    });
-    window.addEventListener('dragover', (e) => { e.preventDefault(); });
-}
-"""
-
 with gr.Blocks(theme=purple_theme, css=custom_css) as demo:
     with gr.Column(elem_id="col-container"):
         gr.Markdown("# **PaperX / Mineru Parsing Platform**", elem_id="main-title")
@@ -377,10 +373,16 @@ with gr.Blocks(theme=purple_theme, css=custom_css) as demo:
                 with gr.Group(elem_classes="gradio-group"):
                     gr.Markdown("### 📄 2. Document Parsing")
                     
-                    # 调整了这里的控件，绑定CSS做UI隐藏和特效
-                    pdf_input = gr.File(label="", file_types=[".pdf"], elem_id="pdf-upload-box")
+                    # 修复：移除破坏原生功能的全局遮罩，使用原生 label 参数自定义英文提示，保留完美的原生拖拽识别机制
+                    pdf_input = gr.File(
+                        label="🖱️ Click here to select a PDF or Drag & Drop the file here", 
+                        file_types=[".pdf"], 
+                        elem_id="pdf-upload-box"
+                    )
+                    
+                    # 应用全新的 primary-action-btn 悬浮/圆角类
+                    parse_btn = gr.Button("🚀 Start Mineru & DAG Extraction", elem_classes="primary-action-btn")
                     
-                    parse_btn = gr.Button("🚀 Start Mineru & DAG Extraction", variant="primary", size="lg")
                     parse_status = gr.Textbox(
                         show_label=False, placeholder="Waiting for document upload...", lines=1, interactive=False, elem_classes="status-text"
                     )
@@ -390,13 +392,13 @@ with gr.Blocks(theme=purple_theme, css=custom_css) as demo:
                     gr.Markdown("### 🎯 3. Asset Generation")
                     gr.Markdown("Generate final formats based on DAG structure:")
                     
-                    # 使用自定义的 .action-row 和 .action-btn 实现等宽高丝滑悬浮按钮
                     with gr.Row(elem_classes="action-row"):
                         gen_ppt_btn = gr.Button("📊 Gen PPT", elem_classes="action-btn")
                         gen_poster_btn = gr.Button("🖼️ Gen Poster", elem_classes="action-btn")
                         gen_pr_btn = gr.Button("📰 Gen Article", elem_classes="action-btn")
                     
-                    gen_all_btn = gr.Button("✨ Generate All Assets (ALL)", variant="primary")
+                    # 应用全新的 primary-action-btn 悬浮/圆角类
+                    gen_all_btn = gr.Button("✨ Generate All Assets (ALL)", elem_classes="primary-action-btn")
 
             # ================= RIGHT COLUMN: OUTPUTS & LOGS =================
             with gr.Column(scale=1):
@@ -428,7 +430,8 @@ with gr.Blocks(theme=purple_theme, css=custom_css) as demo:
     key_btn.click(fn=save_api_settings, inputs=[key_input, api_base_url_input], outputs=[parse_status, debug_view])
     
     pdf_input.upload(fn=save_pdf, inputs=pdf_input, outputs=[parse_status, debug_view])
-    pdf_input.clear(fn=lambda: ("ℹ️ File cleared", get_debug_info()), outputs=[parse_status, debug_view])
+    # 增加清除逻辑，点击 "x" 后彻底删除后端文件
+    pdf_input.clear(fn=clear_pdf, outputs=[parse_status, debug_view])
     
     parse_btn.click(fn=run_mineru_parsing_and_dag_gen, outputs=[parse_status, debug_view, cmd_logs])
 
@@ -444,8 +447,5 @@ with gr.Blocks(theme=purple_theme, css=custom_css) as demo:
     
     refresh_btn.click(fn=get_debug_info, outputs=debug_view)
 
-    # 在页面加载时注入全局拖拽脚本
-    demo.load(js=global_drag_js)
-
 if __name__ == "__main__":
     demo.launch()