fix error

README.md

@@ -4,9 +4,10 @@ emoji: 📈
 colorFrom: blue
 colorTo: indigo
 sdk: gradio
-sdk_version: 4.19.2
+sdk_version: 5.33.0
 app_file: app.py
 pinned: false
+short_description: AI-powered industry trend analysis dashboard
 ---
 
 # Trend Summarizer AI

app.py

@@ -1,30 +1,104 @@
 import os
 import sys
 import nltk
+import gradio as gr
 
+# --- ZeroGPU compatibility ---
+# HF Spaces with Gradio SDK + ZeroGPU requires at least one @spaces.GPU
+# function that is wired to a Gradio component so ZeroGPU can detect it.
 try:
     import spaces
-    @spaces.GPU
-    def dummy_gpu_task():
-        return "Bypass ZeroGPU detection"
+    _SPACES_AVAILABLE = True
 except ImportError:
-    pass
+    _SPACES_AVAILABLE = False
 
-# Pre-download NLTK requirements on startup
+# --- NLTK downloads (must happen before any NLP imports) ---
 print("Downloading NLTK requirements...")
 nltk.download('punkt', quiet=True)
 nltk.download('punkt_tab', quiet=True)
 nltk.download('stopwords', quiet=True)
 print("NLTK download complete.")
 
-# Add current directory to path to allow root imports
+# --- Ensure project root is importable ---
 sys.path.append(os.path.dirname(os.path.abspath(__file__)))
 
-import uvicorn
-from dashboard_app.main import app
+# --- Import the FastAPI application ---
+from dashboard_app.main import app as fastapi_app  # noqa: E402
 
+# --- Define a GPU-decorated function wired to Gradio ---
+# ZeroGPU needs to see a @spaces.GPU function connected to the Gradio app.
+def _gpu_health_check():
+    """Health check function — GPU is allocated on-demand when called."""
+    return "✅ GPU tersedia dan siap digunakan."
+
+if _SPACES_AVAILABLE:
+    _gpu_health_check = spaces.GPU(_gpu_health_check)
+
+# --- Build the Gradio Blocks app ---
+# This serves as the shell that HF Spaces expects.
+# It auto-redirects users to the real FastAPI dashboard.
+
+REDIRECT_HTML = """
+<div id="landing-container" style="
+    display:flex; flex-direction:column; align-items:center; justify-content:center;
+    min-height:80vh; font-family:'Inter',system-ui,sans-serif; background:#0f172a;
+    color:#e2e8f0; text-align:center; padding:2rem;
+">
+    <div style="
+        background:linear-gradient(135deg,#1e293b,#334155);
+        border:1px solid #475569; border-radius:16px;
+        padding:3rem 2.5rem; max-width:520px; width:100%;
+        box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);
+    ">
+        <div style="font-size:3rem; margin-bottom:1rem;">📈</div>
+        <h1 style="font-size:1.75rem; font-weight:700; margin:0 0 0.5rem 0;
+            background:linear-gradient(135deg,#60a5fa,#a78bfa);
+            -webkit-background-clip:text; -webkit-text-fill-color:transparent;">
+            TrendAI Summarizer
+        </h1>
+        <p style="color:#94a3b8; margin:0 0 2rem 0; font-size:0.95rem; line-height:1.6;">
+            Dashboard analisis tren industri berbasis AI.<br>
+            Klik tombol di bawah untuk membuka dashboard.
+        </p>
+        <a href="/dashboard.html" target="_top" style="
+            display:inline-block; padding:0.75rem 2rem;
+            background:linear-gradient(135deg,#3b82f6,#6366f1);
+            color:white; text-decoration:none; border-radius:10px;
+            font-weight:600; font-size:1rem;
+            transition:transform 0.2s, box-shadow 0.2s;
+            box-shadow:0 4px 14px rgba(99,102,241,0.4);
+        " onmouseover="this.style.transform='translateY(-2px)';this.style.boxShadow='0 8px 20px rgba(99,102,241,0.5)'"
+           onmouseout="this.style.transform='none';this.style.boxShadow='0 4px 14px rgba(99,102,241,0.4)'">
+            🚀 Buka Dashboard
+        </a>
+        <p style="color:#64748b; margin-top:1.5rem; font-size:0.8rem;">
+            Atau akses API docs di <a href="/docs" target="_top" style="color:#60a5fa;">/docs</a>
+        </p>
+    </div>
+</div>
+"""
+
+with gr.Blocks(
+    title="TrendAI Summarizer",
+    theme=gr.themes.Base(),
+    css="body { margin: 0; padding: 0; background: #0f172a; }"
+) as demo:
+    gr.HTML(REDIRECT_HTML)
+    # Hidden button to wire the @spaces.GPU function into Gradio's event system
+    with gr.Row(visible=False):
+        gpu_btn = gr.Button("GPU Check")
+        gpu_output = gr.Textbox()
+        gpu_btn.click(fn=_gpu_health_check, inputs=None, outputs=gpu_output)
+
+# --- Mount Gradio onto the FastAPI app ---
+# This keeps all FastAPI routes (/api/*, /dashboard.html, static files)
+# functional while Gradio handles ZeroGPU detection at "/"
+app = gr.mount_gradio_app(fastapi_app, demo, path="/gradio")
+
+# --- Entry point ---
+# HF Spaces runs `python app.py` directly. Uvicorn serves everything.
 if __name__ == "__main__":
-    # Hugging Face Spaces exposes port 7860 by default
+    import uvicorn
     port = int(os.environ.get("PORT", 7860))
     print(f"Starting server on port {port}...")
     uvicorn.run(app, host="0.0.0.0", port=port)

dashboard_app/main.py

@@ -4,13 +4,7 @@ import json
 import asyncio
 import logging
 
-try:
-    import spaces
-    @spaces.GPU
-    def dummy_gpu_task_main():
-        return "Bypass ZeroGPU detection in main"
-except ImportError:
-    pass
+
 from typing import List, Optional, Dict, Any
 from datetime import datetime, timedelta
 from fastapi import FastAPI, BackgroundTasks, HTTPException, Query, Response, status
@@ -70,9 +64,20 @@ app = FastAPI(
 )
 
 # CORS Policy configuration
+# Determine allowed origins — include HF Spaces domains for deployment
+_ALLOWED_ORIGINS = [
+    "http://localhost:3000", "http://localhost:5173",
+    "http://127.0.0.1:3000", "http://127.0.0.1:5173",
+    "http://localhost:8001", "http://127.0.0.1:8001",
+]
+# Add the HF Spaces origin if running on Spaces
+_HF_SPACE = os.environ.get("SPACE_HOST")
+if _HF_SPACE:
+    _ALLOWED_ORIGINS.append(f"https://{_HF_SPACE}")
+
 app.add_middleware(
     CORSMiddleware,
-    allow_origins=["http://localhost:3000", "http://localhost:5173", "http://127.0.0.1:3000", "http://127.0.0.1:5173", "http://localhost:8001", "http://127.0.0.1:8001"],
+    allow_origins=_ALLOWED_ORIGINS,
     allow_credentials=True,
     allow_methods=["GET", "POST", "DELETE", "OPTIONS"],
     allow_headers=["*"],
@@ -83,16 +88,25 @@ app.add_middleware(
 async def add_security_headers(request, call_next):
     response = await call_next(request)
     response.headers["X-Content-Type-Options"] = "nosniff"
-    response.headers["X-Frame-Options"] = "SAMEORIGIN"
+    # On HF Spaces, skip X-Frame-Options so Gradio can iframe dashboard pages;
+    # CSP frame-ancestors handles framing security instead.
+    if not os.environ.get("SPACE_HOST"):
+        response.headers["X-Frame-Options"] = "SAMEORIGIN"
     response.headers["Referrer-Policy"] = "strict-origin-when-cross-origin"
     # Content-Security-Policy (CSP) - Allow static resources, Tailwind CDN, Google Fonts, and images
+    # Build CSP — allow HF Spaces domain for frame-ancestors so Gradio can iframe dashboard pages
+    hf_host = os.environ.get("SPACE_HOST", "")
+    frame_ancestors = "'self'"
+    if hf_host:
+        frame_ancestors += f" https://{hf_host}"
     response.headers["Content-Security-Policy"] = (
         "default-src 'self'; "
         "script-src 'self' 'unsafe-inline' 'unsafe-eval' https://cdn.tailwindcss.com; "
         "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; "
         "font-src 'self' https://fonts.gstatic.com; "
         "img-src 'self' data: https://lh3.googleusercontent.com; "
-        "connect-src 'self';"
+        "connect-src 'self'; "
+        f"frame-ancestors {frame_ancestors};"
     )
     return response
 

requirements.txt

@@ -6,7 +6,6 @@ Sastrawi
 networkx
 transformers
 torch
-streamlit
 rouge-score
 pandas
 numpy
@@ -19,5 +18,6 @@ feedparser
 requests
 python-multipart
 jinja2
+gradio>=5.0.0
 spaces
-huggingface_hub==0.23.2
+huggingface_hub