From dbf6ad70f598197282931313e8906f2c03e68846 Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Mon, 16 Jun 2025 08:54:09 -0700
Subject: [PATCH] Mark optima input wrappers

---
 src/common/layout/optima/portals/OptimaPortalsIn.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/common/layout/optima/portals/OptimaPortalsIn.tsx b/src/common/layout/optima/portals/OptimaPortalsIn.tsx
index e2c1686f3..1f4659d4c 100644
--- a/src/common/layout/optima/portals/OptimaPortalsIn.tsx
+++ b/src/common/layout/optima/portals/OptimaPortalsIn.tsx
@@ -13,9 +13,10 @@ const drawerWrapperStyle = {
 } as const;
 
 const panelWrapperStyle = {
-  ...drawerWrapperStyle,
-  // replicates PanelContentPortal.portalContentSx.gap, as we have added a div which deletes the gap
   flex: 1,
+  ...drawerWrapperStyle,
+
+  // replicates PanelContentPortal.portalContentSx.gap, as we have added a div which deletes the gap
   gap: `${OPTIMA_PANEL_GROUPS_SPACING / 2}rem`, //
 } as const;
 
@@ -28,6 +29,7 @@ export function OptimaDrawerIn(props: { children: React.ReactNode }) {
   const { peekDrawerEnter, peekDrawerLeave } = optimaActions();
   return createPortal(
     <div
+      data-optima-piw='drawer' // portal input wrapper
       onMouseEnter={peekDrawerEnter}
       onMouseLeave={peekDrawerLeave}
       style={drawerWrapperStyle}
@@ -44,6 +46,7 @@ export function OptimaPanelIn(props: { children: React.ReactNode }) {
   const { peekPanelEnter, peekPanelLeave } = optimaActions();
   return createPortal(
     <div
+      data-optima-piw='panel' // portal input wrapper
       onMouseEnter={peekPanelEnter}
       onMouseLeave={peekPanelLeave}
       style={panelWrapperStyle}