From b0bf2ce054c17f4e6faf8fa27d3f4476d675c943 Mon Sep 17 00:00:00 2001
From: Marcos <m.reifonas@gmail.com>
Date: Mon, 13 Jul 2026 18:44:48 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20Auto-deploy:=20BrainWind=20atual?=
 =?UTF-8?q?izado=20em=2013/07/2026=2018:44:48?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/pages/PiperackModule.tsx | 46 ++++++++++++++++++++------------
 1 file changed, 29 insertions(+), 17 deletions(-)

diff --git a/app/src/pages/PiperackModule.tsx b/app/src/pages/PiperackModule.tsx
index 0dfabaf..d2553d2 100644
--- a/app/src/pages/PiperackModule.tsx
+++ b/app/src/pages/PiperackModule.tsx
@@ -264,29 +264,41 @@ const PiperackModule: React.FC = () => {
                 <h4 className="font-semibold text-sm mb-3">Reações Simplificadas (Vista Lateral)</h4>
                 <div className="bg-muted/30 p-3 rounded-md border text-xs space-y-4">
                   
-                  <svg width="100%" height="130" viewBox="0 0 300 130" className="bg-white rounded border">
-                    <line x1="20" y1="100" x2="280" y2="100" stroke="#cbd5e1" strokeWidth="2" />
+                  <svg width="100%" height="150" viewBox="0 0 300 150" className="bg-white rounded border">
+                    {/* Linha do chão */}
+                    <line x1="20" y1="110" x2="280" y2="110" stroke="#cbd5e1" strokeWidth="2" />
                     
-                    <rect x="80" y="30" width="8" height="70" fill="#64748b" />
-                    <text x="84" y="115" textAnchor="middle" fontSize="10" fill="#475569">C1 (Barlavento)</text>
-                    <line x1="70" y1="100" x2="70" y2="70" stroke="#ef4444" strokeWidth="2" markerEnd="url(#arrowUp)" />
-                    <text x="65" y="85" textAnchor="end" fill="#ef4444" fontSize="10">Tração</text>
+                    {/* Vigas Longitudinais (Stringers) - conectando as colunas no sentido longitudinal */}
+                    <line x1="84" y1="40" x2="216" y2="40" stroke="#94a3b8" strokeWidth="4" />
+                    <line x1="84" y1="65" x2="216" y2="65" stroke="#94a3b8" strokeWidth="4" />
 
-                    <rect x="212" y="30" width="8" height="70" fill="#64748b" />
-                    <text x="216" y="115" textAnchor="middle" fontSize="10" fill="#475569">C2 (Sotavento)</text>
-                    <line x1="225" y1="70" x2="225" y2="100" stroke="#3b82f6" strokeWidth="2" markerEnd="url(#arrowDown)" />
-                    <text x="230" y="85" textAnchor="start" fill="#3b82f6" fontSize="10">Comp.</text>
+                    {/* Coluna 1 (Frente) */}
+                    <rect x="80" y="35" width="8" height="75" fill="#64748b" />
+                    <text x="84" y="125" textAnchor="middle" fontSize="10" fill="#475569">C1 (Barlavento)</text>
+                    <line x1="70" y1="110" x2="70" y2="80" stroke="#ef4444" strokeWidth="2" markerEnd="url(#arrowUp)" />
+                    <text x="65" y="95" textAnchor="end" fill="#ef4444" fontSize="10">Tração</text>
 
-                    <rect x="76" y="30" width="148" height="10" fill="#64748b" />
+                    {/* Coluna 2 (Trás) */}
+                    <rect x="212" y="35" width="8" height="75" fill="#64748b" />
+                    <text x="216" y="125" textAnchor="middle" fontSize="10" fill="#475569">C2 (Sotavento)</text>
+                    <line x1="225" y1="80" x2="225" y2="110" stroke="#3b82f6" strokeWidth="2" markerEnd="url(#arrowDown)" />
+                    <text x="230" y="95" textAnchor="start" fill="#3b82f6" fontSize="10">Comp.</text>
+
+                    {/* Tubulações transversais cortadas (Círculos azuis) para indicar vista lateral */}
+                    <circle cx="100" cy="30" r="10" fill="#3b82f6" fillOpacity="0.8" />
+                    <circle cx="130" cy="30" r="14" fill="#3b82f6" fillOpacity="0.8" />
+                    <circle cx="170" cy="30" r="8" fill="#3b82f6" fillOpacity="0.8" />
+                    <circle cx="200" cy="30" r="12" fill="#3b82f6" fillOpacity="0.8" />
                     
-                    <line x1="20" y1="35" x2="75" y2="35" stroke="#10b981" strokeWidth="2" markerEnd="url(#arrowRight)" />
-                    <text x="45" y="30" textAnchor="middle" fill="#10b981" fontSize="10" fontWeight="bold">Vento (F)</text>
+                    {/* Vento batendo na primeira coluna/tubos */}
+                    <line x1="20" y1="50" x2="75" y2="50" stroke="#10b981" strokeWidth="2" markerEnd="url(#arrowRight)" />
+                    <text x="45" y="45" textAnchor="middle" fill="#10b981" fontSize="10" fontWeight="bold">Vento (F)</text>
                     
                     {/* Linha de cota para o espaçamento (e) */}
-                    <line x1="84" y1="120" x2="216" y2="120" stroke="#64748b" strokeWidth="1" />
-                    <line x1="84" y1="117" x2="84" y2="123" stroke="#64748b" strokeWidth="1" />
-                    <line x1="216" y1="117" x2="216" y2="123" stroke="#64748b" strokeWidth="1" />
-                    <text x="150" y="117" textAnchor="middle" fontSize="9" fill="#64748b">Espaçamento (e) = {spacing}m</text>
+                    <line x1="84" y1="140" x2="216" y2="140" stroke="#64748b" strokeWidth="1" />
+                    <line x1="84" y1="137" x2="84" y2="143" stroke="#64748b" strokeWidth="1" />
+                    <line x1="216" y1="137" x2="216" y2="143" stroke="#64748b" strokeWidth="1" />
+                    <text x="150" y="137" textAnchor="middle" fontSize="9" fill="#64748b">Espaçamento (e) = {spacing}m</text>
                     
                     <defs>
                       <marker id="arrowUp" markerWidth="6" markerHeight="6" refX="3" refY="0" orient="auto">