Hotkey for creating environment when dialog open

src-web/components/EnvironmentEditDialog.tsx

@@ -98,6 +98,8 @@ export const EnvironmentEditDialog = function ({ initialEnvironment }: Props) {
                   <IconButton
                     size="sm"
                     iconSize="md"
+                    hotkeyAction="model.create"
+                    hotkeyPriority={999}
                     title="Add sub environment"
                     icon="plus_circle"
                     iconClassName="text-text-subtlest group-hover:text-text-subtle"

src-web/components/core/Button.tsx

@@ -21,6 +21,7 @@ export type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'color' | 'onC
   leftSlot?: ReactNode;
   rightSlot?: ReactNode;
   hotkeyAction?: HotkeyAction;
+  hotkeyPriority?: number;
 };
 
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(
@@ -39,6 +40,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button
     rightSlot,
     disabled,
     hotkeyAction,
+    hotkeyPriority,
     title,
     onClick,
     ...props
@@ -94,9 +96,13 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button
     () => buttonRef.current,
   );
 
-  useHotKey(hotkeyAction ?? null, () => {
+  useHotKey(
-    buttonRef.current?.click();
+    hotkeyAction ?? null,
-  });
+    () => {
+      buttonRef.current?.click();
+    },
+    { priority: hotkeyPriority },
+  );
 
   return (
     <button

src-web/hooks/useHotKey.ts

@@ -118,7 +118,7 @@ export function useHotKey(
       return [...without, newCb];
     });
     return () => {
-      jotaiStore.set(callbacksAtom, (prev) => prev.filter((cb) => cb.action !== action));
+      jotaiStore.set(callbacksAtom, (prev) => prev.filter((cb) => cb.callback !== callback));
     };
   }, [action, callback, options]);
 }