@@ -9,7 +9,7 @@ import { useImagesLibrary } from '../model'
 import { Swiper, SwiperSlide } from 'swiper/react'
 import 'swiper/css'
 import { useLibrarySwiper } from '../model/use-swiper'
-import { ImageIcons } from '@/src/widgets/messages'
+import { ImageIcons, useImageIcons } from '@/src/widgets/messages'
 import { Message } from '@/src/shared/lib/types/model'
 import { Typography } from '@mui/material'
 
@@ -35,6 +35,8 @@ export default function FullScreenModal({ modal, setModal, current, images, onSl
 
 	const { swiper, setSwiper, slideNext, slidePrev } = useLibrarySwiper(onSlideFalse, reverse)
 
+	const { downloadFile } = useImageIcons()
+
 	useEffect(() => {
 		if (!(initialCount < images.length && swiper)) return
 
@@ -69,15 +71,63 @@ export default function FullScreenModal({ modal, setModal, current, images, onSl
 					opacity: 0.9,
 				}}
 			></div>
-			<div className={styles.close_block} onClick={() => setModal(false)}>
-				<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
-					<path
-						fillRule='evenodd'
-						clipRule='evenodd'
-						d='M0.487487 0.508814C0.799719 0.196362 1.22314 0.0208363 1.66464 0.0208363C2.10613 0.0208363 2.52955 0.196362 2.84178 0.508814L9.98959 7.66381L17.1374 0.508814C17.291 0.34963 17.4747 0.22266 17.6778 0.135311C17.881 0.0479631 18.0995 0.00198596 18.3205 6.29284e-05C18.5416 -0.0018601 18.7609 0.0403091 18.9655 0.124111C19.1701 0.207912 19.356 0.331667 19.5123 0.488155C19.6687 0.644643 19.7923 0.83073 19.876 1.03556C19.9597 1.24038 20.0019 1.45985 19.9999 1.68115C19.998 1.90245 19.9521 2.12115 19.8648 2.32449C19.7776 2.52783 19.6507 2.71174 19.4917 2.86548L12.3439 10.0205L19.4917 17.1755C19.795 17.4898 19.9628 17.9108 19.959 18.3478C19.9552 18.7848 19.7801 19.2028 19.4714 19.5118C19.1627 19.8209 18.7451 19.9961 18.3086 19.9999C17.872 20.0037 17.4514 19.8357 17.1374 19.5321L9.98959 12.3771L2.84178 19.5321C2.52776 19.8357 2.10718 20.0037 1.67063 19.9999C1.23407 19.9961 0.816472 19.8209 0.507769 19.5118C0.199066 19.2028 0.0239602 18.7848 0.0201666 18.3478C0.0163731 17.9108 0.184196 17.4898 0.487487 17.1755L7.63529 10.0205L0.487487 2.86548C0.175349 2.55293 0 2.12909 0 1.68715C0 1.24521 0.175349 0.82136 0.487487 0.508814Z'
-						fill='#767676'
-					/>
-				</svg>
+			<div className={styles.actions}>
+				<div>
+					<svg
+						onClick={(e) => {
+							e.stopPropagation()
+							if (!swiper) return
+							const { file, content } = images[swiper.activeIndex]
+							downloadFile(file as string, content)
+						}}
+						width='24'
+						height='24'
+						viewBox='0 0 15 15'
+						fill='none'
+						xmlns='http://www.w3.org/2000/svg'
+					>
+						<path
+							d='M1 10.75V11.5625C1 12.209 1.25681 12.829 1.71393 13.2861C2.17105 13.7432 2.79103 14 3.4375 14H11.5625C12.209 14 12.829 13.7432 13.2861 13.2861C13.7432 12.829 14 12.209 14 11.5625V10.75M10.75 7.5L7.5 10.75M7.5 10.75L4.25 7.5M7.5 10.75V1'
+							stroke='#767676'
+							strokeWidth='2'
+							strokeLinecap='round'
+							strokeLinejoin='round'
+						/>
+					</svg>
+				</div>
+				<div className={styles.link}>
+					<svg
+						onClick={(e) => {
+							e.stopPropagation()
+							if (!swiper) return
+							const { file } = images[swiper.activeIndex]
+							window.open(file as string, '_blank')
+						}}
+						width='24'
+						height='24'
+						viewBox='0 0 15 15'
+						fill='none'
+						xmlns='http://www.w3.org/2000/svg'
+					>
+						<path
+							d='M5.875 2.625H2.625C2.19402 2.625 1.7807 2.7962 1.47595 3.10095C1.1712 3.4057 1 3.81902 1 4.25V12.375C1 12.806 1.1712 13.2193 1.47595 13.524C1.7807 13.8288 2.19402 14 2.625 14H10.75C11.181 14 11.5943 13.8288 11.899 13.524C12.2038 13.2193 12.375 12.806 12.375 12.375V9.125M9.125 1H14M14 1V5.875M14 1L5.875 9.125'
+							stroke='#767676'
+							strokeWidth='2'
+							strokeLinecap='round'
+							strokeLinejoin='round'
+						/>
+					</svg>
+				</div>
+				<div className={styles.close_block} onClick={() => setModal(false)}>
+					<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
+						<path
+							fillRule='evenodd'
+							clipRule='evenodd'
+							d='M0.487487 0.508814C0.799719 0.196362 1.22314 0.0208363 1.66464 0.0208363C2.10613 0.0208363 2.52955 0.196362 2.84178 0.508814L9.98959 7.66381L17.1374 0.508814C17.291 0.34963 17.4747 0.22266 17.6778 0.135311C17.881 0.0479631 18.0995 0.00198596 18.3205 6.29284e-05C18.5416 -0.0018601 18.7609 0.0403091 18.9655 0.124111C19.1701 0.207912 19.356 0.331667 19.5123 0.488155C19.6687 0.644643 19.7923 0.83073 19.876 1.03556C19.9597 1.24038 20.0019 1.45985 19.9999 1.68115C19.998 1.90245 19.9521 2.12115 19.8648 2.32449C19.7776 2.52783 19.6507 2.71174 19.4917 2.86548L12.3439 10.0205L19.4917 17.1755C19.795 17.4898 19.9628 17.9108 19.959 18.3478C19.9552 18.7848 19.7801 19.2028 19.4714 19.5118C19.1627 19.8209 18.7451 19.9961 18.3086 19.9999C17.872 20.0037 17.4514 19.8357 17.1374 19.5321L9.98959 12.3771L2.84178 19.5321C2.52776 19.8357 2.10718 20.0037 1.67063 19.9999C1.23407 19.9961 0.816472 19.8209 0.507769 19.5118C0.199066 19.2028 0.0239602 18.7848 0.0201666 18.3478C0.0163731 17.9108 0.184196 17.4898 0.487487 17.1755L7.63529 10.0205L0.487487 2.86548C0.175349 2.55293 0 2.12909 0 1.68715C0 1.24521 0.175349 0.82136 0.487487 0.508814Z'
+							fill='#767676'
+						/>
+					</svg>
+				</div>
 			</div>
 			<div className={styles.image_block}>
 				<button
@@ -102,11 +152,6 @@ export default function FullScreenModal({ modal, setModal, current, images, onSl
 							<SwiperSlide key={index} className={styles.slide}>
 								{!state && <Loader className={styles.loader} />}
 								<div className={styles.image_style}>
-									<ImageIcons
-										uid={images[index].uid}
-										content={images[index].content}
-										url={image}
-									/>
 									{!image.includes('.svg') ? (
 										<Image
 											onClick={(e) => e.stopPropagation()}
@@ -128,21 +173,6 @@ export default function FullScreenModal({ modal, setModal, current, images, onSl
 											className={styles.image_style}
 										/>
 									)}
-									<TooltipCustom
-										className={c(styles.tooltip)}
-										key={images[index].uid}
-										placement='top'
-										maxWidth='600px'
-										title={images[index].content.length > 30 ? images[index].content : ''}
-									>
-										<div className={c(styles.tooltip__content)}>
-											<Typography className={styles.tooltip__text}>
-												{images[index].content.length < 30
-													? images[index].content
-													: images[index].content.slice(0, 30) + '...'}
-											</Typography>
-										</div>
-									</TooltipCustom>
 								</div>
 							</SwiperSlide>
 						))}
@@ -1,9 +1,16 @@
 .close_block {
+}
+.download {
+}
+.actions {
 	position: absolute;
 	z-index: 105;
 	cursor: pointer;
 	right: 25px;
 	top: 25px;
+	display: flex;
+	align-items: center;
+	gap: 15px;
 }
 
 .arrow {
@@ -43,29 +50,6 @@
 	}
 }
 
-.tooltip {
-	z-index: 1000;
-	position: absolute;
-	bottom: 10px;
-	left: 50%;
-	transform: translateX(-50%);
-
-	max-width: 100%;
-
-	&__content {
-		padding: 5px 10px;
-		border-radius: 10px;
-		background-color: rgba(0, 0, 0, 0.5);
-	}
-
-	&__text {
-		width: max-content;
-		text-align: center;
-		font-size: 14px;
-		color: white !important;
-	}
-}
-
 .image_block {
 	position: absolute;
 	padding: 0 20px;
@@ -90,18 +74,16 @@
 	width: auto;
 	max-width: 70vw;
 	height: 100%;
-	max-height: max-content;
 	position: relative;
 	user-select: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 	img {
 		width: 100%;
 		height: 100%;
 		object-fit: contain;
 		user-select: none;
-
-		@media (max-width: 1000px) {
-			height: max-content;
-		}
 	}
 }
 
@@ -110,6 +92,8 @@
 	display: flex !important;
 	align-items: center;
 	justify-content: center;
+  height: 100% !important;
+  max-height: unset;
 }
 
 .swiper {
@@ -117,5 +101,5 @@
 	width: 100%;
 	max-width: 80vw;
 	max-height: 1000px;
-	height: 90vh;
+	height: 80vh;
 }
@@ -53,8 +53,8 @@ export const ChatMessagesList: React.FC<IMessagesList> = memo(
 			if (!messageResponse) return []
 			console.log(messageResponse)
 			return messageResponse
-				.map((item) => item.file)
-				.filter((item) => item !== null && !(item as string).includes('.zip')) as string[]
+				.map((item) => item)
+				.filter((item) => item.file !== null && !(item.file as string).includes('.zip')) as Message[]
 		}, [messageResponse])
 
 		React.useEffect(() => {
@@ -111,7 +111,7 @@ export const ChatMessagesList: React.FC<IMessagesList> = memo(
 					{createPortal(
 						<ImageModal
 							modal={modal}
-							current={currentSrc}  
+							current={currentSrc}
 							setModal={setModal}
 							onSlideFalse={async () => {
 								getMessagesPagination && (await getMessagesPagination())