@@ -6,8 +6,8 @@ export interface IShortModel {
 	description: string
 	slug: string
 	image: string
-  blocked: boolean
-  tags: IModelTag[]
+	blocked: boolean
+	tags: IModelTag[]
 	actual_stat: {
 		generation_time: string
 		tokens_cost: string
@@ -15,15 +15,15 @@ export interface IShortModel {
 }
 
 export interface IModelTag {
-  title: string
-  icon: string
-  color: string
+	title: string
+	icon: string
+	color: string
 }
 
 export interface IModel {
 	uid: string
 	title: string
-  blocked: boolean
+	blocked: boolean
 	description: string
 	slug: string
 	image: string
@@ -31,7 +31,8 @@ export interface IModel {
 	parameters: IModelParams[]
 	versions: IModelVersions[]
 	inputs: IModelInputs[]
-  tags: IModelTag[]
+	instruction?: { descriptor: string }
+	tags: IModelTag[]
 }
 export interface IModelParams {
 	name: string
@@ -204,6 +204,7 @@ const Page: NextPageWithLayout<ChatBotPageProps> = () => {
 				<Box sx={{ height: 'calc(100% - 100px)' }} className={styles.main}>
 					<Box className={styles.chatWindow}>
 						<AllChatWindow
+              botParams={botParams}
 							deviceOs={deviceOs}
 							input_types={botParams?.inputs}
 							setFile={setFile}
@@ -12,7 +12,7 @@ import styles from './chat-window.module.scss'
 import 'intro.js/introjs.css'
 import { c } from '#/shared'
 import { Device, DeviceOs } from '#/shared/lib/types/entities'
-import { IModelInputs, IModelTag } from '#/entities/model-entity'
+import { IModel, IModelInputs, IModelTag } from '#/entities/model-entity'
 import { Message } from '#/entities/message'
 import { ModelInput } from '#/features/model-input'
 
@@ -42,6 +42,7 @@ export interface ChatProps<T> {
 	deleteMessage: (message_uid: string) => void
 	modelTitle: string | undefined
 	currentVersion: string
+  botParams: IModel | null
 	tags: IModelTag[]
 }
 
@@ -54,6 +55,7 @@ function Chat<T>({
 	openMobileFilters,
 	setFile,
 	file,
+  botParams,
 	getMessagesPagination,
 	input_types,
 	deleteMessage,
@@ -112,6 +114,7 @@ function Chat<T>({
 				}}
 			>
 				<ChatMessagesList
+          botParams={botParams}
 					onLoadImage={onLoadImage}
 					setResendValue={handleSetResetValue}
 					device={device}
@@ -4,11 +4,12 @@ import { useSession } from 'next-auth/react'
 
 import { ArrowDownScroll } from '#/shared/ui/icon-components/scroll-down-arrow'
 import { IsNextDay } from '#/widgets/messages/ui/is-next-day'
-import { PreviewView } from '#/widgets/messages/message-components/preview-view'
+import { PreviewView } from '#/widgets/messages'
 import { ImageModal } from '#/features/image-modal'
 import { ClientOnly } from '#/shared'
 import { createPortal } from 'react-dom'
 import { Message } from '#/entities/message'
+import { IModel } from '#/entities/model-entity'
 
 interface IMessagesList {
 	device: 'mobile' | 'desktop'
@@ -19,6 +20,7 @@ interface IMessagesList {
 	getMessagesPagination?: () => Promise<void>
 	deleteMessage?: (message_uid: string) => void
 	modelTitle: string | undefined
+  botParams: IModel | null
 	setResendValue: (value: string) => void
 	onLoadImage?: (event: React.ChangeEvent<HTMLInputElement> | null, file?: File) => void
 	loading: boolean
@@ -32,7 +34,7 @@ export const ChatMessagesList: React.FC<IMessagesList> = memo(
 		modelTitle,
 		device,
 		modelType,
-		mode,
+    botParams,
 		getMessagesPagination,
 		deleteMessage,
 		loading,
@@ -189,7 +191,7 @@ export const ChatMessagesList: React.FC<IMessagesList> = memo(
 					)}
 
 					{messageResponse?.length === 0 && status === 'authenticated' ? (
-						<>{desktop && modelType !== 'deepl' && <PreviewView setValue={setResendValue} />}</>
+						<>{desktop && modelType !== 'deepl' && <PreviewView botParams={botParams} setValue={setResendValue} />}</>
 					) : (
 						messageResponse?.map((message, idx) => {
 							return (
@@ -1,44 +1,59 @@
 import React from 'react'
 import { Box, Typography } from '@mui/material'
+import { IModel } from '#/entities/model-entity'
 
 const previewMessages = ['Что такое орбитальная механика?', 'Как приготовить омлет?', 'Кто такие Фиксики?']
 
-export function PreviewView(props: any) {
+export interface PreviewViewProps {
+	setValue: Function
+	botParams: IModel | null
+}
+
+export function PreviewView({ setValue, botParams }: PreviewViewProps) {
 	return (
-		<Box className='content-center-translate'>
-			<Typography className='text'>Не знаете, с чего начать?</Typography>
-			<Typography className='text' sx={{ marginBottom: '15px' }}>
-				Попробуйте, например, вот так:
-			</Typography>
-			<Box
-				sx={{
-					textAlign: 'center',
-					width: '100%',
-					display: 'flex',
-					flexDirection: 'column',
-					alignItems: 'center',
+		<Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', marginTop: '40px' }}>
+			<Typography sx={{ fontSize: '20px', fontWeight: 600, marginBottom: '10px' }}>Не знаете, с чего начать?</Typography>
+			<p
+				dangerouslySetInnerHTML={{
+					__html:
+						botParams && botParams.instruction
+							? botParams.instruction.descriptor.replaceAll('\n', '<br/>')
+							: 'Попробуйте, например, вот так:',
 				}}
-			>
-				{previewMessages.map((el) => {
-					return (
-						<Box
-							key={el}
-							onClick={() => props.setValue(el)}
-							sx={{
-								cursor: 'pointer',
-								padding: '15px',
-								color: '#8280FF',
-								width: 'fit-content',
-								marginTop: '15px',
-								backgroundColor: 'rgba(130, 128, 255, 0.10)',
-								borderRadius: '12px',
-							}}
-						>
-							{el}
-						</Box>
-					)
-				})}
-			</Box>
+				style={{ textAlign: 'center', marginBottom: '15px' }}
+				className='text'
+			></p>
+			{botParams && !botParams.instruction && (
+				<Box
+					sx={{
+						textAlign: 'center',
+						width: '100%',
+						display: 'flex',
+						flexDirection: 'column',
+						alignItems: 'center',
+					}}
+				>
+					{previewMessages.map((el) => {
+						return (
+							<Box
+								key={el}
+								onClick={() => setValue(el)}
+								sx={{
+									cursor: 'pointer',
+									padding: '15px',
+									color: '#8280FF',
+									width: 'fit-content',
+									marginTop: '15px',
+									backgroundColor: 'rgba(130, 128, 255, 0.10)',
+									borderRadius: '12px',
+								}}
+							>
+								{el}
+							</Box>
+						)
+					})}
+				</Box>
+			)}
 		</Box>
 	)
 }