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

apps/meteor/client/portals/SidebarPortal/SidebarPortal.tsx

@@ -0,0 +1,18 @@
+import { Box } from '@rocket.chat/fuselage';
+import type { ReactNode } from 'react';
+import { memo } from 'react';
+import { createPortal } from 'react-dom';
+
+export type SidebarPortalProps = { children: ReactNode };
+
+const SidebarPortal = ({ children }: SidebarPortalProps) => {
+	const sidebarRoot = document.getElementById('sidebar-region');
+
+	if (!sidebarRoot) {
+		return null;
+	}
+
+	return <>{createPortal(<Box className='sidebar-region-item flex-nav'>{children}</Box>, sidebarRoot)}</>;
+};
+
+export default memo(SidebarPortal);

apps/meteor/client/portals/SidebarPortal/SidebarPortalV2.tsx

@@ -0,0 +1,39 @@
+import { Box, AnimatedVisibility } from '@rocket.chat/fuselage';
+import { useLayout } from '@rocket.chat/ui-contexts';
+import type { ReactNode } from 'react';
+import { memo, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+
+import { NAVIGATION_REGION_ID } from '../../lib/constants';
+
+export type SidebarPortalProps = { children: ReactNode };
+
+const SidebarPortal = ({ children }: SidebarPortalProps) => {
+	const sidebarRoot = document.getElementById(NAVIGATION_REGION_ID);
+	const { sidebar } = useLayout();
+
+	useEffect(() => {
+		if (sidebarRoot) {
+			sidebar.setOverlayed(true);
+		}
+
+		return () => sidebar.setOverlayed(false);
+	}, [sidebar, sidebarRoot]);
+
+	if (!sidebarRoot) {
+		return null;
+	}
+
+	return (
+		<>
+			{createPortal(
+				<AnimatedVisibility visibility={AnimatedVisibility.UNHIDING}>
+					<Box className='flex-nav'>{children}</Box>
+				</AnimatedVisibility>,
+				sidebarRoot,
+			)}
+		</>
+	);
+};
+
+export default memo(SidebarPortal);

apps/meteor/client/portals/SidebarPortal/index.tsx

@@ -0,0 +1,22 @@
+import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
+import type { ReactNode } from 'react';
+
+import SidebarPortalV1 from './SidebarPortal';
+import SidebarPortalV2 from './SidebarPortalV2';
+
+export type SidebarPortalProps = { children: ReactNode };
+
+const SidebarPortal = ({ children }: SidebarPortalProps) => {
+	return (
+		<FeaturePreview feature='secondarySidebar'>
+			<FeaturePreviewOff>
+				<SidebarPortalV1>{children}</SidebarPortalV1>
+			</FeaturePreviewOff>
+			<FeaturePreviewOn>
+				<SidebarPortalV2>{children}</SidebarPortalV2>
+			</FeaturePreviewOn>
+		</FeaturePreview>
+	);
+};
+
+export default SidebarPortal;

apps/meteor/client/portals/VideoConfPopupPortal.tsx

@@ -0,0 +1,15 @@
+import { AnchorPortal } from '@rocket.chat/ui-client';
+import type { ReactNode } from 'react';
+import { memo } from 'react';
+
+const videoConfAnchorId = 'video-conf-root';
+
+export type VideoConfPortalProps = {
+	children?: ReactNode;
+};
+
+const VideoConfPortal = ({ children }: VideoConfPortalProps) => {
+	return <AnchorPortal id={videoConfAnchorId}>{children}</AnchorPortal>;
+};
+
+export default memo(VideoConfPortal);