fix5

frontend/src/components/viewer/SystemModel.tsx

@@ -29,12 +29,9 @@ export function SystemModel({
 }: Props) {
   const { scene } = useGLTF(modelUrl(modelFile));
   const clonedRef = useRef<THREE.Group>();
-  // Nome original de CADA objeto (não só malhas) como veio do .glb,
-  // capturado uma única vez no clone. Precisamos disso porque quando um
-  // nó do glTF tem mais de um material, o GLTFLoader do three.js cria um
-  // Group com o nome do nó e sub-malhas (children) com nomes DIFERENTES
-  // (gerados pelo loader) — sem isso, a maioria das estruturas com mais
-  // de um material nunca batia com o manifesto e ficava sempre oculta.
+  // 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).
   const originalNames = useRef<WeakMap<THREE.Object3D, string>>(new WeakMap());
 
   if (!clonedRef.current) {
@@ -50,20 +47,32 @@ export function SystemModel({
   }
   const root = clonedRef.current!;
 
-  const byMeshName = useMemo(
+  const bySlugInFile = useMemo(
+    () => new Map(structuresInFile.map((s) => [s.slug, s])),
+    [structuresInFile],
+  );
+  const byMeshNameInFile = useMemo(
     () => new Map(structuresInFile.map((s) => [s.meshName, s])),
     [structuresInFile],
   );
 
-  // Sobe pelos pais até achar um nome (do próprio objeto ou de um
-  // ancestral) que bata com alguma estrutura do manifesto.
+  // Sobe pelos pais até achar uma correspondência. Preferimos o "slug"
+  // gravado em userData (extras do glTF) — sobrevive intacto por todo o
+  // pipeline (assimp, simplificação, GLTFLoader). O nome ("name") é usado
+  // só como fallback, pois um nó com mais de um material vira um Group
+  // (com o nome original) + sub-Meshes com nomes gerados pelo loader.
   function resolveStructure(obj: THREE.Object3D): Structure | undefined {
     let node: THREE.Object3D | null = obj;
     while (node) {
+      const slug = node.userData?.slug as string | undefined;
+      if (slug) {
+        const bySlug = bySlugInFile.get(slug);
+        if (bySlug) return bySlug;
+      }
       const name = originalNames.current.get(node);
       if (name) {
-        const structure = byMeshName.get(name);
-        if (structure) return structure;
+        const byName = byMeshNameInFile.get(name);
+        if (byName) return byName;
       }
       node = node.parent;
     }
@@ -92,7 +101,7 @@ export function SystemModel({
       mat.emissiveIntensity = isSelected ? 0.6 : 0;
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [root, byMeshName, visibleSystems, selectedSlug, clippingPlanes]);
+  }, [root, bySlugInFile, byMeshNameInFile, visibleSystems, selectedSlug, clippingPlanes]);
 
   const handleClick = (e: ThreeEvent<MouseEvent>) => {
     e.stopPropagation();