diff --git a/frontend/package.json b/frontend/package.json
index f140d7e..e7aede2 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,7 +16,9 @@
     "axios": "^1.8.4",
     "buffer": "^6.0.3",
     "connect-pg-simple": "^10.0.0",
+    "dompurify": "^3.2.4",
     "ethers": "6.13.5",
+    "marked": "^15.0.7",
     "siwe": "^2.1.4",
     "sortablejs": "^1.15.6",
     "vue": "^3.2.47",
diff --git a/frontend/src/assets/styles/home.css b/frontend/src/assets/styles/home.css
new file mode 100644
index 0000000..63936ff
--- /dev/null
+++ b/frontend/src/assets/styles/home.css
@@ -0,0 +1,378 @@
+.app-container {
+  display: flex;
+  height: 100vh;
+  width: 100%;
+  background-color: #f5f5f5;
+  position: relative;
+}
+
+/* Стили для боковой панели */
+.sidebar {
+  width: 84px;
+  min-width: 84px;
+  background-color: #FFDA58;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 20px;
+  position: fixed;
+  height: 100vh;
+  z-index: 2;
+}
+
+.sidebar.sidebar-expanded {
+  width: 250px;
+  min-width: 250px;
+}
+
+.menu-button {
+  width: 40px;
+  height: 40px;
+  background: white;
+  border: 1px solid #333;
+  border-radius: 4px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: 68px;
+  position: fixed;
+  left: 22px;
+}
+
+.hamburger {
+  width: 24px;
+  height: 3px;
+  background-color: #333;
+  position: relative;
+}
+
+.hamburger::before,
+.hamburger::after {
+  content: '';
+  position: absolute;
+  width: 24px;
+  height: 3px;
+  background-color: #333;
+  left: 0;
+}
+
+.hamburger::before {
+  top: -8px;
+}
+
+.hamburger::after {
+  bottom: -8px;
+}
+
+.nav-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  width: 84px;
+  padding: 0;
+  position: fixed;
+  left: 22px;
+  top: 108px;
+}
+
+.nav-btn {
+  width: 40px;
+  height: 40px;
+  border: 1px solid #333;
+  border-radius: 4px;
+  background: white;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  padding: 0;
+  font-size: 16px;
+}
+
+.nav-btn-text {
+  font-size: 16px;
+  color: #333;
+  opacity: 0;
+  visibility: hidden;
+  white-space: nowrap;
+  position: absolute;
+  left: 60px;
+}
+
+.sidebar-expanded .nav-btn-text {
+  opacity: 1;
+  visibility: visible;
+}
+
+/* Стили для основного контента */
+.main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  margin-left: 84px;
+}
+
+.sidebar-expanded ~ .main-content {
+  margin-left: 250px;
+}
+
+.header {
+  padding: 20px;
+}
+
+.title {
+  font-size: 24px;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.hand-emoji {
+  font-size: 24px;
+}
+
+.subtitle {
+  font-size: 14px;
+  color: #555;
+  margin-top: 5px;
+}
+
+/* Стили для чата */
+.chat-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 0 20px 20px;
+  overflow: hidden;
+}
+
+.chat-messages {
+  flex: 1;
+  overflow-y: auto;
+  background-color: white;
+  border-radius: 8px;
+  padding: 20px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+  margin-bottom: 20px;
+}
+
+.message {
+  margin-bottom: 15px;
+  padding: 10px 15px;
+  border-radius: 8px;
+  max-width: 80%;
+}
+
+.user-message {
+  background-color: #EFFAFF;
+  align-self: flex-end;
+  margin-left: auto;
+}
+
+.ai-message {
+  background-color: #F8F8F8;
+  align-self: flex-start;
+}
+
+.message-content {
+  margin-bottom: 5px;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.message-time {
+  font-size: 12px;
+  color: #777;
+  text-align: right;
+}
+
+.chat-input {
+  display: flex;
+  background-color: white;
+  border-radius: 8px;
+  padding: 10px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
+}
+
+.chat-input textarea {
+  flex: 1;
+  border: none;
+  resize: none;
+  padding: 10px;
+  height: 40px;
+  font-family: inherit;
+  border-radius: 4px;
+}
+
+.chat-input textarea:focus {
+  outline: none;
+}
+
+.chat-input button {
+  background-color: #E8E8E8;
+  color: #555;
+  border: none;
+  border-radius: 4px;
+  padding: 0 20px;
+  cursor: pointer;
+  height: 40px;
+  margin-left: 10px;
+}
+
+.chat-input button:hover:not(:disabled) {
+  background-color: #d8d8d8;
+}
+
+.chat-input button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Стили для правой панели с информацией о кошельке */
+.wallet-sidebar {
+  width: 250px;
+  background-color: #FFDA58;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+}
+
+.wallet-connect-btn {
+  background-color: #4CAF50;
+  color: white;
+  border: none;
+  border-radius: 8px;
+  padding: 12px 20px;
+  font-size: 16px;
+  cursor: pointer;
+  margin-bottom: 30px;
+}
+
+.wallet-disconnect-btn {
+  background-color: #f44336;
+  color: white;
+  border: none;
+  border-radius: 8px;
+  padding: 12px 20px;
+  font-size: 16px;
+  cursor: pointer;
+  margin-bottom: 30px;
+}
+
+.balance-container {
+  margin-top: 20px;
+}
+
+.balance-container h3 {
+  margin-bottom: 15px;
+  font-size: 18px;
+}
+
+.token-balance {
+  display: flex;
+  margin-bottom: 10px;
+  font-size: 16px;
+}
+
+.token-name {
+  width: 60px;
+}
+
+.token-amount {
+  flex: 1;
+  text-align: right;
+  padding-right: 10px;
+}
+
+.token-symbol {
+  width: 60px;
+  text-align: right;
+}
+
+.wallet-address {
+  margin-top: 30px;
+}
+
+.wallet-address h3 {
+  margin-bottom: 10px;
+  font-size: 18px;
+}
+
+.address {
+  font-family: monospace;
+  font-size: 14px;
+  word-break: break-all;
+}
+
+.language-selector {
+  margin-top: auto;
+  align-self: flex-end;
+  background-color: white;
+  padding: 5px 10px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  cursor: pointer;
+}
+
+.dropdown-icon {
+  font-size: 10px;
+}
+
+/* Стили для кнопок авторизации */
+.auth-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 20px;
+}
+
+.auth-btn {
+  padding: 12px 16px;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.email-btn {
+  background-color: #2196F3;
+  color: white;
+}
+
+.telegram-btn {
+  background-color: #0088cc;
+  color: white;
+}
+
+.user-info {
+  margin-top: 20px;
+}
+
+.user-info h3 {
+  margin-bottom: 10px;
+  font-size: 18px;
+}
+
+.user-info-item {
+  display: flex;
+  margin-bottom: 8px;
+  font-size: 14px;
+}
+
+.user-info-label {
+  min-width: 80px;
+  color: #555;
+}
+
+.user-info-value {
+  font-weight: bold;
+}
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
index 0ecaa36..9fd6531 100644
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -1,217 +1,199 @@
 <template>
-  <div class="home">
-    <h1>✌️ HB3 - Accelerator DLE (Digital Legal Entity - DAO Fork)</h1>
-    
-    <div class="auth-section" v-if="!isAuthenticated">
-      <h3>Венчурный фонд и поставщик программного обеспечения</h3>
+  <div class="app-container">
+    <!-- Боковая панель / Меню -->
+    <div class="sidebar" :class="{ 'sidebar-expanded': showSidebar }">
+      <button class="menu-button" @click="toggleSidebar">
+        <div class="hamburger"></div>
+      </button>
+      <div class="nav-buttons">
+        <button class="nav-btn" @click="navigateTo('page1')">
+          <div class="nav-btn-number">1</div>
+          <div class="nav-btn-text">Кнопка 1</div>
+        </button>
+        <button class="nav-btn" @click="navigateTo('page2')">
+          <div class="nav-btn-number">2</div>
+          <div class="nav-btn-text">Кнопка 2</div>
+        </button>
+        <button class="nav-btn" @click="navigateTo('page3')">
+          <div class="nav-btn-number">3</div>
+          <div class="nav-btn-text">Кнопка 3</div>
+        </button>
+        <button class="nav-btn" @click="navigateTo('page4')">
+          <div class="nav-btn-number">4</div>
+          <div class="nav-btn-text">Кнопка 4</div>
+        </button>
+        <button class="nav-btn" @click="navigateTo('page5')">
+          <div class="nav-btn-number">5</div>
+          <div class="nav-btn-text">Кнопка 5</div>
+        </button>
+        <button class="nav-btn" @click="navigateTo('page6')">
+          <div class="nav-btn-number">6</div>
+          <div class="nav-btn-text">Кнопка 6</div>
+        </button>
+      </div>
     </div>
-       
-    <div class="chat-container">
-      <div class="chat-header">
-        <!-- Используем тот же компонент, что и в сообщениях -->
-        <div v-if="!isAuthenticated && !isConnecting" class="auth-buttons">
-          <button class="auth-btn wallet-btn" @click="handleWalletAuth">
-            Подключить кошелек
-          </button>
+
+    <!-- Основной контент -->
+    <div class="main-content">
+      <div class="header">
+        <div class="title">
+          <span class="hand-emoji">✌️</span> HB3 - Accelerator DLE (Digital Legal Entity - DAO Fork)
         </div>
-        
-        <div v-if="isConnecting" class="connecting-info">
-          <span>Подключение кошелька...</span>
+        <div class="subtitle">
+          Венчурный фонд и поставщик программного обеспечения
         </div>
-        
-        <div v-show="isAuthenticated && auth.authType.value === 'wallet'" class="auth-info-header">
-          <span class="user-id">{{ auth.address && auth.address.value ? truncateAddress(auth.address.value) : '' }}</span>
-          <button class="auth-btn disconnect-btn" @click="disconnectWallet">
-            Отключить кошелек
-          </button>
+      </div>
+
+      <div class="chat-container">
+        <div class="chat-messages" ref="messagesContainer">
+          <div v-for="message in messages" :key="message.id" 
+               :class="['message', message.role === 'assistant' ? 'ai-message' : 'user-message']">
+            <div class="message-content" v-html="formatMessage(message.content)"></div>
+            <div class="message-time">{{ formatTime(message.timestamp || message.created_at) }}</div>
+          </div>
         </div>
-        
-        <div v-show="isAuthenticated && auth.authType.value === 'telegram'" class="auth-info-header">
-          <span class="user-id">Telegram: {{ auth.telegramId }}</span>
-          <button class="auth-btn disconnect-btn" @click="disconnectWallet">
-            Выйти
-          </button>
-        </div>
-        
-        <div v-show="isAuthenticated && auth.authType.value === 'email'" class="auth-info-header">
-          <span class="user-id">Email: {{ auth.email }}</span>
-          <button class="auth-btn disconnect-btn" @click="disconnectWallet">
-            Выйти
+
+        <div class="chat-input">
+          <textarea 
+            v-model="newMessage" 
+            placeholder="Введите сообщение..." 
+            @keydown.enter.prevent="handleMessage(newMessage)"
+            :disabled="isLoading"
+          ></textarea>
+          <button @click="handleMessage(newMessage)" :disabled="isLoading || !newMessage.trim()">
+            {{ isLoading ? 'Отправка...' : 'Отправить' }}
           </button>
         </div>
       </div>
-      
-      <!-- Кнопка загрузки предыдущих сообщений -->
-      <div v-if="isAuthenticated && hasMoreMessages" class="load-more">
-        <button @click="loadMoreMessages" :disabled="isLoadingMore">
-          {{ isLoadingMore ? 'Загрузка...' : 'Показать предыдущие сообщения' }}
+    </div>
+
+    <!-- Правая панель с информацией о кошельке -->
+    <div class="wallet-sidebar">
+      <button v-if="!isAuthenticated" @click="handleWalletAuth" class="wallet-connect-btn">
+        Подключить кошелек
+      </button>
+      <button v-else @click="disconnectWallet" class="wallet-disconnect-btn">
+        Отключить кошелек
+      </button>
+
+      <!-- Добавляем дополнительные кнопки авторизации -->
+      <div v-if="!isAuthenticated" class="auth-buttons">
+        <button @click="handleTelegramAuth" class="auth-btn telegram-btn">
+          Подключить Telegram
+        </button>
+        <button @click="handleEmailAuth" class="auth-btn email-btn">
+          Подключить Email
         </button>
       </div>
-      
-      <div class="chat-messages" ref="messagesContainer">
-        <div v-if="isLoadingMore" class="loading">
-          Загрузка...
+
+      <!-- Блок для верификации Telegram -->
+      <div v-if="showTelegramVerification" class="verification-block">
+        <div class="verification-code">
+          <span>Код верификации:</span>
+          <code @click="copyCode(telegramVerificationCode)">{{ telegramVerificationCode }}</code>
+          <span v-if="codeCopied" class="copied-message">Скопировано!</span>
         </div>
-        <div v-for="message in messages" :key="message.id" :class="['message', message.role === 'assistant' ? 'ai-message' : 'user-message']">
-          <div class="message-content">
-            {{ message.content }}
-          </div>
-          
-          <!-- Кнопки аутентификации -->
-          <div v-if="message.showAuthButtons && !isAuthenticated" class="message-auth-buttons">
-            <button class="auth-btn wallet-btn" @click="handleWalletAuth">
-              Подключить кошелек
-            </button>
-            
-            <!-- Telegram верификация -->
-            <div v-if="showTelegramVerification" class="verification-block">
-              <div class="verification-code">
-                <span>Код подтверждения:</span>
-                <code @click="copyCode(telegramVerificationCode)">{{ telegramVerificationCode }}</code>
-              </div>
-              <a :href="telegramBotLink" target="_blank" class="bot-link">
-                Открыть HB3_Accelerator_Bot
-              </a>
-            </div>
-            <button v-else class="auth-btn telegram-btn" @click="handleTelegramAuth">
-              Подключить Telegram
-            </button>
-            
-            <!-- Email секция -->
-            <!-- Форма ввода email -->
-            <div v-if="showEmailForm" class="email-form">
-              <p>Введите ваш email для получения кода подтверждения:</p>
-              <div class="email-input-container">
-                <input 
-                  v-model="emailInput" 
-                  type="email" 
-                  placeholder="Ваш email" 
-                  class="email-input"
-                  :class="{ 'email-input-error': emailFormatError }"
-                />
-                <button @click="sendEmailVerification" class="send-email-btn" :disabled="isEmailSending">
-                  {{ isEmailSending ? 'Отправка...' : 'Отправить код' }}
-                </button>
-              </div>
-              <p v-if="emailFormatError" class="email-format-error">Пожалуйста, введите корректный email</p>
-            </div>
-            
-            <!-- Форма ввода кода верификации -->
-            <div v-else-if="showEmailVerificationInput" class="email-verification-form">
-              <p>На ваш email <strong>{{ emailVerificationEmail }}</strong> отправлен код подтверждения.</p>
-              <div class="verification-input">
-                <input 
-                  v-model="emailVerificationCode" 
-                  type="text" 
-                  placeholder="Введите код верификации" 
-                  maxlength="6"
-                />
-                <button @click="verifyEmailCode" class="verify-btn" :disabled="isVerifying">
-                  {{ isVerifying ? 'Проверка...' : 'Подтвердить' }}
-                </button>
-              </div>
-            </div>
-            
-            <!-- Сообщение об успехе -->
-            <div v-else-if="showSuccessMessage" class="success-message">
-              <span>{{ successMessage }}</span>
-            </div>
-            
-            <!-- Email верификация через код (старый способ) -->
-            <div v-else-if="showEmailVerification" class="verification-block">
-              <div class="verification-code">
-                <span>Код подтверждения:</span>
-                <code @click="copyCode(emailVerificationCode)">{{ emailVerificationCode }}</code>
-                <span v-if="codeCopied" class="copied-message">Скопировано!</span>
-              </div>
-              
-              <div class="email-options">
-                <a :href="`mailto:info@hb3-accelerator.com?subject=Verification%20Code&body=${emailVerificationCode}`" 
-                   class="bot-link" 
-                   target="_blank"
-                   @click="handleEmailClick">
-                  Отправить код на info@hb3-accelerator.com
-                </a>
-                
-                <div v-if="showEmailAlternatives" class="email-alternatives">
-                  <p>Выберите почтовый сервис:</p>
-                  <div class="email-services">
-                    <a href="https://mail.google.com/mail/?view=cm&fs=1&to=info@hb3-accelerator.com&su=Verification%20Code&body=Код%20верификации:%20" 
-                       :href="getEmailServiceUrl('gmail')"
-                       target="_blank" 
-                       class="email-service-btn gmail">
-                      Gmail
-                    </a>
-                    <a href="https://outlook.live.com/mail/0/deeplink/compose" 
-                       :href="getEmailServiceUrl('outlook')"
-                       target="_blank" 
-                       class="email-service-btn outlook">
-                      Outlook
-                    </a>
-                    <a href="https://mail.yahoo.com/d/compose/" 
-                       :href="getEmailServiceUrl('yahoo')"
-                       target="_blank" 
-                       class="email-service-btn yahoo">
-                      Yahoo
-                    </a>
-                    <a href="https://mail.protonmail.com/compose" 
-                       :href="getEmailServiceUrl('proton')"
-                       target="_blank" 
-                       class="email-service-btn proton">
-                      ProtonMail
-                    </a>
-                  </div>
-                  <div class="manual-option">
-                    <p>Или скопируйте код и отправьте вручную:</p>
-                    <button @click="copyEmailWithCode" class="copy-button">
-                      Скопировать email и код
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-            
-            <!-- Кнопка для начала email аутентификации -->
-            <button v-else class="auth-btn email-btn" @click="handleEmailAuth">
-              Подключить Email
-            </button>
-          </div>
-            
-          <div v-if="emailError" class="error-message">
-            {{ emailError }}
-            <button class="close-error" @click="clearEmailError">×</button>
-          </div>
-          
-          <div class="message-time">
-            {{ formatTime(message.timestamp || message.created_at) }}
-          </div>
+        <a :href="telegramBotLink" target="_blank" class="bot-link">Открыть бота Telegram</a>
+      </div>
+
+      <!-- Форма для Email верификации -->
+      <div v-if="showEmailForm" class="email-form">
+        <p>Введите ваш email для получения кода подтверждения:</p>
+        <div class="email-input-container">
+          <input 
+            v-model="emailInput" 
+            type="email" 
+            placeholder="Ваш email" 
+            class="email-input"
+            :class="{ 'email-input-error': emailFormatError }"
+          />
+          <button @click="sendEmailVerification" class="send-email-btn" :disabled="isEmailSending">
+            {{ isEmailSending ? 'Отправка...' : 'Отправить код' }}
+          </button>
+        </div>
+        <p v-if="emailFormatError" class="email-format-error">Пожалуйста, введите корректный email</p>
+      </div>
+
+      <!-- Сообщение об ошибке в Email -->
+      <div v-if="emailError" class="error-message">
+        {{ emailError }}
+        <button class="close-error" @click="clearEmailError">×</button>
+      </div>
+
+      <!-- Форма для ввода кода верификации Email -->
+      <div v-if="showEmailVerificationInput" class="email-verification-form">
+        <p>На ваш email <strong>{{ emailVerificationEmail }}</strong> отправлен код подтверждения.</p>
+        <div class="verification-input">
+          <input 
+            v-model="emailVerificationCode" 
+            type="text" 
+            placeholder="Введите код верификации" 
+            maxlength="6"
+          />
+          <button @click="verifyEmailCode" class="verify-btn" :disabled="isVerifying">
+            {{ isVerifying ? 'Проверка...' : 'Подтвердить' }}
+          </button>
         </div>
       </div>
-      
-      <div class="chat-input">
-        <textarea 
-          v-model="newMessage" 
-          @keydown.enter.prevent="handleMessage(newMessage)"
-          placeholder="Введите сообщение..."
-          :disabled="isLoading"
-        ></textarea>
-        <button @click="handleMessage(newMessage)" :disabled="isLoading || !newMessage.trim()">
-          {{ isLoading ? 'Отправка...' : 'Отправить' }}
-        </button>
+
+      <!-- Блок баланса токенов -->
+      <div class="balance-container">
+        <h3>Баланс:</h3>
+        <div class="token-balance">
+          <span class="token-name">ETH:</span>
+          <span class="token-amount">{{ isAuthenticated ? '1500000' : '0' }}</span>
+          <span class="token-symbol">HB3A</span>
+        </div>
+        <div class="token-balance">
+          <span class="token-name">ARB:</span>
+          <span class="token-amount">{{ isAuthenticated ? '500000' : '0' }}</span>
+          <span class="token-symbol">HB3A</span>
+        </div>
+        <div class="token-balance">
+          <span class="token-name">POL:</span>
+          <span class="token-amount">{{ isAuthenticated ? '500000' : '0' }}</span>
+          <span class="token-symbol">HB3A</span>
+        </div>
+        <div class="token-balance">
+          <span class="token-name">BNB:</span>
+          <span class="token-amount">0</span>
+          <span class="token-symbol">HB3A</span>
+        </div>
+      </div>
+
+      <!-- Блок информации о пользователе -->
+      <div v-if="isAuthenticated" class="user-info">
+        <h3>Идентификаторы:</h3>
+        <div v-if="auth.address?.value" class="user-info-item">
+          <span class="user-info-label">Кошелек:</span>
+          <span class="user-info-value">{{ truncateAddress(auth.address.value) }}</span>
+        </div>
+        <div v-if="auth.telegramId?.value" class="user-info-item">
+          <span class="user-info-label">Telegram:</span>
+          <span class="user-info-value">{{ auth.telegramId.value }}</span>
+        </div>
+        <div v-if="auth.email?.value" class="user-info-item">
+          <span class="user-info-label">Email:</span>
+          <span class="user-info-value">{{ auth.email.value }}</span>
+        </div>
+      </div>
+
+      <div class="language-selector">
+        RU <span class="dropdown-icon">▼</span>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref, computed, onMounted, watch, nextTick, onBeforeUnmount, inject } from 'vue';
-import WalletConnection from '../components/identity/WalletConnection.vue';
-import TelegramConnect from '../components/identity/TelegramConnect.vue';
-import EmailConnect from '../components/identity/EmailConnect.vue';
-import api from '../api/axios';
+import { ref, computed, onMounted, watch, nextTick, onBeforeUnmount } from 'vue';
+import { useAuth } from '../composables/useAuth';
 import { connectWithWallet } from '../services/wallet';
 import axios from 'axios';
-import { useAuth } from '../composables/useAuth';
+import api from '../api/axios';
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
+import '../assets/styles/home.css';
 
 console.log('HomeView.vue: Version with chat loaded');
 
@@ -224,7 +206,7 @@ const isLoading = ref(false);
 const messagesContainer = ref(null);
 const userLanguage = ref('ru');
 
-// Добавляем состояния для пагинации
+// Состояния для пагинации
 const isLoadingMore = ref(false);
 const hasMoreMessages = ref(false);
 const offset = ref(0);
@@ -241,21 +223,36 @@ const emailError = ref('');
 const codeCopied = ref(false);
 const showEmailAlternatives = ref(false);
 
-// Добавляем новые состояния для формы ввода кода
+// Состояния для формы ввода кода
 const showEmailVerificationInput = ref(false);
 const emailVerificationEmail = ref('');
 
-// Добавляем новые состояния для формы ввода email
+// Состояния для формы ввода email
 const showEmailForm = ref(false);
 const emailInput = ref('');
 const emailFormatError = ref(false);
 const isEmailSending = ref(false);
 
-// Добавляем новые состояния для индикации и успешных сообщений
+// Состояния для индикации и успешных сообщений
 const isVerifying = ref(false);
 const successMessage = ref('');
 const showSuccessMessage = ref(false);
 
+// Состояния для сайдбара
+const showSidebar = ref(false);
+const currentPage = ref('home');
+
+// Функция для управления сайдбаром
+const toggleSidebar = () => {
+  showSidebar.value = !showSidebar.value;
+  document.querySelector('.app-container').classList.toggle('menu-open');
+};
+
+const navigateTo = (page) => {
+  currentPage.value = page;
+  console.log(`Навигация на страницу: ${page}`);
+};
+
 // Функция для копирования кода
 const copyCode = (code) => {
   navigator.clipboard.writeText(code).then(() => {
@@ -266,107 +263,6 @@ const copyCode = (code) => {
   });
 };
 
-// Функция для копирования email и кода
-const copyEmailWithCode = () => {
-  const textToCopy = `Email: info@hb3-accelerator.com\nКод верификации: ${emailVerificationCode.value}`;
-  navigator.clipboard.writeText(textToCopy).then(() => {
-    alert('Email и код скопированы в буфер обмена');
-  });
-};
-
-// Функция для определения URL почтового сервиса
-const getEmailServiceUrl = (service) => {
-  const to = 'info@hb3-accelerator.com';
-  const subject = 'Verification Code';
-  const body = `Код верификации: ${emailVerificationCode.value}`;
-  
-  switch (service) {
-    case 'gmail':
-      return `https://mail.google.com/mail/?view=cm&fs=1&to=${to}&su=${subject}&body=${encodeURIComponent(body)}`;
-    case 'outlook':
-      return `https://outlook.live.com/mail/0/deeplink/compose?to=${to}&subject=${subject}&body=${encodeURIComponent(body)}`;
-    case 'yahoo':
-      return `https://compose.mail.yahoo.com/?to=${to}&subject=${subject}&body=${encodeURIComponent(body)}`;
-    case 'proton':
-      return `https://mail.protonmail.com/compose?to=${to}&subject=${subject}&body=${encodeURIComponent(body)}`;
-    default:
-      return `mailto:${to}?subject=${subject}&body=${encodeURIComponent(body)}`;
-  }
-};
-
-// Функция для обработки клика по email-ссылке
-const handleEmailClick = (e) => {
-  // Определяем, есть ли у пользователя почтовый клиент
-  const userAgent = navigator.userAgent.toLowerCase();
-  const isMobile = /android|webos|iphone|ipad|ipod|blackberry|windows phone/i.test(userAgent);
-  
-  // На мобильных устройствах обычно есть почтовые клиенты
-  if (isMobile) {
-    // Позволяем стандартному обработчику открыть почтовый клиент
-    return true;
-  }
-  
-  // На десктопе предлагаем веб-почту
-  e.preventDefault();
-  showEmailAlternatives.value = true;
-  return false;
-};
-
-// Функция для показа ошибок
-const showError = (message) => {
-  // Можно использовать toast или alert
-  alert(message);
-};
-
-// Обработчик для Telegram аутентификации
-const handleTelegramAuth = async () => {
-  try {
-    const { data } = await axios.post('/api/auth/telegram/init');
-    const { verificationCode, botLink } = data;
-    
-    // Показываем код верификации
-    showTelegramVerification.value = true;
-    telegramVerificationCode.value = verificationCode;
-    telegramBotLink.value = botLink;
-    
-    // Запускаем проверку статуса аутентификации
-    telegramAuthCheckInterval.value = setInterval(async () => {
-      try {
-        const response = await axios.get('/api/auth/check');
-        if (response.data.authenticated) {
-          auth.updateAuth({
-            isAuthenticated: true,
-            authType: response.data.authType,
-            userId: response.data.userId
-          });
-          
-          clearInterval(telegramAuthCheckInterval.value);
-          telegramAuthCheckInterval.value = null;
-          showTelegramVerification.value = false;
-          
-          // Перезагружаем страницу для полного обновления состояния
-          window.location.reload();
-        }
-      } catch (error) {
-        console.error('Error checking auth status:', error);
-      }
-    }, 2000);
-    
-    // Очищаем интервал через 5 минут
-    setTimeout(() => {
-      if (telegramAuthCheckInterval.value) {
-        clearInterval(telegramAuthCheckInterval.value);
-        telegramAuthCheckInterval.value = null;
-        showTelegramVerification.value = false;
-      }
-    }, 5 * 60 * 1000);
-    
-  } catch (error) {
-    console.error('Error initializing Telegram auth:', error);
-    showError('Ошибка при инициализации Telegram аутентификации');
-  }
-};
-
 // Функция для очистки ошибки
 const clearEmailError = () => {
   emailError.value = '';
@@ -438,15 +334,15 @@ const verifyEmailCode = async () => {
       emailError.value = 'Пожалуйста, введите код верификации';
       return;
     }
-
+    
     // Показываем индикатор процесса верификации
     isVerifying.value = true;
     
-    const response = await axios.get('/api/auth/check-email-verification', {
-      params: { code: emailVerificationCode.value }
+    const response = await axios.post('/api/auth/check-email-verification', {
+      code: emailVerificationCode.value
     });
     
-    if (response.data.verified) {
+    if (response.data.success) {
       // Сбрасываем все состояния форм email
       showEmailVerificationInput.value = false;
       showEmailForm.value = false;
@@ -479,6 +375,55 @@ const verifyEmailCode = async () => {
   }
 };
 
+// Обработчик для Telegram аутентификации
+const handleTelegramAuth = async () => {
+  try {
+    const { data } = await axios.post('/api/auth/telegram/init');
+    const { verificationCode, botLink } = data;
+    
+    // Показываем код верификации
+    showTelegramVerification.value = true;
+    telegramVerificationCode.value = verificationCode;
+    telegramBotLink.value = botLink;
+    
+    // Запускаем проверку статуса аутентификации
+    telegramAuthCheckInterval.value = setInterval(async () => {
+      try {
+        const response = await axios.get('/api/auth/check');
+        if (response.data.authenticated) {
+          auth.updateAuth({
+            isAuthenticated: true,
+            authType: response.data.authType,
+            userId: response.data.userId
+          });
+          
+          clearInterval(telegramAuthCheckInterval.value);
+          telegramAuthCheckInterval.value = null;
+          showTelegramVerification.value = false;
+          
+          // Перезагружаем страницу для полного обновления состояния
+          window.location.reload();
+        }
+      } catch (error) {
+        console.error('Error checking auth status:', error);
+      }
+    }, 2000);
+    
+    // Очищаем интервал через 5 минут
+    setTimeout(() => {
+      if (telegramAuthCheckInterval.value) {
+        clearInterval(telegramAuthCheckInterval.value);
+        telegramAuthCheckInterval.value = null;
+        showTelegramVerification.value = false;
+      }
+    }, 5 * 60 * 1000);
+    
+  } catch (error) {
+    console.error('Error initializing Telegram auth:', error);
+    alert('Ошибка при инициализации Telegram аутентификации');
+  }
+};
+
 // Функция для сокращения адреса кошелька
 const truncateAddress = (address) => {
   if (!address) return '';
@@ -504,7 +449,7 @@ const loadMoreMessages = async () => {
         offset: offset.value
       }
     });
-
+    
     if (response.data.success) {
       const newMessages = response.data.messages.map(msg => ({
         id: msg.id,
@@ -585,25 +530,20 @@ const handleWalletAuth = async () => {
   isConnecting.value = false;
 };
 
-// Функция для сохранения гостевых сообщений на сервере
-const saveGuestMessagesToServer = async () => {
-  if (guestMessages.value.length === 0) return;
-  
+// Функция для отключения кошелька/выхода
+const disconnectWallet = async () => {
   try {
-    // Фильтруем только сообщения пользователя (не AI)
-    const userMessages = guestMessages.value.filter(msg => msg.role === 'user');
+    await axios.post('/api/auth/logout');
+    auth.isAuthenticated.value = false;
+    auth.address.value = null;
+    auth.authType.value = null;
+    auth.telegramId = null;
+    auth.email = null;
     
-    // Отправляем каждое сообщение на сервер
-    for (const msg of userMessages) {
-      await api.post('/api/chat/message', {
-        message: msg.content,
-        language: userLanguage.value
-      });
-    }
-    
-    console.log('Guest messages saved to server');
+    // Перезагружаем страницу для сброса состояния
+    window.location.reload();
   } catch (error) {
-    console.error('Error saving guest messages to server:', error);
+    console.error('Error disconnecting wallet:', error);
   }
 };
 
@@ -634,6 +574,13 @@ const formatTime = (timestamp) => {
   }
 };
 
+// Форматирование сообщения с поддержкой markdown
+const formatMessage = (text) => {
+  if (!text) return '';
+  const rawHtml = marked.parse(text);
+  return DOMPurify.sanitize(rawHtml);
+};
+
 // Функция для отправки сообщения
 const handleMessage = async (text) => {
   try {
@@ -694,6 +641,9 @@ const handleMessage = async (text) => {
         messages.value.push(aiMessage);
       }
     }
+    
+    await nextTick();
+    scrollToBottom();
   } catch (error) {
     console.error('Error sending message:', error);
     messages.value.push({
@@ -707,23 +657,6 @@ const handleMessage = async (text) => {
   }
 };
 
-// Функция для отключения кошелька/выхода
-const disconnectWallet = async () => {
-  try {
-    await axios.post('/api/auth/logout');
-    auth.isAuthenticated.value = false;
-    auth.address.value = null;
-    auth.authType.value = null;
-    auth.telegramId = null;
-    auth.email = null;
-    
-    // Перезагружаем страницу для сброса состояния
-    window.location.reload();
-  } catch (error) {
-    console.error('Error disconnecting wallet:', error);
-  }
-};
-
 // Обработка прокрутки
 const handleScroll = async () => {
   const element = messagesContainer.value;
@@ -746,15 +679,9 @@ onMounted(() => {
     authType: auth.authType.value,
     telegramId: auth.telegramId.value
   });
-  
-  // Добавляем отладочный вывод для auth.authType
-  console.log('auth.authType:', auth.authType);
-  console.log('auth.authType.value:', auth.authType.value);
-  console.log('auth.authType.value === "telegram":', auth.authType.value === 'telegram');
-});
 
-watch(() => auth.telegramId.value, (newValue) => {
-  console.log('Telegram ID changed:', newValue);
+  // Проверяем статус авторизации
+  auth.checkAuth();
 });
 
 onBeforeUnmount(() => {
@@ -765,675 +692,6 @@ onBeforeUnmount(() => {
   if (telegramAuthCheckInterval.value) {
     clearInterval(telegramAuthCheckInterval.value);
   }
+  document.querySelector('.app-container')?.classList.remove('menu-open');
 });
 </script>
-
-<style scoped>
-.home {
-  padding: 20px;
-  max-width: 1200px;
-  margin: 0 auto;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-h1 {
-  font-size: 2rem;
-  margin-bottom: 1rem;
-}
-
-/* Адаптивный заголовок */
-@media (max-width: 768px) {
-  h1 {
-    font-size: 1.5rem;
-  }
-}
-
-.chat-container {
-  display: flex;
-  flex-direction: column;
-  height: 75vh;
-  border: 1px solid #ccc;
-  border-radius: 8px;
-  overflow: hidden;
-  margin-top: 20px;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-}
-
-/* Адаптивная высота контейнера чата для мобильных устройств */
-@media (max-width: 768px) {
-  .chat-container {
-    height: calc(100vh - 150px);
-    margin-top: 10px;
-  }
-}
-
-.chat-header {
-  padding: 1rem;
-  border-bottom: 1px solid #ddd;
-  background-color: #f8f9fa;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-
-.wallet-info {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-}
-
-.disconnect-btn {
-  padding: 0.5rem 1rem;
-  background-color: #ff4444;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.disconnect-btn:hover {
-  background-color: #cc0000;
-}
-
-.load-more {
-  text-align: center;
-  padding: 1rem;
-}
-
-.load-more button {
-  padding: 0.5rem 1rem;
-  background-color: #007bff;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.load-more button:hover {
-  background-color: #0056b3;
-}
-
-.chat-messages {
-  flex: 1;
-  padding: 20px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  background-color: #f9f9f9;
-}
-
-/* Адаптивные отступы для сообщений на мобильных устройствах */
-@media (max-width: 768px) {
-  .chat-messages {
-    padding: 10px;
-    gap: 8px;
-  }
-}
-
-.message {
-  max-width: 70%;
-  padding: 10px 15px;
-  border-radius: 10px;
-  position: relative;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-}
-
-/* Адаптивная ширина сообщений для мобильных устройств */
-@media (max-width: 768px) {
-  .message {
-    max-width: 85%;
-    padding: 8px 12px;
-  }
-}
-
-.user-message {
-  align-self: flex-end;
-  background-color: #dcf8c6;
-  border-bottom-right-radius: 2px;
-}
-
-.ai-message {
-  align-self: flex-start;
-  background-color: #ffffff;
-  border-bottom-left-radius: 2px;
-}
-
-.message-content {
-  margin-bottom: 5px;
-  white-space: pre-wrap;
-  word-break: break-word;
-  font-size: 1rem;
-  line-height: 1.4;
-}
-
-/* Адаптивный размер текста сообщений */
-@media (max-width: 768px) {
-  .message-content {
-    font-size: 0.9rem;
-    line-height: 1.3;
-  }
-}
-
-.message-time {
-  font-size: 0.7rem;
-  color: #888;
-  text-align: right;
-}
-
-.chat-input {
-  display: flex;
-  padding: 10px;
-  border-top: 1px solid #ccc;
-  background-color: #f9f9f9;
-  align-items: center;
-}
-
-/* Адаптивные отступы для поля ввода */
-@media (max-width: 768px) {
-  .chat-input {
-    padding: 8px;
-  }
-}
-
-.chat-input textarea {
-  flex: 1;
-  padding: 10px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  resize: none;
-  height: 40px;
-  margin-right: 10px;
-  font-family: inherit;
-  font-size: 1rem;
-}
-
-/* Адаптивное поле ввода */
-@media (max-width: 768px) {
-  .chat-input textarea {
-    padding: 8px;
-    height: 36px;
-    margin-right: 8px;
-    font-size: 0.9rem;
-  }
-}
-
-.chat-input button {
-  padding: 0 20px;
-  height: 40px;
-  background-color: #4CAF50;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 1rem;
-  transition: background-color 0.2s;
-}
-
-.chat-input button:hover:not(:disabled) {
-  background-color: #45a049;
-}
-
-/* Адаптивная кнопка отправки */
-@media (max-width: 768px) {
-  .chat-input button {
-    padding: 0 15px;
-    height: 36px;
-    font-size: 0.9rem;
-  }
-}
-
-.chat-input button:disabled {
-  background-color: #cccccc;
-  cursor: not-allowed;
-}
-
-/* Стили для формы подключения кошелька */
-.wallet-connection-container {
-  margin-top: 20px;
-  padding: 20px;
-  border: 1px solid #ccc;
-  border-radius: 8px;
-  background-color: #f9f9f9;
-}
-
-/* Адаптивные стили для формы подключения */
-@media (max-width: 768px) {
-  .wallet-connection-container {
-    padding: 15px;
-    margin-top: 10px;
-  }
-}
-
-/* Анимация для сообщений */
-@keyframes fadeIn {
-  from { opacity: 0; transform: translateY(10px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-.message {
-  animation: fadeIn 0.3s ease-out;
-}
-
-.auth-options {
-  margin-top: 1rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  width: 100%;
-}
-
-.auth-option {
-  width: 100%;
-}
-
-.email-option {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-.email-input {
-  padding: 0.75rem 1rem;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  font-size: 1rem;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.auth-btn, .disconnect-btn {
-  padding: 8px 16px;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0;
-}
-
-.wallet-btn {
-  background-color: #4CAF50;
-  color: white;
-}
-
-.wallet-btn:hover {
-  background-color: #45a049;
-}
-
-.disconnect-btn {
-  background-color: #f44336;
-  color: white;
-}
-
-.disconnect-btn:hover {
-  background-color: #d32f2f;
-}
-
-.auth-buttons, .wallet-info {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.auth-icon {
-  margin-right: 5px;
-}
-
-.connecting-info {
-  padding: 8px 16px;
-  background-color: #2196F3;
-  color: white;
-  border-radius: 4px;
-}
-
-.error-message {
-  position: relative;
-  padding: 10px;
-  margin: 10px 0;
-  background-color: #ffebee;
-  color: #c62828;
-  border-radius: 4px;
-  border-left: 4px solid #c62828;
-}
-
-.close-error {
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  background: none;
-  border: none;
-  color: #c62828;
-  font-size: 16px;
-  cursor: pointer;
-}
-
-.auth-buttons {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  margin-top: 10px;
-}
-
-.auth-btn {
-  display: flex;
-  align-items: center;
-  padding: 8px 16px;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-weight: 500;
-}
-
-.wallet-btn {
-  background-color: #4a5568;
-  color: white;
-}
-
-.wallet-btn:hover {
-  background-color: #2d3748;
-}
-
-.telegram-btn {
-  background-color: #0088cc;
-  color: white;
-}
-
-.telegram-btn:hover {
-  background-color: #0077b5;
-}
-
-.email-btn {
-  background-color: #f44336;
-  color: white;
-}
-
-.email-btn:hover {
-  background-color: #d32f2f;
-}
-
-.disconnect-btn {
-  background-color: #f44336;
-  color: white;
-}
-
-.disconnect-btn:hover {
-  background-color: #d32f2f;
-}
-
-/* Стили для информации о пользователе в header */
-.auth-info-header {
-  display: flex;
-  align-items: center;
-  gap: 15px;
-}
-
-.user-id {
-  font-size: 14px;
-  color: #333;
-}
-
-/* Общие стили для кнопок */
-.auth-btn {
-  display: flex;
-  align-items: center;
-  padding: 8px 16px;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 14px;
-  transition: background-color 0.2s;
-}
-
-.wallet-btn {
-  background-color: #4CAF50;
-  color: white;
-}
-
-.wallet-btn:hover {
-  background-color: #45a049;
-}
-
-.telegram-btn {
-  background-color: #0088cc;
-  color: white;
-}
-
-.telegram-btn:hover {
-  background-color: #0077b5;
-}
-
-.email-btn {
-  background-color: #f44336;
-  color: white;
-}
-
-.email-btn:hover {
-  background-color: #d32f2f;
-}
-
-.disconnect-btn {
-  background-color: #f44336;
-  color: white;
-}
-
-.disconnect-btn:hover {
-  background-color: #d32f2f;
-}
-
-.bot-link {
-  display: inline-block;
-  margin-top: 10px;
-  color: #0088cc;
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-.bot-link:hover {
-  color: #005580;
-}
-
-.verification-block {
-  margin: 15px 0;
-  padding: 15px;
-  background-color: #f5f5f5;
-  border-radius: 5px;
-  border-left: 4px solid #0088cc;
-}
-
-.verification-code {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-bottom: 10px;
-}
-
-.verification-code code {
-  background-color: #e0e0e0;
-  padding: 5px 10px;
-  border-radius: 3px;
-  font-family: monospace;
-  cursor: pointer;
-  user-select: all;
-}
-
-.copied-message {
-  color: #4CAF50;
-  font-size: 12px;
-}
-
-.email-options {
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-}
-
-.email-alternatives {
-  margin-top: 15px;
-  padding: 15px;
-  background-color: #fff;
-  border-radius: 5px;
-  border: 1px solid #ddd;
-}
-
-.email-services {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  margin: 15px 0;
-}
-
-.email-service-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 8px 15px;
-  border-radius: 4px;
-  color: white;
-  text-decoration: none;
-  font-weight: 500;
-  min-width: 120px;
-}
-
-.gmail {
-  background-color: #D44638;
-}
-
-.outlook {
-  background-color: #0078D4;
-}
-
-.yahoo {
-  background-color: #6001D2;
-}
-
-.proton {
-  background-color: #8A6EFF;
-}
-
-.manual-option {
-  margin-top: 15px;
-  padding-top: 15px;
-  border-top: 1px solid #eee;
-}
-
-.copy-button {
-  background-color: #f0f0f0;
-  border: 1px solid #ddd;
-  padding: 8px 15px;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 14px;
-  margin-top: 5px;
-}
-
-.copy-button:hover {
-  background-color: #e0e0e0;
-}
-
-.email-verification-form {
-  margin: 10px 0;
-  padding: 15px;
-  background-color: #f5f5f5;
-  border-radius: 5px;
-  border-left: 4px solid #4CAF50;
-}
-
-.verification-input {
-  display: flex;
-  margin-top: 10px;
-  gap: 10px;
-}
-
-.verification-input input {
-  flex: 1;
-  padding: 8px 12px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  font-size: 16px;
-  letter-spacing: 2px;
-}
-
-.verify-btn {
-  background-color: #4CAF50;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  padding: 8px 15px;
-  cursor: pointer;
-}
-
-.verify-btn:hover {
-  background-color: #45a049;
-}
-
-.email-form {
-  margin: 10px 0;
-  padding: 15px;
-  background-color: #f5f5f5;
-  border-radius: 5px;
-  border-left: 4px solid #4CAF50;
-}
-
-.email-input-container {
-  display: flex;
-  margin-top: 10px;
-  gap: 10px;
-}
-
-.email-input {
-  flex: 1;
-  padding: 8px 12px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  font-size: 16px;
-}
-
-.email-input-error {
-  border-color: #f44336;
-}
-
-.send-email-btn {
-  background-color: #4CAF50;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  padding: 8px 15px;
-  cursor: pointer;
-}
-
-.send-email-btn:hover:not(:disabled) {
-  background-color: #45a049;
-}
-
-.send-email-btn:disabled {
-  background-color: #cccccc;
-  cursor: not-allowed;
-}
-
-.email-format-error {
-  color: #f44336;
-  font-size: 14px;
-  margin-top: 5px;
-  margin-bottom: 0;
-}
-
-.success-message {
-  padding: 10px 15px;
-  background-color: #dff0d8;
-  color: #3c763d;
-  border-radius: 4px;
-  border-left: 4px solid #3c763d;
-  margin: 10px 0;
-  animation: fadeOut 3s forwards;
-}
-
-@keyframes fadeOut {
-  0% { opacity: 1; }
-  80% { opacity: 1; }
-  100% { opacity: 0; }
-}
-</style>
diff --git a/frontend/src/views/HomeView.vue.bak b/frontend/src/views/HomeView.vue.bak
new file mode 100644
index 0000000..0b830bb
--- /dev/null
+++ b/frontend/src/views/HomeView.vue.bak
@@ -0,0 +1,663 @@
+<template>
+  <div class="app-container">
+    <!-- Боковая панель -->
+    <div class="sidebar">
+      <button class="menu-button">
+        <div class="hamburger"></div>
+      </button>
+      <div class="nav-buttons">
+        <button class="nav-btn">1</button>
+        <button class="nav-btn">2</button>
+        <button class="nav-btn">3</button>
+        <button class="nav-btn">4</button>
+        <button class="nav-btn">5</button>
+        <button class="nav-btn">6</button>
+      </div>
+    </div>
+
+    <!-- Основной контент -->
+    <div class="main-content">
+      <div class="header">
+        <div class="title">
+          <span class="hand-emoji">✌️</span> HB3 - Accelerator DLE (Digital Legal Entity - DAO Fork)
+        </div>
+        <div class="subtitle">
+          Венчурный фонд и поставщик программного обеспечения
+        </div>
+      </div>
+
+      <div class="chat-container">
+        <div class="chat-messages" ref="messagesContainer">
+          <div v-for="message in messages" :key="message.id" 
+               :class="['message', message.role === 'assistant' ? 'ai-message' : 'user-message']">
+            <div class="message-content" v-html="formatMessage(message.content)"></div>
+            <div class="message-time">{{ formatTime(message.timestamp || message.created_at) }}</div>
+          </div>
+        </div>
+
+        <div class="chat-input">
+          <textarea 
+            v-model="newMessage" 
+            placeholder="Введите сообщение..." 
+            @keydown.enter.prevent="handleMessage(newMessage)"
+            :disabled="isLoading"
+          ></textarea>
+          <button @click="handleMessage(newMessage)" :disabled="isLoading || !newMessage.trim()">
+            {{ isLoading ? 'Отправка...' : 'Отправить' }}
+          </button>
+        </div>
+      </div>
+    </div>
+
+    <!-- Правая панель с информацией о кошельке -->
+    <div class="wallet-sidebar">
+      <button v-if="!isAuthenticated" @click="handleWalletAuth" class="wallet-connect-btn">
+        Подключить кошелек
+      </button>
+      <button v-else @click="disconnectWallet" class="wallet-disconnect-btn">
+        Отключить кошелек
+      </button>
+
+      <!-- Добавляем дополнительные кнопки авторизации -->
+      <div v-if="!isAuthenticated" class="auth-buttons">
+        <button @click="handleTelegramAuth" class="auth-btn telegram-btn">
+          Подключить Telegram
+        </button>
+        <button @click="handleEmailAuth" class="auth-btn email-btn">
+          Подключить Email
+        </button>
+      </div>
+
+      <!-- Блок для верификации Telegram -->
+      <div v-if="showTelegramVerification" class="verification-block">
+        <div class="verification-code">
+          <span>Код верификации:</span>
+          <code @click="copyCode(telegramVerificationCode)">{{ telegramVerificationCode }}</code>
+          <span v-if="codeCopied" class="copied-message">Скопировано!</span>
+        </div>
+        <a :href="telegramBotLink" target="_blank" class="bot-link">Открыть бота Telegram</a>
+      </div>
+
+      <!-- Форма для Email верификации -->
+      <div v-if="showEmailForm" class="email-form">
+        <p>Введите ваш email для получения кода подтверждения:</p>
+        <div class="email-input-container">
+          <input 
+            v-model="emailInput" 
+            type="email" 
+            placeholder="Ваш email" 
+            class="email-input"
+            :class="{ 'email-input-error': emailFormatError }"
+          />
+          <button @click="sendEmailVerification" class="send-email-btn" :disabled="isEmailSending">
+            {{ isEmailSending ? 'Отправка...' : 'Отправить код' }}
+          </button>
+        </div>
+        <p v-if="emailFormatError" class="email-format-error">Пожалуйста, введите корректный email</p>
+      </div>
+
+      <!-- Сообщение об ошибке в Email -->
+      <div v-if="emailError" class="error-message">
+        {{ emailError }}
+        <button class="close-error" @click="clearEmailError">×</button>
+      </div>
+
+      <!-- Форма для ввода кода верификации Email -->
+      <div v-if="showEmailVerificationInput" class="email-verification-form">
+        <p>На ваш email <strong>{{ emailVerificationEmail }}</strong> отправлен код подтверждения.</p>
+        <div class="verification-input">
+          <input 
+            v-model="emailVerificationCode" 
+            type="text" 
+            placeholder="Введите код верификации" 
+            maxlength="6"
+          />
+          <button @click="verifyEmailCode" class="verify-btn" :disabled="isVerifying">
+            {{ isVerifying ? 'Проверка...' : 'Подтвердить' }}
+          </button>
+        </div>
+      </div>
+
+      <!-- Блок баланса токенов -->
+      <div class="balance-container">
+        <h3>Баланс:</h3>
+        <div class="token-balance">
+          <span class="token-name">ETH:</span>
+          <span class="token-amount">{{ isAuthenticated ? '1500000' : '0' }}</span>
+          <span class="token-symbol">HB3A</span>
+        </div>
+        <div class="token-balance">
+          <span class="token-name">ARB:</span>
+          <span class="token-amount">{{ isAuthenticated ? '500000' : '0' }}</span>
+          <span class="token-symbol">HB3A</span>
+        </div>
+        <div class="token-balance">
+          <span class="token-name">POL:</span>
+          <span class="token-amount">{{ isAuthenticated ? '500000' : '0' }}</span>
+          <span class="token-symbol">HB3A</span>
+        </div>
+        <div class="token-balance">
+          <span class="token-name">BNB:</span>
+          <span class="token-amount">0</span>
+          <span class="token-symbol">HB3A</span>
+        </div>
+      </div>
+
+      <!-- Блок информации о пользователе -->
+      <div v-if="isAuthenticated" class="user-info">
+        <h3>Идентификаторы:</h3>
+        <div v-if="auth.address?.value" class="user-info-item">
+          <span class="user-info-label">Кошелек:</span>
+          <span class="user-info-value">{{ truncateAddress(auth.address.value) }}</span>
+        </div>
+        <div v-if="auth.telegramId?.value" class="user-info-item">
+          <span class="user-info-label">Telegram:</span>
+          <span class="user-info-value">{{ auth.telegramId.value }}</span>
+        </div>
+        <div v-if="auth.email?.value" class="user-info-item">
+          <span class="user-info-label">Email:</span>
+          <span class="user-info-value">{{ auth.email.value }}</span>
+        </div>
+      </div>
+
+      <div class="language-selector">
+        RU <span class="dropdown-icon">▼</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, watch, nextTick, onBeforeUnmount } from 'vue';
+import { useAuth } from '../composables/useAuth';
+import { connectWithWallet } from '../services/wallet';
+import axios from 'axios';
+import api from '../api/axios';
+import DOMPurify from 'dompurify';
+import { marked } from 'marked';
+import '../assets/styles/home.css';
+
+console.log('HomeView.vue: Version with chat loaded');
+
+const auth = useAuth();
+const isAuthenticated = computed(() => auth.isAuthenticated.value);
+const isConnecting = ref(false);
+const messages = ref([]);
+const newMessage = ref('');
+const isLoading = ref(false);
+const messagesContainer = ref(null);
+const userLanguage = ref('ru');
+
+// Состояния для пагинации
+const isLoadingMore = ref(false);
+const hasMoreMessages = ref(false);
+const offset = ref(0);
+const limit = ref(20);
+
+// Состояния для верификации
+const showTelegramVerification = ref(false);
+const telegramVerificationCode = ref('');
+const telegramBotLink = ref('');
+const telegramAuthCheckInterval = ref(null);
+const showEmailVerification = ref(false);
+const emailVerificationCode = ref('');
+const emailError = ref('');
+const codeCopied = ref(false);
+const showEmailAlternatives = ref(false);
+
+// Состояния для формы ввода кода
+const showEmailVerificationInput = ref(false);
+const emailVerificationEmail = ref('');
+
+// Состояния для формы ввода email
+const showEmailForm = ref(false);
+const emailInput = ref('');
+const emailFormatError = ref(false);
+const isEmailSending = ref(false);
+
+// Состояния для индикации и успешных сообщений
+const isVerifying = ref(false);
+const successMessage = ref('');
+const showSuccessMessage = ref(false);
+
+// Функция для копирования кода
+const copyCode = (code) => {
+  navigator.clipboard.writeText(code).then(() => {
+    codeCopied.value = true;
+    setTimeout(() => {
+      codeCopied.value = false;
+    }, 2000);
+  });
+};
+
+// Функция для очистки ошибки
+const clearEmailError = () => {
+  emailError.value = '';
+};
+
+// Функция для обработки Email аутентификации
+const handleEmailAuth = async () => {
+  try {
+    // Показываем форму для ввода email
+    showEmailForm.value = true;
+    // Сбрасываем другие состояния форм
+    showEmailVerification.value = false;
+    showEmailVerificationInput.value = false;
+    // Очищаем поля и ошибки
+    emailInput.value = '';
+    emailFormatError.value = false;
+    emailError.value = '';
+  } catch (error) {
+    console.error('Error in email auth:', error);
+  }
+};
+
+// Функция для отправки запроса на верификацию email
+const sendEmailVerification = async () => {
+  try {
+    emailFormatError.value = false;
+    emailError.value = '';
+    
+    // Проверяем формат email
+    if (!emailInput.value || !emailInput.value.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
+      emailFormatError.value = true;
+      return;
+    }
+    
+    isEmailSending.value = true;
+    
+    // Отправляем запрос на сервер для инициализации email аутентификации
+    const response = await axios.post('/api/auth/email/init', { email: emailInput.value });
+    
+    if (response.data.success) {
+      // Скрываем форму ввода email
+      showEmailForm.value = false;
+      // Показываем форму для ввода кода
+      showEmailVerificationInput.value = true;
+      // Скрываем старую форму кода верификации
+      showEmailVerification.value = false;
+      // Сохраняем email
+      emailVerificationEmail.value = emailInput.value;
+      // Очищаем поле для ввода кода
+      emailVerificationCode.value = '';
+    } else {
+      emailError.value = response.data.error || 'Ошибка инициализации аутентификации по email';
+    }
+  } catch (error) {
+    emailError.value = 'Ошибка при запросе кода подтверждения';
+    console.error('Error in email auth:', error);
+  } finally {
+    isEmailSending.value = false;
+  }
+};
+
+// Функция для проверки введенного кода
+const verifyEmailCode = async () => {
+  try {
+    // Очищаем сообщение об ошибке
+    emailError.value = '';
+    
+    if (!emailVerificationCode.value) {
+      emailError.value = 'Пожалуйста, введите код верификации';
+      return;
+    }
+    
+    // Показываем индикатор процесса верификации
+    isVerifying.value = true;
+    
+    const response = await axios.post('/api/auth/check-email-verification', {
+      code: emailVerificationCode.value
+    });
+    
+    if (response.data.success) {
+      // Сбрасываем все состояния форм email
+      showEmailVerificationInput.value = false;
+      showEmailForm.value = false;
+      showEmailVerification.value = false;
+      
+      // Показываем сообщение об успешной верификации
+      successMessage.value = `Email ${emailVerificationEmail.value} успешно подтвержден!`;
+      showSuccessMessage.value = true;
+      
+      // Скрываем сообщение через 3 секунды
+      setTimeout(() => {
+        showSuccessMessage.value = false;
+      }, 3000);
+      
+      // Обновляем состояние аутентификации
+      await auth.checkAuth();
+      
+      // Перезагружаем страницу для обновления UI через 1 секунду
+      setTimeout(() => {
+        window.location.reload();
+      }, 1000);
+    } else {
+      emailError.value = response.data.message || 'Неверный код верификации';
+    }
+  } catch (error) {
+    emailError.value = 'Ошибка при проверке кода';
+    console.error('Error verifying email code:', error);
+  } finally {
+    isVerifying.value = false;
+  }
+};
+
+// Обработчик для Telegram аутентификации
+const handleTelegramAuth = async () => {
+  try {
+    const { data } = await axios.post('/api/auth/telegram/init');
+    const { verificationCode, botLink } = data;
+    
+    // Показываем код верификации
+    showTelegramVerification.value = true;
+    telegramVerificationCode.value = verificationCode;
+    telegramBotLink.value = botLink;
+    
+    // Запускаем проверку статуса аутентификации
+    telegramAuthCheckInterval.value = setInterval(async () => {
+      try {
+        const response = await axios.get('/api/auth/check');
+        if (response.data.authenticated) {
+          auth.updateAuth({
+            isAuthenticated: true,
+            authType: response.data.authType,
+            userId: response.data.userId
+          });
+          
+          clearInterval(telegramAuthCheckInterval.value);
+          telegramAuthCheckInterval.value = null;
+          showTelegramVerification.value = false;
+          
+          // Перезагружаем страницу для полного обновления состояния
+          window.location.reload();
+        }
+      } catch (error) {
+        console.error('Error checking auth status:', error);
+      }
+    }, 2000);
+    
+    // Очищаем интервал через 5 минут
+    setTimeout(() => {
+      if (telegramAuthCheckInterval.value) {
+        clearInterval(telegramAuthCheckInterval.value);
+        telegramAuthCheckInterval.value = null;
+        showTelegramVerification.value = false;
+      }
+    }, 5 * 60 * 1000);
+    
+  } catch (error) {
+    console.error('Error initializing Telegram auth:', error);
+    alert('Ошибка при инициализации Telegram аутентификации');
+  }
+};
+
+// Функция для сокращения адреса кошелька
+const truncateAddress = (address) => {
+  if (!address) return '';
+  return `${address.slice(0, 6)}...${address.slice(-4)}`;
+};
+
+// Функция прокрутки к последнему сообщению
+const scrollToBottom = () => {
+  if (messagesContainer.value) {
+    messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;
+  }
+};
+
+// Загрузка сообщений
+const loadMoreMessages = async () => {
+  if (!isAuthenticated.value) return;
+  
+  try {
+    isLoadingMore.value = true;
+    const response = await api.get('/api/chat/history', {
+      params: {
+        limit: limit.value,
+        offset: offset.value
+      }
+    });
+    
+    if (response.data.success) {
+      const newMessages = response.data.messages.map(msg => ({
+        id: msg.id,
+        content: msg.content,
+        role: msg.role || (msg.sender_type === 'assistant' ? 'assistant' : 'user'),
+        timestamp: msg.created_at,
+        showAuthOptions: false
+      }));
+      
+      messages.value = [...messages.value, ...newMessages];
+      hasMoreMessages.value = response.data.total > messages.value.length;
+      offset.value += newMessages.length;
+    }
+  } catch (error) {
+    console.error('Error loading chat history:', error);
+  } finally {
+    isLoadingMore.value = false;
+  }
+};
+
+// Загружаем сообщения при изменении аутентификации
+watch(() => isAuthenticated.value, async (newValue) => {
+  if (newValue) {
+    messages.value = [];
+    offset.value = 0;
+    hasMoreMessages.value = true;
+    
+    try {
+      // Сначала загружаем историю из messages
+      await loadMoreMessages();
+      
+      // Связываем гостевые сообщения (копируем из guest_messages в messages)
+      await api.post('/api/chat/link-guest-messages');
+      console.log('Guest messages linked to authenticated user');
+      
+      // Перезагружаем сообщения, чтобы получить все, включая перенесенные
+      messages.value = [];
+      offset.value = 0;
+      await loadMoreMessages();
+      
+      await nextTick();
+      scrollToBottom();
+    } catch (linkError) {
+      console.error('Error linking guest messages:', linkError);
+    }
+  } else {
+    messages.value = [];
+    offset.value = 0;
+    hasMoreMessages.value = true;
+  }
+});
+
+// Функция для подключения кошелька
+const handleWalletAuth = async () => {
+  if (isConnecting.value || isAuthenticated.value) return; // Предотвращаем повторное подключение
+  
+  isConnecting.value = true;
+  try {
+    const result = await connectWithWallet();
+    console.log('Wallet connection result:', result);
+    
+    if (result.success) {
+      // Обновляем состояние авторизации
+      await auth.checkAuth();
+      
+      // Добавляем небольшую задержку перед сбросом состояния isConnecting
+      setTimeout(() => {
+        isConnecting.value = false;
+      }, 500);
+      return;
+    } else {
+      console.error('Failed to connect wallet:', result.error);
+    }
+  } catch (error) {
+    console.error('Error connecting wallet:', error);
+  }
+  
+  isConnecting.value = false;
+};
+
+// Функция для отключения кошелька/выхода
+const disconnectWallet = async () => {
+  try {
+    await axios.post('/api/auth/logout');
+    auth.isAuthenticated.value = false;
+    auth.address.value = null;
+    auth.authType.value = null;
+    auth.telegramId = null;
+    auth.email = null;
+    
+    // Перезагружаем страницу для сброса состояния
+    window.location.reload();
+  } catch (error) {
+    console.error('Error disconnecting wallet:', error);
+  }
+};
+
+// Форматирование времени
+const formatTime = (timestamp) => {
+  if (!timestamp) return '';
+  
+  try {
+    const date = new Date(timestamp);
+    
+    // Проверяем, является ли дата валидной
+    if (isNaN(date.getTime())) {
+      console.warn('Invalid timestamp:', timestamp);
+      return '';
+    }
+    
+    // Форматируем дату с указанием дня, месяца, года и времени
+    return date.toLocaleString([], { 
+      year: 'numeric',
+      month: 'short',
+      day: 'numeric',
+      hour: '2-digit',
+      minute: '2-digit'
+    });
+  } catch (error) {
+    console.error('Error formatting time:', error, timestamp);
+    return '';
+  }
+};
+
+// Форматирование сообщения с поддержкой markdown
+const formatMessage = (text) => {
+  if (!text) return '';
+  const rawHtml = marked.parse(text);
+  return DOMPurify.sanitize(rawHtml);
+};
+
+// Функция для отправки сообщения
+const handleMessage = async (text) => {
+  try {
+    const messageContent = text.trim();
+    if (!messageContent) return;
+    
+    newMessage.value = '';
+    isLoading.value = true;
+
+    if (!isAuthenticated.value) {
+      // Сохраняем в таблицу guest_messages
+      const response = await api.post('/api/chat/guest-message', {
+        message: messageContent,
+        language: userLanguage.value
+      });
+      
+      if (response.data.success) {
+        const userMessage = {
+          id: response.data.messageId,
+          content: messageContent,
+          role: 'user',
+          timestamp: new Date().toISOString(),
+          showAuthButtons: false
+        };
+        messages.value.push(userMessage);
+
+        messages.value.push({
+          id: Date.now() + 1,
+          content: 'Для получения ответа от ассистента, пожалуйста, авторизуйтесь одним из способов:',
+          role: 'assistant',
+          timestamp: new Date().toISOString(),
+          showAuthButtons: true
+        });
+      }
+    } else {
+      // Для авторизованного пользователя сохраняем в messages
+      const response = await api.post('/api/chat/message', {
+        message: messageContent,
+        language: userLanguage.value
+      });
+
+      if (response.data.success) {
+        const message = {
+          id: response.data.messageId,
+          content: messageContent,
+          role: 'user',
+          timestamp: new Date().toISOString(),
+          hasResponse: true
+        };
+        messages.value.push(message);
+        
+        const aiMessage = {
+          id: response.data.aiMessageId,
+          content: response.data.message,
+          role: 'assistant',
+          timestamp: new Date().toISOString()
+        };
+        messages.value.push(aiMessage);
+      }
+    }
+    
+    await nextTick();
+    scrollToBottom();
+  } catch (error) {
+    console.error('Error sending message:', error);
+    messages.value.push({
+      id: Date.now(),
+      content: 'Произошла ошибка при отправке сообщения.',
+      role: 'assistant',
+      timestamp: new Date().toISOString()
+    });
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// Обработка прокрутки
+const handleScroll = async () => {
+  const element = messagesContainer.value;
+  if (
+    !isLoadingMore.value &&
+    hasMoreMessages.value &&
+    element.scrollTop === 0
+  ) {
+    await loadMoreMessages();
+  }
+};
+
+onMounted(() => {
+  // Добавляем слушатель прокрутки
+  if (messagesContainer.value) {
+    messagesContainer.value.addEventListener('scroll', handleScroll);
+  }
+  console.log('Auth state on mount:', {
+    isAuthenticated: auth.isAuthenticated.value,
+    authType: auth.authType.value,
+    telegramId: auth.telegramId.value
+  });
+
+  // Проверяем статус авторизации
+  auth.checkAuth();
+});
+
+onBeforeUnmount(() => {
+  // Удаляем слушатель
+  if (messagesContainer.value) {
+    messagesContainer.value.removeEventListener('scroll', handleScroll);
+  }
+  if (telegramAuthCheckInterval.value) {
+    clearInterval(telegramAuthCheckInterval.value);
+  }
+});
+</script>
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index bcf170f..a108017 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -459,6 +459,11 @@
   dependencies:
     undici-types "~6.19.2"
 
+"@types/trusted-types@^2.0.7":
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
+  integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
+
 "@vitejs/plugin-vue@^5.2.1":
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz#d1491f678ee3af899f7ae57d9c21dc52a65c7133"
@@ -740,6 +745,13 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
+dompurify@^3.2.4:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.2.4.tgz#af5a5a11407524431456cf18836c55d13441cd8e"
+  integrity sha512-ysFSFEDVduQpyhzAob/kkuJjf5zWkZD8/A9ywSp1byueyuCfHamrCBa14/Oc2iiB0e51B+NpxSl5gmzn+Ms/mg==
+  optionalDependencies:
+    "@types/trusted-types" "^2.0.7"
+
 dunder-proto@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
@@ -1226,6 +1238,11 @@ magic-string@^0.30.11, magic-string@^0.30.3:
   dependencies:
     "@jridgewell/sourcemap-codec" "^1.5.0"
 
+marked@^15.0.7:
+  version "15.0.7"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-15.0.7.tgz#f67d7e34d202ce087e6b879107b5efb04e743314"
+  integrity sha512-dgLIeKGLx5FwziAnsk4ONoGwHwGPJzselimvlVskE9XLN4Orv9u2VA3GWw/lYUqjfA0rUT/6fqKwfZJapP9BEg==
+
 math-intrinsics@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"