From c2ddd60ff05b373ad82a6c9396eb381e3c59c8c8 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Sat, 19 Mar 2022 00:26:57 -0400
Subject: [PATCH 1/2] Navigator updates

---
 package.json                                  |   1 -
 public/index.html                             |   5 +-
 .../widgets/CatalogPurchaseWidgetView.tsx     |   2 +-
 src/components/navigator/NavigatorContext.tsx |  31 +-
 .../navigator/NavigatorMessageHandler.tsx     | 262 +++++++++++-----
 src/components/navigator/NavigatorView.tsx    | 205 ++++++-------
 .../navigator/common/NavigatorData.ts         |  15 +
 .../navigator/common/RoomSettingsData.ts      |   4 +-
 .../navigator/common/RoomSettingsUtils.ts     |   9 +-
 .../navigator/reducers/NavigatorReducer.tsx   | 115 -------
 .../creator/NavigatorRoomCreatorView.tsx      |   5 +-
 .../views/room-info/NavigatorRoomInfoView.tsx |  71 ++---
 .../views/room-link/NavigatorRoomLinkView.tsx |  47 +--
 .../NavigatorRoomSettingsView.tsx             | 111 ++++---
 .../NavigatorRoomSettingsBasicTabView.tsx     |  16 +-
 .../views/NavigatorRoomSettingsModTabView.tsx |   8 +-
 .../views/search/NavigatorSearchView.tsx      |  30 +-
 .../high-score/FurnitureHighScoreView.tsx     |  14 +-
 .../room-tools/RoomToolsWidgetView.tsx        |   7 +-
 src/components/toolbar/ToolbarView.tsx        |   4 +-
 src/events/navigator/NavigatorEvent.ts        |  33 --
 src/events/navigator/index.ts                 |   1 -
 yarn.lock                                     | 283 ------------------
 23 files changed, 482 insertions(+), 797 deletions(-)
 create mode 100644 src/components/navigator/common/NavigatorData.ts
 delete mode 100644 src/components/navigator/reducers/NavigatorReducer.tsx
 delete mode 100644 src/events/navigator/NavigatorEvent.ts

diff --git a/package.json b/package.json
index c03ac7f7..3823a8d9 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,6 @@
     "@fortawesome/fontawesome-svg-core": "^6.1.0",
     "@fortawesome/free-solid-svg-icons": "^6.1.0",
     "@fortawesome/react-fontawesome": "^0.1.17",
-    "@nitrots/nitro-renderer": "^1.1.13",
     "animate.css": "^4.1.1",
     "classnames": "^2.3.1",
     "cross-env": "^7.0.3",
diff --git a/public/index.html b/public/index.html
index 04f4d7b3..d4019e89 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,7 +23,10 @@
     <script>
       const NitroConfig = {
         "config.urls": [ '/renderer-config.json', '/ui-config.json' ],
-        "sso.ticket": (new URLSearchParams(window.location.search).get('sso') || null)
+        "sso.ticket": (new URLSearchParams(window.location.search).get('sso') || null),
+        "forward.type": (new URLSearchParams(window.location.search).get('room') ? 2 : -1),
+        "forward.id": (new URLSearchParams(window.location.search).get('room') || 0),
+        "friend.id": (new URLSearchParams(window.location.search).get('friend') || 0),
       };
     </script>
   </body>
diff --git a/src/components/catalog/views/page/widgets/CatalogPurchaseWidgetView.tsx b/src/components/catalog/views/page/widgets/CatalogPurchaseWidgetView.tsx
index 1fd376b1..4691b8a2 100644
--- a/src/components/catalog/views/page/widgets/CatalogPurchaseWidgetView.tsx
+++ b/src/components/catalog/views/page/widgets/CatalogPurchaseWidgetView.tsx
@@ -171,7 +171,7 @@ export const CatalogPurchaseWidgetView: FC<CatalogPurchaseWidgetViewProps> = pro
         switch(purchaseState)
         {
             case CatalogPurchaseState.CONFIRM:
-                return <Button variant='warning' onClick={ event => purchase() }>{ LocalizeText('catalog.marketplace.confirm_title') }</Button>;
+                return <Button variant="warning" onClick={ event => purchase() }>{ LocalizeText('catalog.marketplace.confirm_title') }</Button>;
             case CatalogPurchaseState.PURCHASE:
                 return <Button disabled><LayoutLoadingSpinnerView /></Button>;
             case CatalogPurchaseState.FAILED:
diff --git a/src/components/navigator/NavigatorContext.tsx b/src/components/navigator/NavigatorContext.tsx
index 99fe9267..6455317d 100644
--- a/src/components/navigator/NavigatorContext.tsx
+++ b/src/components/navigator/NavigatorContext.tsx
@@ -1,15 +1,34 @@
-import { createContext, Dispatch, FC, ProviderProps, useContext } from 'react';
-import { INavigatorAction, INavigatorState } from './reducers/NavigatorReducer';
+import { NavigatorCategoryDataParser, NavigatorSearchResultSet, NavigatorTopLevelContext } from '@nitrots/nitro-renderer';
+import { createContext, Dispatch, FC, MutableRefObject, ProviderProps, SetStateAction, useContext } from 'react';
+import { NavigatorData } from './common/NavigatorData';
 
 interface INavigatorContext
 {
-    navigatorState: INavigatorState;
-    dispatchNavigatorState: Dispatch<INavigatorAction>;
+    categories: NavigatorCategoryDataParser[];
+    setCategories: Dispatch<SetStateAction<NavigatorCategoryDataParser[]>>;
+    topLevelContext: NavigatorTopLevelContext;
+    setTopLevelContext: Dispatch<SetStateAction<NavigatorTopLevelContext>>;
+    topLevelContexts: NavigatorTopLevelContext[];
+    setTopLevelContexts: Dispatch<SetStateAction<NavigatorTopLevelContext[]>>;
+    navigatorData: NavigatorData;
+    setNavigatorData: Dispatch<SetStateAction<NavigatorData>>;
+    searchResult: NavigatorSearchResultSet;
+    setSearchResult: Dispatch<SetStateAction<NavigatorSearchResultSet>>;
+    lastSearchValue: MutableRefObject<string>;
 }
 
 const NavigatorContext = createContext<INavigatorContext>({
-    navigatorState: null,
-    dispatchNavigatorState: null
+    categories: null,
+    setCategories: null,
+    topLevelContext: null,
+    setTopLevelContext: null,
+    topLevelContexts: null,
+    setTopLevelContexts: null,
+    navigatorData: null,
+    setNavigatorData: null,
+    searchResult: null,
+    setSearchResult: null,
+    lastSearchValue: null
 });
 
 export const NavigatorContextProvider: FC<ProviderProps<INavigatorContext>> = props =>
diff --git a/src/components/navigator/NavigatorMessageHandler.tsx b/src/components/navigator/NavigatorMessageHandler.tsx
index b50810d5..4647ff9d 100644
--- a/src/components/navigator/NavigatorMessageHandler.tsx
+++ b/src/components/navigator/NavigatorMessageHandler.tsx
@@ -1,14 +1,38 @@
-import { CantConnectMessageParser, GenericErrorEvent, GetGuestRoomResultEvent, LegacyExternalInterface, NavigatorCategoriesComposer, NavigatorCategoriesEvent, NavigatorHomeRoomEvent, NavigatorMetadataEvent, NavigatorOpenRoomCreatorEvent, NavigatorSearchEvent, NavigatorSettingsComposer, RoomCreatedEvent, RoomDataParser, RoomDoorbellAcceptedEvent, RoomDoorbellEvent, RoomDoorbellRejectedEvent, RoomEnterErrorEvent, RoomEntryInfoMessageEvent, RoomForwardEvent, RoomInfoComposer, RoomScoreEvent, RoomSettingsUpdatedEvent, UserInfoEvent } from '@nitrots/nitro-renderer';
+import { CantConnectMessageParser, FollowFriendMessageComposer, GenericErrorEvent, GetGuestRoomResultEvent, HabboWebTools, LegacyExternalInterface, NavigatorCategoriesComposer, NavigatorCategoriesEvent, NavigatorHomeRoomEvent, NavigatorMetadataEvent, NavigatorOpenRoomCreatorEvent, NavigatorSearchEvent, NavigatorSettingsComposer, RoomCreatedEvent, RoomDataParser, RoomDoorbellAcceptedEvent, RoomDoorbellEvent, RoomDoorbellRejectedEvent, RoomEnterErrorEvent, RoomEntryInfoMessageEvent, RoomForwardEvent, RoomInfoComposer, RoomScoreEvent, RoomSettingsUpdatedEvent, SecurityLevel, UserInfoEvent, UserPermissionsEvent } from '@nitrots/nitro-renderer';
 import { FC, useCallback } from 'react';
-import { CreateRoomSession, GetSessionDataManager, LocalizeText, NotificationAlertType, NotificationUtilities, SendMessageComposer, VisitDesktop } from '../../api';
-import { NavigatorEvent, UpdateDoorStateEvent } from '../../events';
-import { DispatchUiEvent, UseMessageEventHook } from '../../hooks';
+import { CreateLinkEvent, CreateRoomSession, GetConfiguration, GetSessionDataManager, LocalizeText, NotificationAlertType, NotificationUtilities, SendMessageComposer, TryVisitRoom, VisitDesktop } from '../../api';
+import { UpdateDoorStateEvent } from '../../events';
+import { BatchUpdates, DispatchUiEvent, UseMessageEventHook } from '../../hooks';
 import { useNavigatorContext } from './NavigatorContext';
-import { NavigatorActions } from './reducers/NavigatorReducer';
 
 export const NavigatorMessageHandler: FC<{}> = props =>
 {
-    const { navigatorState = null, dispatchNavigatorState = null } = useNavigatorContext();
+    const { setCategories = null, setTopLevelContext = null, topLevelContexts = null, setTopLevelContexts = null, setNavigatorData = null, setSearchResult = null } = useNavigatorContext();
+
+    const onRoomSettingsUpdatedEvent = useCallback((event: RoomSettingsUpdatedEvent) =>
+    {
+        const parser = event.getParser();
+
+        SendMessageComposer(new RoomInfoComposer(parser.roomId, false, false));
+    }, []);
+
+    UseMessageEventHook(RoomSettingsUpdatedEvent, onRoomSettingsUpdatedEvent);
+
+    // const onCanCreateRoomEventEvent = useCallback((event: CanCreateRoomEventEvent) =>
+    // {
+    //     const parser = event.getParser();
+
+    //     if(parser.canCreate)
+    //     {
+    //         // show room event cvreate
+
+    //         return;
+    //     }
+
+    //     NotificationUtilities.simpleAlert(LocalizeText(`navigator.cannotcreateevent.error.${ parser.errorCode }`), null, null, null, LocalizeText('navigator.cannotcreateevent.title'));
+    // }, []);
+    
+    // UseMessageEventHook(CanCreateRoomEventEvent, onCanCreateRoomEventEvent);
 
     const onUserInfoEvent = useCallback((event: UserInfoEvent) =>
     {
@@ -16,32 +40,51 @@ export const NavigatorMessageHandler: FC<{}> = props =>
         SendMessageComposer(new NavigatorSettingsComposer());
     }, []);
 
+    const onUserPermissionsEvent = useCallback((event: UserPermissionsEvent) =>
+    {
+        const parser = event.getParser();
+
+        setNavigatorData(prevValue =>
+            {
+                const newValue = { ...prevValue };
+
+                newValue.eventMod = (parser.securityLevel >= SecurityLevel.MODERATOR);
+                newValue.roomPicker = (parser.securityLevel >= SecurityLevel.COMMUNITY);
+
+                return newValue;
+            });
+    }, [ setNavigatorData ]);
+
     const onRoomForwardEvent = useCallback((event: RoomForwardEvent) =>
     {
         const parser = event.getParser();
 
-        SendMessageComposer(new RoomInfoComposer(parser.roomId, false, true));
+        TryVisitRoom(parser.roomId);
     }, []);
 
     const onRoomEntryInfoMessageEvent = useCallback((event: RoomEntryInfoMessageEvent) =>
     {
         const parser = event.getParser();
 
-        const roomInfoData = navigatorState.roomInfoData;
-        roomInfoData.currentRoomOwner = parser.isOwner;
-        roomInfoData.currentRoomId = parser.roomId;
+        setNavigatorData(prevValue =>
+            {
+                const newValue = { ...prevValue };
 
-        dispatchNavigatorState({
-            type: NavigatorActions.SET_ROOM_INFO_DATA,
-            payload: {
-                roomInfoData: roomInfoData
-            }
-        });
+                newValue.enteredGuestRoom = null;
+                newValue.currentRoomOwner = parser.isOwner;
+                newValue.currentRoomId = parser.roomId;
+
+                return newValue;
+            });
+
+        // close room info
+        // close room settings
+        // close room filter
 
         SendMessageComposer(new RoomInfoComposer(parser.roomId, true, false));
 
         if(LegacyExternalInterface.available) LegacyExternalInterface.call('legacyTrack', 'navigator', 'private', [ parser.roomId ]);
-    }, [ navigatorState, dispatchNavigatorState ]);
+    }, [ setNavigatorData ]);
 
     const onGetGuestRoomResultEvent = useCallback((event: GetGuestRoomResultEvent) =>
     {
@@ -49,15 +92,29 @@ export const NavigatorMessageHandler: FC<{}> = props =>
 
         if(parser.roomEnter)
         {
-            const roomInfoData = navigatorState.roomInfoData;
-            roomInfoData.enteredGuestRoom = parser.data;
+            setNavigatorData(prevValue =>
+                {
+                    const newValue = { ...prevValue };
 
-            dispatchNavigatorState({
-                type: NavigatorActions.SET_ROOM_INFO_DATA,
-                payload: {
-                    roomInfoData: roomInfoData
-                }
-            });
+                    newValue.enteredGuestRoom = parser.data;
+                    //newValue.currentRoomIsStaffPick = parser.staffPick;
+
+                    const isCreated = (newValue.createdFlatId === parser.data.roomId);
+
+                    if(!isCreated && parser.data.displayRoomEntryAd)
+                    {
+                        if(GetConfiguration<boolean>('roomenterad.habblet.enabled', false)) HabboWebTools.openRoomEnterAd();
+                    }
+
+                    newValue.createdFlatId = 0;
+
+                    if(newValue.enteredGuestRoom && (newValue.enteredGuestRoom.habboGroupId > 0))
+                    {
+                        // close event info
+                    }
+
+                    return newValue;
+                });
         }
         else if(parser.roomForward)
         {
@@ -74,21 +131,23 @@ export const NavigatorMessageHandler: FC<{}> = props =>
                 }
             }
 
+            // if((parser.data.doorMode === RoomDataParser.NOOB_STATE) && !GetSessionDataManager().isAmbassador && !GetSessionDataManager().isRealNoob && !GetSessionDataManager().isModerator) return;
+
             CreateRoomSession(parser.data.roomId);
         }
         else
         {
-            const roomInfoData = navigatorState.roomInfoData;
-            roomInfoData.enteredGuestRoom = parser.data;
+            setNavigatorData(prevValue =>
+                {
+                    const newValue = { ...prevValue };
 
-            dispatchNavigatorState({
-                type: NavigatorActions.SET_ROOM_INFO_DATA,
-                payload: {
-                    roomInfoData: roomInfoData
-                }
-            });
+                    newValue.enteredGuestRoom = parser.data;
+                    //newValue.currentRoomIsStaffPick = parser.staffPick;
+
+                    return newValue;
+                });
         }
-    }, [ dispatchNavigatorState, navigatorState ]);
+    }, [ setNavigatorData ]);
 
     const onRoomScoreEvent = useCallback((event: RoomScoreEvent) =>
     {
@@ -141,37 +200,57 @@ export const NavigatorMessageHandler: FC<{}> = props =>
     {
         const parser = event.getParser();
 
-        dispatchNavigatorState({
-            type: NavigatorActions.SET_TOP_LEVEL_CONTEXTS,
-            payload: {
-                topLevelContexts: parser.topLevelContexts
-            }
+        BatchUpdates(() =>
+        {
+            setTopLevelContexts(parser.topLevelContexts);
+            setTopLevelContext(parser.topLevelContexts.length ? parser.topLevelContexts[0] : null);
         });
-    }, [ dispatchNavigatorState ]);
+    }, [ setTopLevelContexts, setTopLevelContext ]);
 
     const onNavigatorSearchEvent = useCallback((event: NavigatorSearchEvent) =>
     {
         const parser = event.getParser();
 
-        dispatchNavigatorState({
-            type: NavigatorActions.SET_SEARCH_RESULT,
-            payload: {
-                searchResult: parser.result
-            }
+        BatchUpdates(() =>
+        {
+            setTopLevelContext(prevValue =>
+                {
+                    let newValue = prevValue;
+
+                    if(!newValue) newValue = ((topLevelContexts && topLevelContexts.length && topLevelContexts[0]) || null);
+
+                    if(!newValue) return null;
+
+                    if((parser.result.code !== newValue.code) && topLevelContexts && topLevelContexts.length)
+                    {
+                        for(const context of topLevelContexts)
+                        {
+                            if(context.code !== parser.result.code) continue;
+
+                            newValue = context;
+                        }
+                    }
+
+                    for(const context of topLevelContexts)
+                    {
+                        if(context.code !== parser.result.code) continue;
+
+                        newValue = context;
+                    }
+
+                    return newValue;
+                });
+
+            setSearchResult(parser.result);
         });
-    }, [ dispatchNavigatorState ]);
+    }, [ topLevelContexts, setTopLevelContext, setSearchResult ]);
 
     const onNavigatorCategoriesEvent = useCallback((event: NavigatorCategoriesEvent) =>
     {
         const parser = event.getParser();
 
-        dispatchNavigatorState({
-            type: NavigatorActions.SET_CATEGORIES,
-            payload: {
-                categories: parser.categories
-            }
-        });
-    }, [ dispatchNavigatorState ]);
+        setCategories(parser.categories);
+    }, [ setCategories ]);
 
     const onRoomCreatedEvent = useCallback((event: RoomCreatedEvent) =>
     {
@@ -184,20 +263,63 @@ export const NavigatorMessageHandler: FC<{}> = props =>
     {
         const parser = event.getParser();
 
-        dispatchNavigatorState({
-            type: NavigatorActions.SET_HOME_ROOM_ID,
-            payload: {
-                homeRoomId: parser.homeRoomId
+        let prevSettingsReceived = false;
+
+        setNavigatorData(prevValue =>
+            {
+                prevSettingsReceived = prevValue.settingsReceived;
+
+                const newValue = { ...prevValue };
+
+                newValue.homeRoomId  = parser.homeRoomId;
+                newValue.settingsReceived = true;
+
+                return newValue;
+            });
+
+        if(prevSettingsReceived)
+        {
+            // refresh room info window
+            return;
+        }
+
+        let forwardType = -1;
+        let forwardId = -1;
+
+        if(GetConfiguration<string>('friend.id') !== undefined)
+        {
+            forwardType = 0;
+            SendMessageComposer(new FollowFriendMessageComposer(parseInt(GetConfiguration<string>('friend.id'))));
+        }
+
+        if((GetConfiguration<number>('forward.type') !== undefined) && (GetConfiguration<number>('forward.id') !== undefined))
+        {
+            forwardType = parseInt(GetConfiguration<string>('forward.type'));
+            forwardId = parseInt(GetConfiguration<string>('forward.id'))
+        }
+
+        if(forwardType === 2)
+        {
+            TryVisitRoom(forwardId);
+        }
+
+        else if((forwardType === -1) && (parser.roomIdToEnter > 0))
+        {
+            CreateLinkEvent('navigator/close');
+            CreateRoomSession(parser.roomIdToEnter);
+
+            if(parser.roomIdToEnter !== parser.homeRoomId)
+            {
+                CreateLinkEvent('navigator/close');
+                CreateRoomSession(parser.roomIdToEnter);
             }
-        });
-    }, [ dispatchNavigatorState ]);
-
-    const onRoomSettingsUpdatedEvent = useCallback((event: RoomSettingsUpdatedEvent) =>
-    {
-        const parser = event.getParser();
-
-        SendMessageComposer(new RoomInfoComposer(parser.roomId, false, false));
-    }, []);
+            else
+            {
+                CreateLinkEvent('navigator/close');
+                CreateRoomSession(parser.homeRoomId);
+            }
+        }
+    }, [ setNavigatorData ]);
 
     const onRoomEnterErrorEvent = useCallback((event: RoomEnterErrorEvent) =>
     {
@@ -226,12 +348,13 @@ export const NavigatorMessageHandler: FC<{}> = props =>
         VisitDesktop();
     }, []);
 
-    const onRoomCreatorEvent = useCallback((event: RoomEnterErrorEvent) =>
+    const onRoomCreatorEvent = useCallback((event: NavigatorOpenRoomCreatorEvent) =>
     {
-        DispatchUiEvent(new NavigatorEvent(NavigatorEvent.SHOW_ROOM_CREATOR));
-    },[]);
+        CreateLinkEvent('navigator/show');
+    }, []);
 
     UseMessageEventHook(UserInfoEvent, onUserInfoEvent);
+    UseMessageEventHook(UserPermissionsEvent, onUserPermissionsEvent);
     UseMessageEventHook(RoomForwardEvent, onRoomForwardEvent);
     UseMessageEventHook(RoomEntryInfoMessageEvent, onRoomEntryInfoMessageEvent);
     UseMessageEventHook(GetGuestRoomResultEvent, onGetGuestRoomResultEvent);
@@ -245,7 +368,6 @@ export const NavigatorMessageHandler: FC<{}> = props =>
     UseMessageEventHook(NavigatorCategoriesEvent, onNavigatorCategoriesEvent);
     UseMessageEventHook(RoomCreatedEvent, onRoomCreatedEvent);
     UseMessageEventHook(NavigatorHomeRoomEvent, onNavigatorHomeRoomEvent);
-    UseMessageEventHook(RoomSettingsUpdatedEvent, onRoomSettingsUpdatedEvent);
     UseMessageEventHook(RoomEnterErrorEvent, onRoomEnterErrorEvent);
     UseMessageEventHook(NavigatorOpenRoomCreatorEvent, onRoomCreatorEvent);
 
diff --git a/src/components/navigator/NavigatorView.tsx b/src/components/navigator/NavigatorView.tsx
index 2a40f9ba..fced83ed 100644
--- a/src/components/navigator/NavigatorView.tsx
+++ b/src/components/navigator/NavigatorView.tsx
@@ -1,13 +1,13 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { ConvertGlobalRoomIdMessageComposer, HabboWebTools, ILinkEventTracker, LegacyExternalInterface, NavigatorInitComposer, NavigatorSearchComposer, RoomDataParser, RoomSessionEvent } from '@nitrots/nitro-renderer';
-import { FC, useCallback, useEffect, useMemo, useReducer, useState } from 'react';
-import { AddEventLinkTracker, CreateLinkEvent, GoToDesktop, LocalizeText, RemoveLinkEventTracker, SendMessageComposer, TryVisitRoom } from '../../api';
+import { ConvertGlobalRoomIdMessageComposer, HabboWebTools, ILinkEventTracker, LegacyExternalInterface, NavigatorCategoryDataParser, NavigatorInitComposer, NavigatorSearchComposer, NavigatorSearchResultSet, NavigatorTopLevelContext, RoomDataParser, RoomSessionEvent } from '@nitrots/nitro-renderer';
+import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { AddEventLinkTracker, GoToDesktop, LocalizeText, RemoveLinkEventTracker, SendMessageComposer, TryVisitRoom } from '../../api';
 import { Column, NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView } from '../../common';
-import { NavigatorEvent, UpdateDoorStateEvent } from '../../events';
-import { BatchUpdates, UseMountEffect, UseRoomSessionManagerEvent, UseUiEvent } from '../../hooks';
+import { UpdateDoorStateEvent } from '../../events';
+import { BatchUpdates, UseRoomSessionManagerEvent, UseUiEvent } from '../../hooks';
+import { NavigatorData } from './common/NavigatorData';
 import { NavigatorContextProvider } from './NavigatorContext';
 import { NavigatorMessageHandler } from './NavigatorMessageHandler';
-import { initialNavigator, NavigatorActions, NavigatorReducer } from './reducers/NavigatorReducer';
 import { NavigatorRoomCreatorView } from './views/creator/NavigatorRoomCreatorView';
 import { NavigatorRoomDoorbellView } from './views/room-doorbell/NavigatorRoomDoorbellView';
 import { NavigatorRoomInfoView } from './views/room-info/NavigatorRoomInfoView';
@@ -15,7 +15,7 @@ import { NavigatorRoomLinkView } from './views/room-link/NavigatorRoomLinkView';
 import { NavigatorRoomPasswordView } from './views/room-password/NavigatorRoomPasswordView';
 import { NavigatorRoomSettingsView } from './views/room-settings/NavigatorRoomSettingsView';
 import { NavigatorSearchResultView } from './views/search-result/NavigatorSearchResultView';
-import { LAST_SEARCH, NavigatorSearchView } from './views/search/NavigatorSearchView';
+import { NavigatorSearchView } from './views/search/NavigatorSearchView';
 
 export const NavigatorView: FC<{}> = props =>
 {
@@ -23,42 +23,25 @@ export const NavigatorView: FC<{}> = props =>
     const [ isCreatorOpen, setCreatorOpen ] = useState(false);
     const [ isRoomInfoOpen, setRoomInfoOpen ] = useState(false);
     const [ isRoomLinkOpen, setRoomLinkOpen ] = useState(false);
+    const [ needsUpdate, setNeedsUpdate ] = useState(true);
+    const [ categories, setCategories ] = useState<NavigatorCategoryDataParser[]>(null);
+    const [ topLevelContext, setTopLevelContext ] = useState<NavigatorTopLevelContext>(null);
+    const [ topLevelContexts, setTopLevelContexts ] = useState<NavigatorTopLevelContext[]>(null);
+    const [ navigatorData, setNavigatorData ] = useState<NavigatorData>({
+        settingsReceived: false,
+        homeRoomId: 0,
+        enteredGuestRoom: null,
+        currentRoomOwner: false,
+        currentRoomId: 0,
+        currentRoomIsStaffPick: false,
+        createdFlatId: 0,
+        avatarId: 0,
+        roomPicker: false,
+        eventMod: false
+    });
+    const [ searchResult, setSearchResult ] = useState<NavigatorSearchResultSet>(null);
     const [ pendingDoorState, setPendingDoorState ] = useState<{ roomData: RoomDataParser, state: string }>(null);
-    const [ navigatorState, dispatchNavigatorState ] = useReducer(NavigatorReducer, initialNavigator);
-    const { needsNavigatorUpdate = true, topLevelContext = null, topLevelContexts = null, homeRoomId } = navigatorState;
-
-    const onNavigatorEvent = useCallback((event: NavigatorEvent) =>
-    {
-        switch(event.type)
-        {
-            case NavigatorEvent.SHOW_NAVIGATOR:
-                setIsVisible(true);
-                return;
-            case NavigatorEvent.HIDE_NAVIGATOR:
-                setIsVisible(false);
-                return;
-            case NavigatorEvent.TOGGLE_NAVIGATOR:
-                setIsVisible(value => !value);
-                return;
-            case NavigatorEvent.TOGGLE_ROOM_INFO:
-                setRoomInfoOpen(value => !value);
-                return;
-            case NavigatorEvent.TOGGLE_ROOM_LINK:
-                setRoomLinkOpen(value => !value);
-                return;
-            case NavigatorEvent.SHOW_ROOM_CREATOR:
-                setIsVisible(true);
-                setCreatorOpen(true);
-                return;
-        }
-    }, []);
-
-    UseUiEvent(NavigatorEvent.SHOW_NAVIGATOR, onNavigatorEvent);
-    UseUiEvent(NavigatorEvent.HIDE_NAVIGATOR, onNavigatorEvent);
-    UseUiEvent(NavigatorEvent.TOGGLE_NAVIGATOR, onNavigatorEvent);
-    UseUiEvent(NavigatorEvent.TOGGLE_ROOM_INFO, onNavigatorEvent);
-    UseUiEvent(NavigatorEvent.TOGGLE_ROOM_LINK, onNavigatorEvent);
-    UseUiEvent(NavigatorEvent.SHOW_ROOM_CREATOR, onNavigatorEvent);
+    const lastSearchValue = useRef<string>();
 
     const onUpdateDoorStateEvent = useCallback((event: UpdateDoorStateEvent) =>
     {
@@ -108,8 +91,11 @@ export const NavigatorView: FC<{}> = props =>
         switch(event.type)
         {
             case RoomSessionEvent.CREATED:
-                setIsVisible(false);
-                setCreatorOpen(false);
+                BatchUpdates(() =>
+                {
+                    setIsVisible(false);
+                    setCreatorOpen(false);
+                });
                 return;
         }
     }, []);
@@ -119,15 +105,21 @@ export const NavigatorView: FC<{}> = props =>
     const sendSearch = useCallback((searchValue: string, contextCode: string) =>
     {
         setCreatorOpen(false);
+
         SendMessageComposer(new NavigatorSearchComposer(contextCode, searchValue));
     }, []);
 
-    const goToHomeRoom = useCallback(() =>
+    const closePendingDoorState = useCallback((state: string) =>
     {
-        if(homeRoomId <= 0) return;
-
-        TryVisitRoom(homeRoomId);
-    }, [ homeRoomId ]);
+        if(state !== null)
+        {
+            setPendingDoorState(prevValue =>
+                {
+                    return { roomData: prevValue.roomData, state };
+                });
+        }
+        else setPendingDoorState(null);
+    }, []);
 
     const linkReceived = useCallback((url: string) =>
     {
@@ -137,19 +129,35 @@ export const NavigatorView: FC<{}> = props =>
 
         switch(parts[1])
         {
+            case 'show':
+                setIsVisible(true);
+                return;
+            case 'hide':
+                setIsVisible(false);
+                return;
+            case 'toggle':
+                setIsVisible(prevValue => !prevValue);
+                return;
+            case 'toggle-room-info':
+                setRoomInfoOpen(value => !value);
+                return;
+            case 'toggle-room-link':
+                setRoomLinkOpen(value => !value);
+                return;
             case 'goto':
-                if(parts.length > 2)
-                {
-                    switch(parts[2])
-                    {
-                        case 'home':
-                            goToHomeRoom();
-                            break;
-                        default: {
-                            const roomId = parseInt(parts[2]);
+                if(parts.length <= 2) return;
 
-                            TryVisitRoom(roomId);
-                        }
+                switch(parts[2])
+                {
+                    case 'home':
+                        if(navigatorData.homeRoomId <= 0) return;
+
+                        TryVisitRoom(navigatorData.homeRoomId);
+                        break;
+                    default: {
+                        const roomId = parseInt(parts[2]);
+
+                        TryVisitRoom(roomId);
                     }
                 }
                 return;
@@ -174,19 +182,7 @@ export const NavigatorView: FC<{}> = props =>
                 }
                 return;
         } 
-    }, [ goToHomeRoom, sendSearch ]);
-
-    const closePendingDoorState = useCallback((state: string) =>
-    {
-        if(state !== null)
-        {
-            setPendingDoorState(prevValue =>
-                {
-                    return { roomData: prevValue.roomData, state };
-                });
-        }
-        else setPendingDoorState(null);
-    }, []);
+    }, [ navigatorData.homeRoomId, sendSearch ]);
 
     useEffect(() =>
     {
@@ -198,52 +194,49 @@ export const NavigatorView: FC<{}> = props =>
         AddEventLinkTracker(linkTracker);
 
         return () => RemoveLinkEventTracker(linkTracker);
-    }, [ linkReceived]);
+    }, [ linkReceived ]);
 
-    const enterRoomWebRequest = useCallback((k: string, _arg_2:boolean=false, _arg_3:string=null) =>
-    {
-        SendMessageComposer(new ConvertGlobalRoomIdMessageComposer(k));
-    }, []);
+    // useEffect(() =>
+    // {
+    //     if(!isVisible) return;
 
-    UseMountEffect(() =>
-    {
-        LegacyExternalInterface.addCallback(HabboWebTools.OPENROOM, enterRoomWebRequest);
-    });
+    //     sendSearch(lastSearch)
+    // }, [ isVisible ]);
 
     useEffect(() =>
     {
-        if(!needsNavigatorUpdate) return;
-        
-        dispatchNavigatorState({
-            type: NavigatorActions.SET_NEEDS_UPDATE,
-            payload: {
-                flag: false
-            }
-        });
+        if(!needsUpdate) return;
 
         SendMessageComposer(new NavigatorInitComposer());
-    }, [ needsNavigatorUpdate ]);
+
+        setNeedsUpdate(false);
+    }, [ needsUpdate ]);
 
     useEffect(() =>
     {
-        if(!isVisible || !topLevelContext) return;
+        LegacyExternalInterface.addCallback(HabboWebTools.OPENROOM, (k: string, _arg_2: boolean = false, _arg_3: string = null) => SendMessageComposer(new ConvertGlobalRoomIdMessageComposer(k)));
+    }, []);
 
-        sendSearch('', topLevelContext.code);
-    }, [isVisible, sendSearch, topLevelContext])
+    // useEffect(() =>
+    // {
+    //     if(!isVisible || !topLevelContext) return;
 
-    useEffect(() =>
-    {
-        if(!topLevelContexts || !topLevelContexts.length) return;
+    //     sendSearch('', topLevelContext.code);
+    // }, [ isVisible, sendSearch, topLevelContext ])
 
-        sendSearch('', topLevelContexts[0].code);
-    }, [ topLevelContexts, sendSearch ]);
+    // useEffect(() =>
+    // {
+    //     if(!topLevelContexts || !topLevelContexts.length) return;
 
-    useEffect(() =>
-    {
-        if(!isVisible || !LAST_SEARCH || !LAST_SEARCH.length) return;
+    //     sendSearch('', topLevelContexts[0].code);
+    // }, [ topLevelContexts, sendSearch ]);
 
-        CreateLinkEvent(`navigator/search/${ LAST_SEARCH }`);
-    }, [ isVisible ]);
+    // useEffect(() =>
+    // {
+    //     if(!isVisible || !LAST_SEARCH || !LAST_SEARCH.length) return;
+
+    //     CreateLinkEvent(`navigator/search/${ LAST_SEARCH }`);
+    // }, [ isVisible ]);
 
     const getRoomDoorState = useMemo(() =>
     {
@@ -264,7 +257,7 @@ export const NavigatorView: FC<{}> = props =>
     }, [ pendingDoorState, closePendingDoorState ]);
 
     return (
-        <NavigatorContextProvider value={ { navigatorState, dispatchNavigatorState } }>
+        <NavigatorContextProvider value={ { categories, setCategories, topLevelContext, setTopLevelContext, topLevelContexts, setTopLevelContexts, navigatorData, setNavigatorData, searchResult, setSearchResult, lastSearchValue } }>
             <NavigatorMessageHandler />
             { getRoomDoorState }
             { isVisible &&
@@ -288,7 +281,7 @@ export const NavigatorView: FC<{}> = props =>
                             <>
                                 <NavigatorSearchView sendSearch={ sendSearch } />
                                 <Column overflow="auto">
-                                    { (navigatorState.searchResult && navigatorState.searchResult.results.map((result, index) => <NavigatorSearchResultView key={ index } searchResult={ result } />)) }
+                                    { (searchResult && searchResult.results.map((result, index) => <NavigatorSearchResultView key={ index } searchResult={ result } />)) }
                                 </Column>
                             </> }
                         { isCreatorOpen && <NavigatorRoomCreatorView /> }
diff --git a/src/components/navigator/common/NavigatorData.ts b/src/components/navigator/common/NavigatorData.ts
new file mode 100644
index 00000000..9637969c
--- /dev/null
+++ b/src/components/navigator/common/NavigatorData.ts
@@ -0,0 +1,15 @@
+import { RoomDataParser } from '@nitrots/nitro-renderer';
+
+export interface NavigatorData
+{
+    homeRoomId: number;
+    settingsReceived: boolean;
+    enteredGuestRoom: RoomDataParser;
+    currentRoomOwner: boolean;
+    currentRoomId: number;
+    currentRoomIsStaffPick: boolean;
+    createdFlatId: number;
+    avatarId: number;
+    roomPicker: boolean;
+    eventMod: boolean;
+}
diff --git a/src/components/navigator/common/RoomSettingsData.ts b/src/components/navigator/common/RoomSettingsData.ts
index 7144458f..0a039baa 100644
--- a/src/components/navigator/common/RoomSettingsData.ts
+++ b/src/components/navigator/common/RoomSettingsData.ts
@@ -33,7 +33,7 @@ export default class RoomSettingsData
     public muteState: number;
     public kickState: number;
     public banState: number;
-    public bannedUsers: Map<number, string>;
+    public bannedUsers: any[];
     public selectedUserToUnban: number;
 
     constructor(parser: RoomSettingsParser)
@@ -71,6 +71,6 @@ export default class RoomSettingsData
         this.muteState              = parser.moderationSettings.allowMute;
         this.kickState              = parser.moderationSettings.allowKick;
         this.banState               = parser.moderationSettings.allowBan;
-        this.bannedUsers            = new Map<number, string>();
+        this.bannedUsers            = [];
     }
 }
diff --git a/src/components/navigator/common/RoomSettingsUtils.ts b/src/components/navigator/common/RoomSettingsUtils.ts
index 567c54fe..bc611dad 100644
--- a/src/components/navigator/common/RoomSettingsUtils.ts
+++ b/src/components/navigator/common/RoomSettingsUtils.ts
@@ -1,11 +1,10 @@
-export function GetMaxVisitorsList(): number[]
+const BuildMaxVisitorsList = () =>
 {
     const list: number[] = [];
 
-    for(let i = 10; i <= 100; i = i + 10)
-    {
-        list.push(i);
-    }
+    for(let i = 10; i <= 100; i = i + 10) list.push(i);
 
     return list;
 }
+
+export const GetMaxVisitorsList = BuildMaxVisitorsList();
diff --git a/src/components/navigator/reducers/NavigatorReducer.tsx b/src/components/navigator/reducers/NavigatorReducer.tsx
deleted file mode 100644
index df1f10c8..00000000
--- a/src/components/navigator/reducers/NavigatorReducer.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import { NavigatorCategoryDataParser, NavigatorSearchResultSet, NavigatorTopLevelContext } from '@nitrots/nitro-renderer';
-import { Reducer } from 'react';
-import { RoomInfoData } from '../common/RoomInfoData';
-
-export interface INavigatorState
-{
-    needsNavigatorUpdate: boolean;
-    topLevelContext: NavigatorTopLevelContext;
-    topLevelContexts: NavigatorTopLevelContext[];
-    searchResult: NavigatorSearchResultSet;
-    categories: NavigatorCategoryDataParser[];
-    roomInfoData: RoomInfoData;
-    homeRoomId: number;
-}
-
-export interface INavigatorAction
-{
-    type: string;
-    payload: {
-        flag?: boolean;
-        topLevelContext?: NavigatorTopLevelContext;
-        topLevelContexts?: NavigatorTopLevelContext[];
-        searchResult?: NavigatorSearchResultSet;
-        categories?: NavigatorCategoryDataParser[];
-        roomInfoData?: RoomInfoData;
-        homeRoomId?: number;
-    }
-}
-
-export class NavigatorActions
-{
-    public static SET_NEEDS_UPDATE: string = 'NA_SET_NEEDS_UPDATE';
-    public static SET_TOP_LEVEL_CONTEXT: string = 'NA_SET_TOP_LEVEL_CONTEXT';
-    public static SET_TOP_LEVEL_CONTEXTS: string = 'NA_SET_TOP_LEVEL_CONTEXTS';
-    public static SET_SEARCH_RESULT: string = 'NA_SET_SEARCH_RESULT';
-    public static SET_CATEGORIES: string = 'NA_SET_CATEGORIES';
-    public static SET_ROOM_INFO_DATA: string = 'NA_SET_ROOM_INFO_DATA';
-    public static SET_HOME_ROOM_ID: string = 'NA_SET_HOME_ROOM_ID';
-}
-
-export const initialNavigator: INavigatorState = {
-    needsNavigatorUpdate: true,
-    topLevelContext: null,
-    topLevelContexts: null,
-    searchResult: null,
-    categories: null,
-    roomInfoData: new RoomInfoData(),
-    homeRoomId: null
-}
-
-export const NavigatorReducer: Reducer<INavigatorState, INavigatorAction> = (state, action) =>
-{
-    switch(action.type)
-    {
-        case NavigatorActions.SET_NEEDS_UPDATE:
-            return { ...state, needsNavigatorUpdate: (action.payload.flag || false) };
-        case NavigatorActions.SET_TOP_LEVEL_CONTEXT: {
-                let topLevelContext = (action.payload.topLevelContext || state.topLevelContext || null);
-    
-                let index = 0;
-    
-                if(topLevelContext)
-                {
-                    const foundIndex = state.topLevelContexts.indexOf(topLevelContext);
-    
-                    if(foundIndex > -1) index = foundIndex;
-                }
-    
-                topLevelContext = (state.topLevelContexts[index] || null);
-    
-                return { ...state, topLevelContext };
-            }
-        case NavigatorActions.SET_TOP_LEVEL_CONTEXTS: {
-            const topLevelContexts = (action.payload.topLevelContexts || state.topLevelContexts || null);
-            const topLevelContext = topLevelContexts[0];
-
-            return { ...state, topLevelContext, topLevelContexts };
-        }
-        case NavigatorActions.SET_SEARCH_RESULT: {
-            const searchResult = (action.payload.searchResult || state.searchResult || null);
-            const searchCode = searchResult.code;
-
-            let topLevelContext = state.topLevelContext;
-
-            if(searchCode !== topLevelContext.code)
-            {
-                for(const existingContext of state.topLevelContexts)
-                {
-                    if(existingContext.code !== searchCode) continue;
-
-                    topLevelContext = existingContext;
-                }
-            }
-
-            return { ...state, topLevelContext, searchResult };
-        }
-        case NavigatorActions.SET_CATEGORIES: {
-            const categories = (action.payload.categories || state.categories || null);
-
-            return { ...state, categories };
-        }
-        case NavigatorActions.SET_ROOM_INFO_DATA: {
-            const roomInfoData = (action.payload.roomInfoData || state.roomInfoData || null);
-
-            return { ...state, roomInfoData };
-        }
-        case NavigatorActions.SET_HOME_ROOM_ID: {
-            const homeRoomId = (action.payload.homeRoomId || state.homeRoomId || null);
-
-            return { ...state, homeRoomId };
-        }
-        default:
-            return state;
-    }
-}
diff --git a/src/components/navigator/views/creator/NavigatorRoomCreatorView.tsx b/src/components/navigator/views/creator/NavigatorRoomCreatorView.tsx
index 4158d1da..c5a62c72 100644
--- a/src/components/navigator/views/creator/NavigatorRoomCreatorView.tsx
+++ b/src/components/navigator/views/creator/NavigatorRoomCreatorView.tsx
@@ -16,8 +16,7 @@ export const NavigatorRoomCreatorView: FC<{}> = props =>
     const [ visitorsCount, setVisitorsCount ] = useState<number>(null);
     const [ tradesSetting, setTradesSetting ] = useState<number>(0);
     const [ selectedModelName, setSelectedModelName ] = useState<string>(RoomModels[0].name);
-    const { navigatorState = null } = useNavigatorContext();
-    const { categories = null } = navigatorState;
+    const { categories = null } = useNavigatorContext();
 
     const getRoomModelImage = (name: string) => GetConfiguration<string>('images.url') + `/navigator/models/model_${ name }.png`;
 
@@ -64,7 +63,7 @@ export const NavigatorRoomCreatorView: FC<{}> = props =>
                     </Column>
                     <Column grow gap={ 1 }>
                         <Text>{ LocalizeText('navigator.createroom.roomdescinfo') }</Text>
-                        <textarea className="flex-grow-1 form-control w-100" maxLength={255} onChange={event => setDescription(event.target.value)} placeholder={ LocalizeText('navigator.createroom.roomdescinfo') } />
+                        <textarea className="flex-grow-1 form-control form-control-sm w-100" maxLength={255} onChange={event => setDescription(event.target.value)} placeholder={ LocalizeText('navigator.createroom.roomdescinfo') } />
                     </Column>
                     <Column gap={ 1 }>
                         <Text>{ LocalizeText('navigator.category') }</Text>
diff --git a/src/components/navigator/views/room-info/NavigatorRoomInfoView.tsx b/src/components/navigator/views/room-info/NavigatorRoomInfoView.tsx
index a8bbfe46..a280f090 100644
--- a/src/components/navigator/views/room-info/NavigatorRoomInfoView.tsx
+++ b/src/components/navigator/views/room-info/NavigatorRoomInfoView.tsx
@@ -2,12 +2,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { RoomMuteComposer, RoomSettingsComposer, RoomStaffPickComposer, SecurityLevel, UserHomeRoomComposer } from '@nitrots/nitro-renderer';
 import classNames from 'classnames';
 import { FC, useEffect, useState } from 'react';
-import { GetGroupInformation, GetSessionDataManager, LocalizeText, SendMessageComposer } from '../../../../api';
+import { CreateLinkEvent, GetGroupInformation, GetSessionDataManager, LocalizeText, SendMessageComposer } from '../../../../api';
 import { Button, Column, Flex, LayoutBadgeImageView, LayoutRoomThumbnailView, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text, UserProfileIconView } from '../../../../common';
-import { FloorplanEditorEvent, NavigatorEvent, RoomWidgetThumbnailEvent } from '../../../../events';
+import { FloorplanEditorEvent, RoomWidgetThumbnailEvent } from '../../../../events';
 import { BatchUpdates, DispatchUiEvent } from '../../../../hooks';
 import { useNavigatorContext } from '../../NavigatorContext';
-import { NavigatorActions } from '../../reducers/NavigatorReducer';
 
 export class NavigatorRoomInfoViewProps
 {
@@ -20,15 +19,14 @@ export const NavigatorRoomInfoView: FC<NavigatorRoomInfoViewProps> = props =>
     const [ roomThumbnail, setRoomThumbnail ] = useState(null);
     const [ isRoomPicked, setIsRoomPicked ] = useState(false);
     const [ isRoomMuted, setIsRoomMuted ] = useState(false);
-    const { navigatorState = null, dispatchNavigatorState = null } = useNavigatorContext();
-    const { roomInfoData = null, homeRoomId = null } = navigatorState;
+    const { navigatorData = null } = useNavigatorContext();
 
     const hasPermission = (permission: string) =>
     {
         switch(permission)
         {
             case 'settings':
-                return GetSessionDataManager().securityLevel >= SecurityLevel.MODERATOR || roomInfoData.currentRoomOwner;
+                return (GetSessionDataManager().userId === navigatorData.enteredGuestRoom.ownerId);
             case 'staff_pick':
                 return GetSessionDataManager().securityLevel >= SecurityLevel.COMMUNITY;
             default: return false;
@@ -37,25 +35,18 @@ export const NavigatorRoomInfoView: FC<NavigatorRoomInfoViewProps> = props =>
     
     const processAction = (action: string, value?: string) =>
     {
-        if(!roomInfoData || !roomInfoData.enteredGuestRoom) return;
+        if(!navigatorData || !navigatorData.enteredGuestRoom) return;
 
         switch(action)
         {
             case 'set_home_room':
                 let newRoomId = -1;
 
-                if(homeRoomId !== roomInfoData.enteredGuestRoom.roomId)
+                if(navigatorData.homeRoomId !== navigatorData.enteredGuestRoom.roomId)
                 {
-                    newRoomId = roomInfoData.enteredGuestRoom.roomId;
+                    newRoomId = navigatorData.enteredGuestRoom.roomId;
                 }
 
-                dispatchNavigatorState({
-                    type: NavigatorActions.SET_HOME_ROOM_ID,
-                    payload: {
-                        homeRoomId: newRoomId
-                    }
-                });
-
                 SendMessageComposer(new UserHomeRoomComposer(newRoomId));
                 return;
             case 'navigator_search_tag':
@@ -64,17 +55,17 @@ export const NavigatorRoomInfoView: FC<NavigatorRoomInfoViewProps> = props =>
                 DispatchUiEvent(new RoomWidgetThumbnailEvent(RoomWidgetThumbnailEvent.TOGGLE_THUMBNAIL));
                 return;
             case 'open_group_info':
-                GetGroupInformation(roomInfoData.enteredGuestRoom.habboGroupId);
+                GetGroupInformation(navigatorData.enteredGuestRoom.habboGroupId);
                 return;
             case 'toggle_room_link':
-                DispatchUiEvent(new NavigatorEvent(NavigatorEvent.TOGGLE_ROOM_LINK));
+                CreateLinkEvent('navigator/toggle-room-link');
                 return;
             case 'open_room_settings':
-                SendMessageComposer(new RoomSettingsComposer(roomInfoData.enteredGuestRoom.roomId));
+                SendMessageComposer(new RoomSettingsComposer(navigatorData.enteredGuestRoom.roomId));
                 return;
             case 'toggle_pick':
                 setIsRoomPicked(value => !value);
-                SendMessageComposer(new RoomStaffPickComposer(roomInfoData.enteredGuestRoom.roomId));
+                SendMessageComposer(new RoomStaffPickComposer(navigatorData.enteredGuestRoom.roomId));
                 return;
             case 'toggle_mute':
                 setIsRoomMuted(value => !value);
@@ -92,49 +83,49 @@ export const NavigatorRoomInfoView: FC<NavigatorRoomInfoViewProps> = props =>
 
     useEffect(() =>
     {
-        if(!roomInfoData || !roomInfoData.enteredGuestRoom) return;
+        if(!navigatorData) return;
 
         BatchUpdates(() =>
         {
-            setIsRoomPicked(roomInfoData.enteredGuestRoom.roomPicker);
-            setIsRoomMuted(roomInfoData.enteredGuestRoom.allInRoomMuted);
+            setIsRoomPicked(navigatorData.currentRoomIsStaffPick);
+            if(navigatorData.enteredGuestRoom) setIsRoomMuted(navigatorData.enteredGuestRoom.allInRoomMuted);
         });
-    }, [ roomInfoData ]);
+    }, [ navigatorData ]);
 
-    if(!roomInfoData) return null;
+    if(!navigatorData.enteredGuestRoom) return null;
     
     return (
         <NitroCardView className="nitro-room-info" theme="primary-slim">
             <NitroCardHeaderView headerText={ LocalizeText('navigator.roomsettings.roominfo') } onCloseClick={ () => processAction('close') } />
             <NitroCardContentView className="text-black">
-                { roomInfoData.enteredGuestRoom &&
+                { navigatorData.enteredGuestRoom &&
                     <>
                         <Flex gap={ 2 } overflow="hidden">
-                            <LayoutRoomThumbnailView roomId={ roomInfoData.enteredGuestRoom.roomId } customUrl={ roomInfoData.enteredGuestRoom.officialRoomPicRef }>
+                            <LayoutRoomThumbnailView roomId={ navigatorData.enteredGuestRoom.roomId } customUrl={ navigatorData.enteredGuestRoom.officialRoomPicRef }>
                                 { hasPermission('settings') && <i className="icon icon-camera-small position-absolute b-0 r-0 m-1 cursor-pointer top-0" onClick={ () => processAction('open_room_thumbnail_camera') } /> }
                             </LayoutRoomThumbnailView>
                             <Column grow gap={ 1 } overflow="hidden">
                                 <Flex gap={ 1 }>
                                     <Column grow gap={ 1 }>
                                         <Flex gap={ 1 }>
-                                            <i onClick={ () => processAction('set_home_room') } className={ 'flex-shrink-0 icon icon-house-small cursor-pointer' + classNames({ ' gray': homeRoomId !== roomInfoData.enteredGuestRoom.roomId }) } />
-                                            <Text bold>{ roomInfoData.enteredGuestRoom.roomName }</Text>
+                                            <i onClick={ () => processAction('set_home_room') } className={ 'flex-shrink-0 icon icon-house-small cursor-pointer' + classNames({ ' gray': navigatorData.homeRoomId !== navigatorData.enteredGuestRoom.roomId }) } />
+                                            <Text bold>{ navigatorData.enteredGuestRoom.roomName }</Text>
                                         </Flex>
-                                        { roomInfoData.enteredGuestRoom.showOwner &&
+                                        { navigatorData.enteredGuestRoom.showOwner &&
                                             <Flex alignItems="center" gap={ 1 }>
                                                 <Text variant="muted">{ LocalizeText('navigator.roomownercaption') }</Text>
                                                 <Flex alignItems="center" gap={ 1 }>
-                                                    <UserProfileIconView userId={ roomInfoData.enteredGuestRoom.ownerId } />
-                                                    <Text>{ roomInfoData.enteredGuestRoom.ownerName }</Text>
+                                                    <UserProfileIconView userId={ navigatorData.enteredGuestRoom.ownerId } />
+                                                    <Text>{ navigatorData.enteredGuestRoom.ownerName }</Text>
                                                 </Flex>
                                             </Flex> }
                                         <Flex alignItems="center" gap={ 1 }>
                                             <Text variant="muted">{ LocalizeText('navigator.roomrating') }</Text>
-                                            <Text>{ roomInfoData.enteredGuestRoom.score }</Text>
+                                            <Text>{ navigatorData.enteredGuestRoom.score }</Text>
                                         </Flex>
-                                        { (roomInfoData.enteredGuestRoom.tags.length > 0) &&
+                                        { (navigatorData.enteredGuestRoom.tags.length > 0) &&
                                             <Flex alignItems="center" gap={ 1 }>
-                                                { roomInfoData.enteredGuestRoom.tags.map(tag =>
+                                                { navigatorData.enteredGuestRoom.tags.map(tag =>
                                                     {
                                                         return <Text key={ tag } pointer className="bg-muted rounded p-1" onClick={ event => processAction('navigator_search_tag', tag) }>#{ tag }</Text>
                                                     }) }
@@ -143,15 +134,15 @@ export const NavigatorRoomInfoView: FC<NavigatorRoomInfoViewProps> = props =>
                                     <Column alignItems="center" gap={ 1 }>
                                         { hasPermission('settings') &&
                                             <i className="icon icon-cog cursor-pointer" title={ LocalizeText('navigator.room.popup.info.room.settings') } onClick={ event => processAction('open_room_settings') } /> }
-                                        <FontAwesomeIcon icon="link" title={ LocalizeText('navigator.embed.caption') } className="cursor-pointer" onClick={ event => DispatchUiEvent(new NavigatorEvent(NavigatorEvent.TOGGLE_ROOM_LINK)) } />
+                                        <FontAwesomeIcon icon="link" title={ LocalizeText('navigator.embed.caption') } className="cursor-pointer" onClick={ event => CreateLinkEvent('navigator/toggle-room-link') } />
                                     </Column>
                                 </Flex>
-                                <Text overflow="auto" style={ { maxHeight: 50 } }>{ roomInfoData.enteredGuestRoom.description }</Text>
-                                { (roomInfoData.enteredGuestRoom.habboGroupId > 0) &&
+                                <Text overflow="auto" style={ { maxHeight: 50 } }>{ navigatorData.enteredGuestRoom.description }</Text>
+                                { (navigatorData.enteredGuestRoom.habboGroupId > 0) &&
                                     <Flex pointer alignItems="center" gap={ 1 } onClick={ () => processAction('open_group_info') }>
-                                        <LayoutBadgeImageView className="flex-none" badgeCode={ roomInfoData.enteredGuestRoom.groupBadgeCode } isGroup={ true } />
+                                        <LayoutBadgeImageView className="flex-none" badgeCode={ navigatorData.enteredGuestRoom.groupBadgeCode } isGroup={ true } />
                                         <Text underline>
-                                            { LocalizeText('navigator.guildbase', ['groupName'], [roomInfoData.enteredGuestRoom.groupName]) }
+                                            { LocalizeText('navigator.guildbase', ['groupName'], [navigatorData.enteredGuestRoom.groupName]) }
                                         </Text>
                                     </Flex> }
                             </Column>
diff --git a/src/components/navigator/views/room-link/NavigatorRoomLinkView.tsx b/src/components/navigator/views/room-link/NavigatorRoomLinkView.tsx
index 602064ad..12c3e05b 100644
--- a/src/components/navigator/views/room-link/NavigatorRoomLinkView.tsx
+++ b/src/components/navigator/views/room-link/NavigatorRoomLinkView.tsx
@@ -1,5 +1,5 @@
-import { FC, useCallback, useEffect, useRef, useState } from 'react';
-import { GetConfiguration, GetNitroInstance, LocalizeText } from '../../../../api';
+import { FC } from 'react';
+import { GetConfiguration, LocalizeText } from '../../../../api';
 import { Column, Flex, LayoutRoomThumbnailView, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
 import { useNavigatorContext } from '../../NavigatorContext';
 
@@ -11,55 +11,20 @@ export class NavigatorRoomLinkViewProps
 export const NavigatorRoomLinkView: FC<NavigatorRoomLinkViewProps> = props =>
 {
     const { onCloseClick = null } = props;
-    const [ roomThumbnail, setRoomThumbnail ] = useState(null);
-    const [ roomLink, setRoomLink ] = useState(null);
-    const { navigatorState = null } = useNavigatorContext();
-    const { roomInfoData = null } = navigatorState;
-    const elementRef = useRef<HTMLInputElement>();
-    
-    useEffect(() =>
-    {
-        if(!roomInfoData || !roomInfoData.enteredGuestRoom) return;
+    const { navigatorData = null } = useNavigatorContext();
 
-        if(roomInfoData.enteredGuestRoom.officialRoomPicRef)
-        {
-            setRoomThumbnail(GetConfiguration<string>('image.library.url') + roomInfoData.enteredGuestRoom.officialRoomPicRef);
-        }
-
-        const roomLinkRaw = GetNitroInstance().core.configuration.interpolate(LocalizeText('navigator.embed.src', ['roomId'], [roomInfoData.enteredGuestRoom.roomId.toString()]));
-
-        setRoomLink(roomLinkRaw);
-    }, [ roomInfoData ]);
-
-    const processAction = useCallback((action: string) =>
-    {
-        if(!roomInfoData || !roomInfoData.enteredGuestRoom) return;
-
-        switch(action)
-        {
-            case 'copy_room_link':
-                elementRef.current.select();
-                document.execCommand('copy');
-                return;
-            case 'close':
-                onCloseClick();
-                return;
-        }
-        
-    }, [onCloseClick, roomInfoData]);
-
-    if(!roomInfoData) return null;
+    if(!navigatorData.enteredGuestRoom) return null;
     
     return (
         <NitroCardView className="nitro-room-link" theme="primary-slim">
             <NitroCardHeaderView headerText={ LocalizeText('navigator.embed.title') } onCloseClick={ onCloseClick } />
             <NitroCardContentView className="text-black d-flex align-items-center">
                 <Flex gap={ 2 }>
-                    <LayoutRoomThumbnailView roomId={ roomInfoData.enteredGuestRoom.roomId } customUrl={ roomInfoData.enteredGuestRoom.officialRoomPicRef } />
+                    <LayoutRoomThumbnailView roomId={ navigatorData.enteredGuestRoom.roomId } customUrl={ navigatorData.enteredGuestRoom.officialRoomPicRef } />
                     <Column>
                         <Text bold fontSize={ 5 }>{ LocalizeText('navigator.embed.headline') }</Text>
                         <Text>{ LocalizeText('navigator.embed.info') }</Text>
-                        { roomLink && <input ref={ elementRef } type="text" readOnly className="form-control form-control-sm" value={ roomLink } /> }
+                        <input type="text" readOnly className="form-control form-control-sm" value={ GetConfiguration<string>('navigator.embed.src').replace('%roomId%', navigatorData.enteredGuestRoom.roomId.toString()) } />
                     </Column>
                 </Flex>
             </NitroCardContentView>
diff --git a/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx b/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
index 1a884233..a0829fe0 100644
--- a/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
+++ b/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
@@ -1,4 +1,4 @@
-import { RoomBannedUsersComposer, RoomBannedUsersEvent, RoomSettingsEvent, RoomUsersWithRightsComposer, RoomUsersWithRightsEvent, SaveRoomSettingsComposer } from '@nitrots/nitro-renderer';
+import { RoomBannedUsersComposer, RoomSettingsEvent, RoomUsersWithRightsComposer, SaveRoomSettingsComposer } from '@nitrots/nitro-renderer';
 import { FC, useCallback, useState } from 'react';
 import { LocalizeText, SendMessageComposer } from '../../../../api';
 import { NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView } from '../../../../common';
@@ -23,6 +23,59 @@ export const NavigatorRoomSettingsView: FC<{}> = props =>
     const [ roomSettingsData, setRoomSettingsData ] = useState<RoomSettingsData>(null);
     const [ currentTab, setCurrentTab ] = useState(TABS[0]);
 
+    // const onFlatControllersEvent = useCallback((event: FlatControllersEvent) =>
+    // {
+    //     const parser = event.getParser();
+
+    //     if(!parser || !roomSettingsData) return;
+
+    //     if(roomSettingsData.roomId !== parser.roomId) return;
+
+    //     const data = Object.assign({}, roomSettingsData);
+
+    //     data.usersWithRights = new Map(parser.users);
+
+    //     setRoomSettingsData(data);
+    // }, [ roomSettingsData] );
+
+    // UseMessageEventHook(FlatControllersEvent, onFlatControllersEvent);
+
+    // const onFlatControllerAddedEvent = useCallback((event: FlatControllerAddedEvent) =>
+    // {
+    //     const parser = event.getParser();
+
+    //     if(!parser || !roomSettingsData) return;
+
+    //     if(roomSettingsData.roomId !== parser.roomId) return;
+
+    //     const data = Object.assign({}, roomSettingsData);
+
+    //     // add new controller
+
+    //     setRoomSettingsData(data);
+    // }, [ roomSettingsData] );
+
+    // UseMessageEventHook(FlatControllerAddedEvent, onFlatControllerAddedEvent);
+
+    // const onFlatControllerRemovedEvent = useCallback((event: FlatControllerRemovedEvent) =>
+    // {
+    //     const parser = event.getParser();
+
+    //     if(!parser || !roomSettingsData) return;
+
+    //     if(roomSettingsData.roomId !== parser.roomId) return;
+
+    //     const data = Object.assign({}, roomSettingsData);
+
+    //     // remove controller
+
+    //     setRoomSettingsData(data);
+    // }, [ roomSettingsData] );
+
+    // UseMessageEventHook(FlatControllerRemovedEvent, onFlatControllerRemovedEvent);
+
+
+
     const updateSettings = useCallback((roomSettings: RoomSettingsData) =>
     {
         setRoomSettingsData(roomSettings);
@@ -39,39 +92,24 @@ export const NavigatorRoomSettingsView: FC<{}> = props =>
         SendMessageComposer(new RoomBannedUsersComposer(parser.roomId));
     }, []);
 
-    const onRoomUsersWithRightsEvent = useCallback((event: RoomUsersWithRightsEvent) =>
-    {
-        const parser = event.getParser();
-
-        if(!parser || !roomSettingsData) return;
-
-        if(roomSettingsData.roomId !== parser.roomId) return;
-
-        const data = Object.assign({}, roomSettingsData);
-
-        data.usersWithRights = new Map(parser.users);
-
-        setRoomSettingsData(data);
-    }, [roomSettingsData]);
-
-    const onRoomBannedUsersEvent = useCallback((event: RoomBannedUsersEvent) =>
-    {
-        const parser = event.getParser();
-
-        if(!parser || !roomSettingsData) return;
-
-        if(roomSettingsData.roomId !== parser.roomId) return;
-
-        const data = Object.assign({}, roomSettingsData);
-
-        data.bannedUsers = new Map(parser.users);
-
-        setRoomSettingsData(data);
-    }, [roomSettingsData]);
-
     UseMessageEventHook(RoomSettingsEvent, onRoomSettingsEvent);
-    UseMessageEventHook(RoomUsersWithRightsEvent, onRoomUsersWithRightsEvent);
-    UseMessageEventHook(RoomBannedUsersEvent, onRoomBannedUsersEvent);
+
+    // const onBannedUsersFromRoomEvent = useCallback((event: BannedUsersFromRoomEvent) =>
+    // {
+    //     const parser = event.getParser();
+
+    //     if(!parser || !roomSettingsData) return;
+
+    //     if(roomSettingsData.roomId !== parser.roomId) return;
+
+    //     const data = Object.assign({}, roomSettingsData);
+
+    //     data.bannedUsers = parser.bannedUsers;
+
+    //     setRoomSettingsData(data);
+    // }, [roomSettingsData]);
+
+    // UseMessageEventHook(BannedUsersFromRoomEvent, onBannedUsersFromRoomEvent);
 
     const saveSettings = useCallback((data: RoomSettingsData) =>
     {
@@ -196,10 +234,13 @@ export const NavigatorRoomSettingsView: FC<{}> = props =>
                 roomSettings.chatDistance = Number(value);
                 save = false;
                 break;
-            case 'unban_user':
-                roomSettings.bannedUsers.delete(Number(value));
+            case 'unban_user': {
+                const index = roomSettings.bannedUsers.findIndex(user => (user.userId === Number(value)))
+
+                if(index > -1) roomSettings.bannedUsers.splice(index, 1);
                 save = false;
                 break;
+            }
             case 'remove_rights_user':
                 roomSettings.usersWithRights.delete(Number(value));
                 save = false;
diff --git a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsBasicTabView.tsx b/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsBasicTabView.tsx
index 1fdc29e7..6e7f6b95 100644
--- a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsBasicTabView.tsx
+++ b/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsBasicTabView.tsx
@@ -1,6 +1,6 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { RoomDeleteComposer } from '@nitrots/nitro-renderer';
-import { FC, useState } from 'react';
+import { FC } from 'react';
 import { CreateLinkEvent, LocalizeText, NotificationUtilities, SendMessageComposer } from '../../../../../api';
 import { Base, Flex, Text } from '../../../../../common';
 import RoomSettingsData from '../../../common/RoomSettingsData';
@@ -20,9 +20,7 @@ interface NavigatorRoomSettingsTabViewProps
 export const NavigatorRoomSettingsBasicTabView: FC<NavigatorRoomSettingsTabViewProps> = props =>
 {
     const { roomSettingsData = null, handleChange = null, close = null } = props;
-    const [ maxVisitorsList, setMaxVisitorsList ] = useState(GetMaxVisitorsList());
-    const { navigatorState = null } = useNavigatorContext();
-    const { categories = null } = navigatorState;
+    const { categories = null } = useNavigatorContext();
 
     const deleteRoom = () =>
     {
@@ -50,19 +48,13 @@ export const NavigatorRoomSettingsBasicTabView: FC<NavigatorRoomSettingsTabViewP
             <Flex alignItems="center" gap={ 1 }>
                 <Text className="col-3">{ LocalizeText('navigator.category') }</Text>
                 <select className="form-select form-select-sm" value={ roomSettingsData.categoryId } onChange={ event => handleChange('category', event.target.value) }>
-                    { categories && categories.map(category =>
-                        {
-                            return <option key={ category.id } value={ category.id }>{ LocalizeText(category.name) }</option>
-                        }) }
+                    { categories && categories.map(category => <option key={ category.id } value={ category.id }>{ LocalizeText(category.name) }</option>) }
                 </select>
             </Flex>
             <Flex alignItems="center" gap={ 1 }>
                 <Text className="col-3">{ LocalizeText('navigator.maxvisitors') }</Text>
                 <select className="form-select form-select-sm" value={ roomSettingsData.userCount } onChange={ event => handleChange('max_visitors', event.target.value) }>
-                    { maxVisitorsList && maxVisitorsList.map(value =>
-                        {
-                            return <option key={ value } value={ value }>{ value }</option>
-                        }) }
+                    { GetMaxVisitorsList && GetMaxVisitorsList.map(value => <option key={ value } value={ value }>{ value }</option>) }
                 </select>
             </Flex>
             <Flex alignItems="center" gap={ 1 }>
diff --git a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsModTabView.tsx b/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsModTabView.tsx
index 488155bc..87fbece4 100644
--- a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsModTabView.tsx
+++ b/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsModTabView.tsx
@@ -26,19 +26,19 @@ export const NavigatorRoomSettingsModTabView: FC<NavigatorRoomSettingsTabViewPro
     return (
         <Grid overflow="auto">
             <Column size={ 6 }>
-            <Text bold>{ LocalizeText('navigator.roomsettings.moderation.banned.users') } ({ roomSettingsData.bannedUsers.size })</Text>
+            <Text bold>{ LocalizeText('navigator.roomsettings.moderation.banned.users') } ({ roomSettingsData.bannedUsers.length })</Text>
                 <Column className="bg-white rounded" overflow="hidden">
                     <Base className="list-container" overflow="auto">
-                        { Array.from(roomSettingsData.bannedUsers.entries()).map(([id, name], index) =>
+                        { roomSettingsData.bannedUsers.map((user, index) =>
                             {
-                                return <Text key={index} className={ ((id === selectedUserId) ? 'selected' : '') } onClick={ event => setSelectedUserId(id)}> { name }</Text>
+                                return <Text key={ index } className={ ((user.userId === selectedUserId) ? 'selected' : '') } onClick={ event => setSelectedUserId(user.userId)}>{ user.userName }</Text>
                             }) }
                     </Base>
                 </Column>
             </Column>
             <Column size={ 6 } justifyContent="end">
                 <Button disabled={ (selectedUserId < 1) } onClick={ event => unBanUser(selectedUserId) }>
-                    { LocalizeText('navigator.roomsettings.moderation.unban')} {selectedUserId > 0 && roomSettingsData.bannedUsers.get(selectedUserId) }
+                    {/* { LocalizeText('navigator.roomsettings.moderation.unban')} {selectedUserId > 0 && roomSettingsData.bannedUsers.get(selectedUserId) } */}
                 </Button>
             </Column>
         </Grid>
diff --git a/src/components/navigator/views/search/NavigatorSearchView.tsx b/src/components/navigator/views/search/NavigatorSearchView.tsx
index c09d3f0c..be54bae4 100644
--- a/src/components/navigator/views/search/NavigatorSearchView.tsx
+++ b/src/components/navigator/views/search/NavigatorSearchView.tsx
@@ -1,5 +1,5 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React, { FC, KeyboardEvent, useCallback, useEffect, useState } from 'react';
+import React, { FC, KeyboardEvent, useState } from 'react';
 import { LocalizeText } from '../../../../api';
 import { Button } from '../../../../common/Button';
 import { Flex } from '../../../../common/Flex';
@@ -11,18 +11,15 @@ export interface NavigatorSearchViewProps
     sendSearch: (searchValue: string, contextCode: string) => void;
 }
 
-export let LAST_SEARCH: string = null;
-
 export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
 {
     const { sendSearch = null } = props;
     const [ searchFilterIndex, setSearchFilterIndex ] = useState(0);
     const [ searchValue, setSearchValue ] = useState('');
     const [ lastSearchQuery, setLastSearchQuery ] = useState('');
-    const { navigatorState = null } = useNavigatorContext();
-    const { topLevelContext = null, searchResult = null } = navigatorState;
+    const { topLevelContext = null, lastSearchValue = null } = useNavigatorContext();
 
-    const processSearch = useCallback(() =>
+    const processSearch = () =>
     {
         if(!topLevelContext) return;
 
@@ -36,7 +33,9 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
 
         setLastSearchQuery(searchQuery);
         sendSearch((searchQuery || ''), topLevelContext.code);
-    }, [ lastSearchQuery, searchFilterIndex, searchValue, topLevelContext, sendSearch ]);
+
+        lastSearchValue.current = (searchQuery || '');
+    }
 
     const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) =>
     {
@@ -45,23 +44,6 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
         processSearch();
     };
 
-    useEffect(() =>
-    {
-        if(!searchResult || !searchResult.data) return;
-        
-        const searchResultDataParts = searchResult.data.split(':');
-
-        LAST_SEARCH = `${ topLevelContext.code }/${ searchResult.data }`;
-
-        if(searchResultDataParts.length === 2)
-        {
-            let searchFilterIndex = SearchFilterOptions.findIndex(option => (option.query === searchResultDataParts[0]));
-
-            if(searchFilterIndex > -1) setSearchFilterIndex(searchFilterIndex);
-            setSearchValue(searchResultDataParts[1]);
-        }
-    }, [ searchResult, topLevelContext ]);
-
     return (
         <Flex fullWidth gap={ 1 }>
             <Flex shrink>
diff --git a/src/components/room/widgets/furniture/high-score/FurnitureHighScoreView.tsx b/src/components/room/widgets/furniture/high-score/FurnitureHighScoreView.tsx
index 75949428..e2db0b15 100644
--- a/src/components/room/widgets/furniture/high-score/FurnitureHighScoreView.tsx
+++ b/src/components/room/widgets/furniture/high-score/FurnitureHighScoreView.tsx
@@ -4,8 +4,6 @@ import { GetRoomEngine, LocalizeText } from '../../../../../api';
 import { Column, Flex, Text } from '../../../../../common';
 import { UseRoomEngineEvent } from '../../../../../hooks';
 import { useRoomContext } from '../../../RoomContext';
-import { ContextMenuHeaderView } from '../../context-menu/ContextMenuHeaderView';
-import { ContextMenuListView } from '../../context-menu/ContextMenuListView';
 import { ObjectLocationView } from '../../object-location/ObjectLocationView';
 
 const SCORE_TYPES = ['perteam', 'mostwins', 'classic'];
@@ -56,12 +54,12 @@ export const FurnitureHighScoreView: FC<{}> = props =>
     if((objectId === -1) || !stuffData) return null;
 
     return (
-        <ObjectLocationView objectId={ objectId } category={ RoomObjectCategory.FLOOR }>
+        <ObjectLocationView objectId={ objectId } category={ RoomObjectCategory.FLOOR } overflow="hidden">
             <div className="nitro-widget-high-score nitro-context-menu">
-                <ContextMenuHeaderView>
+                {/* <ContextMenuHeaderView>
                     { LocalizeText('high.score.display.caption', [ 'scoretype', 'cleartype' ], [ LocalizeText(`high.score.display.scoretype.${ SCORE_TYPES[stuffData.scoreType] }`), LocalizeText(`high.score.display.cleartype.${ CLEAR_TYPES[stuffData.clearType] }`)]) }
-                </ContextMenuHeaderView>
-                <ContextMenuListView overflow="hidden" gap={ 1 }>
+                </ContextMenuHeaderView> */}
+                <Column gap={ 1 } overflow="hidden">
                     <Column gap={ 1 }>
                         <Flex alignItems="center">
                             <Text center bold variant="white" className="col-8">
@@ -73,7 +71,7 @@ export const FurnitureHighScoreView: FC<{}> = props =>
                         </Flex>
                         <hr className="m-0" />
                     </Column>
-                    <Column overflow="auto" gap={ 1 }>
+                    <Column gap={ 1 } overflow="auto">
                         { stuffData.entries.map((entry, index) =>
                             {
                                 return (
@@ -88,7 +86,7 @@ export const FurnitureHighScoreView: FC<{}> = props =>
                                 );
                             }) }
                     </Column>
-                </ContextMenuListView>
+                </Column>
             </div>
         </ObjectLocationView>
 
diff --git a/src/components/room/widgets/room-tools/RoomToolsWidgetView.tsx b/src/components/room/widgets/room-tools/RoomToolsWidgetView.tsx
index 7041d349..204a2797 100644
--- a/src/components/room/widgets/room-tools/RoomToolsWidgetView.tsx
+++ b/src/components/room/widgets/room-tools/RoomToolsWidgetView.tsx
@@ -3,8 +3,7 @@ import classNames from 'classnames';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { CreateLinkEvent, LocalizeText, RoomWidgetZoomToggleMessage, SendMessageComposer } from '../../../../api';
 import { Base, Column, Flex, Text, TransitionAnimation, TransitionAnimationTypes } from '../../../../common';
-import { NavigatorEvent } from '../../../../events';
-import { BatchUpdates, DispatchUiEvent, UseMessageEventHook } from '../../../../hooks';
+import { BatchUpdates, UseMessageEventHook } from '../../../../hooks';
 import { useRoomContext } from '../../RoomContext';
 
 export const RoomToolsWidgetView: FC<{}> = props =>
@@ -23,7 +22,7 @@ export const RoomToolsWidgetView: FC<{}> = props =>
         switch(action)
         {
             case 'settings':
-                DispatchUiEvent(new NavigatorEvent(NavigatorEvent.TOGGLE_ROOM_INFO));
+                CreateLinkEvent('navigator/toggle-room-info');
                 return;
             case 'zoom':
                 widgetHandler.processWidgetMessage(new RoomWidgetZoomToggleMessage(!isZoomedIn));
@@ -39,7 +38,7 @@ export const RoomToolsWidgetView: FC<{}> = props =>
                 setIsLiked(true);
                 return;
             case 'toggle_room_link':
-                DispatchUiEvent(new NavigatorEvent(NavigatorEvent.TOGGLE_ROOM_LINK));
+                CreateLinkEvent('navigator/toggle-room-link');
                 return;
         }
     }
diff --git a/src/components/toolbar/ToolbarView.tsx b/src/components/toolbar/ToolbarView.tsx
index 70decda4..c8e102e7 100644
--- a/src/components/toolbar/ToolbarView.tsx
+++ b/src/components/toolbar/ToolbarView.tsx
@@ -2,7 +2,7 @@ import { Dispose, DropBounce, EaseOut, FigureUpdateEvent, JumpBy, Motions, Nitro
 import { FC, useCallback, useState } from 'react';
 import { CreateLinkEvent, GetSessionDataManager, GetUserProfile, OpenMessengerChat, VisitDesktop } from '../../api';
 import { Base, Flex, LayoutAvatarImageView, LayoutItemCountView, TransitionAnimation, TransitionAnimationTypes } from '../../common';
-import { AchievementsUIEvent, AchievementsUIUnseenCountEvent, FriendsEvent, FriendsMessengerIconEvent, FriendsRequestCountEvent, GuideToolEvent, InventoryEvent, ModToolsEvent, NavigatorEvent, UnseenItemTrackerUpdateEvent, UserSettingsUIEvent } from '../../events';
+import { AchievementsUIEvent, AchievementsUIUnseenCountEvent, FriendsEvent, FriendsMessengerIconEvent, FriendsRequestCountEvent, GuideToolEvent, InventoryEvent, ModToolsEvent, UnseenItemTrackerUpdateEvent, UserSettingsUIEvent } from '../../events';
 import { BatchUpdates, DispatchUiEvent, UseMessageEventHook, UseRoomEngineEvent, UseUiEvent } from '../../hooks';
 import { ToolbarViewItems } from './common/ToolbarViewItems';
 import { ToolbarMeView } from './ToolbarMeView';
@@ -135,7 +135,7 @@ export const ToolbarView: FC<ToolbarViewProps> = props =>
         switch(item)
         {
             case ToolbarViewItems.NAVIGATOR_ITEM:
-                DispatchUiEvent(new NavigatorEvent(NavigatorEvent.TOGGLE_NAVIGATOR));
+                CreateLinkEvent('navigator/toggle');
                 return;
             case ToolbarViewItems.INVENTORY_ITEM:
                 DispatchUiEvent(new InventoryEvent(InventoryEvent.TOGGLE_INVENTORY));
diff --git a/src/events/navigator/NavigatorEvent.ts b/src/events/navigator/NavigatorEvent.ts
deleted file mode 100644
index 848e6747..00000000
--- a/src/events/navigator/NavigatorEvent.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { NitroEvent } from '@nitrots/nitro-renderer';
-
-export class NavigatorEvent extends NitroEvent
-{
-    public static SHOW_NAVIGATOR: string = 'NE_SHOW_NAVIGATOR';
-    public static HIDE_NAVIGATOR: string = 'NE_HIDE_NAVIGATOR';
-    public static TOGGLE_NAVIGATOR: string = 'NE_TOGGLE_NAVIGATOR';
-    public static TOGGLE_ROOM_INFO: string = 'NE_TOGGLE_ROOM_INFO';
-    public static TOGGLE_ROOM_LINK: string = 'NE_TOGGLE_ROOM_LINK';
-    public static TOGGLE_ROOM_SETTINGS: string = 'NE_TOGGLE_ROOM_SETTINGS';
-    public static SHOW_ROOM_CREATOR: string = 'NE_TOGGLE_CREATOR';
-
-    private _roomId: number;
-    private _password: string;
-
-    constructor(type: string, roomId: number = -1, password = null)
-    {
-        super(type);
-
-        this._roomId = roomId;
-        this._password = password;
-    }
-
-    public get roomId(): number
-    {
-        return this._roomId;
-    }
-
-    public get password(): string
-    {
-        return this._password;
-    }
-}
diff --git a/src/events/navigator/index.ts b/src/events/navigator/index.ts
index 892c758a..df2d9bf9 100644
--- a/src/events/navigator/index.ts
+++ b/src/events/navigator/index.ts
@@ -1,2 +1 @@
-export * from './NavigatorEvent';
 export * from './UpdateDoorStateEvent';
diff --git a/yarn.lock b/yarn.lock
index 309add21..ec6138b4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1426,18 +1426,6 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@nitrots/nitro-renderer@^1.1.13":
-  version "1.1.13"
-  resolved "https://registry.yarnpkg.com/@nitrots/nitro-renderer/-/nitro-renderer-1.1.13.tgz#0173ebda69c41031903461a21a4b3dfa0bd6fcaa"
-  integrity sha512-LGk8514m+/+Y50kOdkP7dVG9DXTNPM3kD/U+wDJBw6MPkxe0R2blhwPoELK02jO6Ehfoz5v+nlhNeUTHzRZzeg==
-  dependencies:
-    "@pixi/canvas-renderer" "^6.2.2"
-    "@pixi/extract" "^6.2.2"
-    "@pixi/filter-adjustment" "^4.1.3"
-    "@pixi/tilemap" "^3.2.2"
-    pako "^2.0.4"
-    pixi.js "^6.2.2"
-
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -1475,206 +1463,6 @@
     mkdirp "^1.0.4"
     rimraf "^3.0.2"
 
-"@pixi/accessibility@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/accessibility/-/accessibility-6.2.2.tgz#0c46b59d11c3e4b841bff5153116e2d17d028a24"
-  integrity sha512-/mXRXCw67bmPY/OZ1Y1p747h3SSg7eqacIChAUJohjbcJK0R2EJRD2uVTspVIUpHPJA0ECNGBpKqk0C1Yzkj2w==
-
-"@pixi/app@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/app/-/app-6.2.2.tgz#45c3dba327a6500d6b9322048950499a5588ec22"
-  integrity sha512-YBzVaSZGA842w2gsgqzxYwQMXeu2JZmSyiybi4raFsA35iOeMurXy7sEs5NP9JO+cjobJyx6echuHzZpKUjWsQ==
-
-"@pixi/canvas-renderer@^6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/canvas-renderer/-/canvas-renderer-6.2.2.tgz#01b7be3f91c66d527713feb3dd52f128d61dd908"
-  integrity sha512-GIGUhA9bzodom8oslIYEq9KWB+ko6IJCY+WmzBxvaH2TBKQQ85k6vipTCp+w/ZgNnezhcA/eFRQoqFFM4ob7+A==
-
-"@pixi/compressed-textures@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/compressed-textures/-/compressed-textures-6.2.2.tgz#8860283058ab931c26dde27daa328e0a7de11a65"
-  integrity sha512-ZjiqYCE6nGtsKTRa6w4W6Krh3vo4M3WT6lrP+VW6BfgUx3quEURt5GVFsFZrJpWF4yI1fShFmjBUOerrTLJGRQ==
-
-"@pixi/constants@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/constants/-/constants-6.2.2.tgz#53a2d0e7f3d16d0400985d81005a076c25b0b32a"
-  integrity sha512-BKSoj/5SI+pQEatuCG5kXXWtCZmZZNMhfhXeqvYO/WNZ+LDxm6F4pllf0t7KjGs1ZBpNxVf6fyngF9Q5r3MgJQ==
-
-"@pixi/core@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/core/-/core-6.2.2.tgz#badf9c03e3a07835b92d1a3868363d8e5083cf13"
-  integrity sha512-XAqgdJ1w9k1ZUBXECm19rcnN2ngm+tOP74HkGw4qQay0biM3JS+wtX4fWQmZNGr8krf6lJrNbsghbtUy70uUaw==
-
-"@pixi/display@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/display/-/display-6.2.2.tgz#6e8ef26f2ed686c03d71d8bb5b92e6222cb23563"
-  integrity sha512-8a0R+9rjlUUjb13nBA6ZNj9gygJqt38B63uIZ2inkhxpIQf0CLo2hNxkqCqXiMeRuGmOw1n6neEDMnHO1Ks+xA==
-
-"@pixi/extract@6.2.2", "@pixi/extract@^6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/extract/-/extract-6.2.2.tgz#f8d682dbf4c29ad2bbbed0bf710c63fcfdcadc7c"
-  integrity sha512-w3gW1/VoHNqFEUNGRQBKm8dCdg816etbpbLExWctmPpNdyxos5N7DF44UMRFg40GPVBBNzYissrH/ojca4PFIA==
-
-"@pixi/filter-adjustment@^4.1.3":
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/@pixi/filter-adjustment/-/filter-adjustment-4.1.3.tgz#61e34b4dd9766ccf40463f0538201bf68f78df66"
-  integrity sha512-W+NhPiZRYKoRToa5+tkU95eOw8gnS5dfIp3ZP+pLv2mdER9RI+4xHxp1uLHMqUYZViTaMdZIIoVOuCgHFPYCbQ==
-
-"@pixi/filter-alpha@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/filter-alpha/-/filter-alpha-6.2.2.tgz#4c39d67deaf99d979019252ea6dab69d853bae84"
-  integrity sha512-CijLcgFdmivmSyZuM5Yyeo6R+PwalZp9OSoard1Oh5DBVvcRDn4m3cBM+nimR4YJbr0kiMbK4Ja8r+e2vwFVjA==
-
-"@pixi/filter-blur@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/filter-blur/-/filter-blur-6.2.2.tgz#bc0f0d0fe2d7095d3fd8924dd013f154a7436e68"
-  integrity sha512-ApFqn2fMIipr3mRp/8dZ74qraGGzzPO/EzvltDqJLru9vGlbX6dKLXZ6w5H8D/uN6aQW1e4N1Nrtzk5mvJVQ3g==
-
-"@pixi/filter-color-matrix@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/filter-color-matrix/-/filter-color-matrix-6.2.2.tgz#9eb4c55ae37b2d6e221ef7bb1781c58fb33890ad"
-  integrity sha512-fQWbtKFWV29jKkq4d6TknEfQ5sF5OxcbJeZo0HJmgoV3FLZ0t21XE991CFI/TqDBo8U3wzUPZVbXxiFoDKmJ8w==
-
-"@pixi/filter-displacement@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/filter-displacement/-/filter-displacement-6.2.2.tgz#6eaa737b1c055c5daff77e384f6d2f728f2a93f3"
-  integrity sha512-cd9um4kNNIeqKA/wVZw+iha+XVbBOYBC8En5hk3ZXAIXxCHxOCz3KS+aOVejXH5EB/gMDPvNNwygn0SCpSGdKA==
-
-"@pixi/filter-fxaa@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/filter-fxaa/-/filter-fxaa-6.2.2.tgz#fea85d68414f9ee7f417d7e54791ccbaccd861c4"
-  integrity sha512-e4qekMlsiEcjV0JRoqH3b34sk8yzT4jsROYPHzk0IiafE+nNNcF3vQmcmnfC0aGIyODzmNdzFLjlFkRRSviydA==
-
-"@pixi/filter-noise@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/filter-noise/-/filter-noise-6.2.2.tgz#a4617a279e968628d7e088b36bf28c8c7cf85fb9"
-  integrity sha512-Jp4L6winS6ZGKpp76x3JyfEWnUMY44fQ90Ts3R3vKkZZFNDd3T4uisZ7YwvDKOhmSo5hY3lQkXaCg/YO5feXbw==
-
-"@pixi/graphics@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/graphics/-/graphics-6.2.2.tgz#bffa1b6ab75a2c5ca54a83444e5cafe6e68dd7c7"
-  integrity sha512-mQyd6ef6/EF5nt7M1OObBEb9FCXxIP6AT30H01Z2wnnCgu4qj8MHrJxTkQxSHynQ+eVVPswzpVizUQZHlIYZNw==
-
-"@pixi/interaction@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/interaction/-/interaction-6.2.2.tgz#31abd2ed0b810570ff487dd7595b755b76f5a3ba"
-  integrity sha512-gpNLCPc+j+RZSZqbKbzVRf4fSlOlYm0xqUVn6JtNH1kc+d9AV7Nmw9but4osP/eodDWsWPQ+7sPKClHY36bKRA==
-
-"@pixi/loaders@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/loaders/-/loaders-6.2.2.tgz#b4fdf00f193733c14d499d4ae74fedc9063a6270"
-  integrity sha512-jwFM59GeMQpzuniw5PlC7kCoXZEaKrw31/ecR1sXKWDtHRyMtvXTuf+R+tSol/1ISQ55c0JBTuUbLPwp7hPvFQ==
-
-"@pixi/math@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/math/-/math-6.2.2.tgz#dfbeeb03de765fa6e1fcfbd2058ed0037d945a86"
-  integrity sha512-TtsaooRRMc/WAZ4LKUDhP/d14BZElLjRNa2gopwTKUtrDa1KvzAMr8WJ8P+gaXl4DJ8B/MlgESdPhRUqVSUw0A==
-
-"@pixi/mesh-extras@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/mesh-extras/-/mesh-extras-6.2.2.tgz#127280bcb686896b62a9b26f69681a60ecc9f3c2"
-  integrity sha512-HFYWhWcV6gY7VYnMhz9OSEN14PPfVqLzWnglbegGEMqCbY/ZGsD8X99x/HLGQGd6L4FFto382q0Fj1xu+y/brg==
-
-"@pixi/mesh@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/mesh/-/mesh-6.2.2.tgz#f301bbf888ca36994b8edb30a590fbe4a035dd6f"
-  integrity sha512-CsKFgTu2MP756sHeoCr9s4tHy2VmnDZPnvZ0ThV8QMnb5w3Z2qRDKlXSSIdNaQOxoAPKkqxIu0JbLK8kyX0oqw==
-
-"@pixi/mixin-cache-as-bitmap@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/mixin-cache-as-bitmap/-/mixin-cache-as-bitmap-6.2.2.tgz#4c0cdddeba91578f6e58a48df7c27743bcfc8f84"
-  integrity sha512-t3jZKGa/qoRMetMWmGkXz8Kp1Uzmb+2y4/adqu+RdIeG3D1oItuGux+R36ZQO6dVRv3R8s2/Dex0aACek171zw==
-
-"@pixi/mixin-get-child-by-name@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/mixin-get-child-by-name/-/mixin-get-child-by-name-6.2.2.tgz#154d8f0d8324d0cbd84a695babd960a0c35b6c10"
-  integrity sha512-BBrniLAkzDex4HyvVdE/DjphzQu4pZ8Nc5aDRIbiS1s283/IXr2oTcoaW23kCjhX0xgu++XcJQQMMyv3mlblZQ==
-
-"@pixi/mixin-get-global-position@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/mixin-get-global-position/-/mixin-get-global-position-6.2.2.tgz#361c4d9889a0b9a724e0cc92fb01d7705b1edb3e"
-  integrity sha512-Rz7DHn6koYFEeVG36rKiMwoTD+elJKqwQ24HHw0BAKz1VwGagBi0ZTcJ+nWplBOrw6ZPKfdOBwGQLXD7ODg8lQ==
-
-"@pixi/particle-container@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/particle-container/-/particle-container-6.2.2.tgz#ff6b4c5da58b052b177a8504ab2a3a53851c460c"
-  integrity sha512-DYbSCcUiVLeM4sKZkzAp3F6dz3idyP1jecxbFqNmRjWRyMv7uXIO42rxGJMrd6BzA5j7DkywI3X0SqhhSZP7Ag==
-
-"@pixi/polyfill@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/polyfill/-/polyfill-6.2.2.tgz#18c0a2e7273fcd505f78aa08ee4c10010dca3314"
-  integrity sha512-Fd5KnjrqG9Vwgl9sDfPvNeqW3/d+hG9Du7H3y5PmItBnu9wXldTtA+I5D0BLsL/wjjjCQLbPVFKwCJj511XfBw==
-  dependencies:
-    object-assign "^4.1.1"
-    promise-polyfill "^8.2.0"
-
-"@pixi/prepare@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/prepare/-/prepare-6.2.2.tgz#7dd53bc2415d371113806700c103e074615f14a8"
-  integrity sha512-kJojn/6zEcao+XQyU+zWkBmQr0Tgeju3F9JYBpPQ8MKIUJYvDQDtRxYo9A6Xzxk8FJ373s2Ext/OelX2FcR3HQ==
-
-"@pixi/runner@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/runner/-/runner-6.2.2.tgz#ac253ee250198437b7a7182078a90e1e752f8ada"
-  integrity sha512-q7bc6Eu2XplGzCQBOhbv32P0z48ixW/Su6epT9IOfDi2iTiPjB5Sxp9e+DZDFIzvkfLzgr67Ddy51YMvOp5sQg==
-
-"@pixi/settings@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/settings/-/settings-6.2.2.tgz#1984a9a233b5e78c3cf564fed5a2cde3012b754c"
-  integrity sha512-eQv0ykSwnJUd/LF4MuaFoL+eBNG+EUPAVfsnlsez/Y09aqwIzJyAjRx+uGp9adQ3XHXwYt2l2wINn+foF1y/8A==
-  dependencies:
-    ismobilejs "^1.1.0"
-
-"@pixi/sprite-animated@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/sprite-animated/-/sprite-animated-6.2.2.tgz#8006a943834fbb5059800e0b57b08c890524a264"
-  integrity sha512-MNkVIuC06aXn8bgfWyqQE8vmclCVLgmHB//hssr/1IFCVmnEEYZLyeWErkIA87grY3iV7tGOILEYSa3pod4XEg==
-
-"@pixi/sprite-tiling@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/sprite-tiling/-/sprite-tiling-6.2.2.tgz#2447fd92af3e9ddf2bdaa143018eb4f721fc0714"
-  integrity sha512-HQ9RVObmwyPq+PM2wm2UEIMdsvWg96ymSz0NOh9bOfMSme18vSWv0Rbidv/FziQT8x6MpoLpYke0DYMGtbu0tA==
-
-"@pixi/sprite@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/sprite/-/sprite-6.2.2.tgz#a699e95f3da0f290e798a076ff30c4ec0cc6f263"
-  integrity sha512-Imr+sJWFh5GtarW3FBBUzedSexfijg7OL0A6qwMDHA011gjyVeRZ15uXP8fgIwUoHoMLsU6xk85jcucM9RfWuw==
-
-"@pixi/spritesheet@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/spritesheet/-/spritesheet-6.2.2.tgz#84013fff2f7a6b50f1403484d7cb445a4510198c"
-  integrity sha512-TZodC/pf+CW/8kZN+RPzObXWSPgYv1pp+foUnOHb7w8AyFnMljeqBPiUfLQaMzw91TI9AHLihoeeofqZ4wMpww==
-
-"@pixi/text-bitmap@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/text-bitmap/-/text-bitmap-6.2.2.tgz#26f2838a06edc2e17659d6e02d4244b714e4b61d"
-  integrity sha512-pJZM0o68n6cUFUdolvpuuloMccdQqvTc3CLzhLu9xW9HLx7NeFjZEQWTGQea8GXsGa1RhvlMd9x3AiVSNMI2FA==
-
-"@pixi/text@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/text/-/text-6.2.2.tgz#bf4bd0e9fdf9041e3516bbaae2094f6ab8b4ee26"
-  integrity sha512-Hi6MO/QhllZ4IWkr7MBzImzHB88XXKlF5E9xt1vUBhdZb3KsQD+cPx+bNCFWn6ZMWDmOloJekzRkkSl3KrfBSw==
-
-"@pixi/ticker@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/ticker/-/ticker-6.2.2.tgz#3170ce5f44c56ac1bdb1a66a1f393d023c9cbb4e"
-  integrity sha512-tF3cRtcYnj3U3HFQ0IJKvAxFU1YUM96T0p8Qh478xZhvGxYGnjrQDPmjXePb4NocAdG5adb6//2uvQOd7o4rHg==
-
-"@pixi/tilemap@^3.2.2":
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/tilemap/-/tilemap-3.2.2.tgz#8327e5d7007a90be640a0b1eb9943a1e405b57e4"
-  integrity sha512-svdmMyJP63vdae3t66tCmE8IWeO/6lD1xXU+5gzfxqxJS5seTp2bm8mQok2c8PF0O6l/NYlLz6BRklOuEuHboQ==
-
-"@pixi/utils@6.2.2":
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/@pixi/utils/-/utils-6.2.2.tgz#cf292ceb494992e7974982043b214617615ce335"
-  integrity sha512-rpS6QolFuRmm/QcKm5PYHOCkX6okl9a00u2osaMbmPP+l7XLATTxSsFhw64UbSNR+zmzsrhreRFBVFn3tf8K6w==
-  dependencies:
-    "@types/earcut" "^2.1.0"
-    earcut "^2.2.2"
-    eventemitter3 "^3.1.0"
-    url "^0.11.0"
-
 "@pmmmwh/react-refresh-webpack-plugin@0.4.3":
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.3.tgz#1eec460596d200c0236bf195b078a5d1df89b766"
@@ -1933,11 +1721,6 @@
   dependencies:
     "@babel/types" "^7.3.0"
 
-"@types/earcut@^2.1.0":
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/@types/earcut/-/earcut-2.1.1.tgz#573a0af609f17005c751f6f4ffec49cfe358ea51"
-  integrity sha512-w8oigUCDjElRHRRrMvn/spybSMyX8MTkKA5Dv+tS1IE/TgmNZPqUYtvYBXGY8cieSE66gm+szeK+bnbxC2xHTQ==
-
 "@types/eslint@^7.28.2":
   version "7.29.0"
   resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.29.0.tgz#e56ddc8e542815272720bb0b4ccc2aff9c3e1c78"
@@ -4648,11 +4431,6 @@ duplexify@^3.4.2, duplexify@^3.6.0:
     readable-stream "^2.0.0"
     stream-shift "^1.0.0"
 
-earcut@^2.2.2:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/earcut/-/earcut-2.2.3.tgz#d44ced2ff5a18859568e327dd9c7d46b16f55cf4"
-  integrity sha512-iRDI1QeCQIhMCZk48DRDMVgQSSBDmbzzNhnxIo+pwx3swkfjMh6vh0nWLq1NdvGHLKH6wIrAM3vQWeTj6qeoug==
-
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
@@ -5144,11 +4922,6 @@ etag@~1.8.1:
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
 
-eventemitter3@^3.1.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-3.1.2.tgz#2d3d48f9c346698fce83a85d7d664e98535df6e7"
-  integrity sha512-tvtQIeLVHjDkJYnzf2dgVMxfuSGJeM/7UCG17TT4EumTfNtF+0nebF/4zWOIkCreAbtNqhGEboB6BWrwqNaw4Q==
-
 eventemitter3@^4.0.0:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
@@ -6732,11 +6505,6 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
 
-ismobilejs@^1.1.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ismobilejs/-/ismobilejs-1.1.1.tgz#c56ca0ae8e52b24ca0f22ba5ef3215a2ddbbaa0e"
-  integrity sha512-VaFW53yt8QO61k2WJui0dHf4SlL8lxBofUuUmwBo0ljPk0Drz2TiuDW4jo3wDcv41qy/SxrJ+VAzJ/qYqsmzRw==
-
 isobject@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
@@ -8562,11 +8330,6 @@ p-try@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
-pako@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-2.0.4.tgz#6cebc4bbb0b6c73b0d5b8d7e8476e2b2fbea576d"
-  integrity sha512-v8tweI900AUkZN6heMU/4Uy4cXRc2AYNRggVmTR+dEncawDJgCdLMximOVA2p4qO57WMynangsfGRb5WD6L1Bg==
-
 pako@~1.0.5:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
@@ -8761,47 +8524,6 @@ pirates@^4.0.1:
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
   integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
 
-pixi.js@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/pixi.js/-/pixi.js-6.2.2.tgz#bc8319f007e48c0d5190b32b3e4f1d5bee0677e4"
-  integrity sha512-/xCnJUsWTZuacR6JYTnRbUb+5grzlqpp2O1Ub7bCZCE3FApTCs7nMNYeLfdeP+np/MlGaM+SsPh2cXcafR3OZw==
-  dependencies:
-    "@pixi/accessibility" "6.2.2"
-    "@pixi/app" "6.2.2"
-    "@pixi/compressed-textures" "6.2.2"
-    "@pixi/constants" "6.2.2"
-    "@pixi/core" "6.2.2"
-    "@pixi/display" "6.2.2"
-    "@pixi/extract" "6.2.2"
-    "@pixi/filter-alpha" "6.2.2"
-    "@pixi/filter-blur" "6.2.2"
-    "@pixi/filter-color-matrix" "6.2.2"
-    "@pixi/filter-displacement" "6.2.2"
-    "@pixi/filter-fxaa" "6.2.2"
-    "@pixi/filter-noise" "6.2.2"
-    "@pixi/graphics" "6.2.2"
-    "@pixi/interaction" "6.2.2"
-    "@pixi/loaders" "6.2.2"
-    "@pixi/math" "6.2.2"
-    "@pixi/mesh" "6.2.2"
-    "@pixi/mesh-extras" "6.2.2"
-    "@pixi/mixin-cache-as-bitmap" "6.2.2"
-    "@pixi/mixin-get-child-by-name" "6.2.2"
-    "@pixi/mixin-get-global-position" "6.2.2"
-    "@pixi/particle-container" "6.2.2"
-    "@pixi/polyfill" "6.2.2"
-    "@pixi/prepare" "6.2.2"
-    "@pixi/runner" "6.2.2"
-    "@pixi/settings" "6.2.2"
-    "@pixi/sprite" "6.2.2"
-    "@pixi/sprite-animated" "6.2.2"
-    "@pixi/sprite-tiling" "6.2.2"
-    "@pixi/spritesheet" "6.2.2"
-    "@pixi/text" "6.2.2"
-    "@pixi/text-bitmap" "6.2.2"
-    "@pixi/ticker" "6.2.2"
-    "@pixi/utils" "6.2.2"
-
 pkg-dir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@@ -9568,11 +9290,6 @@ promise-inflight@^1.0.1:
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
   integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
 
-promise-polyfill@^8.2.0:
-  version "8.2.3"
-  resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.2.3.tgz#2edc7e4b81aff781c88a0d577e5fe9da822107c6"
-  integrity sha512-Og0+jCRQetV84U8wVjMNccfGCnMQ9mGs9Hv78QFe+pSDD3gWTpz0y+1QCuxy5d/vBFuZ3iwP2eycAkvqIMPmWg==
-
 promise@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/promise/-/promise-8.1.0.tgz#697c25c3dfe7435dd79fcd58c38a135888eaf05e"

From dfa9dd6b837bf5c81f47d3db30a3ff8d18acd0b5 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Sat, 19 Mar 2022 22:40:26 -0400
Subject: [PATCH 2/2] More navi fixes

---
 package.json                                  |   1 +
 src/common/card/NitroCardView.scss            |   1 +
 src/components/groups/GroupsView.tsx          |  14 +-
 src/components/navigator/NavigatorContext.tsx |   6 +-
 .../navigator/NavigatorMessageHandler.tsx     |  42 ++-
 src/components/navigator/NavigatorView.tsx    | 172 +++++++----
 .../navigator/common/NavigatorData.ts         |   2 +
 .../NavigatorRoomCreatorView.tsx              |  10 +-
 .../NavigatorRoomDoorbellView.tsx             |  12 +-
 .../{room-info => }/NavigatorRoomInfoView.tsx |  10 +-
 .../{room-link => }/NavigatorRoomLinkView.tsx |   6 +-
 .../NavigatorRoomPasswordView.tsx             |  12 +-
 .../NavigatorRoomSettingsAccessTabView.tsx    |   6 +-
 .../NavigatorRoomSettingsBasicTabView.tsx     |  10 +-
 .../NavigatorRoomSettingsModTabView.tsx       |   6 +-
 .../NavigatorRoomSettingsRightsTabView.tsx    |   6 +-
 .../NavigatorRoomSettingsView.tsx             |  93 +++---
 .../NavigatorRoomSettingsVipChatTabView.tsx   |   6 +-
 .../NavigatorSearchResultItemInfoView.tsx     |   0
 .../NavigatorSearchResultItemView.tsx         |  16 +-
 .../NavigatorSearchResultView.tsx             |   0
 .../views/search/NavigatorSearchView.tsx      |  42 ++-
 .../room-tools/RoomToolsWidgetView.tsx        |  16 +-
 src/hooks/UseSharedState.ts                   |  67 +++++
 src/hooks/index.ts                            |   1 +
 yarn.lock                                     | 283 ++++++++++++++++++
 26 files changed, 640 insertions(+), 200 deletions(-)
 rename src/components/navigator/views/{creator => }/NavigatorRoomCreatorView.tsx (95%)
 rename src/components/navigator/views/{room-doorbell => }/NavigatorRoomDoorbellView.tsx (89%)
 rename src/components/navigator/views/{room-info => }/NavigatorRoomInfoView.tsx (97%)
 rename src/components/navigator/views/{room-link => }/NavigatorRoomLinkView.tsx (91%)
 rename src/components/navigator/views/{room-password => }/NavigatorRoomPasswordView.tsx (87%)
 rename src/components/navigator/views/room-settings/{views => }/NavigatorRoomSettingsAccessTabView.tsx (96%)
 rename src/components/navigator/views/room-settings/{views => }/NavigatorRoomSettingsBasicTabView.tsx (93%)
 rename src/components/navigator/views/room-settings/{views => }/NavigatorRoomSettingsModTabView.tsx (90%)
 rename src/components/navigator/views/room-settings/{views => }/NavigatorRoomSettingsRightsTabView.tsx (96%)
 rename src/components/navigator/views/room-settings/{views => }/NavigatorRoomSettingsVipChatTabView.tsx (96%)
 rename src/components/navigator/views/{search-result => search}/NavigatorSearchResultItemInfoView.tsx (100%)
 rename src/components/navigator/views/{search-result => search}/NavigatorSearchResultItemView.tsx (88%)
 rename src/components/navigator/views/{search-result => search}/NavigatorSearchResultView.tsx (100%)
 create mode 100644 src/hooks/UseSharedState.ts

diff --git a/package.json b/package.json
index 3823a8d9..4b9c54ae 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@fortawesome/fontawesome-svg-core": "^6.1.0",
     "@fortawesome/free-solid-svg-icons": "^6.1.0",
     "@fortawesome/react-fontawesome": "^0.1.17",
+    "@nitrots/nitro-renderer": "^1.1.14",
     "animate.css": "^4.1.1",
     "classnames": "^2.3.1",
     "cross-env": "^7.0.3",
diff --git a/src/common/card/NitroCardView.scss b/src/common/card/NitroCardView.scss
index 0d886814..7e925038 100644
--- a/src/common/card/NitroCardView.scss
+++ b/src/common/card/NitroCardView.scss
@@ -179,6 +179,7 @@ $nitro-card-tabs-height: 33px;
 
 .nitro-card-tabs {
     height: 100%;
+    min-height: $nitro-card-tabs-height;
     max-height: $nitro-card-tabs-height;
     border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
 }
diff --git a/src/components/groups/GroupsView.tsx b/src/components/groups/GroupsView.tsx
index 224fbc20..397d49bf 100644
--- a/src/components/groups/GroupsView.tsx
+++ b/src/components/groups/GroupsView.tsx
@@ -93,14 +93,12 @@ export const GroupsView: FC<{}> = props =>
     
     return (
         <GroupsContextProvider value={ { groupCustomize, setGroupCustomize } }>
-            <div className="nitro-groups">
-                { isCreatorVisible &&
-                    <GroupCreatorView onClose={ () => setCreatorVisible(false) } /> }
-                { !isCreatorVisible &&
-                    <GroupManagerView /> }
-                <GroupMembersView />
-                <GroupInformationStandaloneView />
-            </div>
+            { isCreatorVisible &&
+                <GroupCreatorView onClose={ () => setCreatorVisible(false) } /> }
+            { !isCreatorVisible &&
+                <GroupManagerView /> }
+            <GroupMembersView />
+            <GroupInformationStandaloneView />
         </GroupsContextProvider>
     );
 };
diff --git a/src/components/navigator/NavigatorContext.tsx b/src/components/navigator/NavigatorContext.tsx
index 6455317d..8505e701 100644
--- a/src/components/navigator/NavigatorContext.tsx
+++ b/src/components/navigator/NavigatorContext.tsx
@@ -1,5 +1,5 @@
 import { NavigatorCategoryDataParser, NavigatorSearchResultSet, NavigatorTopLevelContext } from '@nitrots/nitro-renderer';
-import { createContext, Dispatch, FC, MutableRefObject, ProviderProps, SetStateAction, useContext } from 'react';
+import { createContext, Dispatch, FC, ProviderProps, SetStateAction, useContext } from 'react';
 import { NavigatorData } from './common/NavigatorData';
 
 interface INavigatorContext
@@ -14,7 +14,6 @@ interface INavigatorContext
     setNavigatorData: Dispatch<SetStateAction<NavigatorData>>;
     searchResult: NavigatorSearchResultSet;
     setSearchResult: Dispatch<SetStateAction<NavigatorSearchResultSet>>;
-    lastSearchValue: MutableRefObject<string>;
 }
 
 const NavigatorContext = createContext<INavigatorContext>({
@@ -27,8 +26,7 @@ const NavigatorContext = createContext<INavigatorContext>({
     navigatorData: null,
     setNavigatorData: null,
     searchResult: null,
-    setSearchResult: null,
-    lastSearchValue: null
+    setSearchResult: null
 });
 
 export const NavigatorContextProvider: FC<ProviderProps<INavigatorContext>> = props =>
diff --git a/src/components/navigator/NavigatorMessageHandler.tsx b/src/components/navigator/NavigatorMessageHandler.tsx
index 4647ff9d..d3a4a5f8 100644
--- a/src/components/navigator/NavigatorMessageHandler.tsx
+++ b/src/components/navigator/NavigatorMessageHandler.tsx
@@ -1,4 +1,4 @@
-import { CantConnectMessageParser, FollowFriendMessageComposer, GenericErrorEvent, GetGuestRoomResultEvent, HabboWebTools, LegacyExternalInterface, NavigatorCategoriesComposer, NavigatorCategoriesEvent, NavigatorHomeRoomEvent, NavigatorMetadataEvent, NavigatorOpenRoomCreatorEvent, NavigatorSearchEvent, NavigatorSettingsComposer, RoomCreatedEvent, RoomDataParser, RoomDoorbellAcceptedEvent, RoomDoorbellEvent, RoomDoorbellRejectedEvent, RoomEnterErrorEvent, RoomEntryInfoMessageEvent, RoomForwardEvent, RoomInfoComposer, RoomScoreEvent, RoomSettingsUpdatedEvent, SecurityLevel, UserInfoEvent, UserPermissionsEvent } from '@nitrots/nitro-renderer';
+import { CanCreateRoomEventEvent, CantConnectMessageParser, FollowFriendMessageComposer, GenericErrorEvent, GetGuestRoomResultEvent, HabboWebTools, LegacyExternalInterface, NavigatorCategoriesComposer, NavigatorCategoriesEvent, NavigatorHomeRoomEvent, NavigatorMetadataEvent, NavigatorOpenRoomCreatorEvent, NavigatorSearchEvent, NavigatorSettingsComposer, RoomCreatedEvent, RoomDataParser, RoomDoorbellAcceptedEvent, RoomDoorbellEvent, RoomDoorbellRejectedEvent, RoomEnterErrorEvent, RoomEntryInfoMessageEvent, RoomForwardEvent, RoomInfoComposer, RoomScoreEvent, RoomSettingsUpdatedEvent, SecurityLevel, UserInfoEvent, UserPermissionsEvent } from '@nitrots/nitro-renderer';
 import { FC, useCallback } from 'react';
 import { CreateLinkEvent, CreateRoomSession, GetConfiguration, GetSessionDataManager, LocalizeText, NotificationAlertType, NotificationUtilities, SendMessageComposer, TryVisitRoom, VisitDesktop } from '../../api';
 import { UpdateDoorStateEvent } from '../../events';
@@ -18,21 +18,21 @@ export const NavigatorMessageHandler: FC<{}> = props =>
 
     UseMessageEventHook(RoomSettingsUpdatedEvent, onRoomSettingsUpdatedEvent);
 
-    // const onCanCreateRoomEventEvent = useCallback((event: CanCreateRoomEventEvent) =>
-    // {
-    //     const parser = event.getParser();
+    const onCanCreateRoomEventEvent = useCallback((event: CanCreateRoomEventEvent) =>
+    {
+        const parser = event.getParser();
 
-    //     if(parser.canCreate)
-    //     {
-    //         // show room event cvreate
+        if(parser.canCreate)
+        {
+            // show room event cvreate
 
-    //         return;
-    //     }
+            return;
+        }
 
-    //     NotificationUtilities.simpleAlert(LocalizeText(`navigator.cannotcreateevent.error.${ parser.errorCode }`), null, null, null, LocalizeText('navigator.cannotcreateevent.title'));
-    // }, []);
+        NotificationUtilities.simpleAlert(LocalizeText(`navigator.cannotcreateevent.error.${ parser.errorCode }`), null, null, null, LocalizeText('navigator.cannotcreateevent.title'));
+    }, []);
     
-    // UseMessageEventHook(CanCreateRoomEventEvent, onCanCreateRoomEventEvent);
+    UseMessageEventHook(CanCreateRoomEventEvent, onCanCreateRoomEventEvent);
 
     const onUserInfoEvent = useCallback((event: UserInfoEvent) =>
     {
@@ -97,7 +97,7 @@ export const NavigatorMessageHandler: FC<{}> = props =>
                     const newValue = { ...prevValue };
 
                     newValue.enteredGuestRoom = parser.data;
-                    //newValue.currentRoomIsStaffPick = parser.staffPick;
+                    newValue.currentRoomIsStaffPick = parser.staffPick;
 
                     const isCreated = (newValue.createdFlatId === parser.data.roomId);
 
@@ -131,7 +131,7 @@ export const NavigatorMessageHandler: FC<{}> = props =>
                 }
             }
 
-            // if((parser.data.doorMode === RoomDataParser.NOOB_STATE) && !GetSessionDataManager().isAmbassador && !GetSessionDataManager().isRealNoob && !GetSessionDataManager().isModerator) return;
+            if((parser.data.doorMode === RoomDataParser.NOOB_STATE) && !GetSessionDataManager().isAmbassador && !GetSessionDataManager().isRealNoob && !GetSessionDataManager().isModerator) return;
 
             CreateRoomSession(parser.data.roomId);
         }
@@ -142,7 +142,7 @@ export const NavigatorMessageHandler: FC<{}> = props =>
                     const newValue = { ...prevValue };
 
                     newValue.enteredGuestRoom = parser.data;
-                    //newValue.currentRoomIsStaffPick = parser.staffPick;
+                    newValue.currentRoomIsStaffPick = parser.staffPick;
 
                     return newValue;
                 });
@@ -152,7 +152,17 @@ export const NavigatorMessageHandler: FC<{}> = props =>
     const onRoomScoreEvent = useCallback((event: RoomScoreEvent) =>
     {
         const parser = event.getParser();
-    }, [ ]);
+
+        setNavigatorData(prevValue =>
+            {
+                const newValue = { ...prevValue };
+
+                newValue.currentRoomRating = parser.totalLikes;
+                newValue.canRate = parser.canLike;
+
+                return newValue;
+            });
+    }, [ setNavigatorData ]);
 
     const onRoomDoorbellEvent = useCallback((event: RoomDoorbellEvent) =>
     {
diff --git a/src/components/navigator/NavigatorView.tsx b/src/components/navigator/NavigatorView.tsx
index fced83ed..97571333 100644
--- a/src/components/navigator/NavigatorView.tsx
+++ b/src/components/navigator/NavigatorView.tsx
@@ -2,32 +2,35 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { ConvertGlobalRoomIdMessageComposer, HabboWebTools, ILinkEventTracker, LegacyExternalInterface, NavigatorCategoryDataParser, NavigatorInitComposer, NavigatorSearchComposer, NavigatorSearchResultSet, NavigatorTopLevelContext, RoomDataParser, RoomSessionEvent } from '@nitrots/nitro-renderer';
 import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { AddEventLinkTracker, GoToDesktop, LocalizeText, RemoveLinkEventTracker, SendMessageComposer, TryVisitRoom } from '../../api';
-import { Column, NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView } from '../../common';
+import { Base, Column, NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView } from '../../common';
 import { UpdateDoorStateEvent } from '../../events';
-import { BatchUpdates, UseRoomSessionManagerEvent, UseUiEvent } from '../../hooks';
+import { BatchUpdates, UseRoomSessionManagerEvent, useSharedState, UseUiEvent } from '../../hooks';
 import { NavigatorData } from './common/NavigatorData';
 import { NavigatorContextProvider } from './NavigatorContext';
 import { NavigatorMessageHandler } from './NavigatorMessageHandler';
-import { NavigatorRoomCreatorView } from './views/creator/NavigatorRoomCreatorView';
-import { NavigatorRoomDoorbellView } from './views/room-doorbell/NavigatorRoomDoorbellView';
-import { NavigatorRoomInfoView } from './views/room-info/NavigatorRoomInfoView';
-import { NavigatorRoomLinkView } from './views/room-link/NavigatorRoomLinkView';
-import { NavigatorRoomPasswordView } from './views/room-password/NavigatorRoomPasswordView';
+import { NavigatorRoomCreatorView } from './views/NavigatorRoomCreatorView';
+import { NavigatorRoomDoorbellView } from './views/NavigatorRoomDoorbellView';
+import { NavigatorRoomInfoView } from './views/NavigatorRoomInfoView';
+import { NavigatorRoomLinkView } from './views/NavigatorRoomLinkView';
+import { NavigatorRoomPasswordView } from './views/NavigatorRoomPasswordView';
 import { NavigatorRoomSettingsView } from './views/room-settings/NavigatorRoomSettingsView';
-import { NavigatorSearchResultView } from './views/search-result/NavigatorSearchResultView';
+import { NavigatorSearchResultView } from './views/search/NavigatorSearchResultView';
 import { NavigatorSearchView } from './views/search/NavigatorSearchView';
 
 export const NavigatorView: FC<{}> = props =>
 {
     const [ isVisible, setIsVisible ] = useState(false);
+    const [ isReady, setIsReady ] = useState(false);
     const [ isCreatorOpen, setCreatorOpen ] = useState(false);
     const [ isRoomInfoOpen, setRoomInfoOpen ] = useState(false);
     const [ isRoomLinkOpen, setRoomLinkOpen ] = useState(false);
-    const [ needsUpdate, setNeedsUpdate ] = useState(true);
+    const [ isLoading, setIsLoading ] = useState(false);
+    const [ needsInit, setNeedsInit ] = useState(true);
+    const [ needsSearch, setNeedsSearch ] = useState(false);
     const [ categories, setCategories ] = useState<NavigatorCategoryDataParser[]>(null);
     const [ topLevelContext, setTopLevelContext ] = useState<NavigatorTopLevelContext>(null);
     const [ topLevelContexts, setTopLevelContexts ] = useState<NavigatorTopLevelContext[]>(null);
-    const [ navigatorData, setNavigatorData ] = useState<NavigatorData>({
+    const [ navigatorData, setNavigatorData ] = useSharedState<NavigatorData>('@navigatorData', {
         settingsReceived: false,
         homeRoomId: 0,
         enteredGuestRoom: null,
@@ -37,11 +40,13 @@ export const NavigatorView: FC<{}> = props =>
         createdFlatId: 0,
         avatarId: 0,
         roomPicker: false,
-        eventMod: false
+        eventMod: false,
+        currentRoomRating: 0,
+        canRate: true
     });
     const [ searchResult, setSearchResult ] = useState<NavigatorSearchResultSet>(null);
     const [ pendingDoorState, setPendingDoorState ] = useState<{ roomData: RoomDataParser, state: string }>(null);
-    const lastSearchValue = useRef<string>();
+    const pendingSearch = useRef<{ value: string, code: string }>(null);
 
     const onUpdateDoorStateEvent = useCallback((event: UpdateDoorStateEvent) =>
     {
@@ -102,25 +107,57 @@ export const NavigatorView: FC<{}> = props =>
 
     UseRoomSessionManagerEvent(RoomSessionEvent.CREATED, onRoomSessionEvent);
 
-    const sendSearch = useCallback((searchValue: string, contextCode: string) =>
-    {
-        setCreatorOpen(false);
-
-        SendMessageComposer(new NavigatorSearchComposer(contextCode, searchValue));
-    }, []);
-
     const closePendingDoorState = useCallback((state: string) =>
     {
         if(state !== null)
         {
             setPendingDoorState(prevValue =>
                 {
-                    return { roomData: prevValue.roomData, state };
+                    return { ...prevValue, state };
                 });
         }
         else setPendingDoorState(null);
     }, []);
 
+    const sendSearch = useCallback((searchValue: string, contextCode: string) =>
+    {
+        setCreatorOpen(false);
+
+        SendMessageComposer(new NavigatorSearchComposer(contextCode, searchValue));
+
+        setIsLoading(true);
+    }, []);
+
+    const reloadCurrentSearch = useCallback(() =>
+    {
+        if(!isReady)
+        {
+            setNeedsSearch(true);
+            
+            return;
+        }
+
+        if(pendingSearch.current)
+        {
+            sendSearch(pendingSearch.current.value, pendingSearch.current.code);
+
+            pendingSearch.current = null;
+
+            return;
+        }
+
+        if(searchResult)
+        {
+            sendSearch(searchResult.data, searchResult.code);
+
+            return;
+        }
+
+        if(!topLevelContext) return;
+        
+        sendSearch('', topLevelContext.code);
+    }, [ isReady, searchResult, topLevelContext, sendSearch ]);
+
     const linkReceived = useCallback((url: string) =>
     {
         const parts = url.split('/');
@@ -129,15 +166,32 @@ export const NavigatorView: FC<{}> = props =>
 
         switch(parts[1])
         {
-            case 'show':
-                setIsVisible(true);
+            case 'show': {
+                BatchUpdates(() =>
+                {
+                    setIsVisible(true);
+                    setNeedsSearch(true);
+                });
                 return;
+            }
             case 'hide':
                 setIsVisible(false);
                 return;
-            case 'toggle':
-                setIsVisible(prevValue => !prevValue);
+            case 'toggle': {
+                if(isVisible)
+                {
+                    setIsVisible(false);
+
+                    return;
+                }
+
+                BatchUpdates(() =>
+                {
+                    setIsVisible(true);
+                    setNeedsSearch(true);
+                });
                 return;
+            }
             case 'toggle-room-info':
                 setRoomInfoOpen(value => !value);
                 return;
@@ -177,12 +231,17 @@ export const NavigatorView: FC<{}> = props =>
 
                     if(parts.length > 3) searchValue = parts[3];
 
-                    setIsVisible(true);
-                    sendSearch(searchValue, topLevelContextCode);
+                    pendingSearch.current = { value: searchValue, code: topLevelContextCode };
+
+                    BatchUpdates(() =>
+                    {
+                        setIsVisible(true);
+                        setNeedsSearch(true);
+                    });
                 }
                 return;
         } 
-    }, [ navigatorData.homeRoomId, sendSearch ]);
+    }, [ isVisible, navigatorData.homeRoomId ]);
 
     useEffect(() =>
     {
@@ -196,48 +255,43 @@ export const NavigatorView: FC<{}> = props =>
         return () => RemoveLinkEventTracker(linkTracker);
     }, [ linkReceived ]);
 
-    // useEffect(() =>
-    // {
-    //     if(!isVisible) return;
+    useEffect(() =>
+    {
+        if(!searchResult) return;
 
-    //     sendSearch(lastSearch)
-    // }, [ isVisible ]);
+        setIsLoading(false);
+    }, [ searchResult ]);
 
     useEffect(() =>
     {
-        if(!needsUpdate) return;
+        if(!isVisible || !isReady || !needsSearch) return;
+
+        reloadCurrentSearch();
+
+        setNeedsSearch(false);
+    }, [ isVisible, isReady, needsSearch, reloadCurrentSearch ]);
+
+    useEffect(() =>
+    {
+        if(isReady || !topLevelContext) return;
+
+        setIsReady(true);
+    }, [ isReady, topLevelContext ]);
+
+    useEffect(() =>
+    {
+        if(!isVisible || !needsInit) return;
 
         SendMessageComposer(new NavigatorInitComposer());
 
-        setNeedsUpdate(false);
-    }, [ needsUpdate ]);
+        setNeedsInit(false);
+    }, [ isVisible, needsInit ]);
 
     useEffect(() =>
     {
         LegacyExternalInterface.addCallback(HabboWebTools.OPENROOM, (k: string, _arg_2: boolean = false, _arg_3: string = null) => SendMessageComposer(new ConvertGlobalRoomIdMessageComposer(k)));
     }, []);
 
-    // useEffect(() =>
-    // {
-    //     if(!isVisible || !topLevelContext) return;
-
-    //     sendSearch('', topLevelContext.code);
-    // }, [ isVisible, sendSearch, topLevelContext ])
-
-    // useEffect(() =>
-    // {
-    //     if(!topLevelContexts || !topLevelContexts.length) return;
-
-    //     sendSearch('', topLevelContexts[0].code);
-    // }, [ topLevelContexts, sendSearch ]);
-
-    // useEffect(() =>
-    // {
-    //     if(!isVisible || !LAST_SEARCH || !LAST_SEARCH.length) return;
-
-    //     CreateLinkEvent(`navigator/search/${ LAST_SEARCH }`);
-    // }, [ isVisible ]);
-
     const getRoomDoorState = useMemo(() =>
     {
         if(!pendingDoorState) return null;
@@ -257,7 +311,7 @@ export const NavigatorView: FC<{}> = props =>
     }, [ pendingDoorState, closePendingDoorState ]);
 
     return (
-        <NavigatorContextProvider value={ { categories, setCategories, topLevelContext, setTopLevelContext, topLevelContexts, setTopLevelContexts, navigatorData, setNavigatorData, searchResult, setSearchResult, lastSearchValue } }>
+        <NavigatorContextProvider value={ { categories, setCategories, topLevelContext, setTopLevelContext, topLevelContexts, setTopLevelContexts, navigatorData, setNavigatorData, searchResult, setSearchResult } }>
             <NavigatorMessageHandler />
             { getRoomDoorState }
             { isVisible &&
@@ -276,7 +330,9 @@ export const NavigatorView: FC<{}> = props =>
                             <FontAwesomeIcon icon="plus" />
                         </NitroCardTabsItemView>
                     </NitroCardTabsView>
-                    <NitroCardContentView>
+                    <NitroCardContentView position='relative'>
+                        { isLoading &&
+                            <Base fit position="absolute" className="top-0 start-0 z-index-1 bg-muted opacity-0-5" /> }
                         { !isCreatorOpen &&
                             <>
                                 <NavigatorSearchView sendSearch={ sendSearch } />
diff --git a/src/components/navigator/common/NavigatorData.ts b/src/components/navigator/common/NavigatorData.ts
index 9637969c..64fdd568 100644
--- a/src/components/navigator/common/NavigatorData.ts
+++ b/src/components/navigator/common/NavigatorData.ts
@@ -12,4 +12,6 @@ export interface NavigatorData
     avatarId: number;
     roomPicker: boolean;
     eventMod: boolean;
+    currentRoomRating: number;
+    canRate: boolean;
 }
diff --git a/src/components/navigator/views/creator/NavigatorRoomCreatorView.tsx b/src/components/navigator/views/NavigatorRoomCreatorView.tsx
similarity index 95%
rename from src/components/navigator/views/creator/NavigatorRoomCreatorView.tsx
rename to src/components/navigator/views/NavigatorRoomCreatorView.tsx
index c5a62c72..1637b5a5 100644
--- a/src/components/navigator/views/creator/NavigatorRoomCreatorView.tsx
+++ b/src/components/navigator/views/NavigatorRoomCreatorView.tsx
@@ -1,11 +1,11 @@
 /* eslint-disable no-template-curly-in-string */
 import { HabboClubLevelEnum, RoomCreateComposer } from '@nitrots/nitro-renderer';
 import { FC, useEffect, useState } from 'react';
-import { GetClubMemberLevel, GetConfiguration, LocalizeText, SendMessageComposer } from '../../../../api';
-import { Button, Column, Flex, Grid, LayoutCurrencyIcon, LayoutGridItem, Text } from '../../../../common';
-import { BatchUpdates } from '../../../../hooks';
-import { IRoomModel, RoomModels } from '../../common/RoomModels';
-import { useNavigatorContext } from '../../NavigatorContext';
+import { GetClubMemberLevel, GetConfiguration, LocalizeText, SendMessageComposer } from '../../../api';
+import { Button, Column, Flex, Grid, LayoutCurrencyIcon, LayoutGridItem, Text } from '../../../common';
+import { BatchUpdates } from '../../../hooks';
+import { IRoomModel, RoomModels } from '../common/RoomModels';
+import { useNavigatorContext } from '../NavigatorContext';
 
 export const NavigatorRoomCreatorView: FC<{}> = props =>
 {
diff --git a/src/components/navigator/views/room-doorbell/NavigatorRoomDoorbellView.tsx b/src/components/navigator/views/NavigatorRoomDoorbellView.tsx
similarity index 89%
rename from src/components/navigator/views/room-doorbell/NavigatorRoomDoorbellView.tsx
rename to src/components/navigator/views/NavigatorRoomDoorbellView.tsx
index 34b0c007..96bcf27a 100644
--- a/src/components/navigator/views/room-doorbell/NavigatorRoomDoorbellView.tsx
+++ b/src/components/navigator/views/NavigatorRoomDoorbellView.tsx
@@ -1,11 +1,11 @@
 import { RoomDataParser } from '@nitrots/nitro-renderer';
 import { FC } from 'react';
-import { CreateRoomSession, GoToDesktop, LocalizeText } from '../../../../api';
-import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../common';
-import { Button } from '../../../../common/Button';
-import { Column } from '../../../../common/Column';
-import { Text } from '../../../../common/Text';
-import { UpdateDoorStateEvent } from '../../../../events';
+import { CreateRoomSession, GoToDesktop, LocalizeText } from '../../../api';
+import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../common';
+import { Button } from '../../../common/Button';
+import { Column } from '../../../common/Column';
+import { Text } from '../../../common/Text';
+import { UpdateDoorStateEvent } from '../../../events';
 
 export interface NavigatorRoomDoorbellViewProps
 {
diff --git a/src/components/navigator/views/room-info/NavigatorRoomInfoView.tsx b/src/components/navigator/views/NavigatorRoomInfoView.tsx
similarity index 97%
rename from src/components/navigator/views/room-info/NavigatorRoomInfoView.tsx
rename to src/components/navigator/views/NavigatorRoomInfoView.tsx
index a280f090..a85522b5 100644
--- a/src/components/navigator/views/room-info/NavigatorRoomInfoView.tsx
+++ b/src/components/navigator/views/NavigatorRoomInfoView.tsx
@@ -2,11 +2,11 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { RoomMuteComposer, RoomSettingsComposer, RoomStaffPickComposer, SecurityLevel, UserHomeRoomComposer } from '@nitrots/nitro-renderer';
 import classNames from 'classnames';
 import { FC, useEffect, useState } from 'react';
-import { CreateLinkEvent, GetGroupInformation, GetSessionDataManager, LocalizeText, SendMessageComposer } from '../../../../api';
-import { Button, Column, Flex, LayoutBadgeImageView, LayoutRoomThumbnailView, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text, UserProfileIconView } from '../../../../common';
-import { FloorplanEditorEvent, RoomWidgetThumbnailEvent } from '../../../../events';
-import { BatchUpdates, DispatchUiEvent } from '../../../../hooks';
-import { useNavigatorContext } from '../../NavigatorContext';
+import { CreateLinkEvent, GetGroupInformation, GetSessionDataManager, LocalizeText, SendMessageComposer } from '../../../api';
+import { Button, Column, Flex, LayoutBadgeImageView, LayoutRoomThumbnailView, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text, UserProfileIconView } from '../../../common';
+import { FloorplanEditorEvent, RoomWidgetThumbnailEvent } from '../../../events';
+import { BatchUpdates, DispatchUiEvent } from '../../../hooks';
+import { useNavigatorContext } from '../NavigatorContext';
 
 export class NavigatorRoomInfoViewProps
 {
diff --git a/src/components/navigator/views/room-link/NavigatorRoomLinkView.tsx b/src/components/navigator/views/NavigatorRoomLinkView.tsx
similarity index 91%
rename from src/components/navigator/views/room-link/NavigatorRoomLinkView.tsx
rename to src/components/navigator/views/NavigatorRoomLinkView.tsx
index 12c3e05b..95bfde67 100644
--- a/src/components/navigator/views/room-link/NavigatorRoomLinkView.tsx
+++ b/src/components/navigator/views/NavigatorRoomLinkView.tsx
@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { GetConfiguration, LocalizeText } from '../../../../api';
-import { Column, Flex, LayoutRoomThumbnailView, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../../common';
-import { useNavigatorContext } from '../../NavigatorContext';
+import { GetConfiguration, LocalizeText } from '../../../api';
+import { Column, Flex, LayoutRoomThumbnailView, NitroCardContentView, NitroCardHeaderView, NitroCardView, Text } from '../../../common';
+import { useNavigatorContext } from '../NavigatorContext';
 
 export class NavigatorRoomLinkViewProps
 {
diff --git a/src/components/navigator/views/room-password/NavigatorRoomPasswordView.tsx b/src/components/navigator/views/NavigatorRoomPasswordView.tsx
similarity index 87%
rename from src/components/navigator/views/room-password/NavigatorRoomPasswordView.tsx
rename to src/components/navigator/views/NavigatorRoomPasswordView.tsx
index 1503dec1..b1574821 100644
--- a/src/components/navigator/views/room-password/NavigatorRoomPasswordView.tsx
+++ b/src/components/navigator/views/NavigatorRoomPasswordView.tsx
@@ -1,11 +1,11 @@
 import { RoomDataParser } from '@nitrots/nitro-renderer';
 import { FC, useCallback, useState } from 'react';
-import { CreateRoomSession, LocalizeText } from '../../../../api';
-import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../../common';
-import { Button } from '../../../../common/Button';
-import { Column } from '../../../../common/Column';
-import { Text } from '../../../../common/Text';
-import { UpdateDoorStateEvent } from '../../../../events';
+import { CreateRoomSession, LocalizeText } from '../../../api';
+import { NitroCardContentView, NitroCardHeaderView, NitroCardView } from '../../../common';
+import { Button } from '../../../common/Button';
+import { Column } from '../../../common/Column';
+import { Text } from '../../../common/Text';
+import { UpdateDoorStateEvent } from '../../../events';
 
 export interface NavigatorRoomPasswordViewProps
 {
diff --git a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsAccessTabView.tsx b/src/components/navigator/views/room-settings/NavigatorRoomSettingsAccessTabView.tsx
similarity index 96%
rename from src/components/navigator/views/room-settings/views/NavigatorRoomSettingsAccessTabView.tsx
rename to src/components/navigator/views/room-settings/NavigatorRoomSettingsAccessTabView.tsx
index b6d2aab4..3953076e 100644
--- a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsAccessTabView.tsx
+++ b/src/components/navigator/views/room-settings/NavigatorRoomSettingsAccessTabView.tsx
@@ -1,8 +1,8 @@
 import { RoomDataParser } from '@nitrots/nitro-renderer';
 import { FC, useCallback } from 'react';
-import { LocalizeText } from '../../../../../api';
-import { Column, Flex, Text } from '../../../../../common';
-import RoomSettingsData from '../../../common/RoomSettingsData';
+import { LocalizeText } from '../../../../api';
+import { Column, Flex, Text } from '../../../../common';
+import RoomSettingsData from '../../common/RoomSettingsData';
 
 interface NavigatorRoomSettingsTabViewProps
 {
diff --git a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsBasicTabView.tsx b/src/components/navigator/views/room-settings/NavigatorRoomSettingsBasicTabView.tsx
similarity index 93%
rename from src/components/navigator/views/room-settings/views/NavigatorRoomSettingsBasicTabView.tsx
rename to src/components/navigator/views/room-settings/NavigatorRoomSettingsBasicTabView.tsx
index 6e7f6b95..54a456a1 100644
--- a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsBasicTabView.tsx
+++ b/src/components/navigator/views/room-settings/NavigatorRoomSettingsBasicTabView.tsx
@@ -1,11 +1,11 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { RoomDeleteComposer } from '@nitrots/nitro-renderer';
 import { FC } from 'react';
-import { CreateLinkEvent, LocalizeText, NotificationUtilities, SendMessageComposer } from '../../../../../api';
-import { Base, Flex, Text } from '../../../../../common';
-import RoomSettingsData from '../../../common/RoomSettingsData';
-import { GetMaxVisitorsList } from '../../../common/RoomSettingsUtils';
-import { useNavigatorContext } from '../../../NavigatorContext';
+import { CreateLinkEvent, LocalizeText, NotificationUtilities, SendMessageComposer } from '../../../../api';
+import { Base, Flex, Text } from '../../../../common';
+import RoomSettingsData from '../../common/RoomSettingsData';
+import { GetMaxVisitorsList } from '../../common/RoomSettingsUtils';
+import { useNavigatorContext } from '../../NavigatorContext';
 
 const DESC_MAX_LENGTH = 255;
 
diff --git a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsModTabView.tsx b/src/components/navigator/views/room-settings/NavigatorRoomSettingsModTabView.tsx
similarity index 90%
rename from src/components/navigator/views/room-settings/views/NavigatorRoomSettingsModTabView.tsx
rename to src/components/navigator/views/room-settings/NavigatorRoomSettingsModTabView.tsx
index 87fbece4..f64b7a14 100644
--- a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsModTabView.tsx
+++ b/src/components/navigator/views/room-settings/NavigatorRoomSettingsModTabView.tsx
@@ -1,8 +1,8 @@
 import { RoomUnbanUserComposer } from '@nitrots/nitro-renderer';
 import { FC, useCallback, useState } from 'react';
-import { LocalizeText, SendMessageComposer } from '../../../../../api';
-import { Base, Button, Column, Grid, Text } from '../../../../../common';
-import RoomSettingsData from '../../../common/RoomSettingsData';
+import { LocalizeText, SendMessageComposer } from '../../../../api';
+import { Base, Button, Column, Grid, Text } from '../../../../common';
+import RoomSettingsData from '../../common/RoomSettingsData';
 
 interface NavigatorRoomSettingsTabViewProps
 {
diff --git a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsRightsTabView.tsx b/src/components/navigator/views/room-settings/NavigatorRoomSettingsRightsTabView.tsx
similarity index 96%
rename from src/components/navigator/views/room-settings/views/NavigatorRoomSettingsRightsTabView.tsx
rename to src/components/navigator/views/room-settings/NavigatorRoomSettingsRightsTabView.tsx
index eed23f68..6a6003fb 100644
--- a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsRightsTabView.tsx
+++ b/src/components/navigator/views/room-settings/NavigatorRoomSettingsRightsTabView.tsx
@@ -1,8 +1,8 @@
 import { RemoveAllRightsMessageComposer, RoomTakeRightsComposer } from '@nitrots/nitro-renderer';
 import { FC, useCallback } from 'react';
-import { LocalizeText, SendMessageComposer } from '../../../../../api';
-import { Button, Column, Flex, Grid, Text, UserProfileIconView } from '../../../../../common';
-import RoomSettingsData from '../../../common/RoomSettingsData';
+import { LocalizeText, SendMessageComposer } from '../../../../api';
+import { Button, Column, Flex, Grid, Text, UserProfileIconView } from '../../../../common';
+import RoomSettingsData from '../../common/RoomSettingsData';
 
 interface NavigatorRoomSettingsTabViewProps
 {
diff --git a/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx b/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
index a0829fe0..e8199113 100644
--- a/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
+++ b/src/components/navigator/views/room-settings/NavigatorRoomSettingsView.tsx
@@ -1,14 +1,15 @@
 import { RoomBannedUsersComposer, RoomSettingsEvent, RoomUsersWithRightsComposer, SaveRoomSettingsComposer } from '@nitrots/nitro-renderer';
+import { BannedUsersFromRoomEvent, FlatControllerAddedEvent, FlatControllerRemovedEvent, FlatControllersEvent } from '@nitrots/nitro-renderer/src/nitro/communication/messages/incoming/roomsettings';
 import { FC, useCallback, useState } from 'react';
 import { LocalizeText, SendMessageComposer } from '../../../../api';
 import { NitroCardContentView, NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView } from '../../../../common';
 import { UseMessageEventHook } from '../../../../hooks';
 import RoomSettingsData from '../../common/RoomSettingsData';
-import { NavigatorRoomSettingsAccessTabView } from './views/NavigatorRoomSettingsAccessTabView';
-import { NavigatorRoomSettingsBasicTabView } from './views/NavigatorRoomSettingsBasicTabView';
-import { NavigatorRoomSettingsModTabView } from './views/NavigatorRoomSettingsModTabView';
-import { NavigatorRoomSettingsRightsTabView } from './views/NavigatorRoomSettingsRightsTabView';
-import { NavigatorRoomSettingsVipChatTabView } from './views/NavigatorRoomSettingsVipChatTabView';
+import { NavigatorRoomSettingsAccessTabView } from './NavigatorRoomSettingsAccessTabView';
+import { NavigatorRoomSettingsBasicTabView } from './NavigatorRoomSettingsBasicTabView';
+import { NavigatorRoomSettingsModTabView } from './NavigatorRoomSettingsModTabView';
+import { NavigatorRoomSettingsRightsTabView } from './NavigatorRoomSettingsRightsTabView';
+import { NavigatorRoomSettingsVipChatTabView } from './NavigatorRoomSettingsVipChatTabView';
 
 const TABS: string[] = [
     'navigator.roomsettings.tab.1',
@@ -23,58 +24,56 @@ export const NavigatorRoomSettingsView: FC<{}> = props =>
     const [ roomSettingsData, setRoomSettingsData ] = useState<RoomSettingsData>(null);
     const [ currentTab, setCurrentTab ] = useState(TABS[0]);
 
-    // const onFlatControllersEvent = useCallback((event: FlatControllersEvent) =>
-    // {
-    //     const parser = event.getParser();
+    const onFlatControllersEvent = useCallback((event: FlatControllersEvent) =>
+    {
+        const parser = event.getParser();
 
-    //     if(!parser || !roomSettingsData) return;
+        if(!parser || !roomSettingsData) return;
 
-    //     if(roomSettingsData.roomId !== parser.roomId) return;
+        if(roomSettingsData.roomId !== parser.roomId) return;
 
-    //     const data = Object.assign({}, roomSettingsData);
+        const data = Object.assign({}, roomSettingsData);
 
-    //     data.usersWithRights = new Map(parser.users);
+        data.usersWithRights = new Map(parser.users);
 
-    //     setRoomSettingsData(data);
-    // }, [ roomSettingsData] );
+        setRoomSettingsData(data);
+    }, [ roomSettingsData] );
 
-    // UseMessageEventHook(FlatControllersEvent, onFlatControllersEvent);
+    UseMessageEventHook(FlatControllersEvent, onFlatControllersEvent);
 
-    // const onFlatControllerAddedEvent = useCallback((event: FlatControllerAddedEvent) =>
-    // {
-    //     const parser = event.getParser();
+    const onFlatControllerAddedEvent = useCallback((event: FlatControllerAddedEvent) =>
+    {
+        const parser = event.getParser();
 
-    //     if(!parser || !roomSettingsData) return;
+        if(!parser || !roomSettingsData) return;
 
-    //     if(roomSettingsData.roomId !== parser.roomId) return;
+        if(roomSettingsData.roomId !== parser.roomId) return;
 
-    //     const data = Object.assign({}, roomSettingsData);
+        const data = Object.assign({}, roomSettingsData);
 
-    //     // add new controller
+        // add new controller
 
-    //     setRoomSettingsData(data);
-    // }, [ roomSettingsData] );
+        setRoomSettingsData(data);
+    }, [ roomSettingsData] );
 
-    // UseMessageEventHook(FlatControllerAddedEvent, onFlatControllerAddedEvent);
+    UseMessageEventHook(FlatControllerAddedEvent, onFlatControllerAddedEvent);
 
-    // const onFlatControllerRemovedEvent = useCallback((event: FlatControllerRemovedEvent) =>
-    // {
-    //     const parser = event.getParser();
+    const onFlatControllerRemovedEvent = useCallback((event: FlatControllerRemovedEvent) =>
+    {
+        const parser = event.getParser();
 
-    //     if(!parser || !roomSettingsData) return;
+        if(!parser || !roomSettingsData) return;
 
-    //     if(roomSettingsData.roomId !== parser.roomId) return;
+        if(roomSettingsData.roomId !== parser.roomId) return;
 
-    //     const data = Object.assign({}, roomSettingsData);
+        const data = Object.assign({}, roomSettingsData);
 
-    //     // remove controller
-
-    //     setRoomSettingsData(data);
-    // }, [ roomSettingsData] );
-
-    // UseMessageEventHook(FlatControllerRemovedEvent, onFlatControllerRemovedEvent);
+        // remove controller
 
+        setRoomSettingsData(data);
+    }, [ roomSettingsData] );
 
+    UseMessageEventHook(FlatControllerRemovedEvent, onFlatControllerRemovedEvent);
 
     const updateSettings = useCallback((roomSettings: RoomSettingsData) =>
     {
@@ -94,22 +93,22 @@ export const NavigatorRoomSettingsView: FC<{}> = props =>
 
     UseMessageEventHook(RoomSettingsEvent, onRoomSettingsEvent);
 
-    // const onBannedUsersFromRoomEvent = useCallback((event: BannedUsersFromRoomEvent) =>
-    // {
-    //     const parser = event.getParser();
+    const onBannedUsersFromRoomEvent = useCallback((event: BannedUsersFromRoomEvent) =>
+    {
+        const parser = event.getParser();
 
-    //     if(!parser || !roomSettingsData) return;
+        if(!parser || !roomSettingsData) return;
 
-    //     if(roomSettingsData.roomId !== parser.roomId) return;
+        if(roomSettingsData.roomId !== parser.roomId) return;
 
-    //     const data = Object.assign({}, roomSettingsData);
+        const data = Object.assign({}, roomSettingsData);
 
-    //     data.bannedUsers = parser.bannedUsers;
+        data.bannedUsers = parser.bannedUsers;
 
-    //     setRoomSettingsData(data);
-    // }, [roomSettingsData]);
+        setRoomSettingsData(data);
+    }, [roomSettingsData]);
 
-    // UseMessageEventHook(BannedUsersFromRoomEvent, onBannedUsersFromRoomEvent);
+    UseMessageEventHook(BannedUsersFromRoomEvent, onBannedUsersFromRoomEvent);
 
     const saveSettings = useCallback((data: RoomSettingsData) =>
     {
diff --git a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsVipChatTabView.tsx b/src/components/navigator/views/room-settings/NavigatorRoomSettingsVipChatTabView.tsx
similarity index 96%
rename from src/components/navigator/views/room-settings/views/NavigatorRoomSettingsVipChatTabView.tsx
rename to src/components/navigator/views/room-settings/NavigatorRoomSettingsVipChatTabView.tsx
index 391ddada..cb6122bc 100644
--- a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsVipChatTabView.tsx
+++ b/src/components/navigator/views/room-settings/NavigatorRoomSettingsVipChatTabView.tsx
@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { LocalizeText } from '../../../../../api';
-import { Column, Flex, Grid, Text } from '../../../../../common';
-import RoomSettingsData from '../../../common/RoomSettingsData';
+import { LocalizeText } from '../../../../api';
+import { Column, Flex, Grid, Text } from '../../../../common';
+import RoomSettingsData from '../../common/RoomSettingsData';
 
 interface NavigatorRoomSettingsTabViewProps
 {
diff --git a/src/components/navigator/views/search-result/NavigatorSearchResultItemInfoView.tsx b/src/components/navigator/views/search/NavigatorSearchResultItemInfoView.tsx
similarity index 100%
rename from src/components/navigator/views/search-result/NavigatorSearchResultItemInfoView.tsx
rename to src/components/navigator/views/search/NavigatorSearchResultItemInfoView.tsx
diff --git a/src/components/navigator/views/search-result/NavigatorSearchResultItemView.tsx b/src/components/navigator/views/search/NavigatorSearchResultItemView.tsx
similarity index 88%
rename from src/components/navigator/views/search-result/NavigatorSearchResultItemView.tsx
rename to src/components/navigator/views/search/NavigatorSearchResultItemView.tsx
index 73a698b8..72c265d0 100644
--- a/src/components/navigator/views/search-result/NavigatorSearchResultItemView.tsx
+++ b/src/components/navigator/views/search/NavigatorSearchResultItemView.tsx
@@ -2,7 +2,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { RoomDataParser } from '@nitrots/nitro-renderer';
 import { FC, MouseEvent } from 'react';
 import { CreateRoomSession, GetSessionDataManager, TryVisitRoom } from '../../../../api';
-import { Flex, LayoutBadgeImageView, LayoutGridItemProps, LayoutRoomThumbnailView, Text } from '../../../../common';
+import { Column, Flex, LayoutBadgeImageView, LayoutGridItemProps, LayoutRoomThumbnailView, Text } from '../../../../common';
 import { UpdateDoorStateEvent } from '../../../../events';
 import { DispatchUiEvent } from '../../../../hooks';
 import { NavigatorSearchResultItemInfoView } from './NavigatorSearchResultItemInfoView';
@@ -39,13 +39,7 @@ export const NavigatorSearchResultItemView: FC<NavigatorSearchResultItemViewProp
         return bg;
     }
 
-    function openInfo(event: MouseEvent): void
-    {
-        event.stopPropagation();
-        console.log('info');
-    }
-
-    function visitRoom(): void
+    const visitRoom = (event: MouseEvent) =>
     {
         if(roomData.ownerId !== GetSessionDataManager().userId)
         {
@@ -71,7 +65,7 @@ export const NavigatorSearchResultItemView: FC<NavigatorSearchResultItemViewProp
     }
 
     if(thumbnail) return (
-        <Flex pointer overflow="hidden" column={ true } alignItems="center" onClick={visitRoom} gap={0} className="navigator-item p-1 bg-light rounded-3 small mb-1 flex-column border border-muted" {...rest}>
+        <Column pointer overflow="hidden" alignItems="center" onClick={ visitRoom } gap={ 0 } className="navigator-item p-1 bg-light rounded-3 small mb-1 flex-column border border-muted" {...rest}>
             <LayoutRoomThumbnailView roomId={roomData.roomId} customUrl={roomData.officialRoomPicRef} className="d-flex flex-column align-items-center justify-content-end mb-1">
                 <LayoutBadgeImageView badgeCode={roomData.groupBadgeCode} isGroup={true} className={ 'position-absolute top-0 start-0 m-1' } />
                 <Flex center className={ 'badge p-1 position-absolute m-1 ' + getUserCounterColor() } gap={ 1 }>
@@ -89,7 +83,7 @@ export const NavigatorSearchResultItemView: FC<NavigatorSearchResultItemViewProp
                 { children } 
             </Flex>
 
-        </Flex>
+        </Column>
     );
 
     return (
@@ -98,7 +92,7 @@ export const NavigatorSearchResultItemView: FC<NavigatorSearchResultItemViewProp
                 <FontAwesomeIcon icon="user" />
                 { roomData.userCount }
             </Flex>
-            <Text truncate className="flex-grow-1">{ roomData.roomName }</Text>
+            <Text truncate grow>{ roomData.roomName }</Text>
             <Flex reverse alignItems="center" gap={ 1 }>
                 <NavigatorSearchResultItemInfoView roomData={ roomData } />
                 { roomData.habboGroupId > 0 && <i className="icon icon-navigator-room-group" /> }
diff --git a/src/components/navigator/views/search-result/NavigatorSearchResultView.tsx b/src/components/navigator/views/search/NavigatorSearchResultView.tsx
similarity index 100%
rename from src/components/navigator/views/search-result/NavigatorSearchResultView.tsx
rename to src/components/navigator/views/search/NavigatorSearchResultView.tsx
diff --git a/src/components/navigator/views/search/NavigatorSearchView.tsx b/src/components/navigator/views/search/NavigatorSearchView.tsx
index be54bae4..1ad70e68 100644
--- a/src/components/navigator/views/search/NavigatorSearchView.tsx
+++ b/src/components/navigator/views/search/NavigatorSearchView.tsx
@@ -1,8 +1,10 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import React, { FC, KeyboardEvent, useState } from 'react';
+import React, { FC, KeyboardEvent, useEffect, useState } from 'react';
 import { LocalizeText } from '../../../../api';
 import { Button } from '../../../../common/Button';
 import { Flex } from '../../../../common/Flex';
+import { BatchUpdates } from '../../../../hooks';
+import { INavigatorSearchFilter } from '../../common/INavigatorSearchFilter';
 import { SearchFilterOptions } from '../../common/SearchFilterOptions';
 import { useNavigatorContext } from '../../NavigatorContext';
 
@@ -16,8 +18,7 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
     const { sendSearch = null } = props;
     const [ searchFilterIndex, setSearchFilterIndex ] = useState(0);
     const [ searchValue, setSearchValue ] = useState('');
-    const [ lastSearchQuery, setLastSearchQuery ] = useState('');
-    const { topLevelContext = null, lastSearchValue = null } = useNavigatorContext();
+    const { topLevelContext = null, searchResult = null } = useNavigatorContext();
 
     const processSearch = () =>
     {
@@ -29,12 +30,7 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
 
         const searchQuery = ((searchFilter.query ? (searchFilter.query + ':') : '') + searchValue);
 
-        if(lastSearchQuery === searchQuery) return;
-
-        setLastSearchQuery(searchQuery);
         sendSearch((searchQuery || ''), topLevelContext.code);
-
-        lastSearchValue.current = (searchQuery || '');
     }
 
     const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) =>
@@ -44,6 +40,36 @@ export const NavigatorSearchView: FC<NavigatorSearchViewProps> = props =>
         processSearch();
     };
 
+    useEffect(() =>
+    {
+        if(!searchResult) return null;
+
+        const split = searchResult.data.split(':');
+
+        let filter: INavigatorSearchFilter = null;
+        let value: string = '';
+
+        if(split.length >= 2)
+        {
+            const [ query, ...rest ] = split;
+
+            filter = SearchFilterOptions.find(option => (option.query === query));
+            value = rest.join(':');
+        }
+        else
+        {
+            value = searchResult.data;
+        }
+
+        if(!filter) filter = SearchFilterOptions[0];
+
+        BatchUpdates(() =>
+        {
+            setSearchFilterIndex(SearchFilterOptions.findIndex(option => (option === filter)));
+            setSearchValue(value);
+        });
+    }, [ searchResult ]);
+
     return (
         <Flex fullWidth gap={ 1 }>
             <Flex shrink>
diff --git a/src/components/room/widgets/room-tools/RoomToolsWidgetView.tsx b/src/components/room/widgets/room-tools/RoomToolsWidgetView.tsx
index 204a2797..925300ef 100644
--- a/src/components/room/widgets/room-tools/RoomToolsWidgetView.tsx
+++ b/src/components/room/widgets/room-tools/RoomToolsWidgetView.tsx
@@ -3,18 +3,19 @@ import classNames from 'classnames';
 import { FC, useCallback, useEffect, useState } from 'react';
 import { CreateLinkEvent, LocalizeText, RoomWidgetZoomToggleMessage, SendMessageComposer } from '../../../../api';
 import { Base, Column, Flex, Text, TransitionAnimation, TransitionAnimationTypes } from '../../../../common';
-import { BatchUpdates, UseMessageEventHook } from '../../../../hooks';
+import { BatchUpdates, UseMessageEventHook, useSharedState } from '../../../../hooks';
+import { NavigatorData } from '../../../navigator/common/NavigatorData';
 import { useRoomContext } from '../../RoomContext';
 
 export const RoomToolsWidgetView: FC<{}> = props =>
 {
     const [ isZoomedIn, setIsZoomedIn ] = useState(false);
-    const [ isLiked, setIsLiked ] = useState(false);
     const [ roomName, setRoomName ] = useState(null);
     const [ roomOwner, setRoomOwner ] = useState(null);
     const [ roomTags, setRoomTags ] = useState(null);
     const [ roomInfoDisplay, setRoomInfoDisplay ] = useState(false);
     const [ isOpen, setIsOpen ] = useState(false);
+    const [ navigatorData, setNavigatorData ] = useSharedState<NavigatorData>('@navigatorData');
     const { widgetHandler = null } = useRoomContext();
 
     const handleToolClick = (action: string) =>
@@ -32,10 +33,7 @@ export const RoomToolsWidgetView: FC<{}> = props =>
                 CreateLinkEvent('chat-history/toggle');
                 return;
             case 'like_room':
-                if(isLiked) return;
-
                 SendMessageComposer(new RoomLikeRoomComposer(1));
-                setIsLiked(true);
                 return;
             case 'toggle_room_link':
                 CreateLinkEvent('navigator/toggle-room-link');
@@ -67,6 +65,11 @@ export const RoomToolsWidgetView: FC<{}> = props =>
 
         return () => clearTimeout(timeout);
     }, [ roomName, roomOwner, roomTags ]);
+
+    useEffect(() =>
+    {
+        console.log(navigatorData);
+    }, [ navigatorData ]);
     
     return (
         <Flex className="nitro-room-tools-container" gap={ 2 }>
@@ -74,7 +77,8 @@ export const RoomToolsWidgetView: FC<{}> = props =>
                 <Base pointer title={ LocalizeText('room.settings.button.text') } className="icon icon-cog" onClick={ () => handleToolClick('settings') } />
                 <Base pointer title={ LocalizeText('room.zoom.button.text') } onClick={ () => handleToolClick('zoom') } className={ 'icon ' + classNames({ 'icon-zoom-less': !isZoomedIn, 'icon-zoom-more': isZoomedIn }) } />
                 <Base pointer title={ LocalizeText('room.chathistory.button.text') } onClick={ () => handleToolClick('chat_history') } className="icon icon-chat-history" />
-                { !isLiked && <Base pointer title={ LocalizeText('room.like.button.text') } onClick={ () => handleToolClick('like_room') } className="icon icon-like-room" /> }
+                { navigatorData.canRate &&
+                    <Base pointer title={ LocalizeText('room.like.button.text') } onClick={ () => handleToolClick('like_room') } className="icon icon-like-room" /> }
             </Column>
             <Column justifyContent="center">
                 <TransitionAnimation type={ TransitionAnimationTypes.SLIDE_LEFT } inProp={ isOpen } timeout={ 300 }>
diff --git a/src/hooks/UseSharedState.ts b/src/hooks/UseSharedState.ts
new file mode 100644
index 00000000..89b7e455
--- /dev/null
+++ b/src/hooks/UseSharedState.ts
@@ -0,0 +1,67 @@
+import { Dispatch, SetStateAction, useEffect, useState } from 'react';
+
+const sharedStates: Map<string, any> = new Map();
+const sharedSetters: Map<string, Dispatch<SetStateAction<any>>[]> = new Map();
+
+export const useSharedState = <T>(key: string, initialValue?: T | (() => T)): [T, Dispatch<SetStateAction<T>>] =>
+{
+    const [ state, setState ] = useState<T>(() =>
+    {
+        try
+        {
+            const item = sharedStates.get(key);
+
+            return item || initialValue;
+        }
+        
+        catch (error)
+        {
+            console.error(error);
+
+            return initialValue;
+        }
+    });
+  
+    const updateState: Dispatch<SetStateAction<T>> = data =>
+    {
+        try
+        {
+            const valueToStore = data instanceof Function ? data(state as T) : data;
+            const setters = sharedSetters.get(key);
+
+            if(setters) for(const setter of setters) setter(valueToStore);
+
+            sharedStates.set(key, valueToStore);
+        }
+        
+        catch (error)
+        {
+            console.error(error);
+        }
+    };
+
+    useEffect(() =>
+    {
+        if(!key || !key.length) return;
+
+        let existing = sharedSetters.get(key);
+
+        if(!existing)
+        {
+            existing = [];
+
+            sharedSetters.set(key, existing);
+        }
+
+        existing.push(setState);
+
+        return () =>
+        {
+            const index = existing.findIndex(dispatch => (dispatch === setState));
+
+            if(index >= 0) existing.splice(index, 1);
+        }
+    }, [ key ]);
+    
+    return [ state as T, updateState ];
+}
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index 4a1a3914..abb3ad86 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -5,3 +5,4 @@ export * from './events/nitro';
 export * from './events/ui';
 export * from './messages';
 export * from './UseMountEffect';
+export * from './UseSharedState';
diff --git a/yarn.lock b/yarn.lock
index ec6138b4..b50ab8e7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1426,6 +1426,18 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
+"@nitrots/nitro-renderer@^1.1.14":
+  version "1.1.14"
+  resolved "https://registry.yarnpkg.com/@nitrots/nitro-renderer/-/nitro-renderer-1.1.14.tgz#30c792572f4df26e85efab0342894bfeb10c3cfa"
+  integrity sha512-P4ruZ7eJ169q/pzsTN/AYf5pqr4ZoTCefvsAGHON4VSFqUO1vIivqqNmTgWJlBHMukj2VqrbLZukYrbt0+cUCQ==
+  dependencies:
+    "@pixi/canvas-renderer" "^6.2.2"
+    "@pixi/extract" "^6.2.2"
+    "@pixi/filter-adjustment" "^4.1.3"
+    "@pixi/tilemap" "^3.2.2"
+    pako "^2.0.4"
+    pixi.js "^6.2.2"
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -1463,6 +1475,206 @@
     mkdirp "^1.0.4"
     rimraf "^3.0.2"
 
+"@pixi/accessibility@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/accessibility/-/accessibility-6.2.2.tgz#0c46b59d11c3e4b841bff5153116e2d17d028a24"
+  integrity sha512-/mXRXCw67bmPY/OZ1Y1p747h3SSg7eqacIChAUJohjbcJK0R2EJRD2uVTspVIUpHPJA0ECNGBpKqk0C1Yzkj2w==
+
+"@pixi/app@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/app/-/app-6.2.2.tgz#45c3dba327a6500d6b9322048950499a5588ec22"
+  integrity sha512-YBzVaSZGA842w2gsgqzxYwQMXeu2JZmSyiybi4raFsA35iOeMurXy7sEs5NP9JO+cjobJyx6echuHzZpKUjWsQ==
+
+"@pixi/canvas-renderer@^6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/canvas-renderer/-/canvas-renderer-6.2.2.tgz#01b7be3f91c66d527713feb3dd52f128d61dd908"
+  integrity sha512-GIGUhA9bzodom8oslIYEq9KWB+ko6IJCY+WmzBxvaH2TBKQQ85k6vipTCp+w/ZgNnezhcA/eFRQoqFFM4ob7+A==
+
+"@pixi/compressed-textures@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/compressed-textures/-/compressed-textures-6.2.2.tgz#8860283058ab931c26dde27daa328e0a7de11a65"
+  integrity sha512-ZjiqYCE6nGtsKTRa6w4W6Krh3vo4M3WT6lrP+VW6BfgUx3quEURt5GVFsFZrJpWF4yI1fShFmjBUOerrTLJGRQ==
+
+"@pixi/constants@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/constants/-/constants-6.2.2.tgz#53a2d0e7f3d16d0400985d81005a076c25b0b32a"
+  integrity sha512-BKSoj/5SI+pQEatuCG5kXXWtCZmZZNMhfhXeqvYO/WNZ+LDxm6F4pllf0t7KjGs1ZBpNxVf6fyngF9Q5r3MgJQ==
+
+"@pixi/core@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/core/-/core-6.2.2.tgz#badf9c03e3a07835b92d1a3868363d8e5083cf13"
+  integrity sha512-XAqgdJ1w9k1ZUBXECm19rcnN2ngm+tOP74HkGw4qQay0biM3JS+wtX4fWQmZNGr8krf6lJrNbsghbtUy70uUaw==
+
+"@pixi/display@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/display/-/display-6.2.2.tgz#6e8ef26f2ed686c03d71d8bb5b92e6222cb23563"
+  integrity sha512-8a0R+9rjlUUjb13nBA6ZNj9gygJqt38B63uIZ2inkhxpIQf0CLo2hNxkqCqXiMeRuGmOw1n6neEDMnHO1Ks+xA==
+
+"@pixi/extract@6.2.2", "@pixi/extract@^6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/extract/-/extract-6.2.2.tgz#f8d682dbf4c29ad2bbbed0bf710c63fcfdcadc7c"
+  integrity sha512-w3gW1/VoHNqFEUNGRQBKm8dCdg816etbpbLExWctmPpNdyxos5N7DF44UMRFg40GPVBBNzYissrH/ojca4PFIA==
+
+"@pixi/filter-adjustment@^4.1.3":
+  version "4.1.3"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-adjustment/-/filter-adjustment-4.1.3.tgz#61e34b4dd9766ccf40463f0538201bf68f78df66"
+  integrity sha512-W+NhPiZRYKoRToa5+tkU95eOw8gnS5dfIp3ZP+pLv2mdER9RI+4xHxp1uLHMqUYZViTaMdZIIoVOuCgHFPYCbQ==
+
+"@pixi/filter-alpha@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-alpha/-/filter-alpha-6.2.2.tgz#4c39d67deaf99d979019252ea6dab69d853bae84"
+  integrity sha512-CijLcgFdmivmSyZuM5Yyeo6R+PwalZp9OSoard1Oh5DBVvcRDn4m3cBM+nimR4YJbr0kiMbK4Ja8r+e2vwFVjA==
+
+"@pixi/filter-blur@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-blur/-/filter-blur-6.2.2.tgz#bc0f0d0fe2d7095d3fd8924dd013f154a7436e68"
+  integrity sha512-ApFqn2fMIipr3mRp/8dZ74qraGGzzPO/EzvltDqJLru9vGlbX6dKLXZ6w5H8D/uN6aQW1e4N1Nrtzk5mvJVQ3g==
+
+"@pixi/filter-color-matrix@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-color-matrix/-/filter-color-matrix-6.2.2.tgz#9eb4c55ae37b2d6e221ef7bb1781c58fb33890ad"
+  integrity sha512-fQWbtKFWV29jKkq4d6TknEfQ5sF5OxcbJeZo0HJmgoV3FLZ0t21XE991CFI/TqDBo8U3wzUPZVbXxiFoDKmJ8w==
+
+"@pixi/filter-displacement@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-displacement/-/filter-displacement-6.2.2.tgz#6eaa737b1c055c5daff77e384f6d2f728f2a93f3"
+  integrity sha512-cd9um4kNNIeqKA/wVZw+iha+XVbBOYBC8En5hk3ZXAIXxCHxOCz3KS+aOVejXH5EB/gMDPvNNwygn0SCpSGdKA==
+
+"@pixi/filter-fxaa@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-fxaa/-/filter-fxaa-6.2.2.tgz#fea85d68414f9ee7f417d7e54791ccbaccd861c4"
+  integrity sha512-e4qekMlsiEcjV0JRoqH3b34sk8yzT4jsROYPHzk0IiafE+nNNcF3vQmcmnfC0aGIyODzmNdzFLjlFkRRSviydA==
+
+"@pixi/filter-noise@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/filter-noise/-/filter-noise-6.2.2.tgz#a4617a279e968628d7e088b36bf28c8c7cf85fb9"
+  integrity sha512-Jp4L6winS6ZGKpp76x3JyfEWnUMY44fQ90Ts3R3vKkZZFNDd3T4uisZ7YwvDKOhmSo5hY3lQkXaCg/YO5feXbw==
+
+"@pixi/graphics@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/graphics/-/graphics-6.2.2.tgz#bffa1b6ab75a2c5ca54a83444e5cafe6e68dd7c7"
+  integrity sha512-mQyd6ef6/EF5nt7M1OObBEb9FCXxIP6AT30H01Z2wnnCgu4qj8MHrJxTkQxSHynQ+eVVPswzpVizUQZHlIYZNw==
+
+"@pixi/interaction@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/interaction/-/interaction-6.2.2.tgz#31abd2ed0b810570ff487dd7595b755b76f5a3ba"
+  integrity sha512-gpNLCPc+j+RZSZqbKbzVRf4fSlOlYm0xqUVn6JtNH1kc+d9AV7Nmw9but4osP/eodDWsWPQ+7sPKClHY36bKRA==
+
+"@pixi/loaders@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/loaders/-/loaders-6.2.2.tgz#b4fdf00f193733c14d499d4ae74fedc9063a6270"
+  integrity sha512-jwFM59GeMQpzuniw5PlC7kCoXZEaKrw31/ecR1sXKWDtHRyMtvXTuf+R+tSol/1ISQ55c0JBTuUbLPwp7hPvFQ==
+
+"@pixi/math@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/math/-/math-6.2.2.tgz#dfbeeb03de765fa6e1fcfbd2058ed0037d945a86"
+  integrity sha512-TtsaooRRMc/WAZ4LKUDhP/d14BZElLjRNa2gopwTKUtrDa1KvzAMr8WJ8P+gaXl4DJ8B/MlgESdPhRUqVSUw0A==
+
+"@pixi/mesh-extras@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mesh-extras/-/mesh-extras-6.2.2.tgz#127280bcb686896b62a9b26f69681a60ecc9f3c2"
+  integrity sha512-HFYWhWcV6gY7VYnMhz9OSEN14PPfVqLzWnglbegGEMqCbY/ZGsD8X99x/HLGQGd6L4FFto382q0Fj1xu+y/brg==
+
+"@pixi/mesh@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mesh/-/mesh-6.2.2.tgz#f301bbf888ca36994b8edb30a590fbe4a035dd6f"
+  integrity sha512-CsKFgTu2MP756sHeoCr9s4tHy2VmnDZPnvZ0ThV8QMnb5w3Z2qRDKlXSSIdNaQOxoAPKkqxIu0JbLK8kyX0oqw==
+
+"@pixi/mixin-cache-as-bitmap@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mixin-cache-as-bitmap/-/mixin-cache-as-bitmap-6.2.2.tgz#4c0cdddeba91578f6e58a48df7c27743bcfc8f84"
+  integrity sha512-t3jZKGa/qoRMetMWmGkXz8Kp1Uzmb+2y4/adqu+RdIeG3D1oItuGux+R36ZQO6dVRv3R8s2/Dex0aACek171zw==
+
+"@pixi/mixin-get-child-by-name@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mixin-get-child-by-name/-/mixin-get-child-by-name-6.2.2.tgz#154d8f0d8324d0cbd84a695babd960a0c35b6c10"
+  integrity sha512-BBrniLAkzDex4HyvVdE/DjphzQu4pZ8Nc5aDRIbiS1s283/IXr2oTcoaW23kCjhX0xgu++XcJQQMMyv3mlblZQ==
+
+"@pixi/mixin-get-global-position@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/mixin-get-global-position/-/mixin-get-global-position-6.2.2.tgz#361c4d9889a0b9a724e0cc92fb01d7705b1edb3e"
+  integrity sha512-Rz7DHn6koYFEeVG36rKiMwoTD+elJKqwQ24HHw0BAKz1VwGagBi0ZTcJ+nWplBOrw6ZPKfdOBwGQLXD7ODg8lQ==
+
+"@pixi/particle-container@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/particle-container/-/particle-container-6.2.2.tgz#ff6b4c5da58b052b177a8504ab2a3a53851c460c"
+  integrity sha512-DYbSCcUiVLeM4sKZkzAp3F6dz3idyP1jecxbFqNmRjWRyMv7uXIO42rxGJMrd6BzA5j7DkywI3X0SqhhSZP7Ag==
+
+"@pixi/polyfill@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/polyfill/-/polyfill-6.2.2.tgz#18c0a2e7273fcd505f78aa08ee4c10010dca3314"
+  integrity sha512-Fd5KnjrqG9Vwgl9sDfPvNeqW3/d+hG9Du7H3y5PmItBnu9wXldTtA+I5D0BLsL/wjjjCQLbPVFKwCJj511XfBw==
+  dependencies:
+    object-assign "^4.1.1"
+    promise-polyfill "^8.2.0"
+
+"@pixi/prepare@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/prepare/-/prepare-6.2.2.tgz#7dd53bc2415d371113806700c103e074615f14a8"
+  integrity sha512-kJojn/6zEcao+XQyU+zWkBmQr0Tgeju3F9JYBpPQ8MKIUJYvDQDtRxYo9A6Xzxk8FJ373s2Ext/OelX2FcR3HQ==
+
+"@pixi/runner@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/runner/-/runner-6.2.2.tgz#ac253ee250198437b7a7182078a90e1e752f8ada"
+  integrity sha512-q7bc6Eu2XplGzCQBOhbv32P0z48ixW/Su6epT9IOfDi2iTiPjB5Sxp9e+DZDFIzvkfLzgr67Ddy51YMvOp5sQg==
+
+"@pixi/settings@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/settings/-/settings-6.2.2.tgz#1984a9a233b5e78c3cf564fed5a2cde3012b754c"
+  integrity sha512-eQv0ykSwnJUd/LF4MuaFoL+eBNG+EUPAVfsnlsez/Y09aqwIzJyAjRx+uGp9adQ3XHXwYt2l2wINn+foF1y/8A==
+  dependencies:
+    ismobilejs "^1.1.0"
+
+"@pixi/sprite-animated@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/sprite-animated/-/sprite-animated-6.2.2.tgz#8006a943834fbb5059800e0b57b08c890524a264"
+  integrity sha512-MNkVIuC06aXn8bgfWyqQE8vmclCVLgmHB//hssr/1IFCVmnEEYZLyeWErkIA87grY3iV7tGOILEYSa3pod4XEg==
+
+"@pixi/sprite-tiling@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/sprite-tiling/-/sprite-tiling-6.2.2.tgz#2447fd92af3e9ddf2bdaa143018eb4f721fc0714"
+  integrity sha512-HQ9RVObmwyPq+PM2wm2UEIMdsvWg96ymSz0NOh9bOfMSme18vSWv0Rbidv/FziQT8x6MpoLpYke0DYMGtbu0tA==
+
+"@pixi/sprite@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/sprite/-/sprite-6.2.2.tgz#a699e95f3da0f290e798a076ff30c4ec0cc6f263"
+  integrity sha512-Imr+sJWFh5GtarW3FBBUzedSexfijg7OL0A6qwMDHA011gjyVeRZ15uXP8fgIwUoHoMLsU6xk85jcucM9RfWuw==
+
+"@pixi/spritesheet@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/spritesheet/-/spritesheet-6.2.2.tgz#84013fff2f7a6b50f1403484d7cb445a4510198c"
+  integrity sha512-TZodC/pf+CW/8kZN+RPzObXWSPgYv1pp+foUnOHb7w8AyFnMljeqBPiUfLQaMzw91TI9AHLihoeeofqZ4wMpww==
+
+"@pixi/text-bitmap@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/text-bitmap/-/text-bitmap-6.2.2.tgz#26f2838a06edc2e17659d6e02d4244b714e4b61d"
+  integrity sha512-pJZM0o68n6cUFUdolvpuuloMccdQqvTc3CLzhLu9xW9HLx7NeFjZEQWTGQea8GXsGa1RhvlMd9x3AiVSNMI2FA==
+
+"@pixi/text@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/text/-/text-6.2.2.tgz#bf4bd0e9fdf9041e3516bbaae2094f6ab8b4ee26"
+  integrity sha512-Hi6MO/QhllZ4IWkr7MBzImzHB88XXKlF5E9xt1vUBhdZb3KsQD+cPx+bNCFWn6ZMWDmOloJekzRkkSl3KrfBSw==
+
+"@pixi/ticker@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/ticker/-/ticker-6.2.2.tgz#3170ce5f44c56ac1bdb1a66a1f393d023c9cbb4e"
+  integrity sha512-tF3cRtcYnj3U3HFQ0IJKvAxFU1YUM96T0p8Qh478xZhvGxYGnjrQDPmjXePb4NocAdG5adb6//2uvQOd7o4rHg==
+
+"@pixi/tilemap@^3.2.2":
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/tilemap/-/tilemap-3.2.2.tgz#8327e5d7007a90be640a0b1eb9943a1e405b57e4"
+  integrity sha512-svdmMyJP63vdae3t66tCmE8IWeO/6lD1xXU+5gzfxqxJS5seTp2bm8mQok2c8PF0O6l/NYlLz6BRklOuEuHboQ==
+
+"@pixi/utils@6.2.2":
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/@pixi/utils/-/utils-6.2.2.tgz#cf292ceb494992e7974982043b214617615ce335"
+  integrity sha512-rpS6QolFuRmm/QcKm5PYHOCkX6okl9a00u2osaMbmPP+l7XLATTxSsFhw64UbSNR+zmzsrhreRFBVFn3tf8K6w==
+  dependencies:
+    "@types/earcut" "^2.1.0"
+    earcut "^2.2.2"
+    eventemitter3 "^3.1.0"
+    url "^0.11.0"
+
 "@pmmmwh/react-refresh-webpack-plugin@0.4.3":
   version "0.4.3"
   resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.3.tgz#1eec460596d200c0236bf195b078a5d1df89b766"
@@ -1721,6 +1933,11 @@
   dependencies:
     "@babel/types" "^7.3.0"
 
+"@types/earcut@^2.1.0":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@types/earcut/-/earcut-2.1.1.tgz#573a0af609f17005c751f6f4ffec49cfe358ea51"
+  integrity sha512-w8oigUCDjElRHRRrMvn/spybSMyX8MTkKA5Dv+tS1IE/TgmNZPqUYtvYBXGY8cieSE66gm+szeK+bnbxC2xHTQ==
+
 "@types/eslint@^7.28.2":
   version "7.29.0"
   resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.29.0.tgz#e56ddc8e542815272720bb0b4ccc2aff9c3e1c78"
@@ -4431,6 +4648,11 @@ duplexify@^3.4.2, duplexify@^3.6.0:
     readable-stream "^2.0.0"
     stream-shift "^1.0.0"
 
+earcut@^2.2.2:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/earcut/-/earcut-2.2.3.tgz#d44ced2ff5a18859568e327dd9c7d46b16f55cf4"
+  integrity sha512-iRDI1QeCQIhMCZk48DRDMVgQSSBDmbzzNhnxIo+pwx3swkfjMh6vh0nWLq1NdvGHLKH6wIrAM3vQWeTj6qeoug==
+
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
@@ -4922,6 +5144,11 @@ etag@~1.8.1:
   resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
   integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
 
+eventemitter3@^3.1.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-3.1.2.tgz#2d3d48f9c346698fce83a85d7d664e98535df6e7"
+  integrity sha512-tvtQIeLVHjDkJYnzf2dgVMxfuSGJeM/7UCG17TT4EumTfNtF+0nebF/4zWOIkCreAbtNqhGEboB6BWrwqNaw4Q==
+
 eventemitter3@^4.0.0:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
@@ -6505,6 +6732,11 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
 
+ismobilejs@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ismobilejs/-/ismobilejs-1.1.1.tgz#c56ca0ae8e52b24ca0f22ba5ef3215a2ddbbaa0e"
+  integrity sha512-VaFW53yt8QO61k2WJui0dHf4SlL8lxBofUuUmwBo0ljPk0Drz2TiuDW4jo3wDcv41qy/SxrJ+VAzJ/qYqsmzRw==
+
 isobject@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
@@ -8330,6 +8562,11 @@ p-try@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
+pako@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-2.0.4.tgz#6cebc4bbb0b6c73b0d5b8d7e8476e2b2fbea576d"
+  integrity sha512-v8tweI900AUkZN6heMU/4Uy4cXRc2AYNRggVmTR+dEncawDJgCdLMximOVA2p4qO57WMynangsfGRb5WD6L1Bg==
+
 pako@~1.0.5:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
@@ -8524,6 +8761,47 @@ pirates@^4.0.1:
   resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.5.tgz#feec352ea5c3268fb23a37c702ab1699f35a5f3b"
   integrity sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==
 
+pixi.js@^6.2.2:
+  version "6.2.2"
+  resolved "https://registry.yarnpkg.com/pixi.js/-/pixi.js-6.2.2.tgz#bc8319f007e48c0d5190b32b3e4f1d5bee0677e4"
+  integrity sha512-/xCnJUsWTZuacR6JYTnRbUb+5grzlqpp2O1Ub7bCZCE3FApTCs7nMNYeLfdeP+np/MlGaM+SsPh2cXcafR3OZw==
+  dependencies:
+    "@pixi/accessibility" "6.2.2"
+    "@pixi/app" "6.2.2"
+    "@pixi/compressed-textures" "6.2.2"
+    "@pixi/constants" "6.2.2"
+    "@pixi/core" "6.2.2"
+    "@pixi/display" "6.2.2"
+    "@pixi/extract" "6.2.2"
+    "@pixi/filter-alpha" "6.2.2"
+    "@pixi/filter-blur" "6.2.2"
+    "@pixi/filter-color-matrix" "6.2.2"
+    "@pixi/filter-displacement" "6.2.2"
+    "@pixi/filter-fxaa" "6.2.2"
+    "@pixi/filter-noise" "6.2.2"
+    "@pixi/graphics" "6.2.2"
+    "@pixi/interaction" "6.2.2"
+    "@pixi/loaders" "6.2.2"
+    "@pixi/math" "6.2.2"
+    "@pixi/mesh" "6.2.2"
+    "@pixi/mesh-extras" "6.2.2"
+    "@pixi/mixin-cache-as-bitmap" "6.2.2"
+    "@pixi/mixin-get-child-by-name" "6.2.2"
+    "@pixi/mixin-get-global-position" "6.2.2"
+    "@pixi/particle-container" "6.2.2"
+    "@pixi/polyfill" "6.2.2"
+    "@pixi/prepare" "6.2.2"
+    "@pixi/runner" "6.2.2"
+    "@pixi/settings" "6.2.2"
+    "@pixi/sprite" "6.2.2"
+    "@pixi/sprite-animated" "6.2.2"
+    "@pixi/sprite-tiling" "6.2.2"
+    "@pixi/spritesheet" "6.2.2"
+    "@pixi/text" "6.2.2"
+    "@pixi/text-bitmap" "6.2.2"
+    "@pixi/ticker" "6.2.2"
+    "@pixi/utils" "6.2.2"
+
 pkg-dir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@@ -9290,6 +9568,11 @@ promise-inflight@^1.0.1:
   resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
   integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
 
+promise-polyfill@^8.2.0:
+  version "8.2.3"
+  resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.2.3.tgz#2edc7e4b81aff781c88a0d577e5fe9da822107c6"
+  integrity sha512-Og0+jCRQetV84U8wVjMNccfGCnMQ9mGs9Hv78QFe+pSDD3gWTpz0y+1QCuxy5d/vBFuZ3iwP2eycAkvqIMPmWg==
+
 promise@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/promise/-/promise-8.1.0.tgz#697c25c3dfe7435dd79fcd58c38a135888eaf05e"