🚀 Auto-deploy: BrainWind atualizado em 13/07/2026 15:33:59

app/src/components/three/Piperack3D.tsx

@@ -4,6 +4,7 @@ import SceneCanvas from '../SceneCanvas';
 import { WindArrow } from './WindArrow';
 import { useCanvasTheme } from '@/lib/theme';
 import type { PipeDef } from '../../lib/modules/piperack';
+import FallbackDiagram from '../FallbackDiagram';
 
 export interface Piperack3DInput {
   width: number;
@@ -94,8 +95,15 @@ function PiperackModel({
 export function Piperack3D(props: Piperack3DInput) {
   const isDark = useCanvasTheme() === 'dark';
 
+  const fallback = (
+    <FallbackDiagram
+      type="piperack"
+      props={props}
+    />
+  );
+
   return (
-    <SceneCanvas moduleId="piperack" fallback={<div />}>
+    <SceneCanvas moduleId="piperack" fallback={fallback}>
       <ambientLight intensity={isDark ? 0.3 : 0.6} />
       <directionalLight position={[10, 15, 10]} intensity={isDark ? 1 : 1.5} castShadow shadow-bias={-0.001} />
       <Environment preset="city" />