use corpo real exame fisico

frontend/src/components/viewer/Scene.tsx

@@ -1,4 +1,4 @@
-import { Suspense, useEffect, useMemo, useRef } from "react";
+import { Suspense, useEffect, useMemo, useRef, type ReactNode } from "react";
 import { Canvas, useThree } from "@react-three/fiber";
 import { CameraControls, Grid } from "@react-three/drei";
 import * as THREE from "three";
@@ -173,7 +173,17 @@ function CameraController({ modelFiles }: { modelFiles: string[] }) {
   );
 }
 
-export function Scene({ bySlug }: { bySlug: Map<string, Structure> }) {
+export function Scene({
+  bySlug,
+  children,
+}: {
+  bySlug: Map<string, Structure>;
+  // Ponto de extensão pra conteúdo 3D extra dentro do MESMO Canvas (e do
+  // mesmo contexto do react-three-fiber) — usado pelo módulo de Exame
+  // Físico pra desenhar os pontos de exame em cima do corpo real, sem
+  // duplicar toda a lógica de carregamento de malhas/câmera daqui.
+  children?: ReactNode;
+}) {
   const visibleSystems = useAtlasStore((s) => s.visibleSystems);
   const selectedStructureId = useAtlasStore((s) => s.selectedStructureId);
   const selectStructure = useAtlasStore((s) => s.selectStructure);
@@ -245,6 +255,7 @@ export function Scene({ bySlug }: { bySlug: Map<string, Structure> }) {
         infiniteGrid
       />
       <CameraController modelFiles={modelFiles} />
+      {children}
     </Canvas>
   );
 }