@@ -0,0 +1,7 @@
+.modalContainer {
+  min-width: 300px;
+  min-height: 200px;
+  background: var(--background-color-additional);
+  border-radius: 15px;
+  padding: 15px;
+}
\ No newline at end of file
@@ -9,11 +9,11 @@ export const useLibrarySwiper = (onSlideFalse: ((...args: any) => any) | undefin
 
 	const keydown = (e: KeyboardEvent) => {
 		if (e.key === 'ArrowRight') {
-			e.preventDefault()
+			// e.preventDefault()
 			slideNext()
 		}
 		if (e.key === 'ArrowLeft') {
-			e.preventDefault()
+			// e.preventDefault()
 			slidePrev()
 		}
 	}
@@ -0,0 +1 @@
+export * from './model-input'
\ No newline at end of file
@@ -0,0 +1,62 @@
+.wrapper {
+	display: flex;
+	align-items: center;
+	padding: 14px 14px;
+	width: 100%;
+	border-radius: 15px;
+  gap: 10px;
+}
+
+:root[data-theme='light'] {
+	.wrapper {
+		border: 2px solid #e1e1e1;
+	}
+	.divider {
+		background-color: #EBEFF5;
+	}
+}
+
+:root[data-theme='dark'] {
+	.wrapper {
+		border: 2px solid rgb(66, 66, 72) !important;
+	}
+	.divider {
+		background-color: #40404E;
+	}
+}
+
+.area {
+	width: 100%;
+	resize: none;
+	// height: 28px;
+	border-radius: 0px;
+	overflow-y: hidden;
+	padding: 0px;
+	font-size: 16px;
+	max-height: 82px;
+
+  &::placeholder{
+    font-size: 16px;
+  }
+
+	border: none;
+	outline: none;
+	&:focus {
+		outline: none;
+	}
+}
+
+.endAdornment {
+	display: flex;
+	align-items: center;
+}
+
+.divider {
+	height: 20px;
+	width: 1px;
+	margin: 0px 8px;
+}
+
+// theme === 'dark'
+		// 												? '#40404E'
+		// 												: '#EBEFF5',
\ No newline at end of file
@@ -11,6 +11,8 @@ import { IModelInputs } from '#/shared/api/models/models'
 import { styleInputWithoutBorderFocus } from '#/shared/ui/input'
 import { useThemeAndDevice } from '#/shared/lib/hooks'
 
+import classes from './model-input.module.scss'
+
 interface Input {
 	loading: boolean
 	// requestImage: () => void
@@ -33,7 +35,7 @@ interface Input {
 	resendValue?: string
 }
 
-export const UniqInput: FC<Input & TextFieldProps> = ({
+export const ModelInput: FC<Input & TextFieldProps> = ({
 	image,
 	loading,
 	unpinImage,
@@ -55,11 +57,6 @@ export const UniqInput: FC<Input & TextFieldProps> = ({
 	const [value, setValue] = React.useState<string>('')
 
 	useEffect(() => {
-		console.log(loading)
-	}, [loading])
-	// const [disableOnChange, setDisableOnChange] = React.useState<boolean>(false)
-
-	React.useEffect(() => {
 		if (input_types) {
 			setRequired(input_types.map((el) => (el.required ? el.type : null)))
 			setTypes(input_types.map((el) => el.type))
@@ -67,7 +64,7 @@ export const UniqInput: FC<Input & TextFieldProps> = ({
 		}
 	}, [input_types])
 
-	React.useEffect(() => {
+	useEffect(() => {
 		if (input_types && typeVersions && !typeVersions['text']) {
 			setDisabled(true)
 		} else if (
@@ -78,167 +75,94 @@ export const UniqInput: FC<Input & TextFieldProps> = ({
 		}
 	}, [typeVersions])
 
-	React.useEffect(() => {
+	useEffect(() => {
 		if (resendValue) {
 			setValue(resendValue)
 		}
 	}, [resendValue])
 
-	// const handlePaste = (event:ClipboardEvent<HTMLInputElement>) => {
-	// 	setDisableOnChange(true);
-	// 	// const pastedData = ` \n \`\`\`text \n ${event.clipboardData.getData('Text')} \n \`\`\``;
-	// 	const pastedData = event.clipboardData.getData('Text')
-	// 	setValue(value + pastedData)
-	// 	// Включаем onChange обратно после обработки вставки
-	// 	setTimeout(() => setDisableOnChange(false), 0);
-	// };
-
 	return (
-		<TextField
-			autoFocus
-			fullWidth
-			disabled={disabled || blocked}
-			multiline
-			maxRows={4}
-			name={'chat-text'}
-			variant='outlined'
-			placeholder={'Ваше сообщение'}
-			label={''}
-			sx={{
-				width: '100%',
-				borderRadius: '15px',
-				...styleInputWithoutBorderFocus,
-				'& label': { color: '#8853FA' },
+		<div
+			className={classes.wrapper}
+			style={{
 				backgroundColor:
 					theme === 'light'
 						? 'white'
 						: styles === 'images'
 						? '#151518'
 						: 'transparent',
-				textarea: {
-					color: theme === 'light' ? '#272727' : '#E1E1E1',
-					'::-webkit-scrollbar': {
-						height: '5px',
-						width: '2px',
-					},
-					'::-webkit-scrollbar-track': {
-						background: 'initial',
-						margin: '0',
-					},
-					'::-webkit-scrollbar-thumb': {
-						backgroundColor: 'rgba(217, 217, 217, 0.49)',
-						borderRadius: '5px',
-					},
-				},
-				fieldset: {
-					borderRadius: '15px',
-					border:
-						theme === 'light'
-							? '2px solid #E1E1E1'
-							: '2px solid rgb(66, 66, 72) !important',
-				},
-				'& ::placeholder': {
-					fontSize: '16px',
-					color: theme === 'light' ? '#bbbbbb !important' : 'white !important',
-				},
-				'& .Mui-disabled': {
-					WebkitTextFillColor:
-						theme === 'light' ? '#bbbbbb !important' : '#7d7d7d !important',
-					fontSize: '16px',
-					letterSpacing: '0.05px',
-					fontWeight: '600',
-				},
 			}}
-			onKeyDown={async (e) => {
-				if (e.shiftKey && e.key === 'Enter') {
-				} else if (e.key === 'Enter') {
-					e.preventDefault()
-					const isSend = sendMessage(value, required)
-					if (isSend) {
-						setValue('')
-						if (unpinImage) unpinImage()
+		>
+			{!desktop && (
+				<svg
+					width='21'
+					height='21'
+					viewBox='0 0 21 21'
+					fill='none'
+					xmlns='http://www.w3.org/2000/svg'
+					onClick={viewMobileSettings}
+				>
+					<path
+						d='M20.0499 10.5001V10.5C20.0497 10.2215 19.8248 9.99512 19.5469 9.99503C19.5469 9.99503 19.5468 9.99503 19.5467 9.99503H16.1776C15.9411 8.73429 14.8391 7.7764 13.5158 7.7764C12.1925 7.7764 11.0902 8.73428 10.8536 9.99503H1.45301C1.17504 9.99503 0.95 10.2216 0.95 10.5001C0.95 10.7788 1.17523 11.0051 1.45301 11.0051H10.8536C11.0902 12.2659 12.1921 13.2238 13.5155 13.2238C14.8388 13.2238 15.9408 12.2659 16.1774 11.0051H19.5469C19.8249 11.0051 20.0499 10.7786 20.0499 10.5001ZM13.5157 12.2135C12.5755 12.2135 11.8102 11.4449 11.8102 10.5001C11.8102 9.55518 12.5757 8.78674 13.5157 8.78674C14.4558 8.78674 15.2212 9.55538 15.2212 10.5001C15.2212 11.4451 14.4556 12.2135 13.5157 12.2135ZM19.5469 16.8213H10.1463C9.90977 15.5605 8.80778 14.6026 7.48444 14.6026C6.16111 14.6026 5.05897 15.5605 4.82234 16.8213H1.45317C1.1752 16.8213 0.950162 17.0478 0.950162 17.3263C0.950162 17.605 1.17539 17.8314 1.45317 17.8314H4.82266C5.05916 19.0921 6.16115 20.05 7.48448 20.05C8.80782 20.05 9.90981 19.0921 10.1463 17.8314H19.5469C19.8249 17.8314 20.05 17.6048 20.05 17.3263C20.05 17.0477 19.8249 16.8213 19.5469 16.8213ZM7.48444 19.0397C6.54428 19.0397 5.77896 18.2711 5.77896 17.3264C5.77896 16.3814 6.54448 15.613 7.48444 15.613C8.42461 15.613 9.18993 16.3816 9.18993 17.3264C9.18993 18.2713 8.42457 19.0397 7.48444 19.0397ZM1.45321 4.17873H4.8227C5.0592 5.43948 6.16119 6.39736 7.48453 6.39736C8.80786 6.39736 9.90984 5.43948 10.1463 4.17873H19.547C19.825 4.17873 20.05 3.95216 20.05 3.67368C20.05 3.39501 19.8248 3.16863 19.547 3.16863H10.1463C9.90985 1.90789 8.80786 0.95 7.48453 0.95C6.16119 0.95 5.05905 1.90789 4.82242 3.16863H1.45325C1.17528 3.16863 0.950243 3.3952 0.950243 3.67368C0.950243 3.95233 1.17509 4.17873 1.45321 4.17873ZM7.48444 1.96026C8.42461 1.96026 9.18993 2.7289 9.18993 3.67364C9.18993 4.61858 8.42441 5.38703 7.48444 5.38703C6.54428 5.38703 5.77896 4.61838 5.77896 3.67364C5.77896 2.7287 6.54416 1.96026 7.48444 1.96026Z'
+						fill='#7F7DF3'
+						stroke='#868686'
+						strokeWidth='0.1'
+					/>
+				</svg>
+			)}
+			<textarea
+				onInput={(e) => {
+					const target = e.target as HTMLTextAreaElement
+					target.style.height = 'auto'
+					target.style.height = target.scrollHeight + 'px'
+				}}
+				onKeyDown={async (e) => {
+					if (e.shiftKey && e.key === 'Enter') {
+					} else if (e.key === 'Enter') {
+						e.preventDefault()
+						const isSend = sendMessage(value, required)
+						if (isSend) {
+							setValue('')
+							if (unpinImage) unpinImage()
+						}
 					}
-				}
-			}}
-			// onPaste={(e:ClipboardEvent<HTMLInputElement>) => handlePaste(e)}
-			value={disabled || blocked ? 'Ввод текста недоступен для этой модели' : value}
-			onChange={(e) => {
-				setValue(e.target.value)
-			}}
-			InputProps={{
-				endAdornment: (
-					<InputAdornment
-						position='end'
-						sx={{
-							backgroundColor: '#7F71DF3',
-						}}
-					>
-						<Stack direction={'row'} alignItems={'center'} spacing={1}>
-							{typeVersions['image'] &&
-								(typeVersions['image'].length === 0 ||
-									typeVersions['image'].includes(currentVersion)) && (
-									<>
-										{!blocked && (
-											<LoadImage
-												loading={loading}
-												image={image}
-												unpinImage={unpinImage}
-												imageLoad={imageLoad}
-												types={types}
-											/>
-										)}
-										<Divider
-											orientation={'horizontal'}
-											sx={{
-												backgroundColor:
-													theme === 'dark'
-														? '#40404E'
-														: '#EBEFF5',
-												height: '20px',
-												width: '1px',
-											}}
-										/>
-									</>
-								)}
-							{!disabled && !blocked && (
-								<SendBtn
+				}}
+				rows={1}
+				placeholder='Ваше сообщение'
+				className={classes.area}
+				disabled={disabled || blocked}
+				onChange={(e) => setValue(e.target.value)}
+				value={disabled || blocked ? 'Ввод текста недоступен для этой модели' : value}
+			></textarea>
+
+			<div className={classes.endAdornment}>
+				{typeVersions['image'] &&
+					(typeVersions['image'].length === 0 ||
+						typeVersions['image'].includes(currentVersion)) && (
+						<>
+							{!blocked && (
+								<LoadImage
 									loading={loading}
+									image={image}
 									unpinImage={unpinImage}
-									input={value}
-									sendMessage={sendMessage}
-									setInput={setValue}
-									required={required}
+									imageLoad={imageLoad}
+									types={types}
 								/>
 							)}
-						</Stack>
-					</InputAdornment>
-				),
-				startAdornment: !desktop && (
-					<InputAdornment
-						position='start'
-						sx={{
-							backgroundColor: '#7F71DF3',
-							padding: '0 5px',
-						}}
-					>
-						<svg
-							width='21'
-							height='21'
-							viewBox='0 0 21 21'
-							fill='none'
-							xmlns='http://www.w3.org/2000/svg'
-							onClick={viewMobileSettings}
-						>
-							<path
-								d='M20.0499 10.5001V10.5C20.0497 10.2215 19.8248 9.99512 19.5469 9.99503C19.5469 9.99503 19.5468 9.99503 19.5467 9.99503H16.1776C15.9411 8.73429 14.8391 7.7764 13.5158 7.7764C12.1925 7.7764 11.0902 8.73428 10.8536 9.99503H1.45301C1.17504 9.99503 0.95 10.2216 0.95 10.5001C0.95 10.7788 1.17523 11.0051 1.45301 11.0051H10.8536C11.0902 12.2659 12.1921 13.2238 13.5155 13.2238C14.8388 13.2238 15.9408 12.2659 16.1774 11.0051H19.5469C19.8249 11.0051 20.0499 10.7786 20.0499 10.5001ZM13.5157 12.2135C12.5755 12.2135 11.8102 11.4449 11.8102 10.5001C11.8102 9.55518 12.5757 8.78674 13.5157 8.78674C14.4558 8.78674 15.2212 9.55538 15.2212 10.5001C15.2212 11.4451 14.4556 12.2135 13.5157 12.2135ZM19.5469 16.8213H10.1463C9.90977 15.5605 8.80778 14.6026 7.48444 14.6026C6.16111 14.6026 5.05897 15.5605 4.82234 16.8213H1.45317C1.1752 16.8213 0.950162 17.0478 0.950162 17.3263C0.950162 17.605 1.17539 17.8314 1.45317 17.8314H4.82266C5.05916 19.0921 6.16115 20.05 7.48448 20.05C8.80782 20.05 9.90981 19.0921 10.1463 17.8314H19.5469C19.8249 17.8314 20.05 17.6048 20.05 17.3263C20.05 17.0477 19.8249 16.8213 19.5469 16.8213ZM7.48444 19.0397C6.54428 19.0397 5.77896 18.2711 5.77896 17.3264C5.77896 16.3814 6.54448 15.613 7.48444 15.613C8.42461 15.613 9.18993 16.3816 9.18993 17.3264C9.18993 18.2713 8.42457 19.0397 7.48444 19.0397ZM1.45321 4.17873H4.8227C5.0592 5.43948 6.16119 6.39736 7.48453 6.39736C8.80786 6.39736 9.90984 5.43948 10.1463 4.17873H19.547C19.825 4.17873 20.05 3.95216 20.05 3.67368C20.05 3.39501 19.8248 3.16863 19.547 3.16863H10.1463C9.90985 1.90789 8.80786 0.95 7.48453 0.95C6.16119 0.95 5.05905 1.90789 4.82242 3.16863H1.45325C1.17528 3.16863 0.950243 3.3952 0.950243 3.67368C0.950243 3.95233 1.17509 4.17873 1.45321 4.17873ZM7.48444 1.96026C8.42461 1.96026 9.18993 2.7289 9.18993 3.67364C9.18993 4.61858 8.42441 5.38703 7.48444 5.38703C6.54428 5.38703 5.77896 4.61838 5.77896 3.67364C5.77896 2.7287 6.54416 1.96026 7.48444 1.96026Z'
-								fill='#7F7DF3'
-								stroke='#868686'
-								strokeWidth='0.1'
-							/>
-						</svg>
-					</InputAdornment>
-				),
-			}}
-		/>
+							<div className={classes.divider}></div>
+						</>
+					)}
+				{!disabled && !blocked && (
+					<SendBtn
+						loading={loading}
+						unpinImage={unpinImage}
+						input={value}
+						sendMessage={sendMessage}
+						setInput={setValue}
+						required={required}
+					/>
+				)}
+			</div>
+		</div>
 	)
 }
@@ -0,0 +1 @@
+export * from './ui'
\ No newline at end of file
@@ -27,6 +27,7 @@ import { Device, DeviceOs } from '#/shared/lib/types/entities'
 import { ArrowDownScroll } from '#/shared/ui/icon-components/scroll-down-arrow'
 import { SvgIcon } from '#/shared/ui/svg'
 import { ImageMessagesList,useImagesPagination } from '#/widgets/messages'
+import { ModelInput } from '#/features/model-input'
 
 const ImageModelPage: NextPageWithLayout = () => {
 	const { query } = useRouter()
@@ -154,7 +155,7 @@ const ImageModelPage: NextPageWithLayout = () => {
 								}}
 							>
 								{botParams && (
-									<UniqInput
+									<ModelInput
 										currentVersion={version}
 										styles={'images'}
 										input_types={botParams.inputs}
@@ -263,7 +264,7 @@ const ImageModelPage: NextPageWithLayout = () => {
 								sx={{ position: 'relative', zIndex: 10 }}
 							>
 								{botParams && (
-									<UniqInput
+									<ModelInput
 										currentVersion={version}
 										styles={'images'}
 										input_types={botParams.inputs}
@@ -15,6 +15,7 @@ import { c } from '#/shared'
 import { Device, DeviceOs } from '#/shared/lib/types/entities'
 import { IModelInputs } from '#/entities/model-entity'
 import { Message } from '#/entities/message'
+import { ModelInput } from '#/features/model-input'
 
 interface Elements {
 	element: React.ReactElement
@@ -131,7 +132,7 @@ function Chat<T>({
 				/>
 
 				<div style={{ position: 'relative', zIndex: 10 }}>
-					<UniqInput
+					<ModelInput
 						resendValue={resendValue}
 						currentVersion={currentVersion}
 						viewMobileSettings={openMobileFilters}