feat(dashboards): Add ESC key to dismiss widget builder slideout (#112186)

Pressing Escape while the widget builder slideout is open now triggers
the same close flow as the Close button. If there are unsaved changes,
the confirmation modal appears; otherwise the panel closes immediately.

Previously there was no keyboard shortcut to dismiss the slideout — you
had to click the Close or Cancel buttons.

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: Claude Opus 4.6 <noreply@example.com>

Author: 3 people

static/app/views/dashboards/widgetBuilder/components/widgetBuilderSlideout.tsx

@@ -12,13 +12,15 @@ import isEqual from 'lodash/isEqual';
 
 import {Alert} from '@sentry/scraps/alert';
 import {Button} from '@sentry/scraps/button';
+import {useHotkeys} from '@sentry/scraps/hotkey';
 import {Flex} from '@sentry/scraps/layout';
 import {ExternalLink, Link} from '@sentry/scraps/link';
 import {SlideOverPanel} from '@sentry/scraps/slideOverPanel';
 
 import {Breadcrumbs} from 'sentry/components/breadcrumbs';
 import {openConfirmModal} from 'sentry/components/confirm';
 import {ErrorBoundary} from 'sentry/components/errorBoundary';
+import {useGlobalModal} from 'sentry/components/globalModal/useGlobalModal';
 import {Placeholder} from 'sentry/components/placeholder';
 import {IconClose} from 'sentry/icons';
 import {t, tctCode} from 'sentry/locale';
@@ -99,6 +101,7 @@ export function WidgetBuilderSlideout({
 }: WidgetBuilderSlideoutProps) {
   const organization = useOrganization();
   const location = useLocation();
+  const {visible: isModalVisible} = useGlobalModal();
   const {state, dispatch} = useWidgetBuilderContext();
   const [initialState] = useState(state);
   const [customizeFromLibrary, setCustomizeFromLibrary] = useState(false);
@@ -234,6 +237,19 @@ export function WidgetBuilderSlideout({
     });
   }, [initialState, onClose, state]);
 
+  useHotkeys([
+    {
+      match: 'Escape',
+      skipPreventDefault: true,
+      callback: (evt: KeyboardEvent) => {
+        if (!isModalVisible) {
+          evt.preventDefault();
+          onCloseWithModal();
+        }
+      },
+    },
+  ]);
+
   const breadcrumbs = customizeFromLibrary
     ? [
         {