Описание изменений

2025-03-18 16:35:13 +03:00
parent 4ebea0118c
commit 479fbdb618
15 changed files with 1636 additions and 1073 deletions
--- a/frontend/src/components/chat/ConversationList.vue
+++ b/frontend/src/components/chat/ConversationList.vue
@@ -1,41 +1,46 @@
 <template>
-  <div class="conversation-list">
-    <div class="list-header">
-      <h3>Диалоги</h3>
-      <button @click="createNewConversation" class="new-conversation-btn">
-        <span>+</span> Новый диалог
-      </button>
-    </div>
+  <div v-if="authStore.isAuthenticated">
+    <div class="conversation-list">
+      <div class="list-header">
+        <h3>Диалоги</h3>
+        <button @click="createNewConversation" class="new-conversation-btn">
+          <span>+</span> Новый диалог
+        </button>
+      </div>

-    <div v-if="loading" class="loading">Загрузка диалогов...</div>
+      <div v-if="loading" class="loading">Загрузка диалогов...</div>

-    <div v-else-if="conversations.length === 0" class="empty-list">
-      <p>У вас пока нет диалогов.</p>
-      <p>Создайте новый диалог, чтобы начать общение с ИИ-ассистентом.</p>
-    </div>
+      <div v-else-if="conversations.length === 0" class="empty-list">
+        <p>У вас пока нет диалогов.</p>
+        <p>Создайте новый диалог, чтобы начать общение с ИИ-ассистентом.</p>
+      </div>

-    <div v-else class="conversations">
-      <div
-        v-for="conversation in conversations"
-        :key="conversation.conversation_id"
-        :class="[
-          'conversation-item',
-          { active: selectedConversationId === conversation.conversation_id },
-        ]"
-        @click="selectConversation(conversation.conversation_id)"
-      >
-        <div class="conversation-title">{{ conversation.title }}</div>
-        <div class="conversation-meta">
-          <span class="message-count">{{ conversation.message_count }} сообщений</span>
-          <span class="time">{{ formatTime(conversation.last_activity) }}</span>
+      <div v-else class="conversations">
+        <div
+          v-for="conversation in conversations"
+          :key="conversation.conversation_id"
+          :class="[
+            'conversation-item',
+            { active: selectedConversationId === conversation.conversation_id },
+          ]"
+          @click="selectConversation(conversation.conversation_id)"
+        >
+          <div class="conversation-title">{{ conversation.title }}</div>
+          <div class="conversation-meta">
+            <span class="message-count">{{ conversation.message_count }} сообщений</span>
+            <span class="time">{{ formatTime(conversation.last_activity) }}</span>
+          </div>
        </div>
      </div>
    </div>
  </div>
+  <div v-else class="connect-wallet-prompt">
+    <p>Подключите кошелек для просмотра бесед</p>
+  </div>
 </template>

 <script setup>
-import { ref, onMounted, computed, defineEmits } from 'vue';
+import { ref, onMounted, computed, defineEmits, watch } from 'vue';
 import { useAuthStore } from '../../stores/auth';
 import axios from 'axios';

@@ -46,6 +51,14 @@ const conversations = ref([]);
 const loading = ref(true);
 const selectedConversationId = ref(null);

+// Следим за изменением статуса аутентификации
+watch(() => authStore.isAuthenticated, (isAuthenticated) => {
+  if (!isAuthenticated) {
+    conversations.value = []; // Очищаем список бесед при отключении
+    selectedConversationId.value = null;
+  }
+});
+
 // Загрузка списка диалогов
 const fetchConversations = async () => {
  try {
@@ -222,4 +235,10 @@ defineExpose({
 .time {
  font-size: 0.8rem;
 }
+
+.connect-wallet-prompt {
+  text-align: center;
+  padding: 2rem;
+  color: #666;
+}
 </style>
--- a/frontend/src/components/chat/MessageInput.vue
+++ b/frontend/src/components/chat/MessageInput.vue
@@ -44,15 +44,40 @@ const handleEnter = (event) => {

 // Отправка сообщения
 const sendMessage = async () => {
-  if (!message.value.trim() || sending.value) return;
+  const messageText = message.value.trim();
+  if (!messageText) return;
+
+  const userMessage = {
+    id: Date.now(),
+    content: messageText,
+    role: auth.isAuthenticated ? 'user' : 'guest',
+    timestamp: new Date().toISOString()
+  };
+
+  messages.value.push(userMessage);

  try {
-    sending.value = true;
+    // Логируем параметры запроса
+    console.log('Sending message to Ollama:', {
+      message: messageText,
+      language: userLanguage.value
+    });

-    const response = await axios.post(
-      `/api/messages/conversations/${props.conversationId}/messages`,
-      { content: message.value }
-    );
+    const response = await axios.post('/api/chat/message', {
+      message: messageText,
+      language: userLanguage.value
+    });
+
+    // Логируем ответ от Ollama
+    console.log('Response from Ollama:', response.data);
+
+    // Обработка ответа
+    messages.value.push({
+      id: Date.now() + 1,
+      content: response.data.message,
+      role: 'assistant',
+      timestamp: new Date().toISOString()
+    });

    // Очищаем поле ввода
    message.value = '';
@@ -65,7 +90,7 @@ const sendMessage = async () => {
    // Уведомляем родительский компонент о новых сообщениях
    emit('message-sent', [response.data.userMessage, response.data.aiMessage]);
  } catch (error) {
-    console.error('Error sending message:', error);
+    console.error('Ошибка при отправке сообщения:', error);
  } finally {
    sending.value = false;
  }
@@ -81,6 +106,61 @@ defineExpose({
  resetInput,
  focus: () => textareaRef.value?.focus(),
 });
+
+const sendGuestMessage = async (messageText) => {
+  if (!messageText.trim()) return;
+
+  const userMessage = {
+    id: Date.now(),
+    content: messageText,
+    role: 'user',
+    timestamp: new Date().toISOString(),
+    isGuest: true
+  };
+
+  // Добавляем сообщение пользователя в локальную историю
+  messages.value.push(userMessage);
+
+  // Сохраняем сообщение в массиве гостевых сообщений
+  guestMessages.value.push(userMessage);
+
+  // Сохраняем гостевые сообщения в localStorage
+  localStorage.setItem('guestMessages', JSON.stringify(guestMessages.value));
+
+  // Очищаем поле ввода
+  newMessage.value = '';
+
+  // Прокрутка вниз
+  await nextTick();
+  if (messagesContainer.value) {
+    messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;
+  }
+
+  // Устанавливаем состояние загрузки
+  isLoading.value = true;
+
+  // Вместо отправки запроса к Ollama, отправляем сообщение с кнопками для аутентификации
+  const authMessage = {
+    id: Date.now() + 1,
+    content: 'Чтобы продолжить, пожалуйста, аутентифицируйтесь.',
+    role: 'assistant',
+    timestamp: new Date().toISOString(),
+    isGuest: true,
+    showAuthOptions: true // Указываем, что нужно показать кнопки аутентификации
+  };
+
+  messages.value.push(authMessage);
+  guestMessages.value.push(authMessage);
+  localStorage.setItem('guestMessages', JSON.stringify(guestMessages.value));
+
+  // Прокрутка вниз
+  await nextTick();
+  if (messagesContainer.value) {
+    messagesContainer.value.scrollTop = messagesContainer.value.scrollHeight;
+  }
+
+  isLoading.value = false;
+};
 </script>

 <style scoped>
--- a/frontend/src/components/chat/MessageThread.vue
+++ b/frontend/src/components/chat/MessageThread.vue
@@ -1,28 +1,34 @@
 <template>
-  <div class="message-thread" ref="threadContainer">
-    <div v-if="loading" class="loading">Загрузка сообщений...</div>
+  <div v-if="authStore.isAuthenticated">
+    <div class="message-thread" ref="threadContainer">
+      <div v-if="loading" class="loading">Загрузка сообщений...</div>

-    <div v-else-if="messages.length === 0" class="empty-thread">
-      <p>Нет сообщений. Начните диалог, отправив сообщение.</p>
-    </div>
+      <div v-else-if="messages.length === 0" class="empty-thread">
+        <p>Нет сообщений. Начните диалог, отправив сообщение.</p>
+      </div>

-    <div v-else class="messages">
-      <div v-for="message in messages" :key="message.id" :class="['message', message.sender_type]">
-        <div class="message-content">{{ message.content }}</div>
-        <div class="message-meta">
-          <span class="time">{{ formatTime(message.created_at) }}</span>
-          <span v-if="message.channel" class="channel">
-            {{ channelName(message.channel) }}
-          </span>
+      <div v-else class="messages">
+        <div v-for="message in messages" :key="message.id" :class="['message', message.sender_type]">
+          <div class="message-content">{{ message.content }}</div>
+          <div class="message-meta">
+            <span class="time">{{ formatTime(message.created_at) }}</span>
+            <span v-if="message.channel" class="channel">
+              {{ channelName(message.channel) }}
+            </span>
+          </div>
        </div>
      </div>
    </div>
  </div>
+  <div v-else class="connect-wallet-prompt">
+    <p>Пожалуйста, подключите кошелек для просмотра сообщений</p>
+  </div>
 </template>

 <script setup>
 import { ref, onMounted, watch, nextTick, defineExpose } from 'vue';
 import axios from 'axios';
+import { useAuthStore } from '@/stores/auth'

 const props = defineProps({
  conversationId: {
@@ -34,6 +40,7 @@ const props = defineProps({
 const messages = ref([]);
 const loading = ref(true);
 const threadContainer = ref(null);
+const authStore = useAuthStore()

 // Загрузка сообщений диалога
 const fetchMessages = async () => {
@@ -104,6 +111,13 @@ watch(
  }
 );

+// Следим за изменением статуса аутентификации
+watch(() => authStore.isAuthenticated, (isAuthenticated) => {
+  if (!isAuthenticated) {
+    messages.value = []; // Очищаем сообщения при отключении
+  }
+});
+
 // Загрузка сообщений при монтировании компонента
 onMounted(() => {
  if (props.conversationId) {
@@ -191,4 +205,10 @@ defineExpose({
  border-radius: 3px;
  background-color: #f0f0f0;
 }
+
+.connect-wallet-prompt {
+  text-align: center;
+  padding: 2rem;
+  color: #666;
+}
 </style>