From 1fca9b5ff7f91cd7e1281a8513872402eeac848c Mon Sep 17 00:00:00 2001
From: Daniel Bedeleanu <bede@tfm.ro>
Date: Wed, 22 Apr 2026 11:33:37 +0300
Subject: [PATCH] feat: add orientation indicators to debug panel

- Display UP/DOWN/LEFT/RIGHT labels at canvas edges
- Shows which direction is which in the original image
- Helps verify rotation correctness visually
---
 frontend/components/DebugRotationPanel.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/frontend/components/DebugRotationPanel.tsx b/frontend/components/DebugRotationPanel.tsx
index e43175a9..68b35533 100644
--- a/frontend/components/DebugRotationPanel.tsx
+++ b/frontend/components/DebugRotationPanel.tsx
@@ -95,6 +95,22 @@ export function DebugRotationPanel({
     // Save state
     ctx.save();
 
+    // Draw orientation indicators at corners
+    ctx.fillStyle = 'rgba(255, 255, 255, 0.9)';
+    ctx.font = 'bold 14px monospace';
+    ctx.textAlign = 'left';
+    ctx.textBaseline = 'top';
+    ctx.fillText('⬆ UP', 10, 5);
+    ctx.fillText('⬅ LEFT', 5, 20);
+
+    ctx.textAlign = 'right';
+    ctx.textBaseline = 'top';
+    ctx.fillText('RIGHT ➡', canvas.width - 10, 20);
+
+    ctx.textAlign = 'left';
+    ctx.textBaseline = 'bottom';
+    ctx.fillText('⬇ DOWN', 10, canvas.height - 5);
+
     // Draw crop bounds rectangle (bright green)
     ctx.strokeStyle = '#00FF00';
     ctx.lineWidth = 4;