From 4d96e6209e8fdebaf6d618599267d347d64d257c Mon Sep 17 00:00:00 2001
From: Drew Davis <drew.davis@clickhouse.com>
Date: Mon, 17 Nov 2025 08:07:55 -0500
Subject: [PATCH] fix: Prevent incorrect dashboard side panel close

---
 .changeset/ninety-baboons-shop.md              |  5 +++++
 packages/app/src/components/DBRowSidePanel.tsx | 13 +------------
 2 files changed, 6 insertions(+), 12 deletions(-)
 create mode 100644 .changeset/ninety-baboons-shop.md

diff --git a/.changeset/ninety-baboons-shop.md b/.changeset/ninety-baboons-shop.md
new file mode 100644
index 000000000..f9c6d463e
--- /dev/null
+++ b/.changeset/ninety-baboons-shop.md
@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": patch
+---
+
+fix: Prevent incorrect dashboard side panel close
diff --git a/packages/app/src/components/DBRowSidePanel.tsx b/packages/app/src/components/DBRowSidePanel.tsx
index 6270f7fd1..575b8922e 100644
--- a/packages/app/src/components/DBRowSidePanel.tsx
+++ b/packages/app/src/components/DBRowSidePanel.tsx
@@ -15,7 +15,6 @@ import { useHotkeys } from 'react-hotkeys-hook';
 import { TSource } from '@hyperdx/common-utils/dist/types';
 import { ChartConfigWithDateRange } from '@hyperdx/common-utils/dist/types';
 import { Box, Drawer, Flex, Stack } from '@mantine/core';
-import { useClickOutside } from '@mantine/hooks';
 
 import DBRowSidePanelHeader, {
   BreadcrumbNavigationCallback,
@@ -527,12 +526,6 @@ export default function DBRowSidePanelErrorBoundary({
 
   useHotkeys(['esc'], _onClose, { enabled: subDrawerOpen === false });
 
-  const drawerRef = useClickOutside(() => {
-    if (!subDrawerOpen && !isChildModalOpen && rowId != null) {
-      _onClose();
-    }
-  }, ['mouseup', 'touchend']);
-
   return (
     <Drawer
       opened={rowId != null}
@@ -554,11 +547,7 @@ export default function DBRowSidePanelErrorBoundary({
       zIndex={drawerZIndex}
     >
       <ZIndexContext.Provider value={drawerZIndex}>
-        <div
-          className={styles.panel}
-          ref={drawerRef}
-          data-testid="row-side-panel"
-        >
+        <div className={styles.panel} data-testid="row-side-panel">
           <Box className={styles.panelDragBar} onMouseDown={startResize} />
           <ErrorBoundary
             fallbackRender={error => (