From e4e433101052d479bf0e7d4c2353d6f6a4aee087 Mon Sep 17 00:00:00 2001
From: David Montero Crespo <davidmonterocrespo24@gmail.com>
Date: Fri, 7 Aug 2026 22:46:00 +0200
Subject: [PATCH] ux(canvas): component camera toggles say "Camera", like the
 board toggle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The header spoke two languages: the ESP32-CAM/Sense board toggle says
"Camera" while component-owned webcams printed their registry label
("HuskyLens cam", "Gesture cam") — which read as a different control.
The button now says "Camera" everywhere; the component identity stays in
the tooltip, where it disambiguates when several cameras coexist.
---
 .../src/components/simulator/ComponentCameraToggles.tsx    | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/simulator/ComponentCameraToggles.tsx b/frontend/src/components/simulator/ComponentCameraToggles.tsx
index cba9f32e..0c7b4f51 100644
--- a/frontend/src/components/simulator/ComponentCameraToggles.tsx
+++ b/frontend/src/components/simulator/ComponentCameraToggles.tsx
@@ -49,7 +49,12 @@ const Toggle: React.FC<{ cam: ComponentCameraEntry }> = ({ cam }) => {
         <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" />
         <circle cx="12" cy="13" r="4" />
       </svg>
-      <span>{cam.label}</span>
+      {/* The button says "Camera", exactly like the board CameraToggle —
+          one header language (user feedback: "HuskyLens cam" next to the
+          ESP32-CAM's plain "Camera" read as a different thing). WHICH
+          camera it is stays in the tooltip, where it matters when a board
+          camera and a component camera coexist. */}
+      <span>Camera</span>
     </button>
   );
 };