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

apps/meteor/client/views/audit/components/tabs/DirectTab.tsx

@@ -0,0 +1,46 @@
+import { Field, FieldLabel, FieldRow, FieldError } from '@rocket.chat/fuselage';
+import type { UseFormReturn } from 'react-hook-form';
+import { useController } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import UserAutoCompleteMultiple from '../../../../components/UserAutoCompleteMultiple';
+import type { AuditFields } from '../../hooks/useAuditForm';
+
+export type DirectTabProps = {
+	form: UseFormReturn<AuditFields>;
+};
+
+const DirectTab = ({ form: { control } }: DirectTabProps) => {
+	const { t } = useTranslation();
+
+	const { field: usersField, fieldState: usersFieldState } = useController({
+		name: 'users',
+		control,
+		rules: {
+			required: true,
+			validate: (value) => {
+				if (value.length < 2) {
+					return t('Select_at_least_two_users');
+				}
+			},
+		},
+	});
+
+	return (
+		<Field flexShrink={1}>
+			<FieldLabel>{t('Users')}</FieldLabel>
+			<FieldRow>
+				<UserAutoCompleteMultiple
+					value={usersField.value}
+					error={usersFieldState.error?.message}
+					onChange={usersField.onChange}
+					placeholder={t('Username_Placeholder')}
+				/>
+			</FieldRow>
+			{usersFieldState.error?.type === 'required' && <FieldError>{t('Required_field', { field: t('Users') })}</FieldError>}
+			{usersFieldState.error?.type === 'validate' && <FieldError>{usersFieldState.error.message}</FieldError>}
+		</Field>
+	);
+};
+
+export default DirectTab;

apps/meteor/client/views/audit/components/tabs/OmnichannelTab.tsx

@@ -0,0 +1,66 @@
+import { Field, FieldLabel, FieldRow, FieldError } from '@rocket.chat/fuselage';
+import type { UseFormReturn } from 'react-hook-form';
+import { useController } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import AutoCompleteAgent from '../../../omnichannel/components/AutoCompleteAgent';
+import type { AuditFields } from '../../hooks/useAuditForm';
+import VisitorAutoComplete from '../forms/VisitorAutoComplete';
+
+export type OmnichannelTabProps = {
+	form: UseFormReturn<AuditFields>;
+};
+
+const OmnichannelTab = ({ form: { control } }: OmnichannelTabProps) => {
+	const { t } = useTranslation();
+
+	const { field: visitorField, fieldState: visitorFieldState } = useController({
+		name: 'visitor',
+		control,
+		rules: { required: true },
+	});
+	const { field: agentField, fieldState: agentFieldState } = useController({
+		name: 'agent',
+		control,
+		rules: { required: true },
+	});
+
+	return (
+		<>
+			<Field flexShrink={1}>
+				<FieldLabel flexGrow={0}>{t('Visitor')}</FieldLabel>
+				<FieldRow>
+					<VisitorAutoComplete
+						value={visitorField.value}
+						error={!!visitorFieldState.error}
+						onChange={visitorField.onChange}
+						placeholder={t('Username_Placeholder')}
+					/>
+				</FieldRow>
+				{visitorFieldState.error?.type === 'required' && <FieldError>{t('Required_field', { field: t('Visitor') })}</FieldError>}
+				{visitorFieldState.error?.type === 'validate' && <FieldError>{visitorFieldState.error.message}</FieldError>}
+			</Field>
+			<Field flexShrink={1} marginInlineStart={8}>
+				<FieldLabel flexGrow={0}>{t('Agent')}</FieldLabel>
+				<FieldRow>
+					<AutoCompleteAgent
+						error={(() => {
+							if (agentFieldState.error?.type === 'required') {
+								return t('Required_field', { field: t('Agent') });
+							}
+
+							return agentFieldState.error?.message;
+						})()}
+						value={agentField.value}
+						onChange={agentField.onChange}
+						placeholder={t('Username_Placeholder')}
+					/>
+				</FieldRow>
+				{agentFieldState.error?.type === 'required' && <FieldError>{t('Required_field', { field: t('Agent') })}</FieldError>}
+				{agentFieldState.error?.type === 'validate' && <FieldError>{agentFieldState.error.message}</FieldError>}
+			</Field>
+		</>
+	);
+};
+
+export default OmnichannelTab;

apps/meteor/client/views/audit/components/tabs/RoomsTab.tsx

@@ -0,0 +1,43 @@
+import type { IRoom } from '@rocket.chat/core-typings';
+import { Field, FieldLabel, FieldRow, FieldError, Icon } from '@rocket.chat/fuselage';
+import type { Dispatch, SetStateAction } from 'react';
+import type { UseFormReturn } from 'react-hook-form';
+import { useController } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import RoomAutoComplete from '../../../../components/RoomAutoComplete';
+import type { AuditFields } from '../../hooks/useAuditForm';
+
+export type RoomsTabProps = {
+	form: UseFormReturn<AuditFields>;
+	setSelectedRoom: Dispatch<SetStateAction<IRoom | undefined>>;
+};
+
+const RoomsTab = ({ form: { control }, setSelectedRoom }: RoomsTabProps) => {
+	const { t } = useTranslation();
+
+	const { field: ridField, fieldState: ridFieldState } = useController({ name: 'rid', control, rules: { required: true } });
+
+	return (
+		<Field flexShrink={1}>
+			<FieldLabel>{t('Channel_name')}</FieldLabel>
+			<FieldRow>
+				<RoomAutoComplete
+					scope='admin'
+					setSelectedRoom={setSelectedRoom}
+					value={ridField.value}
+					error={!!ridFieldState.error}
+					placeholder={t('Channel_Name_Placeholder')}
+					onChange={ridField.onChange}
+					renderRoomIcon={({ encrypted }) =>
+						encrypted ? <Icon name='key' color='danger' title={t('Encrypted_content_will_not_appear_search')} /> : null
+					}
+				/>
+			</FieldRow>
+			{ridFieldState.error?.type === 'required' && <FieldError>{t('Required_field', { field: t('Channel_name') })}</FieldError>}
+			{ridFieldState.error?.type === 'validate' && <FieldError>{ridFieldState.error.message}</FieldError>}
+		</Field>
+	);
+};
+
+export default RoomsTab;

apps/meteor/client/views/audit/components/tabs/UsersTab.tsx

@@ -0,0 +1,46 @@
+import { Field, FieldLabel, FieldRow, FieldError } from '@rocket.chat/fuselage';
+import type { UseFormReturn } from 'react-hook-form';
+import { useController } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import UserAutoCompleteMultiple from '../../../../components/UserAutoCompleteMultiple';
+import type { AuditFields } from '../../hooks/useAuditForm';
+
+export type UsersTabProps = {
+	form: UseFormReturn<AuditFields>;
+};
+
+const UsersTab = ({ form: { control } }: UsersTabProps) => {
+	const { t } = useTranslation();
+
+	const { field: usersField, fieldState: usersFieldState } = useController({
+		name: 'users',
+		control,
+		rules: {
+			required: true,
+			validate: (value) => {
+				if (value.length < 1) {
+					return t('Required_field', { field: t('Users') });
+				}
+			},
+		},
+	});
+
+	return (
+		<Field flexShrink={1}>
+			<FieldLabel>{t('Users')}</FieldLabel>
+			<FieldRow>
+				<UserAutoCompleteMultiple
+					error={usersFieldState.error?.message}
+					value={usersField.value}
+					onChange={usersField.onChange}
+					placeholder={t('Username_Placeholder')}
+				/>
+			</FieldRow>
+			{usersFieldState.error?.type === 'required' && <FieldError>{t('Required_field', { field: t('Users') })}</FieldError>}
+			{usersFieldState.error?.type === 'validate' && <FieldError>{usersFieldState.error.message}</FieldError>}
+		</Field>
+	);
+};
+
+export default UsersTab;