set fixed width for document view table

set location column width
hide template interface
2026-06-08 15:16:08 +07:00 · 2026-06-08 14:37:02 +07:00 · 2026-06-08 13:27:30 +07:00 · 2026-06-08 13:23:13 +07:00 · 2026-06-08 13:17:23 +07:00 · 2026-06-04 14:56:03 +07:00
186 changed files with 21626 additions and 3854 deletions
@@ -34,3 +34,11 @@ docker network inspect no-copy_app-network
 docker volume ls - посмотреть все базы данных
 docker volume prune - удалить неиспользуемые базы данных
 Юкаса
 эндпоинт для бека.
 {URL}/api/payments/webhook/yookassa
 https://dev-workspace.not-copy.com/api/payments/webhook/yookassa
 https://mutely-profound-sandfish.cloudpub.ru/api/payments/webhook/yookassa
@@ -1,5 +1,6 @@
 import type { NextConfig } from "next";
 import createNextIntlPlugin from 'next-intl/plugin';
 const { version } = require('./package.json');
 const nextConfig: NextConfig = {
 	experimental: {
@@ -7,6 +8,9 @@ const nextConfig: NextConfig = {
 			bodySizeLimit: '10mb',
 		},
 	},
 	env: {
 		APP_VERSION: version,
 	},
 };
 const withNextIntl = createNextIntlPlugin();
@@ -1,6 +1,6 @@
 {
 	"name": "no-copy-frontend",
-	"version": "0.42.0",
+	"version": "0.122.0",
 	"private": true,
 	"scripts": {
 		"dev": "next dev -p 2999",
@@ -16,11 +16,13 @@
 		"@tanstack/react-query": "^5.90.11",
 		"@tanstack/react-table": "^8.21.3",
 		"@vkid/sdk": "^2.6.2",
 		"card-validator": "^10.0.4",
 		"clsx": "^2.1.1",
 		"jose": "^6.1.2",
 		"next": "^16.0.7",
 		"next-auth": "5.0.0-beta.30",
 		"next-intl": "^4.5.8",
 		"pdfjs-dist": "^5.7.284",
 		"react": "19.2.0",
 		"react-dom": "19.2.0",
 		"react-slick": "^0.31.0",
@@ -40,6 +42,7 @@
 		"eslint": "^9",
 		"eslint-config-next": "16.0.3",
 		"sass": "^1.94.2",
 		"types-yoomoneycheckoutwidget": "^0.0.2",
 		"typescript": "^5"
 	}
 }
@@ -1,9 +1,11 @@
 import Providers from '@/app/providers/getQueryServer'
 import type { Metadata } from "next";
 import { NextIntlClientProvider, hasLocale } from 'next-intl';
 import { notFound } from 'next/navigation';
 import { routing } from '@/i18n/routing';
 import { ToastProvider } from '@/app/providers/ToastProvider';
 import Providers from '@/app/providers/getQueryServer';
 import { Suspense } from 'react';
 import "../styles/globals.css";
 import "../styles/global-styles.scss";
@@ -29,9 +31,9 @@ export default async function RootLayout({
 	}
 	return (
-		<html lang={locale}>
+		<html>
 			<body>
-				<NextIntlClientProvider>
+				<NextIntlClientProvider locale={locale}>
 					<Providers>
 						{children}
 						<ToastProvider />
@@ -0,0 +1,53 @@
 'use client'
 import { useEffect } from 'react';
 import { useSearchParams, useRouter } from 'next/navigation';
 import styles from '@/app/styles/module/login.module.scss'
 export default function YandexCallback() {
 	const searchParams = useSearchParams();
 	const router = useRouter();
 	useEffect(() => {
 		const code = searchParams.get('code');
 		const error = searchParams.get('error');
 		if (error) {
 			console.error('Ошибка авторизации:', error);
 			router.push('/login?error=yandex_denied');
 			return;
 		}
 		if (code) {
 			console.log('получаю код');
 			console.log(code);
 			fetch('/api/auth/yandex/callback', {
 				method: 'POST',
 				body: JSON.stringify({ code })
 			})
 				.then(res => res.json())
 				.then(data => {
 					if (data.success) {
 						console.log(data);
 						console.log('all ok');
 						/* router.push('/dashboard'); */
 					}
 				});
 		}
 	}, [searchParams, router]);
 	return (
 		<div
 			className={`${styles['login-container-wrapper']}`}
 		>
 			<div
 				className="loading-animation"
 			>
 				<div
 					className="global-spinner large"
 				>
 				</div>
 			</div>
 		</div>
 	)
 }
@@ -7,6 +7,9 @@ import LanguageSwitcher from '@/app/components/LanguageSwitcher';
 import { useTranslations } from 'next-intl';
 import VKLogin from '@/app/components/VKLogin';
 import YandexAuthWithScript from '@/app/components/YandexLogin';
 import { getHealt } from '@/app/actions/action';
 import { Suspense } from 'react';
 import {YandexLoginButton} from '@/app/components/YandexLoginButton';
 export const metadata: Metadata = {
 	title: 'Login',
@@ -15,9 +18,20 @@ export const metadata: Metadata = {
 export default function Page() {
 	const t = useTranslations('Login-register-form');
 	async function HealthData() {
 		const data = await getHealt();
 		if (!data) {
 			return <div>Сервер временно не работает</div>
 		} else {
 			return null
 		}
 	}
 	return (
 		<Suspense fallback={<div>Loading...</div>}>
 			<HealthData />
 			<div className={`${styles['login-container-wrapper']}`}>
-{/* 			<div className={`${styles['login-container-language']}`}>
+				{/* 			<div className={`${styles['login-container-language']}`}>
 				<LanguageSwitcher />
 			</div> */}
 				<div className={`${styles['login-container']}`}>
@@ -38,7 +52,7 @@ export default function Page() {
 						<VKLogin />
 					</div>
 					<div>
-					<YandexAuthWithScript />
+						<YandexLoginButton />
 					</div>
 					<div className={`${styles['register-link']}`}>
 						<p>{t('no-account')}?
@@ -67,5 +81,6 @@ export default function Page() {
 					</div>
 				</div>
 			</div>
 		</Suspense>
 	);
 }
@@ -10,7 +10,7 @@ import DashboardFilesInfo from '@/app/ui/dashboard/new/dashboard-files-info';
 import DahboardLimitsSection from '@/app/ui/dashboard/new/dashborad-limits-section';
 import DahboardGeographySection from '@/app/ui/dashboard/new/dashboard-geography-section';
 import DashboardLastCheck from '@/app/ui/dashboard/new/dashboard-last-check';
-import ViolationsCarousel from '@/app/ui/dashboard/new/violations-carousel';
+import DashboardUserViolations from '@/app/ui/dashboard/new/dashboard-user-violations';
 export const metadata: Metadata = {
 	title: 'Dashboard',
@@ -24,13 +24,16 @@ export default function Page() {
 			<PageTitle title="statistics" />
 			<DashboardUserStats />
 			<div className="dashboard-main-grid">
 				{/* <DashboardUserFiles />
 				<DashboardUserViolations /> */}
 				<div className="left-column">
 					<DashboardUserFiles />
 					{/* <DashboardPlatformsList /> */}
 				</div>
 				<div className="right-column">
-					<ViolationsCarousel />
+					<DashboardUserViolations />
 				</div>
 			</div>
 			<DashboardFilesInfo />
 			<div className="dashboard-main-grid">
@@ -40,7 +43,7 @@ export default function Page() {
 			<div
 				className="mb-4"
 			>
-				<DahboardLimitsSection />
+				{/* <DahboardLimitsSection /> */}
 			</div>
 			<DashboardLastCheck />
 		</Suspense>
@@ -0,0 +1,15 @@
 import PageTitle from '@/app/ui/page-title';
 import PopularAskedQuestions from '@/app/ui/faq/popular-asked-questions';
 import FrequentlyAskedQuestions from '@/app/ui/faq/frequently-asked-questions';
 import FaqContact from '@/app/ui/faq/faq-contact';
 export default function Page() {
 	return (
 		<div>
 			<PageTitle title="frequently-asked-questions" />
 			<PopularAskedQuestions />
 			<FrequentlyAskedQuestions />
 			<FaqContact />
 		</div>
 	)
 }
@@ -0,0 +1,98 @@
 // app/files/[id]/page.tsx
 'use server'
 import FilePageTitle from '@/app/ui/file-page/file-page-title';
 import FilePageViolationInfo from '@/app/ui/file-page/file-page-violation-info';
 import ViolationPpageFileStatistic from '@/app/ui/file-page/file-page-file-statistic';
 import FilePageFileInfo from '@/app/ui/file-page/file-page-file-info';
 import FilePageActions from '@/app/ui/file-page/file-page-actions';
 import FilePageViolationsList from '@/app/ui/file-page/violation-table/file-page-violations-list';
 import FilePageNote from '@/app/ui/file-page/file-page-note';
 import { viewFileInfo } from '@/app/actions/fileEntity';
 import { useTranslations } from 'next-intl';
 import FilePageNotFound from '@/app/ui/file-page/file-page-file-not-found';
 type MonitoringStatus = 'NONE' | 'MONITORING_DAILY' | 'MONITORING_WEEKLY' | 'MONITORING_MONTHLY';
 type MimeType = 'image' | 'video' | 'audio' | 'document';
 export interface FileDetails {
 	id: string;
 	userId: number;
 	originalFileName: string;
 	storedFileName: string;
 	filePath: string;
 	protectedFilePath: string;
 	fileSize: number;
 	mimeType: MimeType;
 	fileExtension: string;
 	checksum: string;
 	uploadSessionId: string;
 	status: string;
 	createdAt: string;
 	updatedAt: string;
 	formattedSize: string;
 	downloadUrl: string;
 	existsOnDisk: boolean;
 	supportId: number | null;
 	protectStatus: string;
 	ownerName: string;
 	ownerEmail: string;
 	ownerCompany: string | null;
 	fileName: string;
 	fileFormat: string | null;
 	checksCount: number;
 	fileUploadDate: string;
 	monitoring: MonitoringStatus;
 	thumbnailFileUrl: string;
 }
 interface PageProps {
 	params: Promise<{ id: string }>;
 	searchParams: Promise<{ page?: string, status?: string, violationId?: string, caseType?: 'complaint' | 'claim', startDate: string, endDate: string }>;
 }
 export default async function Page({
 	params,
 	searchParams
 }: PageProps) {
 	const { id } = await params;
 	const { page, status, violationId, caseType, startDate, endDate } = await searchParams;
 	const currentPage = Number(page) || 1;
 	try {
 		const fileInfo: FileDetails = await viewFileInfo(id);
 		return (
 			<div className="violation-details">
 				<FilePageTitle fileInfo={fileInfo} />
 				<div>
 					<div
 						className="grid grid-cols-[2fr_1fr] gap-3"
 					>
 						<FilePageFileInfo fileInfo={fileInfo} />
 						{/* <FilePageActions /> */}
 						<ViolationPpageFileStatistic id={id} />
 					</div>
 					<div>
 						<FilePageViolationsList
 							currentPage={currentPage}
 							status={status}
 							fileId={id}
 							violationId={violationId}
 							caseType={caseType}
 							startDate={startDate}
 							endDate={endDate}
 						/>
 						{/* <FilePageNote /> */}
 						{/* <FilePageViolationInfo /> */}
 					</div>
 				</div>
 			</div>
 		)
 	} catch (error) {
 		return (
 			<FilePageNotFound />
 		)
 	}
 }
@@ -3,26 +3,11 @@ import UploadSectionFile from '@/app/components/UploadSectionFile';
 import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';
 import PageTitleColorFrame from '@/app/ui/page-title-color-frame';
 import ProtectionStatistic from '@/app/ui/marking-page/new/protection-statistic';
 import { fetchReferralUserStats } from '@/app/actions/referralsActions';
 import { getQueryClient } from '@/app/providers/getQueryClient';
 export default async function Page() {
 	const FILE_TYPE = "document";
 	const { file_extension, max_file_size } = await getAllowedFilesExtensions(FILE_TYPE);
 	const queryClient = getQueryClient();
 	try {
 		const data = await queryClient.fetchQuery({
 			queryKey: ['referralUserStats'],
 			queryFn: fetchReferralUserStats,
 		});
 		if (data?.referralLink) {
 			return null;
 		}
 	} catch (error) {
 	}
 	return (
 		<div>
 			<PageTitleColorFrame
@@ -0,0 +1,12 @@
 import PageTitle from '@/app/ui/page-title';
 import { NotificationsList } from '@/app/ui/notifications/notifications-list';
 export default function Page() {
 	return (
 		<div>
 			<PageTitle title='notifications' />
 			<NotificationsList />
 		</div>
 	)
 }
@@ -3,6 +3,7 @@ import UserUsage from '@/app/ui/payment/user-usage';
 import TokensSpendStats from '@/app/ui/payment/tokens-spend-stats';
 import PaymentTabs from '@/app/ui/payment/payment-tabs';
 import SecurePayments from '@/app/ui/payment/secure-payments';
 import PaymentUserCards from '@/app/ui/payment/payment-user-cards';
 export const metadata: Metadata = {
 	title: 'payment',
@@ -22,6 +23,7 @@ export default function Page() {
 					<UserUsage />
 					<TokensSpendStats />
 					<PaymentTabs />
 					<PaymentUserCards />
 					<SecurePayments />
 				</div>
 			</main>
@@ -1,10 +1,9 @@
 import { useTranslations } from 'next-intl';
 import { Suspense } from 'react';
 import PageTitle from '@/app/ui/page-title';
 import ReferralStats from '@/app/ui/referral-page/referral-stats';
 import ReferralLinkSection from '@/app/ui/referral-page/referral-link-section';
 import CommissionLevels from '@/app/ui/referral-page/commission-levels';
-import InvitationsTable from '@/app/ui/referral-page/invitations-table';
+import InvitationsTable from '@/app/ui/referral-page/table/invitations-table';
 import IncomeAndPayments from '@/app/ui/referral-page/Income-and-payments';
 import SettingReferralProgram from '@/app/ui/referral-page/setting-referral-program';
 import PageTitleColorFrame from '@/app/ui/page-title-color-frame';
@@ -1,21 +1,21 @@
-import StatsGrid from '@/app/ui/dashboard/stats-grid';
+import ViolationsTable from '@/app/ui/violations/violations-table';
 import ViolationsTable from '@/app/ui/dashboard/violations-table';
 import FinalSummary from '@/app/ui/reports/final-summary';
 import AnalyticsCardMonth from '@/app/ui/reports/analytics-card-month';
-import AnalyticsCardGeography from '@/app/ui/reports/analytics-carв-geography';
+import AnalyticsCardGeography from '@/app/ui/reports/analytics-card-geography';
 import ActivityByContentType from '@/app/ui/reports/activity-by-content-type';
 import PageTitle from '@/app/ui/page-title';
 import ReportsInfo from '@/app/ui/reports/reports-info';
 import AnalyticsCardDistribution from '@/app/ui/reports/analytics-card-distribution';
 export default function Page() {
 	return (
 		<div>
 			<PageTitle title="reports-and-analytics" />
 			{/* <StatsGrid /> */}
 			<ReportsInfo />
 			<ActivityByContentType />
 			<div className="analytics-grid">
-				<AnalyticsCardMonth />
+				{/* <AnalyticsCardMonth /> */}
 				<AnalyticsCardDistribution />
 				<AnalyticsCardGeography />
 			</div>
 			<ViolationsTable />
@@ -1,45 +1,18 @@
 import SectionSearchFile from '@/app/ui/search/section-search-file';
 import { SupportedFormats } from '@/app/ui/search/supported-formats';
 import { SearchStats } from '@/app/ui/search/search-stats';
-import { RecentSearches } from '@/app/ui/search/recent-searches';
+import SearchTitle from '@/app/ui/search/search-title';
 import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';
 export default async function Page() {
 	const { file_extension: extensionVideo, max_file_size } = await getAllowedFilesExtensions('video');
 	const { file_extension: extensionAudio } = await getAllowedFilesExtensions('audio');
 	const { file_extension: extensionImage } = await getAllowedFilesExtensions('image');
 	const { file_extension: extensionDocument } = await getAllowedFilesExtensions('document');
 	return (
 		<>
-			<div className="block-wrapper">
+			<SearchTitle />
 				<h1 className="page-title">
 					Поиск защищенного контента
 				</h1>
 				<p className="page-description">
 					Загрузите файл для поиска похожего защищенного контента в вашей библиотеке и в интернете
 				</p>
 			</div>
 			<div className="search-grid">
-				<SectionSearchFile
+				<SectionSearchFile />
 					maxFileSize={max_file_size}
 					/* allowedExtensions={allExtensions} */
 					allowedExtensions={{
 						images: extensionImage,
 						videos: extensionVideo,
 						audios: extensionAudio,
 						documents: extensionDocument
 					}}
 				/>
 				<div className="search-sidebar">
-					<SupportedFormats
+					<SupportedFormats />
 						extensionVideo={extensionVideo}
 						extensionAudio={extensionAudio}
 						extensionImage={extensionImage}
 						extensionDocument={extensionDocument}
 					/>
 					<SearchStats />
 					<RecentSearches />
 				</div>
 			</div>
 		</>
@@ -8,6 +8,7 @@ import DangerZone from '@/app/ui/settings/danger-zone';
 import { useTranslations } from 'next-intl';
 import PageTitle from '@/app/ui/page-title';
 import { CompanyUsersSettingPanel } from '@/app/ui/settings/company-users-setting-panel';
 import SettingUserVerification from '@/app/ui/settings/setting-user-verification';
 export default function Page() {
 	const t = useTranslations('Global');
@@ -21,8 +22,10 @@ export default function Page() {
 				<SafetySetting />
 				<SubscriptionSettings />
 				{/* <APISettings /> */}
-				<LastActivitySettings />
+				{/* LastActivitySettings возможно нужно будет вернуть */}
 				{/* <LastActivitySettings /> */}
 				<CompanyUsersSettingPanel />
 				<SettingUserVerification />
 			</div>
 			<DangerZone />
 		</>
@@ -0,0 +1,19 @@
 'use server'
 import { TrackingStatistic } from '@/app/ui/tracking-page/tracking-statistic';
 import FilesTable from '@/app/ui/dashboard/files-table';
 import { TrackingHistoryView } from '@/app/ui/tracking-page/tracking-history-view';
 export default async function Page() {
 	const FILE_TYPE = "document";
 	return (
 		<div
 			className="tracking-page"
 		>
 			<TrackingStatistic />
 			<FilesTable fileType={FILE_TYPE} showFileLink={true} />
 			<TrackingHistoryView />
 		</div>
 	)
 }
@@ -1,13 +1,16 @@
 import PageTitleColorFrame from '@/app/ui/page-title-color-frame';
-import DahboardGeographySection from '@/app/ui/dashboard/new/dashboard-geography-section';
+import ViolationsMyComplaint from '@/app/ui/violations/violations-my-complaint';
 import DashboardPlatformsList from '@/app/ui/dashboard/new/dashboard-platforms-list';
 import ViolationsMyCases from '@/app/ui/violations/violations-my-cases';
 import ViolationsCheckAllSection from '@/app/ui/violations/violations-check-all-section';
 import ViolationsTable from '@/app/ui/violations/violations-table';
 import ViolationsStatistic from '@/app/ui/violations/violations-statistic';
-export default function Page() {
+import AnalyticsCardGeography from '@/app/ui/reports/analytics-card-geography';
-	const FILE_TYPE = "all";
+import AnalyticsCardDistribution from '@/app/ui/reports/analytics-card-distribution';
 import ViolationsMyClaims from '@/app/ui/violations/violations-my-claims';
 import ViolationsLastCombinedCases from '@/app/ui/violations/violations-last-combined-cases';
 import { ViolationsMyComplaintsTable } from '@/app/ui/violations/tables/violations-my-complaints-table';
 import { ViolationsMyClaimsTable } from '@/app/ui/violations/tables/violations-my-claims-table';
 export default function Page() {
 	return (
 		<>
 			<PageTitleColorFrame
@@ -15,12 +18,18 @@ export default function Page() {
 				description="monitoring-copyright-infringements-description"
 			/>
 			<ViolationsStatistic />
 			<ViolationsMyCases />
 			<ViolationsCheckAllSection />
 			<ViolationsTable />
-			<div className="dashboard-main-grid">
+			{/* <ViolationsLastCombinedCases /> */}
-				<DashboardPlatformsList />
+			{/* 			<ViolationsMyComplaint />
-				<DahboardGeographySection />
+			<ViolationsMyClaims /> */}
 			<div className="analytics-grid">
 				<AnalyticsCardDistribution />
 				<AnalyticsCardGeography />
 			</div>
 			<div className="analytics-grid">
 				<ViolationsMyClaimsTable />
 				<ViolationsMyComplaintsTable />
 			</div>
 		</>
 	)
@@ -0,0 +1,14 @@
 'use client'
 import { PdfProvider } from '@/app/contexts/PdfContext';
 import { WatchDocProviders } from '@/app/providers/WatchDocProviders';
 export default function RootLayout({ children }: { children: React.ReactNode }) {
 	return (
 		<WatchDocProviders>
 			<PdfProvider>
 				{children}
 			</PdfProvider>
 		</WatchDocProviders>
 	);
 }
@@ -0,0 +1,151 @@
 'use server';
 import Link from 'next/link';
 import PdfViewer from '@/app/components/PdfViewer';
 import { DownloadButton } from '@/app/components/document-viewer/DownloadButton';
 import { CopyLinkButton } from '@/app/components/document-viewer/CopyLinkButton';
 import { fetchDocumentInfo } from '@/app/actions/trackingActions';
 import { LoginUserBage } from '@/app/components/document-viewer/LoginUserBage';
 interface PageProps {
 	searchParams: Promise<{ docid: string; title?: string }>;
 }
 interface DocumentInfo {
 	checksCount?: number;
 	checksum?: string;
 	createdAt?: string;
 	downloadUrl?: string;
 	existsOnDisk?: boolean;
 	fileExtension?: string;
 	fileFormat?: string | null;
 	fileName?: string;
 	filePath?: string;
 	fileSize?: number;
 	fileUploadDate?: string;
 	formattedSize?: string;
 	id: string;
 	mimeType?: string;
 	monitoring?: string;
 	originalFileName?: string;
 	ownerCompany?: string | null;
 	ownerEmail?: string;
 	ownerName?: string;
 	permissions?: {
 		DOWNLOAD?: boolean;
 	};
 	protectStatus?: string;
 	protectedFilePath?: string;
 	status?: string;
 	storedFileName?: string;
 	supportId?: number;
 	thumbnailFileUrl?: string;
 	updatedAt?: string;
 	uploadSessionId?: string;
 	userId?: number;
 	appealInfos?: any[]; //Не знаю что тут будет
 }
 export default async function Page({ searchParams }: PageProps) {
 	const { docid, title } = await searchParams;
 	let response: DocumentInfo | null = null;
 	let error: string | null = null;
 	try {
 		response = await fetchDocumentInfo(docid);
 	} catch (err) {
 		error = 'Не удалось загрузить информацию о документе';
 	}
 	const documentTitle = response?.fileName || 'FileName';
 	if (error || !response) {
 		return (
 			<div className="watch-doc-wrapper">
 				<div className="watch-doc-page">
 					<header className="watch-doc-header">
 						<Link href="#" className="header-logo">NoCopy</Link>
 						<LoginUserBage />
 					</header>
 					<div className="error-container">
 						<h2>Ошибка загрузки документа</h2>
 						<p>{error || 'Документ не найден'}</p>
 					</div>
 				</div>
 			</div>
 		);
 	}
 	return (
 		<div className="watch-doc-wrapper">
 			<div className="watch-doc-page">
 				<header className="watch-doc-header">
 					<Link href="#" className="header-logo">NoCopy</Link>
 					<LoginUserBage />
 				</header>
 				<div className="watch-doc-status">
 					<div className="st-title">Защита подтверждена</div>
 					<div className="st-sub">
 						Документ <strong>{response?.fileName ? response?.fileName : '#'}</strong> зарегистрирован и защищён платформой NoCopy.
 					</div>
 				</div>
 				<div className="watch-doc-grid">
 					<div
 						className="flex flex-col justify-between"
 					>
 						<div className="watch-doc-card">
 							<div className="card-head">Правообладатель</div>
 							<div className="card-body">
 								<div className="owner-row">
 									<div className="owner-av">
 										{response?.fileName ? response?.fileName[0] : ''}
 									</div>
 									<div>
 										{response?.ownerName && (
 											<div className="owner-name">{response?.ownerName}</div>
 										)}
 										{response?.ownerCompany && (
 											<div className="owner-name">{response?.ownerCompany}</div>
 										)}
 										{response?.ownerName && (
 											<div className="owner-meta">Зарегистрирован в NoCopy</div>
 										)}
 									</div>
 								</div>
 							</div>
 						</div>
 						<div className="watch-doc-actions">
 							{response?.permissions?.DOWNLOAD && (
 								<DownloadButton fileId={docid} fileName={response?.fileName}/>
 							)}
 							<CopyLinkButton />
 						</div>
 					</div>
 					<div>
 						<div className="watch-doc-card">
 							<div className="card-head">Предпросмотр</div>
 							<div className="card-body">
 								<PdfViewer
 									fileId={docid}
 									fileName={documentTitle}
 									showDownload={response.permissions?.DOWNLOAD}
 								/>
 							</div>
 						</div>
 					</div>
 				</div>
 				<div className="watch-doc-footer">
 					<Link href="#">NoCopy</Link>
 					<Link href="/terms-of-use">Условия</Link>
 					<Link href="/privacy-policy">Конфиденциальность</Link>
 				</div>
 			</div>
 		</div>
 	);
 }
@@ -0,0 +1,63 @@
 'use server'
 import { getSessionData } from '@/app/actions/session';
 import { API_BASE_URL } from '@/app/actions/definitions';
 export async function getSearchSettings() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/search/settings`, {
 			method: 'GET',
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_body) {
 				return parsed.message_body;
 			}
 		} else {
 			return null;
 		}
 	} catch (error) {
 		return null;
 	}
 }
 export async function putSearchSettings(proxy: boolean, yandex: boolean, google: boolean) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/search/settings`, {
 			method: 'PUT',
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			},
 			body: JSON.stringify({
 				engines: {
 					yandex: yandex,
 					google: google
 				},
 				proxyEnabled: proxy
 			})
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_desc === 'Settings updated') {
 				return true;
 			}
 		} else {
 			return false;
 		}
 	} catch (error) {
 		return false;
 	}
 }
@@ -44,12 +44,12 @@ export async function getUserFilesInfo() {
 				msg_id: 20005,
 				message_body: {
 					action: 'user_files_info',
 					token: token
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -70,7 +70,7 @@ export async function getUserFilesInfo() {
 	}
 }
-export async function fetchTariffs() {
+export async function fetchTariffs(tariffTerm: 'MONTHLY' | 'YEAR') {
 	const token = await getSessionData('token');
 	try {
@@ -81,12 +81,13 @@ export async function fetchTariffs() {
 				msg_id: 30001,
 				message_body: {
 					action: 'get',
-					user_token: token
+					tariff_term: tariffTerm
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -106,7 +107,45 @@ export async function fetchTariffs() {
 	}
 }
 export async function fetchTokensBundle() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30001,
 				message_body: {
 					action: 'tariffs_by_type',
 					type: 'token'
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed?.message_code === 0) {
 				return parsed.message_body?.token_tariffs;
 			} else {
 				return null
 			}
 		} else {
 			return null
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function getBuildData() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/check/api/build`, {
@@ -114,6 +153,7 @@ export async function getBuildData() {
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -129,7 +169,7 @@ export async function getBuildData() {
 export async function fetchINN(inn: string) {
 	try {
-		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
+		const response = await fetch(`${API_BASE_URL}/api/auth`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
@@ -159,3 +199,23 @@ export async function fetchINN(inn: string) {
 		return null
 	}
 }
 export async function getHealt() {
 	try {
 		const response = await fetch(`${API_BASE_URL}/check/api/healt`, {
 			method: 'GET',
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json'
 			}
 		});
 		if (response.ok) {
 			return await response.json();
 		} else {
 			return null
 		}
 	} catch (error) {
 		return null
 	}
 }
@@ -4,6 +4,7 @@ import { loginFormSchema, API_BASE_URL, getSignupFormSchema } from '@/app/action
 import { createSession, deleteSession, getSessionData, updateSession } from '@/app/actions/session';
 import { redirect } from 'next/navigation';
 import { fetchINN } from '@/app/actions/action';
 import { headers } from 'next/headers';
 export async function logout() {
 	const token = await getSessionData('token');
@@ -71,7 +72,7 @@ export async function authorization(
 	try {
 		const { email, password } = validatedFields.data;
-		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
+		const response = await fetch(`${API_BASE_URL}/api/auth`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
@@ -88,6 +89,7 @@ export async function authorization(
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_code === 0) {
 				await createSession(parsed.message_body.token, email);
 			} else {
@@ -142,6 +144,7 @@ export type FormState = {
 		inn?: string | undefined;
 	} | undefined,
 	mailConfirm?: boolean,
 	userId?: number,
 	error: Record<string, string> | null
 };
@@ -149,8 +152,11 @@ export async function registration(
 	state: FormState | undefined,
 	formData: FormData,
 ): Promise<FormState> {
 	const headersList = await headers();
 	const accountType = formData.get('accountType') as 'b2b' | 'b2c';
 	/* вернуть в true когда проект выйдет из дева */
 	const mail_verified = false;
 	const fullName = formData.get('fullName') as string || '';
 	const email = formData.get('email') as string || '';
 	const password = formData.get('password') as string || '';
@@ -158,9 +164,15 @@ export async function registration(
 	const phone = formData.get('phone') as string || '';
 	const companyName = formData.get('companyName') as string || '';
 	const agree = formData.get('agree') as string || '';
-	const referralCode = formData.get('referralCode');
+	const referralCode = formData.get('referralCode') as string || '';
 	const inn = formData.get('inn') as string || '';
 	const forwardedFor = headersList.get('x-forwarded-for');
 	const realIp = headersList.get('x-real-ip');
 	const ip = forwardedFor?.split(',')[0] || realIp || 'unknown';
 	const userAgent = headersList.get('user-agent') || 'unknown';
 	const SignupFormSchema = await getSignupFormSchema(accountType);
 	const dataToValidate = {
@@ -214,6 +226,7 @@ export async function registration(
 				confirm_password,
 				phone,
 				agree,
 				...(referralCode !== '' && { referralCode }),
 				...(accountType === 'b2b' && { companyName, inn })
 			},
 			error: errors
@@ -222,7 +235,7 @@ export async function registration(
 	try {
 		const { fullName, email, password, phone } = validatedFields.data;
-		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
+		const response = await fetch(`${API_BASE_URL}/api/auth`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
@@ -233,6 +246,9 @@ export async function registration(
 					phone: phone,
 					password,
 					accountType,
 					mail_verified: mail_verified,
 					ip: ip,
 					user_agent: userAgent,
 					...(accountType === 'b2b' && { companyName: companyName, inn: inn }),
 					...(referralCode !== '' && { referralLink: referralCode })
 				}
@@ -249,6 +265,8 @@ export async function registration(
 			phone: phone,
 			password,
 			accountType,
 			ip: ip,
 			user_agent: userAgent,
 			...(accountType === 'b2b' && { companyName: companyName, inn: inn }),
 			...(referralCode !== '' && { referralLink: referralCode })
 		})
@@ -256,7 +274,7 @@ export async function registration(
 		if (response.ok) {
 			let parsed = await response.json() as {
 				message_desc: string,
-				message_body: { token: string },
+				message_body: { token: string, userId: number, fieldErrors: string },
 				message_code: number
 			};
@@ -271,28 +289,34 @@ export async function registration(
 					...(referralCode !== '' && { referralLink: referralCode }),
 					...(accountType === 'b2b' && { companyName: companyName, inn: inn })
 				});
 				await createSession(parsed.message_body.token, email as string);
 			} else {
 				console.log(parsed);
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
-		/* return {
+				if (mail_verified) {
 					return {
 						previousState: {
 							fullName,
 							email,
 							password,
 							confirm_password,
 							phone,
-				companyName,
+							agree,
-				agree
+							...(referralCode !== '' && { referralLink: referralCode }),
 							...(accountType === 'b2b' && { companyName: companyName, inn: inn })
 						},
 						mailConfirm: true,
 						userId: parsed.message_body.userId,
 						error: null
-		}; */
+					};
 				} else {
 					await createSession(parsed.message_body.token, email as string);
 				}
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error: unknown) {
 		const errors: Record<string, string> = {};
 		if (error) {
@@ -320,6 +344,8 @@ export async function registration(
 							}
 						});
 					} else if (typedError.message_desc === 'Company already exists') {
 						errors['inn'] = 'company-already-registered'
 					} else {
 						errors['server'] = 'unknown-error'
 					}
@@ -341,6 +367,7 @@ export async function registration(
 					agree,
 					inn
 				},
 				mailConfirm: false,
 				error: errors
 			};
 		}
@@ -374,13 +401,11 @@ export async function tokenLifeExtension() {
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			},
 			body: JSON.stringify({
 				version: 1,
-				msg_id: 20008,
+				msg_id: 20008
 				message_body: {
 					token: token
 				}
 			}),
 		});
@@ -396,24 +421,110 @@ export async function tokenLifeExtension() {
 	}
 }
-export async function confirmEmail(
+export async function confirmEmail(userId: number, verifyToken: string) {
 	state: any | undefined,
 	formData: any,
 ) {
 	console.log('confirmEmail');
-	const emailConfirm = formData.get('emailConfirm') as string || '';
+
-	console.log(emailConfirm);
+	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			headers: {
 				"Content-Type": "application/json",
 				"Accept": "application/json",
 				'Authorization': `Bearer ${verifyToken}`,
 			},
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 20009,
 				message_body: {
 					resend: 0,
 					user_id: userId
 				}
 			}),
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			console.log(parsed);
 			if (parsed.message_code === 0) {
 				await createSession(parsed.message_body.token, parsed.message_body.email as string);
 			} else {
 				return {
 					success: false,
 					error: 'entered-code-is-incorrect'
 				};
 			}
 		} else {
 			return {
 				success: false,
 				error: 'server-error'
 			};
 		}
 	} catch (error) {
 		return {
 			success: false,
 			error: 'network-error'
 		};
 	}
 	redirect('/pages/dashboard');
 }
 export async function resendConfirmEmail(userId: number) {
 	console.log('resendConfirmEmail');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			headers: {
 				"Content-Type": "application/json",
 				"Accept": "application/json",
 			},
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 20009,
 				message_body: {
 					resend: 1,
 					user_id: userId,
 				}
 			}),
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			console.log(parsed);
 			if (parsed.message_code === 0) {
 				return {
 					fine: true
 				}
 			}
 		}
 	} catch (error) {
 		return {
 			fine: false
 		}
 	}
 }
 export type FormStateConfirmPassword = {
 	previousState: {
 		email: string;
 		password: string;
 		confirm_password: string;
 		verifyToken: string;
 	},
 	error: Record<string, string> | null
 };
 export async function resetPassword(
 	state: any | undefined,
 	formData: FormData,
 ) {
 	const email = formData.get('email');
 	console.log('resetPassword');
 	try {
-		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
+		const response = await fetch(`${API_BASE_URL}/api/auth`, {
 			method: 'POST',
 			headers: {
 				'Content-Type': 'application/json',
@@ -447,15 +558,6 @@ export async function resetPassword(
 	redirect(`/reset-password?email=${email}`);
 }
 export type FormStateConfirmPassword = {
 	previousState: {
 		email: string;
 		password: string;
 		confirm_password: string;
 		verifyToken: string;
 	},
 	error: Record<string, string> | null
 };
 export async function confirmPassword(
 	state: FormStateConfirmPassword | undefined,
@@ -506,6 +608,7 @@ export async function confirmPassword(
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${verifyToken}`
 			},
 			body: JSON.stringify({
 				version: 1,
@@ -513,7 +616,6 @@ export async function confirmPassword(
 				message_body: {
 					email: email,
 					password: password,
 					verifyToken: verifyToken,
 					action: "confirmVerification"
 				}
 			}),
@@ -526,16 +628,35 @@ export async function confirmPassword(
 			if (parsed.message_code === 0) {
 				await createSession(parsed.message_body.authToken, email as string);
 			} else {
-				throw parsed.message_body;
+				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error: unknown) {
 		const typedError = error as any;
 		const errors: Record<string, string> = {};
 		if (error) {
 			const typedError = error as any;
 			switch (typedError.message_code) {
 				case 1:
 					errors['server'] = 'unknown-error'
 					break
 				case 2:
 					if (typedError.message_desc === 'Token not found or time expired') {
 						errors['server'] = 'token-not-found-or-time-expired'
 					} else {
 						errors['server'] = 'unknown-error'
 					}
 					break;
 				default:
 					errors['server'] = 'request-ended-with-an-error'
 					break;
 			}
 			return {
 				previousState: {
 					email,
@@ -546,7 +667,16 @@ export async function confirmPassword(
 				error: errors
 			};
 		}
-		throw error;
+
 		return {
 			previousState: {
 				email,
 				password,
 				confirm_password,
 				verifyToken
 			},
 			error: errors
 		};
 	}
 	redirect('/pages/dashboard');
@@ -2,6 +2,7 @@
 import { API_BASE_URL, getSignupFormSchema } from '@/app/actions/definitions';
 import { getSessionData } from '@/app/actions/session';
 import { headers } from 'next/headers';
 export type CompanyUserRegistrationFormState = {
 	previousState: {
@@ -24,6 +25,8 @@ export async function companyUserRegistration(
 		return;
 	}
 	const headersList = await headers();
 	const fullName = formData.get('fullName') as string || '';
 	const email = formData.get('email') as string || '';
 	const password = formData.get('password') as string || '';
@@ -32,6 +35,11 @@ export async function companyUserRegistration(
 	const SignupFormSchema = await getSignupFormSchema('b2c');
 	const forwardedFor = headersList.get('x-forwarded-for');
 	const realIp = headersList.get('x-real-ip');
 	const ip = forwardedFor?.split(',')[0] || realIp || 'unknown';
 	const userAgent = headersList.get('user-agent') || 'unknown';
 	const dataToValidate = {
 		fullName,
 		email,
@@ -87,12 +95,15 @@ export async function companyUserRegistration(
 					phone: phone,
 					password,
 					accountType: 'b2b',
-					authToken: token
+					mail_verified: false,
 					ip: ip,
 					user_agent: userAgent,
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -102,14 +113,6 @@ export async function companyUserRegistration(
 				message_body: { token: string },
 				message_code: number
 			};
 			console.log({
 				fullName: fullName,
 				email,
 				phone: phone,
 				password,
 				accountType: 'b2b',
 				authToken: token
 			});
 			if (parsed.message_code === 0) {
 				console.log(`registration - ${email}`);
@@ -117,7 +120,9 @@ export async function companyUserRegistration(
 					fullName: fullName,
 					email,
 					phone: phone,
-					password
+					password,
 					ip: ip,
 					user_agent: userAgent,
 				});
 				return {
@@ -1,5 +1,5 @@
 import * as z from 'zod'
-import {createValidationSchema, createValidationSchemaForPassword} from '@/app/lib/validation-config-parser';
+import { createValidationSchema, createValidationSchemaForPassword } from '@/app/lib/validation-config-parser';
 import validationConfig from '@/app/lib/validation-config.json';
 export type FormState =
@@ -83,6 +83,30 @@ export const loginFormSchema = z
 			.trim(),
 	})
 export const createComplaintSchema = z
 	.object({
 		textArea: z
 			.string()
 			.min(1, { error: 'text-area-error-fill-complaint-text' })
 			.max(2000, {error: 'text-area-error-complaint-text-too-long'})
 			.trim(),
 	})
 export const createClaimSchema = z
 	.object({
 		textArea: z
 			.string()
 			.min(1, { error: 'fill-text-of-the-case' })
 			.max(2000, {error: 'claim-text-must-not-exceed-2000-characters'})
 			.trim(),
 		caseTitle: z
 			.string()
 			.min(1, { error: 'fill-title-of-the-case' })
 			.max(300, {error: 'claim-title-must-not-exceed-300-characters'})
 			.trim(),
 	})
 export const localDevelopmentUrl = process.env.DEV_URL ? process.env.DEV_URL : 'http://localhost';
 export const API_BASE_URL = process.env.NODE_ENV === 'development'
@@ -94,3 +118,11 @@ export const testUserData = {
 	email: 'test@mail.com',
 	subscriptionType: 'base'
 }
 export const bankCardFormSchema = z
 	.object({
 		bankCard: z
 			.string()
 			.min(19, { error: 'error-bank-card' })
 			.trim()
 	})
@@ -4,7 +4,23 @@ import { getSessionData } from '@/app/actions/session';
 import { API_BASE_URL } from '@/app/actions/definitions';
-export async function getUserFilesData(page: number, pageSize: number) {
+export async function getUserFilesData({
 	page,
 	pageSize,
 	sortBy,
 	sortOrder,
 	type,
 	date,
 	query = ''
 }: {
 	page: number;
 	pageSize: number;
 	sortBy?: string;
 	sortOrder?: 'asc' | 'desc' | string;
 	type?: string;
 	date?: string;
 	query?: string;
 }) {
 	const token = await getSessionData('token');
 	try {
@@ -14,31 +30,37 @@ export async function getUserFilesData(page: number, pageSize: number) {
 				version: 1,
 				msg_id: 20005,
 				message_body: {
-					action: 'user_files',
+					action: 'search_files',
 					page: page,
 					page_size: pageSize,
-					token: token
+					query: query,
 					sort_by: sortBy || '', // protectStatus, fileName, fileSize, createdAt, updatedAt, supportId
 					type: type || '', // image, video, document, audio
 					date: date || '', // today, week, month
 					sort_order: sortOrder
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return parsed.message_body;
 			} else {
-				throw parsed;
+				throw parsed.message_text ? parsed.message_text : 'error';
 			}
 		} else {
-			throw (`${response.status}`);
+			throw `${response.status}`;
 		}
 	} catch (error) {
-		return error
+		return error;
 	}
 }
@@ -55,12 +77,12 @@ export async function removeUserFile(fileId: string, fullDelete: number) {
 					action: 'delete_file',
 					file_id: fileId,
 					full_delete: fullDelete,
 					token: token
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -92,13 +114,13 @@ export async function viewFileInfo(fileId: string) {
 				msg_id: 20005,
 				message_body: {
 					action: 'file_info',
-					file_id: fileId,
+					file_id: fileId
 					token: token
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -118,3 +140,66 @@ export async function viewFileInfo(fileId: string) {
 		return error
 	}
 }
 export async function downloadFile(fileId: string, fileName: string) {
 	const token = await getSessionData('token');
 	const response = await fetch(`${API_BASE_URL}/api/v1/files/download/${fileId}`, {
 		headers: {
 			'Authorization': `Bearer ${token}`,
 		},
 	})
 	if (!response.ok) {
 		throw 'failed-to-download-file';
 	}
 	const arrayBuffer = await response.arrayBuffer()
 	const base64 = Buffer.from(arrayBuffer).toString('base64')
 	return {
 		data: base64,
 		contentType: response.headers.get('content-type') || 'application/octet-stream',
 		fileName: fileName
 	}
 }
 export async function FileAnAppeal(fileId: string, appealReason: string, additionalInfo: string) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 20005,
 				message_body: {
 					action: 'submit_appeal',
 					file_id: fileId,
 					appeal_reason: appealReason,
 					additional_info: additionalInfo
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return parsed;
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return error
 	}
 }
@@ -2,8 +2,6 @@
 import { API_BASE_URL } from '@/app/actions/definitions';
 import { getSessionData } from '@/app/actions/session';
 import { FormState } from '@/app/actions/auth';
 import { unknown } from 'zod';
 interface initMessageBody {
 	file_name: string,
@@ -11,20 +9,21 @@ interface initMessageBody {
 	extension: string,
 	file_size: number | string,
 	action?: string,
-	token?: string
+	token?: string,
 	convertTo?: string | undefined | null
 }
-export async function fileUpload(messageBody: initMessageBody, convertTo: string | null | undefined) {
+export async function fileUpload(messageBody: initMessageBody, convertTo?: string | null | undefined) {
 	const token = await getSessionData('token');
 	if (!token) {
 		return;
 	}
 	const message = messageBody;
 	message.action = 'init';
 	message.token = token;
-	// нужно будет добавить свойство convertTo в тело запроса он может прийти со значением reject тогда конвертировать не нужно.
+	if (convertTo && convertTo !== 'reject') {
-	// console.log(convertTo);
+		message.convertTo = convertTo;
 	}
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
@@ -36,7 +35,8 @@ export async function fileUpload(messageBody: initMessageBody, convertTo: string
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -66,6 +66,8 @@ export async function fileUpload(messageBody: initMessageBody, convertTo: string
 }
 export async function cancelUpload(udloadId: string) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
@@ -79,7 +81,8 @@ export async function cancelUpload(udloadId: string) {
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -111,12 +114,27 @@ export type ChunkResponse = {
 	fileId?: string
 };
-export async function chunkUpload(formData: FormData): Promise<ChunkResponse> {
+export async function chunkUpload(formData: FormData, itPrivate?: boolean): Promise<ChunkResponse> {
 	const token = await getSessionData('token');
 	try {
-		const response = await fetch(`${API_BASE_URL}/api/v1/files/chunk`, {
+		const url = itPrivate
 			? `${API_BASE_URL}/api/v1/private/files/chunk`
 			: `${API_BASE_URL}/api/v1/files/chunk`;
 		/* 		if (token && itPrivate) {
 					formData.append('token', token);
 				} */
 		const response = await fetch(url, {
 			method: 'POST',
-			body: formData
+			body: formData,
 			headers: {
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		/* ...(token && itPrivate && { 'Authorization': `Bearer ${token}` }) возможно нужно будет условно отправлять токен*/
 		if (response.ok) {
 			let parsed = await response.json();
@@ -127,25 +145,27 @@ export async function chunkUpload(formData: FormData): Promise<ChunkResponse> {
 					fileId: parsed.message_body.file_id
 				}
 			} else if (parsed.message_desc === 'Duplicate file upload') {
-				throw 'duplicate-file'
+				throw 'error-duplicate-file'
 			} else if (parsed.message_desc === 'Failed to upload chunk: Failed to upload chunk: User not have tokens for protect') {
 				throw 'user-not-have-tokens-for-protect'
 			} else if (parsed.message_desc === 'Failed to upload chunk: Failed to upload chunk: Failed to upload chunk: .wav file not have RIFF header') {
 				throw 'error-upload-chunk-wav-file-not-have-riff'
 			} else {
-				throw 'error'
+				throw 'error-uploading-file'
 			}
 		} else {
-			throw 'error'
+			throw 'error-uploading-file'
 		}
 	} catch (error: unknown) {
 		if (error) {
-			const typedError = error as any;
+			const typedError = error as string;
 			return {
 				errorMesage: typedError
 			};
 		} else {
 			return {
-				errorMesage: 'error'
+				errorMesage: 'error-uploading-file'
 			};
 		}
@@ -153,6 +173,8 @@ export async function chunkUpload(formData: FormData): Promise<ChunkResponse> {
 }
 export async function checkChunkStatus(upload_id: string) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
@@ -166,7 +188,8 @@ export async function checkChunkStatus(upload_id: string) {
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -188,6 +211,8 @@ export async function checkChunkStatus(upload_id: string) {
 }
 export async function getAllowedFilesExtensions(type: string) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
@@ -201,7 +226,8 @@ export async function getAllowedFilesExtensions(type: string) {
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -221,3 +247,47 @@ export async function getAllowedFilesExtensions(type: string) {
 		return error
 	}
 }
 export async function checkOperationPrice(action: string, filesCount: number, fileType: string) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30008,
 				message_body: {
 					action: action,
 					file_type: fileType,
 					count_files: filesCount
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return parsed.message_body;
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return {
 			cost: 0,
 			success: false,
 			tokens_count: 0,
 			error: 'error'
 		}
 	}
 }
@@ -0,0 +1,151 @@
 'use server'
 import { getSessionData } from '@/app/actions/session';
 import { API_BASE_URL } from '@/app/actions/definitions';
 export async function setMonitoring(fileId: string, monitoringType: string) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30007,
 				message_body: {
 					monitoring_type: monitoringType,
 					file_id: fileId
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return {
 					success: true,
 					errorMessage: null
 				};
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return {
 			success: false,
 			errorMessage: 'error'
 		};
 	}
 }
 export interface MonitoringStats {
 	total_searches: number;
 	searches_by_status: {
 		processing: number;
 		completed: number;
 		failed: number;
 		total: number;
 	};
 	recent_searches: any[];
 }
 export async function fetchMonitoringStats(): Promise<MonitoringStats | null> {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30011
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed?.message_body?.searches_by_status) {
 				return parsed.message_body;
 			}
 		}
 		return null;
 	} catch (error) {
 		return null
 	}
 }
 export async function fetchLastMonitoringCheck() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30011,
 				message_body: {
 					limit: 1
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed?.message_body?.searches_by_status) {
 				return parsed.message_body;
 			} else {
 				return null
 			}
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function fetchMonitoringInfo() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30027
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed?.message_body) {
 				return parsed.message_body;
 			}
 		}
 	} catch (error) {
 		return null
 	}
 }
@@ -0,0 +1,173 @@
 'use server'
 import { getSessionData } from '@/app/actions/session';
 import { API_BASE_URL } from '@/app/actions/definitions';
 export interface NotificationBody {
 	createdAt: string | null,
 	id: number,
 	message: string,
 	status: string | null,
 	type: string,
 	context: Record<string, string>
 }
 export async function fetchActiveNotifications() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30015,
 				message_body: {
 					action: 'active'
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_body) {
 				return parsed?.message_body
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return false
 	}
 }
 export async function fetchAllNotifications(page: number = 0, size: number = 10) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30015,
 				message_body: {
 					action: 'list',
 					page: page,
 					size: size,
 					sortBy: "createdAt",
 					sortDirection: "DESC", //DESC, ASC
 					types: [],  //"SEARCH_RESULT", "MONITORING_RESULT"
 					statuses: ["NEW", "READIED"] //"NEW"
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_code === 0) {
 				return parsed?.message_body
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return false
 	}
 }
 export async function notificationsMarkAsRead(ids: number[]) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30015,
 				message_body: {
 					action: 'markRead',
 					notificationIds: ids
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_code === 0) {
 				return parsed?.message_body
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return {
 			success: false
 		}
 	}
 }
 export async function notificationsDelete(ids: number[]) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30015,
 				message_body: {
 					action: 'delete',
 					notificationIds: ids
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			console.log('parsed');
 			console.log(parsed);
 			if (parsed?.message_code === 0) {
 				return parsed?.message_body
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return {
 			success: false
 		}
 	}
 }
@@ -0,0 +1,59 @@
 'use server'
 import { API_BASE_URL } from '@/app/actions/definitions';
 import { getSessionData } from '@/app/actions/session';
 export async function getPaymentsMethods() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/payments/methods`, {
 			method: 'GET',
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			return parsed;
 		} else {
 			return null
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function deletePaymentsMethods(cardId: string): Promise<boolean | undefined> {
 	if (!cardId) {
 		return
 	}
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/payments/methods/${cardId}`, {
 			method: 'DELETE',
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed.message === 'Payment method deleted') {
 				return true;
 			}
 		} else {
 			return false
 		}
 	} catch (error) {
 		return false
 	}
 }
@@ -1,7 +1,7 @@
 'use server'
 import { getSessionData } from '@/app/actions/session';
-import { API_BASE_URL } from '@/app/actions/definitions';
+import { API_BASE_URL, bankCardFormSchema } from '@/app/actions/definitions';
 export async function fetchReferralsLevels() {
 	const token = await getSessionData('token');
@@ -14,12 +14,12 @@ export async function fetchReferralsLevels() {
 				msg_id: 30003,
 				message_body: {
 					action: 'levels',
 					token: token,
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -57,12 +57,12 @@ export async function fetchReferralUserStats() {
 				msg_id: 30003,
 				message_body: {
 					action: 'userStats',
 					token: token,
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -96,26 +96,19 @@ export async function fetchReferralInvitees() {
 				msg_id: 30003,
 				message_body: {
 					action: 'invitees',
 					token: token,
 					pageSize: 100,
 					pageNumber: 0
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			console.log({
 				action: 'invitees',
 				token: token,
 				pageSize: 10,
 				pageNumber: 0
 			})
 			console.log(parsed);
 			if (parsed.message_code === 0) {
 				return parsed.message_body;
@@ -144,25 +137,18 @@ export async function referralRefill() {
 				msg_id: 30003,
 				message_body: {
 					action: 'refill',
-					token: token,
+					amount: 2000,
 					amount: 1,
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			console.log('referralRefill');
 			console.log({
 				action: 'refill',
 				token: token,
 				amount: 1,
 			})
 			let parsed = await response.json();
 			console.log(parsed);
 			if (parsed.message_code === 0) {
 				return parsed.message_body;
@@ -179,3 +165,273 @@ export async function referralRefill() {
 		}
 	}
 }
 export interface PayoutMethods {
 	cardNumber: string,
 	id: number,
 	type: string,
 	displayName: string,
 	maskedDetails: string,
 	default: boolean,
 	verified: boolean
 }
 export async function getPayoutMethods(): Promise<{
 	methods: PayoutMethods[],
 	error: string | null
 }> {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/payouts/user/payout-methods`, {
 			method: 'GET',
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			return {
 				methods: parsed,
 				error: null
 			};
 		} else {
 			throw 'error';
 		}
 	} catch (error) {
 		return {
 			methods: [],
 			error: 'error'
 		};
 	}
 }
 export async function getUserPayments() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/payouts/requests`, {
 			method: 'GET',
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			return {
 				payments: parsed,
 				error: null
 			};
 		} else {
 			throw 'error';
 		}
 	} catch (error) {
 		return {
 			payments: [],
 			error: 'error'
 		};
 	}
 }
 export type PayoutMethodFormState = {
 	previousState: {
 		bankCard?: string | undefined;
 		paymentsType?: 'bank-card' | 'bank-transfer' | 'on-account-balance';
 	} | undefined,
 	success?: boolean,
 	error: Record<string, string | null> | null
 };
 export async function addPayoutMethod(
 	state: PayoutMethodFormState | undefined,
 	formData: FormData,
 ): Promise<PayoutMethodFormState> {
 	const token = await getSessionData('token');
 	console.log('addPayoutMethod');
 	const bankCard = formData.get('bankCard') as string || '';
 	const paymentsType = formData.get('paymentsType') as 'bank-card' | 'bank-transfer' | 'on-account-balance';
 	const validatedFields = bankCardFormSchema.safeParse({
 		bankCard
 	});
 	if (!validatedFields.success) {
 		const errors: Record<string, string> = {}
 		JSON.parse(validatedFields.error.message).forEach((obj: {
 			message: string,
 			path: string
 		}) => {
 			if (errors[obj.path[0]]) {
 				errors[obj.path[0]] = `${errors[obj.path[0]]} ${obj.message}`;
 			} else {
 				errors[obj.path[0]] = obj.message;
 			}
 		});
 		return {
 			previousState: {
 				bankCard
 			},
 			success: false,
 			error: errors
 		};
 	}
 	try {
 		const { bankCard } = validatedFields.data;
 		const response = await fetch(`${API_BASE_URL}/api/payouts/payout-method/card`, {
 			method: 'POST',
 			body: JSON.stringify({
 				"cardNumber": bankCard.replaceAll(' ', '')
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			}
 		});
 		console.log(response);
 		if (response.ok) {
 			const parsed = await response.json();
 			console.log(parsed);
 			return {
 				previousState: {
 					bankCard,
 					paymentsType
 				},
 				success: true,
 				error: null
 			};
 		} else {
 			throw 'error-save';
 		}
 	} catch (error: unknown) {
 		const errors: Record<string, string> = {};
 		errors['server'] = 'error-save'
 		if (error) {
 			const typedError = error as any;
 		}
 		return {
 			previousState: {
 				bankCard,
 				paymentsType
 			},
 			success: false,
 			error: errors
 		};
 	}
 }
 export type PayoutRequest = {
 	previousState: {
 		amount?: string | undefined;
 	} | undefined,
 	error: string | null
 };
 export async function createPayoutRequest(
 	state: PayoutRequest | undefined,
 	formData: FormData,
 ): Promise<PayoutRequest> {
 	const token = await getSessionData('token');
 	const amount = formData.get('amount') as string || '';
 	const payoutMethodId = formData.get('payoutMethodId') as string || '';
 	console.log('createPayoutRequest');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/payouts/create-request`, {
 			method: 'POST',
 			body: JSON.stringify({
 				'amount': amount,
 				'payoutMethodId': payoutMethodId
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			}
 		});
 		if (response.status === 400) {
 			const responseText = await response.text();
 			throw JSON.parse(responseText)?.message;
 		}
 		if (response.status === 409) {
 			const responseText = await response.text();
 			if (responseText.includes('Not have money for payout')) {
 				throw 'insufficient-funds-to-receive-payment'
 			}
 			if (responseText.includes('Not found payout method')) {
 				throw 'not-found-payout-method'
 			}
 		}
 		if (response.ok) {
 			const parsed = await response.json();
 			console.log(parsed);
 			return {
 				previousState: {
 					amount
 				},
 				error: null
 			};
 		} else {
 			throw 'payment-error';
 		}
 	} catch (error: unknown) {
 		if (error) {
 			let typedError: string;
 			switch (error) {
 				case 'Sum of pay is required':
 					typedError = 'sum-of-pay-is-required';
 					break;
 				case 'Min sum for pay 1000':
 					typedError = 'min-sum-for-payout-1000';
 					break;
 				case 'insufficient-funds-to-receive-payment':
 					typedError = 'insufficient-funds-to-receive-payment';
 					break;
 				case 'not-found-payout-method':
 					typedError = 'not-found-payout-method';
 					break
 				default:
 					typedError = 'payment-error';
 			}
 			return {
 				previousState: {
 					amount
 				},
 				error: typedError
 			};
 		}
 		return {
 			previousState: {
 				amount
 			},
 			error: 'payment-error'
 		};
 	}
 }
@@ -7,8 +7,11 @@ export async function searchUserFiles(fileId: string) {
 	const token = await getSessionData('token');
 	try {
-		const response = await fetch(`${API_BASE_URL}/api/v1/files/${fileId}/similar?similarityLevels=DUPLICATE,SIMILARITY&auth_token=${token}`, {
+		const response = await fetch(`${API_BASE_URL}/api/v1/files/${fileId}/similar?similarityLevels=DUPLICATE,SIMILARITY`, {
-			method: 'GET'
+			method: 'GET',
 			headers: {
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
@@ -17,55 +20,28 @@ export async function searchUserFiles(fileId: string) {
 			if (parsed.message_code === 0) {
 				return parsed.message_body;
 			} else {
-				throw parsed;
+				throw parsed.message_desc;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
-		return error
+
 		if (error === 'File for search unsupported') {
 			return {
 				errorMessage: 'file-for-search-unsupported'
 			}
 		} else {
 			return {
 				errorMessage: 'error'
 			}
 		}
 	}
 }
 export async function searchGlobalFiles(fileId: string, currentPage: number) {
 	const token = await getSessionData('token');
 	console.log('searchGlobalFiles');
 	console.log(currentPage);
 	//удалить когда поиск будет нормально работать
 	/* 	return {
 			images: [
 				{
 					url: 'string1',
 					pageTitle: `string1 from page ${currentPage}`,
 					height: 100,
 					width: 100,
 					host: 'string1',
 					pageUrl: 'string1'
 				},
 				{
 					url: 'string1',
 					pageTitle: `string2 from page ${currentPage}`,
 					height: 100,
 					width: 100,
 					host: 'string1',
 					pageUrl: 'string1'
 				},
 				{
 					url: 'string1',
 					pageTitle: `string3 from page ${currentPage}`,
 					height: 100,
 					width: 100,
 					host: 'string1',
 					pageUrl: 'string1'
 				}
 			],
 			page: 0,
 			pageSize: 0,
 			totalPages: 11,
 			totalResults: 100,
 		} */
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
@@ -76,11 +52,13 @@ export async function searchGlobalFiles(fileId: string, currentPage: number) {
 				message_body: {
 					file_id: fileId,
 					page: currentPage,
 					check_similar_first: true,
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
-				'Accept': 'application/json'
+				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
@@ -93,11 +71,31 @@ export async function searchGlobalFiles(fileId: string, currentPage: number) {
 				throw parsed;
 			}
 		} else {
-			throw (`${response.status}`);
+			throw 'error';
 		}
 	} catch (error) {
-		return error
+		let errorMessage: string = 'error';
 		if (error) {
 			const typedError = error as any;
 			switch (typedError.message_desc) {
 				case 'No results found':
 					errorMessage = 'no-similar-files-title'
 					break;
 				default:
 					errorMessage = 'error'
 					break;
 			}
 		}
 		return {
 			images: [],
 			page: 0,
 			pageSize: 0,
 			totalPages: 0,
 			totalResults: 0,
 			error: errorMessage
 		}
 	}
 }
@@ -116,6 +114,7 @@ export async function getSearchStats() {
 		if (response.ok) {
 			let parsed = await response.json();
 			return parsed;
 		} else {
 			return null;
@@ -37,7 +37,7 @@ export async function createSession(token: string, email: string) {
 	});
 	const cookieStore = await cookies();
-	cookieStore.set('session', session, {
+	cookieStore.set('session_nc_db', session, {
 		httpOnly: true,
 		secure: false,
 		expires: expiresAt,
@@ -48,7 +48,7 @@ export async function createSession(token: string, email: string) {
 export async function updateSession(newToken: string) {
 	const cookieStore = await cookies();
-	const session = cookieStore.get('session')?.value;
+	const session = cookieStore.get('session_nc_db')?.value;
 	if (!session) {
 		return null;
@@ -68,7 +68,7 @@ export async function updateSession(newToken: string) {
 	const updatedSession = await encrypt(updatedPayload);
-	cookieStore.set('session', updatedSession, {
+	cookieStore.set('session_nc_db', updatedSession, {
 		httpOnly: true,
 		secure: false,
 		expires: updatedPayload.expiresAt,
@@ -79,7 +79,7 @@ export async function updateSession(newToken: string) {
 export async function getSessionData(type: 'token' | 'email'): Promise<string | null> {
 	const cookieStore = await cookies();
-	const sessionCookie = cookieStore.get('session')?.value;
+	const sessionCookie = cookieStore.get('session_nc_db')?.value;
 	if (!sessionCookie) {
 		return null;
@@ -99,7 +99,7 @@ export async function deleteSession() {
 	console.log('delete session')
 	try {
 		const cookieStore = await cookies()
-		cookieStore.delete('session');
+		cookieStore.delete('session_nc_db');
 	} catch (error) {
 	} finally {
@@ -0,0 +1,265 @@
 'use server';
 import { getSessionData } from '@/app/actions/session';
 import { API_BASE_URL } from '@/app/actions/definitions';
 import { headers } from 'next/headers';
 export async function requestFileWithTracking(fileId: string) {
 	const token = await getSessionData('token');
 	const headersList = await headers();
 	const forwardedFor = headersList.get('x-forwarded-for');
 	const realIp = headersList.get('x-real-ip');
 	const ip = forwardedFor?.split(',')[0] || realIp || 'unknown';
 	const userAgent = headersList.get('user-agent') || 'unknown';
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/file/link`, {
 			method: 'POST',
 			body: JSON.stringify({
 				file_id: fileId,
 				ip: ip,
 				user_agent: userAgent
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const contentType = response.headers.get('content-type');
 			if (contentType?.includes('application/json')) {
 				const data = await response.json();
 				return data.message_body;
 			} else {
 				const blob = await response.blob();
 				return URL.createObjectURL(blob);
 			}
 		} else {
 			throw new Error(`${response.status}`);
 		}
 	} catch (error) {
 		return null;
 	}
 }
 export async function requestFileAsBuffer(fileId: string): Promise<ArrayBuffer | null> {
 	const token = await getSessionData('token');
 	const headersList = await headers();
 	const forwardedFor = headersList.get('x-forwarded-for');
 	const realIp = headersList.get('x-real-ip');
 	const ip = forwardedFor?.split(',')[0] || realIp || 'unknown';
 	const userAgent = headersList.get('user-agent') || 'unknown';
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/file/link`, {
 			method: 'POST',
 			body: JSON.stringify({
 				file_id: fileId,
 				ip: ip,
 				user_agent: userAgent
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (!response.ok) {
 			throw new Error(`${response.status}`);
 		}
 		const contentType = response.headers.get('content-type');
 		if (contentType?.includes('application/json')) {
 			const data = await response.json();
 			const fileUrl = data.message_body;
 			const fileResponse = await fetch(fileUrl);
 			if (!fileResponse.ok) {
 				throw new Error(`Failed to fetch file: ${fileResponse.status}`);
 			}
 			return await fileResponse.arrayBuffer();
 		}
 		else {
 			return await response.arrayBuffer();
 		}
 	} catch (error) {
 		return null;
 	}
 }
 export async function fetchDocumentInfo(fileId: string) {
 	const token = await getSessionData('token');
 	console.log('fetchDocumentInfo');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/files/public/file-info/${fileId}`, {
 			method: 'GET',
 			headers: {
 				'Content-Type': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			return parsed;
 		} else {
 			throw new Error(`${response.status}`);
 		}
 	} catch (error) {
 		return null;
 	}
 }
 export async function filePermisionChange(fileId: string, permissions: boolean) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 20005,
 				message_body: {
 					file_id: fileId,
 					action: 'change_permission',
 					permissions: {
 						DOWNLOAD: permissions
 					}
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return true;
 			} else {
 				return false;
 			}
 		} else {
 			throw new Error(`${response.status}`);
 		}
 	} catch (error) {
 		return null;
 	}
 }
 export async function fetchHistoryView(
 	page: number,
 	size: number,
 	locale: string,
 	sortDirection?: 'asc' | 'desc',
 	sortBy?: string
 ) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30028,
 				message_body: {
 					action: 'history_view',
 					page: page,
 					size: size,
 					locale: locale,
 					sort_direction: sortDirection,
 					sort_by: sortBy
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return parsed.message_body;
 			} else {
 				return null;
 			}
 		} else {
 			throw new Error(`${response.status}`);
 		}
 	} catch (error) {
 		return null;
 	}
 }
 export async function fetchTrackingStats() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30028,
 				message_body: {
 					action: 'view_stats'
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return parsed.message_body;
 			} else {
 				return null;
 			}
 		} else {
 			throw new Error(`${response.status}`);
 		}
 	} catch (error) {
 		return null;
 	}
 }
 export async function downloadTrackingFile(fileId: string, fileName?: string) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/files/public-download/${fileId}`, {
 			method: 'GET',
 			headers: {
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (!response.ok) {
 			throw 'failed-to-download-file';
 		}
 		const arrayBuffer = await response.arrayBuffer()
 		const base64 = Buffer.from(arrayBuffer).toString('base64')
 		return {
 			data: base64,
 			contentType: response.headers.get('content-type') || 'application/octet-stream',
 			fileName: fileName ? fileName : 'fileName'
 		}
 	} catch (error) {
 		return null;
 	}
 }
@@ -0,0 +1,719 @@
 'use server'
 import { getSessionData } from '@/app/actions/session';
 import { API_BASE_URL, createComplaintSchema, createClaimSchema } from '@/app/actions/definitions';
 export async function getViolationSearchStatus() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/global-search/actual-task`, {
 			method: 'GET',
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			}
 		});
 		if (response.ok) {
 			const text = await response.text();
 			if (text) {
 				try {
 					const parsed = JSON.parse(text);
 					return parsed;
 				} catch (e) {
 					return {
 						status: text === 'Task not found' ? 'task-not-found' : text
 					};
 				}
 			} else {
 				return null;
 			}
 		} else {
 			return null
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function startGlobalMonitoring(monitoringType: 'monitoring' | 'all_files') {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/global-search/start`, {
 			method: 'POST',
 			body: JSON.stringify({
 				searchType: monitoringType,
 				...(monitoringType === 'all_files' && { fileIds: [] })
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Authorization': `Bearer ${token}`,
 			}
 		});
 		if (response.ok) {
 			const parsed: {
 				taskId: string,
 				status: string,
 				totalFiles: number
 			} = await response.json();
 			if (parsed?.status === 'ACCEPTED') {
 				return parsed
 			} else {
 				return null
 			}
 		} else {
 			return null
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function getViolationFilesArray(props: {
 	page?: number,
 	size?: number,
 	start_date?: string,
 	end_date?: string,
 	file_name?: string
 }) {
 	const token = await getSessionData('token');
 	const { page, size, start_date, end_date, file_name } = props;
 	try {
 		const body: Record<string, any> = {};
 		if (page !== undefined) body.page = page;
 		if (size !== undefined) body.size = size;
 		if (start_date !== undefined) body.start_date = start_date;
 		if (end_date !== undefined) body.end_date = end_date;
 		if (file_name !== undefined) body.file_name = file_name;
 		const response = await fetch(`${API_BASE_URL}/api/v1/global-search/violation-summary-with-files`, {
 			method: 'POST',
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			},
 			body: JSON.stringify(body),
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.content.length) {
 				return parsed;
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return []
 	}
 }
 export async function getFileMatches(fileId: string, page: number, status?: string, violationId?: string, startDate?: string, endDate?: string) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30009,
 				message_body: {
 					file_id: fileId,
 					page: (page > 0 ? page - 1 : 0),
 					size: 5,
 					sort_direction: 'desc',
 					status: status,
 					...(violationId && { action: 'getByViolationId' }),
 					...(violationId && { violation_id: violationId }),
 					...((startDate && endDate) && { start_date: startDate, end_date: endDate })
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_body) {
 				return parsed.message_body;
 			} else {
 				throw null;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function fetchViolationAnalyticStatistic(group: 'domain' | 'tld') {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30009,
 				message_body: {
 					group_by: group,
 					action: "group",
 					sort_direction: 'desc'
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_body) {
 				return parsed?.message_body;
 			} else {
 				throw null;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function fetchViolationStatistic(id?: string) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30010,
 				message_body: {
 					...(id && { file_id: id })
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_body) {
 				return parsed?.message_body;
 			} else {
 				throw null;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function fetchViolationFinalSummaryStatistic() {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30023
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_code === 0) {
 				return parsed?.message_body;
 			} else {
 				throw null;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return null
 	}
 }
 interface complainBody {
 	previousText: string,
 	violationID: string | null,
 	success: boolean,
 	errorMessage?: Record<string, string> | null
 }
 export async function createComplaint(
 	state: complainBody | undefined,
 	formData: FormData
 ): Promise<complainBody> {
 	const email = await getSessionData('email');
 	const token = await getSessionData('token');
 	const violationId = formData.get('violationId') as string || '';
 	const textArea = formData.get('note') as string || '';
 	const validatedFields = createComplaintSchema.safeParse({
 		textArea
 	});
 	if (!validatedFields.success) {
 		const errors: Record<string, string> = {}
 		JSON.parse(validatedFields.error.message).forEach((obj: {
 			message: string,
 			path: string
 		}) => {
 			if (errors[obj.path[0]]) {
 				errors[obj.path[0]] = `${errors[obj.path[0]]} ${obj.message}`;
 			} else {
 				errors[obj.path[0]] = obj.message;
 			}
 		});
 		return {
 			violationID: violationId,
 			previousText: textArea,
 			success: false,
 			errorMessage: errors
 		}
 	}
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30013,
 				message_body: {
 					action: 'create',
 					violation_id: violationId,
 					text: textArea,
 					email: email
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_code === 0) {
 				return {
 					violationID: violationId,
 					previousText: textArea,
 					success: true
 				};
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		const errors: Record<string, string> = {}
 		if (error && typeof error === 'object' && 'message_code' in error) {
 			const err = error as { message_code: number };
 			if (err.message_code === 2) {
 				errors['server'] = 'the-complaint-has-not-been-registered'
 				return {
 					violationID: violationId,
 					previousText: textArea,
 					success: false,
 					errorMessage: errors
 				}
 			}
 		}
 		errors['server'] = 'error-save';
 		return {
 			violationID: violationId,
 			previousText: textArea,
 			success: false,
 			errorMessage: errors
 		}
 	}
 }
 export async function fetchComplainInfo(id: number) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30013,
 				message_body: {
 					action: 'get_by_violation',
 					violation_id: id
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_code === 0) {
 				return {
 					body: parsed?.message_body
 				}
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return {
 			errorMessage: 'error'
 		}
 	}
 }
 export type MatchStatus = 'NEW' | 'SHOWED' | 'LEGAL_IN_WORK' | 'COMPLAINT_IN_WORK' | 'COMPLAINT_AND_LEGAL_IN_WORK' | 'AUTHORIZED_USE' | 'NOT_OWNER_FILE';
 export async function updateMatchStatus(id: number, status: MatchStatus) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30009,
 				message_body: {
 					action: 'updateStatus',
 					violation_id: id,
 					status: status
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_body.status) {
 				return true
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return false
 	}
 }
 export async function fetchClaimInfo(id: number) {
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30017,
 				message_body: {
 					action: 'get_all',
 					pageSize: 1,
 					pageNumber: 0,
 					sortBy: "createdAt",
 					sortDir: "desc",
 					violation_id: id
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_code === 0) {
 				return {
 					body: parsed?.message_body
 				}
 			} else if (parsed?.message_code !== 0 && parsed?.message_desc === 'Law case not found') {
 				return {
 					body: null
 				}
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return {
 			errorMessage: 'error'
 		}
 	}
 }
 interface caseBody {
 	previousText: string,
 	previousCaseTitle: string,
 	previousAmount: string,
 	violationID: string | null,
 	success: boolean,
 	errorMessage?: Record<string, string> | null
 }
 export async function createClaim(
 	state: caseBody | undefined,
 	formData: FormData
 ): Promise<caseBody> {
 	const email = await getSessionData('email');
 	const token = await getSessionData('token');
 	const violationId = formData.get('violationId') as string || '';
 	const textArea = formData.get('note') as string || '';
 	const caseTitle = formData.get('caseTitle') as string || '';
 	const amount = formData.get('amount') as string || '';
 	const validatedFields = createClaimSchema.safeParse({
 		textArea,
 		caseTitle
 	});
 	if (!validatedFields.success) {
 		const errors: Record<string, string> = {}
 		JSON.parse(validatedFields.error.message).forEach((obj: {
 			message: string,
 			path: string
 		}) => {
 			if (errors[obj.path[0]]) {
 				errors[obj.path[0]] = `${errors[obj.path[0]]} ${obj.message}`;
 			} else {
 				errors[obj.path[0]] = obj.message;
 			}
 		});
 		return {
 			violationID: violationId,
 			previousText: textArea,
 			previousCaseTitle: caseTitle,
 			previousAmount: amount,
 			success: false,
 			errorMessage: errors
 		}
 	}
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30017,
 				message_body: {
 					action: 'create',
 					violation_id: violationId,
 					description: textArea,
 					email: email,
 					name: caseTitle,
 					priority: 'HIGH',
 					amount: Number(amount)
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed?.message_code === 0) {
 				return {
 					violationID: violationId,
 					previousCaseTitle: caseTitle,
 					previousText: textArea,
 					previousAmount: amount,
 					success: true
 				};
 			} else {
 				throw parsed;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		const errors: Record<string, string> = {}
 		if (error && typeof error === 'object' && 'message_code' in error) {
 			const err = error as { message_code: number };
 			if (err.message_code === 2) {
 				errors['server'] = 'the-complaint-has-not-been-registered'
 				return {
 					violationID: violationId,
 					previousText: textArea,
 					previousCaseTitle: caseTitle,
 					previousAmount: amount,
 					success: false,
 					errorMessage: errors
 				}
 			}
 		}
 		errors['server'] = 'error-save';
 		return {
 			violationID: violationId,
 			previousText: textArea,
 			previousCaseTitle: caseTitle,
 			previousAmount: amount,
 			success: false,
 			errorMessage: errors
 		}
 	}
 }
 export interface ComplaintsCaseQueryParams {
 	page?: number,
 	size?: number,
 	sort_by?: string,
 	sort_direction?: 'desc' | 'asc'
 }
 export async function fetchLastClaims(params: ComplaintsCaseQueryParams) {
 	const token = await getSessionData('token');
 	const { page, size, sort_by, sort_direction } = params;
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30017,
 				message_body: {
 					action: "get_all",
 					pageNumber: page,
 					size,
 					sort_by,
 					sort_direction
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return parsed.message_body;
 			} else {
 				throw null;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function fetchLastComplaint(params: ComplaintsCaseQueryParams) {
 	const token = await getSessionData('token');
 	const { page, size, sort_by, sort_direction } = params;
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30013,
 				message_body: {
 					action: "get_all",
 					page,
 					size,
 					sort_by,
 					sort_direction
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			let parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return parsed.message_body;
 			} else {
 				throw null;
 			}
 		} else {
 			throw (`${response.status}`);
 		}
 	} catch (error) {
 		return null
 	}
 }
@@ -4,7 +4,6 @@ import { API_BASE_URL } from '@/app/actions/definitions';
 import { createSession } from '@/app/actions/session';
 import { redirect } from 'next/navigation';
 export async function YandexAuthorization(data: any, codeVerifier: string) {
 	console.log(data);
@@ -1,43 +1,122 @@
 'use server'
 import { YooCheckout, ICreatePayment } from '@a2seven/yoo-checkout';
-import { getSessionData } from '@/app/actions/session';
+import { getSessionData, deleteSession } from '@/app/actions/session';
 import { API_BASE_URL } from '@/app/actions/definitions';
 const checkout = new YooCheckout({ shopId: '1276731', secretKey: 'test_0Yns_0NHV5GJf6ypJ5HC4NSfnLO8SJkw-1PwrVWsDl4' });
-const idempotenceKey = '02347fc4-a1f0-49db-807e-f0d67c2ed5a5';
+export async function makePaymentOperation(email: string, tariffId: number, operationUuid: string, operationType: 'TARIFF' | 'TOKEN') {
 	const formData = new FormData();
 	const token = await getSessionData('token');
-export async function yooKasaCreatePayment(amount: number, tariff: string) {
+	formData.append('email', email);
-	console.log(amount);
+	formData.append('tariffId', tariffId.toString());
-	console.log(tariff);
+	formData.append('operationType', operationType);
-	/* return true; */
+	formData.append('operationUuid', operationUuid);
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/payments/create`, {
 			method: 'POST',
 			body: formData,
 			headers: {
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed.paymentUuid) {
 				return true
 			} else {
 				throw 'error'
 			}
 		} else {
 			throw 'error'
 		}
 	} catch (error) {
 		return null
 	}
 }
 export async function yooKasaCreatePayment(amount: number, tariff: number, operationType: 'TARIFF' | 'TOKEN') {
 	const userEmail = await getSessionData('email');
 	const timestamp = Date.now();
 	const random = Math.random().toString(36).substring(2, 10);
 	const idempotenceKey = `${userEmail}-${timestamp}-${amount}-${tariff}-${random}`;
 	if (!userEmail) {
 		return null;
 	}
 	const createPayload: ICreatePayment = {
 		amount: {
-			value: amount.toLocaleString(),
+			value: amount.toLocaleString().replace(/[,\s.]/g, ''),
 			currency: 'RUB'
 		},
 		payment_method_data: {
 			type: 'bank_card'
 		},
 		confirmation: {
-			type: 'redirect',
+			type: 'embedded',
 			return_url: 'test'
 		},
 		metadata: {
-			userId: userEmail,
+			userMail: userEmail,
 			tariff: tariff
-		}
+		},
 		merchant_customer_id: userEmail,
 		capture: true,
 		save_payment_method: operationType === 'TOKEN' ? false : true,
 		/* ...(operationType === 'TOKEN' && { save_payment_method: false }) */
 	};
 	try {
-		const payment = await checkout.createPayment(createPayload, Date.now().toLocaleString());
+		const payment = await checkout.createPayment(createPayload, idempotenceKey);
-		console.log(payment);
+		const response = await makePaymentOperation(userEmail, tariff, payment.id, operationType);
-		return payment?.confirmation.confirmation_url;
+
-		/* return payment; */
+		if (payment && response) {
 			return payment?.confirmation.confirmation_token;
 		} else {
 			return null;
 		}
 	} catch (error) {
-		console.error(error);
+		return null;
 	}
 }
 export async function fetchPaymentsHistory() {
 	const email = await getSessionData('email');
 	const token = await getSessionData('token');
 	try {
 		const response = await fetch(`${API_BASE_URL}/api/v1/data`, {
 			method: 'POST',
 			body: JSON.stringify({
 				version: 1,
 				msg_id: 30005,
 				message_body: {
 					action: 'user_payments',
 					email: email
 				}
 			}),
 			headers: {
 				'Content-Type': 'application/json',
 				'Accept': 'application/json',
 				'Authorization': `Bearer ${token}`
 			}
 		});
 		if (response.ok) {
 			const parsed = await response.json();
 			if (parsed.message_code === 0) {
 				return {
 					payments: parsed.message_body.payments,
 					error: null
 				};
 			} else {
 				throw parsed.message_code;
 			}
 		} else {
 			return null
 		}
 	} catch (error) {
 		return null
 	}
 }
@@ -1,51 +0,0 @@
 import { NextRequest, NextResponse } from 'next/server';
 import { getSessionData } from '@/app/actions/session';
 import { API_BASE_URL } from '@/app/actions/definitions';
 export async function GET(
 	request: NextRequest,
 	{ params }: { params: Promise<{ id: string }> }
 ) {
 	try {
 		const token = await getSessionData('token');
 		if (!token) {
 			return NextResponse.json(
 				{ error: 'need authorization' },
 				{ status: 401 }
 			);
 		}
 		const { id } = await params;
 		const response = await fetch(`${API_BASE_URL}/api/v1/files/download/${id}`, {
 			method: 'GET',
 			headers: {
 				"Authorization": token
 			}
 		});
 		if (!response.ok) {
 			throw new Error(`backend error: ${response.status}`);
 		}
 		const fileBlob = await response.blob();
 		const headers = new Headers(response.headers);
 		return new NextResponse(fileBlob, {
 			status: 200,
 			headers: {
 				'Content-Type': headers.get('content-type') || 'application/octet-stream',
 				'Content-Disposition': headers.get('content-disposition') || `attachment; filename="file-${id}"`,
 				'Content-Length': headers.get('content-length') || String(fileBlob.size),
 			},
 		});
 	} catch (error) {
 		console.error('download error:', error);
 		return NextResponse.json(
 			{ error: 'download file error' },
 			{ status: 500 }
 		);
 	}
 }
@@ -3,36 +3,12 @@
 import { useEffect, useRef, useCallback } from 'react';
 import { tokenLifeExtension } from '@/app/actions/auth';
 import { usePathname, useSearchParams } from 'next/navigation';
 import { removeUserFile } from '@/app/actions/fileEntity';
 export default function ActivityTracker() {
 	const lastRefreshTime = useRef(Date.now());
 	const activityTimeoutRef = useRef<NodeJS.Timeout>(null);
 	const isRefreshing = useRef(false);
 	const pathname = usePathname();
 	const searchParams = useSearchParams();
 	useEffect(() => {
 		const selectedId = document.cookie
 			.split('; ')
 			.find(row => row.startsWith('searchedFileId='))
 			?.split('=')[1];
 		const handleCookie = async () => {
 			if (selectedId) {
 				await removeUserFile(selectedId, 1);
 				document.cookie = 'searchedFileId=; path=/; max-age=0';
 			}
 		};
 		if (selectedId) {
 			handleCookie();
 		}
 	}, [pathname, searchParams]);
 	// Debounce функция
 	const debounce = useCallback((func: () => void, delay: number) => {
 		if (activityTimeoutRef.current) {
@@ -48,6 +48,7 @@ export default function DropDownList({ children, value, callBack, translatedValu
 					setIsOpen(!isOpen)
 				}}
 				className="dropdown-button"
 				type="button"
 			>
 				<span className="flex items-center">
 					<span className="mr-2">
@@ -0,0 +1,103 @@
 'use client'
 import { useTranslations } from 'next-intl'
 interface NotificationTextHandlerProps {
 	notificationType: string
 	notificationMessage: string
 	notificationContext: Record<string, string>
 }
 export function NotificationTextHandler({
 	notificationType,
 	notificationMessage,
 	notificationContext
 }: NotificationTextHandlerProps) {
 	const t = useTranslations('Notifications');
 	const getNotificationText = () => {
 		if (!notificationType) {
 			return t.has(notificationMessage) ? t(notificationMessage) : notificationMessage
 		}
 		switch (notificationType) {
 			case 'USER_VERIFIED':
 				return t('user-verified', {
 					status: notificationContext?.status || t('not-specified'),
 					updateDate: notificationContext?.update_date || t('not-specified-date')
 				});
 			case 'MONITORING_RESULT':
 				return t('monitoring-result', {
 					message: notificationContext?.message || t('message-missing')
 				});
 			case 'COMPLAINT_STATUS_CHANGED':
 				return t('complaint-status-changed', {
 					newStatus: notificationContext?.new_status || t('not-specified'),
 					oldStatus: notificationContext?.old_status || t('not-specified'),
 					violation: notificationContext?.violation || t('not-specified'),
 					file: notificationContext?.file || t('not-specified')
 				});
 			case 'FILE_ADDED_TO_SYSTEM':
 				return t('file-added-to-system', {
 					status: notificationContext?.status || t('not-specified'),
 					fileName: notificationContext?.file_name || t('not-specified-file-name')
 				});
 			case 'FILE_MODERATION_EVENT':
 				return t('file-moderation-event', {
 					fileName: notificationContext?.file_name || t('not-specified-file-name'),
 					oldStatus: notificationContext?.old_status || t('not-specified'),
 					newStatus: notificationContext?.new_status || t('not-specified'),
 					comment: notificationContext?.comment || t('no-comment')
 				});
 			case 'PAYMENT_RESULT':
 				return t('payment-result', {
 					status: notificationContext?.status || t('not-specified'),
 					amount: notificationContext?.amount || '0'
 				});
 			case 'REFERRAL_REGISTERED':
 				return t('referral-registered', {
 					referralUser: notificationContext?.referral_user || t('unknown-user')
 				});
 			case 'SEARCH_RESULT':
 				return t('search-result', {
 					startDate: notificationContext?.start_date || t('not-specified-date'),
 					endDate: notificationContext?.end_date || t('not-specified-date'),
 					searchType: notificationContext?.search_type || t('not-specified'),
 					count: notificationContext?.count || '0'
 				});
 			case 'SEARCH_OPERATION_FAILED':
 				return t('search-operation-failed', {
 					status: notificationContext?.status || t('not-specified'),
 					errorMessage: notificationContext?.error_message || t('error-not-described'),
 					message: notificationContext?.message || t('message-missing'),
 					reason: notificationContext?.reason || t('reason-not-specified'),
 					nextRun: notificationContext?.next_run || t('not-scheduled')
 				});
 			case 'TOKEN_NOT_FOUND':
 				return t('token-not-found', {
 					currentTokens: notificationContext?.current_tokens || '0',
 					needTokens: notificationContext?.need_tokens || t('not-specified'),
 					message: notificationContext?.message || t('message-missing'),
 					nextRun: notificationContext?.next_run || t('not-scheduled')
 				});
 			default:
 				return notificationMessage || t('notification-without-text');
 		}
 	};
 	return (
 		<div>
 			{getNotificationText()}
 		</div>
 	);
 }
@@ -0,0 +1,251 @@
 'use client';
 import { useEffect, useRef, useState } from 'react';
 import { usePdf } from '@/app/contexts/PdfContext';
 import { requestFileAsBuffer } from '@/app/actions/trackingActions';
 interface PdfViewerProps {
 	fileId: string;
 	fileName?: string;
 	showDownload?: boolean;
 }
 export default function PdfViewer({ fileId, fileName = 'document.pdf', showDownload }: PdfViewerProps) {
 	const canvasRef = useRef<HTMLCanvasElement>(null);
 	const [currentPage, setCurrentPage] = useState(1);
 	const [totalPages, setTotalPages] = useState(0);
 	const [loading, setLoading] = useState(true);
 	const [error, setError] = useState<string | null>(null);
 	const [fullscreen, setFullscreen] = useState(false);
 	const containerRef = useRef<HTMLDivElement>(null);
 	const pdfDocumentRef = useRef<any>(null);
 	const { setPdfData } = usePdf();
 	useEffect(() => {
 		let isMounted = true;
 		let objectUrl: string | null = null;
 		const loadAndDisplayPdf = async () => {
 			try {
 				setLoading(true);
 				const pdfData = await requestFileAsBuffer(fileId);
 				if (!pdfData) {
 					throw new Error('Failed to load document');
 				}
 				//это нужно для скачивания так-как иначе pdfData теряется для скачивания
 				if (showDownload) {
 					const pdfDataForDownload = pdfData.slice(0);
 					setPdfData(pdfDataForDownload, fileName);
 				}
 				if (!isMounted) return;
 				const pdfjs = await import('pdfjs-dist');
 				pdfjs.GlobalWorkerOptions.workerSrc = new URL(
 					'pdfjs-dist/build/pdf.worker.mjs',
 					import.meta.url
 				).toString();
 				const loadingTask = pdfjs.getDocument({
 					data: pdfData,
 					useSystemFonts: true,
 					disableFontFace: false,
 				});
 				const pdfDocument = await loadingTask.promise;
 				if (!isMounted) return;
 				pdfDocumentRef.current = pdfDocument;
 				setTotalPages(pdfDocument.numPages);
 				setCurrentPage(1);
 				await renderPage(pdfDocument, 1);
 			} catch (err) {
 				console.error('Error loading PDF:', err);
 				if (isMounted) {
 					setError('Не удалось загрузить документ');
 				}
 			} finally {
 				if (isMounted) {
 					setLoading(false);
 				}
 			}
 		};
 		loadAndDisplayPdf();
 		return () => {
 			isMounted = false;
 			if (pdfDocumentRef.current) {
 				pdfDocumentRef.current.destroy();
 			}
 			if (objectUrl) {
 				URL.revokeObjectURL(objectUrl);
 			}
 		};
 	}, [fileId, setPdfData]);
 	const renderPage = async (pdfDocument: any, pageNum: number) => {
 		if (!canvasRef.current) return;
 		try {
 			const page = await pdfDocument.getPage(pageNum);
 			const container = canvasRef.current.parentElement;
 			if (!container) return;
 			const containerWidth = container.clientWidth || 800;
 			// Если ширина контейнера 0, откладываем рендер
 			if (containerWidth === 0) {
 				console.log('Container width is 0, waiting...');
 				setTimeout(() => renderPage(pdfDocument, pageNum), 100);
 				return;
 			}
 			const originalViewport = page.getViewport({ scale: 1 });
 			const scale = containerWidth / originalViewport.width;
 			const viewport = page.getViewport({ scale: Math.min(scale, 1.5) });
 			const canvas = canvasRef.current;
 			const context = canvas.getContext('2d');
 			canvas.height = viewport.height;
 			canvas.width = viewport.width;
 			const renderContext = {
 				canvasContext: context!,
 				viewport: viewport,
 			};
 			await page.render(renderContext).promise;
 		} catch (err) {
 			console.log('Error rendering page:', err);
 		}
 	};
 	useEffect(() => {
 		if (!pdfDocumentRef.current || loading) return;
 		const checkContainer = () => {
 			const container = canvasRef.current?.parentElement;
 			if (container && container.clientWidth > 0) {
 				renderPage(pdfDocumentRef.current, currentPage);
 			} else {
 				setTimeout(checkContainer, 100);
 			}
 		};
 		checkContainer();
 	}, [pdfDocumentRef.current, loading]);
 	const goToPrevPage = async () => {
 		if (pdfDocumentRef.current && currentPage > 1) {
 			const newPage = currentPage - 1;
 			setCurrentPage(newPage);
 			await renderPage(pdfDocumentRef.current, newPage);
 		}
 	};
 	const goToNextPage = async () => {
 		if (pdfDocumentRef.current && currentPage < totalPages) {
 			const newPage = currentPage + 1;
 			setCurrentPage(newPage);
 			await renderPage(pdfDocumentRef.current, newPage);
 		}
 	};
 	const toggleFullscreen = () => {
 		if (!containerRef.current) return;
 		if (!document.fullscreenElement) {
 			containerRef.current.requestFullscreen();
 			setFullscreen(true);
 		} else {
 			document.exitFullscreen();
 			setFullscreen(false);
 		}
 	};
 	useEffect(() => {
 		const handleFullscreenChange = () => {
 			setFullscreen(!!document.fullscreenElement);
 			if (pdfDocumentRef.current && !document.fullscreenElement) {
 				setTimeout(() => renderPage(pdfDocumentRef.current, currentPage), 100);
 			}
 		};
 		document.addEventListener('fullscreenchange', handleFullscreenChange);
 		return () => document.removeEventListener('fullscreenchange', handleFullscreenChange);
 	}, [currentPage]);
 	useEffect(() => {
 		const handleResize = () => {
 			if (pdfDocumentRef.current && !loading) {
 				renderPage(pdfDocumentRef.current, currentPage);
 			}
 		};
 		window.addEventListener('resize', handleResize);
 		return () => window.removeEventListener('resize', handleResize);
 	}, [currentPage, loading]);
 	if (loading) {
 		return (
 			<div className="prev-wrap">
 				<div className="pdf-loading">Загрузка документа...</div>
 			</div>
 		);
 	}
 	if (error) {
 		return (
 			<div className="prev-wrap">
 				<div className="pdf-error">{error}</div>
 			</div>
 		);
 	}
 	return (
 		<div ref={containerRef} className="pdf-container">
 			<div className="prev-wrap">
 				<canvas ref={canvasRef} className="pdf-canvas" />
 			</div>
 			{totalPages > 0 && (
 				<div className="document-controls">
 					<div className="document-controls__nav">
 						<button
 							className="document-controls__prev"
 							onClick={goToPrevPage}
 							disabled={currentPage === 1}
 						>
 							← Пред.
 						</button>
 						<span className="document-controls__current-page">
 							{currentPage} / {totalPages}
 						</span>
 						<button
 							className="document-controls__next"
 							onClick={goToNextPage}
 							disabled={currentPage === totalPages}
 						>
 							След. →
 						</button>
 					</div>
 					<button
 						className="document-controls__fullscreen"
 						onClick={toggleFullscreen}
 					>
 						{fullscreen ? 'Выйти' : 'На весь экран'}
 					</button>
 				</div>
 			)}
 		</div>
 	);
 }
@@ -1,920 +0,0 @@
 'use client';
 import { useState, useMemo, useEffect, ReactNode } from 'react';
 import {
 	useReactTable,
 	getCoreRowModel,
 	getSortedRowModel,
 	getPaginationRowModel,
 	getFilteredRowModel,
 	ColumnDef,
 	SortingState,
 	ColumnFiltersState,
 } from '@tanstack/react-table';
 import { IconEye, IconDoubleArrowRight, IconArrowRight, IconDoubleArrowLeft, IconArrowLeft, IconArrowUp, IconArrowDown, IconFilter, IconFileDownload, IconShieldExclamation } from '@/app/ui/icons/icons';
 import { useTranslations, useLocale } from 'next-intl';
 import DropDownList from '@/app/components/DropDownList';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { getUserFilesData, removeUserFile, viewFileInfo } from '@/app/actions/fileEntity';
 import ModalWindow from '@/app/components/ModalWindow';
 import { toast } from 'sonner';
 import { pluralize } from '@/app/lib/pluralize';
 import { convertBytes } from '@/app/lib/convertBytes';
 import { FileInfoModalWindow } from '@/app/ui/modal-windows/file-info-modal-window';
 import { FileTypeIcon } from '@/app/components/FileTypeIcon';
 type FileType = 'image' | 'video' | 'audio';
 type FileItem = {
 	id: string;
 	fileName: string;
 	fileType: string;
 	violations?: number | undefined;
 	size?: number | undefined;
 	uploadDate?: number;
 	status?: string;
 	protectStatus: string;
 	_original?: ApiFile;
 	supportId: number;
 };
 type ApiFile = {
 	id: string;
 	originalFileName: string;
 	mimeType: string;
 	violations: number;
 	fileSize: number;
 	updatedAt: string;
 	status: string;
 	protectStatus: string;
 	supportId: number;
 	fileName: string;
 };
 type ApiResponse = {
 	files?: ApiFile[];
 };
 // Форматирование даты из timestamp
 const formatDate = (timestamp: number) => {
 	const date = new Date(timestamp);
 	const day = date.getDate().toString().padStart(2, '0');
 	const month = (date.getMonth() + 1).toString().padStart(2, '0');
 	const year = date.getFullYear();
 	return `${day}.${month}.${year}`;
 };
 const formatDateTime = (timestamp: number) => {
 	const date = new Date(timestamp);
 	const hours = date.getHours().toString().padStart(2, '0');
 	const minutes = date.getMinutes().toString().padStart(2, '0');
 	return `${hours}:${minutes}`;
 };
 const cutFileName = (fileName: string) => {
 	const MAX_FILE_NAME_LENGTH = 26;
 	const lastDotIndex = fileName.lastIndexOf('.');
 	if (lastDotIndex <= 0) {
 		return fileName.length > MAX_FILE_NAME_LENGTH ? fileName.substring(0, MAX_FILE_NAME_LENGTH - 3) + '...' : fileName;
 	}
 	const nameWithoutExtension = fileName.substring(0, lastDotIndex);
 	const extension = fileName.substring(lastDotIndex);
 	if (fileName.length <= MAX_FILE_NAME_LENGTH) {
 		return fileName;
 	}
 	const maxNameLength = MAX_FILE_NAME_LENGTH - extension.length - 3;
 	if (maxNameLength <= 0) {
 		return '...' /* + extension */;
 	}
 	return nameWithoutExtension.substring(0, maxNameLength) + '...' /* + extension */;
 }
 const cutFileExtension = (fileName: string) => {
 	const lastDotIndex = fileName.lastIndexOf('.');
 	const extension = fileName.substring(lastDotIndex + 1);
 	return extension;
 }
 export default function TanstakFilesTable({ fileType }: { fileType: string }) {
 	const {
 		data: tableData,
 		isLoading,
 		isError,
 		error,
 	} = useQuery<ApiResponse, Error, FileItem[], ['userFilesData', number, number]>({
 		queryKey: ['userFilesData', 1, 10000],
 		queryFn: () => getUserFilesData(1, 10000),
 		select: (data: ApiResponse): FileItem[] => {
 			if (!data?.files) return [];
 			return data.files.map((item: ApiFile) => {
 				const newDate = new Date(item.updatedAt).getTime();
 				return {
 					id: item.id,
 					fileName: item.originalFileName,
 					fileType: item.mimeType.toLocaleLowerCase(),
 					violations: item.violations,
 					size: item.fileSize,
 					uploadDate: newDate,
 					status: item.status,
 					protectStatus: item.protectStatus,
 					supportId: item.supportId,
 					_original: item
 				};
 			});
 		},
 	});
 	const queryClient = useQueryClient();
 	// Состояния
 	const [sorting, setSorting] = useState<SortingState>([]);
 	const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
 	const [dateFilter, setDateFilter] = useState<string>('all');
 	const [typeFilter, setTypeFilter] = useState<string>(fileType);
 	const [pagination, setPagination] = useState({
 		pageIndex: 0,
 		pageSize: 10,
 	});
 	const [openWindow, setOpenWindow] = useState<boolean>(false);
 	const [openWindowChildren, setOpenWindowChildren] = useState<ReactNode>(null);
 	const [isFileLoading, setIsFileLoading] = useState(false);
 	const t = useTranslations("Global");
 	const locale = useLocale();
 	// Определение колонок
 	const columns = useMemo<ColumnDef<FileItem>[]>(
 		() => [
 			{
 				accessorKey: 'id',
 				header: ({ column }) => (
 					<div className="column">
 						<span>
 							ID
 						</span>
 						<button
 							onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
 							className="sort-button"
 						>
 							{
 								column.getIsSorted() === 'asc' ?
 									<span>
 										<IconArrowUp />
 									</span>
 									: column.getIsSorted() === 'desc' ?
 										<span>
 											<IconArrowDown />
 										</span>
 										: <span>
 											<IconFilter />
 										</span>
 							}
 						</button>
 					</div>
 				),
 				cell: ({ row }) => {
 					return (
 						<div className="text-center table-item table-item-id">
 							{row.original.supportId ? row.original.supportId : '-'}
 						</div>
 					)
 				},
 			},
 			{
 				accessorKey: 'fileName',
 				header: ({ column }) => (
 					<div className="column start">
 						<span>
 							{t('file')}
 						</span>
 						<button
 							onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
 							className="sort-button"
 						>
 							{
 								column.getIsSorted() === 'asc' ?
 									<span>
 										<IconArrowUp />
 									</span>
 									: column.getIsSorted() === 'desc' ?
 										<span>
 											<IconArrowDown />
 										</span>
 										: <span>
 											<IconFilter />
 										</span>
 							}
 						</button>
 					</div>
 				),
 				cell: ({ row }) => (
 					<div className="flex items-center space-x-2 table-item">
 						<FileTypeIcon type={row.original.fileType} />
 						<div>
 							<div className="font-medium w-full truncate" title={row.original.fileName}>
 								<span className="font-semibold">
 									{cutFileName(row.original.fileName)}
 								</span>
 								<br />
 								<span className="table-item-extension">{cutFileExtension(row.original.fileName)}</span> <span className="table-item-protected">
 									{row.original?.protectStatus ? t(row.original?.protectStatus) : t('error')}
 								</span>
 							</div>
 						</div>
 					</div>
 				),
 				enableColumnFilter: false,
 			},
 			/* 			{
 							accessorKey: 'violations',
 							header: ({ column }) => (
 								<div className="column">
 									<span>
 										{t('violations')}
 									</span>
 									<button
 										onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
 										className="sort-button"
 									>
 										{
 											column.getIsSorted() === 'asc' ?
 												<span>
 													<IconArrowUp />
 												</span>
 												: column.getIsSorted() === 'desc' ?
 													<span>
 														<IconArrowDown />
 													</span>
 													: <span>
 														<IconFilter />
 													</span>
 										}
 									</button>
 								</div>
 							),
 							cell: ({ row }) => {
 								let classCollor = () => {
 									let result = ''
 									if (row.original.violations !== undefined) {
 										result = row.original.violations > 0 ? 'text-red-600' : 'text-green-600'
 									}
 									return result;
 								}
 								return (
 									<div className={`text-center font-semibold ${classCollor()}`}>
 										{row.original.violations !== undefined ? row.original.violations : '-'}
 									</div>
 								)
 							},
 						}, */
 			{
 				accessorKey: 'size',
 				header: ({ column }) => (
 					<div className="column">
 						<span>
 							{t('size')}
 						</span>
 						<button
 							onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
 							className="sort-button"
 						>
 							{
 								column.getIsSorted() === 'asc' ?
 									<span>
 										<IconArrowUp />
 									</span>
 									: column.getIsSorted() === 'desc' ?
 										<span>
 											<IconArrowDown />
 										</span>
 										: <span>
 											<IconFilter />
 										</span>
 							}
 						</button>
 					</div>
 				),
 				cell: ({ row }) => (
 					<div className="text-center table-item">
 						{row.original.size !== undefined ? convertBytes(row.original.size) : '-'}
 					</div>
 				),
 			},
 			{
 				accessorKey: 'uploadDate',
 				header: ({ column }) => (
 					<div className="column">
 						<span>
 							{t('upload-date')}
 						</span>
 						<button
 							onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
 							className="sort-button"
 						>
 							{
 								column.getIsSorted() === 'asc' ?
 									<span>
 										<IconArrowUp />
 									</span>
 									: column.getIsSorted() === 'desc' ?
 										<span>
 											<IconArrowDown />
 										</span>
 										: <span>
 											<IconFilter />
 										</span>
 							}
 						</button>
 					</div>
 				),
 				cell: ({ row }) => {
 					return (
 						<div className="text-center table-item">
 							{row.original.uploadDate ? (
 								<>
 									{formatDate(row.original.uploadDate)}
 									<br />
 									{formatDateTime(row.original.uploadDate)}
 								</>
 							) : (
 								<div>-</div>
 							)}
 						</div>
 					)
 				},
 				enableColumnFilter: false,
 			},
 			{
 				accessorKey: 'status',
 				header: ({ column }) => (
 					<div className="column">
 						<span>
 							{t('status')}
 						</span>
 						<button
 							onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
 							className="sort-button"
 						>
 							{
 								column.getIsSorted() === 'asc' ?
 									<span>
 										<IconArrowUp />
 									</span>
 									: column.getIsSorted() === 'desc' ?
 										<span>
 											<IconArrowDown />
 										</span>
 										: <span>
 											<IconFilter />
 										</span>
 							}
 						</button>
 					</div>
 				),
 				cell: ({ row }) => {
 					return (
 						<div className="text-center font-semibold table-item">
 							<span className="table-item-status">
 								{row.original.status}
 							</span>
 						</div>
 					)
 				},
 			},
 			{
 				id: 'actions',
 				header: () => {
 					return (
 						<div className="column">
 							{t('actions')}
 						</div>
 					)
 				},
 				cell: ({ row }) => (
 					<div className="actions">
 						<div className="actions-group" style={{ display: "none" }}>
 							<button
 								onClick={() => handleProtect(row.original)}
 								className="bg-violet-500 hover:bg-violet-600"
 							>
 								<IconShieldExclamation />
 							</button>
 							{/* <button
 								onClick={() => handleOpenWindowForRemove(row.original)}
 								className="table-action-delete"
 							>
 								<IconDelete />
 								<span>
 									{t('delete')}
 								</span>
 							</button> */}
 						</div>
 						<div className="actions-group">
 							{row.original.protectStatus === 'PROTECTED' && (
 								<button
 									onClick={() => handleDownload(row.original)}
 									disabled={isFileLoading}
 									className="table-action-download"
 								>
 									<IconFileDownload />
 									<span>
 										{t('download')}
 									</span>
 								</button>
 							)}
 							<button
 								onClick={() => {
 									handleView(row.original)
 								}}
 								className="table-action-view"
 							>
 								<IconEye />
 								<span>
 									{t('make-check')}
 								</span>
 							</button>
 						</div>
 					</div>
 				),
 				enableSorting: false,
 				enableColumnFilter: false,
 			},
 		],
 		[]
 	);
 	const handleView = async (file: FileItem) => {
 		console.log(`Просмотр файла: ${file.fileName}`);
 		console.log(file);
 		const fileInfo = await viewFileInfo(file.id);
 		console.log(fileInfo);
 		setOpenWindowChildren(() => {
 			return (
 				<FileInfoModalWindow fileInfo={fileInfo} setWindowClose={setOpenWindow} setWindowChildren={setOpenWindowChildren} />
 			)
 		})
 		setOpenWindow(true);
 	};
 	const handleDownload = async (file: FileItem) => {
 		setIsFileLoading(true);
 		try {
 			const response = await fetch(`/api/download/${file.id}`);
 			if (!response.ok) {
 				throw new Error(`error: ${response.status}`);
 			}
 			const blob = await response.blob();
 			const url = window.URL.createObjectURL(blob);
 			const a = document.createElement('a');
 			a.href = url;
 			a.download = file._original?.fileName || file.fileName || `file-${file.id}`;
 			document.body.appendChild(a);
 			a.click();
 			window.URL.revokeObjectURL(url);
 			document.body.removeChild(a);
 			toast.success(`${t('file-is-downloading')} - ${file.fileName}`);
 		} catch (error) {
 			toast.error(t('failed-to-download-file'))
 		} finally {
 			setIsFileLoading(false);
 		}
 	};
 	const handleProtect = (file: FileItem) => {
 		console.log(`Щиток: ${file.fileName}`);
 	};
 	const handleOpenWindowForRemove = async (file: FileItem) => {
 		setOpenWindowChildren(() => {
 			return (
 				<div>
 					<h3 className="text-2xl">
 						{t('you-sure-you-want-to-delete')}
 					</h3>
 					<div className="mt-2 mb-8 text-center">{file.fileName}</div>
 					<div className="flex justify-center gap-4">
 						<button className="btn-primary btn-modal"
 							onClick={() => {
 								deleteMutation.mutate({
 									fileId: file.id,
 									removeParam: 1,
 								})
 							}}
 							disabled={deleteMutation.isPending}
 						>
 							{deleteMutation.isPending ? '...' : t('yes')}
 						</button>
 						<button className="btn-primary btn-modal"
 							onClick={() => {
 								setOpenWindow(false);
 								setOpenWindowChildren(null);
 							}}
 						>
 							{t('no')}
 						</button>
 					</div>
 				</div>
 			)
 		})
 		setOpenWindow(true);
 	};
 	const deleteMutation = useMutation({
 		mutationFn: ({ fileId, removeParam }: { fileId: string; removeParam: number }) =>
 			removeUserFile(fileId, removeParam),
 		onMutate: async ({ fileId, removeParam }: { fileId: string; removeParam: number }) => {
 			await queryClient.cancelQueries({ queryKey: ['userFilesData'] });
 			queryClient.setQueryData<ApiResponse>(['userFilesData'], (old) => {
 				if (!old?.files) return old;
 				return {
 					...old,
 					files: old.files.filter(file => file.id !== fileId)
 				};
 			});
 		},
 		onError: () => {
 			queryClient.invalidateQueries({ queryKey: ['userFilesData'] });
 			toast.error(t('error'));
 		},
 		onSuccess: (response, { fileId }) => {
 			if (response === fileId) {
 				queryClient.invalidateQueries({
 					queryKey: ['userFilesData'],
 					refetchType: 'active'
 				});
 				queryClient.invalidateQueries({
 					queryKey: ['userFilesInfo']
 				});
 				setOpenWindow(false);
 				setOpenWindowChildren(null);
 				toast.success(t('file-has-been-deleted'));
 			}
 		},
 	});
 	// Фильтрация по типу файла и дате
 	const filteredData = useMemo(() => {
 		let result = tableData;
 		if (!result) {
 			return [];
 		}
 		// Фильтр по типу файла
 		if (typeFilter !== 'all') {
 			result = result.filter(item => item.fileType === typeFilter);
 		}
 		// Фильтр по дате
 		if (dateFilter !== 'all') {
 			const now = Date.now();
 			const oneDay = 24 * 60 * 60 * 1000;
 			const sevenDays = 7 * oneDay;
 			const thirtyDays = 30 * oneDay;
 			switch (dateFilter) {
 				case 'today':
 					const todayStart = new Date().setHours(0, 0, 0, 0);
 					result = result.filter(item => {
 						if (item.uploadDate) {
 							return item.uploadDate >= todayStart
 						} else {
 							return 0
 						}
 					});
 					break;
 				case 'week':
 					const weekAgo = now - sevenDays;
 					result = result.filter(item => {
 						if (item.uploadDate) {
 							return item.uploadDate >= weekAgo;
 						}
 					});
 					break;
 				case 'month':
 					const monthAgo = now - thirtyDays;
 					result = result.filter(item => {
 						if (item.uploadDate) {
 							return item.uploadDate >= monthAgo;
 						}
 					});
 					break;
 				case 'older':
 					const monthAgo2 = now - thirtyDays;
 					result = result.filter(item => {
 						if (item.uploadDate) {
 							return item.uploadDate < monthAgo2;
 						}
 					});
 					break;
 			}
 		}
 		return result;
 	}, [tableData, typeFilter, dateFilter]);
 	useEffect(() => {
 		const currentPageRows = table.getRowModel().rows;
 		const pageCount = table.getPageCount();
 		if (currentPageRows.length === 0 && pagination.pageIndex > 0 && pageCount > 0) {
 			table.setPageIndex(pagination.pageIndex - 1);
 		}
 	}, [filteredData, pagination.pageIndex]);
 	// Создание таблицы
 	const table = useReactTable({
 		data: filteredData,
 		columns,
 		state: {
 			sorting,
 			columnFilters,
 			pagination
 		},
 		autoResetPageIndex: false,
 		onPaginationChange: setPagination,
 		onSortingChange: setSorting,
 		onColumnFiltersChange: setColumnFilters,
 		getCoreRowModel: getCoreRowModel(),
 		getSortedRowModel: getSortedRowModel(),
 		getPaginationRowModel: getPaginationRowModel(),
 		getFilteredRowModel: getFilteredRowModel(),
 		initialState: {
 			pagination: {
 				pageSize: 10,
 			},
 		},
 	});
 	const pluralizeFiles = (number: number) => {
 		const translate = [t('file'), t('files-few'), t('files')];
 		return pluralize(number, translate[0], translate[1], translate[2], locale);
 	};
 	return (
 		<div className="tanstak-table-wrapper">
 			<h3
 				className="tanstak-table-title"
 			>
 				{(() => {
 					switch (fileType) {
 						case 'image':
 							return t('protected-image')
 						case 'video':
 							return t('protected-video')
 						case 'audio':
 							return t('protected-audio')
 						default:
 							return t('table-description')
 					}
 				})()}
 			</h3>
 			<ModalWindow children={openWindowChildren} state={openWindow} callBack={setOpenWindow} />
 			{/* Фильтры */}
 			<div className="tanstak-table-filtres">
 				<div className="table-filtres-wrapper">
 					<div className="table-filtres-item">
 						<div className="table-filtres-label">{t('date-filter')}:</div>
 						<DropDownList
 							value={dateFilter}
 							translatedValue={(() => {
 								switch (dateFilter) {
 									case 'all':
 										return t('all-dates')
 									case 'week':
 										return t('for-a-week')
 									case 'month':
 										return t('for-a-month')
 									case 'older':
 										return t('older-than-a-month')
 									default:
 										return t('today')
 								}
 							})()}
 							callBack={setDateFilter}
 						>
 							<li value="all">
 								{t('all-dates')}
 							</li>
 							<li value="today">
 								{t('today')}
 							</li>
 							<li value="week">
 								{t('for-a-week')}
 							</li>
 							<li value="month">
 								{t('for-a-month')}
 							</li>
 							<li value="older">
 								{t('older-than-a-month')}
 							</li>
 						</DropDownList>
 					</div>
 					{fileType === "all" && (
 						<div className="table-filtres-item">
 							<div className="table-filtres-label">{t('type-filter')}:</div>
 							<DropDownList
 								value={typeFilter}
 								translatedValue={
 									(() => {
 										switch (typeFilter) {
 											case 'image':
 												return t('images')
 											case 'video':
 												return t('videos')
 											case 'audio':
 												return t('audios')
 											default:
 												return t('all-types')
 										}
 									})()
 								}
 								callBack={setTypeFilter}
 							>
 								<li value="all">
 									{t('all-types')}
 								</li>
 								<li value="image">
 									{t('images-few')}
 								</li>
 								<li value="video">
 									{t('videos')}
 								</li>
 								<li value="audio">
 									{t('audios')}
 								</li>
 							</DropDownList>
 						</div>
 					)}
 				</div>
 				<div className="table-filtres-item">
 					<div className="table-filtres-label">{t('items-per-page')}:</div>
 					<DropDownList
 						value={table.getState().pagination.pageSize}
 						//@ts-ignore сделал так потому что для table.setPageSize нужна цифра
 						callBack={table.setPageSize}
 					>
 						{[5, 10, 20, 50, 100].map(pageSize => (
 							<li key={pageSize} value={pageSize}>
 								{t('show')} {pageSize}
 							</li>
 						))}
 					</DropDownList>
 				</div>
 			</div>
 			{/* Таблица */}
 			<div className="tanstak-table-block">
 				<table className="tanstak-table">
 					<thead className="tanstak-table-head">
 						{table.getHeaderGroups().map(headerGroup => (
 							<tr key={headerGroup.id}>
 								{headerGroup.headers.map(header => (
 									<th
 										key={header.id}
 									>
 										{header.isPlaceholder
 											? null
 											: typeof header.column.columnDef.header === 'function'
 												? header.column.columnDef.header(header.getContext())
 												: header.column.columnDef.header as string}
 									</th>
 								))}
 							</tr>
 						))}
 					</thead>
 					<tbody className="tanstak-table-body">
 						{table.getRowModel().rows.length > 0 ? (
 							table.getRowModel().rows.map(row => (
 								<tr key={row.id}>
 									{row.getVisibleCells().map(cell => (
 										<td key={cell.id}>
 											{typeof cell.column.columnDef.cell === 'function'
 												? cell.column.columnDef.cell(cell.getContext())
 												: cell.getValue() as string}
 										</td>
 									))}
 								</tr>
 							))
 						) : (
 							<tr>
 								<td colSpan={columns.length} className="text-center">
 									{t('no-data-for-selected-filters')}
 								</td>
 							</tr>
 						)}
 					</tbody>
 				</table>
 			</div>
 			{/* Пагинация */}
 			<div className="tanstak-table-pagination">
 				<div className="pagination-info">
 					<span className="pagination-info-pages">
 						{t('page')}{' '}
 						<strong>
 							{table.getState().pagination.pageIndex + 1} {t('out-of')} {table.getPageCount() ? table.getPageCount() : 1}
 						</strong>
 					</span>
 					<span className="pagination-info-files">
 						| {t('shown')} {table.getRowModel().rows.length} {t('out-of')} {filteredData.length} {pluralizeFiles(filteredData.length || 0)}
 					</span>
 				</div>
 				<div className="pagination-controls">
 					{table.getCanPreviousPage() && (
 						<button
 							className="arrow"
 							onClick={() => table.firstPage()}
 							disabled={!table.getCanPreviousPage()}
 						>
 							<IconDoubleArrowLeft />
 						</button>
 					)}
 					{table.getCanPreviousPage() && (
 						<button
 							className="arrow"
 							onClick={() => table.previousPage()}
 							disabled={!table.getCanPreviousPage()}
 						>
 							<IconArrowLeft />
 						</button>
 					)}
 					<div className="pagination-controls-pages">
 						{Array.from({ length: Math.min(5, table.getPageCount()) }, (_, i) => {
 							const pageIndex = Math.max(
 								0,
 								Math.min(
 									table.getPageCount() - 5,
 									table.getState().pagination.pageIndex - 2
 								)
 							) + i;
 							if (pageIndex < table.getPageCount()) {
 								return (
 									<button
 										key={pageIndex}
 										className={`${table.getState().pagination.pageIndex === pageIndex
 											? 'current'
 											: 'other'
 											}`}
 										onClick={() => table.setPageIndex(pageIndex)}
 									>
 										{pageIndex + 1}
 									</button>
 								);
 							}
 							return null;
 						})}
 					</div>
 					{table.getCanNextPage() && (
 						<button
 							className="arrow"
 							onClick={() => table.nextPage()}
 							disabled={!table.getCanNextPage()}
 						>
 							<IconArrowRight />
 						</button>
 					)}
 					{table.getCanNextPage() && (
 						<button
 							className="arrow"
 							onClick={() => table.lastPage()}
 							disabled={!table.getCanNextPage()}
 						>
 							<IconDoubleArrowRight />
 						</button>
 					)}
 				</div>
 			</div>
 		</div >
 	);
 }
@@ -2,7 +2,7 @@
 import { useRef, useState, useCallback, ChangeEvent, DragEvent, useEffect, useMemo } from 'react';
 import { IconShieldAdd } from '@/app/ui/icons/icons';
-import { fileUpload, cancelUpload, chunkUpload, checkChunkStatus } from '@/app/actions/fileUpload';
+import { fileUpload, cancelUpload, chunkUpload, checkChunkStatus, checkOperationPrice } from '@/app/actions/fileUpload';
 import { useTranslations } from 'next-intl';
 import { useNavigationBlocker } from '@/app/hooks/useNavigationBlocker';
 import { useQueryClient } from '@tanstack/react-query';
@@ -113,8 +113,16 @@ export default function UploadSectionFile({
 		setError(null);
 		const newFiles: SelectedFile[] = [];
 		const selectedFileNames = new Set(selectedFiles.map(f => f.name));
 		const currentFileNames = new Set<string>();
 		const duplicateNames: string[] = [];
 		for (const file of files) {
 			if (selectedFileNames.has(file.name)) {
 				duplicateNames.push(file.name);
 				continue;
 			}
 			const validation = validateFile(file);
 			if (!validation.isValid) {
@@ -141,6 +149,8 @@ export default function UploadSectionFile({
 				}
 			}
 			currentFileNames.add(file.name);
 			newFiles.push({
 				file,
 				name: file.name,
@@ -152,8 +162,13 @@ export default function UploadSectionFile({
 			});
 		}
 		if (duplicateNames.length > 0) {
 			const uniqueDuplicates = [...new Set(duplicateNames)];
 			setError(`${t('duplicate-files')}: ${uniqueDuplicates.join(', ')}`);
 		}
 		setSelectedFiles(prev => [...prev, ...newFiles]);
-	}, [fileType, t]);
+	}, [fileType, selectedFiles]);
 	const handleFileInputChange = (event: ChangeEvent<HTMLInputElement>): void => {
 		const files = Array.from(event.target.files || []);
@@ -204,6 +219,7 @@ export default function UploadSectionFile({
 				f.uploadId !== fileId && f.name !== fileId
 			));
 		} else {
 			console.log('clear all')
 			selectedFiles.forEach(file => {
 				if (file.preview) {
 					URL.revokeObjectURL(file.preview);
@@ -223,10 +239,21 @@ export default function UploadSectionFile({
 		setError(null);
 	};
-	const uploadSingleFile = async (fileInfo: SelectedFile): Promise<void> => {
+	const uploadSingleFile = async (fileInfo: SelectedFile, uploadType: 'single' | 'multi'): Promise<void> => {
 		const fileId = `${fileInfo.name}-${Date.now()}`;
 		isCancelledRef.current.set(fileId, false);
 		if (uploadType === 'single') {
 			setError(null);
 			const priceCheck = await checkOperationPrice('checkTokensForProtect', 1, fileType);
 			if (!priceCheck.success) {
 				const errorMessage = `${t('there-are-not-enough-funds-to-protect-file', { count: priceCheck?.tokens_count })}`;
 				setError(errorMessage);
 				return;
 			}
 		}
 		try {
 			setSelectedFiles(prev => prev.map(f =>
 				f.name === fileInfo.name ? { ...f, status: 'uploading' } : f
@@ -302,17 +329,7 @@ export default function UploadSectionFile({
 		} catch (error) {
 			if (!isCancelledRef.current.get(fileId)) {
-				const errorMessage = (() => {
+				const errorMessage = (typeof error === 'string') ? t(error) : t('error-uploading-file');
 					switch (error) {
 						case 'duplicate-file':
 							return t('error-duplicate-file');
 						case 'user-not-have-tokens-for-protect':
 							return t('error-user-not-have-tokens-for-protect');
 						default:
 							return t('error-uploading-file');
 					}
 				})();
 				setSelectedFiles(prev => prev.map(f =>
 					f.name === fileInfo.name ? { ...f, status: 'error', error: errorMessage } : f
 				));
@@ -325,13 +342,20 @@ export default function UploadSectionFile({
 	}, [selectedFiles]);
 	const handleStartAllUploads = useCallback(async (): Promise<void> => {
 		setError(null);
 		if (selectedFilesRef.current.length === 0) {
 			return;
 		}
 		const priceCheck = await checkOperationPrice('checkTokensForProtect', selectedFilesRef.current.length, fileType);
 		if (priceCheck.success) {
 			const uploadNextBatch = async () => {
 				const currentPending = selectedFilesRef.current.filter(f => f.status === 'pending');
 				const batch = currentPending.slice(0, maxParallelUploads);
 				if (batch.length === 0) return;
-			await Promise.all(batch.map(file => uploadSingleFile(file)));
+				await Promise.all(batch.map(file => uploadSingleFile(file, 'multi')));
 				if (selectedFilesRef.current.some(f => f.status === 'pending')) {
 					await uploadNextBatch();
@@ -339,6 +363,10 @@ export default function UploadSectionFile({
 			};
 			await uploadNextBatch();
 		} else {
 			const errorMessage = `${t('there-are-not-enough-funds-to-protect-files', { count: priceCheck?.tokens_count })}`;
 			setError(errorMessage);
 		}
 	}, [maxParallelUploads]);
 	const getTotalProgress = useMemo(() => {
@@ -409,7 +437,6 @@ export default function UploadSectionFile({
 		}));
 	}
 	return (
 		<div className="upload-section" >
 			<h3>
@@ -464,8 +491,8 @@ export default function UploadSectionFile({
 				{
 					error && (
-						<div className="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg" >
+						<div className="error-message">
-							<p className="text-red-600 font-medium" > {error} </p>
+							<p className="error-message-text"> {error} </p>
 						</div>
 					)
 				}
@@ -575,15 +602,32 @@ export default function UploadSectionFile({
 															</>
 														)
 													}
-													<div>
+													<div
-														<span className={
+														className="flex"
-															`upload-progress ${file.status === 'completed' ? 'text-green-600' :
+													>
-																file.status === 'uploading' ? 'text-blue-600' :
+														{file.status !== 'error' && (
-																	'text-gray-600'
+															<div className="upload-progress-circle">
-															}`
+																<svg viewBox="0 0 36 36" className="circular-chart">
-														}>
+																	<path
-															{file.progress} %
+																		className="circle-bg"
-														</span>
+																		d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
 																		fill="none"
 																		stroke="#e5e7eb"
 																		strokeWidth="3"
 																	/>
 																	<path
 																		className="circle"
 																		d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
 																		fill="none"
 																		stroke={file.status === 'completed' ? '#10b981' : file.status === 'uploading' ? '#155dfc' : '#6b7280'}
 																		strokeWidth="4"
 																		strokeDasharray={`${file.progress}, 100`}
 																		strokeLinecap="round"
 																	/>
 																</svg>
 																<span className="circle-percentage">{file.progress}%</span>
 															</div>
 														)}
 														< button
 															className="btn btn-cancel"
 															onClick={() => handleClearFile(file.uploadId || file.name)}
@@ -617,7 +661,7 @@ export default function UploadSectionFile({
 													<div className="mt-2 text-center" >
 														<button
 															className="btn btn-confirm"
-															onClick={() => uploadSingleFile(file)
+															onClick={() => uploadSingleFile(file, 'single')
 															}
 															type="button"
 															disabled={uploadingCount >= maxParallelUploads}
@@ -14,10 +14,6 @@ export default function YandexAuthWithScript() {
 	const [isReady, setIsReady] = useState(false);
 	const [showButton, setShowButton] = useState(true);
 	const handleLogin = (token: string) => {
 		console.log('handleLogin');
 	};
 	useEffect(() => {
 		if (!isReady || !buttonRef.current || !window.YaAuthSuggest) return;
@@ -25,31 +21,28 @@ export default function YandexAuthWithScript() {
 			{
 				client_id: 'b356a7ceac0f4c50a3b434220f86bce0',
 				response_type: 'token',
-				redirect_uri: `http://localhost:2999/ru/login`,
+				redirect_uri: `https://fallibly-desired-moonfish.cloudpub.ru/en/login`,
 			},
-			'http://localhost:2999',
+			'https://fallibly-desired-moonfish.cloudpub.ru',
 			{
 				parentId: buttonRef.current.id,
 				view: 'button',
 				buttonView: 'main',
 				buttonTheme: 'light',
-				buttonSize: 'm',
+				buttonSize: 'l',
 				buttonBorderRadius: 10
 			}
 		)
-			.then((result: any) => {
+			.then(function (result: any) {
-				console.log('then');
+				console.log('you at least try?')
 				console.log(result);
-				if (result?.access_token) {
+				return result.handler();
 					handleLogin(result.access_token);
 				} else {
 					setTimeout(() => {
 						setShowButton(false);
 					}, 1000)
 				}
 			})
-			.catch((error: any) => {
+			.then(function (data: any) {
-				console.error('Yandex auth error:', error);
+				console.log('Сообщение с токеном: ', data);
 			})
 			.catch(function (error: any) {
 				console.log('Что-то пошло не так: ', error);
 			});
 	}, [isReady]);
@@ -0,0 +1,15 @@
 export function YandexLoginButton() {
 	const clientId = 'b356a7ceac0f4c50a3b434220f86bce0';
 	const redirectUri = encodeURIComponent('https://fallibly-desired-moonfish.cloudpub.ru/login/callback');
 	const authUrl = `https://oauth.yandex.ru/authorize?response_type=code&client_id=${clientId}&redirect_uri=${redirectUri}&force_confirm=yes`;
 	return (
 		<a
 			href={authUrl}
 			className="yandex-auth-button"
 		>
 			Войти через Яндекс
 		</a>
 	);
 }
@@ -0,0 +1,99 @@
 import { useCallback, useEffect } from 'react';
 import {
 	YooMoneyCheckoutWidget,
 	YooMoneyCheckoutWidgetConfig,
 	YooMoneyErrorCallbackResult
 } from "types-yoomoneycheckoutwidget";
 let isLoading = false;
 let isInited = false;
 export default function YooWidget({ config, onComplete, onSuccess, onFail, onModalClose }: {
 	/**
 	 * Описание https://yookassa.ru/developers/payment-acceptance/integration-scenarios/widget/reference#initialization-parameters
 	 */
 	config: YooMoneyCheckoutWidgetConfig,
 	/** после успешной оплаты*/
 	onComplete?: () => void,
 	/** после успешной оплаты, только если не подписались на onComplete*/
 	onSuccess?: () => void,
 	/** только если вы отключили обработку неуспешных попыток в виджете: пользователь выбрал любой способ оплаты, но платеж не прошел; закончился срок действия токена.*/
 	onFail?: () => void,
 	/** после закрытия модального окна платежной формы если customization.modal==true */
 	onModalClose?: () => void,
 }) {
 	const isModal = config?.customization?.modal;
 	let checkout: YooMoneyCheckoutWidget;
 	const destroy = () => {
 		console.log('checkout.destroy');
 		checkout.destroy();
 		isInited = false;
 	}
 	const initializeWidget = useCallback(
 		() => {
 			isInited = true;
 			isLoading = false;
 			if (!isModal) {
 				const userErrorCallBack = config.error_callback;
 				config.error_callback = (error: YooMoneyErrorCallbackResult) => {
 					userErrorCallBack(error);
 					isInited = false;
 				};
 			}
 			checkout = new window.YooMoneyCheckoutWidget(config);
 			checkout.on('complete', (result) => {
 				console.log('on complete', result);
 				onComplete && onComplete();
 				destroy();
 			});
 			onSuccess && checkout.on('success', (result) => {
 				console.log('on success', result);
 				onSuccess();
 				destroy();
 			});
 			onFail && checkout.on('fail', (result) => {
 				console.warn('on fail', result);
 				onFail();
 				destroy();
 			});
 			if (config.customization?.modal) {
 				checkout.on('modal_close', (result) => {
 					onModalClose && onModalClose();
 					destroy();
 				});
 			}
 			checkout.render(config.customization?.modal ? undefined : 'payment-form');
 		}, [config, onSuccess]);
 	useEffect(() => {
 		if (!isLoading && !isInited) {
 			if (!window.YooMoneyCheckoutWidget) {
 				isLoading = true;
 				const script = document.createElement('script');
 				script.src = 'https://yookassa.ru/checkout-widget/v1/checkout-widget.js';
 				script.async = true;
 				script.onload = initializeWidget;
 				document.head.appendChild(script);
 				return () => {
 					document.head.removeChild(script);
 				};
 			} else {
 				initializeWidget();
 			}
 		}
 		return () => {
 			if (!isInited && !isModal) {
 				destroy();
 			}
 		}
 	});
 	return (
 		<>
 			{isModal ? '' : <div id="payment-form" />}
 		</>
 	);
 }
@@ -0,0 +1,30 @@
 'use client';
 import { toast } from 'sonner';
 interface CopyLinkButtonProps {
 	className?: string;
 	children?: React.ReactNode;
 }
 export function CopyLinkButton({ className = 'btn btn-out', children = 'Скопировать ссылку' }: CopyLinkButtonProps) {
 	const copyCurrentPageLink = async () => {
 		try {
 			await navigator.clipboard.writeText(window.location.href);
 			toast.success('Ссылка скопирована');
 		} catch (err) {
 			toast.error('Не удалось скопировать ссылку');
 		}
 	};
 	return (
 		<button
 			className={className}
 			onClick={copyCurrentPageLink}
 			type="button"
 		>
 			{children}
 		</button>
 	);
 }
@@ -0,0 +1,50 @@
 'use client';
 import { downloadTrackingFile } from '@/app/actions/trackingActions';
 import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 interface DownloadButtonProps {
 	fileId: string;
 	fileName?: string;
 }
 export function DownloadButton({ fileId, fileName }: DownloadButtonProps) {
 	const t = useTranslations('Global');
 	const handleDownload = async () => {
 		try {
 			const result = await downloadTrackingFile(fileId, fileName);
 			if (!result) {
 				throw 'failed-to-download-file'
 			}
 			const byteCharacters = atob(result.data);
 			const byteNumbers = new Array(byteCharacters.length);
 			for (let i = 0; i < byteCharacters.length; i++) {
 				byteNumbers[i] = byteCharacters.charCodeAt(i)
 			}
 			const byteArray = new Uint8Array(byteNumbers);
 			const blob = new Blob([byteArray], { type: result.contentType });
 			const url = window.URL.createObjectURL(blob);
 			const a = document.createElement('a');
 			a.href = url;
 			a.download = result.fileName;
 			document.body.appendChild(a);
 			a.click();
 			window.URL.revokeObjectURL(url);
 			document.body.removeChild(a);
 			toast.success(`${t('file-is-downloading')} - `);
 		} catch (error) {
 			toast.error(t('failed-to-download-file'));
 		}
 	};
 	return (
 		<button className="btn btn-out" onClick={handleDownload}>
 			Скачать документ
 		</button>
 	);
 }
@@ -0,0 +1,18 @@
 'use client';
 import Link from 'next/link';
 import { useUserProfile } from '@/app/hooks/react-query/useUserDataInfo';
 export function LoginUserBage() {
 	const { data: userData, isLoading, isError, error } = useUserProfile();
 	if (!userData?.fullName) {
 		return null;
 	}
 	return (
 		<Link href="#" className="header-user">
 			{userData?.fullName}
 		</Link>
 	);
 }
@@ -0,0 +1,160 @@
 'use client'
 import { FileItem } from '@/app/components/tanstak-table/TanstakTable';
 import { useEffect, useState, useRef } from 'react';
 import { useTranslations } from 'next-intl';
 import { useQueryClient } from '@tanstack/react-query';
 import { createPortal } from 'react-dom';
 import { setMonitoring } from '@/app/actions/monitoringActions';
 import { toast } from 'sonner';
 export function MonitoringDropDown({ file }: {
 	file: FileItem
 }) {
 	const [isOpen, setIsOpen] = useState(false);
 	const [currentMonitoringStatus, setCurrentMonitoringStatus] = useState(file.monitoring);
 	const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0, width: 0 });
 	const dropdownRef = useRef<HTMLDivElement>(null);
 	const buttonRef = useRef<HTMLButtonElement>(null);
 	const t = useTranslations('Monitoring-status');
 	const queryClient = useQueryClient();
 	useEffect(() => {
 		if (!isOpen) return;
 		const handleClick = (event: MouseEvent) => {
 			if (!dropdownRef?.current) {
 				return;
 			}
 			if (!buttonRef?.current) {
 				return;
 			}
 			if (buttonRef?.current.contains(event.target as Node)) {
 				return;
 			}
 			if (!dropdownRef.current.contains(event.target as Node)) {
 				setIsOpen(false);
 			}
 		};
 		document.addEventListener('mousedown', handleClick);
 		return () => {
 			document.removeEventListener('mousedown', handleClick);
 		};
 	}, [dropdownRef, setIsOpen, isOpen]);
 	useEffect(() => {
 		if (file.monitoring) {
 			setCurrentMonitoringStatus(file.monitoring ? file.monitoring : 'NONE');
 		}
 	}, [file.monitoring]);
 	useEffect(() => {
 		if (isOpen && buttonRef.current) {
 			const rect = buttonRef.current.getBoundingClientRect();
 			setDropdownPosition({
 				top: rect.bottom + window.scrollY,
 				left: rect.left + window.scrollX,
 				width: rect.width
 			});
 		}
 	}, [isOpen]);
 	async function clickHandler(monitoring: string) {
 		const response = await setMonitoring(file.id, monitoring);
 		if (response.success) {
 			await queryClient.invalidateQueries({ queryKey: ['userFilesData'] });
 			setIsOpen(false);
 			toast.success(t('the-file-is monitored', { fileName: file.fileName }));
 			setCurrentMonitoringStatus(monitoring);
 		} else {
 			toast.warning(t('failed-to-establish-monitoring'));
 		}
 	}
 	return (
 		<div className="dropdown-wrapper monitoring-dropdown">
 			<button
 				ref={buttonRef}
 				onClick={() => {
 					setIsOpen(!isOpen);
 				}}
 				className="dropdown-button"
 			>
 				<span className="flex items-center">
 					<span className="mr-2">
 						{t(currentMonitoringStatus)}
 					</span>
 				</span>
 				<svg
 					className={`w-5 h-5 ml-2 transition-transform ${isOpen ? 'rotate-180' : ''}`}
 					xmlns="http://www.w3.org/2000/svg"
 					viewBox="0 0 20 20"
 					fill="currentColor"
 				>
 					<path
 						fillRule="evenodd"
 						d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
 						clipRule="evenodd"
 					/>
 				</svg>
 			</button>
 			{isOpen && createPortal(
 				<div
 					className="dropdown-list-portal"
 					ref={dropdownRef}
 					style={{
 						position: 'absolute',
 						top: dropdownPosition.top,
 						left: dropdownPosition.left,
 						width: dropdownPosition.width,
 						zIndex: 99999
 					}}
 				>
 					<ul className="dropdown-list" role="listbox">
 						<li
 							className={`dropdown-item ${currentMonitoringStatus === 'NONE' ? 'current' : ''}`}
 							onClick={() => {
 								clickHandler('NONE')
 							}}
 						>
 							{t('NONE')}
 						</li>
 						<li
 							className={`dropdown-item ${currentMonitoringStatus === 'MONITORING_DAILY' ? 'current' : ''}`}
 							onClick={() => {
 								clickHandler('MONITORING_DAILY')
 							}}
 						>
 							{t('MONITORING_DAILY')}
 						</li>
 						<li
 							className={`dropdown-item ${currentMonitoringStatus === 'MONITORING_WEEKLY' ? 'current' : ''}`}
 							onClick={() => {
 								clickHandler('MONITORING_WEEKLY')
 							}}
 						>
 							{t('MONITORING_WEEKLY')}
 						</li>
 						<li
 							className={`dropdown-item ${currentMonitoringStatus === 'MONITORING_MONTHLY' ? 'current' : ''}`}
 							onClick={() => {
 								clickHandler('MONITORING_MONTHLY')
 							}}
 						>
 							{t('MONITORING_MONTHLY')}
 						</li>
 					</ul>
 				</div>,
 				document.body
 			)}
 		</div>
 	)
 }
@@ -0,0 +1,57 @@
 'use client'
 import { useTranslations } from 'next-intl';
 import { toast } from 'sonner';
 export function SelectedFilesAction({ filesId, callBack }: { filesId: Set<string>, callBack: (value: Set<string>) => void }) {
 	const t = useTranslations('Global');
 	if (filesId.size === 0) {
 		return null;
 	}
 	function downloadHandler() {
 		if (filesId.size) {
 			const filesArray = Array.from(filesId);
 			const filesString = filesArray.join(', ');
 			toast.success(`${t('download')}: ${filesString}`)
 		}
 	}
 	function clearHandler() {
 		callBack(new Set());
 	}
 	return (
 		<div
 			className="selected-files-wrapper"
 		>
 			<div
 				className="selected-files-count"
 			>
 				{t('selected-files')}: {filesId.size}
 			</div>
 			<div
 				className="selected-files-action"
 			>
 				<button
 					className="btn btn-primary"
 					onClick={() => {
 						downloadHandler();
 					}}
 				>
 					{t('download-all')}
 				</button>
 				<button
 					className="btn btn-primary"
 					onClick={() => {
 						clearHandler();
 					}}
 				>
 					{t('deselect')}
 				</button>
 			</div>
 		</div>
 	)
 }
@@ -0,0 +1,55 @@
 'use client';
 import { createContext, useContext, useRef, ReactNode } from 'react';
 interface PdfContextType {
 	downloadPdf: () => Promise<void>;
 	setPdfData: (data: ArrayBuffer | null, fileName: string) => void;
 }
 const PdfContext = createContext<PdfContextType | null>(null);
 export function PdfProvider({ children }: { children: ReactNode }) {
 	const pdfDataRef = useRef<ArrayBuffer | null>(null);
 	const fileNameRef = useRef<string>('');
 	const setPdfData = (data: ArrayBuffer | null, fileName: string) => {
 		pdfDataRef.current = data;
 		fileNameRef.current = fileName;
 	};
 	const downloadPdf = async () => {
 		if (!pdfDataRef.current) {
 			console.log('No PDF data available');
 			return;
 		}
 		try {
 			const blob = new Blob([pdfDataRef.current], { type: 'application/pdf' });
 			const url = URL.createObjectURL(blob);
 			const link = document.createElement('a');
 			link.href = url;
 			link.download = fileNameRef.current || 'document.pdf';
 			document.body.appendChild(link);
 			link.click();
 			document.body.removeChild(link);
 			URL.revokeObjectURL(url);
 		} catch (err) {
 			console.log('Error downloading PDF:', err);
 		}
 	};
 	return (
 		<PdfContext.Provider value={{ downloadPdf, setPdfData }}>
 			{children}
 		</PdfContext.Provider>
 	);
 }
 export function usePdf() {
 	const context = useContext(PdfContext);
 	if (!context) {
 		throw new Error('usePdf must be used within PdfProvider');
 	}
 	return context;
 }
@@ -0,0 +1,27 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchActiveNotifications, NotificationBody } from '@/app/actions/notificationActions';
 export interface UseActiveNotifications {
 	notifications: NotificationBody[],
 	unreadCount: number
 }
 export const useActiveNotifications = () => {
 	return useQuery({
 		queryKey: ['activeNotifications'],
 		queryFn: () => {
 			return fetchActiveNotifications()
 		},
 		select: (data: UseActiveNotifications | null) => {
 			if (!data) {
 				return {
 					notifications: [],
 					unreadCount: 0
 				}
 			}
 			return data;
 		},
 		retry: false,
 		refetchInterval: 10000
 	});
 };
@@ -0,0 +1,33 @@
 import { useQuery } from '@tanstack/react-query';
 import { getAllFilesExtensions } from '@/app/lib/prefetch-queries';
 export interface allFilesExtensions {
 	videos: string[];
 	audios: string[];
 	images: string[];
 	documents: string[];
 	maxFileSize: number;
 }
 const EMPTY_EXTENSIONS: allFilesExtensions = {
 	videos: [],
 	audios: [],
 	images: [],
 	documents: [],
 	maxFileSize: 0
 };
 export const useAllFilesExtensions = () => {
 	const query = useQuery({
 		queryKey: ['allFilesExtensions'],
 		queryFn: getAllFilesExtensions,
 		retry: false,
 		initialData: EMPTY_EXTENSIONS
 	});
 	return {
 		...query,
 		data: query.data ?? EMPTY_EXTENSIONS
 	};
 };
@@ -0,0 +1,31 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchAllNotifications, NotificationBody } from '@/app/actions/notificationActions';
 export interface UseAllNotifications {
 	notifications: NotificationBody[],
 	currentPage: number,
 	totalElements: number,
 	totalPages: number,
 }
 export const useAllNotifications = (page: number, size: number = 10) => {
 	return useQuery({
 		queryKey: ['allNotifications', page, size],
 		queryFn: () => {
 			return fetchAllNotifications(page, size)
 		},
 		select: (data: UseAllNotifications | null) => {
 			if (!data) {
 				return {
 					notifications: [],
 					currentPage: 0,
 					totalElements: 0,
 					totalPages: 0,
 				}
 			}
 			return data;
 		},
 		retry: false,
 		refetchInterval: 10000
 	});
 };
@@ -0,0 +1,41 @@
 import { useQuery } from '@tanstack/react-query';
 import { getFileMatches } from '@/app/actions/violationActions';
 export interface ViolationFileDetail {
 	id: number;
 	url: string;
 	page_url: string;
 	page_title: string;
 	host: string;
 	status: string;
 	created_date: string;
 	file_id: string;
 	country: string;
 	country_code: string;
 }
 interface ViolationFile {
 	violations: ViolationFileDetail[];
 	total_elements: number;
 	total_pages: number;
 	current_page: number;
 	page_size: number;
 	has_next: boolean;
 	has_previous: boolean;
 }
 export const useFileViolations = (id: string, page: number, status?: string, violationId?: string, startDate?: string, endDate?: string,) => {
 	return useQuery({
 		queryKey: ['fileViolations', id, page, status, violationId, startDate, endDate],
 		queryFn: () => {
 			return getFileMatches(id, page, status, violationId, startDate, endDate)
 		},
 		select: (data: ViolationFile | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false
 	});
 };
@@ -0,0 +1,39 @@
 import { useQuery } from '@tanstack/react-query';
 import { getUserPayments } from '@/app/actions/referralsActions';
 export interface ReferralPayments {
 	amount: number,
 	completedAt: string | null,
 	createdAt: string,
 	id: number,
 	processAt: string | null
 	rejectionReason: string | null,
 	status: string,
 	updatedAt: string,
 }
 export interface UserReferralPayments {
 	payments: ReferralPayments[],
 	error: string | null
 }
 export const useGetReferralPayments = () => {
 	return useQuery({
 		queryKey: ['referralPayments'],
 		queryFn: getUserPayments,
 		select: (data): UserReferralPayments => {
 			if (!data) {
 				return {
 					payments: [],
 					error: 'error'
 				}
 			}
 			return {
 				payments: data.payments,
 				error: data.error
 			}
 		},
 		retry: false
 	});
 };
@@ -0,0 +1,44 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchHistoryView } from '@/app/actions/trackingActions';
 export interface HistoryViewItem {
 	city: string;
 	country: string;
 	viewer: string;
 	document: string;
 	view_date: string;
 }
 export interface UseHistoryView {
 	documentsCount: number;
 	history: HistoryViewItem[];
 	pageNumber: number;
 	pageSize: number;
 	totalElements: number;
 	totalPages: number;
 	uniqueCityCount: number;
 	uniqueCountryCount: number;
 }
 export const useHistoryView = (
 	page: number,
 	size: number,
 	locale: string,
 	sortDirection?: 'asc' | 'desc',
 	sortBy?: string
 ) => {
 	return useQuery({
 		queryKey: ['violationStatistic', page, size, locale, sortDirection, sortBy],
 		queryFn: () => {
 			return fetchHistoryView(page, size, locale, sortDirection, sortBy)
 		},
 		select: (data: UseHistoryView | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false,
 		placeholderData: (previousData) => previousData // для оптимистичных обновлений
 	});
 };
@@ -0,0 +1,45 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchLastClaims, ComplaintsCaseQueryParams } from '@/app/actions/violationActions';
 export interface Case {
 	amount: number;
 	content: null | string;
 	created_at: string;
 	description: string;
 	id: number;
 	lawyer: null | string;
 	name: string;
 	page_number: number;
 	page_size: number;
 	priority: "HIGH" | "MEDIUM" | "LOW";
 	total_elements: number;
 	total_pages: number;
 	type: "ACTIVE" | "INACTIVE" | string;
 	updated_at: string;
 	violation_id: number;
 	file_id: string;
 }
 export interface useLastCase {
 	content: Case[],
 	page: number,
 	size: number,
 	totalElements: number,
 	totalPages: number,
 }
 export const useLastCases = (params: ComplaintsCaseQueryParams) => {
 	return useQuery({
 		queryKey: ['lastCases', params.page, params.size, params.sort_by, params.sort_direction],
 		queryFn: () => {
 			return fetchLastClaims(params)
 		},
 		select: (data: useLastCase | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		placeholderData: (previousData) => previousData,
 		retry: false
 	});
 };
@@ -0,0 +1,38 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchLastComplaint, ComplaintsCaseQueryParams } from '@/app/actions/violationActions';
 export interface Complaint {
 	complaint_text: string;
 	created_at: string;
 	email: string;
 	id: number;
 	not_moderated: boolean;
 	status: "CREATED" | string;
 	updated_at: string;
 	violation_id: number;
 	file_id: string;
 }
 export interface useLastComplaint {
 	content: Complaint[],
 	page: number,
 	size: number,
 	totalElements: number,
 	totalPages: number,
 }
 export const useLastComplaints = (params: ComplaintsCaseQueryParams) => {
 	return useQuery({
 		queryKey: ['lastComplaints', params.page, params.size, params.sort_by, params.sort_direction],
 		queryFn: () => {
 			return fetchLastComplaint(params)
 		},
 		select: (data: useLastComplaint | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		placeholderData: (previousData) => previousData,
 		retry: false
 	});
 };
@@ -0,0 +1,24 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchMonitoringInfo } from '@/app/actions/monitoringActions';
 interface MonitoringCount {
 	day: number;
 	month: number;
 	weekly: number;
 }
 export const useMonitoringCount = () => {
 	return useQuery({
 		queryKey: ['monitoringCount'],
 		queryFn: () => {
 			return fetchMonitoringInfo()
 		},
 		select: (data: MonitoringCount | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false
 	});
 };
@@ -0,0 +1,29 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchMonitoringStats } from '@/app/actions/monitoringActions';
 interface MonitoringStats {
 	total_searches: number;
 	searches_by_status: {
 		processing: number;
 		completed: number;
 		failed: number;
 		total: number;
 	};
 	recent_searches: any[];
 }
 export const useMonitoringStats = () => {
 	return useQuery({
 		queryKey: ['monitoringStats'],
 		queryFn: () => {
 			return fetchMonitoringStats()
 		},
 		select: (data: MonitoringStats | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false
 	});
 };
@@ -0,0 +1,26 @@
 import { useQuery } from '@tanstack/react-query';
 import { getPaymentsMethods } from '@/app/actions/paymentAction';
 export interface PaymentsMethods {
 	cardType: string,
 	expiryMonth: string,
 	expiryYear: string,
 	lastFour: string,
 	paymentMethodId: string
 }
 export const usePaymentsMethods = () => {
 	return useQuery({
 		queryKey: ['paymentsMethods'],
 		queryFn: () => {
 			return getPaymentsMethods()
 		},
 		select: (data: PaymentsMethods[] | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false
 	});
 };
@@ -0,0 +1,29 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchTrackingStats } from '@/app/actions/trackingActions';
 export interface useTrackingStats {
 	totalViews: number,
 	uniqueIps: number,
 	uniqueUsers: number,
 	documentsCount: number,
 	uniqueCountryCount: number,
 	uniqueCityCount: number,
 	firstViewDate: string,
 	lastViewDate: string
 }
 export const useTrackingStats = () => {
 	return useQuery({
 		queryKey: ['trackingStats'],
 		queryFn: () => {
 			return fetchTrackingStats()
 		},
 		select: (data: useTrackingStats | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false
 	});
 };
@@ -39,6 +39,7 @@ export interface UserData {
 	tariffs: Tariff[];
 	tariffInfo: TariffInfo;
 	permission: number;
 	verifiedStatus?: 'unknow' | 'NOT_VERIFIED' | 'VERIFICATION_IN_PROGRESS' | 'VERIFIED' | 'VERIFICATION_FAILED';
 }
 export const useUserProfile = () => {
@@ -72,6 +73,7 @@ export const useUserProfile = () => {
 						maxFileCounts: 0,
 					},
 					permission: 0,
 					verifiedStatus: 'unknow'
 				};
 			}
@@ -0,0 +1,38 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchPaymentsHistory } from '@/app/actions/yooKassa';
 export interface PaymentsData {
 	amount: number,
 	cancellationReason: string | null,
 	createdAt: string,
 	id: number,
 	operationType: string,
 	paymentUuid: string,
 	status: string,
 	updatedAt: string,
 }
 export interface UserPaymentsData {
 	payments: PaymentsData[],
 	error: string | null
 }
 export const useUserPaymentsData = () => {
 	return useQuery({
 		queryKey: ['userPaymentsData'],
 		queryFn: fetchPaymentsHistory,
 		select: (data): UserPaymentsData => {
 			if (!data) {
 				return {
 					payments: [],
 					error: null
 				}
 			}
 			return data;
 		},
 		refetchInterval: 10000,
 		retry: false
 	});
 };
@@ -0,0 +1,22 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchViolationAnalyticStatistic } from '@/app/actions/violationActions';
 export interface UseViolationStatistic {
 	[key: string]: number
 }
 export const useViolationAnalyticStatistic = (group: 'domain' | 'tld') => {
 	return useQuery({
 		queryKey: ['violationAnalyticStatistic', group], 
 		queryFn: () => {
 			return fetchViolationAnalyticStatistic(group)
 		},
 		select: (data: UseViolationStatistic | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false
 	});
 };
@@ -0,0 +1,27 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchViolationFinalSummaryStatistic } from '@/app/actions/violationActions';
 export interface UseViolationFinalSummaryStatistic {
 	complaints_without_case: number;
 	total_complaints: number;
 	total_law_cases: number;
 	total_violations: number;
 	violations_with_complaint: number;
 	violations_without_complaint: number;
 }
 export const useViolationFinalSummaryStatistic = () => {
 	return useQuery({
 		queryKey: ['violationFinalSummaryStatistic'],
 		queryFn: () => {
 			return fetchViolationFinalSummaryStatistic()
 		},
 		select: (data: UseViolationFinalSummaryStatistic | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false
 	});
 };
@@ -0,0 +1,27 @@
 import { useQuery } from '@tanstack/react-query';
 import { fetchViolationStatistic } from '@/app/actions/violationActions';
 export interface UseViolationStatistic {
 	total_violations: number,
 	new_violations: number,
 	in_progress_violations: number,
 	resolved_violations: number,
 	total_complaints: number,
 	total_law_cases: number
 }
 export const useViolationStatistic = (id?: string) => {
 	return useQuery({
 		queryKey: ['violationStatistic', id],
 		queryFn: () => {
 			return fetchViolationStatistic(id)
 		},
 		select: (data: UseViolationStatistic | null) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false
 	});
 };
@@ -0,0 +1,36 @@
 'use client'
 import { useState, useEffect } from 'react'
 export const MOBILE = 'MOBILE'
 export const TABLET = 'TABLET'
 export const DESKTOP = 'DESKTOP'
 const getDevice = (width: number) => {
 	if (width < 768) return MOBILE
 	else if (width < 992) return TABLET
 	else return DESKTOP
 }
 export function useViewport() {
 	const [viewport, setViewport] = useState({
 		width: 0,
 		device: 'DESKTOP'
 	});
 	useEffect(() => {
 		const handleResize = () => {
 			setViewport({
 				width: window.innerWidth,
 				device: getDevice(window.innerWidth)
 			});
 		};
 		handleResize();
 		window.addEventListener('resize', handleResize);
 		return () => window.removeEventListener('resize', handleResize);
 	}, []);
 	return viewport;
 }
@@ -0,0 +1,25 @@
 // Форматирование даты из timestamp
 export const formatDate = (timestamp: number | string) => {
 	if (!timestamp) {
 		return '---'
 	}
 	const date = new Date(timestamp);
 	const day = date.getDate().toString().padStart(2, '0');
 	const month = (date.getMonth() + 1).toString().padStart(2, '0');
 	const year = date.getFullYear();
 	return `${day}.${month}.${year}`;
 };
 export const formatDateTime = (timestamp: number | string) => {
 	if (!timestamp) {
 		return '---'
 	}
 	const date = new Date(timestamp);
 	const hours = date.getHours().toString().padStart(2, '0');
 	const minutes = date.getMinutes().toString().padStart(2, '0');
 	return `${hours}:${minutes}`;
 };
@@ -0,0 +1,28 @@
 export const getFileType = (fileName: string, allowedExtensions: {
 	images: string[],
 	videos: string[],
 	audios: string[],
 	documents: string[]
 }): 'image' | 'video' | 'audio' | 'document' | 'unknown' => {
 	const lastDotIndex = fileName.lastIndexOf('.');
 	const extension = fileName.substring(lastDotIndex + 1).toLowerCase();
 	if (allowedExtensions.images.includes(extension)) {
 		return 'image';
 	}
 	if (allowedExtensions.videos.includes(extension)) {
 		return 'video';
 	}
 	if (allowedExtensions.audios.includes(extension)) {
 		return 'audio';
 	}
 	if (allowedExtensions.documents.includes(extension)) {
 		return 'document';
 	}
 	return 'unknown';
 }
@@ -2,6 +2,34 @@ import { QueryClient } from '@tanstack/react-query';
 import { getUserData, getUserFilesInfo, getBuildData } from '@/app/actions/action';
 import { getUserFilesData } from '@/app/actions/fileEntity';
 import { fetchReferralUserStats } from '@/app/actions/referralsActions';
 import { getAllowedFilesExtensions } from '@/app/actions/fileUpload';
 export interface allFilesExtensions {
 	videos: string[];
 	audios: string[];
 	images: string[];
 	documents: string[];
 	maxFileSize: number;
 }
 export async function getAllFilesExtensions(): Promise<allFilesExtensions> {
 	const [video, audio, image, document] = await Promise.all([
 		getAllowedFilesExtensions('video'),
 		getAllowedFilesExtensions('audio'),
 		getAllowedFilesExtensions('image'),
 		getAllowedFilesExtensions('document')
 	]);
 	const result: allFilesExtensions = {
 		videos: video?.file_extension ? video.file_extension : [],
 		audios: audio?.file_extension ? audio.file_extension : [],
 		images: image?.file_extension ? image.file_extension : [],
 		documents: document?.file_extension ? document.file_extension : [],
 		maxFileSize: video?.max_file_size ? video.max_file_size : 0
 	}
 	return result;
 }
 export async function prefetchLayoutQueries(queryClient: QueryClient) {
 	await Promise.all([
@@ -12,7 +40,15 @@ export async function prefetchLayoutQueries(queryClient: QueryClient) {
 		queryClient.prefetchQuery({
 			queryKey: ['userFilesData'],
 			queryFn: () => {
-				return getUserFilesData(1, 10000);
+				return getUserFilesData({
 					page: 1,
 					pageSize: 10,
 					sortBy: '',
 					sortOrder: '',
 					type: '',
 					date: '',
 					query: ''
 				});
 			},
 			staleTime: 30 * 1000
 		}),
@@ -35,5 +71,10 @@ export async function prefetchLayoutQueries(queryClient: QueryClient) {
 				}
 			}
 		}),
 		queryClient.prefetchQuery({
 			queryKey: ['allFilesExtensions'],
 			queryFn: () => getAllFilesExtensions(),
 			staleTime: 5 * 60 * 1000
 		}),
 	]);
 }
@@ -0,0 +1,11 @@
 'use client';
 import Providers from './getQueryServer';
 export function WatchDocProviders({ children }: { children: React.ReactNode }) {
 	return (
 		<Providers>
 			{children}
 		</Providers>
 	);
 }
@@ -1,34 +1,11 @@
 'use client'
 import {
 	isServer,
 	QueryClient,
 	QueryClientProvider,
 } from '@tanstack/react-query'
 import { getQueryClient } from '@/app/providers/getQueryClient';
 /* export function makeQueryClient() {
 	return new QueryClient({
 		defaultOptions: {
 			queries: {
 				staleTime: 60 * 1000,
 			},
 		},
 	})
 }
 let browserQueryClient: QueryClient | undefined = undefined
 function getQueryClient() {
 	if (isServer) {
 		return makeQueryClient()
 	} else {
 		if (!browserQueryClient) browserQueryClient = makeQueryClient()
 		return browserQueryClient
 	}
 } */
 export default function Providers({ children }: { children: React.ReactNode }) {
 	const queryClient = getQueryClient();
@@ -0,0 +1,70 @@
@use './variable.scss' as v;
 .loading-animation {
 	display: block;
 	text-align: center;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
 	.global-spinner {
 		display: block;
 		width: 24px;
 		height: 24px;
 		margin: 0 auto;
 		position: relative;
 		&::before {
 			content: '';
 			position: absolute;
 			top: 0;
 			left: 0;
 			width: 100%;
 			height: 100%;
 			border: 4px solid #e5e7eb;
 			border-top: 4px solid #667eea;
 			border-radius: 50%;
 			animation: spin 1s linear infinite;
 		}
 		&.large {
 			width: 80px;
 			height: 80px;
 			&::before {
 				border: 10px solid #e5e7eb;
 				border-top: 10px solid #667eea;
 			}
 		}
 	}
 }
 .loading-placeholder {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 /* 	min-width: 80px;
 	min-height: 80px; */
 	&.start {
 		justify-content: start;
 	}
 	.loading-animation {
 		display: block;
 		text-align: center;
 		position: relative;
 		left: auto;
 		top: auto;
 		transform: none;
 	}
 	.global-spinner {
 		display: inline-block;
 		width: 24px;
 		height: 24px;
 		position: relative;
 	}
 }
@@ -6,6 +6,10 @@
@use './reports.scss';
@use './privacy-and-terms-pages.scss';
@use './VKLogin.scss';
@use './animation.scss';
@use './violation-details.scss';
@use './watch-doc.scss';
@use './tracking-statistic.scss';
 .page-title {
 	font-size: 30px;
@@ -151,10 +155,50 @@
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	&:disabled {
 		opacity: 0.5;
 	}
 }
 .btn,
 .btn-s,
 .btn-l {
 	border: none;
 	cursor: pointer;
 	font-weight: 600;
 	transition: all 0.3s;
 	text-decoration: none;
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
 	&:disabled {
 		opacity: 0.5;
 	}
 }
 .btn {
 	padding: 12px 24px;
 	font-size: 14px;
 	border-radius: 10px;
 }
 .btn-s {
 	padding: 6px 12px;
 	font-size: 12px;
 	border-radius: 6px;
 }
 .btn-l {
 	padding: 16px 32px;
 	font-size: 16px;
 	border-radius: 12px;
 }
 .btn-primary {
-	background: linear-gradient(135deg, v.$p-color, v.$s-color);
+	/* background: linear-gradient(135deg, v.$p-color, v.$s-color); */
 	background: #6366f1;
 	color: v.$white;
 	border: 2px solid transparent;
@@ -179,6 +223,16 @@
 	}
 }
 .btn-cancel {
 	background: v.$bg-hover;
 	color: v.$text-p;
 	border: 2px solid v.$border-color-1;
 	&:hover {
 		transform: translateY(-2px);
 	}
 }
 .btn-outline {
 	background: transparent;
 	border: 2px solid v.$p-color;
@@ -190,6 +244,14 @@
 	}
 }
 .btn-warning {
 	background: v.$color-warning;
 	&:hover {
 		background: v.$color-warning-hover;
 	}
 }
 .divider {
 	text-align: center;
 	margin: 20px 0;
@@ -312,6 +374,7 @@
 		bottom: 10px;
 		left: 10px;
 		color: #fffc;
 		font-size: 12px;
 	}
 }
@@ -347,7 +410,7 @@
 	svg {
 		margin-right: 15px;
 		width: 20px;
-		height: 20px;
+		min-width: 20px;
 	}
 	@media (max-width: 1200px) {
@@ -552,10 +615,72 @@
 	}
 }
 .dropdown-list-portal {
 	.dropdown-list {
 		width: 100%;
 		margin-top: 4px;
 		background-color: #ffffff;
 		border: 2px solid #e2e8f0;
 		border-radius: 12px;
 		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
 			0 4px 6px -2px rgba(0, 0, 0, 0.05);
 	}
 	.dropdown-item {
 		display: flex;
 		align-items: center;
 		width: 100%;
 		padding: 8px 16px;
 		font-size: 12px;
 		text-align: left;
 		cursor: pointer;
 		user-select: none;
 		&:hover {
 			background-color: #dbeafe;
 		}
 		&.current {
 			font-weight: 700;
 		}
 	}
 }
 .dropdown-wrapper {
 	position: relative;
 	width: 100%;
 	&.monitoring-dropdown {
 		max-width: 184px;
 		margin: 0 auto;
 		.dropdown-button {
 			font-size: 12px;
 		}
 		.dropdown-list {
 			position: absolute;
 			left: 0;
 			right: auto;
 			z-index: 9999;
 			width: 100%;
 			margin-top: 4px;
 			transform-origin: top left;
 			background-color: #ffffff;
 			border: 2px solid #e2e8f0;
 			border-radius: 12px;
 			box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
 				0 4px 6px -2px rgba(0, 0, 0, 0.05);
 			&:focus {
 				outline: none;
 			}
 		}
 	}
 	.dropdown-button {
 		display: flex;
 		align-items: center;
@@ -635,3 +760,87 @@
 .yaPreloadingSuggestBlockContainer {
 	height: 52px !important;
 }
 .error-message {
 	margin-top: 1rem;
 	padding: 0.75rem;
 	background-color: #fef2f2;
 	border: 1px solid #fecaca;
 	border-radius: 0.5rem;
 	.error-message-text {
 		color: #dc2626;
 		font-weight: 500;
 	}
 }
 .yandex-auth-button {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 10px;
 	padding: 14px 24px;
 	border: none;
 	border-radius: 8px;
 	font-size: 16px;
 	font-weight: 500;
 	cursor: pointer;
 	transition: all 0.2s ease;
 	text-decoration: none;
 	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 	width: 100%;
 	box-sizing: border-box;
 	background: v.$black;
 	color: #FFFFFF;
 	&:hover {
 		background: #1a1a1a;
 		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
 		/* transform: translateY(-2px); */
 	}
 }
 .search-settings {
 	&-wrapper {
 		margin-bottom: 20px;
 		background: #f0f9ff;
 		border: 1px solid #bfdbfe;
 		border-radius: 12px;
 		margin-bottom: 20px;
 		padding: 16px;
 		color: #1e40af;
 	}
 	&-header {
 		display: flex;
 		gap: 10px;
 		font-weight: 600;
 		&.loading {
 			opacity: 0.5;
 		}
 	}
 	&-item {
 		cursor: pointer;
 		span {
 			margin-left: 4px;
 			color: v.$red;
 			&.active {
 				color: v.$green;
 			}
 		}
 		&:hover {
 			text-decoration: underline;
 		}
 	}
 	/* 	&-action-panel {
 		display: flex;
 		gap: 10px;
 	} */
 }
@@ -53,3 +53,6 @@ path:focus {
 }
@import "tailwindcss";
@import 'swiper/css';
@import 'swiper/css/navigation';
@import 'swiper/css/pagination';
@@ -4,11 +4,12 @@
 	display: flex;
 	justify-content: end;
 	align-items: center;
 	margin-bottom: 30px;
 	background: v.$white;
 	padding: 20px 30px;
 	border-radius: 20px;
 	box-shadow: 0 4px 20px v.$shadow-1;
 	max-width: 1920px;
 	margin: 0 auto 30px;
 	@media (max-width: 490px) {
 		padding: 20px 20px;
@@ -49,6 +50,10 @@
 				width: 30px;
 				height: 30px;
 			}
 			/* 			&.active {
 				background: v.$color-warning;
 			} */
 		}
 	}
@@ -85,6 +90,11 @@
 		@media (max-width: 440px) {
 			padding: 8px;
 		}
 		&:hover {
 			background: v.$p-color;
 			color: v.$white;
 		}
 	}
 	.tokens-count {
@@ -110,7 +120,7 @@
 		background: v.$white;
 		border-radius: 12px;
 		box-shadow: 10px 10px 20px 10px v.$shadow-1;
-		min-width: 320px;
+		min-width: 350px;
 		opacity: 0;
 		visibility: hidden;
 		transform: translateY(-10px);
@@ -124,8 +134,10 @@
 		}
 	}
-	.notification-dropdown {
+	.notification {
-		.notification-header {
+		/* &-dropdown {} */
 		&-header {
 			padding: 15px 20px;
 			border-bottom: 1px solid v.$b-color-1;
 			display: flex;
@@ -138,64 +150,136 @@
 				font-weight: 600;
 				color: v.$text-p;
 			}
 		}
-			.notification-count {
+		&-count {
-				font-size: 12px;
+			font-size: 10px;
-				color: v.$p-color;
+			background: v.$p-color;
 			padding: 5px;
 			color: v.$white;
 			font-weight: 500;
-			}
+			border-radius: 5px;
 			margin-left: 5px;
 			user-select: none;
 		}
-		.notification-list {
+		&-list {
-			max-height: 400px;
+			max-height: 600px;
 			overflow-y: auto;
 		}
-		.notification-item {
+		&-item {
 			display: flex;
-			gap: 12px;
+			gap: 8px;
-			padding: 15px 20px;
+			padding: 10px 14px;
 			border-bottom: 1px solid v.$b-color-1;
 			transition: background-color 0.2s;
-			cursor: pointer;
+			align-items: center;
 			&.loading {
 				opacity: 0.5;
 			}
 		}
-		.notification-title {
+		&-title {
 			display: block;
-			font-size: 15px;
+			font-size: 13px;
 			font-weight: 700;
 			color: v.$text-p;
 			margin-bottom: 6px;
 		}
-		.notification-icon {
+		&-content {
-			font-size: 24px;
+			width: 100%;
-			flex-shrink: 0;
+			position: relative;
 			padding: 5px;
 		}
-		.notification-text {
+		&-item-header {
 			display: flex;
 			justify-content: space-between;
 		}
 		&-text {
 			font-size: 13px;
 			color: v.$text-s;
 			margin-bottom: 4px;
 			font-weight: 500;
 		}
-		.notification-time {
+		&-data {
-			font-size: 12px;
+			font-size: 10px;
 			color: v.$text-m;
 		}
-		.notification-footer {
+		&-icon {
-			padding: 12px 20px;
+			font-size: 12px;
 			cursor: pointer;
 			height: max-content;
 			color: v.$p-color;
 			align-self: start;
 			padding-top: 5px;
 			svg {
 				fill: v.$p-color;
 				&:hover {
 					fill: v.$p-color-hover;
 				}
 			}
 			&:hover {
 				color: v.$p-color-hover;
 			}
 		}
 		&-mark-all-as-read {
 			font-size: 10px;
 			color: v.$p-color;
 			text-align: end;
 			cursor: pointer;
 			&:hover {
 				color: v.$p-color-hover;
 			}
 		}
 		&-footer {
 			padding: 8px 20px;
 			border-top: 1px solid v.$b-color-1;
 			text-align: center;
 			position: relative;
 			.notification-link {
 				color: v.$p-color;
-				font-size: 14px;
+				font-size: 16px;
-				font-weight: 500;
+				font-weight: 600;
 				text-decoration: none;
 				cursor: pointer;
 				&:disabled {
 					opacity: 0.5;
 				}
 				&:hover {
 					color: v.$p-color-hover;
 				}
 			}
 		}
 		&-unread-count {
 			position: absolute;
 			right: -5px;
 			bottom: -5px;
 /* 			width: 22px;
 			height: 22px; */
 			border-radius: 15px;
 			background: v.$red;
 			color: v.$white;
 			display: flex;
 			justify-content: center;
 			align-items: center;
 			font-size: 12px;
 			padding: 2px 5px;
 		}
 	}
@@ -112,6 +112,15 @@
 	&.password {
 		padding-right: 32px;
 	}
 	&:disabled {
 		opacity: 0.5;
 	}
 	&.valid-card {
 		border: 2px solid #2f9e44;
 		background: #ecf8ee;
 	}
 }
 .form-options {
@@ -172,16 +181,47 @@
 	margin-bottom: 18px;
 	margin: 20px 0 0 0;
 	&:disabled {
 		opacity: 0.5;
 	}
 	&:hover:not(:disabled) {
 		transform: translateY(-2px);
 	}
 	&:disabled {
 		opacity: 0.5;
 		background: linear-gradient(135deg, #414291, #4b3975);
 		&:hover {
 			transform: none;
 		}
 	}
 	&.refresh {
 		width: 100%;
 		display: flex;
 		justify-content: center;
 		gap: 3px;
 		white-space: nowrap;
 	}
 }
 .form-group-confrim-window {
 	min-width: 500px;
 	&-button-group {
 		justify-content: center;
 		gap: 10px;
 		display: grid;
 		grid-template-columns: 50% 50%;
 	}
 	@media (max-width: 550px) {
 		min-width: auto;
 		&-button-group {
 			flex-direction: column;
 			gap: 10px;
 		}
 	}
 	.btn {
 		margin: 0;
 	}
@@ -201,10 +201,18 @@
 		}
 		.subscription-grid {
-			display: grid;
+/* 			display: grid;
-			grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+			grid-template-columns: 1fr 1fr 1fr 1fr;
 			grid-template-columns: repeat(4, auto);
 			gap: 20px;
 			margin-bottom: 25px;
 			justify-content: center; */
 			display: grid;
 			grid-template-columns: repeat(auto-fit, minmax(230px, 278px));
 			gap: 18px;
 			margin-bottom: 25px;
 			justify-content: center;
 		}
 		.plan-card {
@@ -216,7 +224,7 @@
 			transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 			cursor: pointer;
 			overflow: visible;
-			max-width: 350px;
+			max-width: 278px;
 			.plan-header {
 				text-align: center;
@@ -249,6 +257,7 @@
 			.plan-period {
 				color: #64748b;
 				font-size: 0.85rem;
 				text-transform: lowercase;
 			}
 			.plan-tokens {
@@ -260,6 +269,11 @@
 				font-weight: 600;
 				margin: 12px auto;
 				display: inline-block;
 				&.header {
 					font-size: 2rem;
 					font-weight: 800;
 				}
 			}
 			.plan-features {
@@ -293,6 +307,97 @@
 				}
 			}
 		}
 		.token-package {
 			background: #f8fafc;
 			border: 2px solid #e2e8f0;
 			border-radius: 16px;
 			padding: 20px;
 			text-align: center;
 			cursor: pointer;
 			transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 			position: relative;
 			overflow: hidden;
 			&:hover {
 				transform: translateY(-4px) scale(1.02);
 				border-color: #6366f1;
 				box-shadow: 0 12px 30px rgba(99, 102, 241, 0.2);
 				&::before {
 					left: 100%;
 				}
 			}
 			&::before {
 				content: '';
 				position: absolute;
 				top: 0;
 				left: -100%;
 				width: 100%;
 				height: 100%;
 				background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.1), transparent);
 				transition: left 0.5s ease;
 			}
 			&.selected {
 				border-color: #10b981;
 				background: linear-gradient(135deg, #f0fdf4, #dcfce7);
 				transform: scale(1.05);
 			}
 			.token-package-amount {
 				font-size: 1.8rem;
 				font-weight: 700;
 				color: #1e293b;
 				margin-bottom: 6px;
 			}
 			.token-package-text {
 				font-size: 0.85rem;
 				color: #64748b;
 				margin-bottom: 8px;
 			}
 			.token-package-price {
 				font-size: 1.3rem;
 				font-weight: 600;
 				background: linear-gradient(135deg, #6366f1, #8b5cf6);
 				-webkit-text-fill-color: transparent;
 				background-clip: text;
 				margin-bottom: 8px;
 			}
 			.token-package-detail {
 				color: #64748b;
 				font-size: 0.8rem;
 				margin-top: 6px;
 			}
 		}
 		.plan-button {
 			width: 100%;
 			max-width: 280px;
 			padding: 12px 18px;
 			border: none;
 			border-radius: 12px;
 			font-size: 0.95rem;
 			font-weight: 600;
 			cursor: pointer;
 			transition: all 0.3s ease;
 			position: relative;
 			overflow: hidden;
 			display: block;
 			margin: 0 auto;
 		}
 		.selected-token-info {
 			margin-top: 8px;
 			color: #64748b;
 			font-size: 0.85rem;
 			text-align: center;
 		}
 	}
 	.secure-payments-wrapper {
@@ -319,16 +424,38 @@
 		.secure-payments-card {
 			padding: 12px;
 			display: flex;
 			flex-direction: column;
 			justify-content: space-around;
 			/* 			&:has(.yookassa) {
 				align-self: flex-end;
 			} */
 			.secure-payments-card-header {
 				font-size: 1.8rem;
 				margin-bottom: 8px;
 				height: 44px;
 				&.yookassa {
 					max-width: 88px;
 					margin: 0 auto 8px;
 					display: flex;
 					align-items: center;
 				}
 			}
 			h4 {
 				color: #1e293b;
 				margin-bottom: 6px;
 				font-size: 0.95rem;
 				height: 32px;
 				display: flex;
 				justify-content: center;
 				svg {
 					max-width: 88px;
 					margin: 0 auto 8px;
 				}
 			}
 			p {
@@ -7,6 +7,7 @@
 	position: relative;
 	overflow: hidden;
 	margin-bottom: 30px;
 	max-width: calc(100vw - var(--side-bar-width) - 30px);
 	.enhanced-chart-title {
 		font-size: 22px;
@@ -14,12 +15,7 @@
 		color: white;
 		display: flex;
 		align-items: center;
-
+		margin-bottom: 20px;
 		&::before {
 			content: '🔍';
 			margin-right: 12px;
 			font-size: 28px;
 		}
 	}
 	.search-stats-grid {
@@ -49,7 +45,13 @@
 	.search-stat-icon {
 		font-size: 32px;
 		margin-bottom: 15px;
-		display: block;
+		display: flex;
 		justify-content: center;
 		.icon {
 			width: 50px;
 			height: 50px;
 		}
 	}
 	.search-stat-value {
@@ -68,11 +70,19 @@
 }
 .analytics-grid {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 30px;
-	margin-bottom: 40px;
+	margin-bottom: 10px;
-	justify-content: space-between;
+	display: grid;
 	grid-template-columns: 1fr 1fr;
 	.tanstak-table-wrapper .tanstak-table {
 		width: 100%;
 	}
 	@media (max-width: 1370px) {
 		flex-direction: column;
 		grid-template-columns: 1fr;
 	}
 	.analytics-card {
 		background: white;
@@ -80,10 +90,12 @@
 		padding: 30px;
 		box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
 		transition: all 0.3s ease;
 		flex: 1;
 		min-width: 350px;
 		max-width: calc(50% - 15px);
 		margin-bottom: 20px;
 		width: 100%;
 		@media (max-width: 970px) {
 			max-width: calc(100vw - var(--side-bar-width) - 30px);
 		}
 	}
 	.analytics-header {
@@ -152,6 +164,7 @@
 	position: relative;
 	overflow: hidden;
 	box-shadow: 0 20px 40px rgba(30, 58, 138, 0.4);
 	max-width: calc(100vw - var(--side-bar-width) - 30px);
 	&::before {
 		content: '';
@@ -189,10 +202,14 @@
 	.summary-stats {
 		display: grid;
-		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+		grid-template-columns: 1fr 2fr 1fr;
 		gap: 30px;
 		position: relative;
 		z-index: 2;
 		@media (max-width: 940px) {
 			grid-template-columns: 1fr;
 		}
 	}
 	.summary-stat {
@@ -204,6 +221,12 @@
 		border: 2px solid rgba(255, 255, 255, 0.2);
 		transition: all 0.4s ease;
 		&.center {
 			display: flex;
 			justify-content: space-around;
 			gap: 10px;
 		}
 		&:hover {
 			transform: translateY(-8px) scale(1.02);
 			background: rgba(255, 255, 255, 0.2);
@@ -219,6 +219,64 @@
 			padding: 20px;
 		}
 	}
 	&.verefication-section {
 		height: 100%;
 		display: flex;
 		flex-direction: column;
 		.verefication-block {
 			flex-grow: 1;
 			display: flex;
 			flex-direction: column;
 			h3 {
 				margin-bottom: 10px;
 			}
 			.drag-drop-zone {
 				border: 2px dashed #6366f1;
 				border-radius: .75rem;
 				padding: 10px;
 			}
 			.selected-file-action-panel {
 				display: flex;
 				justify-content: center;
 				gap: 10px;
 			}
 			.selected-file-actions {
 				display: flex;
 				justify-content: center;
 				gap: 10px;
 			}
 			.description {
 				font-size: 12px;
 				color: v.$text-s;
 			}
 			.btn {
 				padding: 5px 12px;
 			}
 			.btn-confirm {
 				background: v.$p-color;
 				color: v.$white;
 				background: linear-gradient(135deg, v.$p-color, v.$s-color);
 				color: v.$white;
 				border: 2px solid transparent;
 				padding: 2px 10px;
 			}
 			.btn-cancel {
 				border: 2px solid v.$p-color;
 				padding: 2px 10px;
 			}
 		}
 	}
 }
 .danger-zone {
@@ -0,0 +1,87 @@
@use './variable.scss' as v;
 :root {
 	--p: #6366f1;
 	--pd: #4f46e5;
 	--pl: #e0e7ff;
 	--g: #10b981;
 	--a: #f59e0b;
 	--r: #f43f5e;
 	--s: #0ea5e9;
 	--bg: #f1f5f9;
 	--sur: #fff;
 	--brd: #e2e8f0;
 	--tx: #1e293b;
 	--mu: #64748b;
 	--rad: 14px;
 	--sh: 0 2px 10px rgba(0, 0, 0, .07);
 }
 .tracking-page {
 	.general-statistic {
 		background: linear-gradient(135deg, v.$p-color 55%, v.$s-color);
 		border-radius: var(--rad);
 		padding: 32px;
 		color: #fff;
 		margin-bottom: 24px;
 		position: relative;
 		overflow: hidden;
 		&-top {
 			display: flex;
 			align-items: flex-start;
 			justify-content: space-between;
 			flex-wrap: wrap;
 			gap: 12px;
 			margin-bottom: 24px;
 		}
 		&-title {
 			font-size: 24px;
 			font-weight: 800;
 		}
 		&-sub {
 			font-size: 13px;
 			opacity: .75;
 			margin-top: 4px;
 		}
 		&-content {
 			display: grid;
 			grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
 			gap: 14px;
 		}
 		&-item {
 			background: rgba(255, 255, 255, .13);
 			backdrop-filter: blur(8px);
 			border-radius: 12px;
 			padding: 16px 18px;
 			border: 1px solid rgba(255, 255, 255, .15);
 			&-ico {
 				font-size: 20px;
 				margin-bottom: 6px;
 				svg {
 					fill: v.$white;
 					color: v.$white;
 				}
 			}
 			&-lbl {
 				font-size: 11px;
 				opacity: .8;
 				text-transform: uppercase;
 				letter-spacing: .5px;
 				margin-top: 4px;
 			}
 			&-val {
 				font-size: 30px;
 				font-weight: 800;
 				line-height: 1;
 			}
 		}
 	}
 }
@@ -1,4 +1,5 @@
 $p-color: #6366f1;
 $p-color-hover: #1e0ff0;
 $s-color: #8b5cf6;
 $text-p: #1f2937;
 $text-s: #4b5563;
@@ -10,16 +11,31 @@ $bg-hover: #e9ecef;
 $bg-light: #f8f9ff;
 $bg-darkening: #0000007a;
 $shadow-1: #0000001a;
 $shadow-2: #8686861a;
 $white: #fff;
 $black: #000;
 $red: #dc2626;
 $green: #00a63e;
 $green-2: #10b981;
 $grey: #5a6e8a;
 $p-color-disabled: #6365f18e;
 $s-color-disabled: #8a5cf663;
 $border-color-1: #e2e8f0;
 $border-color-1-hover: #b1b7be;
 $color-warning: #fab005;
 $color-warning-hover: #fa9805;
 $color-warning-2: #f08c00;
 $color-image: #f08c00;
 $color-video: #2f9e44;
 $color-audio: #1971c2;
 $color-document: #a561e6;
 $status-new: #fab005;
 $status-showed: #5a6e8a;
 $status-in-work: #3b82f6;
 $authorized-use: #2ecc71;
 :root {
 	--side-bar-width: 280px;
@@ -0,0 +1,319 @@
@use './variable.scss' as v;
 :root {
 	--bg: #f5f6fa;
 	--card: #fff;
 	--border: #e2e5ef;
 	--border2: #d0d4e4;
 	--text: #0f1221;
 	--text2: #4b5270;
 	--muted: #8890ad;
 	--accent: #5b47e0;
 	--accent2: #7c5cf6;
 	--green: #059669;
 	--green-bg: #ecfdf5;
 	--green-bd: #a7f3d0;
 	--red: #dc2626;
 	--red-bg: #fef2f2;
 	--amber: #b45309;
 	--shadow: 0 2px 12px rgba(15, 18, 33, .07);
 }
 .watch-doc {
 	&-wrapper {
 		background: var(--bg);
 		color: var(--text);
 		font-size: 15px;
 		line-height: 1.6;
 		min-height: 100vh;
 		.btn-acc {
 			background: var(--accent);
 			color: #fff;
 			box-shadow: 0 3px 12px rgba(91, 71, 224, .28);
 			margin: 0 auto;
 			display: block;
 			&:hover {
 				background: var(--accent2);
 				text-decoration: none;
 			}
 		}
 		.btn-out {
 			background: var(--card);
 			color: var(--text2);
 			border: 1px solid var(--border2);
 			width: 100%;
 			&:hover {
 				border-color: var(--accent);
 				color: var(--accent);
 				text-decoration: none;
 			}
 		}
 		.document-controls {
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
 			margin-top: 8px;
 			gap: 10px;
 			&__nav {
 				display: flex;
 				align-items: center;
 				gap: 8px;
 			}
 			&__next,
 			&__prev {
 				font-size: 0.75rem;
 				color: var(--accent);
 				background: none;
 				border: 1px solid var(--border2);
 				border-radius: 6px;
 				padding: 3px 10px;
 				cursor: pointer;
 				font-family: inherit;
 				display: inline;
 				&:hover {
 					background: var(--accent);
 					color: #fff;
 				}
 			}
 			&__current-page {
 				font-size: 0.75rem;
 				color: var(--muted);
 				display: inline;
 			}
 			&__fullscreen {
 				font-size: .75rem;
 				color: var(--accent);
 				background: none;
 				border: 1px solid var(--border2);
 				border-radius: 6px;
 				padding: 3px 10px;
 				cursor: pointer;
 				font-family: inherit;
 				&:hover {
 					background: var(--accent);
 					color: #fff;
 				}
 			}
 		}
 		.prev-wrap {
 			min-height: 400px;
 			min-width: 300px;
 			position: relative;
 			display: flex;
 			justify-content: center;
 		}
 		.pdf-canvas {
 			display: block;
 			max-width: 100%;
 			height: auto;
 		}
 		.pdf-container {
 			width: 100%;
 			overflow-x: auto;
 		}
 		.pdf-container:fullscreen {
 			background: #f5f5f5;
 			padding: 20px;
 			gap: 20px;
 			.prev-wrap {
 				flex: 1;
 				min-height: auto;
 				display: flex;
 				justify-content: center;
 				align-items: center;
 				background: #f5f5f5;
 			}
 			.pdf-canvas {
 				max-width: 100%;
 				max-height: calc(100vh - 120px);
 				width: auto;
 				height: auto;
 				object-fit: contain;
 			}
 			.document-controls {
 				position: fixed;
 				bottom: 20px;
 				left: 50%;
 				transform: translateX(-50%);
 				background: rgba(255, 255, 255, 0.95);
 				backdrop-filter: blur(10px);
 				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 				border-radius: 12px;
 				padding: 0.75rem 1.5rem;
 				z-index: 1000;
 				min-width: 300px;
 				justify-content: center;
 			}
 		}
 		.error-container {
 			text-align: center;
 		}
 	}
 	&-page {
 		max-width: 880px;
 		margin: 0 auto;
 		padding: 0 16px 60px;
 	}
 	&-header {
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
 		padding: 18px 0 20px;
 		border-bottom: 1px solid var(--border);
 		margin-bottom: 28px;
 		.header-logo {
 			font-size: 1.1rem;
 			font-weight: 700;
 			color: v.$p-color;
 			display: flex;
 			align-items: center;
 			gap: 7px;
 		}
 		.header-user {
 			font-size: .83rem;
 			color: var(--text2);
 			background: #fff;
 			border: 1px solid var(--border);
 			border-radius: 8px;
 			padding: 7px 14px;
 		}
 	}
 	&-status {
 		background: var(--green-bg);
 		border: 1.5px solid var(--green-bd);
 		display: flex;
 		flex-direction: column;
 		align-items: flex-start;
 		gap: 14px;
 		margin-bottom: 22px;
 		padding: 20px 22px;
 		border-radius: 14px;
 		.st-title {
 			color: var(--green);
 			font-size: 1.05rem;
 			font-weight: 700;
 			margin-bottom: 3px;
 		}
 		.st-sub {
 			font-size: .83rem;
 			color: var(--text2);
 			line-height: 1.5;
 		}
 	}
 	&-grid {
 		display: grid;
 		grid-template-columns: 1fr 1fr;
 		gap: 14px;
 	}
 	&-footer {
 		text-align: center;
 		padding: 28px 0 0;
 		color: var(--muted);
 		font-size: .76rem;
 		border-top: 1px solid var(--border);
 		margin-top: 14px;
 		display: flex;
 		justify-content: center;
 		gap: 10px;
 	}
 	&-card {
 		background: var(--card);
 		border: 1px solid var(--border);
 		border-radius: 14px;
 		overflow: hidden;
 		box-shadow: var(--shadow);
 		height: 100%;
 		.card-head {
 			padding: 14px 20px;
 			border-bottom: 1px solid var(--border);
 			display: flex;
 			align-items: center;
 			gap: 9px;
 			font-size: .78rem;
 			font-weight: 700;
 			color: var(--text);
 			text-transform: uppercase;
 			letter-spacing: .6px;
 		}
 		.card-body {
 			padding: 14px 20px;
 			.owner-row {
 				display: flex;
 				align-items: center;
 				gap: 12px;
 			}
 			.owner-av {
 				width: 42px;
 				height: 42px;
 				border-radius: 10px;
 				background: linear-gradient(135deg, var(--accent), var(--accent2));
 				display: flex;
 				align-items: center;
 				justify-content: center;
 				color: #fff;
 				font-size: 1.1rem;
 				font-weight: 700;
 				flex-shrink: 0;
 			}
 			.owner-name {
 				font-weight: 700;
 				margin-bottom: 5px;
 			}
 			.owner-meta {
 				color: var(--muted);
 			}
 		}
 		.download-description {
 			font-size: .82rem;
 			color: var(--text2);
 			margin-bottom: 14px;
 			text-align: center;
 		}
 	}
 	&-actions {
 		display: flex;
 		gap: 9px;
 		flex-wrap: wrap;
 		margin-top: 16px;
 	}
 }
@@ -1,13 +1,14 @@
-import TanstakFilesTable from '@/app/components/TanstakTable';
+import TanstakFilesTable from '@/app/components/tanstak-table/TanstakTable';
 type FilesTable = {
-	fileType: string
+	fileType: string;
 	showFileLink?: boolean;
 }
-export default function FilesTable({ fileType }: FilesTable) {
+export default function FilesTable({ fileType, showFileLink }: FilesTable) {
 	return (
 		<div className="block-wrapper">
-			<TanstakFilesTable fileType={fileType} />
+			<TanstakFilesTable fileType={fileType} showFileLink={showFileLink}/>
 		</div>
 	)
 }
@@ -25,10 +25,6 @@ export default function DashboardFilesInfo() {
 						<span className="type-card-stat-label">{t('PROTECTED')}</span>
 						<span className="type-card-stat-value">{filesInfo?.images.protected ? filesInfo?.images.protected : 0}</span>
 					</div>
 					<div className="type-card-stat-row">
 						<span className="type-card-stat-label">{t('violations')}</span>
 						<span className="type-card-stat-value">{filesInfo?.images.violation ? filesInfo?.images.violation : 0}</span>
 					</div>
 				</div>
 			</div>
@@ -47,10 +43,6 @@ export default function DashboardFilesInfo() {
 						<span className="type-card-stat-label">{t('PROTECTED')}</span>
 						<span className="type-card-stat-value">{filesInfo?.videos.protected ? filesInfo?.videos.protected : 0}</span>
 					</div>
 					<div className="type-card-stat-row">
 						<span className="type-card-stat-label">{t('violations')}</span>
 						<span className="type-card-stat-value">{filesInfo?.videos.violation ? filesInfo?.videos.violation : 0}</span>
 					</div>
 				</div>
 			</div>
@@ -69,10 +61,6 @@ export default function DashboardFilesInfo() {
 						<span className="type-card-stat-label">{t('PROTECTED')}</span>
 						<span className="type-card-stat-value">{filesInfo?.audios.protected ? filesInfo?.audios.protected : 0}</span>
 					</div>
 					<div className="type-card-stat-row">
 						<span className="type-card-stat-label">{t('violations')}</span>
 						<span className="type-card-stat-value">{filesInfo?.audios.violation ? filesInfo?.audios.violation : 0}</span>
 					</div>
 				</div>
 			</div>
@@ -85,16 +73,12 @@ export default function DashboardFilesInfo() {
 				<div className="type-card-stats">
 					<div className="type-card-stat-row">
 						<span className="type-card-stat-label">{t('size')}</span>
-						<span className="type-card-stat-value">{filesInfo?.documents.check? convertBytes(filesInfo?.documents.check) : 0}</span>
+						<span className="type-card-stat-value">{filesInfo?.documents.size? convertBytes(filesInfo?.documents.size) : 0}</span>
 					</div>
 					<div className="type-card-stat-row">
 						<span className="type-card-stat-label">{t('PROTECTED')}</span>
 						<span className="type-card-stat-value">{filesInfo?.documents.protected ? filesInfo?.documents.protected : 0}</span>
 					</div>
 					<div className="type-card-stat-row">
 						<span className="type-card-stat-label">{t('violations')}</span>
 						<span className="type-card-stat-value">{filesInfo?.documents.violation ? filesInfo?.documents.violation : 0}</span>
 					</div>
 				</div>
 			</div>
 		</div>
@@ -1,26 +1,63 @@
 'use client'
 import { useQuery } from '@tanstack/react-query';
 import Link from 'next/link';
 import { fetchLastMonitoringCheck } from '@/app/actions/monitoringActions';
 import { formatDate, formatDateTime } from '@/app/lib/formatDate';
 import { useTranslations } from 'next-intl';
 export default function DashboardLastCheck() {
 	const { data, isLoading } = useQuery({
 		queryKey: ['lastMonitoringCheck'],
 		queryFn: () => {
 			return fetchLastMonitoringCheck()
 		},
 		select: (data) => {
 			if (!data) {
 				return null
 			}
 			return data;
 		},
 		retry: false
 	});
 	const t = useTranslations('Global');
 	return (
 		<div className="dashboard-last-check">
 			<div className="last-check-info">
-				<div className="last-check-title">Последняя проверка контента</div>
+				<div className="last-check-title">
 					{t('last-content-check')}
 				</div>
 				<div
 					className="relative"
 				>
 					{isLoading ? (
 						<div
 							className="loading-animation"
 						>
 							<div className="global-spinner"></div>
 						</div>
 					) : (
 						<div className="last-check-date">
-					17.10.2025 в 10:23</div>
+							{data?.recent_searches[0]?.created_at ? `${formatDate(data.recent_searches[0].created_at)} ${t('in')} ${formatDateTime(data.recent_searches[0].created_at)}` : '---'}
 						</div>
 					)}
 				</div>
 			</div>
 			<div className="last-check-actions">
 				<Link
 					className="btn-report"
-					href={'reports'}
+					href={'/pages/reports'}
 				>
-					📄 Отчёт
+					{t('reports')}
 				</Link>
-				<Link
+{/* 				<Link
 					className="btn-new-search"
 					href={'violations'}
 				>
-					🔍 Мониторинг нарушений
+					Мониторинг нарушений
-				</Link>
+				</Link> */}
 			</div>
 		</div>
 	)
@@ -2,11 +2,9 @@
 import { useQuery } from '@tanstack/react-query';
 import { getUserFilesData } from '@/app/actions/fileEntity';
 import { useEffect, useState, useRef } from 'react';
 import { FileTypeIcon } from '@/app/components/FileTypeIcon';
 import { convertBytes } from '@/app/lib/convertBytes';
 import { useTranslations } from 'next-intl';
 import { useClickOutside } from '@/app/hooks/useClickOutside';
 import Link from 'next/link';
 type FileItem = {
@@ -41,7 +39,15 @@ export default function DashboardUserFiles() {
 		error,
 	} = useQuery<ApiResponse, Error, FileItem[], ['userFilesData', number, number]>({
 		queryKey: ['userFilesData', 1, 5],
-		queryFn: () => getUserFilesData(1, 5),
+		queryFn: () => getUserFilesData({
 			page: 1,
 			pageSize: 5,
 			sortBy: 'updatedAt',
 			sortOrder: 'desc',
 			type: '',
 			date: '',
 			query: ''
 		}),
 		select: (data: ApiResponse): FileItem[] => {
 			if (!data?.files) return [];
@@ -63,15 +69,6 @@ export default function DashboardUserFiles() {
 	});
 	const t = useTranslations('Global');
 	const [openDropDownList, setOpenDropDownList] = useState(false);
 	const dropDownList = useRef(null);
 	useClickOutside(
 		dropDownList,
 		() => {
 			setOpenDropDownList(false)
 		},
 		openDropDownList
 	);
 	const formatDate = (timestamp: number) => {
 		const date = new Date(timestamp);
@@ -85,36 +82,29 @@ export default function DashboardUserFiles() {
 	return (
 		<div className="content-section">
 			<div className="section-header">
-				<h3 className="section-title">Ваши файлы</h3>
+				<h3 className="section-title">
 					{t('your-files')}
 				</h3>
 				<div
-					className="section-add-file btn view-all-link"
+					className="btn view-all-link"
 					onClick={() => {
 						setOpenDropDownList(!openDropDownList);
 					}}
 					ref={dropDownList}
 				>
-					{t('add')}
+					<Link href='/pages/my-content'>
-					<div
+						{t('all')}
 						className={`section-drop-down-list ${openDropDownList ? 'opened' : ''}`}
 					>
 						<div
 							className="flex flex-col text-center"
 						>
 							<Link href='/pages/marking-images'>
 								{t('photo-marking')}
 					</Link>
 							<Link href='/pages/marking-video'>
 								{t('video-marking')}
 							</Link>
 							<Link href='/pages/marking-audio'>
 								{t('audio-marking')}
 							</Link>
 						</div>
 					</div>
 				</div>
 			</div>
 			<div className="user-files-list">
 				{isLoading && (
 					<div
 						className="loading-animation"
 					>
 						<div
 							className="global-spinner"
 						>
 						</div>
 					</div>
 				)}
 				{tableData?.length ? (
 					tableData?.map((file) => {
@@ -141,9 +131,11 @@ export default function DashboardUserFiles() {
 						)
 					})
 				) : (
 					!isLoading && (
 						<div>
 							{t('there-are-no-files-yet')}
 						</div>
 					)
 				)}
 			</div>
 		</div>
@@ -1,52 +1,154 @@
 'use client'
 import { useTranslations } from 'next-intl';
-import {convertBytes} from '@/app/lib/convertBytes';
+import { convertBytes } from '@/app/lib/convertBytes';
-import {useUserFilesInfo} from '@/app/hooks/react-query/useUserFilesInfo';
+import { useUserFilesInfo } from '@/app/hooks/react-query/useUserFilesInfo';
 import { useEffect } from 'react';
 import { useViolationStatistic } from '@/app/hooks/react-query/useViolationStatistic';
 import { IconDocument, IconSearch, IconWarning, IconGraph, IconDiscet, IconShield } from '@/app/ui/icons/icons';
 export default function DashboardUserStats() {
 	const t = useTranslations("Global");
 	const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
 	const { data: violationStatistic, isLoading: violationStatisticLoading } = useViolationStatistic();
 	return (
 		<>
 			<div className="dashboard-user-stats">
 				<div className="stat-card projects">
-				<div className="stat-type">ЗАЩИЩЁННЫЕ ФАЙЛЫ</div>
+					<div className="stat-header">
-				<div className="stat-value">{filesInfo?.total.protected ? filesInfo?.total.protected : 0}</div>
+						<div className="stat-icon">
-				<div className="stat-label">Файлов под защитой</div>
+							<IconShield />
-				<div className="stat-icon">🛡️</div>
+						</div>
 					</div>
 					<div className="stat-value">
 						<div
 							className="loading-placeholder start"
 						>
 							{isLoading ? (
 								<div className="loading-animation">
 									<div className="global-spinner" />
 								</div>
 							) : (
 								filesInfo?.total.protected ? filesInfo?.total.protected : 0
 							)}
 						</div>
 					</div>
 					<div className="stat-label">
 						{t('files-under-protection')}
 					</div>
 				</div>
 				<div className="stat-card matches">
-				<div className="stat-type">СОВПАДЕНИЯ</div>
+					<div className="stat-header">
-				<div className="stat-value">0</div>
+						<div className="stat-icon">
-				<div className="stat-label">Найдено совпадений</div>
+							<IconSearch />
-				<div className="stat-icon">🔍</div>
+						</div>
 					</div>
 					{/* 					<div className="stat-value">
 						<div
 							className="loading-placeholder start"
 						>
 							{isLoading ? (
 								<div className="loading-animation">
 									<div className="global-spinner" />
 								</div>
 							) : (
 								filesInfo?.total.check ? filesInfo?.total.check : 0
 							)}
 						</div>
 					</div> */}
 					<div className="stat-value">
 						<div
 							className="loading-placeholder start"
 						>
 							{violationStatisticLoading ? (
 								<div className="loading-animation">
 									<div className="global-spinner" />
 								</div>
 							) : (
 								violationStatistic?.total_violations ?? 0
 							)}
 						</div>
 					</div>
 					<div className="stat-label">
 						{t('matches-found')}
 					</div>
 				</div>
-			<div className="stat-card violations">
+				<div className="stat-card violations hidden">
-				<div className="stat-type">НАРУШЕНИЯ</div>
+					<div className="stat-header">
-				<div className="stat-value">{filesInfo?.total.violation ? filesInfo?.total.violation : 0}</div>
+						<div className="stat-icon">
-				<div className="stat-label">Требуют внимания</div>
+							<IconWarning />
-				<div className="stat-icon">⚠️</div>
+						</div>
 					</div>
 					<div className="stat-value">
 						<div
 							className="loading-placeholder start"
 						>
 							{violationStatisticLoading ? (
 								<div className="loading-animation">
 									<div className="global-spinner" />
 								</div>
 							) : (
 								violationStatistic?.total_violations ?? 0
 							)}
 						</div>
 					</div>
 					<div className="stat-label">
 						{t('matches')}
 					</div>
 				</div>
 				<div className="stat-card storage">
-				<div className="stat-type">ХРАНИЛИЩЕ</div>
+					<div className="stat-header">
 						<div className="stat-icon">
 							<IconDiscet />
 						</div>
 					</div>
 					<div className="stat-value">
-					{filesInfo?.total.size ? convertBytes(filesInfo?.total.size) : 0}
+						<div
 							className="loading-placeholder start"
 						>
 							{isLoading ? (
 								<div className="loading-animation">
 									<div className="global-spinner" />
 								</div>
 							) : (
 								filesInfo?.total.size ? convertBytes(filesInfo?.total.size) : 0
 							)}
 						</div>
 					</div>
 					<div className="stat-label">
 						{t('disk-space-used')}
 					</div>
 				<div className="stat-label">Использовано места</div>
 				<div className="stat-icon">💾</div>
 				</div>
 				<div className="stat-card legal">
-				<div className="stat-type">ЖАЛОБЫ</div>
+					<div className="stat-header">
-				<div className="stat-value">0</div>
+						<div className="stat-icon">
-				<div className="stat-label">Отправлено юристам</div>
+							<IconDocument />
 				<div className="stat-icon">⚖️</div>
 						</div>
 					</div>
 					<div className="stat-value">
 						<div
 							className="loading-placeholder start"
 						>
 							{violationStatisticLoading ? (
 								<div className="loading-animation">
 									<div className="global-spinner" />
 								</div>
 							) : (
 								violationStatistic?.in_progress_violations ?? 0
 							)}
 						</div>
 					</div>
 					<div className="stat-label">
 						{t('violations-in-progress')}
 					</div>
 				</div>
 			</div>
 		</>
 	)
 }
@@ -0,0 +1,122 @@
 'use client'
 import { useQuery } from '@tanstack/react-query';
 import { getUserFilesData } from '@/app/actions/fileEntity';
 import { useEffect, useState, useRef } from 'react';
 import { FileTypeIcon } from '@/app/components/FileTypeIcon';
 import { convertBytes } from '@/app/lib/convertBytes';
 import { useTranslations } from 'next-intl';
 import { useClickOutside } from '@/app/hooks/useClickOutside';
 import Link from 'next/link';
 import { getViolationFilesArray } from '@/app/actions/violationActions';
 import { IconEye } from '@/app/ui/icons/icons';
 interface FileViolation {
 	createdAt: string;
 	fileId: string;
 	fileName: string;
 	fileSize: number;
 	latestViolationDate: string;
 	mimeType: string;
 	status: string;
 	supportId: number;
 	violationCount: number;
 }
 interface ViolationData {
 	content: FileViolation[];
 }
 export default function DashboardUserViolations() {
 	const {
 		data: violationData,
 		isLoading,
 		isError,
 		error,
 	} = useQuery<ViolationData>({
 		queryKey: ['violationData', { page: 0, size: 5 }],
 		queryFn: () => getViolationFilesArray({
 			page: 0,
 			size: 5,
 		}),
 		select: (data) => {
 			return data;
 		}
 	});
 	const t = useTranslations('Global');
 	const formatDate = (timestamp: number | string) => {
 		const date = new Date(timestamp);
 		const day = date.getDate().toString().padStart(2, '0');
 		const month = (date.getMonth() + 1).toString().padStart(2, '0');
 		const year = date.getFullYear();
 		return `${day}.${month}.${year}`;
 	};
 	return (
 		<div className="content-section">
 			<div className="section-header">
 				<h3 className="section-title">
 					{t('violation')}
 				</h3>
 				<div
 					className="btn view-all-link"
 				>
 					<Link href='/pages/violations'>
 						{t('all')}
 					</Link>
 				</div>
 			</div>
 			<div className="user-files-list">
 				{isLoading && (
 					<div
 						className="loading-animation"
 					>
 						<div
 							className="global-spinner"
 						>
 						</div>
 					</div>
 				)}
 				{violationData?.content?.length ? (
 					violationData?.content.map((file) => {
 						return (
 							<div
 								key={file.fileId}
 								className="file-item"
 							>
 								<div className="file-icon violent">
 									<Link
 										href={`/pages/file/${file.fileId}`}
 										className="bg-violet-500 hover:bg-violet-600"
 										title={t('view')}
 									>
 										<IconEye />
 									</Link>
 								</div>
 								<div className="file-info">
 									<div className="file-name" title={file.fileName}>
 										{file.fileName}
 									</div>
 									<div className="file-meta">
 										{file.createdAt ? formatDate(file.createdAt) : 0} • {t('violations-found')}: {file.violationCount ? file.violationCount : 0}
 									</div>
 								</div>
 							</div>
 						)
 					})
 				) : (
 					!isLoading && (
 						<div>
 							{t('there-are-no-files-yet')}
 						</div>
 					)
 				)}
 			</div>
 		</div>
 	)
 }
@@ -1,274 +0,0 @@
 'use client'
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Pagination, Autoplay } from 'swiper/modules';
 import Image from 'next/image';
 import 'swiper/css';
 import 'swiper/css/pagination';
 import testImage from '@/app/src/image-preview.png'
 import { useRef } from 'react';
 import { useTranslations } from 'next-intl';
 import Link from 'next/link';
 export default function ViolationsCarousel() {
 	const paginationRef = useRef(null);
 	const t = useTranslations('Global');
 	return (
 		<div className="content-section">
 			<div className="section-header">
 				<h3 className="section-title">Нарушения</h3>
 				<Link
 					href="violations"
 					className="view-all-link"
 				>
 					Смотреть все
 				</Link>
 			</div>
 			<div>
 				{t('are-no-violations')}
 			</div>
 			{/* 			<div className="violations-carousel">
 				<Swiper
 					spaceBetween={50}
 					slidesPerView={1}
 					modules={[Pagination, Autoplay]}
 					pagination={{
 						clickable: true,
 						el: '.custon-swiper-pagination'
 					}}
 					loop={true}
 					autoplay={{
 						delay: 3000,
 						disableOnInteraction: false,
 					}}
 				>
 					<SwiperSlide>
 						<div className="violation-slide">
 							<div className="violation-image-container">
 								<Image src={testImage} alt="Preview" className="violation-image" />
 								<div className="violation-badge">НАРУШЕНИЕ</div>
 								<div className="violation-status-badge">ОБРАБОТАНО</div>
 							</div>
 							<div className="violation-content">
 								<div className="violation-title-row">
 									<div className="violation-filename">
 										🖼️banner111.png</div>
 									<div className="violation-type-badge photo">
 										Фото
 									</div>
 								</div>
 								<div className="violation-info-grid">
 									<div className="violation-info-item">
 										<div className="violation-info-label">
 											🌍 Регион
 										</div>
 										<div className="violation-info-value">
 											<span className="region-flag">🇺🇸</span>
 											<span>США</span>
 										</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">📅 Обнаружено</div>
 										<div className="violation-info-value">
 											17.10.2025</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">🌐 Домен</div>
 										<div className="violation-info-value">
 											m.apkpure.com    </div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">📊 Категория</div>
 										<div className="violation-info-value">
 											Единичное
 										</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">📁 Тип</div>
 										<div className="violation-info-value">
 											Изображение</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">⚡ Статус</div>
 										<div className="violation-info-value">
 											✅ Обработано</div>
 									</div>
 								</div>
 								<div className="violation-actions-row">
 									<button className="btn-visit-site">
 										🔗 Перейти на сайт
 									</button>
 									<button className="violation-action">
 										🚨 Открыть дело
 									</button>
 								</div>
 							</div>
 						</div>
 					</SwiperSlide>
 					<SwiperSlide>
 						<div className="violation-slide">
 							<div className="violation-image-container">
 								<Image src={testImage} alt="Preview" className="violation-image" />
 								<div className="violation-badge">НАРУШЕНИЕ</div>
 								<div className="violation-status-badge">ОБРАБОТАНО</div>
 							</div>
 							<div className="violation-content">
 								<div className="violation-title-row">
 									<div className="violation-filename">
 										🖼️banner111.png</div>
 									<div className="violation-type-badge photo">
 										Фото
 									</div>
 								</div>
 								<div className="violation-info-grid">
 									<div className="violation-info-item">
 										<div className="violation-info-label">
 											🌍 Регион
 										</div>
 										<div className="violation-info-value">
 											<span className="region-flag">🇺🇸</span>
 											<span>США</span>
 										</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">📅 Обнаружено</div>
 										<div className="violation-info-value">
 											17.10.2025</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">🌐 Домен</div>
 										<div className="violation-info-value">
 											m.apkpure.com    </div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">📊 Категория</div>
 										<div className="violation-info-value">
 											Единичное
 										</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">📁 Тип</div>
 										<div className="violation-info-value">
 											Изображение</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">⚡ Статус</div>
 										<div className="violation-info-value">
 											✅ Обработано</div>
 									</div>
 								</div>
 								<div className="violation-actions-row">
 									<button className="btn-visit-site">
 										🔗 Перейти на сайт
 									</button>
 									<button className="violation-action">
 										🚨 Открыть дело
 									</button>
 								</div>
 							</div>
 						</div>
 					</SwiperSlide>
 					<SwiperSlide>
 						<div className="violation-slide">
 							<div className="violation-image-container">
 								<Image src={testImage} alt="Preview" className="violation-image" />
 								<div className="violation-badge">НАРУШЕНИЕ</div>
 								<div className="violation-status-badge">ОБРАБОТАНО</div>
 							</div>
 							<div className="violation-content">
 								<div className="violation-title-row">
 									<div className="violation-filename">
 										🖼️banner111.png</div>
 									<div className="violation-type-badge photo">
 										Фото
 									</div>
 								</div>
 								<div className="violation-info-grid">
 									<div className="violation-info-item">
 										<div className="violation-info-label">
 											🌍 Регион
 										</div>
 										<div className="violation-info-value">
 											<span className="region-flag">🇺🇸</span>
 											<span>США</span>
 										</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">📅 Обнаружено</div>
 										<div className="violation-info-value">
 											17.10.2025</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">🌐 Домен</div>
 										<div className="violation-info-value">
 											m.apkpure.com    </div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">📊 Категория</div>
 										<div className="violation-info-value">
 											Единичное
 										</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">📁 Тип</div>
 										<div className="violation-info-value">
 											Изображение</div>
 									</div>
 									<div className="violation-info-item">
 										<div className="violation-info-label">⚡ Статус</div>
 										<div className="violation-info-value">
 											✅ Обработано</div>
 									</div>
 								</div>
 								<div className="violation-actions-row">
 									<button className="btn-visit-site">
 										🔗 Перейти на сайт
 									</button>
 									<button className="violation-action">
 										🚨 Открыть дело
 									</button>
 								</div>
 							</div>
 						</div>
 					</SwiperSlide>
 				</Swiper>
 				<div
 					className="flex justify-center mt-6"
 				>
 					<div
 						ref={paginationRef}
 						className="flex justify-center gap-2 custon-swiper-pagination"
 					>
 					</div>
 				</div>
 			</div> */}
 		</div>
 	)
 }
--- a/Show More
+++ b/Show More