Update README for Hugging Face Deployment

.gitignore

@@ -1,8 +1,3 @@
-# Node
-node_modules/
-dist/
-npm-debug.log
-
 # Byte-compiled / optimized / DLL files
 __pycache__/
 *.py[cod]
@@ -13,14 +8,22 @@ venv/
 .venv/
 env/
 
+# Node.js
+node_modules/
+npm-debug.log
+yarn-error.log
+frontend/dist/
+dist/
+
 # Environment variables
 .env
+.env.local
 
 # IDE
 .vscode/
 .idea/
 
-# Data directories
+# Data directories (Local persistence)
 data/
 uploads/
 

Dockerfile

@@ -1,37 +1,35 @@
-# Stage 1: Build React Frontend
-FROM node:18-alpine as build-step
-
+# Stage 1: Build Frontend
+FROM node:18-alpine as frontend-build
 WORKDIR /app/frontend
 COPY frontend/package*.json ./
 RUN npm install
 COPY frontend/ ./
 RUN npm run build
 
-# Stage 2: Python Backend with Static Files
-FROM python:3.11-slim-bookworm
+# Stage 2: Runtime
+FROM python:3.11-slim
+WORKDIR /app
 
-# Install system dependencies (Poppler for PDF, Tesseract for OCR if needed)
+# Install system dependencies
 RUN apt-get update && apt-get install -y \
-    poppler-utils \
     tesseract-ocr \
+    poppler-utils \
     libgl1-mesa-glx \
     && rm -rf /var/lib/apt/lists/*
 
-WORKDIR /app
-
-# Copy backend requirements
+# Install Python deps
 COPY backend/requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
 
-# Copy backend code
-COPY backend/ ./backend/
+# Copy Backend Code
+COPY backend/ ./backend
 
-# Copy built frontend from Stage 1 to backend/static
-COPY --from=build-step /app/frontend/dist ./backend/static
+# Copy Frontend Build from Stage 1
+COPY --from=frontend-build /app/frontend/dist ./frontend/dist
 
-# Set Environment Variables
-ENV PORT=7860
-ENV PYTHONPATH=/app/backend
+# Expose port 7860 (Standard for HF Spaces)
+EXPOSE 7860
 
-# Run FastAPI (Serving Frontend + Backend)
+# Run the app
+# Note: We run from root, so module is backend.main
 CMD ["uvicorn", "backend.main:app", "--host", "0.0.0.0", "--port", "7860"]

README.md

@@ -1,6 +1,6 @@
 ---
 title: Planck AI
-emoji: 🧠
+emoji: 🪐
 colorFrom: gray
 colorTo: blue
 sdk: docker

backend/main.py

@@ -43,36 +43,6 @@ memory = ConversationMemory()
 UPLOAD_DIR = Path(__file__).parent / "uploads"
 UPLOAD_DIR.mkdir(exist_ok=True, parents=True)
 
-# -------------------------------------------------------------------------
-# Static File Serving (For Production/Docker)
-# -------------------------------------------------------------------------
-from fastapi.staticfiles import StaticFiles
-from fastapi.responses import FileResponse
-
-# Helper to find static directory (handles local run vs docker structure)
-# In Docker, we copied dist to ./backend/static, so it's relative to main.py
-static_dir = Path(__file__).parent / "static"
-
-if static_dir.exists():
-    app.mount("/assets", StaticFiles(directory=static_dir / "assets"), name="assets")
-    
-    # Catch-all for React Router (SPA)
-    @app.get("/{full_path:path}")
-    async def serve_frontend(full_path: str):
-        # Allow API routes to pass through
-        if full_path.startswith("api/") or full_path.startswith("docs") or full_path.startswith("openapi.json"):
-             raise HTTPException(status_code=404)
-             
-        # Check if file exists in static (e.g. favicon.ico, plain images)
-        file_path = static_dir / full_path
-        if file_path.exists() and file_path.is_file():
-             return FileResponse(file_path)
-             
-        # Fallback to index.html for React Routes
-        return FileResponse(static_dir / "index.html")
-else:
-    print("WARNING: Static directory not found. Frontend will not be served (API Only Mode).")
-
 
 # Request/Response models
 class ChatRequest(BaseModel):
@@ -253,6 +223,46 @@ def delete_conversation(conversation_id: str):
         return {"status": "success"}
     raise HTTPException(status_code=404, detail="Conversation not found or could not be deleted")
 
+# -------------------------------------------------------------------------
+# Static Files & SPA Handling (Production/Docker)
+# -------------------------------------------------------------------------
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import FileResponse
+
+# Check for frontend build
+frontend_dist = Path("frontend/dist")
+
+if frontend_dist.exists():
+    # Mount assets
+    app.mount("/assets", StaticFiles(directory=frontend_dist / "assets"), name="assets")
+    
+    # Manifest and other root files
+    @app.get("/manifest.json")
+    async def manifest():
+        return FileResponse(frontend_dist / "manifest.json")
+        
+    @app.get("/favicon.ico")
+    async def favicon():
+        # Fallback if favicon isn't in root
+        if (frontend_dist / "favicon.ico").exists():
+            return FileResponse(frontend_dist / "favicon.ico")
+        return {"error": "not found"}
+
+    # Catch-all for SPA (must be last)
+    @app.get("/{full_path:path}")
+    async def serve_spa(full_path: str):
+        # Skip API routes (handled above)
+        if full_path.startswith("api"):
+            raise HTTPException(status_code=404, detail="API route not found")
+        
+        # Check if file exists (e.g. manoj.png)
+        file_path = frontend_dist / full_path
+        if file_path.exists() and file_path.is_file():
+            return FileResponse(file_path)
+            
+        # Default to index.html for React Router
+        return FileResponse(frontend_dist / "index.html")
+
 if __name__ == "__main__":
     uvicorn.run("main:app", host="0.0.0.0", port=8000, reload=True)
 

frontend/src/components/Header.jsx

@@ -17,7 +17,7 @@ export default function Header({ onToggleSidebar, onNewChat }) {
                         <Sparkles className="w-4 h-4 text-white" />
                     </div>
                     <div>
-                        <h1 className="text-xl font-bold gradient-text">Planck AI</h1>
+                        <h1 className="text-xl font-bold gradient-text flex items-center gap-1">Planck AI <Sparkles className="w-3 h-3 text-cyan-400" /></h1>
                         <p className="text-xs text-pplx-muted">Autonomous Reasoning Engine</p>
                     </div>
                 </div>

frontend/src/components/Sidebar.jsx

@@ -49,7 +49,7 @@ export default function Sidebar({
                     <div className="w-8 h-8 rounded-lg bg-gradient-to-br from-cyan-500 to-pplx-accent flex items-center justify-center cursor-pointer hover:opacity-80 transition-opacity" title="Planck AI">
                         <Sparkles className="w-4 h-4 text-white" />
                     </div>
-                    <span className="text-xl font-serif font-medium text-pplx-text tracking-wide">Planck <span className="text-pplx-accent">AI</span></span>
+                    <span className="text-xl font-serif font-medium text-pplx-text tracking-wide flex items-center gap-1">Planck <span className="text-pplx-accent">AI</span> <Sparkles className="w-3 h-3 text-cyan-400" /></span>
                 </div>
             </div>