懒得写commit了

app-dev.py

@@ -0,0 +1,14 @@
+import gradio as gr
+
+from interface import create_interface
+
+gr.close_all()
+
+demo = create_interface()
+
+if __name__ == "__main__":
+    demo.launch(
+        server_name="localhost",
+        server_port=7860,
+        # share=True
+    )

app.py

@@ -1,182 +1,10 @@
 import gradio as gr
-from datetime import datetime, timedelta
-from fetch_paper import fetch_papers, fetch_papers_with_daterange
-from sorter import sort_by_upvotes
 
+from interface import create_interface
 
-def format_author(author):
-    """格式化作者信息"""
-    if not author:
-        return ""
-    hidden_status = "（隐藏）" if author.hidden else ""
-    if author.name:
-        return f"<a href='https://scholar.google.com/citations?view_op=search_authors&mauthors={author.name.replace(' ', '+')}'>{author.name}</a>{hidden_status}"
-    return f"匿名作者{hidden_status}"
-
-
-def format_paper_info(article):
-    """生成论文展示的 HTML 内容"""
-    if not article.paper:
-        return "论文信息缺失"
-
-    info = []
-    # 标题部分
-    info.append(f"<h2>{article.title or '无标题论文'}</h2>")
-
-    # 缩略图
-    if article.thumbnail:
-        info.append(f"<p><img src='{article.thumbnail}' style='max-width: 30em; width: 100%; margin: auto'/></p>")
-
-    # 基本信息
-    info.append(f"<p><strong>论文 ID</strong>：<a href='https://huggingface.co/papers/{article.paper.id}'>{article.paper.id or '未知'}</a></p>")
-    info.append(f"<p><strong>发布时间</strong>：{article.paper.publishedAt.strftime('%Y-%m-%d %H:%M') if article.paper.publishedAt else '未知'}</p>")
-
-    # 作者信息
-    authors = "、".join([format_author(a) for a in article.paper.authors]) if article.paper.authors else "作者信息暂缺"
-    info.append(f"<p><strong>作者</strong>：{authors}</p>")
-
-    # 摘要
-    if article.paper.summary:
-        summary = article.paper.summary.replace('{{', '{').replace('}}', '}').replace('\n', ' ')
-        info.append(f"<h3>摘要</h3><p>{summary}</p>")
-
-    # 讨论信息
-    info.append(f"<p><strong>点赞数</strong>：{article.paper.upvotes or 0}<span style='margin-left: .5rem'></span>")
-    info.append(f"<strong>评论数</strong>：{article.numComments or 0}</p>")
-    if article.paper.discussionId:
-        info.append(f"<a href='https://huggingface.co/papers/{article.paper.id}/discussion/{article.paper.discussionId}'>进入讨论</a></p>")
-
-    # 提交者信息
-    if article.submittedBy:
-        submitter = article.submittedBy
-        info.append(f"<hr><p><strong>提交者</strong>: ")
-        info.append(
-            f"<span><img src='{submitter.avatarUrl}' class='author' /></span>{submitter.fullname}(<a href='https://huggingface.co/{submitter.name}'>@{submitter.name}</a>)  ")
-        info.append(f"粉丝数：{submitter.followerCount or 0}</p>")
-
-    return "".join(info)
-
-
-def generate_table_html(papers):
-    """生成带可点击标题的表格 HTML"""
-    html = ['<table class="paper-table"><tr><th>标题</th><th>👍点赞</th><th>💬评论</th><th>📅日期</th></tr>']
-
-    for article in papers:
-        title = article.title or "无标题"
-        upvotes = article.paper.upvotes or 0
-        comments = article.numComments or 0
-        date = article.paper.publishedAt.strftime("%Y-%m-%d") if article.paper.publishedAt else "未知"
-        paper_id = article.paper.id
-
-        row = f"""
-        <tr>
-            <td><a class="paper-title" href="javascript:void(0)" onclick="showDetail('{paper_id}')">{title}</a></td>
-            <td>{upvotes}</td>
-            <td>{comments}</td>
-            <td>{date}</td>
-        </tr>
-        """
-        html.append(row)
-
-    html.append("</table>")
-    return "".join(html)
-
-
-def build_html(papers):
-    # 将所有的papers转换为一个html字符串，每个paper用一个div包裹，div内部包含paper的信息，div的id为paper的id
-    html = ""
-    for article in papers:
-        article_html = format_paper_info(article)
-        html += f"<div id='smartflow-paper-{article.paper.id.replace('.', '-')}' style='display: none'>{article_html}</div>"
-    return html
-
-
-def query_papers(start_date_str, end_date_str):
-    """处理日期查询"""
-    try:
-        start_date = datetime.strptime(start_date_str, "%Y-%m-%d")
-        end_date = datetime.strptime(end_date_str, "%Y-%m-%d")
-        papers = fetch_papers_with_daterange(start_date, end_date)
-        papers = sort_by_upvotes(papers)
-        return generate_table_html(papers), build_html(papers)
-    except Exception as e:
-        print(f"查询出错: {e}")
-        return "<p>⚠️ 查询失败，请检查日期格式（YYYY-MM-DD）</p>", "<p>⚠️ 查询失败，请检查日期格式（YYYY-MM-DD）</p>"
-
-
-def show_detail(paper_id, papers):
-    """显示论文详情"""
-    if not papers:
-        return "请先进行查询"
-
-    return build_html(papers)
-
-
-# CSS 样式（可放入单独文件）
-custom_css = """
-.paper-table { width: 100%; border-collapse: collapse; }
-.paper-table td { padding: 12px; border-bottom: 1px solid #ddd; }
-.paper-table th { font-weight: bold; background: #f9f9f920; }
-.paper-table tr:hover { background: #f9f9f920; }
-.paper-title { color: #1a73e8; cursor: pointer; text-decoration: none !important; }
-.paper-title:hover { text-decoration: underline !important; }
-.paper-table td:nth-child(2), .paper-table td:nth-child(3), .paper-table td:nth-child(4) { text-align: center; }
-.paper-table th:nth-child(2), .paper-table th:nth-child(3), .paper-table th:nth-child(4) { text-align: center; }
-.detail-area { margin-top: 20px; padding: 20px; border: 1px solid #ddd; border-radius: 5px; }
-"""
-
-custom_js = """
-function showDetail(paperId) {
-    // 隐藏 smartflow-paper-paperId 的所有兄弟节点
-    var siblings = document.querySelectorAll(`div[id^='smartflow-paper-']:not(#smartflow-paper-${paperId.replace('.', '-')})`);
-    siblings.forEach(sibling => sibling.style.display = 'none');
-
-    // 显示当前节点
-    var paper = document.getElementById(`smartflow-paper-${paperId.replace('.', '-')}`);
-    if (paper) {
-        paper.style.display = 'block';
-    }
-}
-"""
-
-
-def create_interface():
-    """创建新的界面布局"""
-    with gr.Blocks(title="Hugging Face Daily Paper", css=custom_css, head=f"<script>{custom_js}</script>") as app:
-
-        # 主界面
-        gr.Markdown("# 📚 Hugging Face Daily Paper")
-
-        # 查询控制区
-        with gr.Row():
-            start_date = gr.Textbox(label="起始日期", placeholder="YYYY-MM-DD", value=datetime.now().strftime("%Y-%m-%d"))
-            end_date = gr.Textbox(label="结束日期", placeholder="YYYY-MM-DD", value=datetime.now().strftime("%Y-%m-%d"))
-            query_btn = gr.Button("🔍 查询", variant="primary")
-
-        # 结果显示区
-        with gr.Column(visible=True):
-            results_html = gr.HTML(label="查询结果")
-
-        # 论文详情区
-        with gr.Column(visible=True, elem_classes="detail-area"):
-            gr.Markdown("## 论文详情")
-            detail_html = gr.HTML(elem_id="detail-html")
-
-        # 事件处理
-        query_btn.click(
-            fn=query_papers,
-            inputs=[start_date, end_date],
-            outputs=[results_html, detail_html]
-        )
-
-    return app
+gr.close_all()
 
+demo = create_interface()
 
 if __name__ == "__main__":
-    gr.close_all()
-    app = create_interface()
-    app.launch(
-        # server_name="localhost",
-        # server_port=7860,
-        # share=True
-    )
+    demo.launch()

assets.py

@@ -0,0 +1 @@
+SVG_LINK = """<svg class="sf-svg" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M8.293 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1 0 1.414l-4.5 4.5a1 1 0 0 1-1.414-1.414L11 8.5H1.5a1 1 0 0 1 0-2H11L8.293 3.707a1 1 0 0 1 0-1.414"/></svg>"""

css/interface.css

@@ -1,12 +1,42 @@
-a.author {
-    text-decoration: underline;
-    color: #000;
+.sf-svg {
+    width: 0.8rem;
+    height: 0.8rem;
+    display: inline;
+    margin-left: 0.1rem;
+    transform: rotate(-45deg);
 }
 
-img.author {
-    height: 1.5rem;
-    border: 1px solid #000;
-    vertical-align: middle;
-    border-radius: 50%;
-    display: inline;
+.sf-svg path,
+.sf-svg {
+    color: inherit;
+}
+
+.sf-button {
+    background: black;
+    border: 1px solid #f9f9f9;
+    border-radius: 6px;
+    padding: 0 .5rem;
+    cursor: pointer;
+    color: white;
+    font-weight: bold;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    margin: 0.5rem 0;
+    transition: background 0.3s, color 0.3s;
+    margin: 5px;
+}
+
+.sf-button:hover {
+    background: #1a73e8;
+    color: #f9f9f9;
+}
+
+.sf-button:active {
+    background: #f9f9f9;
+    color: #1a73e8;
+}
+
+hr {
+    margin: 1rem 0;
 }

css/table.css

@@ -0,0 +1,46 @@
+.paper-table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.paper-table td {
+    padding: 12px;
+    border-bottom: 1px solid #ddd;
+}
+
+.paper-table th {
+    font-weight: bold;
+    background: #f9f9f920;
+}
+
+.paper-table tr:hover {
+    background: #f9f9f920;
+}
+
+.paper-table tbody {
+    max-width: 400px;
+}
+
+.paper-title {
+    color: #1a73e8;
+    cursor: pointer;
+    text-decoration: none !important;
+}
+
+.paper-title:hover {
+    text-decoration: underline !important;
+}
+
+.paper-table td:nth-child(2),
+.paper-table td:nth-child(3),
+.paper-table td:nth-child(4),
+.paper-table td:nth-child(5) {
+    text-align: center;
+}
+
+.paper-table th:nth-child(2),
+.paper-table th:nth-child(3),
+.paper-table th:nth-child(4),
+.paper-table th:nth-child(5) {
+    text-align: center;
+}

date.py

@@ -0,0 +1,81 @@
+from datetime import date as dt_date, timedelta
+
+
+class Date:
+    def __init__(self, *args):
+        if len(args) == 0:
+            self._date = dt_date.today()
+        elif len(args) == 1:
+            s = args[0]
+            if isinstance(s, str):
+                if 'T' in s:
+                    date_part = s.split('T')[0]
+                else:
+                    date_part = s
+                self._date = dt_date.fromisoformat(date_part)
+            else:
+                raise TypeError("Invalid argument type. Expected string.")
+        elif len(args) == 3:
+            year, month, day = args
+            self._date = dt_date(year, month, day)
+        else:
+            raise TypeError("Date() requires 0, 1, or 3 arguments")
+
+    def __eq__(self, other):
+        if isinstance(other, Date):
+            return self._date == other._date
+        return False
+
+    def __add__(self, days):
+        if isinstance(days, int):
+            new_date = self._date + timedelta(days=days)
+            return Date(new_date.year, new_date.month, new_date.day)
+        else:
+            return NotImplemented
+
+    __radd__ = __add__
+
+    def __repr__(self):
+        return f"Date({self._date.year}, {self._date.month}, {self._date.day})"
+
+    def __str__(self):
+        return f"{self._date.year:04}-{self._date.month:02}-{self._date.day:02}"
+
+    # 小于
+    def __lt__(self, other):
+        if isinstance(other, Date):
+            return self._date < other._date
+        return False
+
+    # 小于等于
+    def __le__(self, other):
+        if isinstance(other, Date):
+            return self._date <= other._date
+        return False
+
+    # 大于
+    def __gt__(self, other):
+        if isinstance(other, Date):
+            return self._date > other._date
+        return False
+
+    # 大于等于
+    def __ge__(self, other):
+        if isinstance(other, Date):
+            return self._date >= other._date
+        return False
+
+
+if __name__ == "__main__":
+    date1 = Date()  # 返回今天日期
+    date2 = Date("2025-01-28")
+    date3 = Date(2025, 1, 28)
+    date4 = Date("2025-01-31T13:33:38.548Z")  # 删除所有时间信息，仅保留日期
+    print(date2 == date3)  # True
+
+    date4 = Date("2025-01-29")
+    print(date2 + 1 == date4)
+
+    print(date1, date2, date3, date4)
+
+    print(date1 < date2)  # False

fetch_paper.py

@@ -4,6 +4,9 @@ import requests
 import datetime
 import hashlib
 import json
+from rich import print
+from date import Date
+from concurrent.futures import ThreadPoolExecutor, as_completed
 
 
 API_URL = "https://huggingface.co/api/daily_papers"
@@ -51,35 +54,54 @@ def fetch_papers():
 
 
 def fetch_papers_with_date(date: datetime):
-    formatted_date = date.strftime("%Y-%m-%d")
+    formatted_date = str(date)
     data = make_request(API_URL + "?date=" + formatted_date)
     return [parse_article(item) for item in data]
 
 
-def fetch_papers_with_daterange(start_date: datetime, end_date: datetime):
-    # return []
-    # 每天的数据都是独立的，所以只需要遍历日期范围即可
+def fetch_papers_with_daterange(start_date: Date, end_date: Date):
     articles = []
     current_date = start_date
+    dates = []
+
     while current_date <= end_date:
-        print(current_date)
-        articles.extend(fetch_papers_with_date(current_date))
-        print(f"Total articles: {len(articles)}")
-        current_date += datetime.timedelta(days=1)
+        dates.append(current_date)
+        current_date += 1
+
+    def fetch_for_date(date):
+        print(date)
+        if date == Date():
+            print("Fetching papers for today")
+            return fetch_papers()
+        else:
+            print(f"Fetching papers for {date}")
+            return fetch_papers_with_date(date)
+
+    with ThreadPoolExecutor(max_workers=8) as executor:
+        future_to_date = {executor.submit(fetch_for_date, date): date for date in dates}
+        for future in as_completed(future_to_date):
+            date = future_to_date[future]
+            try:
+                articles.extend(future.result())
+            except Exception as e:
+                print(f"Error fetching articles for date {date}: {e}")
+
+    # articles = [article for article in articles if (start_date <= Date(article.publishedAt.isoformat().split('T')[0]) <= end_date)]
 
-    # 根据每个文章的.paper.id去重
     unique_articles = {}
     for article in articles:
         if article.paper.id not in unique_articles:
             unique_articles[article.paper.id] = article
 
+    print(f"Unique articles: {len(unique_articles)}")
+
     return list(unique_articles.values())
 
 
 if __name__ == "__main__":
     from rich import print
-    start_date = datetime.datetime(2024, 1, 28)
-    end_date = datetime.datetime(2024, 1, 30)
+    start_date = Date(2025, 1, 21)
+    end_date = Date(2025, 2, 1)
     articles = fetch_papers_with_daterange(start_date=start_date, end_date=end_date)
     # print(articles)
     print(f"Total articles: {len(articles)}")

interface.py

@@ -0,0 +1,282 @@
+from pathlib import Path
+import gradio as gr
+from datetime import datetime, timedelta
+from fetch_paper import fetch_papers_with_daterange
+from sorter import sort_by_upvotes, sort_by_comments, sort_by_date
+from date import Date
+import assets
+
+
+def format_author(author):
+    """Format author information"""
+    if not author:
+        return ""
+    hidden_status = " (hidden)" if author.hidden else ""
+    if author.name:
+        return f"<a href='https://scholar.google.com/citations?view_op=search_authors&mauthors={author.name.replace(' ', '+')}' target='_blank'>{author.name}</a>"
+    return "Anonymous author"
+
+
+def format_paper_info(article):
+    """Generate HTML content for paper display"""
+    if not article.paper:
+        return "Paper information missing"
+
+    info = []
+    # Title section
+    info.append(f"<h2 class='sf-paper-title'>{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>")
+    info.append(f"<a href='https://arxiv.org/pdf/{article.paper.id}' target='_blank' class='sf-button'>PDF{assets.SVG_LINK}</a>")
+    info.append(f"</p>")
+
+    # Thumbnail
+    if article.thumbnail:
+        info.append(f"<p><img src='{article.thumbnail}' style='max-width: 30em; width: 100%; margin: auto'/></p>")
+
+    # Basic information
+    info.append(
+        f"<p><strong>Paper ID</strong>: <a href='https://huggingface.co/papers/{article.paper.id}' target='_blank'>{article.paper.id or 'Unknown'}</a></p>")
+    info.append(
+        f"<p><strong>Published At</strong>: {article.paper.publishedAt.strftime('%Y-%m-%d %H:%M') if article.paper.publishedAt else 'Unknown'}</p>")
+
+    # Author information
+    authors = ", ".join([format_author(a) for a in article.paper.authors]) if article.paper.authors else "Author information not available"
+    info.append(f"<p><strong>Authors</strong>: {authors}</p>")
+
+    # Summary
+    if article.paper.summary:
+        summary = article.paper.summary.replace('{{', '{').replace('}}', '}').replace('\n', ' ')
+        info.append(f"<h3>Summary</h3><p>{summary}</p>")
+
+    # Discussion information
+    info.append(f"<p><strong>Upvotes</strong>: {article.paper.upvotes or 0}<span style='margin-left: .5rem'></span>")
+    info.append(f"<strong>Comments</strong>: {article.numComments or 0}</p>")
+    if article.paper.discussionId:
+        info.append(
+            f"<a href='https://huggingface.co/papers/{article.paper.id}#community' target='_blank'>Join Discussion</a></p>")
+
+    # Submitter information
+    if article.submittedBy:
+        submitter = article.submittedBy
+        info.append(f"<hr><p><strong>Submitter</strong>: ")
+        avatar_url = submitter.avatarUrl if submitter.avatarUrl.startswith("http") else f"https://huggingface.co{submitter.avatarUrl}"
+        profile_url = f"https://huggingface.co/{submitter.name}"
+        info.append(
+            f"<span><img src='{avatar_url}' class='sf-author' /></span>{submitter.fullname}(<a href='{profile_url}' target='_blank'>@{submitter.name}</a>)  ")
+        info.append(f"Followers: {submitter.followerCount or 0}</p>")
+
+    return "".join(info)
+
+
+def generate_table_html(papers):
+    """Generate table HTML with clickable titles and an extra column for arXiv abs link"""
+    html = ['<table class="paper-table"><thead><tr>'
+            '<th>Title</th>'
+            '<th>👍 Upvotes</th>'
+            '<th>💬 Comments</th>'
+            '<th>📅 Date</th>'
+            '<th>arXiv</th>'
+            '</tr></thead><tbody>']
+
+    for article in papers:
+        title = article.title or "Untitled"
+        upvotes = article.paper.upvotes or 0
+        comments = article.numComments or 0
+        date = article.paper.publishedAt.strftime("%Y-%m-%d") if article.paper.publishedAt else "Unknown"
+        paper_id = article.paper.id
+
+        # 构造 arXiv abs 链接
+        arxiv_abs_link = f"https://arxiv.org/abs/{paper_id}"
+
+        row = f"""
+        <tr>
+            <td><a class="paper-title" href="javascript:void(0)" onclick="showDetail('{paper_id}')">{title}</a></td>
+            <td>{upvotes}</td>
+            <td>{comments}</td>
+            <td>{date}</td>
+            <td><a href="{arxiv_abs_link}" target="_blank" class="sf-button">arXiv{assets.SVG_LINK}</a></td>
+        </tr>
+        """
+        html.append(row)
+
+    html.append("</tbody></table>")
+    return "Click the paper title to view the details of the paper." + "".join(html)
+
+
+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:
+        article_html = format_paper_info(article)
+        html += f"<div id='smartflow-paper-{article.paper.id.replace('.', '-')}' style='display: none'>{article_html}</div>"
+    return html
+
+
+def query_papers(start_date_str: str, end_date_str: str, sort_method: str):  # Added sort_method parameter
+    """Handle date range query"""
+    try:
+        start_date = Date(start_date_str)
+        end_date = Date(end_date_str)
+        papers = fetch_papers_with_daterange(start_date, end_date)
+
+        # Sort papers based on the selected sorting method
+        if sort_method == "Sort by upvotes ascending":
+            papers = sort_by_upvotes(papers, reverse=False)
+        elif sort_method == "Sort by upvotes descending":
+            papers = sort_by_upvotes(papers, reverse=True)
+        elif sort_method == "Sort by comments ascending":
+            papers = sort_by_comments(papers, reverse=False)
+        elif sort_method == "Sort by comments descending":
+            papers = sort_by_comments(papers, reverse=True)
+        elif sort_method == "Sort by date ascending":
+            papers = sort_by_date(papers, reverse=False)
+        elif sort_method == "Sort by date descending":
+            papers = sort_by_date(papers, reverse=True)
+
+        return generate_table_html(papers), build_html(papers)
+    except Exception as e:
+        print(f"Query error: {e}")
+        return "<p>⚠️ Query failed, please check the date format (YYYY-MM-DD)</p>", "<p>⚠️ Query failed, please check the date format (YYYY-MM-DD)</p>"
+
+
+def show_detail(paper_id, papers):
+    """Show paper details"""
+    if not papers:
+        return "Please perform a query first"
+
+    return build_html(papers)
+
+
+# CSS 样式（可放入单独文件）
+custom_css = """
+.detail-area { margin-top: 20px; padding: 20px; border: 1px solid #ddd; border-radius: 5px; }
+.sf-paper-title { text-align: center; }
+
+img.sf-author {
+    height: 1.3rem;
+    border: 1px solid #000;
+    vertical-align: middle;
+    border-radius: 50%;
+    display: inline;
+    margin: 0 0.1rem;
+}
+
+#paper-detail-area { display: none; }
+#query-results-html { min-height: 100px; }
+"""
+
+# 遍历./css文件夹下的所有文件，将文件内容作为CSS样式添加到页面中
+for css_file in Path("./css").glob("*.css"):
+    with open(css_file, "r") as f:
+        custom_css += "\n" + f.read() + "\n"
+
+custom_js = """
+function showDetail(paperId) {
+    // 隐藏 smartflow-paper-paperId 的所有兄弟节点
+    var siblings = document.querySelectorAll(`div[id^='smartflow-paper-']:not(#smartflow-paper-${paperId.replace('.', '-')})`);
+    siblings.forEach(sibling => sibling.style.display = 'none');
+
+    // 显示当前节点
+    var paper = document.getElementById(`smartflow-paper-${paperId.replace('.', '-')}`);
+    if (paper) {
+        paper.style.display = 'block';
+    }
+
+    document.getElementById("paper-detail-area").style.display = "block";
+    document.getElementById("paper-detail-area").scrollIntoView({ 
+        behavior: 'smooth' 
+    });
+}
+"""
+
+
+def create_interface():
+    """Create a new interface layout"""
+    with gr.Blocks(title="Hugging Face Daily Paper", css=custom_css, head=f"<script>{custom_js}</script>") as app:
+
+        # Main interface
+        gr.Markdown("# 📚 Hugging Face Daily Paper")
+
+        # Query control area
+        with gr.Row():
+            with gr.Column():
+                with gr.Row():
+                    start_date = gr.Textbox(label="Start Date", placeholder="YYYY-MM-DD", value=str(Date() + (-1)))
+                    end_date = gr.Textbox(label="End Date", placeholder="YYYY-MM-DD", value=str(Date() + (-1)))
+            with gr.Column():
+                with gr.Row():
+                    today_btn = gr.Button("Today")
+                    last_week_btn = gr.Button("Last Week")
+                    last_month_btn = gr.Button("Last Month")
+
+                query_btn = gr.Button("🔍 Query", variant="primary")
+
+        with gr.Row():
+
+            # Add sorting method selection
+            sort_method = gr.Radio(
+                label="Sort Method",
+                choices=[
+                    "Sort by upvotes descending",
+                    "Sort by comments descending",
+                    "Sort by date descending",
+                    "Sort by upvotes ascending",
+                    "Sort by comments ascending",
+                    "Sort by date ascending",
+                ],
+                value="Sort by upvotes descending",
+            )
+
+        # Results display area
+        with gr.Column(visible=True):
+            results_html = gr.HTML(label="Query Results", elem_id="query-results-html")
+
+        # Paper details area
+        with gr.Column(visible=True, elem_classes="detail-area", elem_id="paper-detail-area"):
+            gr.Markdown("## Paper Details")
+            detail_html = gr.HTML(elem_id="detail-html")
+
+        # Event handling
+        query_btn.click(
+            fn=query_papers,
+            inputs=[start_date, end_date, sort_method],
+            outputs=[results_html, detail_html]
+        )
+
+        sort_method.change(
+            fn=query_papers,
+            inputs=[start_date, end_date, sort_method],
+            outputs=[results_html, detail_html]
+        )
+
+        # Add button event handling
+        today_btn.click(
+            fn=lambda: (str(Date()), str(Date())),
+            outputs=[start_date, end_date]
+        ).then(
+            fn=query_papers,
+            inputs=[start_date, end_date, sort_method],
+            outputs=[results_html, detail_html]
+        )
+
+        last_week_btn.click(
+            fn=lambda: (str(Date() + (-7)), str(Date())),
+            outputs=[start_date, end_date]
+        ).then(
+            fn=query_papers,
+            inputs=[start_date, end_date, sort_method],
+            outputs=[results_html, detail_html]
+        )
+
+        last_month_btn.click(
+            fn=lambda: (str(Date() + (-30)), str(Date())),
+            outputs=[start_date, end_date]
+        ).then(
+            fn=query_papers,
+            inputs=[start_date, end_date, sort_method],
+            outputs=[results_html, detail_html]
+        )
+
+    return app

sorter.py

@@ -1,16 +1,16 @@
 from parser import Article
 
 
-def sort_by_date(articles):
-    return sorted(articles, key=lambda x: x.publishedAt, reverse=True)
+def sort_by_date(articles, reverse=True):
+    return sorted(articles, key=lambda x: x.publishedAt, reverse=reverse)
 
 
-def sort_by_upvotes(articles):
-    return sorted(articles, key=lambda x: x.paper.upvotes, reverse=True)
+def sort_by_upvotes(articles, reverse=True):
+    return sorted(articles, key=lambda x: x.paper.upvotes, reverse=reverse)
 
 
-def sort_by_comments(articles):
-    return sorted(articles, key=lambda x: x.numComments, reverse=True)
+def sort_by_comments(articles, reverse=True):
+    return sorted(articles, key=lambda x: x.numComments, reverse=reverse)
 
 
 if __name__ == "__main__":