From a66f57fafff7f0b3bb85963f4454cff183078494 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Fri, 3 Apr 2026 02:37:22 +0200
Subject: [PATCH] Update App.tsx to handle viewport panel hover and modify
 tests/unit/transform-foundation.integration.test.tsx for pointer events

---
 src/app/App.tsx                                      | 11 ++++++++++-
 tests/unit/transform-foundation.integration.test.tsx |  5 ++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index e94252e4..fadb8070 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -1331,6 +1331,16 @@ export function App({ store, initialStatusMessage }: AppProps) {
         x: event.clientX,
         y: event.clientY
       };
+
+      const hoveredViewportPanelElement =
+        event.target instanceof Element ? event.target.closest<HTMLElement>("[data-viewport-panel-id]") : null;
+      const hoveredPanelId = hoveredViewportPanelElement?.dataset.viewportPanelId;
+
+      setHoveredViewportPanelId(
+        hoveredPanelId === "topLeft" || hoveredPanelId === "topRight" || hoveredPanelId === "bottomLeft" || hoveredPanelId === "bottomRight"
+          ? hoveredPanelId
+          : null
+      );
     };
 
     const handleWindowKeyDown = (event: globalThis.KeyboardEvent) => {
@@ -4867,7 +4877,6 @@ export function App({ store, initialStatusMessage }: AppProps) {
                 focusRequestId={focusRequest.panelId === panelId ? focusRequest.id : 0}
                 focusSelection={focusRequest.selection}
                 onActivatePanel={handleActivateViewportPanel}
-                onHoverPanel={setHoveredViewportPanelId}
                 onSetPanelViewMode={handleSetViewportPanelViewMode}
                 onSetPanelDisplayMode={handleSetViewportPanelDisplayMode}
                 onCommitCreation={handleCommitCreation}
diff --git a/tests/unit/transform-foundation.integration.test.tsx b/tests/unit/transform-foundation.integration.test.tsx
index 6a8b26e7..b4e073c9 100644
--- a/tests/unit/transform-foundation.integration.test.tsx
+++ b/tests/unit/transform-foundation.integration.test.tsx
@@ -436,7 +436,10 @@ describe("transform foundation integration", () => {
       fireEvent.click(screen.getByRole("button", { name: /^Brush Transform Fixture$/ }));
     });
 
-    fireEvent.pointerOver(screen.getByTestId("viewport-panel-bottomRight"));
+    fireEvent.pointerMove(screen.getByTestId("viewport-panel-bottomRight"), {
+      clientX: 24,
+      clientY: 24
+    });
     fireEvent.keyDown(window, {
       key: "g",
       code: "KeyG"