@@ -5,11 +5,16 @@ import { Box, Tooltip, Typography } from '@mui/material'
 import { getFileTypeIcon, isImageFile } from '#/shared/lib/helpers'
 import styles from './load_image.module.scss'
 
+const isVideoFile = (file: File) => {
+	const name = (file.name || '').toLowerCase().split('?')[0]
+	return file.type === 'video/mp4' || name.endsWith('.mp4')
+}
+
 interface IProps {
 	loading: boolean
 	unpinImage?: () => void
 	image: File | null | undefined
-	imageLoad?: React.ChangeEventHandler<HTMLInputElement>
+	imageLoad?: (event: React.ChangeEvent<HTMLInputElement> | null, file?: File) => void
 	types: string[]
 	fileNameMaxLength?: number
 	desktop?: boolean
@@ -22,6 +27,7 @@ const acceptTypes: any = {
 	docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
 	doc: 'application/msword',
 	audio: 'audio/*',
+	video: 'video/mp4,.mp4',
 	txt: '.txt',
 	text: '',
 }
@@ -47,6 +53,7 @@ export const LoadImage = ({ loading, unpinImage, image, imageLoad, types, fileNa
 	const [inputTypes, setInputTypes] = useState<string>('')
 	const [previewUrl, setPreviewUrl] = useState<string | null>(null)
 	const [dimensions, setDimensions] = useState<{ width: number; height: number } | null>(null)
+	const videoThumbTimeRef = useRef<number>(0.05)
 
 	React.useEffect(() => {
 		setInputTypes(types.map((el) => acceptTypes[el]).toString())
@@ -56,31 +63,73 @@ export const LoadImage = ({ loading, unpinImage, image, imageLoad, types, fileNa
 		if (!image) {
 			setPreviewUrl(null)
 			setDimensions(null)
+			videoThumbTimeRef.current = 0.05
 			return
 		}
-		if (!isImageFile(image)) {
+		const isImage = isImageFile(image)
+		const isVideo = isVideoFile(image)
+
+		if (!isImage && !isVideo) {
 			setPreviewUrl(null)
 			setDimensions(null)
+			videoThumbTimeRef.current = 0.05
 			return
 		}
+
 		const url = URL.createObjectURL(image)
 		setPreviewUrl(url)
 
-		const img = new window.Image()
-		img.onload = () => {
-			setDimensions({ width: img.naturalWidth, height: img.naturalHeight })
+		if (isImage) {
+			const img = new window.Image()
+			img.onload = () => {
+				setDimensions({ width: img.naturalWidth, height: img.naturalHeight })
+			}
+			img.src = url
+		} else {
+			setDimensions(null)
+			videoThumbTimeRef.current = 0.05
 		}
-		img.src = url
 
 		return () => URL.revokeObjectURL(url)
 	}, [image])
 
+	const seekVideoToFirstFrame = (el: HTMLVideoElement | null) => {
+		if (!el) return
+		const onLoadedMetadata = () => {
+			try {
+				const duration = Number.isFinite(el.duration) ? el.duration : 0
+				const target = duration > 0 ? Math.min(0.1, duration / 2) : 0.05
+				videoThumbTimeRef.current = target
+				el.currentTime = target
+				el.pause()
+			} catch {}
+		}
+		el.addEventListener('loadedmetadata', onLoadedMetadata, { once: true })
+	}
+
+	const startTooltipVideo = async (el: HTMLVideoElement | null) => {
+		if (!el) return
+		try {
+			// начинаем чуть дальше нулевого кадра (иначе часто чёрный)
+			const duration = Number.isFinite(el.duration) ? el.duration : 0
+			const target = duration > 0 ? Math.min(0.1, duration / 2) : 0.05
+			el.currentTime = target
+		} catch {}
+		try {
+			el.muted = true
+			await el.play()
+		} catch {
+			// autoplay может быть заблокирован политикой браузера
+		}
+	}
+
 	if (!imageLoad || loading) {
 		return null
 	}
 
 	if (image) {
 		const isImage = isImageFile(image)
+		const isVideo = isVideoFile(image)
 		const fileIcon = getFileTypeIcon(image)
 		const isSvg = image.name.toLowerCase().split('?')[0].endsWith('.svg')
 
@@ -88,6 +137,17 @@ export const LoadImage = ({ loading, unpinImage, image, imageLoad, types, fileNa
 			<Box className={`${styles.tooltipContent} ${isSvg ? styles.tooltipContentSvg : ''}`}>
 				{isImage && previewUrl ? (
 					<img src={previewUrl} alt='Превью' className={styles.tooltipImage} />
+				) : isVideo && previewUrl && desktop ? (
+					<video
+						src={previewUrl}
+						className={styles.tooltipImage}
+						autoPlay
+						muted
+						playsInline
+						loop
+						preload='metadata'
+						onLoadedMetadata={(e) => void startTooltipVideo(e.currentTarget)}
+					/>
 				) : (
 					<Box className={styles.tooltipIconPlaceholder}>
 						<Image  src={fileIcon} alt='' width={200} height={200} />
@@ -139,6 +199,16 @@ export const LoadImage = ({ loading, unpinImage, image, imageLoad, types, fileNa
 							className={`${styles.previewImage} ${!desktop ? styles.previewClickable : ''}`}
 							onClick={!desktop ? (e) => { e.stopPropagation(); unpinImage?.() } : undefined}
 						/>
+					) : isVideo ? (
+						<video
+							src={previewUrl ?? undefined}
+							className={`${styles.previewImage} ${!desktop ? styles.previewClickable : ''}`}
+							muted
+							playsInline
+							preload='metadata'
+							onLoadedMetadata={(e) => seekVideoToFirstFrame(e.currentTarget)}
+							onClick={!desktop ? (e) => { e.stopPropagation(); unpinImage?.() } : undefined}
+						/>
 					) : (
 						<Box
 							className={`${styles.previewIcon} ${!desktop ? styles.previewClickable : ''}`}
@@ -11,8 +11,12 @@ export function useImagesUniqInput(
 
 	const { showMessage } = useShowDataStore()
 
-	function onLoadImage(event: ChangeEvent<HTMLInputElement>) {
-		if (event.target.files) {
+	function onLoadImage(event: ChangeEvent<HTMLInputElement> | null, file?: File) {
+		if (file) {
+			setImage(file)
+			return
+		}
+		if (event?.target?.files) {
 			setImage(event.target.files[0])
 		}
 	}
@@ -45,6 +49,10 @@ export function useImagesUniqInput(
 			showMessage('Прикрепите архив!')
 			return false
 		}
+		if (required.includes('video') && image === null) {
+			showMessage('Прикрепите видео!')
+			return false
+		}
 
 		// Снова какой то пиз**ц
 		let data = {}
@@ -7,6 +7,7 @@ import { PredictPrice } from './predict-price'
 import { LoadImage } from '#/app/components/input_components/load_image'
 import { SendBtn } from '#/app/components/input_components/send_button'
 import { IModelInputs } from '#/shared/api/models/models'
+import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
 
 function buildTypeVersionsMap(inputs: IModelInputs[]): Record<string, string[]> {
 	const byType = new Map<string, string[][]>()
@@ -49,7 +50,7 @@ interface Input {
 	count?: number
 	quality?: string
 	unpinImage?: () => void
-	imageLoad?: React.ChangeEventHandler<HTMLInputElement>
+	imageLoad?: (event: React.ChangeEvent<HTMLInputElement> | null, file?: File) => void
 	// openFilters: (event: React.MouseEvent<HTMLButtonElement>) => void
 	sendMessage: (message: string, required: (string | null)[]) => boolean
 	// setInput: React.Dispatch<React.SetStateAction<string>>
@@ -87,6 +88,7 @@ export const ModelInput: FC<Input & TextFieldProps> = ({
 	const [types, setTypes] = React.useState<string[]>([])
 	const [typeVersions, setTypeVersions] = React.useState<any>({})
 	const [internalValue, setInternalValue] = React.useState<string>('')
+	const { showMessage } = useShowDataStore()
 	const hasAttachInput =
 		typeVersions &&
 		Object.entries(typeVersions).some(([type, versions]) => {
@@ -117,11 +119,41 @@ export const ModelInput: FC<Input & TextFieldProps> = ({
 	useEffect(() => {
 		if (input_types) {
 			setRequired(buildRequiredForVersion(input_types, currentVersion))
-			setTypes(input_types.map((el) => el.type))
+			setTypes(input_types.filter((el) => inputAppliesToVersion(el, currentVersion)).map((el) => el.type))
 			setTypeVersions(buildTypeVersionsMap(input_types))
 		}
 	}, [input_types, currentVersion])
 
+	const handleFileLoad = useCallback(
+		(event: React.ChangeEvent<HTMLInputElement> | null) => {
+			const file = event?.target?.files?.[0]
+			if (!file) return
+
+			const hasVideo = types.includes('video')
+			if (hasVideo) {
+				const name = (file.name || '').toLowerCase().split('?')[0]
+				const isMp4 = name.endsWith('.mp4') || file.type === 'video/mp4'
+
+				// Только mp4 (для чисто-video моделей и для любых video/* файлов)
+				if ((types.length === 1 && types[0] === 'video' && !isMp4) || (file.type.startsWith('video/') && !isMp4)) {
+					showMessage('Можно загрузить только видео в формате mp4')
+					return
+				}
+
+				if (isMp4) {
+					const maxBytes = 50 * 1024 * 1024
+					if (file.size > maxBytes) {
+						showMessage('Видео должно быть не больше 50 МБ')
+						return
+					}
+				}
+			}
+
+			imageLoad?.(event, file)
+		},
+		[imageLoad, showMessage, types]
+	)
+
 	useEffect(() => {
 		if (input_types && typeVersions && !typeVersions['text']) {
 			setDisabled(true)
@@ -225,7 +257,7 @@ export const ModelInput: FC<Input & TextFieldProps> = ({
 									loading={loading}
 									image={image}
 									unpinImage={unpinImage}
-									imageLoad={imageLoad}
+									imageLoad={handleFileLoad}
 									types={types}
 									desktop={desktop}
 								/>