snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

apps/meteor/client/views/room/providers/RoomToolboxProvider.tsx

@@ -0,0 +1,118 @@
+import { useStableCallback, useStableArray } from '@rocket.chat/fuselage-hooks';
+import {
+	useUserId,
+	useSetting,
+	useRouter,
+	useRouteParameter,
+	useLayoutHiddenActions,
+	RoomToolboxContext,
+	type RoomToolboxContextValue,
+} from '@rocket.chat/ui-contexts';
+import type { ReactNode } from 'react';
+import { useMemo } from 'react';
+
+import { useRoom } from '../contexts/RoomContext';
+import { getRoomGroup } from '../lib/getRoomGroup';
+import { useAppsRoomActions } from './hooks/useAppsRoomActions';
+import { useCoreRoomActions } from './hooks/useCoreRoomActions';
+import { useCoreRoomRoutes } from './hooks/useCoreRoomRoutes';
+
+export type RoomToolboxProviderProps = { children: ReactNode };
+
+const RoomToolboxProvider = ({ children }: RoomToolboxProviderProps) => {
+	const room = useRoom();
+
+	const router = useRouter();
+
+	const openTab = useStableCallback((actionId: string, context?: string) => {
+		if (actionId === tab?.id && context === undefined) {
+			return closeTab();
+		}
+
+		const routeName = router.getRouteName();
+
+		if (!routeName) {
+			throw new Error('Route name is not defined');
+		}
+
+		const { layout } = router.getSearchParameters();
+
+		router.navigate({
+			name: routeName,
+			params: {
+				...router.getRouteParameters(),
+				tab: actionId,
+				context: context ?? '',
+			},
+			search: layout ? { layout } : undefined,
+		});
+	});
+
+	const closeTab = useStableCallback(() => {
+		const routeName = router.getRouteName();
+
+		if (!routeName) {
+			throw new Error('Route name is not defined');
+		}
+
+		router.navigate({
+			name: routeName,
+			params: {
+				...router.getRouteParameters(),
+				tab: '',
+				context: '',
+			},
+			search: (({ msg: _, ...rest }) => rest)(router.getSearchParameters()),
+		});
+	});
+
+	const context = useRouteParameter('context');
+
+	const coreRoomActions = useCoreRoomActions();
+	const appsRoomActions = useAppsRoomActions();
+
+	// core routes open the contextual bar, but have no button on the header
+	const coreRoomRoutes = useCoreRoomRoutes();
+
+	const allowAnonymousRead = useSetting<boolean>('Accounts_AllowAnonymousRead', false);
+	const uid = useUserId();
+
+	const { roomToolbox: hiddenActions } = useLayoutHiddenActions();
+
+	const actions = useStableArray(
+		[...coreRoomActions, ...appsRoomActions]
+			.filter((action) => uid || (allowAnonymousRead && 'anonymous' in action && action.anonymous))
+			.filter((action) => !action.groups || action.groups.includes(getRoomGroup(room)))
+			.filter((action) => !hiddenActions.includes(action.id))
+			.sort((a, b) => (a.order ?? 0) - (b.order ?? 0)),
+	);
+
+	const tabActionId = useRouteParameter('tab');
+	const tab = useMemo(() => {
+		if (!tabActionId) {
+			return undefined;
+		}
+
+		const coreRouteTab = coreRoomRoutes.find((route) => route.id === tabActionId);
+		if (coreRouteTab) {
+			return coreRouteTab;
+		}
+
+		return actions.find((action) => action.id === tabActionId);
+	}, [coreRoomRoutes, actions, tabActionId]);
+
+	const contextValue = useMemo(
+		(): RoomToolboxContextValue => ({
+			actions,
+			tab,
+			context,
+			openTab,
+			closeTab,
+		}),
+		[actions, tab, context, openTab, closeTab],
+	);
+
+	return <RoomToolboxContext.Provider value={contextValue}>{children}</RoomToolboxContext.Provider>;
+};
+
+export default RoomToolboxProvider;