From ac30db8241495223a09feea92ad89e35d5df7e94 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 24 May 2026 22:54:33 +0000
Subject: [PATCH] Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
---
 src/components/ViewerControls.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/components/ViewerControls.tsx b/src/components/ViewerControls.tsx
index 7b654f2..25a5682 100644
--- a/src/components/ViewerControls.tsx
+++ b/src/components/ViewerControls.tsx
@@ -133,9 +133,38 @@ export function ViewerControls() {
         </span>
       </Button>
 
+      {/* Section cuts (X/Y/Z clipping planes) */}
+      <div className="flex items-end gap-1.5">
+        <Button
+          variant={sectionPanelOpen || sectionActive ? 'default' : 'outline'}
+          size="sm"
+          className="gap-2 h-9"
+          onClick={() => setSectionPanelOpen(!sectionPanelOpen)}
+          disabled={!activeModelId}
+          title="Cortes de seção em X / Y / Z"
+        >
+          <Scissors className="h-3.5 w-3.5" />
+          <span className="font-mono text-xs">
+            Cortes{sectionActive ? ' •' : ''}
+          </span>
+        </Button>
+        {sectionActive && (
+          <Button
+            variant="ghost"
+            size="icon"
+            className="h-9 w-9"
+            onClick={() => { resetSection(); toast.success('Cortes resetados'); }}
+            title="Resetar todos os cortes"
+          >
+            <Trash2 className="h-3.5 w-3.5 text-destructive" />
+          </Button>
+        )}
+      </div>
+
       {/* Scale presets */}
       <ScaleSelector />
 
+
       <Button
         variant={renderMode === 'edges' ? 'default' : 'outline'}
         size="sm"