bump all components

frontend/Dockerfile

@@ -2,8 +2,8 @@
 # stage can reach both frontend/ and nginx/.
 FROM node:24-alpine AS build
 WORKDIR /app
-COPY frontend/package.json ./
-RUN npm install
+COPY frontend/package.json frontend/package-lock.json ./
+RUN npm ci
 COPY frontend/ .
 RUN npm run build
 

frontend/package.json

@@ -9,28 +9,27 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@react-three/drei": "^9.114.3",
-    "@react-three/fiber": "^8.17.10",
+    "@react-three/drei": "^10.7.9",
+    "@react-three/fiber": "^9.8.2",
     "fuse.js": "^7.0.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^6.26.2",
-    "three": "^0.169.0",
-    "zustand": "^4.5.5"
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-router-dom": "^7.18.4",
+    "three": "^0.186.1",
+    "zustand": "^5.0.16"
   },
   "devDependencies": {
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "@types/three": "^0.169.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "autoprefixer": "^10.4.20",
-    "postcss": "^8.4.47",
-    "puppeteer": "^25.10.0",
-    "tailwindcss": "^3.4.10",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.6"
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@types/three": "^0.186.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "puppeteer": "^25.16.0",
+    "tailwindcss": "^4.3.3",
+    "typescript": "^7.0.2",
+    "vite": "^8.3.5"
   },
   "allowScripts": {
-    "puppeteer@25.10.0": true
+    "puppeteer@25.16.0": true
   }
 }

frontend/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

frontend/src/components/SearchNav.tsx

@@ -20,7 +20,7 @@ export function SearchNav() {
   const setVisibleSystems = useAtlasStore((s) => s.setVisibleSystems);
   const visibleSystems = useAtlasStore((s) => s.visibleSystems);
 
-  const debounceRef = useRef<ReturnType<typeof setTimeout>>();
+  const debounceRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
 
   useEffect(() => {
     const q = query.trim();

frontend/src/components/viewer/Scene.tsx

@@ -343,7 +343,11 @@ export function Scene({
 
   return (
     <Canvas
-      shadows
+      // three.js removeu PCFSoftShadowMap nesta versão (era o default do
+      // R3F pra `shadows={true}`) — sem isso, caía silenciosamente pro
+      // PCFShadowMap (sombra de borda dura). VSMShadowMap é o substituto
+      // recomendado pra sombra suave.
+      shadows={{ type: THREE.VSMShadowMap }}
       dpr={[1, 1.5]}
       camera={{ position: [1.2, 1.4, 1.6], fov: 45, near: 0.01, far: 100000 }}
       gl={{ localClippingEnabled: true }}

frontend/src/components/viewer/SystemModel.tsx

@@ -25,7 +25,7 @@ export function SystemModel({
   clippingPlanes,
 }: Props) {
   const { scene } = useGLTF(modelUrl(modelFile));
-  const clonedRef = useRef<THREE.Group>();
+  const clonedRef = useRef<THREE.Group | undefined>(undefined);
   // Nome original de cada objeto (fallback), capturado uma única vez no
   // clone — usado apenas se o objeto não tiver o "slug" gravado em
   // userData (ver abaixo).

frontend/src/index.css

@@ -1,6 +1,5 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@config "../tailwind.config.js";
 
 html, body, #root {
   height: 100%;

frontend/tsconfig.tsbuildinfo

@@ -1 +1 @@
-{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/celldiagram3d.tsx","./src/components/clippingcontrols.tsx","./src/components/cookieconsent.tsx","./src/components/feedbackwidget.tsx","./src/components/layertoggle.tsx","./src/components/layout.tsx","./src/components/microscopydiagram.tsx","./src/components/onlinecounter.tsx","./src/components/quickregionnav.tsx","./src/components/searchnav.tsx","./src/components/skindiagram3d.tsx","./src/components/structureinfopanel.tsx","./src/components/cell/celltypemodels.tsx","./src/components/cell/cellshared.tsx","./src/components/celldivision/celldivisionscene.tsx","./src/components/viewer/exammarkers.tsx","./src/components/viewer/intercostallabels.tsx","./src/components/viewer/mannequin.tsx","./src/components/viewer/scene.tsx","./src/components/viewer/systemmodel.tsx","./src/data/celldivisioncomponents.ts","./src/data/celldivisionstages.ts","./src/data/geneticsyndromes.ts","./src/data/microscopycredits.ts","./src/data/microscopyhotspots.ts","./src/data/musclereferenceimages.ts","./src/data/physicalexam.ts","./src/hooks/usestructures.ts","./src/hooks/usesystemstructures.ts","./src/lib/analytics.ts","./src/lib/api.ts","./src/lib/bodyregionbox.ts","./src/routes/adminstatspage.tsx","./src/routes/atlaspage.tsx","./src/routes/celldivisionpage.tsx","./src/routes/celltypespage.tsx","./src/routes/physicalexampage.tsx","./src/routes/planespage.tsx","./src/routes/quizpage.tsx","./src/store/useatlasstore.ts"],"version":"5.9.3"}
+{"version":"7.0.2","root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts","./src/components/celldiagram3d.tsx","./src/components/clippingcontrols.tsx","./src/components/cookieconsent.tsx","./src/components/feedbackwidget.tsx","./src/components/layertoggle.tsx","./src/components/layout.tsx","./src/components/microscopydiagram.tsx","./src/components/onlinecounter.tsx","./src/components/quickregionnav.tsx","./src/components/searchnav.tsx","./src/components/skindiagram3d.tsx","./src/components/structureinfopanel.tsx","./src/components/cell/celltypemodels.tsx","./src/components/cell/cellshared.tsx","./src/components/celldivision/celldivisionscene.tsx","./src/components/viewer/exammarkers.tsx","./src/components/viewer/intercostallabels.tsx","./src/components/viewer/mannequin.tsx","./src/components/viewer/scene.tsx","./src/components/viewer/systemmodel.tsx","./src/data/celldivisioncomponents.ts","./src/data/celldivisionstages.ts","./src/data/geneticsyndromes.ts","./src/data/microscopycredits.ts","./src/data/microscopyhotspots.ts","./src/data/musclereferenceimages.ts","./src/data/physicalexam.ts","./src/hooks/usestructures.ts","./src/hooks/usesystemstructures.ts","./src/lib/analytics.ts","./src/lib/api.ts","./src/lib/bodyregionbox.ts","./src/routes/adminstatspage.tsx","./src/routes/atlaspage.tsx","./src/routes/celldivisionpage.tsx","./src/routes/celltypespage.tsx","./src/routes/physicalexampage.tsx","./src/routes/planespage.tsx","./src/routes/quizpage.tsx","./src/store/useatlasstore.ts"],"packageJsons":["./node_modules/@mediapipe/tasks-vision/package.json","./node_modules/@react-three/drei/package.json","./node_modules/@react-three/fiber/package.json","./node_modules/@types/react-dom/package.json","./node_modules/@types/react/package.json","./node_modules/@types/three/package.json","./node_modules/@types/webxr/package.json","./node_modules/@use-gesture/core/actions/package.json","./node_modules/@use-gesture/core/package.json","./node_modules/@use-gesture/core/types/package.json","./node_modules/@use-gesture/core/utils/package.json","./node_modules/@use-gesture/react/package.json","./node_modules/camera-controls/package.json","./node_modules/cookie/package.json","./node_modules/csstype/package.json","./node_modules/detect-gpu/package.json","./node_modules/hls.js/package.json","./node_modules/jiti/package.json","./node_modules/meshline/package.json","./node_modules/react-dom/package.json","./node_modules/react-router-dom/package.json","./node_modules/react-router/package.json","./node_modules/react-use-measure/package.json","./node_modules/react/package.json","./node_modules/stats-gl/package.json","./node_modules/three-mesh-bvh/package.json","./node_modules/three-stdlib/package.json","./node_modules/three/package.json","./node_modules/use-sync-external-store/package.json","./node_modules/utility-types/package.json","./node_modules/vite/package.json","./node_modules/zustand/package.json","./package.json"],"missingPackageJsons":["./node_modules/@react-three/drei/core/package.json","./node_modules/@react-three/drei/helpers/package.json","./node_modules/@react-three/drei/materials/package.json","./node_modules/@react-three/drei/web/package.json","./node_modules/@react-three/drei/web/pivotControls/package.json","./node_modules/@react-three/fiber/dist/declarations/package.json","./node_modules/@react-three/fiber/dist/declarations/react-reconciler/package.json","./node_modules/@react-three/fiber/dist/declarations/src/core/package.json","./node_modules/@react-three/fiber/dist/declarations/src/core/utils/package.json","./node_modules/@react-three/fiber/dist/declarations/src/package.json","./node_modules/@react-three/fiber/dist/declarations/src/web/package.json","./node_modules/@react-three/fiber/dist/package.json","./node_modules/@types/node/package.json","./node_modules/@types/react-dom/client/package.json","./node_modules/@types/react/jsx-dev-runtime/package.json","./node_modules/@types/react/jsx-runtime/package.json","./node_modules/@types/three/build/package.json","./node_modules/@types/three/src/animation/package.json","./node_modules/@types/three/src/animation/tracks/package.json","./node_modules/@types/three/src/audio/package.json","./node_modules/@types/three/src/cameras/package.json","./node_modules/@types/three/src/core/package.json","./node_modules/@types/three/src/extras/core/package.json","./node_modules/@types/three/src/extras/curves/package.json","./node_modules/@types/three/src/extras/package.json","./node_modules/@types/three/src/geometries/package.json","./node_modules/@types/three/src/helpers/package.json","./node_modules/@types/three/src/lights/package.json","./node_modules/@types/three/src/loaders/package.json","./node_modules/@types/three/src/materials/nodes/manager/package.json","./node_modules/@types/three/src/materials/nodes/package.json","./node_modules/@types/three/src/materials/package.json","./node_modules/@types/three/src/math/interpolants/package.json","./node_modules/@types/three/src/mLine truncated

frontend/vite.config.ts

@@ -1,8 +1,9 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
   server: {
     host: true,
     port: 5173,