From cbeb186a60db6f3e71c6c634061986194b994500 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 20:25:46 +0000
Subject: [PATCH] Changes

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

diff --git a/src/components/ViewerControls.tsx b/src/components/ViewerControls.tsx
index 142f3e6..b7eb4cf 100644
--- a/src/components/ViewerControls.tsx
+++ b/src/components/ViewerControls.tsx
@@ -121,6 +121,25 @@ export function ViewerControls() {
         </span>
       </Button>
 
+      {/* Camera projection toggle (Ortho ⇄ Persp) */}
+      <Button
+        variant="outline"
+        size="sm"
+        className="gap-2 h-9"
+        onClick={() => setCameraMode(cameraMode === 'ortho' ? 'persp' : 'ortho')}
+        title={cameraMode === 'ortho'
+          ? 'Vista ortogonal (CAD) — clique para perspectiva'
+          : 'Vista em perspectiva — clique para ortogonal'}
+      >
+        {cameraMode === 'ortho'
+          ? <Square className="h-3.5 w-3.5" />
+          : <Box className="h-3.5 w-3.5" />}
+        <span className="font-mono text-xs">
+          {cameraMode === 'ortho' ? 'Ortogonal' : 'Perspectiva'}
+        </span>
+      </Button>
+
+
       {/* Edges color/thickness/threshold popover */}
       {renderMode === 'edges' && (
         <Popover>