From 3ed7239efa1867792744820747322acc3018e445 Mon Sep 17 00:00:00 2001
From: mi <avpichugin@yandex.ru>
Date: Mon, 27 Jul 2026 19:33:02 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=20=D0=B8=D0=BD=D1=82=D0=B5=D1=80=D1=84=D0=B5=D0=B9?=
 =?UTF-8?q?=D1=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../backend/frontend-test-site/app/index.tsx  |   5 +-
 .../src/components/AppHeader.tsx              |  25 ++--
 .../src/components/NotificationCard.tsx       | 112 ++++++++++-----
 .../src/components/NotificationCarousel.tsx   |  63 ++++++---
 .../src/components/PopularQuestionsList.tsx   |   4 +-
 .../src/components/QuickActions.tsx           | 128 ++++++++++++++++--
 .../src/notification-presenter.ts             |  44 +++++-
 .../backend/frontend-test-site/src/types.ts   |   7 +-
 .../tests/e2e/smoke.spec.ts                   |  15 +-
 .../ATTRIBUTIONS.md                           |   0
 figma/Main page specification.zip             | Bin 96955 -> 96955 bytes
 figma/{Main page specification => }/README.md |   0
 .../default_shadcn_theme.css                  |   0
 .../guidelines/Guidelines.md                  |   0
 .../{Main page specification => }/index.html  |   0
 .../package.json                              |   0
 .../pnpm-workspace.yaml                       |   0
 .../postcss.config.mjs                        |   0
 .../src/app/App.tsx                           |   0
 .../src/app/components/ChatInput.tsx          |   0
 .../src/app/components/HanLogo.tsx            |   0
 .../src/app/components/Header.tsx             |   0
 .../src/app/components/Notifications.tsx      |   0
 .../src/app/components/PopularQuestions.tsx   |   0
 .../src/app/components/QuickActions.tsx       |   0
 .../components/figma/ImageWithFallback.tsx    |   0
 .../src/app/components/ui/accordion.tsx       |   0
 .../src/app/components/ui/alert-dialog.tsx    |   0
 .../src/app/components/ui/alert.tsx           |   0
 .../src/app/components/ui/aspect-ratio.tsx    |   0
 .../src/app/components/ui/avatar.tsx          |   0
 .../src/app/components/ui/badge.tsx           |   0
 .../src/app/components/ui/breadcrumb.tsx      |   0
 .../src/app/components/ui/button.tsx          |   0
 .../src/app/components/ui/calendar.tsx        |   0
 .../src/app/components/ui/card.tsx            |   0
 .../src/app/components/ui/carousel.tsx        |   0
 .../src/app/components/ui/chart.tsx           |   0
 .../src/app/components/ui/checkbox.tsx        |   0
 .../src/app/components/ui/collapsible.tsx     |   0
 .../src/app/components/ui/command.tsx         |   0
 .../src/app/components/ui/context-menu.tsx    |   0
 .../src/app/components/ui/dialog.tsx          |   0
 .../src/app/components/ui/drawer.tsx          |   0
 .../src/app/components/ui/dropdown-menu.tsx   |   0
 .../src/app/components/ui/form.tsx            |   0
 .../src/app/components/ui/hover-card.tsx      |   0
 .../src/app/components/ui/input-otp.tsx       |   0
 .../src/app/components/ui/input.tsx           |   0
 .../src/app/components/ui/label.tsx           |   0
 .../src/app/components/ui/menubar.tsx         |   0
 .../src/app/components/ui/navigation-menu.tsx |   0
 .../src/app/components/ui/pagination.tsx      |   0
 .../src/app/components/ui/popover.tsx         |   0
 .../src/app/components/ui/progress.tsx        |   0
 .../src/app/components/ui/radio-group.tsx     |   0
 .../src/app/components/ui/resizable.tsx       |   0
 .../src/app/components/ui/scroll-area.tsx     |   0
 .../src/app/components/ui/select.tsx          |   0
 .../src/app/components/ui/separator.tsx       |   0
 .../src/app/components/ui/sheet.tsx           |   0
 .../src/app/components/ui/sidebar.tsx         |   0
 .../src/app/components/ui/skeleton.tsx        |   0
 .../src/app/components/ui/slider.tsx          |   0
 .../src/app/components/ui/sonner.tsx          |   0
 .../src/app/components/ui/switch.tsx          |   0
 .../src/app/components/ui/table.tsx           |   0
 .../src/app/components/ui/tabs.tsx            |   0
 .../src/app/components/ui/textarea.tsx        |   0
 .../src/app/components/ui/toggle-group.tsx    |   0
 .../src/app/components/ui/toggle.tsx          |   0
 .../src/app/components/ui/tooltip.tsx         |   0
 .../src/app/components/ui/use-mobile.ts       |   0
 .../src/app/components/ui/utils.ts            |   0
 .../src/app/data/companyMessages.ts           |   0
 .../src/app/data/session.ts                   |   0
 .../src/app/pages/AuthConsent.tsx             |   0
 .../src/app/pages/AuthLoading.tsx             |   0
 .../src/app/pages/AuthOtp.tsx                 |   0
 .../src/app/pages/AuthPhone.tsx               |   0
 .../src/app/pages/Calendar.tsx                |   0
 .../src/app/pages/Chat.tsx                    |   0
 .../src/app/pages/History.tsx                 |   0
 .../src/app/pages/Home.tsx                    |   0
 .../src/app/pages/NotificationDetail.tsx      |   0
 .../src/app/pages/Profile.tsx                 |   0
 .../src/app/pages/Root.tsx                    |   0
 .../src/app/routes.tsx                        |   0
 .../src/main.tsx                              |   0
 .../src/styles/fonts.css                      |   0
 .../src/styles/globals.css                    |   0
 .../src/styles/index.css                      |   0
 .../src/styles/tailwind.css                   |   0
 .../src/styles/theme.css                      |   0
 .../vite.config.ts                            |   0
 95 files changed, 299 insertions(+), 104 deletions(-)
 rename figma/{Main page specification => }/ATTRIBUTIONS.md (100%)
 rename figma/{Main page specification => }/README.md (100%)
 rename figma/{Main page specification => }/default_shadcn_theme.css (100%)
 rename figma/{Main page specification => }/guidelines/Guidelines.md (100%)
 rename figma/{Main page specification => }/index.html (100%)
 rename figma/{Main page specification => }/package.json (100%)
 rename figma/{Main page specification => }/pnpm-workspace.yaml (100%)
 rename figma/{Main page specification => }/postcss.config.mjs (100%)
 rename figma/{Main page specification => }/src/app/App.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ChatInput.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/HanLogo.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/Header.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/Notifications.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/PopularQuestions.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/QuickActions.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/figma/ImageWithFallback.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/accordion.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/alert-dialog.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/alert.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/aspect-ratio.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/avatar.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/badge.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/breadcrumb.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/button.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/calendar.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/card.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/carousel.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/chart.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/checkbox.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/collapsible.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/command.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/context-menu.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/dialog.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/drawer.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/dropdown-menu.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/form.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/hover-card.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/input-otp.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/input.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/label.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/menubar.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/navigation-menu.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/pagination.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/popover.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/progress.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/radio-group.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/resizable.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/scroll-area.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/select.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/separator.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/sheet.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/sidebar.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/skeleton.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/slider.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/sonner.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/switch.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/table.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/tabs.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/textarea.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/toggle-group.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/toggle.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/tooltip.tsx (100%)
 rename figma/{Main page specification => }/src/app/components/ui/use-mobile.ts (100%)
 rename figma/{Main page specification => }/src/app/components/ui/utils.ts (100%)
 rename figma/{Main page specification => }/src/app/data/companyMessages.ts (100%)
 rename figma/{Main page specification => }/src/app/data/session.ts (100%)
 rename figma/{Main page specification => }/src/app/pages/AuthConsent.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/AuthLoading.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/AuthOtp.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/AuthPhone.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/Calendar.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/Chat.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/History.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/Home.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/NotificationDetail.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/Profile.tsx (100%)
 rename figma/{Main page specification => }/src/app/pages/Root.tsx (100%)
 rename figma/{Main page specification => }/src/app/routes.tsx (100%)
 rename figma/{Main page specification => }/src/main.tsx (100%)
 rename figma/{Main page specification => }/src/styles/fonts.css (100%)
 rename figma/{Main page specification => }/src/styles/globals.css (100%)
 rename figma/{Main page specification => }/src/styles/index.css (100%)
 rename figma/{Main page specification => }/src/styles/tailwind.css (100%)
 rename figma/{Main page specification => }/src/styles/theme.css (100%)
 rename figma/{Main page specification => }/vite.config.ts (100%)

diff --git a/codebase/backend/frontend-test-site/app/index.tsx b/codebase/backend/frontend-test-site/app/index.tsx
index e06cdf4..10cdff6 100644
--- a/codebase/backend/frontend-test-site/app/index.tsx
+++ b/codebase/backend/frontend-test-site/app/index.tsx
@@ -182,7 +182,10 @@ export default function HomeScreen() {
           sending={sending}
           value={message}
         />
-        <QuickActions phone={config.data?.operator.call_phone} />
+        <QuickActions
+          authenticated={authStatus === "authenticated"}
+          phone={config.data?.operator.call_phone}
+        />
         {Boolean(sendError) && (
           <View style={{ paddingHorizontal: 16, paddingBottom: 8 }}>
             <ErrorNotice error={sendError} />
diff --git a/codebase/backend/frontend-test-site/src/components/AppHeader.tsx b/codebase/backend/frontend-test-site/src/components/AppHeader.tsx
index 9c305c3..e08944a 100644
--- a/codebase/backend/frontend-test-site/src/components/AppHeader.tsx
+++ b/codebase/backend/frontend-test-site/src/components/AppHeader.tsx
@@ -7,7 +7,7 @@ import { useApp } from "../app-context";
 import { notificationApi, notificationKeys } from "../notification-api";
 import { colors, radii, spacing } from "../theme";
 
-export function AppHeader({ guestLabel }: { guestLabel?: string | undefined }) {
+export function AppHeader(_props: { guestLabel?: string | undefined }) {
   const { authStatus } = useApp();
   const authenticated = authStatus === "authenticated";
   const counter = useQuery({
@@ -20,7 +20,7 @@ export function AppHeader({ guestLabel }: { guestLabel?: string | undefined }) {
   return (
     <View style={styles.header}>
       <Link href="/notifications" asChild>
-        <Pressable accessibilityRole="link" style={({ pressed }) => [styles.centerLink, pressed && styles.pressed]}>
+        <Pressable accessibilityLabel="Уведомления" accessibilityRole="link" style={({ pressed }) => [styles.centerLink, pressed && styles.pressed]}>
           <View>
             <Feather name="bell" size={20} color={colors.foreground} />
             {authenticated && unread > 0 && (
@@ -29,19 +29,15 @@ export function AppHeader({ guestLabel }: { guestLabel?: string | undefined }) {
               </View>
             )}
           </View>
-          <Text style={styles.centerText}>Центр</Text>
         </Pressable>
       </Link>
 
-      <View style={styles.right}>
-        {guestLabel && <Text style={styles.guestBadge}>{guestLabel}</Text>}
-        <Link href="/profile" asChild>
-          <Pressable accessibilityRole="link" style={({ pressed }) => [styles.avatar, pressed && styles.pressed]}>
-            <Feather name="user" size={20} color={colors.mutedForeground} />
-            <View style={styles.dot} />
-          </Pressable>
-        </Link>
-      </View>
+      <Link href="/profile" asChild>
+        <Pressable accessibilityRole="link" accessibilityLabel="Личный кабинет" style={({ pressed }) => [styles.avatar, pressed && styles.pressed]}>
+          <Feather name="user" size={20} color={colors.mutedForeground} />
+          <View style={styles.dot} />
+        </Pressable>
+      </Link>
     </View>
   );
 }
@@ -57,8 +53,7 @@ const styles = StyleSheet.create({
     borderBottomWidth: 1,
     borderBottomColor: colors.border,
   },
-  centerLink: { flexDirection: "row", alignItems: "center", gap: spacing.sm },
-  centerText: { fontSize: 14, color: colors.foreground },
+  centerLink: { width: 40, height: 40, alignItems: "center", justifyContent: "center" },
   notificationBadge: {
     position: "absolute",
     top: -9,
@@ -74,8 +69,6 @@ const styles = StyleSheet.create({
     borderColor: colors.background,
   },
   notificationBadgeText: { color: colors.primaryForeground, fontSize: 9, fontWeight: "700" },
-  right: { flexDirection: "row", alignItems: "center", gap: spacing.sm },
-  guestBadge: { fontSize: 12, color: colors.mutedForeground },
   avatar: {
     width: 40,
     height: 40,
diff --git a/codebase/backend/frontend-test-site/src/components/NotificationCard.tsx b/codebase/backend/frontend-test-site/src/components/NotificationCard.tsx
index f8b15bb..61d603b 100644
--- a/codebase/backend/frontend-test-site/src/components/NotificationCard.tsx
+++ b/codebase/backend/frontend-test-site/src/components/NotificationCard.tsx
@@ -2,7 +2,7 @@ import { Feather } from "@expo/vector-icons";
 import React from "react";
 import { Pressable, StyleSheet, Text, View } from "react-native";
 import { formatNotificationPrice, notificationIcon, notificationPalette } from "../notification-presenter";
-import { radii, spacing } from "../theme";
+import { colors, radii, spacing } from "../theme";
 import type { NotificationItem, NotificationType } from "../types";
 
 export function NotificationCard({
@@ -10,6 +10,11 @@ export function NotificationCard({
   type,
   onCta,
   onHide,
+  onNext,
+  onPrevious,
+  position,
+  total,
+  width,
   compact = false,
   disabled = false,
 }: {
@@ -17,6 +22,11 @@ export function NotificationCard({
   type: NotificationType | undefined;
   onCta: () => void;
   onHide?: () => void;
+  onNext?: () => void;
+  onPrevious?: () => void;
+  position?: number;
+  total?: number;
+  width?: number;
   compact?: boolean;
   disabled?: boolean;
 }) {
@@ -29,42 +39,65 @@ export function NotificationCard({
     <View style={[
       local.card,
       compact && local.compact,
-      { backgroundColor: palette.background, borderColor: `${palette.accent}40` },
+      width !== undefined && { width },
+      { backgroundColor: palette.background, borderColor: palette.border },
     ]}>
       <View style={local.headerRow}>
-        <View style={local.labelRow}>
-          <Feather name={notificationIcon(type?.icon_code)} size={18} color={palette.accent} />
-          <Text style={[local.label, { color: palette.foreground }]}>{type?.label ?? "Уведомление"}</Text>
+        <View style={[local.labelBadge, { backgroundColor: palette.accentBackground }]}>
+          <Text style={[local.label, { color: palette.accent }]}>{type?.label ?? "Уведомление"}</Text>
           {type?.countable && item.is_read === false && <View accessibilityLabel="Непрочитано" style={[local.unread, { backgroundColor: palette.accent }]} />}
         </View>
-        {onHide && (
-          <Pressable accessibilityLabel="Скрыть уведомление" accessibilityRole="button" hitSlop={10} onPress={onHide}>
-            <Feather name="x" size={18} color={palette.foreground} />
-          </Pressable>
-        )}
+        <View style={local.controls}>
+          {onPrevious && total && total > 1 ? (
+            <Pressable accessibilityLabel="Предыдущее уведомление" accessibilityRole="button" hitSlop={8} onPress={onPrevious} style={local.controlButton}>
+              <Feather name="chevron-left" size={16} color={colors.mutedForeground} />
+            </Pressable>
+          ) : null}
+          {position !== undefined && total && total > 1 ? (
+            <Text accessibilityLabel={`${position} из ${total}`} style={local.position}>{position}/{total}</Text>
+          ) : null}
+          {onNext && total && total > 1 ? (
+            <Pressable accessibilityLabel="Следующее уведомление" accessibilityRole="button" hitSlop={8} onPress={onNext} style={local.controlButton}>
+              <Feather name="chevron-right" size={16} color={colors.mutedForeground} />
+            </Pressable>
+          ) : null}
+          {onHide && (
+            <Pressable accessibilityLabel="Скрыть уведомление" accessibilityRole="button" hitSlop={8} onPress={onHide} style={local.hideButton}>
+              <Feather name="x" size={16} color={colors.mutedForeground} />
+            </Pressable>
+          )}
+        </View>
       </View>
 
-      <Text style={[local.title, { color: palette.foreground }]}>{item.header}</Text>
-      {item.text ? <Text numberOfLines={compact ? 2 : 3} style={[local.text, { color: palette.foreground }]}>{item.text}</Text> : null}
-      {deadline ? (
-        <View style={local.deadline}>
-          <Feather name="clock" size={14} color={palette.foreground} />
-          <Text style={[local.meta, { color: palette.foreground }]}>до {new Date(deadline).toLocaleDateString("ru-RU")}</Text>
+      <View style={local.body}>
+        <View style={[local.iconWrap, { backgroundColor: palette.accentBackground }]}>
+          <Feather name={notificationIcon(type?.icon_code)} size={17} color={palette.accent} />
         </View>
-      ) : null}
-      {price ? (
-        <View style={local.priceRow}>
-          <Text style={[local.price, { color: palette.foreground }]}>{price}</Text>
-          {oldPrice ? <Text style={[local.oldPrice, { color: palette.foreground }]}>{oldPrice}</Text> : null}
+        <View style={local.content}>
+          <Text style={[local.title, { color: palette.foreground }]}>{item.header}</Text>
+          {item.text ? <Text numberOfLines={compact ? 2 : 3} style={local.text}>{item.text}</Text> : null}
+          {deadline ? (
+            <View style={local.deadline}>
+              <Feather name="clock" size={13} color={colors.mutedForeground} />
+              <Text style={local.meta}>до {new Date(deadline).toLocaleDateString("ru-RU")}</Text>
+            </View>
+          ) : null}
+          {price ? (
+            <View style={local.priceRow}>
+              <Text style={[local.price, { color: palette.accent }]}>{price}</Text>
+              {oldPrice ? <Text style={local.oldPrice}>{oldPrice}</Text> : null}
+            </View>
+          ) : null}
         </View>
-      ) : null}
+      </View>
+
       <Pressable
         accessibilityRole="button"
         disabled={disabled}
         onPress={onCta}
-        style={({ pressed }) => [local.cta, { backgroundColor: palette.accent }, pressed && local.pressed, disabled && local.disabled]}
+        style={({ pressed }) => [local.cta, pressed && local.pressed, disabled && local.disabled]}
       >
-        <Text style={local.ctaText}>{type?.cta_text ?? "Подробнее →"}</Text>
+        <Text style={[local.ctaText, { color: palette.accent }]}>{type?.cta_text ?? "Подробнее →"}</Text>
       </Pressable>
     </View>
   );
@@ -73,26 +106,31 @@ export function NotificationCard({
 const local = StyleSheet.create({
   card: {
     width: 326,
-    minHeight: 190,
     borderWidth: 1,
     borderRadius: radii.xl,
-    padding: spacing.lg,
-    gap: spacing.sm,
+    overflow: "hidden",
   },
   compact: { width: "100%", minHeight: 0 },
-  headerRow: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" },
-  labelRow: { flexDirection: "row", alignItems: "center", gap: spacing.sm, flexShrink: 1 },
-  label: { fontSize: 12, fontWeight: "600", textTransform: "uppercase", letterSpacing: 0.4 },
+  headerRow: { minHeight: 42, paddingHorizontal: 14, paddingTop: 10, paddingBottom: 6, flexDirection: "row", justifyContent: "space-between", alignItems: "center" },
+  labelBadge: { minHeight: 24, borderRadius: radii.full, paddingHorizontal: 10, flexDirection: "row", alignItems: "center", gap: 6, flexShrink: 1 },
+  label: { fontSize: 11, fontWeight: "700", textTransform: "uppercase", letterSpacing: 0.5 },
   unread: { width: 8, height: 8, borderRadius: radii.full },
-  title: { fontSize: 18, lineHeight: 23, fontWeight: "600" },
-  text: { fontSize: 14, lineHeight: 20, opacity: 0.88 },
+  controls: { flexDirection: "row", alignItems: "center" },
+  controlButton: { width: 28, height: 28, alignItems: "center", justifyContent: "center" },
+  hideButton: { width: 28, height: 28, marginLeft: 2, alignItems: "center", justifyContent: "center" },
+  position: { minWidth: 32, textAlign: "center", fontSize: 11, color: colors.mutedForeground },
+  body: { flexDirection: "row", alignItems: "flex-start", gap: spacing.md, paddingHorizontal: 14, paddingBottom: spacing.md },
+  iconWrap: { width: 36, height: 36, borderRadius: radii.full, alignItems: "center", justifyContent: "center", flexShrink: 0 },
+  content: { flex: 1, minWidth: 0 },
+  title: { fontSize: 14, lineHeight: 19, fontWeight: "600", marginBottom: 2 },
+  text: { fontSize: 12, lineHeight: 17, color: colors.mutedForeground },
   deadline: { flexDirection: "row", alignItems: "center", gap: spacing.xs },
-  meta: { fontSize: 12 },
+  meta: { fontSize: 11, color: colors.mutedForeground },
   priceRow: { flexDirection: "row", alignItems: "baseline", gap: spacing.sm },
-  price: { fontSize: 18, fontWeight: "700" },
-  oldPrice: { fontSize: 13, textDecorationLine: "line-through", opacity: 0.65 },
-  cta: { alignSelf: "flex-start", minHeight: 38, justifyContent: "center", borderRadius: radii.md, paddingHorizontal: spacing.md, marginTop: "auto" },
-  ctaText: { color: "#ffffff", fontSize: 14, fontWeight: "600" },
+  price: { fontSize: 14, fontWeight: "700" },
+  oldPrice: { fontSize: 11, color: colors.mutedForeground, textDecorationLine: "line-through" },
+  cta: { minHeight: 39, justifyContent: "center", borderTopWidth: 1, borderTopColor: "rgba(0, 0, 0, 0.06)", paddingHorizontal: 14 },
+  ctaText: { fontSize: 12, fontWeight: "700" },
   pressed: { opacity: 0.78 },
   disabled: { opacity: 0.5 },
 });
diff --git a/codebase/backend/frontend-test-site/src/components/NotificationCarousel.tsx b/codebase/backend/frontend-test-site/src/components/NotificationCarousel.tsx
index 5f4938c..ad583c9 100644
--- a/codebase/backend/frontend-test-site/src/components/NotificationCarousel.tsx
+++ b/codebase/backend/frontend-test-site/src/components/NotificationCarousel.tsx
@@ -1,12 +1,12 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import React, { useEffect, useMemo, useRef, useState } from "react";
-import { FlatList, StyleSheet, Text, View } from "react-native";
+import { FlatList, StyleSheet, useWindowDimensions, View } from "react-native";
 import { notificationApi, notificationKeys } from "../notification-api";
 import { useNotificationAction } from "../notification-actions";
 import { typeMap } from "../notification-presenter";
-import { colors, spacing } from "../theme";
+import { layout, spacing } from "../theme";
 import type { NotificationItem } from "../types";
-import { ErrorNotice, Loading, styles } from "../ui";
+import { ErrorNotice, Loading } from "../ui";
 import { NotificationCard } from "./NotificationCard";
 
 export function NotificationCarousel({
@@ -24,6 +24,9 @@ export function NotificationCarousel({
   const list = useRef<FlatList<NotificationItem>>(null);
   const [activeIndex, setActiveIndex] = useState(0);
   const [actionError, setActionError] = useState<unknown>();
+  const [hiddenGuestIds, setHiddenGuestIds] = useState<Set<string>>(() => new Set());
+  const window = useWindowDimensions();
+  const cardWidth = Math.max(0, Math.min(window.width, layout.maxWidth) - spacing.lg * 2);
   const catalog = useQuery({
     queryKey: notificationKeys.catalog,
     queryFn: notificationApi.catalog,
@@ -45,7 +48,14 @@ export function NotificationCarousel({
     },
     onError: setActionError,
   });
-  const data = notifications.data ?? [];
+  const data = (notifications.data ?? []).filter((item) => authenticated || !hiddenGuestIds.has(item.id));
+
+  const goTo = (index: number) => {
+    if (data.length < 2) return;
+    const next = (index + data.length) % data.length;
+    setActiveIndex(next);
+    list.current?.scrollToIndex({ index: next, animated: true });
+  };
 
   useEffect(() => {
     if (!autoplay || data.length < 2) return;
@@ -59,6 +69,13 @@ export function NotificationCarousel({
     return () => clearInterval(timer);
   }, [autoplay, autoplayIntervalMs, data.length]);
 
+  useEffect(() => {
+    if (activeIndex < data.length) return;
+    const next = Math.max(data.length - 1, 0);
+    setActiveIndex(next);
+    list.current?.scrollToIndex({ index: next, animated: false });
+  }, [activeIndex, data.length]);
+
   if (notifications.isLoading || catalog.isLoading) {
     return <View style={local.state}><Loading /></View>;
   }
@@ -76,17 +93,21 @@ export function NotificationCarousel({
 
   return (
     <View style={local.section}>
-      <Text accessibilityRole="header" style={[styles.heading, local.heading]}>Важное для вас</Text>
       <FlatList
         ref={list}
         horizontal
         data={data}
+        decelerationRate="fast"
+        pagingEnabled
+        snapToInterval={cardWidth}
+        snapToAlignment="start"
+        getItemLayout={(_, index) => ({ length: cardWidth, offset: cardWidth * index, index })}
         keyExtractor={(item) => item.id}
-        contentContainerStyle={local.content}
-        ItemSeparatorComponent={() => <View style={{ width: spacing.md }} />}
+        style={local.carousel}
         onMomentumScrollEnd={(event) => {
-          const width = event.nativeEvent.layoutMeasurement.width;
-          if (width > 0) setActiveIndex(Math.round(event.nativeEvent.contentOffset.x / width));
+          if (cardWidth > 0) {
+            setActiveIndex(Math.min(data.length - 1, Math.round(event.nativeEvent.contentOffset.x / cardWidth)));
+          }
         }}
         renderItem={({ item }) => (
           <NotificationCard
@@ -94,16 +115,22 @@ export function NotificationCarousel({
             item={item}
             type={byCode.get(item.notification_type)}
             onCta={() => void action(item, byCode.get(item.notification_type))}
-            {...(authenticated ? { onHide: () => hide.mutate(item.id) } : {})}
+            onNext={() => goTo(activeIndex + 1)}
+            onPrevious={() => goTo(activeIndex - 1)}
+            position={activeIndex + 1}
+            total={data.length}
+            width={cardWidth}
+            onHide={() => {
+              if (authenticated) {
+                hide.mutate(item.id);
+              } else {
+                setHiddenGuestIds((current) => new Set(current).add(item.id));
+              }
+            }}
           />
         )}
         showsHorizontalScrollIndicator={false}
       />
-      {data.length > 1 && (
-        <View style={local.dots} accessibilityLabel={`${activeIndex + 1} из ${data.length}`}>
-          {data.map((item, index) => <View key={item.id} style={[local.dot, index === activeIndex && local.dotActive]} />)}
-        </View>
-      )}
       {Boolean(actionError) && <View style={local.error}><ErrorNotice error={actionError} /></View>}
     </View>
   );
@@ -111,11 +138,7 @@ export function NotificationCarousel({
 
 const local = StyleSheet.create({
   section: { paddingVertical: spacing.md },
-  heading: { paddingHorizontal: spacing.lg, marginBottom: spacing.sm },
-  content: { paddingHorizontal: spacing.lg },
+  carousel: { marginHorizontal: spacing.lg },
   state: { paddingHorizontal: spacing.lg, paddingVertical: spacing.md },
-  dots: { flexDirection: "row", justifyContent: "center", gap: 6, marginTop: spacing.sm },
-  dot: { width: 6, height: 6, borderRadius: 3, backgroundColor: colors.muted },
-  dotActive: { width: 16, backgroundColor: colors.primary },
   error: { paddingHorizontal: spacing.lg, paddingTop: spacing.sm },
 });
diff --git a/codebase/backend/frontend-test-site/src/components/PopularQuestionsList.tsx b/codebase/backend/frontend-test-site/src/components/PopularQuestionsList.tsx
index 524c688..88b98b7 100644
--- a/codebase/backend/frontend-test-site/src/components/PopularQuestionsList.tsx
+++ b/codebase/backend/frontend-test-site/src/components/PopularQuestionsList.tsx
@@ -22,7 +22,7 @@ export function PopularQuestionsList({ questions, onSelect }: { questions: Quest
             style={({ pressed }) => [styles.item, pressed && styles.pressed]}
           >
             <View style={styles.iconWrap}>
-              <Feather name={icons[index % icons.length]} size={16} color={colors.primary} />
+              <Feather name={icons[index % icons.length]} size={17} color={colors.primary} />
             </View>
             <Text style={styles.itemText}>{question.text}</Text>
           </Pressable>
@@ -54,6 +54,6 @@ const styles = StyleSheet.create({
     alignItems: "center",
     justifyContent: "center",
   },
-  itemText: { flex: 1, fontSize: 14, color: colors.foreground },
+  itemText: { flex: 1, fontSize: 14, fontWeight: "600", color: colors.foreground },
   pressed: { backgroundColor: colors.accent },
 });
diff --git a/codebase/backend/frontend-test-site/src/components/QuickActions.tsx b/codebase/backend/frontend-test-site/src/components/QuickActions.tsx
index 5115918..2987412 100644
--- a/codebase/backend/frontend-test-site/src/components/QuickActions.tsx
+++ b/codebase/backend/frontend-test-site/src/components/QuickActions.tsx
@@ -1,39 +1,137 @@
 import { Feather } from "@expo/vector-icons";
-import React from "react";
-import { Linking, Pressable, StyleSheet, Text } from "react-native";
+import { useQuery } from "@tanstack/react-query";
+import { useRouter } from "expo-router";
+import React, { useEffect, useRef } from "react";
+import { Animated, Linking, Pressable, StyleSheet, Text, View } from "react-native";
+import { dialogApi } from "../services";
 import { colors, radii, spacing } from "../theme";
 
-export function QuickActions({ phone }: { phone?: string | undefined }) {
+function UnreadMessageBadge() {
+  const pulse = useRef(new Animated.Value(0)).current;
+
+  useEffect(() => {
+    const animation = Animated.loop(
+      Animated.timing(pulse, {
+        toValue: 1,
+        duration: 1100,
+        useNativeDriver: true,
+      }),
+    );
+    animation.start();
+    return () => animation.stop();
+  }, [pulse]);
+
+  return (
+    <View accessibilityLabel="Есть непрочитанные сообщения" style={styles.badgePosition}>
+      <Animated.View
+        style={[
+          styles.pulse,
+          {
+            opacity: pulse.interpolate({ inputRange: [0, 1], outputRange: [0.75, 0] }),
+            transform: [{ scale: pulse.interpolate({ inputRange: [0, 1], outputRange: [1, 2] }) }],
+          },
+        ]}
+      />
+      <View style={styles.badge}>
+        <Text style={styles.badgeText}>!</Text>
+      </View>
+    </View>
+  );
+}
+
+export function QuickActions({ phone, authenticated = false }: { phone?: string | undefined; authenticated?: boolean }) {
+  const router = useRouter();
+  const dialogs = useQuery({
+    queryKey: ["dialogs", "unread-indicator"],
+    queryFn: () => dialogApi.list(),
+    enabled: authenticated,
+    staleTime: 30_000,
+    refetchInterval: 30_000,
+  });
+  const hasUnreadMessages = (dialogs.data?.items ?? []).some((dialog) => (dialog.unread_count ?? 0) > 0);
+
   const call = () => {
     if (phone) void Linking.openURL(`tel:${phone}`);
   };
 
   return (
-    <Pressable
-      accessibilityRole="button"
-      disabled={!phone}
-      onPress={call}
-      style={({ pressed }) => [styles.button, pressed && styles.pressed, !phone && styles.disabled]}
-    >
-      <Feather name="headphones" size={16} color={colors.secondaryForeground} />
-      <Text style={styles.text}>Связь с оператором</Text>
-    </Pressable>
+    <View style={styles.row}>
+      <Pressable
+        accessibilityLabel="Чат"
+        accessibilityRole="button"
+        onPress={() => router.push("/dialogs")}
+        style={({ pressed }) => [styles.button, styles.chatButton, pressed && styles.pressed]}
+      >
+        <View>
+          <Feather name="message-circle" size={17} color={colors.primaryForeground} />
+          {hasUnreadMessages ? <UnreadMessageBadge /> : null}
+        </View>
+        <Text style={[styles.text, styles.chatText]}>Чат</Text>
+      </Pressable>
+
+      <Pressable
+        accessibilityLabel="Оператор"
+        accessibilityRole="button"
+        disabled={!phone}
+        onPress={call}
+        style={({ pressed }) => [styles.button, styles.operatorButton, pressed && styles.pressed, !phone && styles.disabled]}
+      >
+        <Feather name="headphones" size={17} color={colors.secondaryForeground} />
+        <Text style={styles.text}>Оператор</Text>
+      </Pressable>
+    </View>
   );
 }
 
 const styles = StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    gap: spacing.sm,
+    marginHorizontal: spacing.lg,
+    marginBottom: spacing.lg,
+  },
   button: {
+    flex: 1,
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
     gap: spacing.sm,
-    marginHorizontal: spacing.lg,
-    marginBottom: spacing.lg,
     paddingVertical: 10,
     borderRadius: radii.lg,
+  },
+  chatButton: {
+    backgroundColor: colors.primary,
+  },
+  operatorButton: {
     backgroundColor: colors.secondary,
   },
-  text: { fontSize: 14, color: colors.secondaryForeground },
+  text: { fontSize: 14, fontWeight: "600", color: colors.secondaryForeground },
+  chatText: { color: colors.primaryForeground },
+  badgePosition: {
+    position: "absolute",
+    top: -8,
+    right: -9,
+    width: 14,
+    height: 14,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  pulse: {
+    position: "absolute",
+    width: 12,
+    height: 12,
+    borderRadius: radii.full,
+    backgroundColor: colors.destructive,
+  },
+  badge: {
+    width: 14,
+    height: 14,
+    borderRadius: radii.full,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: colors.destructive,
+  },
+  badgeText: { color: colors.primaryForeground, fontSize: 10, lineHeight: 12, fontWeight: "800" },
   pressed: { opacity: 0.8 },
   disabled: { opacity: 0.5 },
 });
diff --git a/codebase/backend/frontend-test-site/src/notification-presenter.ts b/codebase/backend/frontend-test-site/src/notification-presenter.ts
index 67c855f..0ab72c3 100644
--- a/codebase/backend/frontend-test-site/src/notification-presenter.ts
+++ b/codebase/backend/frontend-test-site/src/notification-presenter.ts
@@ -5,20 +5,54 @@ export type NotificationPalette = {
   background: string;
   foreground: string;
   accent: string;
+  accentBackground: string;
+  border: string;
 };
 
 const neutral: NotificationPalette = {
   background: "#f3f3f5",
   foreground: "#252525",
   accent: "#030213",
+  accentBackground: "#e4e4e8",
+  border: "#d7d7dc",
 };
 
 const palettes: Record<string, NotificationPalette> = {
-  critical: { background: "#feecef", foreground: "#7f1d1d", accent: "#d4183d" },
-  warning: { background: "#fff7df", foreground: "#713f12", accent: "#ca8a04" },
-  success: { background: "#eaf8ee", foreground: "#14532d", accent: "#16a34a" },
-  info: { background: "#eaf2ff", foreground: "#1e3a8a", accent: "#2563eb" },
-  promo: { background: "#f4edff", foreground: "#4c1d95", accent: "#7c3aed" },
+  critical: {
+    background: "#fdecef",
+    foreground: "#252525",
+    accent: "#d4183d",
+    accentBackground: "#f8dce2",
+    border: "#efbcc7",
+  },
+  warning: {
+    background: "#fff3e0",
+    foreground: "#252525",
+    accent: "#e65100",
+    accentBackground: "#ffe0b2",
+    border: "#ffcc80",
+  },
+  success: {
+    background: "#e8f5e9",
+    foreground: "#252525",
+    accent: "#2e7d32",
+    accentBackground: "#c8e6c9",
+    border: "#a5d6a7",
+  },
+  info: {
+    background: "#eaf2ff",
+    foreground: "#252525",
+    accent: "#2563eb",
+    accentBackground: "#d8e7ff",
+    border: "#b7d1fb",
+  },
+  promo: {
+    background: "#f4edff",
+    foreground: "#252525",
+    accent: "#7c3aed",
+    accentBackground: "#e7d8ff",
+    border: "#d4b9fb",
+  },
   neutral,
 };
 
diff --git a/codebase/backend/frontend-test-site/src/types.ts b/codebase/backend/frontend-test-site/src/types.ts
index ad4a02b..ec209cb 100644
--- a/codebase/backend/frontend-test-site/src/types.ts
+++ b/codebase/backend/frontend-test-site/src/types.ts
@@ -13,7 +13,12 @@ export type TokenSet = {
 };
 
 export type DialogStatus = "open" | "waiting_for_company" | "waiting_for_client" | "closed";
-export type Dialog = { dialog_id: string; status: DialogStatus; updated_at?: string };
+export type Dialog = {
+  dialog_id: string;
+  status: DialogStatus;
+  unread_count?: number;
+  updated_at?: string;
+};
 export type Attachment = {
   attachment_id: string;
   file_name: string;
diff --git a/codebase/backend/frontend-test-site/tests/e2e/smoke.spec.ts b/codebase/backend/frontend-test-site/tests/e2e/smoke.spec.ts
index 5218d9b..1c33f25 100644
--- a/codebase/backend/frontend-test-site/tests/e2e/smoke.spec.ts
+++ b/codebase/backend/frontend-test-site/tests/e2e/smoke.spec.ts
@@ -55,17 +55,18 @@ test("гостевой экран загружает публичный конт
   await expect(page.getByRole("button", { name: "Голосовое сообщение" })).toHaveCount(0);
   await expect(page.getByRole("button", { name: "Прикрепить файл" })).toBeVisible();
   await expect(page.getByText("Продление патента через 14 дней")).toHaveCount(0);
-  await expect(page.getByRole("button", { name: "Связь с оператором" })).toBeEnabled();
+  await expect(page.getByRole("button", { name: "Чат" })).toBeEnabled();
+  await expect(page.getByRole("button", { name: "Оператор" })).toBeEnabled();
   await expect(page.getByText("+74950000000")).toHaveCount(0);
-  await expect(page.getByText(/Гость/)).toBeVisible();
+  await expect(page.getByText(/Гость/)).toHaveCount(0);
 });
 
-test("История открывает текущий единый чат", async ({ page }) => {
+test("Колокольчик открывает центр уведомлений", async ({ page }) => {
   await page.goto("/");
-  await page.getByRole("link", { name: "История" }).click();
-  await expect(page).toHaveURL(/\/dialogs$/);
-  await expect(page.getByRole("heading", { name: "Чат" })).toBeVisible();
-  await expect(page.getByText(/доступен после авторизации/)).toBeVisible();
+  await page.getByRole("link", { name: "Уведомления" }).click();
+  await expect(page).toHaveURL(/\/notifications$/);
+  await expect(page.getByRole("heading", { name: "Центр уведомлений" })).toBeVisible();
+  await expect(page.getByText(/доступны после входа/)).toBeVisible();
 });
 
 test("первое сообщение требует обязательные согласия", async ({ page }) => {
diff --git a/figma/Main page specification/ATTRIBUTIONS.md b/figma/ATTRIBUTIONS.md
similarity index 100%
rename from figma/Main page specification/ATTRIBUTIONS.md
rename to figma/ATTRIBUTIONS.md
diff --git a/figma/Main page specification.zip b/figma/Main page specification.zip
index 417bcbf346dba63ddf8c04d00da761fbb1bc683c..cfcabbbb0e3853737d8016a480680e1e545a28d9 100644
GIT binary patch
delta 9643
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
BQJ(++

delta 9643
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
X4^EGZ7yt9B82;Y=rN{H;EC%lXz@Bn6

diff --git a/figma/Main page specification/README.md b/figma/README.md
similarity index 100%
rename from figma/Main page specification/README.md
rename to figma/README.md
diff --git a/figma/Main page specification/default_shadcn_theme.css b/figma/default_shadcn_theme.css
similarity index 100%
rename from figma/Main page specification/default_shadcn_theme.css
rename to figma/default_shadcn_theme.css
diff --git a/figma/Main page specification/guidelines/Guidelines.md b/figma/guidelines/Guidelines.md
similarity index 100%
rename from figma/Main page specification/guidelines/Guidelines.md
rename to figma/guidelines/Guidelines.md
diff --git a/figma/Main page specification/index.html b/figma/index.html
similarity index 100%
rename from figma/Main page specification/index.html
rename to figma/index.html
diff --git a/figma/Main page specification/package.json b/figma/package.json
similarity index 100%
rename from figma/Main page specification/package.json
rename to figma/package.json
diff --git a/figma/Main page specification/pnpm-workspace.yaml b/figma/pnpm-workspace.yaml
similarity index 100%
rename from figma/Main page specification/pnpm-workspace.yaml
rename to figma/pnpm-workspace.yaml
diff --git a/figma/Main page specification/postcss.config.mjs b/figma/postcss.config.mjs
similarity index 100%
rename from figma/Main page specification/postcss.config.mjs
rename to figma/postcss.config.mjs
diff --git a/figma/Main page specification/src/app/App.tsx b/figma/src/app/App.tsx
similarity index 100%
rename from figma/Main page specification/src/app/App.tsx
rename to figma/src/app/App.tsx
diff --git a/figma/Main page specification/src/app/components/ChatInput.tsx b/figma/src/app/components/ChatInput.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ChatInput.tsx
rename to figma/src/app/components/ChatInput.tsx
diff --git a/figma/Main page specification/src/app/components/HanLogo.tsx b/figma/src/app/components/HanLogo.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/HanLogo.tsx
rename to figma/src/app/components/HanLogo.tsx
diff --git a/figma/Main page specification/src/app/components/Header.tsx b/figma/src/app/components/Header.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/Header.tsx
rename to figma/src/app/components/Header.tsx
diff --git a/figma/Main page specification/src/app/components/Notifications.tsx b/figma/src/app/components/Notifications.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/Notifications.tsx
rename to figma/src/app/components/Notifications.tsx
diff --git a/figma/Main page specification/src/app/components/PopularQuestions.tsx b/figma/src/app/components/PopularQuestions.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/PopularQuestions.tsx
rename to figma/src/app/components/PopularQuestions.tsx
diff --git a/figma/Main page specification/src/app/components/QuickActions.tsx b/figma/src/app/components/QuickActions.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/QuickActions.tsx
rename to figma/src/app/components/QuickActions.tsx
diff --git a/figma/Main page specification/src/app/components/figma/ImageWithFallback.tsx b/figma/src/app/components/figma/ImageWithFallback.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/figma/ImageWithFallback.tsx
rename to figma/src/app/components/figma/ImageWithFallback.tsx
diff --git a/figma/Main page specification/src/app/components/ui/accordion.tsx b/figma/src/app/components/ui/accordion.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/accordion.tsx
rename to figma/src/app/components/ui/accordion.tsx
diff --git a/figma/Main page specification/src/app/components/ui/alert-dialog.tsx b/figma/src/app/components/ui/alert-dialog.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/alert-dialog.tsx
rename to figma/src/app/components/ui/alert-dialog.tsx
diff --git a/figma/Main page specification/src/app/components/ui/alert.tsx b/figma/src/app/components/ui/alert.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/alert.tsx
rename to figma/src/app/components/ui/alert.tsx
diff --git a/figma/Main page specification/src/app/components/ui/aspect-ratio.tsx b/figma/src/app/components/ui/aspect-ratio.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/aspect-ratio.tsx
rename to figma/src/app/components/ui/aspect-ratio.tsx
diff --git a/figma/Main page specification/src/app/components/ui/avatar.tsx b/figma/src/app/components/ui/avatar.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/avatar.tsx
rename to figma/src/app/components/ui/avatar.tsx
diff --git a/figma/Main page specification/src/app/components/ui/badge.tsx b/figma/src/app/components/ui/badge.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/badge.tsx
rename to figma/src/app/components/ui/badge.tsx
diff --git a/figma/Main page specification/src/app/components/ui/breadcrumb.tsx b/figma/src/app/components/ui/breadcrumb.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/breadcrumb.tsx
rename to figma/src/app/components/ui/breadcrumb.tsx
diff --git a/figma/Main page specification/src/app/components/ui/button.tsx b/figma/src/app/components/ui/button.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/button.tsx
rename to figma/src/app/components/ui/button.tsx
diff --git a/figma/Main page specification/src/app/components/ui/calendar.tsx b/figma/src/app/components/ui/calendar.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/calendar.tsx
rename to figma/src/app/components/ui/calendar.tsx
diff --git a/figma/Main page specification/src/app/components/ui/card.tsx b/figma/src/app/components/ui/card.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/card.tsx
rename to figma/src/app/components/ui/card.tsx
diff --git a/figma/Main page specification/src/app/components/ui/carousel.tsx b/figma/src/app/components/ui/carousel.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/carousel.tsx
rename to figma/src/app/components/ui/carousel.tsx
diff --git a/figma/Main page specification/src/app/components/ui/chart.tsx b/figma/src/app/components/ui/chart.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/chart.tsx
rename to figma/src/app/components/ui/chart.tsx
diff --git a/figma/Main page specification/src/app/components/ui/checkbox.tsx b/figma/src/app/components/ui/checkbox.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/checkbox.tsx
rename to figma/src/app/components/ui/checkbox.tsx
diff --git a/figma/Main page specification/src/app/components/ui/collapsible.tsx b/figma/src/app/components/ui/collapsible.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/collapsible.tsx
rename to figma/src/app/components/ui/collapsible.tsx
diff --git a/figma/Main page specification/src/app/components/ui/command.tsx b/figma/src/app/components/ui/command.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/command.tsx
rename to figma/src/app/components/ui/command.tsx
diff --git a/figma/Main page specification/src/app/components/ui/context-menu.tsx b/figma/src/app/components/ui/context-menu.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/context-menu.tsx
rename to figma/src/app/components/ui/context-menu.tsx
diff --git a/figma/Main page specification/src/app/components/ui/dialog.tsx b/figma/src/app/components/ui/dialog.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/dialog.tsx
rename to figma/src/app/components/ui/dialog.tsx
diff --git a/figma/Main page specification/src/app/components/ui/drawer.tsx b/figma/src/app/components/ui/drawer.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/drawer.tsx
rename to figma/src/app/components/ui/drawer.tsx
diff --git a/figma/Main page specification/src/app/components/ui/dropdown-menu.tsx b/figma/src/app/components/ui/dropdown-menu.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/dropdown-menu.tsx
rename to figma/src/app/components/ui/dropdown-menu.tsx
diff --git a/figma/Main page specification/src/app/components/ui/form.tsx b/figma/src/app/components/ui/form.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/form.tsx
rename to figma/src/app/components/ui/form.tsx
diff --git a/figma/Main page specification/src/app/components/ui/hover-card.tsx b/figma/src/app/components/ui/hover-card.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/hover-card.tsx
rename to figma/src/app/components/ui/hover-card.tsx
diff --git a/figma/Main page specification/src/app/components/ui/input-otp.tsx b/figma/src/app/components/ui/input-otp.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/input-otp.tsx
rename to figma/src/app/components/ui/input-otp.tsx
diff --git a/figma/Main page specification/src/app/components/ui/input.tsx b/figma/src/app/components/ui/input.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/input.tsx
rename to figma/src/app/components/ui/input.tsx
diff --git a/figma/Main page specification/src/app/components/ui/label.tsx b/figma/src/app/components/ui/label.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/label.tsx
rename to figma/src/app/components/ui/label.tsx
diff --git a/figma/Main page specification/src/app/components/ui/menubar.tsx b/figma/src/app/components/ui/menubar.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/menubar.tsx
rename to figma/src/app/components/ui/menubar.tsx
diff --git a/figma/Main page specification/src/app/components/ui/navigation-menu.tsx b/figma/src/app/components/ui/navigation-menu.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/navigation-menu.tsx
rename to figma/src/app/components/ui/navigation-menu.tsx
diff --git a/figma/Main page specification/src/app/components/ui/pagination.tsx b/figma/src/app/components/ui/pagination.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/pagination.tsx
rename to figma/src/app/components/ui/pagination.tsx
diff --git a/figma/Main page specification/src/app/components/ui/popover.tsx b/figma/src/app/components/ui/popover.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/popover.tsx
rename to figma/src/app/components/ui/popover.tsx
diff --git a/figma/Main page specification/src/app/components/ui/progress.tsx b/figma/src/app/components/ui/progress.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/progress.tsx
rename to figma/src/app/components/ui/progress.tsx
diff --git a/figma/Main page specification/src/app/components/ui/radio-group.tsx b/figma/src/app/components/ui/radio-group.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/radio-group.tsx
rename to figma/src/app/components/ui/radio-group.tsx
diff --git a/figma/Main page specification/src/app/components/ui/resizable.tsx b/figma/src/app/components/ui/resizable.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/resizable.tsx
rename to figma/src/app/components/ui/resizable.tsx
diff --git a/figma/Main page specification/src/app/components/ui/scroll-area.tsx b/figma/src/app/components/ui/scroll-area.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/scroll-area.tsx
rename to figma/src/app/components/ui/scroll-area.tsx
diff --git a/figma/Main page specification/src/app/components/ui/select.tsx b/figma/src/app/components/ui/select.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/select.tsx
rename to figma/src/app/components/ui/select.tsx
diff --git a/figma/Main page specification/src/app/components/ui/separator.tsx b/figma/src/app/components/ui/separator.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/separator.tsx
rename to figma/src/app/components/ui/separator.tsx
diff --git a/figma/Main page specification/src/app/components/ui/sheet.tsx b/figma/src/app/components/ui/sheet.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/sheet.tsx
rename to figma/src/app/components/ui/sheet.tsx
diff --git a/figma/Main page specification/src/app/components/ui/sidebar.tsx b/figma/src/app/components/ui/sidebar.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/sidebar.tsx
rename to figma/src/app/components/ui/sidebar.tsx
diff --git a/figma/Main page specification/src/app/components/ui/skeleton.tsx b/figma/src/app/components/ui/skeleton.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/skeleton.tsx
rename to figma/src/app/components/ui/skeleton.tsx
diff --git a/figma/Main page specification/src/app/components/ui/slider.tsx b/figma/src/app/components/ui/slider.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/slider.tsx
rename to figma/src/app/components/ui/slider.tsx
diff --git a/figma/Main page specification/src/app/components/ui/sonner.tsx b/figma/src/app/components/ui/sonner.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/sonner.tsx
rename to figma/src/app/components/ui/sonner.tsx
diff --git a/figma/Main page specification/src/app/components/ui/switch.tsx b/figma/src/app/components/ui/switch.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/switch.tsx
rename to figma/src/app/components/ui/switch.tsx
diff --git a/figma/Main page specification/src/app/components/ui/table.tsx b/figma/src/app/components/ui/table.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/table.tsx
rename to figma/src/app/components/ui/table.tsx
diff --git a/figma/Main page specification/src/app/components/ui/tabs.tsx b/figma/src/app/components/ui/tabs.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/tabs.tsx
rename to figma/src/app/components/ui/tabs.tsx
diff --git a/figma/Main page specification/src/app/components/ui/textarea.tsx b/figma/src/app/components/ui/textarea.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/textarea.tsx
rename to figma/src/app/components/ui/textarea.tsx
diff --git a/figma/Main page specification/src/app/components/ui/toggle-group.tsx b/figma/src/app/components/ui/toggle-group.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/toggle-group.tsx
rename to figma/src/app/components/ui/toggle-group.tsx
diff --git a/figma/Main page specification/src/app/components/ui/toggle.tsx b/figma/src/app/components/ui/toggle.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/toggle.tsx
rename to figma/src/app/components/ui/toggle.tsx
diff --git a/figma/Main page specification/src/app/components/ui/tooltip.tsx b/figma/src/app/components/ui/tooltip.tsx
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/tooltip.tsx
rename to figma/src/app/components/ui/tooltip.tsx
diff --git a/figma/Main page specification/src/app/components/ui/use-mobile.ts b/figma/src/app/components/ui/use-mobile.ts
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/use-mobile.ts
rename to figma/src/app/components/ui/use-mobile.ts
diff --git a/figma/Main page specification/src/app/components/ui/utils.ts b/figma/src/app/components/ui/utils.ts
similarity index 100%
rename from figma/Main page specification/src/app/components/ui/utils.ts
rename to figma/src/app/components/ui/utils.ts
diff --git a/figma/Main page specification/src/app/data/companyMessages.ts b/figma/src/app/data/companyMessages.ts
similarity index 100%
rename from figma/Main page specification/src/app/data/companyMessages.ts
rename to figma/src/app/data/companyMessages.ts
diff --git a/figma/Main page specification/src/app/data/session.ts b/figma/src/app/data/session.ts
similarity index 100%
rename from figma/Main page specification/src/app/data/session.ts
rename to figma/src/app/data/session.ts
diff --git a/figma/Main page specification/src/app/pages/AuthConsent.tsx b/figma/src/app/pages/AuthConsent.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/AuthConsent.tsx
rename to figma/src/app/pages/AuthConsent.tsx
diff --git a/figma/Main page specification/src/app/pages/AuthLoading.tsx b/figma/src/app/pages/AuthLoading.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/AuthLoading.tsx
rename to figma/src/app/pages/AuthLoading.tsx
diff --git a/figma/Main page specification/src/app/pages/AuthOtp.tsx b/figma/src/app/pages/AuthOtp.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/AuthOtp.tsx
rename to figma/src/app/pages/AuthOtp.tsx
diff --git a/figma/Main page specification/src/app/pages/AuthPhone.tsx b/figma/src/app/pages/AuthPhone.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/AuthPhone.tsx
rename to figma/src/app/pages/AuthPhone.tsx
diff --git a/figma/Main page specification/src/app/pages/Calendar.tsx b/figma/src/app/pages/Calendar.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/Calendar.tsx
rename to figma/src/app/pages/Calendar.tsx
diff --git a/figma/Main page specification/src/app/pages/Chat.tsx b/figma/src/app/pages/Chat.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/Chat.tsx
rename to figma/src/app/pages/Chat.tsx
diff --git a/figma/Main page specification/src/app/pages/History.tsx b/figma/src/app/pages/History.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/History.tsx
rename to figma/src/app/pages/History.tsx
diff --git a/figma/Main page specification/src/app/pages/Home.tsx b/figma/src/app/pages/Home.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/Home.tsx
rename to figma/src/app/pages/Home.tsx
diff --git a/figma/Main page specification/src/app/pages/NotificationDetail.tsx b/figma/src/app/pages/NotificationDetail.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/NotificationDetail.tsx
rename to figma/src/app/pages/NotificationDetail.tsx
diff --git a/figma/Main page specification/src/app/pages/Profile.tsx b/figma/src/app/pages/Profile.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/Profile.tsx
rename to figma/src/app/pages/Profile.tsx
diff --git a/figma/Main page specification/src/app/pages/Root.tsx b/figma/src/app/pages/Root.tsx
similarity index 100%
rename from figma/Main page specification/src/app/pages/Root.tsx
rename to figma/src/app/pages/Root.tsx
diff --git a/figma/Main page specification/src/app/routes.tsx b/figma/src/app/routes.tsx
similarity index 100%
rename from figma/Main page specification/src/app/routes.tsx
rename to figma/src/app/routes.tsx
diff --git a/figma/Main page specification/src/main.tsx b/figma/src/main.tsx
similarity index 100%
rename from figma/Main page specification/src/main.tsx
rename to figma/src/main.tsx
diff --git a/figma/Main page specification/src/styles/fonts.css b/figma/src/styles/fonts.css
similarity index 100%
rename from figma/Main page specification/src/styles/fonts.css
rename to figma/src/styles/fonts.css
diff --git a/figma/Main page specification/src/styles/globals.css b/figma/src/styles/globals.css
similarity index 100%
rename from figma/Main page specification/src/styles/globals.css
rename to figma/src/styles/globals.css
diff --git a/figma/Main page specification/src/styles/index.css b/figma/src/styles/index.css
similarity index 100%
rename from figma/Main page specification/src/styles/index.css
rename to figma/src/styles/index.css
diff --git a/figma/Main page specification/src/styles/tailwind.css b/figma/src/styles/tailwind.css
similarity index 100%
rename from figma/Main page specification/src/styles/tailwind.css
rename to figma/src/styles/tailwind.css
diff --git a/figma/Main page specification/src/styles/theme.css b/figma/src/styles/theme.css
similarity index 100%
rename from figma/Main page specification/src/styles/theme.css
rename to figma/src/styles/theme.css
diff --git a/figma/Main page specification/vite.config.ts b/figma/vite.config.ts
similarity index 100%
rename from figma/Main page specification/vite.config.ts
rename to figma/vite.config.ts