Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-Black.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-BlackItalic.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-Bold.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-BoldItalic.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-ExtraBold.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-ExtraBoldItalic.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-ExtraLight.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-ExtraLightItalic.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-Italic.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-Light.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-LightItalic.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-Medium.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-MediumItalic.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-Regular.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-SemiBold.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-SemiBoldItalic.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-Thin.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/static/Raleway-ThinItalic.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf differ
Binary files /dev/null and b/public/fonts/Raleway/Raleway-VariableFont_wght.ttf differ
@@ -13,7 +13,6 @@ import { TooltipCustom } from '#/shared'
 import { SvgIcon } from '#/shared/ui/svg'
 import { declineToken } from '#/shared/lib/helpers/get-token'
 import { IProps } from '#/shared/lib/types/entities'
-import { NavigationSearch } from '#/widgets/navigation-search'
 
 interface InfoBarProps extends IProps {}
 
@@ -68,8 +67,7 @@ const InfoBar: React.FC<InfoBarProps> = ({ device }) => {
 
 	return (
 		<Box className={styles.infoHeader}>
-			<Box display='flex' alignItems='center' width='100%' justifyContent='space-between'>
-				<NavigationSearch device={device} />
+			<Box display='flex' alignItems='center' width='100%' justifyContent='flex-end'>
 				<Stack
 					direction='row'
 					display='flex'
@@ -26,6 +26,22 @@
 	--new-ui-table-cell-text: #97989f;
 }
 
+@font-face {
+	font-family: 'Raleway';
+	font-style: normal;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url('/fonts/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Raleway';
+	font-style: italic;
+	font-weight: 100 900;
+	font-display: swap;
+	src: url('/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
+}
+
 * {
 	box-sizing: border-box;
 	padding: 0;
@@ -33,6 +49,7 @@
 }
 
 html {
+	font-family: 'Raleway', sans-serif;
 }
 
 body {
@@ -40,6 +57,7 @@ body {
 	background-color: var(--new-ui-bg-app-color);
 	scroll-behavior: smooth;
 	font-feature-settings: 'lnum' 1;
+	font-family: inherit;
 }
 
 a {
@@ -3,11 +3,10 @@ import { Provider } from 'react-redux'
 import { StyledEngineProvider, ThemeProvider } from '@mui/material'
 import { NextPage } from 'next'
 import type { AppProps } from 'next/app'
-import { Raleway } from 'next/font/google'
 import { SessionProvider } from 'next-auth/react'
 import { appWithTranslation } from 'next-i18next'
 import { NextStep, NextStepProvider } from 'nextstepjs'
-import { FlagProvider } from '@unleash/proxy-client-react'
+import { FlagProvider, UnleashClient } from '@unleash/proxy-client-react'
 
 import { store } from '#/app/store/store'
 import { Error } from '#/shared'
@@ -27,8 +26,6 @@ import '#/app/styles/styles-pages/system.scss'
 
 setupAxios()
 
-const inter = Raleway({ subsets: ['latin'] })
-
 export type NextPageWithLayout<P = {}, DP = {}, IP = P> = NextPage<P, IP> & {
 	getLayout?: (page: ReactElement) => ReactNode
 	dynamicProps?: DP
@@ -88,30 +85,55 @@ function AppContent({
 
 function App({ Component, pageProps: { session, ...pageProps } }: AppPropsWithLayout) {
 	useBlockTelegram()
-	const { env } = useEnv()
+	const { env, loading: envLoading } = useEnv()
 
 	const unleashUrl = env?.NEXT_PUBLIC_UNLEASH_URL || process.env.NEXT_PUBLIC_UNLEASH_URL || ''
 	const unleashClientKey = env?.NEXT_PUBLIC_UNLEASH_CLIENT_KEY || process.env.NEXT_PUBLIC_UNLEASH_CLIENT_KEY || ''
 	const unleashAppName = env?.NEXT_PUBLIC_UNLEASH_APP_NAME || process.env.NEXT_PUBLIC_UNLEASH_APP_NAME || ''
 
+	const unleashClient = React.useMemo(() => {
+		if (envLoading) return null
+		if (!unleashUrl || !unleashClientKey || !unleashAppName) return null
+		return new UnleashClient({
+			url: unleashUrl,
+			clientKey: unleashClientKey,
+			appName: unleashAppName,
+		})
+	}, [envLoading, unleashAppName, unleashClientKey, unleashUrl])
+
+	React.useEffect(() => {
+		if (!unleashClient) return
+		unleashClient.start()
+		return () => {
+			unleashClient.stop?.()
+		}
+	}, [unleashClient])
+
+	if (envLoading) {
+		return null
+	}
+
 	return (
 		<>
-			<style jsx global>{`html { font-family: ${inter.style.fontFamily}; }`}</style>
-			<FlagProvider
-				config={{
-					url: unleashUrl,
-					clientKey: unleashClientKey,
-					appName: unleashAppName,
-				}}
-			>
+			{unleashClient ? (
+				<FlagProvider unleashClient={unleashClient} startClient={false}>
+					<NextStepProvider>
+						<AppContent
+							Component={Component}
+							pageProps={{ session, ...pageProps }}
+							refetchInterval={Number(env?.NEXT_PUBLIC_REFETCH_INTERVAL) || undefined}
+						/>
+					</NextStepProvider>
+				</FlagProvider>
+			) : (
 				<NextStepProvider>
 					<AppContent
-					Component={Component}
-					pageProps={{ session, ...pageProps }}
-					refetchInterval={Number(env?.NEXT_PUBLIC_REFETCH_INTERVAL) || undefined}
-				/>
+						Component={Component}
+						pageProps={{ session, ...pageProps }}
+						refetchInterval={Number(env?.NEXT_PUBLIC_REFETCH_INTERVAL) || undefined}
+					/>
 				</NextStepProvider>
-			</FlagProvider>
+			)}
 		</>
 	)
 }
@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react'
 import { FieldError } from 'react-hook-form'
-import { Raleway } from 'next/font/google'
 
 import styles from './common-textarea.module.scss'
 
@@ -18,8 +17,6 @@ export interface CommonTextAreaProps extends React.TextareaHTMLAttributes<HTMLTe
 	showError?: boolean
 }
 
-const inter = Raleway({ subsets: ['latin'] })
-
 // Извлекаем стили для textarea (только тёмная тема)
 const getTextareaStyles = (error?: FieldError) => {
 	return {
@@ -63,10 +60,7 @@ export const CommonTextArea = forwardRef<HTMLTextAreaElement, CommonTextAreaProp
 				>
 					<textarea
 						ref={ref}
-						style={{ 
-							fontFamily: inter.style.fontFamily,
-							...themeStyles.textarea,
-						}}
+						style={themeStyles.textarea}
 						className={c(
 							styles.textarea,
 							disabled && styles.textarea_disabled,
@@ -38,7 +38,7 @@ export const AudioModelsPage: NextPageWithLayout = () => {
 					alignItems: 'center',
 				}}
 			>
-				<Typography sx={{ fontSize: 24, fontWeight: 'bold', marginTop: '25px' }}>Музыка</Typography>
+				<Typography sx={{ fontSize: 24, fontWeight: 'bold' }}>Музыка</Typography>
 			</Box>
 			<Box className={styles.cards} sx={{ position: 'relative', marginRight: desktop ? '60px' : '0px' }}>
 				{models ? (
@@ -32,7 +32,7 @@ const Page: NextPageWithLayout = () => {
 					alignItems: 'center',
 				}}
 			>
-				<Typography sx={{ fontSize: 24, fontWeight: 'bold', marginTop: '25px' }}>Чат-боты</Typography>
+				<Typography sx={{ fontSize: 24, fontWeight: 'bold' }}>Чат-боты</Typography>
 			</Box>
 			<div  className={styles.cards}>
 				{bots ? (
@@ -30,7 +30,7 @@ export const ImageModelsPage: NextPageWithLayout = () => {
 					alignItems: 'center',
 				}}
 			>
-				<Typography sx={{ fontSize: 24, fontWeight: 'bold', marginTop: '25px' }}>Изображения</Typography>
+				<Typography sx={{ fontSize: 24, fontWeight: 'bold' }}>Изображения</Typography>
 			</Box>
 			<div className={styles.cards}>
 				{bots ? (
@@ -36,7 +36,7 @@ export const VideoModelsPage: NextPageWithLayout = () => {
 				display: 'flex',
 				alignItems: 'center',
 			}}>
-				<Typography sx={{ fontSize: 24, fontWeight: 'bold', marginTop: '25px' }}>
+				<Typography sx={{ fontSize: 24, fontWeight: 'bold' }}>
 					Видео
 				</Typography>
 			</Box>
@@ -16,7 +16,7 @@ export const VoiceClonePage: NextPageWithLayout = () => {
 			{desktop && (
 				<>
 					<Box sx={{ display: 'flex', alignItems: 'center' }}>
-						<Typography sx={{ fontSize: 24, fontWeight: 'bold', marginTop: '25px' }}>Войсклон</Typography>
+						<Typography sx={{ fontSize: 24, fontWeight: 'bold' }}>Войсклон</Typography>
 					</Box>
 
 					<Box sx={{ marginTop: 3 }}>
@@ -38,7 +38,7 @@ export const VoiceCloningModelsPage: NextPageWithLayout = () => {
 					alignItems: 'center',
 				}}
 			>
-				<Typography sx={{ fontSize: 24, fontWeight: 'bold', marginTop: '25px' }}>Клонирование голоса</Typography>
+				<Typography sx={{ fontSize: 24, fontWeight: 'bold'}}>Клонирование голоса</Typography>
 			</Box>
 			<Box className={styles.cards} sx={{ position: 'relative', marginRight: desktop ? '60px' : '0px' }}>
 				{models ? (
@@ -1 +1 @@
-export { Search as NavigationSearch } from './search'
+export {}
@@ -1,130 +0,0 @@
-import React, { useEffect, useMemo } from 'react'
-import { Autocomplete, Box, Stack, TextField, Typography } from '@mui/material'
-import Image from 'next/image'
-import { KeyForSearch } from './key-for-search'
-import { useNavigationSearchChatLinks, useNavigationSearchModel } from '../model'
-import { staticLinks } from '../config'
-import { InputStyleDark, InputStyleLight, useConcat } from '#/shared'
-import { useRouter } from 'next/router'
-import { NavigationSearchLink } from '../api/types'
-import { useNavigationSearchMediaLinks } from '../model/use-media-links'
-
-interface SearchProps {
-	device: string
-}
-
-export const Search = ({ device }: SearchProps) => {
-	const desktop = device === 'desktop'
-
-	const { push } = useRouter()
-
-	const { fetchChatLinks, visibleChatLinks } = useNavigationSearchChatLinks()
-
-	const { fetchMediaLinks, visibleMediaLinks } = useNavigationSearchMediaLinks()
-
-	const links = useConcat<NavigationSearchLink[]>(visibleChatLinks, visibleMediaLinks, staticLinks)
-
-	const { search, setSearch, searchOpen, setSearchOpen, searchRef, filteredLinks } = useNavigationSearchModel(links)
-
-	useEffect(() => {
-		fetchChatLinks()
-		fetchMediaLinks()
-	}, [])
-
-	return (
-		<>
-			<Stack>
-				<Autocomplete
-					disablePortal
-					freeSolo
-					sx={{ width: '457px' }}
-					noOptionsText={'Не найдено'}
-					options={filteredLinks}
-					filterOptions={(x) => x}
-					groupBy={(link) => link.category}
-					renderGroup={(params) => (
-						<li key={params.key}>
-							<div>
-								<Typography
-									sx={{
-										fontSize: '16px',
-										fontWeight: 600,
-										color: '#A4AAB5',
-										marginLeft: '10px',
-									}}
-								>
-									{params.group}
-								</Typography>
-							</div>
-							<ul>{params.children}</ul>
-						</li>
-					)}
-					open={searchOpen}
-					onOpen={() => setSearchOpen(true)}
-					onClose={() => setSearchOpen(false)}
-					getOptionLabel={(label: any) => (label as NavigationSearchLink).label}
-					renderOption={(option, state) => (
-						<Typography
-							{...option}
-							key={state.uid ?? state.label}
-							sx={{
-								display: 'flex',
-								alignItems: 'center',
-								fontSize: '18px',
-								fontWeight: 500,
-							}}
-						>
-							<span style={{ marginLeft: '20px' }}>{state.label}</span>
-						</Typography>
-					)}
-					onChange={async (event, value: any) => {
-						if (!value) {
-							return
-						}
-						if (value.external) {
-							return window.open(value.url, '_blank')
-						}
-						push('/' + value.url)
-					}}
-					renderInput={(params) => (
-						<TextField
-							inputRef={searchRef}
-							{...params}
-							fullWidth
-							sx={{
-								...InputStyleDark,
-								'& input': {
-									fontSize: '18px !important',
-									fontWeight: 500,
-								},
-							}}
-							className='bg-color-block'
-							size='small'
-							value={search}
-							onChange={(e: any) => setSearch(e.target.value)}
-							placeholder='Поиск по платформе'
-							InputProps={{
-								...params.InputProps,
-								startAdornment: (
-									<Image
-										src={'/search.svg'}
-										width={15}
-										height={15}
-										alt='Поиск'
-										style={{
-											marginLeft: '8px',
-											marginRight: '4px',
-											marginTop: '2px',
-											transform: 'scaleX(-1)',
-										}}
-									/>
-								),
-								endAdornment: <KeyForSearch userAgent={navigator.userAgent} />,
-							}}
-						/>
-					)}
-				/>
-			</Stack>
-		</>
-	)
-}