Update hugging face settings

Dockerfile

@@ -1,30 +1,20 @@
-# --- Stage 1: Build the Frontend ---
-FROM node:22-slim AS build-frontend
+# Step 1: Build your app
+FROM node:20 AS builder
 WORKDIR /app
+COPY frontend/package*.json ./frontend/
+RUN cd frontend && npm install
+COPY . .
+RUN cd frontend && npm run build
 
-RUN chown -R 1000:1000 /app
-USER 1000
-
-COPY --chown=1000 frontend .
-
-RUN npm install
-RUN npm run build
-
-# --- Stage 2: Final Python Image ---
-FROM python:3.13-slim
+# Step 2: Serve it with npx
+FROM node:20-slim
 WORKDIR /app
+# Only copy the built files from the builder
+COPY --from=builder /app/frontend/dist ./dist
 
-RUN chown -R 1000:1000 /app
-ENV HOME=/app
-ENV PATH=/app/.local/bin:$PATH
-USER 1000
-
-COPY --chown=1000 --from=build-frontend /app/dist /app/frontend/dist
-
-COPY --chown=1000 backend /app/backend
-
-EXPOSE 7860
-WORKDIR /app/backend
-RUN pip install --no-cache-dir -r requirements.txt
+# Install the server tool
+RUN npm install -g serve
 
-CMD ["python", "src/main.py"]
+# Serve the 'dist' folder on the correct Hugging Face port
+# -s flag handles Single Page App routing (important for React)
+CMD ["serve", "-s", "dist", "-l", "7860"]

frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import OptimizationPlot from "./OptimizationPlot.tsx";
 import Sidebar from "./Sidebar.tsx";
 import type { Settings } from "./types.ts";

frontend/src/pyodide.worker.ts

@@ -1,5 +1,4 @@
-// @ts-ignore
-import { loadPyodide } from "https://cdn.jsdelivr.net/pyodide/v0.26.1/full/pyodide.mjs";
+const PYODIDE_URL = "https://cdn.jsdelivr.net/pyodide/v0.26.1/full/pyodide.mjs";
 
 // @ts-ignore
 import managerCode from "../../backend/src/optimization_manager.py?raw";
@@ -10,6 +9,8 @@ let pyodide: any = null;
 let manager: any = null;
 
 async function init() {
+  const { loadPyodide } = await import(/* @vite-ignore */ PYODIDE_URL);
+
   pyodide = await loadPyodide({
     indexURL: "https://cdn.jsdelivr.net/pyodide/v0.26.1/full/"
   });

frontend/vite.config.ts

@@ -4,6 +4,7 @@ import tailwindcss from '@tailwindcss/vite'
 
 // https://vite.dev/config/
 export default defineConfig({
+  base: './',
   plugins: [
     react(),
     tailwindcss(),