fix: update paper title section and links in interface

interface.py

@@ -24,7 +24,7 @@ def format_paper_info(article):
 
     info = []
     # Title section
-    info.append(f"<h2 class='sf-paper-title'>{article.title or 'Untitled Paper'}</h2>")
+    info.append(f"<h2 class='sf-paper-title' id='sf-flag'>{article.title or 'Untitled Paper'}</h2>")
     info.append(f"<p style='text-align: center'>")
     info.append(f"<a href='https://huggingface.co/papers/{article.paper.id}' target='_blank' class='sf-button'>Hugging Face{assets.SVG_LINK}</a>")
     info.append(f"<a href='https://arxiv.org/abs/{article.paper.id}' target='_blank' class='sf-button'>arXiv{assets.SVG_LINK}</a>")
@@ -88,7 +88,7 @@ def generate_table_html(papers):
         paper_id = article.paper.id
 
         # 构造 arXiv abs 链接
-        arxiv_abs_link = f"https://arxiv.org/abs/{paper_id}"
+        arxiv_abs_link = f"https://huggingface.co/papers/{paper_id}"
 
         row = f"""
         <tr>
@@ -108,9 +108,9 @@ def generate_table_html(papers):
 def build_html(papers):
     # Convert all papers to an HTML string, each paper wrapped in a div, with the div containing the paper's information, and the div's id being the paper's id
     html = ""
-    for article in papers:
+    for index, article in enumerate(papers):
         article_html = format_paper_info(article)
-        html += f"<div id='smartflow-paper-{article.paper.id.replace('.', '-')}' style='display: none'>{article_html}</div>"
+        html += f"<div id='smartflow-paper-{article.paper.id.replace('.', '-')}' style='{'' if index == 0 else 'display: none'}'>{article_html}</div>"
     return html
 
 
@@ -163,7 +163,14 @@ img.sf-author {
     margin: 0 0.1rem;
 }
 
-#paper-detail-area { display: none; }
+#paper-detail-area {
+  display: none;
+}
+
+#paper-detail-area:has(#sf-flag) {
+  display: block;
+}
+
 #query-results-html { min-height: 100px; }
 """