@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { Box, TextField, Typography } from '@mui/material'
 import axios from 'axios'
-import { Dayjs } from 'dayjs'
+import dayjs, { Dayjs } from 'dayjs'
 import { useRouter } from 'next/navigation'
 import { useSession } from 'next-auth/react'
 
@@ -37,16 +37,34 @@ export const ApiKeyModal = ({
 			return
 		}
 
-		const keyName = `Ключ ${Math.floor(Math.random() * 100000) + 1}`
+		const trimmedTitle = title.trim()
+
+		if (!trimmedTitle) {
+			showMessage('Введите название ключа')
+			return
+		}
+
+		if (endDate && endDate !== '') {
+			const dateStr =
+				typeof endDate === 'string' ? endDate : (endDate as Dayjs).format('YYYY-MM-DD')
+
+			const selectedDate = dayjs(dateStr, 'YYYY-MM-DD').startOf('day')
+			const today = dayjs().startOf('day')
+
+			if (selectedDate.isBefore(today)) {
+				showMessage('Дата действия ключа не может быть в прошлом')
+				return
+			}
+		}
 
 		setIsLoading(true)
 		const response =
 			endDate && endDate !== ''
 				? await accountApi.createApiKeys(
-						{ name: title !== '' ? title : keyName, expires_at: endDate },
+						{ name: trimmedTitle, expires_at: endDate },
 						data?.access
 				  )
-				: await accountApi.createApiKeys({ name: title !== '' ? title : keyName }, data?.access)
+				: await accountApi.createApiKeys({ name: trimmedTitle }, data?.access)
 		
 		if (response.status >= 400 && response.data?.detail) {
 			showMessage(response.data.detail)
@@ -1,4 +1,4 @@
-import axios, { AxiosResponse } from 'axios'
+import axios from 'axios'
 
 import { API_URL } from '#/shared/lib/constants'
 
@@ -10,7 +10,7 @@ export const changeAccess = async (
 ): Promise<AllowedModels[] | []> => {
 	if (!value) {
 		try {
-			const { data } = await axios.put<{ models: string }, AxiosResponse<AllowedModels[]>>(
+			const { data, status } = await axios.put<AllowedModels[]>(
 				API_URL + '/auth/business-host/allowed-models',
 				{
 					models: [title],
@@ -19,9 +19,15 @@ export const changeAccess = async (
 					headers: {
 						Authorization: `Bearer ${token}`,
 					},
+					validateStatus: (s) => s < 500,
 				}
 			)
-			return data
+
+			if (status >= 400) {
+				return []
+			}
+
+			return Array.isArray(data) ? data : []
 		} catch (err) {
 			return []
 		}
@@ -29,7 +35,7 @@ export const changeAccess = async (
 
 	if (value) {
 		try {
-			const { data } = await axios.delete<{ models: string }, AxiosResponse<AllowedModels[]>>(
+			const { data, status } = await axios.delete<AllowedModels[]>(
 				API_URL + '/auth/business-host/allowed-models',
 				{
 					headers: {
@@ -38,9 +44,15 @@ export const changeAccess = async (
 					data: {
 						models: [title],
 					},
+					validateStatus: (s) => s < 500,
 				}
 			)
-			return data
+
+			if (status >= 400) {
+				return []
+			}
+
+			return Array.isArray(data) ? data : []
 		} catch (err) {
 			return []
 		}
@@ -1,6 +1,7 @@
 import React from 'react'
 
 import { SwitchCustom } from '#/shared'
+import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
 
 import { changeAccess } from '../api/change-access'
 import { AllowedModels } from '../api/types'
@@ -9,11 +10,18 @@ type SwitchAccess = {
 	title: string
 	token?: string
 	updateAccessModels: (models: AllowedModels[]) => void
+	isOwner?: boolean
 }
-export const SwitchAccess: React.FC<SwitchAccess> = ({ isAllowed, title, token, updateAccessModels }) => {
+export const SwitchAccess: React.FC<SwitchAccess> = ({ isAllowed, title, token, updateAccessModels, isOwner = true }) => {
+	const { showMessage } = useShowDataStore()
+
 	const change = () => {
+		if (!isOwner) {
+			showMessage('У вас недостаточно прав для изменения доступа')
+			return
+		}
 		changeAccess(token, isAllowed, title).then((res) => {
-			if (res.length === 0) {
+			if (!Array.isArray(res) || res.length === 0) {
 				return
 			}
 			updateAccessModels(res)
@@ -20,7 +20,8 @@ export const ModalImage = ({ file, ...image }: ModalImageProps) => {
 						onLoadingComplete={() => {
 							updateImageState(true)
 						}}
-						loading='lazy'
+						loading='eager'
+						priority
 						src={file}
 						width={'1500'}
 						height={'1500'}
@@ -33,6 +34,7 @@ export const ModalImage = ({ file, ...image }: ModalImageProps) => {
 						onLoad={() => updateImageState(true)}
 						alt='К сожалению, изображение не загрузилось'
 						className={styles.image_style}
+						loading='eager'
 					/>
 				)}
 			</div>
@@ -60,12 +60,15 @@ export default function FullScreenModal({ modal, setModal, image }: IProps) {
 						height={'1500'}
 						alt='К сожалению, изображение не загрузилось'
 						className={styles.image_style}
+						loading='eager'
+						priority
 					/>
 				) : (
 					<img
 						src={image!}
 						alt='К сожалению, изображение не загрузилось'
 						className={styles.image_style}
+						loading='eager'
 					/>
 				)}
 			</div>
@@ -32,14 +32,14 @@ export const InviteModal: FC<InviteModalProps> = ({ open, onClose, showNewPerson
 	const { handleSubmit, register, reset, setValue, getValues } = useForm()
 	const [isLoading, setIsLoading] = useState(false)
 	const [businessGroups, setBusinessGroups] = useState<ResponseGetBusinessGroups[] | null>()
-	const [currentGroup, setCurrentGroup] = useState<string>('')
+	const [currentGroupUid, setCurrentGroupUid] = useState<string>('')
 	const { showMessage } = useShowDataStore()
 	const { data: session } = useSession()
 
 	const onSubmit = async (data: any) => {
 		setIsLoading(true)
 
-		const group: string | undefined = businessGroups?.find((el) => (el.title === currentGroup ? el.uid : ''))?.uid || ""
+		const group = currentGroupUid || ''
 		const res = await invitePerson(role, data.limit, data.email, group, session?.access)
 
 		if (res && res.data.detail && res.status >= 300) {
@@ -55,9 +55,8 @@ export const InviteModal: FC<InviteModalProps> = ({ open, onClose, showNewPerson
 
 		setIsLoading(false)
 		onClose()
-
+		setCurrentGroupUid('')
 		reset()
-
 		showNewPersons(res.data)
 	}
 	const checkError: SubmitErrorHandler<IEmailForms> = (data) => {
@@ -87,16 +86,15 @@ export const InviteModal: FC<InviteModalProps> = ({ open, onClose, showNewPerson
 					<Typography className={styles.hint}>Выберите роль</Typography>
 					<Select list={Object.values(personRoles)} onChange={(e) => setRole(e.target.value as InviteRoles)} value={role}></Select>
 
-					{/* Поле с выбором группы */}
+					{/* Поле с выбором группы — передаём объекты с uid, чтобы избежать дубликатов ключей при одинаковых названиях */}
 					<Typography className={styles.hint}>Выберите бизнес-группу</Typography>
 					<Select
-						list={businessGroups
-							?.map((el) => el.title)
-							.concat('Без группы')
-							.reverse()}
-						onChange={(e) => setCurrentGroup(e.target.value)}
-						value={currentGroup}
-					></Select>
+						list={[{ uid: '', title: 'Без группы' }, ...(businessGroups ?? [])].reverse()}
+						valueKey="uid"
+						labelKey="title"
+						onChange={(e) => setCurrentGroupUid(e.target.value)}
+						value={currentGroupUid}
+					/>
 
 					<Typography className={styles.hint}>Укажите адрес электронной почты</Typography>
 					<TextField
@@ -157,6 +157,9 @@ export const ModelInput: FC<Input & TextFieldProps> = ({
 				</svg>
 			)}
 			<textarea
+				id='model-message'
+				name='message'
+				autoComplete='off'
 				onInput={(e) => {
 					const target = e.target as HTMLTextAreaElement
 					target.style.height = 'auto'
@@ -1,7 +1,7 @@
 import { c } from '#/shared/lib/helpers'
 import { FieldError } from 'react-hook-form'
 import styles from './common-input.module.scss'
-import React, { ForwardedRef, forwardRef, useEffect } from 'react'
+import React, { ForwardedRef, forwardRef, useEffect, useId } from 'react'
 
 export type InputVariant = 'outline' | 'primary'
 
@@ -28,6 +28,9 @@ export const CommonInput = forwardRef<HTMLInputElement, CommonInputProps>(
 		},
 		ref
 	) => {
+		const generatedId = useId()
+		const inputId = props.id ?? generatedId
+
 		const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {
 			event.target.value = trim ? event.target.value.trim() : event.target.value
 		}
@@ -42,6 +45,7 @@ export const CommonInput = forwardRef<HTMLInputElement, CommonInputProps>(
 								styles[`label_${variant}`],
 								error && styles.label_error
 							)}
+							htmlFor={inputId}
 						>
 							{label}
 						</label>
@@ -57,6 +61,7 @@ export const CommonInput = forwardRef<HTMLInputElement, CommonInputProps>(
 				>
 					<input
 						ref={ref}
+						id={inputId}
 						className={c(
 							styles.input,
 							styles[`input_${variant}`],
@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react'
+import React, { forwardRef, useId } from 'react'
 import { FieldError } from 'react-hook-form'
 import { Raleway } from 'next/font/google'
 
@@ -38,6 +38,8 @@ const getTextareaStyles = (error?: FieldError) => {
 export const CommonTextArea = forwardRef<HTMLTextAreaElement, CommonTextAreaProps>(
 	({ showError = true, buttomSlot, label, error, className, disabled, trim = false, variant = 'default', ...props }, ref) => {
 		const themeStyles = getTextareaStyles(error)
+		const generatedId = useId()
+		const textareaId = props.id ?? generatedId
 
 		const onChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
 			if (props.onChange) {
@@ -51,7 +53,14 @@ export const CommonTextArea = forwardRef<HTMLTextAreaElement, CommonTextAreaProp
 		return (
 			<div className={c(styles.box, className)}>
 				<div className={styles.header}>
-					{label && <label className={c(styles.label, error && styles.label_error)}>{label}</label>}
+					{label && (
+						<label
+							className={c(styles.label, error && styles.label_error)}
+							htmlFor={textareaId}
+						>
+							{label}
+						</label>
+					)}
 				</div>
 				<div
 					className={c(
@@ -63,6 +72,7 @@ export const CommonTextArea = forwardRef<HTMLTextAreaElement, CommonTextAreaProp
 				>
 					<textarea
 						ref={ref}
+						id={textareaId}
 						style={{ 
 							fontFamily: inter.style.fontFamily,
 							...themeStyles.textarea,
@@ -35,7 +35,6 @@ export const SelectUI: React.FC<ISelect> = ({
 				inputProps={{
 					MenuProps: {
 						MenuListProps: {
-							backgroundColor: 'transparent',
 							sx: {
 								color: '#A6A5A5',
 								backgroundColor: '#151518',
@@ -74,14 +73,14 @@ export const SelectUI: React.FC<ISelect> = ({
 				fullWidth
 				{...args}
 			>
-				{list?.map((item: any) => {
+				{list?.map((item: any, index: number) => {
 					// Если переданы ключи для объекта, используем их
 					const itemValue = valueKey ? item[valueKey] : item
 					const itemLabel = labelKey ? item[labelKey] : item
 					const itemKey = valueKey ? item[valueKey] : item
 					
 					return (
-						<MenuItem key={itemKey} value={itemValue}>
+						<MenuItem key={`${String(itemKey)}-${index}`} value={itemValue}>
 							<Typography sx={{ fontSize: '18px' }}>{itemLabel}</Typography>
 						</MenuItem>
 					)
@@ -289,9 +289,6 @@ const Account: NextPageWithLayout = () => {
 						sx={{ '& .MuiTabs-indicator': { display: 'none' } }}
 					>
 						{scopes.map((el) => {
-							if (!desktop && el.scope === 'business') {
-								return null
-							}
 							if (el.scope === 'referral' && account_type !== 'regular') {
 								return null
 							}
@@ -279,7 +279,7 @@ const AudioModelPage: NextPageWithLayout = () => {
 								<Box
 									sx={{
 										padding: '30px',
-										height: `calc(100dvh - 116px - 61px - 15px ${botParams?.blocked ? '- 17px' : '- 23.5px'})`,
+										height: `calc(100dvh - 116px - 61px - 15px ${botParams?.blocked ? '- 17px' : '- 110px'})`,
 										overflowY: 'scroll',
 										overflowX: 'hidden',
 										position: 'relative',
@@ -144,7 +144,7 @@ const Page: NextPageWithLayout<ChatBotPageProps> = () => {
 		}
 
 		let data = { ...(includeParams || {}) }
-		if (version !== '') data = { ...data, ...{'version': version} }
+		if (version !== '') data = { ...data, ...{ version: version } }
 
 		sendMessage<any>({
 			content: input,
@@ -163,50 +163,50 @@ const Page: NextPageWithLayout<ChatBotPageProps> = () => {
 		if (!botParams?.parameters) {
 			return {}
 		}
-		
+
 		// Получаем параметры, актуальные для текущей версии
-		const validParams = botParams.parameters.filter(param => {
+		const validParams = botParams.parameters.filter((param) => {
 			// Если у параметра нет версий - актуален для всех
 			if (param.versions.length === 0) return true
-			
+
 			// Если нет выбранной версии - показываем все параметры
 			if (!version) return true
-			
+
 			// Проверяем, актуален ли параметр для текущей версии
 			return param.versions.includes(version)
 		})
-		
+
 		// Создаем объект: если есть значение в Redux - берем его, иначе - дефолтное
-		return validParams.reduce((acc, param) => ({
-			...acc,
-			// @ts-ignore
-			[param.key]: includeParams?.[param.key] ?? param.values.default
-		}), {})
+		return validParams.reduce(
+			(acc, param) => ({
+				...acc,
+				// @ts-ignore
+				[param.key]: includeParams?.[param.key] ?? param.values.default,
+			}),
+			{}
+		)
 	}, [botParams?.parameters, version, includeParams])
-	
+
 	const showFileExample = useMemo(() => {
 		if (!botParams?.inputs) return false
-		
+
 		// Проверяем, есть ли типы кроме 'text', которые доступны для текущей версии
-		return botParams.inputs.some(input => {
+		return botParams.inputs.some((input) => {
 			// Пропускаем текстовый тип
 			if (input.type === 'text') return false
-			
+
 			// Если у input нет версий - актуален для всех
 			if (input.versions.length === 0) return true
-			
+
 			// Если нет выбранной версии - показываем все inputs
 			if (!version) return true
-			
+
 			// Проверяем, актуален ли input для текущей версии
 			return input.versions.includes(version)
 		})
 	}, [botParams?.inputs, version])
 
-	const predictPriceInfo = useMemo(
-		() => ({ ...(includeParams || {}), ...(version ? { version } : {}) }),
-		[includeParams, version]
-	)
+	const predictPriceInfo = useMemo(() => ({ ...(includeParams || {}), ...(version ? { version } : {}) }), [includeParams, version])
 
 	const predictedPrice = usePredictPrice({
 		modelSlug: modelType,
@@ -224,11 +224,7 @@ const Page: NextPageWithLayout<ChatBotPageProps> = () => {
 			</Head>
 			<TutorialContext.Provider value={{ step, setStep }}>
 				<div className={styles.header}>
-					<Title
-						title={botParams?.title ? botParams?.title : ''}
-						type={'Чат-боты'}
-						linkBack={'/chat-bot'}
-					/>
+					<Title title={botParams?.title ? botParams?.title : ''} type={'Чат-боты'} linkBack={'/chat-bot'} />
 					<div className={styles.tags}>
 						{botParams &&
 							botParams.tags.map((tag, index) => (
@@ -238,24 +234,31 @@ const Page: NextPageWithLayout<ChatBotPageProps> = () => {
 								</div>
 							))}
 					</div>
-				{desktop && <ChatsContainer desktop={desktop} modelType={modelType} />}
+					{desktop && <ChatsContainer desktop={desktop} modelType={modelType} />}
 
-					
-				{desktop && (
-						<Stack sx={{ display: 'flex', alignItems: 'center', width: '25%', minWidth: '25%', marginRight: 'calc(5% - 22px)', marginTop: '0px' }}>
+					{desktop && (
+						<Stack
+							sx={{
+								display: 'flex',
+								alignItems: 'center',
+								width: '25%',
+								minWidth: '25%',
+								marginRight: 'calc(5% - 22px)',
+								marginTop: '0px',
+							}}
+						>
 							<StaticTabs scope={scope} setScope={setScope} />
 						</Stack>
 					)}
 				</div>
 				{!desktop && (
-						<Stack sx={{ display: 'flex', alignItems: 'center', width: '100%', marginBottom: '15px', marginTop: '10px' }}>
-							<StaticTabs scope={scope} setScope={setScope} />
-						</Stack>
-					)}
-					
+					<Stack sx={{ display: 'flex', alignItems: 'center', width: '100%', marginBottom: '15px', marginTop: '10px' }}>
+						<StaticTabs scope={scope} setScope={setScope} />
+					</Stack>
+				)}
+
 				{!desktop && <ChatsContainer desktop={desktop} modelType={modelType} />}
 				<Box sx={{ height: 'calc(100% - 100px)' }} className={styles.main}>
-					
 					<Box className={styles.chatWindow}>
 						<Box sx={{ display: scope === 'playground' ? 'block' : 'none' }}>
 							<AllChatWindow
@@ -300,12 +303,17 @@ const Page: NextPageWithLayout<ChatBotPageProps> = () => {
 									overflowY: 'auto',
 								}}
 							>
-								<ModelApiView  version={version || ''} slug={botParams?.slug || ''} APIModel='text' modelParams={filteredParams} showFileExample={showFileExample}/>
+								<ModelApiView
+									version={version || ''}
+									slug={botParams?.slug || ''}
+									APIModel='text'
+									modelParams={filteredParams}
+									showFileExample={showFileExample}
+								/>
 							</Stack>
 						</Box>
 					</Box>
 					<Box className={styles.settings}>
-					
 						{desktop && (
 							<Stack id='text-models-tour-3' className='pd-30 bg-color-block border-radius-main' spacing={2}>
 								{botParams?.versions && botParams.versions?.length !== 0 && (
@@ -121,7 +121,6 @@
 	justify-content: flex-start;
 	align-items: stretch;
 	gap: 20px;
-	// margin-bottom: 24px;
 
 	.chatWindow {
 		width: 70%;
@@ -267,7 +267,7 @@ const ImageModelPage: NextPageWithLayout = () => {
 								<Box
 									sx={{
 										padding: '30px',
-										height: `calc(100dvh - 116px - 61px - 15px ${botParams?.blocked ? '- 17px' : '- 23.5px'})`,
+										height: `calc(100dvh - 116px - 61px - 15px ${botParams?.blocked ? '- 17px' : '- 93px'})`,
 										// height: `calc(100dvh - 116px - 61px - 15px - 23.5px)`,
 										overflowY: 'scroll',
 										overflowX: 'hidden',
@@ -343,6 +343,7 @@ const Login: NextPageWithLayout = () => {
 							alt={''}
 							width={900}
 							height={1002}
+							priority
 							style={{
 								borderRadius: '20px',
 								position: 'relative',
@@ -148,6 +148,7 @@ const Register: NextPageWithLayout = () => {
 						alt={''}
 						width={900}
 						height={1002}
+						priority
 						style={{
 							borderRadius: '20px',
 							position: 'relative',
@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import { Box, Card, CardMedia, Link, Stack, Typography } from '@mui/material'
 import Button from '@mui/material/Button'
 import axios from 'axios'
@@ -34,7 +34,11 @@ const Reset: NextPageWithLayout = () => {
 
 	const desktop = device === 'desktop'
 
-	const refImage = React.useRef(getRandomImage())
+	// null на сервере и при первом рендере клиента; после монтирования подставляется только случайная картинка
+	const [cardImage, setCardImage] = useState<string | null>(null)
+	useEffect(() => {
+		setCardImage(getRandomImage())
+	}, [])
 
 	return (
 		<Stack
@@ -50,8 +54,17 @@ const Reset: NextPageWithLayout = () => {
 			{desktop && (
 				<Card>
 					<CardMedia
-						sx={{ height: '100vh', width: '600px' }}
-						image={`/login_images/${refImage.current}`}
+						sx={{
+							height: '100vh',
+							width: '600px',
+							...(cardImage
+								? {
+										backgroundImage: `url(/login_images/${cardImage})`,
+										backgroundSize: 'cover',
+										backgroundPosition: 'center',
+									}
+								: { backgroundColor: '#2a2a2a' }),
+						}}
 					>
 						<Stack
 							direction='column-reverse'
@@ -277,7 +277,7 @@ const VideoModelPage: NextPageWithLayout = () => {
 								<Box
 									sx={{
 										padding: '30px',
-										height: `calc(100dvh - 116px - 61px - 15px ${botParams?.blocked ? '- 17px' : '- 23.5px'})`,
+										height: `calc(100dvh - 116px - 61px - 15px ${botParams?.blocked ? '- 17px' : '- 106px'})`,
 										// height: `calc(100dvh - 116px - 61px - 15px - 23.5px)`,
 										overflowY: 'scroll',
 										overflowX: 'hidden',
@@ -36,7 +36,6 @@ export default function BusinessHost() {
 	const [mailing, setMailing] = useState<boolean>()
 	const [toDate, setToDate] = useState<string | undefined | Dayjs>('')
 	const { data } = useSession()
-	const { message, isOpened } = useShowDataStore()
 
 	useEffect(() => {
 		getPersons(data?.access, true).then((res) => setSecurityList(res ? res?.reverse() : null))
@@ -122,6 +121,7 @@ const MailingBlock = ({ info, mailing }: { info: InfoBusiness | null | undefined
 	const [allMails, setAllMails] = useState<string[]>()
 	const [isMailing, setIsMailing] = useState<boolean>(false)
 	const { data } = useSession()
+	const { showMessage } = useShowDataStore()
 
 	useEffect(() => {
 		if (info) {
@@ -139,9 +139,25 @@ const MailingBlock = ({ info, mailing }: { info: InfoBusiness | null | undefined
 	}, [allMails])
 
 	const addMailingUser = async () => {
-		if (newMail !== '') {
-			setAllMails((emails) => [...(emails ?? []), newMail])
+		const email = newMail.trim()
+
+		if (!email) {
+			showMessage('Введите почту')
+			return
+		}
+
+		const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
+		if (!emailRegex.test(email)) {
+			showMessage('Введите корректный e-mail')
+			return
 		}
+
+		if (allMails && allMails.includes(email)) {
+			showMessage('Такой e-mail уже добавлен')
+			return
+		}
+
+		setAllMails((emails) => [...(emails ?? []), email])
 	}
 
 	const req = async (mailingArr: string[]) => {
@@ -4,12 +4,21 @@ import { AllowedModels } from '#/features/changeAccessToModel'
 import { API_URL } from '#/shared/lib/constants'
 export const getModels = async (token?: string): Promise<AllowedModels[] | []> => {
 	try {
-		const { data } = await axios.get<AllowedModels[]>(API_URL + '/auth/business-host/allowed-models', {
-			headers: {
-				Authorization: `Bearer ${token}`,
-			},
-		})
-		return data
+		const { data, status } = await axios.get<AllowedModels[]>(
+			API_URL + '/auth/business-host/allowed-models',
+			{
+				headers: {
+					Authorization: `Bearer ${token}`,
+				},
+				validateStatus: (s) => s < 500,
+			}
+		)
+
+		if (status >= 400) {
+			return []
+		}
+
+		return Array.isArray(data) ? data : []
 	} catch (err) {
 		return []
 	}
@@ -9,6 +9,7 @@ import TableHead from '@mui/material/TableHead'
 import TableRow from '@mui/material/TableRow'
 import { useSession } from 'next-auth/react'
 
+import { useAppSelector } from '#/app/store/store'
 import { getModels } from '../../api/get-models'
 
 import styles from './models-list.module.scss'
@@ -22,6 +23,9 @@ export const ModelsList = () => {
 	const [models, setModels] = useState<AllowedModels[]>([])
 
 	const { data } = useSession()
+	const accountType = useAppSelector((state) => state.user.account_type)
+	const isOwner = accountType === 'business_host'
+
 	const updateAccess = (models: AllowedModels[]) => {
 		setModels(models)
 	}
@@ -75,6 +79,7 @@ export const ModelsList = () => {
 														isAllowed={model.is_allowed}
 														token={data?.access}
 														updateAccessModels={updateAccess}
+														isOwner={isOwner}
 													/>
 												</Box>
 											</TableCell>
@@ -20,6 +20,7 @@ import { Search } from '#/shared'
 import { API_URL } from '#/shared/lib/constants'
 import { getBusinessGroups } from '#/widgets/business-persons/api/get-businessGroups'
 import ArrowUpOrDown from '#/widgets/top-bar-model/ui/arrow-up-or-down'
+import { useAppSelector } from '#/app/store/store'
 
 export const BusinessGroups = ({ company_uid }: { company_uid?: string }) => {
 	const [businessGroups, setBusinessGroups] = useState<ResponseGetBusinessGroups[] | null>()
@@ -30,6 +31,7 @@ export const BusinessGroups = ({ company_uid }: { company_uid?: string }) => {
 	const [businessChangeModal, setBusinessChangeModal] = useState<boolean>(false)
 	const [currentGroup, setCurrentGroup] = useState<ResponseGetBusinessGroups>()
 	const { data } = useSession()
+	const accountType = useAppSelector((state) => state.user.account_type)
 
 	useEffect(() => {
 		getBusinessGroups(data?.access).then((res) => setBusinessGroups(res ? res : null))
@@ -69,7 +71,7 @@ export const BusinessGroups = ({ company_uid }: { company_uid?: string }) => {
 
 	return (
 		<>
-			{currentGroup && (
+			{currentGroup && accountType === 'business_host' && (
 				<ChangeBusinessGroup
 					open={businessChangeModal}
 					changes={businessGroups}
@@ -79,28 +81,32 @@ export const BusinessGroups = ({ company_uid }: { company_uid?: string }) => {
 					current_group={currentGroup}
 				/>
 			)}
-			<AddBusinessGroup
-				open={businessAddModal}
-				oldGroups={searchGroup}
-				setNewGroup={setSearchGroup}
-				onClose={() => {
-					setBusinessAddModal(false)
-				}}
-				company_uid={company_uid}
-			/>
+			{accountType === 'business_host' && (
+				<AddBusinessGroup
+					open={businessAddModal}
+					oldGroups={searchGroup}
+					setNewGroup={setSearchGroup}
+					onClose={() => {
+						setBusinessAddModal(false)
+					}}
+					company_uid={company_uid}
+				/>
+			)}
 			<Box className={styles.wrap}>
 				<Box className={styles.title2}>
 					<Box>
 						<Typography className={styles.name}>Бизнес-группы</Typography>
 						<ArrowUpOrDown directionY={showPersons} onClick={() => setShowPersons((prev) => !prev)} className={styles.arrow} />
 					</Box>
-					<Typography
-						onClick={() => {
-							setBusinessAddModal(true)
-						}}
-					>
-						Добавить группу
-					</Typography>
+						{accountType === 'business_host' && (
+							<Typography
+								onClick={() => {
+									setBusinessAddModal(true)
+								}}
+							>
+								Добавить группу
+							</Typography>
+						)}
 				</Box>
 				{showPersons && (
 					<Box className={styles.listWrap}>
@@ -125,7 +131,7 @@ export const BusinessGroups = ({ company_uid }: { company_uid?: string }) => {
 									{searchGroup && searchGroup.length !== 0 ? (
 										searchGroup?.map((group) => {
 											return (
-												<TableRow
+										<TableRow
 													key={group.uid}
 													sx={{
 														'&:last-child td, &:last-child th': { border: 0 },
@@ -138,27 +144,31 @@ export const BusinessGroups = ({ company_uid }: { company_uid?: string }) => {
 														{group.token_limit ? group.token_limit.split('.')[0] : 'Не указано'}
 													</TableCell>
 
-													<TableCell
-														onClick={() => {
-															setBusinessChangeModal(true)
-															setCurrentGroup(group)
-														}}
-														className={styles.tableLimit}
-														align='right'
-													>
-														<span className={styles.change}>Просмотр</span>
-													</TableCell>
-													<TableCell className={styles.tableLimit} align='right'>
-														<Image
-															onClick={(e) => {
-																deleteGroup(group.uid)
-															}}
-															src={'/x-mark.svg'}
-															width={15}
-															height={15}
-															alt={'Удалить'}
-														/>
-													</TableCell>
+													{accountType === 'business_host' && (
+														<>
+															<TableCell
+																onClick={() => {
+																	setBusinessChangeModal(true)
+																	setCurrentGroup(group)
+																}}
+																className={styles.tableLimit}
+																align='right'
+															>
+																<span className={styles.change}>Просмотр</span>
+															</TableCell>
+															<TableCell className={styles.tableLimit} align='right'>
+																<Image
+																	onClick={(e) => {
+																		deleteGroup(group.uid)
+																	}}
+																	src={'/x-mark.svg'}
+																	width={15}
+																	height={15}
+																	alt={'Удалить'}
+																/>
+															</TableCell>
+														</>
+													)}
 												</TableRow>
 											)
 										})
@@ -13,6 +13,8 @@ import { useSession } from 'next-auth/react'
 import { ResponseGetLogsList } from '#/features/invite-person-in-business/model/types'
 import { Search } from '#/shared'
 import { DateInput } from '#/shared/ui/date-input/date-input'
+import dayjs from 'dayjs'
+import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
 import styles from '#/widgets/business-models/ui/models-list/models-list.module.scss'
 import { getLogsList } from '#/widgets/business-persons/api/get-logsList'
 import ArrowUpOrDown from '#/widgets/top-bar-model/ui/arrow-up-or-down'
@@ -29,9 +31,22 @@ export const LogList = () => {
 	const [showPersons, setShowPersons] = useState(true)
 	const [search, setSearch] = useState('')
 	const { data } = useSession()
+	const { showMessage } = useShowDataStore()
 
 	useEffect(() => {
-		getLogsList(offset, 20, logType, fromDate, toDate, data?.access).then((res) => setLogs(res ? res : null))
+		if (fromDate && toDate) {
+			const from = dayjs(fromDate as any).startOf('day')
+			const to = dayjs(toDate as any).startOf('day')
+
+			if (from.isAfter(to)) {
+				showMessage('Дата "От" не может быть позже даты "До"')
+				return
+			}
+		}
+
+		getLogsList(offset, 20, logType, fromDate, toDate, data?.access).then((res) =>
+			setLogs(res ? res : null)
+		)
 	}, [data?.access, logType, fromDate, toDate])
 
 	useEffect(() => {
@@ -39,7 +39,8 @@ import { API_URL } from '#/shared/lib/constants'
 // import styles from '#/widgets/business-models/ui/models-list/models-list.module.scss'
 import { getBusinessGroups } from '#/widgets/business-persons/api/get-businessGroups'
 import ArrowUpOrDown from '#/widgets/top-bar-model/ui/arrow-up-or-down'
-import { getModalById, PLATE_CHANGE_PASSWORD, RESEND_INVATION_PASSWORD } from '#/features/modals'
+import { getModalById, PLATE_CHANGE_PASSWORD } from '#/features/modals'
+import { resendInvation } from '#/features/resend-invation-corp/api/resend-invation'
 
 import { formatDateStatus, formatEmail, translateEmailStatus } from '../../lib/lib'
 import { XMark } from '#/features/remove-person'
@@ -60,7 +61,22 @@ export const SecurityList = ({
 	const [currentPerson, setCurrentPerson] = useState<ResponseGetPersons | null>(null)
 
 	const passChangeModal = getModalById(PLATE_CHANGE_PASSWORD)
-	const passResendModal = getModalById(RESEND_INVATION_PASSWORD)
+
+	const handleResendInvitation = async (email: string) => {
+		const response = await resendInvation(email, data?.access)
+		if (response.status === 200) {
+			showMessage('Приглашение переотправлено!', 'success')
+			// Обновляем только локальный state, чтобы useEffect не перезаписал список из securityList
+			setPersons((prev) => {
+				if (!prev || !Array.isArray(prev)) return prev
+				return prev.map((el) =>
+					el.email === email ? { ...el, acceptance_status: 'pending' as const } : el
+				)
+			})
+		} else {
+			showMessage(response.data)
+		}
+	}
 
 	useEffect(() => {
 		setPersons(securityList)
@@ -159,34 +175,33 @@ export const SecurityList = ({
 										</TableRow>
 									</TableHead>
 									<TableBody>
-										{searchPersons?.map((person: ResponseGetPersons) => {
+										{searchPersons?.map((person: ResponseGetPersons, idx: number) => {
 											const statusPerson = translateEmailStatus(person.acceptance_status)
+											const rowKey = person.uid ?? `${person.email ?? 'row'}-${idx}`
+											const email = person?.email ?? ''
+											const roleLabel = person?.account_type ? RoleSelect[person.account_type] : '—'
 											return (
 												<TableRow
-													key={person.email}
+													key={rowKey}
 													sx={{
 														'&:last-child td, &:last-child th': { border: 0 },
 													}}
 												>
 													<TableCell className={styles.tableEmail} align='left'>
-														{formatEmail(person.email)}
+														{formatEmail(email) || email || '—'}
 													</TableCell>
-													<TableCell align='left'>{RoleSelect[person.account_type]}</TableCell>
+													<TableCell align='left'>{roleLabel}</TableCell>
 													<TableCell align='left'>
 														<span>
 															{statusPerson + ' '}
-															{statusPerson === 'Приглашен' ? formatDateStatus(person.created_at) : null}
+															{statusPerson === 'Приглашен'
+																? formatDateStatus(person.created_at)
+																: null}
 														</span>
 														{statusPerson === 'Приглашен' ? (
 															<button
 																className={styles.refreshStatusButton}
-																onClick={() => {
-																	passResendModal.setState(true, {
-																		callback: () => {
-																			console.log('Смена пароля')
-																		},
-																	})
-																}}
+																onClick={() => handleResendInvitation(person?.email ?? '')}
 															>
 																<Image
 																	src={'/svg/refresh-outline.svg'}
@@ -198,7 +213,13 @@ export const SecurityList = ({
 															</button>
 														) : null}
 													</TableCell>
-													<TableCell>{Math.floor(+person.token_limit)}</TableCell>
+													<TableCell>
+														{(() => {
+															const num = Number(person.token_limit)
+															if (Number.isNaN(num)) return '0'
+															return Math.floor(num)
+														})()}
+													</TableCell>
 													<TableCell className={styles.change}>
 														<button
 															onClick={() => {
@@ -269,14 +290,14 @@ export const InviteSecurityModal: FC<InviteModalProps> = ({ open, onClose, showN
 	const { showMessage } = useShowDataStore()
 	const [isLoading, setIsLoading] = useState(false)
 	const [businessGroups, setBusinessGroups] = useState<ResponseGetBusinessGroups[] | null>()
-	const [currentGroup, setCurrentGroup] = useState<string>('')
+	const [currentGroupUid, setCurrentGroupUid] = useState<string>('')
 	const { data: session } = useSession()
 
 	const onSubmit = async (data: any) => {
 		setIsLoading(true)
 
-		const group: string[] | undefined = businessGroups?.map((el) => (el.title === currentGroup ? el.uid : ''))
-		const res = await invitePerson(role, data.limit, data.email, group && group[0], session?.access)
+		const group = currentGroupUid || ''
+		const res = await invitePerson(role, data.limit, data.email, group, session?.access)
 
 		if (res === null) {
 			showMessage('Что-то пошло не так', 'error')
@@ -285,9 +306,8 @@ export const InviteSecurityModal: FC<InviteModalProps> = ({ open, onClose, showN
 		}
 		setIsLoading(false)
 		onClose()
-
+		setCurrentGroupUid('')
 		reset()
-
 		showNewPersons(res.data)
 	}
 	const checkError: SubmitErrorHandler<IEmailForms> = (data) => {
@@ -317,16 +337,15 @@ export const InviteSecurityModal: FC<InviteModalProps> = ({ open, onClose, showN
 					<Typography className={styles2.hint}>Выберите роль</Typography>
 					<Select list={Object.values(securityRole)} onChange={(e) => setRole(e.target.value as InviteRoles)} value={role}></Select>
 
-					{/* Поле с выбором группы */}
+					{/* Поле с выбором группы — используем uid для ключей, чтобы избежать дубликатов при одинаковых названиях */}
 					<Typography className={styles2.hint}>Выберите бизнес-группу</Typography>
 					<Select
-						list={businessGroups
-							?.map((el) => el.title)
-							.concat('Без группы')
-							.reverse()}
-						onChange={(e) => setCurrentGroup(e.target.value)}
-						value={currentGroup}
-					></Select>
+						list={[{ uid: '', title: 'Без группы' }, ...(businessGroups ?? [])].reverse()}
+						valueKey="uid"
+						labelKey="title"
+						onChange={(e) => setCurrentGroupUid(e.target.value)}
+						value={currentGroupUid}
+					/>
 
 					<Typography className={styles2.hint}>Укажите адрес электронной почты</Typography>
 					<TextField
@@ -41,7 +41,7 @@ export interface ChatProps<T> {
 	deleteMessage: (message_uid: string) => void
 	modelTitle: string | undefined
 	currentVersion: string
-  botParams: IModel | null
+	botParams: IModel | null
 	tags: IModelTag[]
 	inputValue?: string
 	onInputValueChange?: (value: string) => void
@@ -57,7 +57,7 @@ function Chat<T>({
 	openMobileFilters,
 	setFile,
 	file,
-  botParams,
+	botParams,
 	getMessagesPagination,
 	input_types,
 	deleteMessage,
@@ -113,13 +113,12 @@ function Chat<T>({
 					paddingTop: 0,
 					paddingBottom: 1.25,
 					width: '100%',
-					height: desktop ? '75vh' : `calc(100dvh - ${tags.length == 0 ? '200px' : '240px'})`,
+					height: desktop ? '75vh' : `calc(100dvh - ${tags.length == 0 ? '200px' : '285px'})`,
 					overflow: 'hidden',
 				}}
 			>
 				<ChatMessagesList
-					
-          			botParams={botParams}
+					botParams={botParams}
 					onLoadImage={onLoadImage}
 					setResendValue={handleSetResetValue}
 					device={device}
@@ -4,7 +4,7 @@ import { useMemo, useState } from 'react'
 export const useMessages = (messages: Message[]) => {
 	const [chosenImage, setChosenImage] = useState<string | null>(null)
 
-	const [loaded, setLoaded] = useState(false)
+	const [loadedFiles, setLoadedFiles] = useState<Record<string, boolean>>({})
 
 	const computedLibraryImages = useMemo<Message<string>[]>(() => {
 		return messages
@@ -19,8 +19,8 @@ export const useMessages = (messages: Message[]) => {
 	return {
 		chosenImage,
 		setChosenImage,
-		loaded,
-		setLoaded,
+		loadedFiles,
+		setLoadedFiles,
 		computedLibraryImages,
 	}
 }
@@ -1,4 +1,4 @@
-import React, { memo, useState } from 'react'
+import React, { memo, useEffect, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'
 import { Skeleton, Typography } from '@mui/material'
 import Box from '@mui/material/Box'
@@ -30,7 +30,36 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 	const { showMessage } = useShowDataStore()
 	const [modal, setModal] = useState<boolean>(false)
 
-	const { chosenImage, setChosenImage, loaded, setLoaded, computedLibraryImages } = useMessages(images)
+	const preloadedUrlsRef = useRef<Set<string>>(new Set())
+	const { chosenImage, setChosenImage, loadedFiles, setLoadedFiles, computedLibraryImages } = useMessages(images)
+	const getFileUrl = (file: Message['file']): string => (typeof file === 'string' ? file : '')
+
+	useEffect(() => {
+		if (typeof window === 'undefined') return
+
+		const LIMIT = 30 
+		let count = 0
+
+		for (const img of computedLibraryImages) {
+			if (count >= LIMIT) break
+			const url = getFileUrl(img.file)
+			if (!url) continue
+			if (preloadedUrlsRef.current.has(url)) continue
+
+			preloadedUrlsRef.current.add(url)
+			const browserImg = new window.Image()
+			browserImg.src = url
+			count++
+		}
+	}, [computedLibraryImages])
+
+	const preloadUrl = (url?: string | null) => {
+		if (!url || typeof window === 'undefined') return
+		if (preloadedUrlsRef.current.has(url)) return
+		preloadedUrlsRef.current.add(url)
+		const browserImg = new window.Image()
+		browserImg.src = url
+	}
 
 	return (
 		<>
@@ -78,6 +107,8 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 							const isZip = message.file && message.file.includes('.zip')
 							//@ts-ignore
 							const isSvg = message.file && message.file.includes('.svg')
+							const fileUrl = getFileUrl(message.file)
+							const isFileLoaded = !!fileUrl && !!loadedFiles[fileUrl]
 							return (
 								<Box key={message.uid} sx={{ position: 'relative' }}>
 									{isZip ? (
@@ -116,35 +147,39 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 														<Image
 															className={styles.image}
 															onClick={() => {
+																preloadUrl(fileUrl)
 																setChosenImage(message.file as string)
 																setModal(true)
 															}}
-															onLoadingComplete={() => setLoaded(true)}
+															onLoadingComplete={() => {
+																if (!fileUrl) return
+																setLoadedFiles((prev) => (prev[fileUrl] ? prev : { ...prev, [fileUrl]: true }))
+															}}
 															style={{
 																position: 'relative',
 																zIndex: '2',
 																borderRadius: 15,
 																width: '100%',
 																height: '100%',
-																opacity: loaded ? '100%' : '0%',
+																opacity: isFileLoaded ? '100%' : '0%',
 																userSelect: 'none',
 																objectFit: 'contain',
 															}}
 															width={500}
 															height={500}
-															src={(message.file as unknown as string) || ''}
+															src={fileUrl}
 															alt={'К сожалению, изображение не загрузилось'}
 														/>
 														<Image
 															className={styles.image}
-															onLoadingComplete={() => setLoaded(true)}
+															loading='eager'
 															style={{
 																position: 'absolute',
 																zIndex: '1',
 																borderRadius: 15,
 																width: '100%',
 																height: '100%',
-																opacity: loaded ? '100%' : '0%',
+																opacity: '100%',
 																userSelect: 'none',
 																objectFit: 'cover',
 																right: 0,
@@ -152,7 +187,7 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 															}}
 															width={10}
 															height={10}
-															src={(message.file as unknown as string) || ''}
+															src={fileUrl}
 															alt=''
 														/>
 													</>
@@ -161,6 +196,7 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 														<img
 															className={styles.image}
 															onClick={() => {
+																preloadUrl(fileUrl)
 																setChosenImage(message.file as string)
 																setModal(true)
 															}}
@@ -173,7 +209,7 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 																userSelect: 'none',
 																objectFit: 'contain',
 															}}
-															src={(message.file as unknown as string) || ''}
+															src={fileUrl}
 															alt='К сожалению, изображение не загрузилось'
 														/>
 														<img
@@ -186,19 +222,19 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 																borderRadius: 15,
 																width: '100%',
 																height: '100%',
-																opacity: loaded ? '100%' : '0%',
+																opacity: '100%',
 																userSelect: 'none',
 																objectFit: 'cover',
 																right: 0,
 																filter: 'blur(10px) brightness(0.7)',
 															}}
-															src={(message.file as unknown as string) || ''}
+															src={fileUrl}
 															alt='К сожалению, изображение не загрузилось'
 														/>
 													</>
 												)}
 
-												{!loaded && (
+												{!isFileLoaded && (
 													<Skeleton
 														sx={{
 															background: '#2d2d2f',
@@ -240,12 +276,10 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 														cursor: onPromptClick && message.content.length > 0 ? 'pointer' : 'default',
 													}}
 												>
-													{!loaded
-														? ''
-														: message.content.length > 0
+													{message.content.length > 0
 														? message?.content.replaceAll('"', '').slice(0, 30)
 														: 'описание отсутствует'}
-													{message?.content.length > 30 && loaded && '...'}
+													{message?.content.length > 30 && '...'}
 												</Typography>
 											</TooltipCustom>
 										</Box>
@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from 'react'
+import React, { useEffect, useMemo, useState } from 'react'
 import { Box, Menu, MenuItem, Skeleton, Typography } from '@mui/material'
 import Stack from '@mui/material/Stack'
 import Image from 'next/image'
@@ -34,6 +34,11 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 	const desktop = props.device === 'desktop'
 	const [loaded, setLoaded] = useState(false)
 	const [fullscreenModalOpen, setFullscreenModalOpen] = useState(false)
+	const imageUrl = typeof props.message.file === 'string' ? props.message.file.toString().split('?type')[0] : ''
+
+	useEffect(() => {
+		setLoaded(false)
+	}, [imageUrl])
 
 
 	const copy = (text: string) => {
@@ -131,11 +136,12 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 											<Box sx={{ position: 'relative' }}>
 												<Image
 													onClick={() => {
-														if (!props.message.file) return
-														setCurrentSrc(props.message.file.toString().split('?type')[0])
+														if (!imageUrl) return
+														setCurrentSrc(imageUrl)
 														setModal(true)
 													}}
 													onLoadingComplete={() => setLoaded(true)}
+													loading='eager'
 													style={{
 														objectFit: 'contain',
 														height: '100%',
@@ -148,7 +154,7 @@ export const UserMessage = React.memo(function UserMessage({ setCurrentSrc, setM
 													}}
 													width={500}
 													height={500}
-													src={props.message.file.toString().split('?type')[0]}
+													src={imageUrl}
 													alt={'К сожалению, изображение не загрузилось'}
 												/>
 												{!loaded && (
@@ -153,7 +153,6 @@ export const SideMenu = ({}) => {
 		<>
 			{open === 'opened' && (
 				<Box
-					aria-hidden
 					onClick={handleCloseDrawer}
 					sx={{
 						position: 'fixed',
@@ -188,7 +187,7 @@ export const SideMenu = ({}) => {
 					<Box onClick={handleToggleOpen} width='100%' display={'flex'} alignItems={'center'} justifyContent='space-between'>
 						<Image style={{ cursor: 'pointer', marginLeft: 23 }} priority src='/logo.svg' height={26} width={31} alt='Error' />
 
-						<Image
+						<img
 							style={{
 								cursor: 'pointer',
 								marginTop: 5,
@@ -197,10 +196,10 @@ export const SideMenu = ({}) => {
 								transition: 'transform 0.4s ease',
 								transform: open === 'closed' ? 'rotate(180deg)' : 'rotate(0deg)',
 							}}
-							src={'/arrow-left.svg'}
+							src='/arrow-left.svg'
 							width={20}
 							height={13}
-							alt={' '}
+							alt=''
 						/>
 					</Box>
 				</DrawerHeader>