Update app.py

app.py

@@ -0,0 +1,60 @@
+import gradio as gr
+import pandas as pd
+
+# Load the exported Notion CSV file
+df = pd.read_csv("paper_reading.csv")  # Adjust to your actual column names if needed
+
+def search_papers(query):
+    # Filter the dataframe based on the search query
+    filtered = df[df['Paper name'].str.contains(query, case=False, na=False) |
+                  df['Note'].str.contains(query, case=False, na=False)]
+
+    # Define a futuristic CSS style and wrap the results in a table
+    style = """
+    <style>
+    .futuristic-table {
+        width: 100%;
+        border-collapse: collapse;
+        font-family: 'Segoe UI', sans-serif;
+        color: #00ffe7;
+        background-color: #0d1117;
+        border: 1px solid #30363d;
+        border-radius: 10px;
+        overflow: hidden;
+        box-shadow: 0 0 20px #00ffe7aa;
+    }
+    .futuristic-table th {
+        background-color: #161b22;
+        color: #58a6ff;
+        padding: 10px;
+        border-bottom: 2px solid #30363d;
+    }
+    .futuristic-table td {
+        padding: 12px;
+        border-bottom: 1px solid #30363d;
+    }
+    .futuristic-table tr:hover {
+        background-color: #1c2128;
+    }
+    </style>
+    """
+
+    html_table = f"{style}<table class='futuristic-table'>"
+    html_table += "<tr><th>📄 Paper</th><th>📝 Note</th><th>✅ Status</th></tr>"
+
+    for _, row in filtered.iterrows():
+        html_table += f"<tr><td>{row['Paper name']}</td><td>{row['Note']}</td><td>{row['Status']}</td></tr>"
+
+    html_table += "</table>"
+    return html_table
+
+# Gradio UI
+demo = gr.Interface(
+    fn=search_papers,
+    inputs=gr.Textbox(label="🔍 Search Your Papers"),
+    outputs=gr.HTML(label="Results"),
+    title="📚 Futuristic Paper Notes Explorer",
+    description="Search your Notion-exported reading notes in style."
+)
+
+demo.launch()