🚀 Auto-deploy: BrainWind atualizado em 13/07/2026 19:40:54

app/src/pages/PiperackModule.tsx

@@ -12,6 +12,7 @@ import { exportGenericToPDF, type GenericPDFSection } from '../lib/export-generi
 import { Plus, Trash2, Layers, Info } from 'lucide-react';
 import { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from '@/components/ui/tooltip';
 import { Input } from '@/components/ui/input';
+import { EducationalManual } from '@/components/EducationalManual';
 
 const PiperackModule: React.FC = () => {
   const { q } = useWindStore();
@@ -206,6 +207,9 @@ const PiperackModule: React.FC = () => {
 
         {/* Coluna Central: 3D */}
         <div className="flex-1 flex flex-col min-h-[500px] lg:min-h-0 bg-background rounded-xl border border-border shadow-sm overflow-hidden relative">
+          <div className="absolute top-4 right-4 z-10">
+            <EducationalManual type="piperack" params={{ numFrames, phiTotal: result.phiTotal }} />
+          </div>
           <Piperack3D
             width={width}
             height={height}