Cmd+n to open dropdown

src-web/components/RecentRequestsDropdown.tsx

@@ -31,7 +31,7 @@ export function RecentRequestsDropdown({ className }: Pick<ButtonProps, 'classNa
   useKey('k', (e) => {
     if (e.metaKey) {
       e.preventDefault();
-      dropdownRef.current?.toggle(0);
+      dropdownRef.current?.toggle();
     }
   });
 
@@ -42,12 +42,12 @@ export function RecentRequestsDropdown({ className }: Pick<ButtonProps, 'classNa
   });
 
   useHotKey('requestSwitcher.prev', () => {
-    if (!dropdownRef.current?.isOpen) dropdownRef.current?.open(1);
+    if (!dropdownRef.current?.isOpen) dropdownRef.current?.open();
     dropdownRef.current?.next?.();
   });
 
   useHotKey('requestSwitcher.next', () => {
-    if (!dropdownRef.current?.isOpen) dropdownRef.current?.open(-1);
+    if (!dropdownRef.current?.isOpen) dropdownRef.current?.open();
     dropdownRef.current?.prev?.();
   });
 

src-web/components/ResponsePane.tsx

@@ -145,7 +145,7 @@ export const ResponsePane = memo(function ResponsePane({ style, className, activ
           </HStack>
 
           {activeResponse?.error ? (
-            <Banner color="danger" className="m-2 mt-4">
+            <Banner color="danger" className="m-2">
               {activeResponse.error}
             </Banner>
           ) : (

src-web/components/SidebarActions.tsx

@@ -32,11 +32,11 @@ export const SidebarActions = memo(function SidebarActions() {
         icon={hidden ? 'leftPanelHidden' : 'leftPanelVisible'}
       />
       <Dropdown
+        openOnHotKeyAction="http_request.create"
         items={[
           {
             key: 'create-http-request',
             label: 'HTTP Request',
-            hotKeyAction: 'http_request.create',
             onSelect: () => createHttpRequest.mutate({}),
           },
           {

src-web/hooks/useHotKey.ts

@@ -5,6 +5,7 @@ import { debounce } from '../lib/debounce';
 import { useOsInfo } from './useOsInfo';
 
 export type HotkeyAction =
+  | 'dropdown.close'
   | 'environmentEditor.toggle'
   | 'hotkeys.showHelp'
   | 'grpc_request.send'
@@ -19,6 +20,7 @@ export type HotkeyAction =
   | 'urlBar.focus';
 
 const hotkeys: Record<HotkeyAction, string[]> = {
+  'dropdown.close': ['Escape'],
   'environmentEditor.toggle': ['CmdCtrl+Shift+e'],
   'grpc_request.send': ['CmdCtrl+Enter', 'CmdCtrl+r'],
   'hotkeys.showHelp': ['CmdCtrl+Shift+/'],
@@ -34,6 +36,7 @@ const hotkeys: Record<HotkeyAction, string[]> = {
 };
 
 const hotkeyLabels: Record<HotkeyAction, string> = {
+  'dropdown.close': 'Close Dropdown',
   'environmentEditor.toggle': 'Edit Environments',
   'grpc_request.send': 'Send Message',
   'hotkeys.showHelp': 'Show Keyboard Shortcuts',
@@ -81,7 +84,7 @@ export function useAnyHotkey(
 
   useEffect(() => {
     // Sometimes the keyup event doesn't fire, so we clear the keys after a timeout
-    const clearCurrentKeys = debounce(() => currentKeys.current.clear(), 1000);
+    const clearCurrentKeys = debounce(() => currentKeys.current.clear(), 5000);
 
     const down = (e: KeyboardEvent) => {
       if (options.enable === false) {