From 0b941583d2ad543aca05dab02b1e5198568ef74c Mon Sep 17 00:00:00 2001
From: bymyself <cbyrne@comfy.org>
Date: Thu, 4 Sep 2025 18:31:52 -0700
Subject: [PATCH] remove debug viewport visualizer

---
 src/components/graph/TransformPane.vue | 35 --------------------------
 1 file changed, 35 deletions(-)

diff --git a/src/components/graph/TransformPane.vue b/src/components/graph/TransformPane.vue
index 39d779d89..e39978e32 100644
--- a/src/components/graph/TransformPane.vue
+++ b/src/components/graph/TransformPane.vue
@@ -1,4 +1,3 @@
-<!-- eslint-disable @intlify/vue-i18n/no-raw-text -->
 <template>
   <div
     class="transform-pane"
@@ -8,37 +7,6 @@
   >
     <!-- Vue nodes will be rendered here -->
     <slot />
-
-    <!-- DEV ONLY: Viewport bounds visualization -->
-    <div
-      v-if="props.showDebugOverlay"
-      class="viewport-debug-overlay"
-      :style="{
-        position: 'absolute',
-        left: '10px',
-        top: '10px',
-        border: '2px solid red',
-        width: (props.viewport?.width || 0) - 20 + 'px',
-        height: (props.viewport?.height || 0) - 20 + 'px',
-        pointerEvents: 'none',
-        opacity: 0.5
-      }"
-    >
-      <div
-        style="
-          position: absolute;
-          top: 0;
-          left: 0;
-          background: red;
-          color: white;
-          padding: 2px 5px;
-          font-size: 10px;
-        "
-      >
-        Viewport: {{ props.viewport?.width }}x{{ props.viewport?.height }} DPR:
-        {{ devicePixelRatio }}
-      </div>
-    </div>
   </div>
 </template>
 
@@ -58,9 +26,6 @@ interface TransformPaneProps {
 
 const props = defineProps<TransformPaneProps>()
 
-// Get device pixel ratio for display
-const devicePixelRatio = window.devicePixelRatio || 1
-
 // Transform state management
 const {
   camera,