🚀 Auto-deploy: BrainWind atualizado em 12/07/2026 16:34:24

app/src/pages/GalpaoModule.tsx

@@ -14,6 +14,7 @@ import { Separator } from '@/components/ui/separator';
 import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
 import ExportMenu from '../components/ExportMenu';
 import { EducationalManual } from '@/components/EducationalManual';
+import { PressureLegend } from '@/components/PressureLegend';
 
 const GalpaoModule: React.FC = () => {
   const {
@@ -150,17 +151,7 @@ const GalpaoModule: React.FC = () => {
           </div>
         </div>
 
-        <div className="absolute bottom-4 left-4 z-10 flex gap-3 p-3 bg-background/90 backdrop-blur-md border border-border rounded-lg shadow-sm">
-          <div className="flex items-center gap-2">
-            <div className="w-3 h-3 rounded-full bg-blue-500 shadow-[0_0_8px_rgba(59,130,246,0.5)]" />
-            <span className="text-xs font-medium text-foreground">Pressão (Empuxo)</span>
-          </div>
-          <Separator orientation="vertical" className="h-4" />
-          <div className="flex items-center gap-2">
-            <div className="w-3 h-3 rounded-full bg-red-500 shadow-[0_0_8px_rgba(239,68,68,0.5)]" />
-            <span className="text-xs font-medium text-foreground">Sucção (Arrasto)</span>
-          </div>
-        </div>
+        <PressureLegend />
 
         <div className="w-full h-full cursor-grab active:cursor-grabbing bg-muted/20">
           <Warehouse3DViewer />