Updated

Dockerfile

@@ -0,0 +1,28 @@
+# 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: Setup Backend & Serve
+FROM python:3.11-slim
+
+WORKDIR /app
+
+# Copy Backend Requirements
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy Backend Code
+COPY . .
+
+# Copy Frontend Build from Stage 1
+COPY --from=frontend-build /app/frontend/dist /app/frontend/dist
+
+# Expose Port 7860 (Hugging Face Default)
+EXPOSE 7860
+
+# Run Application
+CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]

backend/Dockerfile

@@ -1,14 +0,0 @@
-FROM python:3.11-slim
-
-WORKDIR /app
-
-# Install system dependencies if needed (e.g. for build tools)
-RUN apt-get update && apt-get install -y build-essential && rm -rf /var/lib/apt/lists/*
-
-COPY requirements.txt .
-
-RUN pip install --no-cache-dir -r requirements.txt
-
-COPY . .
-
-CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "8000"]

frontend/src/components/ChatInterface.jsx

@@ -30,7 +30,7 @@ const ChatInterface = ({ sessionId }) => {
         setIsLoading(true);
 
         try {
-            const response = await fetch('http://localhost:8000/chat', {
+            const response = await fetch('/chat', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({ session_id: sessionId, message: userMessage }),

backend/main.py → main.py

@@ -1,9 +1,10 @@
 from fastapi import FastAPI, HTTPException
-from fastapi.responses import StreamingResponse
+from fastapi.responses import StreamingResponse, FileResponse
+from fastapi.staticfiles import StaticFiles
 from fastapi.middleware.cors import CORSMiddleware
 from pydantic import BaseModel
 import os
-from .llm import LLMClient
+from llm import LLMClient
 import logging
 from dotenv import load_dotenv
 
@@ -18,14 +19,13 @@ app = FastAPI(title="Tesco AI Support API")
 # CORS setup
 app.add_middleware(
     CORSMiddleware,
-    allow_origins=["*"], # In production, set to specific frontend domain
+    allow_origins=["*"],
     allow_credentials=True,
     allow_methods=["*"],
     allow_headers=["*"],
 )
 
-# Initialize LLM Client (this also initializes RAG and Memory)
-# We do this globally so it persists
+# Initialize LLM Client
 try:
     llm_client = LLMClient()
 except Exception as e:
@@ -50,6 +50,18 @@ async def chat_endpoint(request: ChatRequest):
         media_type="text/event-stream"
     )
 
+# Serve Frontend Static Files
+# Mount assets Folder
+if os.path.exists("frontend/dist/assets"):
+    app.mount("/assets", StaticFiles(directory="frontend/dist/assets"), name="assets")
+
+@app.get("/{full_path:path}")
+async def catch_all(full_path: str):
+    # Serve index.html for SPA routing or clean entry
+    if os.path.exists("frontend/dist/index.html"):
+        return FileResponse("frontend/dist/index.html")
+    return {"error": "Frontend not built"}
+
 if __name__ == "__main__":
     import uvicorn
-    uvicorn.run(app, host="0.0.0.0", port=8000)
+    uvicorn.run(app, host="0.0.0.0", port=7860)