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

apps/meteor/client/views/omnichannel/realTimeMonitoring/overviews/AgentsOverview.tsx

@@ -0,0 +1,35 @@
+import type { ILivechatDepartment } from '@rocket.chat/core-typings';
+import type { Box } from '@rocket.chat/fuselage';
+import { useEndpoint } from '@rocket.chat/ui-contexts';
+import { useQuery } from '@tanstack/react-query';
+import type { ComponentPropsWithoutRef } from 'react';
+
+import { omnichannelQueryKeys } from '../../../../lib/queryKeys';
+import CounterContainer from '../counter/CounterContainer';
+
+const overviewInitalValue = {
+	title: '',
+	value: '-',
+};
+
+type AgentsOverviewChartsProps = {
+	departmentId: ILivechatDepartment['_id'];
+	dateRange: { start: string; end: string };
+} & ComponentPropsWithoutRef<typeof Box>;
+
+const initialData = [overviewInitalValue, overviewInitalValue, overviewInitalValue];
+
+const AgentsOverview = ({ departmentId, dateRange, ...props }: AgentsOverviewChartsProps) => {
+	const getAgentsProductivityTotals = useEndpoint('GET', '/v1/livechat/analytics/dashboards/agents-productivity-totalizers');
+	const { data = initialData } = useQuery({
+		queryKey: omnichannelQueryKeys.analytics.agentsProductivityTotals(departmentId, dateRange),
+		queryFn: async () => {
+			const { totalizers } = await getAgentsProductivityTotals({ departmentId, ...dateRange });
+			return totalizers;
+		},
+	});
+
+	return <CounterContainer totals={data} {...props} />;
+};
+
+export default AgentsOverview;

apps/meteor/client/views/omnichannel/realTimeMonitoring/overviews/ChatsOverview.tsx

@@ -0,0 +1,34 @@
+import type { ILivechatDepartment } from '@rocket.chat/core-typings';
+import type { Box } from '@rocket.chat/fuselage';
+import { useEndpoint } from '@rocket.chat/ui-contexts';
+import { useQuery } from '@tanstack/react-query';
+import type { ComponentPropsWithoutRef } from 'react';
+
+import { omnichannelQueryKeys } from '../../../../lib/queryKeys';
+import CounterContainer from '../counter/CounterContainer';
+
+const initialData = [
+	{ title: '', value: 0 },
+	{ title: '', value: '0%' },
+	{ title: '', value: '00:00:00' },
+];
+
+export type ChatsOverviewProps = {
+	departmentId: ILivechatDepartment['_id'];
+	dateRange: { start: string; end: string };
+} & ComponentPropsWithoutRef<typeof Box>;
+
+const ChatsOverview = ({ departmentId, dateRange, ...props }: ChatsOverviewProps) => {
+	const getChatsTotalizers = useEndpoint('GET', '/v1/livechat/analytics/dashboards/chats-totalizers');
+	const { data = initialData } = useQuery({
+		queryKey: omnichannelQueryKeys.analytics.chatsTotals(departmentId, dateRange),
+		queryFn: async () => {
+			const { totalizers } = await getChatsTotalizers({ departmentId, ...dateRange });
+			return totalizers;
+		},
+	});
+
+	return <CounterContainer totals={data} {...props} />;
+};
+
+export default ChatsOverview;

apps/meteor/client/views/omnichannel/realTimeMonitoring/overviews/ConversationOverview.tsx

@@ -0,0 +1,35 @@
+import type { ILivechatDepartment } from '@rocket.chat/core-typings';
+import type { Box } from '@rocket.chat/fuselage';
+import { useEndpoint } from '@rocket.chat/ui-contexts';
+import { useQuery } from '@tanstack/react-query';
+import type { ComponentPropsWithoutRef } from 'react';
+
+import { omnichannelQueryKeys } from '../../../../lib/queryKeys';
+import CounterContainer from '../counter/CounterContainer';
+
+const overviewInitalValue = {
+	title: '',
+	value: 0,
+};
+
+const initialData = [overviewInitalValue, overviewInitalValue, overviewInitalValue, overviewInitalValue];
+
+export type ConversationOverviewProps = {
+	departmentId: ILivechatDepartment['_id'];
+	dateRange: { start: string; end: string };
+} & ComponentPropsWithoutRef<typeof Box>;
+
+const ConversationOverview = ({ departmentId, dateRange, ...props }: ConversationOverviewProps) => {
+	const getConversationTotals = useEndpoint('GET', '/v1/livechat/analytics/dashboards/conversation-totalizers');
+	const { data = initialData } = useQuery({
+		queryKey: omnichannelQueryKeys.analytics.conversationTotals(departmentId, dateRange),
+		queryFn: async () => {
+			const { totalizers } = await getConversationTotals({ departmentId, ...dateRange });
+			return totalizers;
+		},
+	});
+
+	return <CounterContainer totals={data} {...props} />;
+};
+
+export default ConversationOverview;

apps/meteor/client/views/omnichannel/realTimeMonitoring/overviews/ProductivityOverview.tsx

@@ -0,0 +1,32 @@
+import type { ILivechatDepartment } from '@rocket.chat/core-typings';
+import type { Box } from '@rocket.chat/fuselage';
+import { useEndpoint } from '@rocket.chat/ui-contexts';
+import { useQuery } from '@tanstack/react-query';
+import type { ComponentPropsWithoutRef } from 'react';
+
+import { omnichannelQueryKeys } from '../../../../lib/queryKeys';
+import CounterContainer from '../counter/CounterContainer';
+
+const defaultValue = { title: '', value: '00:00:00' };
+
+const initialData = [defaultValue, defaultValue, defaultValue, defaultValue];
+
+export type ProductivityOverviewProps = {
+	departmentId: ILivechatDepartment['_id'];
+	dateRange: { start: string; end: string };
+} & ComponentPropsWithoutRef<typeof Box>;
+
+const ProductivityOverview = ({ departmentId, dateRange, ...props }: ProductivityOverviewProps) => {
+	const getProductivityTotals = useEndpoint('GET', '/v1/livechat/analytics/dashboards/productivity-totalizers');
+	const { data = initialData } = useQuery({
+		queryKey: omnichannelQueryKeys.analytics.productivityTotals(departmentId, dateRange),
+		queryFn: async () => {
+			const { totalizers } = await getProductivityTotals({ departmentId, ...dateRange });
+			return totalizers;
+		},
+	});
+
+	return <CounterContainer totals={data} {...props} />;
+};
+
+export default ProductivityOverview;