internal(browser): Expand drawer when clicking tab in browser debugger (#1010)

Author: allansson

package-lock.json

@@ -147,7 +147,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.53.0",
-    "react-resizable-panels": "^4.0.8",
+    "react-resizable-panels": "^4.4.1",
     "react-router-dom": "^6.30.3",
     "react-select": "^5.10.2",
     "react-use": "^17.5.1",

package.json

@@ -19,8 +19,8 @@ export const Separator = styled(SeparatorPrimitive)`
     height: 100%;
   }
 
-  &[data-separator='hover']::before,
-  &[data-separator='active']::before {
+  &[data-separator='hover']:not([data-disabled])::before,
+  &[data-separator='active']:not([data-disabled])::before {
     --separator-size: 2px;
     background-color: var(--focus-border);
   }