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

apps/meteor/client/views/admin/viewLogs/AnalyticsReports.tsx

@@ -0,0 +1,50 @@
+import { Box, Icon, Skeleton, Scrollable, Callout } from '@rocket.chat/fuselage';
+import { useTranslation } from 'react-i18next';
+
+import MarkdownText from '../../../components/MarkdownText';
+import { links } from '../../../lib/links';
+import { useStatistics } from '../../hooks/useStatistics';
+
+const AnalyticsReports = () => {
+	const { t } = useTranslation();
+
+	const { data, isLoading, isSuccess, isError } = useStatistics();
+
+	return (
+		<Box display='flex' flexDirection='column' overflow='hidden' height='100%'>
+			<Callout title={t('Server_logs_access_has_changed_callout_title')} marginBlockEnd={16}>
+				<MarkdownText variant='inline' content={t('Server_logs_access_has_changed_callout_description', { docsUrl: links.go.logsDocs })} />
+			</Callout>
+			<Box backgroundColor='light' padding={20} paddingBlockEnd={28} marginBlockEnd={16} borderRadius={4}>
+				<Box display='flex' flexDirection='row' alignItems='center' marginBlockEnd={20}>
+					<Box
+						display='flex'
+						justifyContent='center'
+						alignItems='center'
+						borderRadius={2}
+						padding={4}
+						marginInlineEnd={8}
+						backgroundColor='status-background-info'
+					>
+						<Icon name='info' size={20} color='info' />
+					</Box>
+					<Box fontScale='h4'>{t('How_and_why_we_collect_usage_data')}</Box>
+				</Box>
+				<Box fontScale='p1' marginBlockEnd={16}>
+					{t('Analytics_page_briefing_first_paragraph')}
+				</Box>
+				<Box fontScale='p1'>{t('Analytics_page_briefing_second_paragraph')}</Box>
+			</Box>
+			<Scrollable vertical>
+				<Box marginBlockEnd={8} padding={8} backgroundColor='neutral' borderRadius={4} height='100%'>
+					{isSuccess && <pre>{JSON.stringify(data, null, '\t')}</pre>}
+					{isError && t('Something_went_wrong_try_again_later')}
+					{isLoading && Array.from({ length: 10 }).map((_, index) => <Skeleton key={index} />)}
+					<></>
+				</Box>
+			</Scrollable>
+		</Box>
+	);
+};
+
+export default AnalyticsReports;

apps/meteor/client/views/admin/viewLogs/ViewLogsPage.stories.tsx

@@ -0,0 +1,17 @@
+import type { StoryObj, Meta } from '@storybook/react';
+
+import ViewLogsPage from './ViewLogsPage';
+
+export default {
+	component: ViewLogsPage,
+	parameters: {
+		layout: 'fullscreen',
+		controls: { hideNoControlsWarning: true },
+	},
+	decorators: [(fn) => <div style={{ display: 'flex', flexDirection: 'column', height: '100vh' }}>{fn()}</div>],
+} satisfies Meta<typeof ViewLogsPage>;
+
+export const Default: StoryObj<typeof ViewLogsPage> = {
+	render: () => <ViewLogsPage />,
+	name: 'ViewLogsPage',
+};

apps/meteor/client/views/admin/viewLogs/ViewLogsPage.tsx

@@ -0,0 +1,19 @@
+import { Page, PageHeader, PageContent } from '@rocket.chat/ui-client';
+import { useTranslation } from 'react-i18next';
+
+import AnalyticsReports from './AnalyticsReports';
+
+const ViewLogsPage = () => {
+	const { t } = useTranslation();
+
+	return (
+		<Page background='tint'>
+			<PageHeader title={t('Analytic_reports')} />
+			<PageContent>
+				<AnalyticsReports />
+			</PageContent>
+		</Page>
+	);
+};
+
+export default ViewLogsPage;

apps/meteor/client/views/admin/viewLogs/ViewLogsRoute.tsx

@@ -0,0 +1,16 @@
+import { usePermission } from '@rocket.chat/ui-contexts';
+
+import ViewLogsPage from './ViewLogsPage';
+import NotAuthorizedPage from '../../notAuthorized/NotAuthorizedPage';
+
+const ViewLogsRoute = () => {
+	const canViewLogs = usePermission('view-logs');
+
+	if (!canViewLogs) {
+		return <NotAuthorizedPage />;
+	}
+
+	return <ViewLogsPage />;
+};
+
+export default ViewLogsRoute;