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

apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelContact.tsx

@@ -0,0 +1,23 @@
+import { NavBarItem } from '@rocket.chat/fuselage';
+import type { HTMLAttributes } from 'react';
+
+import { useOmnichannelContactAction } from './hooks/useOmnichannelContactAction';
+
+export type NavBarItemOmnichannelContactProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+
+const NavBarItemOmnichannelContact = (props: NavBarItemOmnichannelContactProps) => {
+	const { icon, isPressed, title, handleGoToContactCenter } = useOmnichannelContactAction();
+
+	return (
+		<NavBarItem
+			{...props}
+			icon={icon}
+			title={title}
+			onClick={handleGoToContactCenter}
+			pressed={isPressed}
+			aria-current={isPressed ? 'page' : undefined}
+		/>
+	);
+};
+
+export default NavBarItemOmnichannelContact;

apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelLivechatToggle.tsx

@@ -0,0 +1,23 @@
+import { NavBarItem } from '@rocket.chat/fuselage';
+import type { HTMLAttributes } from 'react';
+
+import { useOmnichannelLivechatToggle } from './hooks/useOmnichannelLivechatToggle';
+
+export type NavBarItemOmnichannelLivechatToggleProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+
+const NavBarItemOmnichannelLivechatToggle = (props: NavBarItemOmnichannelLivechatToggleProps) => {
+	const { handleAvailableStatusChange, title, icon, isSuccess } = useOmnichannelLivechatToggle();
+
+	return (
+		<NavBarItem
+			{...props}
+			id='omnichannel-status-toggle'
+			title={title}
+			success={isSuccess}
+			icon={icon}
+			onClick={handleAvailableStatusChange}
+		/>
+	);
+};
+
+export default NavBarItemOmnichannelLivechatToggle;

apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarItemOmnichannelQueue.tsx

@@ -0,0 +1,27 @@
+import { NavBarItem } from '@rocket.chat/fuselage';
+import type { HTMLAttributes } from 'react';
+
+import { useOmnichannelQueueAction } from './hooks/useOmnichannelQueueAction';
+
+export type NavBarItemOmnichannelQueueProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
+
+const NavBarItemOmnichannelQueue = (props: NavBarItemOmnichannelQueueProps) => {
+	const { isEnabled, title, icon, isPressed, handleGoToQueue } = useOmnichannelQueueAction();
+
+	if (!isEnabled) {
+		return null;
+	}
+
+	return (
+		<NavBarItem
+			{...props}
+			icon={icon}
+			title={title}
+			onClick={handleGoToQueue}
+			pressed={isPressed}
+			aria-current={isPressed ? 'page' : undefined}
+		/>
+	);
+};
+
+export default NavBarItemOmnichannelQueue;

apps/meteor/client/navbar/NavBarOmnichannelGroup/NavBarOmnichannelGroup.tsx

@@ -0,0 +1,20 @@
+import { NavBarGroup } from '@rocket.chat/fuselage';
+import { useTranslation } from 'react-i18next';
+
+import NavBarItemOmnichannelContact from './NavBarItemOmnichannelContact';
+import NavBarItemOmnichannelLivechatToggle from './NavBarItemOmnichannelLivechatToggle';
+import NavBarItemOmnichannelQueue from './NavBarItemOmnichannelQueue';
+
+const NavBarOmnichannelGroup = () => {
+	const { t } = useTranslation();
+
+	return (
+		<NavBarGroup aria-label={t('Omnichannel')}>
+			<NavBarItemOmnichannelQueue />
+			<NavBarItemOmnichannelContact />
+			<NavBarItemOmnichannelLivechatToggle />
+		</NavBarGroup>
+	);
+};
+
+export default NavBarOmnichannelGroup;

apps/meteor/client/navbar/NavBarOmnichannelGroup/hooks/useOmnichannelContactAction.ts

@@ -0,0 +1,16 @@
+import type { Keys } from '@rocket.chat/icons';
+import { useCurrentRoutePath, useRouter } from '@rocket.chat/ui-contexts';
+import { useTranslation } from 'react-i18next';
+
+export const useOmnichannelContactAction = () => {
+	const { t } = useTranslation();
+	const router = useRouter();
+	const currentRoute = useCurrentRoutePath();
+
+	return {
+		icon: 'address-book' as Keys,
+		title: t('Contact_Center'),
+		handleGoToContactCenter: () => router.navigate('/omnichannel-directory'),
+		isPressed: currentRoute?.includes('/omnichannel-directory') || false,
+	};
+};

apps/meteor/client/navbar/NavBarOmnichannelGroup/hooks/useOmnichannelLivechatToggle.ts

@@ -0,0 +1,28 @@
+import { useStableCallback } from '@rocket.chat/fuselage-hooks';
+import type { Keys } from '@rocket.chat/icons';
+import { useEndpoint, useToastMessageDispatch } from '@rocket.chat/ui-contexts';
+import { useTranslation } from 'react-i18next';
+
+import { useOmnichannelAgentAvailable } from '../../../views/omnichannel/hooks/useOmnichannelAgentAvailable';
+
+export const useOmnichannelLivechatToggle = () => {
+	const { t } = useTranslation();
+	const agentAvailable = useOmnichannelAgentAvailable();
+	const changeAgentStatus = useEndpoint('POST', '/v1/livechat/agent.status');
+	const dispatchToastMessage = useToastMessageDispatch();
+
+	const handleAvailableStatusChange = useStableCallback(async () => {
+		try {
+			await changeAgentStatus({});
+		} catch (error: unknown) {
+			dispatchToastMessage({ type: 'error', message: error });
+		}
+	});
+
+	return {
+		title: agentAvailable ? t('Turn_off_answer_chats') : t('Turn_on_answer_chats'),
+		isSuccess: agentAvailable,
+		icon: (agentAvailable ? 'message' : 'message-disabled') as Keys,
+		handleAvailableStatusChange,
+	};
+};

apps/meteor/client/navbar/NavBarOmnichannelGroup/hooks/useOmnichannelQueueAction.ts

@@ -0,0 +1,21 @@
+import type { Keys } from '@rocket.chat/icons';
+import { useCurrentRoutePath, useRouter } from '@rocket.chat/ui-contexts';
+import { useTranslation } from 'react-i18next';
+
+import { useOmnichannelShowQueueLink } from '../../../views/omnichannel/hooks/useOmnichannelShowQueueLink';
+
+export const useOmnichannelQueueAction = () => {
+	const { t } = useTranslation();
+	const showOmnichannelQueueLink = useOmnichannelShowQueueLink();
+
+	const router = useRouter();
+	const currentRoute = useCurrentRoutePath();
+
+	return {
+		isEnabled: showOmnichannelQueueLink,
+		icon: 'queue' as Keys,
+		title: t('Queue'),
+		handleGoToQueue: () => router.navigate('/livechat-queue'),
+		isPressed: currentRoute?.includes('/livechat-queue') || false,
+	};
+};

apps/meteor/client/navbar/NavBarOmnichannelGroup/index.ts

@@ -0,0 +1 @@
+export { default } from './NavBarOmnichannelGroup';