ваше сообщение коммита

backend/app.js

@@ -12,9 +12,6 @@ const aiAssistant = require('./services/ai-assistant'); // Добавляем и
 const fs = require('fs');
 const path = require('path');
 const messagesRoutes = require('./routes/messages');
-const userTagsRoutes = require('./routes/userTags');
-const tagsInitRoutes = require('./routes/tagsInit');
-const tagsRoutes = require('./routes/tags');
 const ragRoutes = require('./routes/rag'); // Новый роут для RAG-ассистента
 const monitoringRoutes = require('./routes/monitoring');
 
@@ -177,7 +174,6 @@ app.use((req, res, next) => {
 app.use('/api/tables', tablesRoutes); // ДОЛЖНО БЫТЬ ВЫШЕ!
 // app.use('/api', identitiesRoutes);
 app.use('/api/auth', authRoutes);
-app.use('/api/users', userTagsRoutes);
 app.use('/api/users', usersRoutes);
 app.use('/api/chat', chatRoutes);
 app.use('/api/admin', adminRoutes);
@@ -187,8 +183,6 @@ app.use('/api/geocoding', geocodingRoutes); // Добавленное испол
 app.use('/api/dle', dleRoutes); // Добавляем маршрут DLE
 app.use('/api/settings', settingsRoutes); // Добавляем маршрут настроек
 app.use('/api/messages', messagesRoutes);
-app.use('/api/tags', tagsInitRoutes);
-app.use('/api/tags', tagsRoutes);
 app.use('/api/identities', identitiesRoutes);
 app.use('/api/rag', ragRoutes); // Подключаем роут
 app.use('/api/monitoring', monitoringRoutes);

backend/db/migrations/034_create_tags_and_user_tags.sql

@@ -1,13 +0,0 @@
--- Создание справочника тегов
-CREATE TABLE IF NOT EXISTS tags (
-  id SERIAL PRIMARY KEY,
-  name VARCHAR(64) NOT NULL UNIQUE,
-  description TEXT
-);
-
--- Создание связующей таблицы "пользователь — тег"
-CREATE TABLE IF NOT EXISTS user_tags (
-  user_id INTEGER NOT NULL REFERENCES users(id) ON DELETE CASCADE,
-  tag_id INTEGER NOT NULL REFERENCES tags(id) ON DELETE CASCADE,
-  PRIMARY KEY (user_id, tag_id)
-);

backend/db/migrations/044_add_is_blocked_to_users.sql

@@ -1,3 +1,3 @@
 -- Добавление поля is_blocked и blocked_at для блокировки пользователя
-ALTER TABLE users ADD COLUMN is_blocked boolean NOT NULL DEFAULT false;
+ALTER TABLE users ADD COLUMN IF NOT EXISTS is_blocked BOOLEAN DEFAULT FALSE;
-ALTER TABLE users ADD COLUMN blocked_at timestamp; 
+ALTER TABLE users ADD COLUMN IF NOT EXISTS blocked_at timestamp; 

backend/db/migrations/045_create_user_table_relations.sql

@@ -0,0 +1,17 @@
+-- Миграция: универсальная таблица связей для relation/reference/lookup/multiselect
+
+CREATE TABLE IF NOT EXISTS user_table_relations (
+  id SERIAL PRIMARY KEY,
+  from_row_id INTEGER NOT NULL REFERENCES user_rows(id) ON DELETE CASCADE, -- строка-источник
+  column_id INTEGER NOT NULL REFERENCES user_columns(id) ON DELETE CASCADE, -- столбец, в котором хранится связь
+  to_table_id INTEGER NOT NULL REFERENCES user_tables(id) ON DELETE CASCADE, -- таблица-назначение
+  to_row_id INTEGER NOT NULL REFERENCES user_rows(id) ON DELETE CASCADE, -- строка-назначение
+  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+  updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+);
+
+-- Индексы для ускорения поиска и фильтрации
+CREATE INDEX IF NOT EXISTS idx_user_table_relations_from_row ON user_table_relations(from_row_id);
+CREATE INDEX IF NOT EXISTS idx_user_table_relations_column ON user_table_relations(column_id);
+CREATE INDEX IF NOT EXISTS idx_user_table_relations_to_table ON user_table_relations(to_table_id);
+CREATE INDEX IF NOT EXISTS idx_user_table_relations_to_row ON user_table_relations(to_row_id); 

backend/db/migrations/046_add_placeholder_to_user_columns.sql

@@ -0,0 +1,3 @@
+-- Миграция: добавление поля placeholder в user_columns
+ 
+ALTER TABLE user_columns ADD COLUMN IF NOT EXISTS placeholder VARCHAR(255) UNIQUE; 

backend/db/migrations/046_create_user_tag_links.sql

@@ -0,0 +1,13 @@
+-- Миграция: таблица связей пользователей и тегов
+
+CREATE TABLE IF NOT EXISTS user_tag_links (
+  id SERIAL PRIMARY KEY,
+  user_id INTEGER NOT NULL REFERENCES users(id) ON DELETE CASCADE,
+  tag_id INTEGER NOT NULL REFERENCES user_rows(id) ON DELETE CASCADE,
+  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+  UNIQUE(user_id, tag_id)
+);
+
+-- Индексы для ускорения поиска
+CREATE INDEX IF NOT EXISTS idx_user_tag_links_user_id ON user_tag_links(user_id);
+CREATE INDEX IF NOT EXISTS idx_user_tag_links_tag_id ON user_tag_links(tag_id); 

backend/db/migrations/047_create_user_tag_links.sql

@@ -0,0 +1,13 @@
+-- Миграция: таблица связей пользователей и тегов
+
+CREATE TABLE IF NOT EXISTS user_tag_links (
+  id SERIAL PRIMARY KEY,
+  user_id INTEGER NOT NULL REFERENCES users(id) ON DELETE CASCADE,
+  tag_id INTEGER NOT NULL REFERENCES user_rows(id) ON DELETE CASCADE,
+  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+  UNIQUE(user_id, tag_id)
+);
+
+-- Индексы для ускорения поиска
+CREATE INDEX IF NOT EXISTS idx_user_tag_links_user_id ON user_tag_links(user_id);
+CREATE INDEX IF NOT EXISTS idx_user_tag_links_tag_id ON user_tag_links(tag_id); 

backend/routes/chat.js

@@ -8,6 +8,7 @@ const { requireAuth } = require('../middleware/auth');
 const crypto = require('crypto');
 const aiAssistantSettingsService = require('../services/aiAssistantSettingsService');
 const aiAssistantRulesService = require('../services/aiAssistantRulesService');
+const { isUserBlocked } = require('../utils/userUtils');
 
 // Настройка multer для обработки файлов в памяти
 const storage = multer.memoryStorage();
@@ -423,6 +424,11 @@ router.post('/message', requireAuth, upload.array('attachments'), async (req, re
     const userMessage = userMessageResult.rows[0];
     logger.info('User message saved', { messageId: userMessage.id, conversationId });
 
+    if (await isUserBlocked(userId)) {
+      logger.info(`[Chat] Пользователь ${userId} заблокирован — ответ ИИ не отправляется.`);
+      return;
+    }
+
     // --- Новая логика автоответа ИИ по RAG ---
     let aiMessage = null;
     let shouldGenerateAiReply = true;

backend/routes/messages.js

@@ -4,6 +4,7 @@ const db = require('../db');
 const { broadcastMessagesUpdate } = require('../wsHub');
 const telegramBot = require('../services/telegramBot');
 const emailBot = new (require('../services/emailBot'))();
+const { isUserBlocked } = require('../utils/userUtils');
 
 // GET /api/messages?userId=123
 router.get('/', async (req, res) => {
@@ -44,6 +45,10 @@ router.get('/', async (req, res) => {
 router.post('/', async (req, res) => {
   const { user_id, sender_type, content, channel, role, direction, attachment_filename, attachment_mimetype, attachment_size, attachment_data, metadata } = req.body;
   try {
+    // Проверка блокировки пользователя
+    if (await isUserBlocked(user_id)) {
+      return res.status(403).json({ error: 'Пользователь заблокирован. Сообщение не принимается.' });
+    }
     // Проверка наличия идентификатора для выбранного канала
     if (channel === 'email') {
       const emailIdentity = await db.getQuery()(

backend/routes/rag.js

@@ -7,9 +7,9 @@ router.get('/health', (req, res) => {
 });
 
 router.post('/answer', async (req, res) => {
-  const { tableId, question, userTags, product, systemPrompt, priority, date, rules, history, model, language } = req.body;
+  const { tableId, question, product, systemPrompt, priority, date, rules, history, model, language } = req.body;
   try {
-    const ragResult = await ragAnswer({ tableId, userQuestion: question, userTags, product });
+    const ragResult = await ragAnswer({ tableId, userQuestion: question, product });
     const llmResponse = await generateLLMResponse({
       userQuestion: question,
       context: ragResult.context,
@@ -17,7 +17,6 @@ router.post('/answer', async (req, res) => {
       objectionAnswer: ragResult.objectionAnswer,
       answer: ragResult.answer,
       systemPrompt,
-      userTags: userTags?.join ? userTags.join(', ') : userTags,
       product,
       priority: priority || ragResult.priority,
       date: date || ragResult.date,

backend/routes/tables.js

@@ -50,6 +50,30 @@ router.get('/:id', async (req, res, next) => {
   }
 });
 
+// Вспомогательная функция для генерации плейсхолдера
+function generatePlaceholder(name, existingPlaceholders = []) {
+  // Транслитерация (упрощённая)
+  const cyrillicToLatinMap = {
+    а: 'a', б: 'b', в: 'v', г: 'g', д: 'd', е: 'e', ё: 'e', ж: 'zh', з: 'z', и: 'i', й: 'y', к: 'k', л: 'l', м: 'm', н: 'n', о: 'o', п: 'p', р: 'r', с: 's', т: 't', у: 'u', ф: 'f', х: 'h', ц: 'ts', ч: 'ch', ш: 'sh', щ: 'sch', ъ: '', ы: 'y', ь: '', э: 'e', ю: 'yu', я: 'ya'
+  };
+  let translit = name.toLowerCase().split('').map(ch => {
+    if (cyrillicToLatinMap[ch]) return cyrillicToLatinMap[ch];
+    if (/[a-z0-9]/.test(ch)) return ch;
+    if (ch === ' ') return '_';
+    if (ch === '-') return '_';
+    return '';
+  }).join('');
+  translit = translit.replace(/_+/g, '_').replace(/^_+|_+$/g, '');
+  let base = translit;
+  let candidate = base;
+  let i = 1;
+  while (existingPlaceholders.includes(candidate)) {
+    candidate = `${base}_${i}`;
+    i++;
+  }
+  return candidate;
+}
+
 // Добавить столбец (доступно всем)
 router.post('/:id/columns', async (req, res, next) => {
   try {
@@ -62,9 +86,13 @@ router.post('/:id/columns', async (req, res, next) => {
     if (purpose) {
       finalOptions.purpose = purpose;
     }
+    // Получаем уже существующие плейсхолдеры в таблице
+    const existing = (await db.getQuery()('SELECT placeholder FROM user_columns WHERE table_id = $1', [tableId])).rows;
+    const existingPlaceholders = existing.map(c => c.placeholder).filter(Boolean);
+    const placeholder = generatePlaceholder(name, existingPlaceholders);
     const result = await db.getQuery()(
-      'INSERT INTO user_columns (table_id, name, type, options, "order") VALUES ($1, $2, $3, $4, $5) RETURNING *',
+      'INSERT INTO user_columns (table_id, name, type, options, "order", placeholder) VALUES ($1, $2, $3, $4, $5, $6) RETURNING *',
-      [tableId, name, type, finalOptions ? JSON.stringify(finalOptions) : null, order || 0]
+      [tableId, name, type, finalOptions ? JSON.stringify(finalOptions) : null, order || 0, placeholder]
     );
     res.json(result.rows[0]);
   } catch (err) {
@@ -80,6 +108,7 @@ router.post('/:id/rows', async (req, res, next) => {
       'INSERT INTO user_rows (table_id) VALUES ($1) RETURNING *',
       [tableId]
     );
+    console.log('[DEBUG][addRow] result.rows[0]:', result.rows[0]);
     // Получаем все строки и значения для upsert
     const rows = (await db.getQuery()('SELECT r.id as row_id, c.value as text, c2.value as answer FROM user_rows r LEFT JOIN user_cell_values c ON c.row_id = r.id AND c.column_id = 1 LEFT JOIN user_cell_values c2 ON c2.row_id = r.id AND c2.column_id = 2 WHERE r.table_id = $1', [tableId])).rows;
     const upsertRows = rows.filter(r => r.row_id && r.text).map(r => ({ row_id: r.row_id, text: r.text, metadata: { answer: r.answer } }));
@@ -87,17 +116,18 @@ router.post('/:id/rows', async (req, res, next) => {
     if (upsertRows.length > 0) {
       await vectorSearchClient.upsert(tableId, upsertRows);
     }
+    console.log('[DEBUG][addRow] res.json:', result.rows[0]);
     res.json(result.rows[0]);
   } catch (err) {
     next(err);
   }
 });
 
-// Получить строки таблицы с фильтрацией по продукту и тегам
+// Получить строки таблицы с фильтрацией по продукту, тегам и связям
 router.get('/:id/rows', async (req, res, next) => {
   try {
     const tableId = req.params.id;
-    const { product, tags } = req.query; // tags = "B2B,VIP"
+    const { product, tags, ...relationFilters } = req.query; // tags = "B2B,VIP", relation_{colId}=rowId
     // Получаем все столбцы, строки и значения ячеек
     const columns = (await db.getQuery()('SELECT * FROM user_columns WHERE table_id = $1', [tableId])).rows;
     const rows = (await db.getQuery()('SELECT * FROM user_rows WHERE table_id = $1', [tableId])).rows;
@@ -118,7 +148,7 @@ router.get('/:id/rows', async (req, res, next) => {
       };
     });
 
-    // Фильтрация на сервере
+    // Фильтрация на сервере (старое)
     let filtered = data;
     if (product) {
       filtered = filtered.filter(r => r.product === product);
@@ -130,6 +160,33 @@ router.get('/:id/rows', async (req, res, next) => {
       );
     }
 
+    // Новая фильтрация по relation/multiselect/lookup
+    const relationFilterKeys = Object.keys(relationFilters).filter(k => k.startsWith('relation_') || k.startsWith('multiselect_') || k.startsWith('lookup_'));
+    if (relationFilterKeys.length > 0) {
+      // Получаем все связи для строк этой таблицы
+      const rowIds = filtered.map(r => r.id);
+      const rels = (await db.getQuery()(
+        'SELECT * FROM user_table_relations WHERE from_row_id = ANY($1)', [rowIds]
+      )).rows;
+      for (const key of relationFilterKeys) {
+        const [type, colId] = key.split('_');
+        const filterVals = (relationFilters[key] || '').split(',').map(v => v.trim()).filter(Boolean);
+        if (!colId || !filterVals.length) continue;
+        filtered = filtered.filter(r => {
+          const relsForRow = rels.filter(rel => String(rel.from_row_id) === String(r.id) && String(rel.column_id) === colId);
+          if (type === 'relation' || type === 'lookup') {
+            // Обычная связь: хотя бы одна связь с нужным to_row_id
+            return relsForRow.some(rel => filterVals.includes(String(rel.to_row_id)));
+          } else if (type === 'multiselect') {
+            // Мультивыбор: все значения должны быть среди связей
+            const rowVals = relsForRow.map(rel => String(rel.to_row_id));
+            return filterVals.every(val => rowVals.includes(val));
+          }
+          return true;
+        });
+      }
+    }
+
     res.json(filtered);
   } catch (err) {
     next(err);
@@ -237,13 +294,21 @@ router.delete('/column/:columnId', async (req, res, next) => {
 router.patch('/column/:columnId', async (req, res, next) => {
   try {
     const columnId = req.params.columnId;
-    const { name, type, options, order } = req.body;
+    const { name, type, options, order, placeholder } = req.body;
-    
+    // Получаем table_id для проверки уникальности плейсхолдера
+    const colInfo = (await db.getQuery()('SELECT table_id, name FROM user_columns WHERE id = $1', [columnId])).rows[0];
+    if (!colInfo) return res.status(404).json({ error: 'Column not found' });
+    let newPlaceholder = placeholder;
+    if (name !== undefined && !placeholder) {
+      // Если имя меняется и плейсхолдер не передан — генерируем новый
+      const existing = (await db.getQuery()('SELECT placeholder FROM user_columns WHERE table_id = $1 AND id != $2', [colInfo.table_id, columnId])).rows;
+      const existingPlaceholders = existing.map(c => c.placeholder).filter(Boolean);
+      newPlaceholder = generatePlaceholder(name, existingPlaceholders);
+    }
     // Построение динамического запроса
     const updates = [];
     const values = [];
     let paramIndex = 1;
-    
     if (name !== undefined) {
       updates.push(`name = $${paramIndex++}`);
       values.push(name);
@@ -260,21 +325,20 @@ router.patch('/column/:columnId', async (req, res, next) => {
       updates.push(`"order" = $${paramIndex++}`);
       values.push(order);
     }
-    
+    if (newPlaceholder !== undefined) {
+      updates.push(`placeholder = $${paramIndex++}`);
+      values.push(newPlaceholder);
+    }
     if (updates.length === 0) {
       return res.status(400).json({ error: 'No fields to update' });
     }
-    
     updates.push(`updated_at = NOW()`);
     values.push(columnId);
-    
     const query = `UPDATE user_columns SET ${updates.join(', ')} WHERE id = $${paramIndex} RETURNING *`;
     const result = await db.getQuery()(query, values);
-    
     if (result.rows.length === 0) {
       return res.status(404).json({ error: 'Column not found' });
     }
-    
     res.json(result.rows[0]);
   } catch (err) {
     next(err);
@@ -383,4 +447,98 @@ router.delete('/:id', requireAuth, async (req, res, next) => {
   }
 });
 
+// Получить связи для строки (relation/multiselect/lookup)
+router.get('/:tableId/row/:rowId/relations', async (req, res, next) => {
+  try {
+    const { tableId, rowId } = req.params;
+    const relations = (await db.getQuery()(
+      'SELECT * FROM user_table_relations WHERE from_row_id = $1',
+      [rowId]
+    )).rows;
+    res.json(relations);
+  } catch (err) {
+    next(err);
+  }
+});
+
+// Добавить связь (relation/multiselect/lookup)
+router.post('/:tableId/row/:rowId/relations', async (req, res, next) => {
+  try {
+    const { tableId, rowId } = req.params;
+    const { column_id, to_table_id, to_row_id } = req.body;
+    const result = await db.getQuery()(
+      `INSERT INTO user_table_relations (from_row_id, column_id, to_table_id, to_row_id)
+       VALUES ($1, $2, $3, $4) RETURNING *`,
+      [rowId, column_id, to_table_id, to_row_id]
+    );
+    res.json(result.rows[0]);
+  } catch (err) {
+    next(err);
+  }
+});
+
+// Удалить связь
+router.delete('/:tableId/row/:rowId/relations/:relationId', async (req, res, next) => {
+  try {
+    const { relationId } = req.params;
+    await db.getQuery()('DELETE FROM user_table_relations WHERE id = $1', [relationId]);
+    res.json({ success: true });
+  } catch (err) {
+    next(err);
+  }
+});
+
+// --- Массовое обновление связей для multiselect-relation ---
+router.post('/:tableId/row/:rowId/multirelations', async (req, res, next) => {
+  try {
+    const { tableId, rowId } = req.params;
+    const { column_id, to_table_id, to_row_ids } = req.body; // to_row_ids: массив id
+    if (!Array.isArray(to_row_ids)) return res.status(400).json({ error: 'to_row_ids должен быть массивом' });
+    // Удаляем старые связи для этой строки/столбца
+    await db.getQuery()('DELETE FROM user_table_relations WHERE from_row_id = $1 AND column_id = $2', [rowId, column_id]);
+    // Добавляем новые связи
+    for (const to_row_id of to_row_ids) {
+      await db.getQuery()(
+        `INSERT INTO user_table_relations (from_row_id, column_id, to_table_id, to_row_id)
+         VALUES ($1, $2, $3, $4)`,
+        [rowId, column_id, to_table_id, to_row_id]
+      );
+    }
+    res.json({ success: true });
+  } catch (err) {
+    next(err);
+  }
+});
+
+// Получить плейсхолдеры для всех столбцов таблицы
+router.get('/:id/placeholders', async (req, res, next) => {
+  try {
+    const tableId = req.params.id;
+    const columns = (await db.getQuery()('SELECT id, name, placeholder FROM user_columns WHERE table_id = $1', [tableId])).rows;
+    res.json(columns.map(col => ({
+      id: col.id,
+      name: col.name,
+      placeholder: col.placeholder
+    })));
+  } catch (err) {
+    next(err);
+  }
+});
+
+// Получить все плейсхолдеры по всем пользовательским таблицам
+router.get('/placeholders/all', async (req, res, next) => {
+  try {
+    const result = await db.getQuery()(`
+      SELECT c.id as column_id, c.name as column_name, c.placeholder, t.id as table_id, t.name as table_name
+      FROM user_columns c
+      JOIN user_tables t ON c.table_id = t.id
+      WHERE c.placeholder IS NOT NULL AND c.placeholder != ''
+      ORDER BY t.id, c.id
+    `);
+    res.json(result.rows);
+  } catch (err) {
+    next(err);
+  }
+});
+
 module.exports = router;

backend/routes/tags.js

@@ -1,61 +0,0 @@
-const express = require('express');
-const router = express.Router();
-const db = require('../db');
-
-// Получить все теги
-router.get('/', async (req, res) => {
-  console.log('GET /api/tags');
-  try {
-    const query = db.getQuery();
-    const { rows } = await query('SELECT * FROM tags ORDER BY name');
-    res.json(rows);
-  } catch (e) {
-    console.error('Ошибка в /api/tags:', e);
-    res.status(500).json({ error: e.message, stack: e.stack });
-  }
-});
-
-// Создать тег
-router.post('/', async (req, res) => {
-  console.log('POST /api/tags', req.body);
-  try {
-    const { name, description } = req.body;
-    const query = db.getQuery();
-    const result = await query(
-      'INSERT INTO tags (name, description) VALUES ($1, $2) RETURNING *',
-      [name, description]
-    );
-    const row = result && result.rows && result.rows[0] ? result.rows[0] : null;
-    if (row) {
-      res.json(row);
-    } else {
-      res.status(500).json({ error: 'Не удалось создать тег', result });
-    }
-  } catch (e) {
-    console.error('Ошибка в /api/tags (POST):', e);
-    res.status(500).json({ error: e.message, stack: e.stack });
-  }
-});
-
-// Удалить тег и все его связи с пользователями
-router.delete('/:tagId', async (req, res) => {
-  console.log('DELETE /api/tags/:id', req.params.tagId);
-  try {
-    const tagId = req.params.tagId;
-    const query = db.getQuery();
-    // Сначала удаляем связи user_tags
-    await query('DELETE FROM user_tags WHERE tag_id = $1', [tagId]);
-    // Затем удаляем сам тег
-    const result = await query('DELETE FROM tags WHERE id = $1 RETURNING *', [tagId]);
-    if (result.rowCount > 0) {
-      res.json({ success: true });
-    } else {
-      res.status(404).json({ error: 'Тег не найден' });
-    }
-  } catch (e) {
-    console.error('Ошибка в /api/tags/:id (DELETE):', e);
-    res.status(500).json({ error: e.message, stack: e.stack });
-  }
-});
-
-module.exports = router; 

backend/routes/tagsInit.js

@@ -1,29 +0,0 @@
-const express = require('express');
-const router = express.Router();
-const db = require('../db');
-
-// Инициализация таблиц тегов
-router.post('/init', async (req, res) => {
-  console.log('POST /api/tags/init');
-  try {
-    const query = db.getQuery();
-    await query(`
-      CREATE TABLE IF NOT EXISTS tags (
-        id SERIAL PRIMARY KEY,
-        name VARCHAR(64) NOT NULL UNIQUE,
-        description TEXT
-      );
-      CREATE TABLE IF NOT EXISTS user_tags (
-        user_id INTEGER NOT NULL REFERENCES users(id) ON DELETE CASCADE,
-        tag_id INTEGER NOT NULL REFERENCES tags(id) ON DELETE CASCADE,
-        PRIMARY KEY (user_id, tag_id)
-      );
-    `);
-    res.json({ ok: true });
-  } catch (e) {
-    console.error('Ошибка в /api/tags/init:', e);
-    res.status(500).json({ error: e.message, stack: e.stack });
-  }
-});
-
-module.exports = router; 

backend/routes/userTags.js

@@ -1,91 +0,0 @@
-const express = require('express');
-const router = express.Router();
-const db = require('../db');
-
-// Инициализация таблиц тегов (если нужно)
-router.post('/init', async (req, res) => {
-  console.log('POST /api/users/tags/init');
-  try {
-    const query = db.getQuery();
-    await query(`
-      CREATE TABLE IF NOT EXISTS tags (
-        id SERIAL PRIMARY KEY,
-        name VARCHAR(64) NOT NULL UNIQUE,
-        description TEXT
-      );
-      CREATE TABLE IF NOT EXISTS user_tags (
-        user_id INTEGER NOT NULL REFERENCES users(id) ON DELETE CASCADE,
-        tag_id INTEGER NOT NULL REFERENCES tags(id) ON DELETE CASCADE,
-        PRIMARY KEY (user_id, tag_id)
-      );
-    `);
-    res.json({ ok: true });
-  } catch (e) {
-    console.error('Ошибка в /api/users/tags/init:', e);
-    res.status(500).json({ error: e.message, stack: e.stack });
-  }
-});
-
-// --- Работа с тегами пользователя ---
-
-// Получить теги пользователя
-router.get('/:userId/tags', async (req, res) => {
-  console.log('GET /api/users/:id/tags', req.params.userId);
-  try {
-    const userId = req.params.userId;
-    const query = db.getQuery();
-    const result = await query(
-      `SELECT t.* FROM tags t
-       JOIN user_tags ut ON ut.tag_id = t.id
-       WHERE ut.user_id = $1`,
-      [userId]
-    );
-    const rows = result && result.rows ? result.rows : [];
-    res.json(rows);
-  } catch (e) {
-    console.error('Ошибка в /api/users/:id/tags (GET):', e);
-    res.status(500).json({ error: e.message, stack: e.stack });
-  }
-});
-
-// Добавить тег пользователю
-router.post('/:userId/tags', async (req, res) => {
-  console.log('POST /api/users/:id/tags', req.params.userId, req.body);
-  try {
-    const userId = req.params.userId;
-    const { tag_id } = req.body;
-    const query = db.getQuery();
-    await query(
-      'INSERT INTO user_tags (user_id, tag_id) VALUES ($1, $2) ON CONFLICT DO NOTHING',
-      [userId, tag_id]
-    );
-    res.json({ ok: true });
-  } catch (e) {
-    console.error('Ошибка в /api/users/:id/tags (POST):', e);
-    res.status(500).json({ error: e.message, stack: e.stack });
-  }
-});
-
-// Удалить тег у пользователя
-router.delete('/:userId/tags/:tagId', async (req, res) => {
-  console.log('DELETE /api/users/:id/tags/:tagId', req.params.userId, req.params.tagId);
-  try {
-    const userId = req.params.userId;
-    const tagId = req.params.tagId;
-    const query = db.getQuery();
-    const result = await query(
-      'DELETE FROM user_tags WHERE user_id = $1 AND tag_id = $2 RETURNING *',
-      [userId, tagId]
-    );
-    if (result.rowCount > 0) {
-      res.json({ success: true });
-    } else {
-      res.status(404).json({ error: 'Связь не найдена' });
-    }
-  } catch (e) {
-    console.error('Ошибка в /api/users/:id/tags/:tagId (DELETE):', e);
-    res.status(500).json({ error: e.message, stack: e.stack });
-  }
-});
-
-module.exports = router; 

backend/routes/users.js

@@ -122,10 +122,10 @@ router.get('/', requireAuth, async (req, res, next) => {
       const tagIdArr = tagIds.split(',').map(Number).filter(Boolean);
       if (tagIdArr.length > 0) {
         sql += `
-          JOIN user_tags ut ON ut.user_id = u.id
+          JOIN user_tag_links utl ON utl.user_id = u.id
-          WHERE ut.tag_id = ANY($${idx++})
+          WHERE utl.tag_id = ANY($${idx++})
           GROUP BY u.id
-          HAVING COUNT(DISTINCT ut.tag_id) = $${idx++}
+          HAVING COUNT(DISTINCT utl.tag_id) = $${idx++}
         `;
         params.push(tagIdArr);
         params.push(tagIdArr.length);
@@ -321,7 +321,7 @@ router.get('/:id', async (req, res, next) => {
   try {
     const query = db.getQuery();
     // Получаем пользователя
-    const userResult = await query('SELECT id, first_name, last_name, created_at, preferred_language FROM users WHERE id = $1', [userId]);
+    const userResult = await query('SELECT id, first_name, last_name, created_at, preferred_language, is_blocked FROM users WHERE id = $1', [userId]);
     if (userResult.rows.length === 0) {
       return res.status(404).json({ error: 'User not found' });
     }
@@ -339,7 +339,8 @@ router.get('/:id', async (req, res, next) => {
       telegram: identityMap.telegram || null,
       wallet: identityMap.wallet || null,
       created_at: user.created_at,
-      preferred_language: user.preferred_language || []
+      preferred_language: user.preferred_language || [],
+      is_blocked: user.is_blocked || false
     });
   } catch (e) {
     res.status(500).json({ error: e.message });
@@ -432,4 +433,57 @@ router.post('/import', requireAuth, async (req, res) => {
   }
 });
 
+// --- Работа с тегами пользователя через user_tag_links ---
+// PATCH /api/users/:id/tags — установить теги пользователю
+router.patch('/:id/tags', async (req, res) => {
+  const userId = Number(req.params.id);
+  const { tags } = req.body; // массив tagIds (id строк из таблицы тегов)
+  if (!Array.isArray(tags)) {
+    return res.status(400).json({ error: 'tags должен быть массивом' });
+  }
+  try {
+    // Удаляем старые связи
+    await db.getQuery()('DELETE FROM user_tag_links WHERE user_id = $1', [userId]);
+    // Добавляем новые связи
+    for (const tagId of tags) {
+      await db.getQuery()(
+        'INSERT INTO user_tag_links (user_id, tag_id) VALUES ($1, $2) ON CONFLICT DO NOTHING',
+        [userId, tagId]
+      );
+    }
+    res.json({ success: true });
+  } catch (e) {
+    res.status(500).json({ error: e.message });
+  }
+});
+
+// GET /api/users/:id/tags — получить все теги пользователя
+router.get('/:id/tags', async (req, res) => {
+  const userId = Number(req.params.id);
+  try {
+    const result = await db.getQuery()(
+      'SELECT tag_id FROM user_tag_links WHERE user_id = $1',
+      [userId]
+    );
+    res.json({ tags: result.rows.map(r => r.tag_id) });
+  } catch (e) {
+    res.status(500).json({ error: e.message });
+  }
+});
+
+// DELETE /api/users/:id/tags/:tagId — удалить тег у пользователя
+router.delete('/:id/tags/:tagId', async (req, res) => {
+  const userId = Number(req.params.id);
+  const tagId = Number(req.params.tagId);
+  try {
+    await db.getQuery()(
+      'DELETE FROM user_tag_links WHERE user_id = $1 AND tag_id = $2',
+      [userId, tagId]
+    );
+    res.json({ success: true });
+  } catch (e) {
+    res.status(500).json({ error: e.message });
+  }
+});
+
 module.exports = router;

backend/services/emailBot.js

@@ -11,6 +11,7 @@ const aiAssistant = require('./ai-assistant');
 const { broadcastContactsUpdate } = require('../wsHub');
 const aiAssistantSettingsService = require('./aiAssistantSettingsService');
 const { ragAnswer, generateLLMResponse } = require('./ragService');
+const { isUserBlocked } = require('../utils/userUtils');
 
 class EmailBotService {
   constructor() {
@@ -142,6 +143,10 @@ class EmailBotService {
                       const html = parsed.html || '';
                       // 1. Найти или создать пользователя
                       const { userId, role } = await identityService.findOrCreateUserWithRole('email', fromEmail);
+                      if (await isUserBlocked(userId)) {
+                        logger.info(`Email от заблокированного пользователя ${userId} проигнорирован.`);
+                        return;
+                      }
                       // 1.1 Найти или создать беседу
                       let conversationResult = await db.getQuery()(
                         'SELECT * FROM conversations WHERE user_id = $1 ORDER BY updated_at DESC, created_at DESC LIMIT 1',
@@ -209,6 +214,10 @@ class EmailBotService {
                       } else {
                         aiResponse = await aiAssistant.getResponse(text, 'auto');
                       }
+                      if (await isUserBlocked(userId)) {
+                        logger.info(`[EmailBot] Пользователь ${userId} заблокирован — ответ ИИ не отправляется.`);
+                        return;
+                      }
                       // 4. Сохранить ответ в БД с conversation_id
                       await db.getQuery()(
                         `INSERT INTO messages (user_id, conversation_id, sender_type, content, channel, role, direction, created_at, metadata)

backend/services/ragService.js

@@ -19,7 +19,6 @@ async function getTableData(tableId) {
   const getColId = purpose => columns.find(col => col.options?.purpose === purpose)?.id;
   const questionColId = getColId('question');
   const answerColId = getColId('answer');
-  const userTagsColId = getColId('userTags');
   const contextColId = getColId('context');
   const productColId = getColId('product');
   const priorityColId = getColId('priority');
@@ -28,7 +27,6 @@ async function getTableData(tableId) {
   console.log(`[RAG] Column IDs:`, {
     question: questionColId,
     answer: answerColId,
-    userTags: userTagsColId,
     context: contextColId,
     product: productColId,
     priority: priorityColId,
@@ -41,9 +39,9 @@ async function getTableData(tableId) {
       id: row.id,
       question: cells.find(c => c.column_id === questionColId)?.value,
       answer: cells.find(c => c.column_id === answerColId)?.value,
-      userTags: cells.find(c => c.column_id === userTagsColId)?.value,
       context: cells.find(c => c.column_id === contextColId)?.value,
-      product: cells.find(c => c.column_id === productColId)?.value,
+      product: parseIfArray(cells.find(c => c.column_id === productColId)?.value),
+      userTags: parseIfArray(cells.find(c => c.column_id === getColId('userTags'))?.value),
       priority: cells.find(c => c.column_id === priorityColId)?.value,
       date: cells.find(c => c.column_id === dateColId)?.value,
     };
@@ -53,7 +51,7 @@ async function getTableData(tableId) {
   return data;
 }
 
-async function ragAnswer({ tableId, userQuestion, userTags = [], product = null, threshold = 10 }) {
+async function ragAnswer({ tableId, userQuestion, product = null, threshold = 10 }) {
   console.log(`[RAG] ragAnswer called: tableId=${tableId}, userQuestion="${userQuestion}"`);
   
   const data = await getTableData(tableId);
@@ -65,20 +63,22 @@ async function ragAnswer({ tableId, userQuestion, userTags = [], product = null,
       id: row.id,
       question: row.question,
       answer: row.answer,
-      userTags: row.userTags,
       product: row.product
     });
   });
   
   const questions = data.map(row => row.question && typeof row.question === 'string' ? row.question.trim() : row.question);
-  const rowsForUpsert = data.map(row => ({
+  // Фильтруем только строки с непустым вопросом (text)
+  const rowsForUpsert = data
+    .filter(row => row.id && row.question && String(row.question).trim().length > 0)
+    .map(row => ({
       row_id: row.id,
       text: row.question,
       metadata: {
         answer: row.answer || null,
-      userTags: row.userTags || null,
         context: row.context || null,
-      product: row.product || null,
+        product: row.product || [],
+        userTags: row.userTags || [],
         priority: row.priority || null,
         date: row.date || null
       }
@@ -117,15 +117,9 @@ async function ragAnswer({ tableId, userQuestion, userTags = [], product = null,
   let filtered = results;
   console.log(`[RAG] Before filtering: ${filtered.length} results`);
   
-  if (userTags.length) {
-    console.log(`[RAG] Filtering by userTags:`, userTags);
-    filtered = filtered.filter(row => row.metadata.userTags && userTags.some(tag => row.metadata.userTags.includes(tag)));
-    console.log(`[RAG] After userTags filtering: ${filtered.length} results`);
-  }
-  
   if (product) {
     console.log(`[RAG] Filtering by product:`, product);
-    filtered = filtered.filter(row => row.metadata.product === product);
+    filtered = filtered.filter(row => Array.isArray(row.metadata.product) ? row.metadata.product.includes(product) : row.metadata.product === product);
     console.log(`[RAG] After product filtering: ${filtered.length} results`);
   }
   
@@ -157,6 +151,50 @@ async function ragAnswer({ tableId, userQuestion, userTags = [], product = null,
   };
 }
 
+/**
+ * Загрузка всех плейсхолдеров и их значений из пользовательских таблиц
+ * Возвращает объект: { placeholder1: value1, placeholder2: value2, ... }
+ */
+async function getAllPlaceholdersWithValues() {
+  // Получаем все плейсхолдеры и их значения (берём первое значение для каждого плейсхолдера)
+  const result = await db.getQuery()(`
+    SELECT c.placeholder, cv.value
+    FROM user_columns c
+    JOIN user_cell_values cv ON c.id = cv.column_id
+    WHERE c.placeholder IS NOT NULL AND c.placeholder != ''
+    ORDER BY c.id, cv.id
+  `);
+  // Группируем по плейсхолдеру (берём первое значение)
+  const map = {};
+  for (const row of result.rows) {
+    if (row.placeholder && !(row.placeholder in map)) {
+      map[row.placeholder] = row.value;
+    }
+  }
+  return map;
+}
+
+/**
+ * Подставляет значения плейсхолдеров в строку (например, systemPrompt)
+ * Пример: "Добро пожаловать, {client_name}!" => "Добро пожаловать, ООО Ромашка!"
+ */
+function replacePlaceholders(str, placeholders) {
+  if (!str || typeof str !== 'string') return str;
+  return str.replace(/\{([a-zA-Z0-9_]+)\}/g, (match, key) => {
+    return key in placeholders ? placeholders[key] : match;
+  });
+}
+
+function parseIfArray(val) {
+  if (typeof val === 'string') {
+    try {
+      const arr = JSON.parse(val);
+      if (Array.isArray(arr)) return arr;
+    } catch {}
+  }
+  return Array.isArray(val) ? val : (val ? [val] : []);
+}
+
 async function generateLLMResponse({
   userQuestion,
   context,
@@ -200,20 +238,24 @@ async function generateLLMResponse({
       prompt += `\n\nНайденный ответ: ${answer}`;
     }
     
-    if (userTags) {
-      prompt += `\n\nТеги: ${userTags}`;
-    }
-    
     if (product) {
       prompt += `\n\nПродукт: ${product}`;
     }
 
+    // --- ДОБАВЛЕНО: подстановка плейсхолдеров ---
+    let finalSystemPrompt = systemPrompt;
+    if (systemPrompt && systemPrompt.includes('{')) {
+      const placeholders = await getAllPlaceholdersWithValues();
+      finalSystemPrompt = replacePlaceholders(systemPrompt, placeholders);
+    }
+    // --- КОНЕЦ ДОБАВЛЕНИЯ ---
+
     // Получаем ответ от AI
     const llmResponse = await aiAssistant.getResponse(
       prompt,
       language || 'auto',
       history,
-      systemPrompt,
+      finalSystemPrompt,
       rules
     );
 

backend/services/telegramBot.js

@@ -10,6 +10,7 @@ const { checkAdminRole } = require('./admin-role');
 const { broadcastContactsUpdate } = require('../wsHub');
 const aiAssistantSettingsService = require('./aiAssistantSettingsService');
 const { ragAnswer, generateLLMResponse } = require('./ragService');
+const { isUserBlocked } = require('../utils/userUtils');
 
 let botInstance = null;
 let telegramSettingsCache = null;
@@ -269,6 +270,10 @@ async function getBot() {
         const telegramId = ctx.from.id.toString();
         // 1. Найти или создать пользователя
         const { userId, role } = await identityService.findOrCreateUserWithRole('telegram', telegramId);
+        if (await isUserBlocked(userId)) {
+          await ctx.reply('Вы заблокированы. Сообщения не принимаются.');
+          return;
+        }
         // 1.1 Найти или создать беседу
         let conversationResult = await db.getQuery()(
           'SELECT * FROM conversations WHERE user_id = $1 ORDER BY updated_at DESC, created_at DESC LIMIT 1',
@@ -337,6 +342,11 @@ async function getBot() {
           ]
         );
 
+        if (await isUserBlocked(userId)) {
+          logger.info(`[TelegramBot] Пользователь ${userId} заблокирован — ответ ИИ не отправляется.`);
+          return;
+        }
+
         // 3. Получить ответ от ИИ (RAG + LLM)
         const aiSettings = await aiAssistantSettingsService.getSettings();
         let ragTableId = null;

backend/tests/ragService.test.js

@@ -34,19 +34,6 @@ describe('vectorSearchClient integration (vector-search)', () => {
     }
   });
 
-  it('Поиск с фильтрацией по тегу (должен найти FAISS)', async () => {
-    const results = await vectorSearch.search(TEST_TABLE_ID, 'Что такое FAISS?', 3);
-    console.log('Результаты поиска FAISS:', results);
-    if (!results || results.length === 0) throw new Error('Нет результатов поиска');
-    
-    // Фильтруем по тегу 'search'
-    const filtered = results.filter(r => r.metadata.userTags && r.metadata.userTags.includes('search'));
-    if (filtered.length === 0) throw new Error('Нет результатов с тегом search');
-    if (filtered[0].metadata.answer !== 'Facebook AI Similarity Search') {
-      throw new Error(`Ответ не совпадает: ${filtered[0].metadata.answer}`);
-    }
-  });
-
   it('Поиск с фильтрацией по продукту (должен найти Ollama)', async () => {
     const results = await vectorSearch.search(TEST_TABLE_ID, 'Что такое Ollama?', 3);
     console.log('Результаты поиска Ollama:', results);
@@ -60,22 +47,6 @@ describe('vectorSearchClient integration (vector-search)', () => {
     }
   });
 
-  it('Комбинированная фильтрация (тег+продукт)', async () => {
-    const results = await vectorSearch.search(TEST_TABLE_ID, 'Что такое RAG?', 3);
-    console.log('Результаты поиска RAG:', results);
-    if (!results || results.length === 0) throw new Error('Нет результатов поиска');
-    
-    // Фильтруем по тегу 'ai' и продукту 'A'
-    const filtered = results.filter(r => 
-      r.metadata.userTags && r.metadata.userTags.includes('ai') && 
-      r.metadata.product === 'A'
-    );
-    if (filtered.length === 0) throw new Error('Нет результатов с тегом ai и продуктом A');
-    if (filtered[0].metadata.answer !== 'Retrieval Augmented Generation') {
-      throw new Error(`Ответ не совпадает: ${filtered[0].metadata.answer}`);
-    }
-  });
-
   it('Проверка порога score', async () => {
     const results = await vectorSearch.search(TEST_TABLE_ID, 'Что такое Ollama?', 3);
     console.log('Результаты поиска с порогом:', results);

backend/tests/ragServiceFull.test.js

@@ -21,7 +21,6 @@ describe('ragService full integration (DB + vector-search)', () => {
     const columns = [
       { id: 'col_question', name: 'Question', type: 'text', purpose: 'question' },
       { id: 'col_answer', name: 'Answer', type: 'text', purpose: 'answer' },
-      { id: 'col_tags', name: 'Tags', type: 'text', purpose: 'userTags' },
       { id: 'col_product', name: 'Product', type: 'text', purpose: 'product' }
     ];
 
@@ -35,9 +34,9 @@ describe('ragService full integration (DB + vector-search)', () => {
 
     // Создаем строки
     const rows = [
-      { id: 'row_1', question: 'Что такое RAG?', answer: 'Retrieval Augmented Generation', tags: 'ai,ml', product: 'A' },
+      { id: 'row_1', question: 'Что такое RAG?', answer: 'Retrieval Augmented Generation', product: 'A' },
-      { id: 'row_2', question: 'Что такое FAISS?', answer: 'Facebook AI Similarity Search', tags: 'ai,search', product: 'B' },
+      { id: 'row_2', question: 'Что такое FAISS?', answer: 'Facebook AI Similarity Search', product: 'B' },
-      { id: 'row_3', question: 'Что такое Ollama?', answer: 'Локальный inference LLM', tags: 'llm', product: 'A' }
+      { id: 'row_3', question: 'Что такое Ollama?', answer: 'Локальный inference LLM', product: 'A' }
     ];
 
     for (const row of rows) {
@@ -56,7 +55,6 @@ describe('ragService full integration (DB + vector-search)', () => {
       `, [
         row.id, 'col_question', row.question,
         row.id, 'col_answer', row.answer,
-        row.id, 'col_tags', row.tags,
         row.id, 'col_product', row.product
       ]);
     }
@@ -104,20 +102,6 @@ describe('ragService full integration (DB + vector-search)', () => {
     }
   });
 
-  it('Полная интеграция: фильтрация по тегу', async () => {
-    const result = await ragService.ragAnswer({ 
-      tableId: TEST_TABLE_ID, 
-      userQuestion: 'Что такое FAISS?',
-      userTags: ['search']
-    });
-    
-    console.log('Результат с фильтром по тегу:', result);
-    if (!result) throw new Error('Нет результата');
-    if (result.answer !== 'Facebook AI Similarity Search') {
-      throw new Error(`Ответ не совпадает: ${result.answer}`);
-    }
-  });
-
   it('Полная интеграция: фильтрация по продукту', async () => {
     const result = await ragService.ragAnswer({ 
       tableId: TEST_TABLE_ID, 
@@ -136,7 +120,6 @@ describe('ragService full integration (DB + vector-search)', () => {
     const result = await ragService.ragAnswer({ 
       tableId: TEST_TABLE_ID, 
       userQuestion: 'Что такое RAG?',
-      userTags: ['ai'],
       product: 'A'
     });
     

backend/utils/userUtils.js

@@ -0,0 +1,9 @@
+const db = require('../db');
+
+async function isUserBlocked(userId) {
+  if (!userId) return false;
+  const result = await db.getQuery()('SELECT is_blocked FROM users WHERE id = $1', [userId]);
+  return !!result.rows[0]?.is_blocked;
+}
+
+module.exports = { isUserBlocked }; 

backend/wsHub.js

@@ -4,7 +4,7 @@ let wss = null;
 const wsClients = new Set();
 
 function initWSS(server) {
-  wss = new WebSocket.Server({ server });
+  wss = new WebSocket.Server({ server, path: '/ws' });
   wss.on('connection', (ws) => {
     wsClients.add(ws);
     ws.on('close', () => wsClients.delete(ws));

frontend/nginx-optimized.conf

@@ -36,6 +36,12 @@ server {
         proxy_set_header Connection "upgrade";
     }
 
+    # Запрет на доступ к чувствительным файлам
+    location ~* /(sendgrid\.env|env\.js|config\.js|aws-exports\.js|firebase-config\.js|firebase\.js|settings\.js|app-settings\.js|config\.json|credentials\.json|secrets\.json)$ {
+        deny all;
+        return 403;
+    }
+
     # Основные страницы
     location / {
         proxy_pass http://localhost:9000;

frontend/nginx.conf

@@ -43,6 +43,12 @@ http {
             add_header Vary Accept-Encoding;
         }
 
+        # Запрет на доступ к чувствительным файлам
+        location ~* /(sendgrid\.env|env\.js|config\.js|aws-exports\.js|firebase-config\.js|firebase\.js|settings\.js|app-settings\.js|config\.json|credentials\.json|secrets\.json)$ {
+            deny all;
+            return 403;
+        }
+
         # Основные файлы HTML
         location / {
             try_files $uri $uri/ /index.html;

frontend/src/components/ContactTable.vue

@@ -37,18 +37,17 @@
           <el-option label="Только не заблокированные" value="unblocked" />
         </el-select>
       </el-form-item>
-      <el-form-item label="Теги">
+      <el-form-item label="Теги" v-if="availableTags.length">
         <el-select
           v-model="selectedTagIds"
           multiple
           filterable
-          collapse-tags
           placeholder="Выберите теги"
           style="min-width:180px;"
           @change="onAnyFilterChange"
         >
           <el-option
-            v-for="tag in allTags"
+            v-for="tag in availableTags"
             :key="tag.id"
             :label="tag.name"
             :value="tag.id"
@@ -97,6 +96,7 @@ import { useRouter } from 'vue-router';
 import { ElSelect, ElOption, ElForm, ElFormItem, ElInput, ElDatePicker, ElCheckbox, ElButton, ElMessageBox, ElMessage } from 'element-plus';
 import ImportContactsModal from './ImportContactsModal.vue';
 import BroadcastModal from './BroadcastModal.vue';
+import tablesService from '../services/tablesService';
 const props = defineProps({
   contacts: { type: Array, default: () => [] },
   newContacts: { type: Array, default: () => [] },
@@ -117,8 +117,8 @@ const filterDateTo = ref('');
 const filterNewMessages = ref('');
 const filterBlocked = ref('all');
 
-// Теги
+// Новый фильтр тегов через мультисвязи
-const allTags = ref([]);
+const availableTags = ref([]);
 const selectedTagIds = ref([]);
 
 const showImportModal = ref(false);
@@ -128,13 +128,36 @@ const selectedIds = ref([]);
 const selectAll = ref(false);
 
 onMounted(async () => {
-  await loadTags();
   await fetchContacts();
+  await loadAvailableTags();
 });
 
-async function loadTags() {
+async function loadAvailableTags() {
-  const res = await fetch('/api/tags');
+  try {
-  allTags.value = await res.json();
+    // Получаем все пользовательские таблицы и ищем "Теги клиентов"
+    const tables = await tablesService.getTables();
+    const tagsTable = tables.find(t => t.name === 'Теги клиентов');
+    
+    if (tagsTable) {
+      // Загружаем данные таблицы тегов
+      const table = await tablesService.getTable(tagsTable.id);
+      const nameColumn = table.columns.find(col => col.name === 'Название') || table.columns[0];
+      
+      if (nameColumn) {
+        // Формируем список тегов
+        availableTags.value = table.rows.map(row => {
+          const nameCell = table.cellValues.find(c => c.row_id === row.id && c.column_id === nameColumn.id);
+          return {
+            id: row.id,
+            name: nameCell ? nameCell.value : `Тег ${row.id}`
+          };
+        }).filter(tag => tag.name.trim()); // Исключаем пустые названия
+      }
+    }
+  } catch (e) {
+    console.error('Ошибка загрузки тегов:', e);
+    availableTags.value = [];
+  }
 }
 
 function buildQuery() {
@@ -158,10 +181,6 @@ async function fetchContacts() {
   contactsArray.value = data.contacts || [];
 }
 
-function onTagsFilterChange() {
-  onAnyFilterChange();
-}
-
 function onAnyFilterChange() {
   fetchContacts();
 }
@@ -173,7 +192,7 @@ function resetFilters() {
   filterDateTo.value = '';
   filterNewMessages.value = '';
   filterBlocked.value = 'all';
-  selectedTagIds.value = [];
+  selectedTagIds.value = []; // Сбрасываем выбранные теги
   fetchContacts();
 }
 

frontend/src/components/ai-assistant/RuleEditor.vue

@@ -6,7 +6,6 @@
       <input v-model="name" />
       <label>Описание</label>
       <textarea v-model="description" rows="3" placeholder="Опишите правило в свободной форме" />
-      <button type="button" @click="convertToJson" style="margin: 0.5rem 0;">Преобразовать в JSON</button>
       <label>Правила (JSON)</label>
       <textarea v-model="rulesJson" rows="6"></textarea>
       <div v-if="error" class="error">{{ error }}</div>

frontend/src/components/ai-assistant/SystemMonitoring.vue

@@ -136,7 +136,6 @@ const testRAG = async () => {
     const response = await axios.post('/rag/answer', {
       tableId: 28,
       question: ragQuestion.value,
-      userTags: [],
       product: null
     });
     ragResult.value = {

frontend/src/components/tables/TableCell.vue

@@ -1,22 +1,75 @@
 <template>
-  <template v-if="column.type === 'tags'">
+  <template v-if="column.type === 'multiselect'">
     <div v-if="!editing" @click="editing = true" class="tags-cell-view">
-      <span v-if="selectedTagNames.length">{{ selectedTagNames.join(', ') }}</span>
+      <span v-if="selectedMultiNames.length">{{ selectedMultiNames.join(', ') }}</span>
       <span v-else style="color:#bbb">—</span>
     </div>
     <div v-else class="tags-cell-edit">
       <div class="tags-multiselect">
-        <div v-for="tag in allTags" :key="tag.id" class="tag-option">
+        <div v-for="option in multiOptions" :key="option" class="tag-option">
-          <input type="checkbox" :id="'cell-tag-' + tag.id + '-' + rowId" :value="tag.id" v-model="editTagIds" />
+          <input type="checkbox" :id="'cell-multi-' + option + '-' + rowId" :value="option" v-model="editMultiValues" />
-          <label :for="'cell-tag-' + tag.id + '-' + rowId">{{ tag.name }}</label>
+          <label :for="'cell-multi-' + option + '-' + rowId">{{ option }}</label>
+          <span class="remove-option" @click.stop="removeMultiOption(option)">✕</span>
         </div>
       </div>
-      <button class="save-btn" @click="saveTags">Сохранить</button>
+      <div class="add-multiselect-option">
-      <button class="cancel-btn" @click="cancelTags">Отмена</button>
+        <input v-model="newMultiOption" @keyup.enter="addMultiOption" placeholder="Новое значение" />
+        <button class="add-btn" @click="addMultiOption">+</button>
+      </div>
+      <button class="save-btn" @click="saveMulti">Сохранить</button>
+      <button class="cancel-btn" @click="cancelMulti">Отмена</button>
+    </div>
+  </template>
+  <template v-else-if="column.type === 'relation'">
+    <div v-if="!editing" @click="editing = true" class="tags-cell-view">
+      <span v-if="selectedRelationName">{{ selectedRelationName }}</span>
+      <span v-else style="color:#bbb">—</span>
+    </div>
+    <div v-else class="tags-cell-edit">
+      <select v-model="editRelationValue" class="notion-input">
+        <option v-for="opt in relationOptions" :key="opt.id" :value="opt.id">{{ opt.display }}</option>
+      </select>
+      <button class="save-btn" @click="saveRelation">Сохранить</button>
+      <button class="cancel-btn" @click="cancelRelation">Отмена</button>
+    </div>
+  </template>
+  <template v-else-if="column.type === 'lookup'">
+    <div class="lookup-cell-view">
+      <span v-if="lookupValues.length">{{ lookupValues.join(', ') }}</span>
+      <span v-else style="color:#bbb">—</span>
+    </div>
+  </template>
+  <template v-else-if="column.type === 'multiselect-relation'">
+    <div v-if="!editing" @click="editing = true" class="tags-cell-view">
+      <span v-if="selectedMultiRelationNames.length">{{ selectedMultiRelationNames.map(prettyDisplay).join(', ') }}</span>
+      <span v-else>{{ prettyDisplay(localValue) }}</span>
+    </div>
+    <div v-else class="tags-cell-edit">
+      <div class="tags-multiselect">
+        <div v-for="option in multiRelationOptions" :key="option.id" class="tag-option">
+          <input type="checkbox" :id="'cell-multirel-' + option.id + '-' + rowId" :value="String(option.id)" v-model="editMultiRelationValues" />
+          <label :for="'cell-multirel-' + option.id + '-' + rowId">{{ prettyDisplay(option.display) }}</label>
+          <button class="delete-tag-btn" @click.prevent="deleteTag(option.id)" title="Удалить тег">×</button>
+        </div>
+      </div>
+      <div class="add-tag-block">
+        <button v-if="!showAddTagInput" class="add-tag-btn" @click="showAddTagInput = true">+ Новый тег</button>
+        <div v-else class="add-tag-form">
+          <input v-model="newTagName" @keyup.enter="addTag" placeholder="Название тега" />
+          <button class="add-tag-confirm" @click="addTag">Добавить</button>
+          <button class="add-tag-cancel" @click="showAddTagInput = false; newTagName = ''">×</button>
+        </div>
+      </div>
+      <div class="action-buttons">
+        <button class="save-btn" @click="saveMultiRelation">Сохранить</button>
+        <button class="cancel-btn" @click="cancelMultiRelation">Отмена</button>
+      </div>
     </div>
   </template>
   <template v-else>
+    <span v-if="isArrayString(localValue)">{{ parseArrayString(localValue).join(', ') }}</span>
     <input
+      v-else
       v-model="localValue"
       @blur="save"
       @keyup.enter="save"
@@ -27,46 +80,113 @@
 </template>
 
 <script setup>
-import { ref, watch, onMounted } from 'vue';
+import { ref, watch, onMounted, computed } from 'vue';
+import tablesService from '../../services/tablesService';
 const props = defineProps(['rowId', 'column', 'cellValues']);
 const emit = defineEmits(['update']);
 
 const localValue = ref('');
 const editing = ref(false);
-const allTags = ref([]); // Все теги из /api/tags
+// const allTags = ref([]); // Все теги из /api/tags
 const editTagIds = ref([]); // id выбранных тегов в режиме редактирования
 
 // Для отображения выбранных тегов
 const selectedTagNames = ref([]);
 
+const multiOptions = ref([]);
+const editMultiValues = ref([]);
+const selectedMultiNames = ref([]);
+const newMultiOption = ref('');
+// relation/lookup
+const relationOptions = ref([]);
+const editRelationValue = ref(null);
+const selectedRelationName = ref('');
+const lookupValues = ref([]);
+
+const multiRelationOptions = ref([]);
+const editMultiRelationValues = ref([]);
+const selectedMultiRelationNames = ref([]);
+
+const showAddTagInput = ref(false);
+const newTagName = ref('');
+
+// Добавляем watch для отслеживания изменений в мультисвязях
+watch(editMultiRelationValues, (newValues, oldValues) => {
+  console.log('[editMultiRelationValues] changed from:', oldValues, 'to:', newValues);
+}, { deep: true });
+
 onMounted(async () => {
-  if (props.column.type === 'tags') {
+  if (props.column.type === 'multiselect') {
-    await loadTags();
+    multiOptions.value = (props.column.options && props.column.options.options) || [];
-    updateSelectedTagNames();
-  }
-});
-
-async function loadTags() {
-  const res = await fetch('/api/tags');
-  allTags.value = await res.json();
-}
-
-watch(
-  () => [props.rowId, props.column.id, props.cellValues],
-  () => {
-    if (props.column.type === 'tags') {
-      // Значение ячейки — строка с JSON-массивом id тегов
     const cell = props.cellValues.find(
       c => c.row_id === props.rowId && c.column_id === props.column.id
     );
-      let ids = [];
+    let values = [];
     if (cell && cell.value) {
       try {
-          ids = JSON.parse(cell.value);
+        values = JSON.parse(cell.value);
       } catch {}
     }
-      editTagIds.value = Array.isArray(ids) ? ids : [];
+    editMultiValues.value = Array.isArray(values) ? values : [];
-      updateSelectedTagNames();
+    selectedMultiNames.value = multiOptions.value.filter(opt => editMultiValues.value.includes(opt));
+  } else if (props.column.type === 'relation') {
+    await loadRelationOptions();
+    const cell = props.cellValues.find(
+      c => c.row_id === props.rowId && c.column_id === props.column.id
+    );
+    editRelationValue.value = cell ? cell.value : null;
+    selectedRelationName.value = relationOptions.value.find(opt => String(opt.id) === String(editRelationValue.value))?.display || '';
+  } else if (props.column.type === 'lookup') {
+    await loadLookupValues();
+  } else if (props.column.type === 'multiselect-relation') {
+    await loadMultiRelationOptions();
+    await loadMultiRelationValues();
+    // Инициализация localValue для отображения массива, если нет имен
+    const cell = props.cellValues.find(
+      c => c.row_id === props.rowId && c.column_id === props.column.id
+    );
+    localValue.value = cell ? cell.value : '';
+  } else {
+    const cell = props.cellValues.find(
+      c => c.row_id === props.rowId && c.column_id === props.column.id
+    );
+    localValue.value = cell ? cell.value : '';
+  }
+});
+
+watch(
+  () => [props.rowId, props.column.id, props.cellValues],
+  async () => {
+    if (props.column.type === 'multiselect') {
+      multiOptions.value = (props.column.options && props.column.options.options) || [];
+      const cell = props.cellValues.find(
+        c => c.row_id === props.rowId && c.column_id === props.column.id
+      );
+      let values = [];
+      if (cell && cell.value) {
+        try {
+          values = JSON.parse(cell.value);
+        } catch {}
+      }
+      editMultiValues.value = Array.isArray(values) ? values : [];
+      selectedMultiNames.value = multiOptions.value.filter(opt => editMultiValues.value.includes(opt));
+    } else if (props.column.type === 'relation') {
+      await loadRelationOptions();
+      const cell = props.cellValues.find(
+        c => c.row_id === props.rowId && c.column_id === props.column.id
+      );
+      editRelationValue.value = cell ? cell.value : null;
+      selectedRelationName.value = relationOptions.value.find(opt => String(opt.id) === String(editRelationValue.value))?.display || '';
+    } else if (props.column.type === 'lookup') {
+      await loadLookupValues();
+    } else if (props.column.type === 'multiselect-relation') {
+      await loadMultiRelationOptions();
+      await loadMultiRelationValues();
+      // Инициализация localValue для отображения массива, если нет имен
+      const cell = props.cellValues.find(
+        c => c.row_id === props.rowId && c.column_id === props.column.id
+      );
+      localValue.value = cell ? cell.value : '';
     } else {
       const cell = props.cellValues.find(
         c => c.row_id === props.rowId && c.column_id === props.column.id
@@ -77,26 +197,305 @@ watch(
   { immediate: true }
 );
 
-function updateSelectedTagNames() {
+function saveMulti() {
-  if (props.column.type === 'tags') {
+  emit('update', JSON.stringify(editMultiValues.value));
-    selectedTagNames.value = allTags.value
+  editing.value = false;
-      .filter(tag => editTagIds.value.includes(tag.id))
+}
-      .map(tag => tag.name);
+function cancelMulti() {
+  editing.value = false;
+  selectedMultiNames.value = multiOptions.value.filter(opt => editMultiValues.value.includes(opt));
+}
+
+async function addMultiOption() {
+  const val = newMultiOption.value.trim();
+  if (!val) return;
+  // Если multiselect связан с relation-таблицей (например, Теги клиентов)
+  if (props.column.options && props.column.options.relatedTableId && props.column.options.relatedColumnId) {
+    // 1. Создаём строку в relation-таблице
+    const newRow = await tablesService.addRow(props.column.options.relatedTableId);
+    // 2. Сохраняем значение в нужную ячейку (название тега)
+    await tablesService.saveCell({
+      table_id: props.column.options.relatedTableId,
+      row_id: newRow.id,
+      column_id: props.column.options.relatedColumnId,
+      value: val
+    });
+    // 3. Обновляем multiOptions (заново загружаем из relation-таблицы)
+    const relTable = await tablesService.getTable(props.column.options.relatedTableId);
+    const colId = props.column.options.relatedColumnId;
+    multiOptions.value = relTable.rows.map(row => {
+      const cell = relTable.cellValues.find(c => c.row_id === row.id && c.column_id === colId);
+      return cell ? cell.value : `ID ${row.id}`;
+    });
+    // 4. Добавляем новый тег в выбранные
+    editMultiValues.value.push(val);
+    newMultiOption.value = '';
+    return;
+  }
+  // Обычный multiselect (старый вариант)
+  if (multiOptions.value.includes(val)) return;
+  const updatedOptions = [...multiOptions.value, val];
+  await updateMultiOptionsOnServer(updatedOptions);
+  multiOptions.value = updatedOptions;
+  newMultiOption.value = '';
+}
+async function removeMultiOption(option) {
+  const updatedOptions = multiOptions.value.filter(o => o !== option);
+  await updateMultiOptionsOnServer(updatedOptions);
+  multiOptions.value = updatedOptions;
+  // Если удалили выбранное — убираем из выбранных
+  editMultiValues.value = editMultiValues.value.filter(v => v !== option);
+}
+async function updateMultiOptionsOnServer(optionsArr) {
+  // PATCH /api/tables/column/:columnId
+  const body = {
+    options: {
+      ...(props.column.options || {}),
+      options: optionsArr
+    }
+  };
+  await fetch(`/api/tables/column/${props.column.id}`, {
+    method: 'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(body)
+  });
+}
+
+async function loadRelationOptions() {
+  // Получаем данные из связанной таблицы (id и display)
+  const opts = [];
+  try {
+    const rel = props.column.options || {};
+    if (rel.relatedTableId) {
+      const res = await fetch(`/api/tables/${rel.relatedTableId}`);
+      const data = await res.json();
+      const colId = rel.relatedColumnId || (data.columns[0] && data.columns[0].id);
+      for (const row of data.rows) {
+        const cell = data.cellValues.find(c => c.row_id === row.id && c.column_id === colId);
+        opts.push({ id: row.id, display: cell ? cell.value : `ID ${row.id}` });
+      }
+    }
+  } catch {}
+  relationOptions.value = opts;
+}
+function saveRelation() {
+  emit('update', editRelationValue.value);
+  editing.value = false;
+  selectedRelationName.value = relationOptions.value.find(opt => String(opt.id) === String(editRelationValue.value))?.display || '';
+}
+function cancelRelation() {
+  editing.value = false;
+}
+
+async function loadLookupValues() {
+  // Получаем связанные rowId через relation-таблицу
+  lookupValues.value = [];
+  try {
+    const rel = props.column.options || {};
+    if (rel.relatedTableId && rel.relatedColumnId) {
+      // Получаем связи для текущей строки
+      const res = await fetch(`/api/tables/${props.column.table_id}/row/${props.rowId}/relations`);
+      const relations = await res.json();
+      // Фильтруем по нужному столбцу relation
+      const relatedRowIds = relations
+        .filter(r => String(r.column_id) === String(props.column.id) && String(r.to_table_id) === String(rel.relatedTableId))
+        .map(r => r.to_row_id);
+      if (relatedRowIds.length) {
+        // Получаем значения из связанной таблицы
+        const relTable = await fetch(`/api/tables/${rel.relatedTableId}`);
+        const relData = await relTable.json();
+        lookupValues.value = relatedRowIds.map(rowId => {
+          const cell = relData.cellValues.find(c => c.row_id === rowId && c.column_id === rel.relatedColumnId);
+          return cell ? cell.value : `ID ${rowId}`;
+        });
+      }
+    }
+  } catch {}
+}
+
+async function loadMultiRelationOptions() {
+  const rel = props.column.options || {};
+  if (!rel.relatedTableId) return;
+  const res = await fetch(`/api/tables/${rel.relatedTableId}`);
+  const data = await res.json();
+  // Далее используем data.columns, data.rows, data.cellValues
+  const colId = rel.relatedColumnId || (data.columns[0] && data.columns[0].id);
+  const opts = [];
+  for (const row of data.rows) {
+    const cell = data.cellValues.find(c => c.row_id === row.id && c.column_id === colId);
+    opts.push({ id: row.id, display: cell ? cell.value : `ID ${row.id}` });
+  }
+  multiRelationOptions.value = opts;
+}
+
+async function loadMultiRelationValues() {
+  // Получаем связи для текущей строки
+  console.log('[loadMultiRelationValues] called for row:', props.rowId, 'column:', props.column.id);
+  editMultiRelationValues.value = [];
+  selectedMultiRelationNames.value = [];
+  try {
+    const rel = props.column.options || {};
+    if (rel.relatedTableId && rel.relatedColumnId) {
+      const url = `/api/tables/${props.column.table_id}/row/${props.rowId}/relations`;
+      console.log('[loadMultiRelationValues] GET request to:', url);
+      const res = await fetch(url);
+      const relations = await res.json();
+      console.log('[loadMultiRelationValues] API response status:', res.status, 'relations:', relations);
+      // Приводим все id к строке для корректного сравнения
+      const relatedRowIds = relations
+        .filter(r => String(r.column_id) === String(props.column.id) && String(r.to_table_id) === String(rel.relatedTableId))
+        .map(r => String(r.to_row_id));
+      console.log('[loadMultiRelationValues] filtered related row ids:', relatedRowIds);
+      editMultiRelationValues.value = relatedRowIds;
+      // Получаем display-значения
+      await loadMultiRelationOptions();
+      selectedMultiRelationNames.value = multiRelationOptions.value
+        .filter(opt => relatedRowIds.includes(String(opt.id)))
+        .map(opt => opt.display);
+      console.log('[loadMultiRelationValues] selectedMultiRelationNames:', selectedMultiRelationNames.value);
+    }
+  } catch (e) {
+    console.error('[loadMultiRelationValues] Error:', e);
   }
 }
 
-function saveTags() {
+async function saveMultiRelation() {
-  emit('update', JSON.stringify(editTagIds.value));
+  console.log('[saveMultiRelation] called');
+  const rel = props.column.options || {};
+  console.log('[saveMultiRelation] editMultiRelationValues:', editMultiRelationValues.value);
+  try {
+    const payload = {
+      column_id: props.column.id,
+      to_table_id: rel.relatedTableId,
+      to_row_ids: editMultiRelationValues.value
+    };
+    console.log('[saveMultiRelation] POST payload:', payload);
+    const response = await fetch(`/api/tables/${props.column.table_id}/row/${props.rowId}/multirelations`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(payload)
+    });
+    const result = await response.json().catch(() => ({}));
+    console.log('[saveMultiRelation] API response status:', response.status, 'result:', result);
     editing.value = false;
+    await loadMultiRelationValues();
+    console.log('[saveMultiRelation] emitting update with:', editMultiRelationValues.value);
+    emit('update', editMultiRelationValues.value);
+  } catch (e) {
+    console.error('[saveMultiRelation] Ошибка при сохранении мультисвязи:', e);
+  }
 }
-function cancelTags() {
+
+async function addTag() {
+  if (!newTagName.value.trim()) return;
+  const rel = props.column.options || {};
+  
+  try {
+    console.log('[addTag] Добавляем новый тег:', newTagName.value);
+    
+    // 1. Создаем новую пустую строку в связанной таблице
+    const rowResponse = await fetch(`/api/tables/${rel.relatedTableId}/rows`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' }
+    });
+    const newRow = await rowResponse.json();
+    
+    console.log('[addTag] Новая строка создана:', newRow);
+    
+    // 2. Добавляем значение в ячейку через POST /cell
+    const cellResponse = await fetch(`/api/tables/cell`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        row_id: newRow.id,
+        column_id: rel.relatedColumnId,
+        value: newTagName.value
+      })
+    });
+    const cellResult = await cellResponse.json();
+    
+    console.log('[addTag] Значение ячейки сохранено:', cellResult);
+    
+    // Очищаем форму
+    newTagName.value = '';
+    showAddTagInput.value = false;
+    
+    // Обновляем список опций
+    await loadMultiRelationOptions();
+    
+    // Автоматически добавляем новый тег в выбранные
+    editMultiRelationValues.value.push(String(newRow.id));
+    console.log('[addTag] Тег добавлен в выбранные:', editMultiRelationValues.value);
+  } catch (e) {
+    console.error('[addTag] Ошибка при добавлении тега:', e);
+  }
+}
+
+async function deleteTag(tagId) {
+  const rel = props.column.options || {};
+  if (!confirm('Удалить этот тег?')) return;
+  
+  try {
+    console.log('[deleteTag] Удаляем тег с ID:', tagId);
+    
+    // Удаляем тег из связанной таблицы
+    const response = await fetch(`/api/tables/row/${tagId}`, { method: 'DELETE' });
+    const result = await response.json();
+    
+    console.log('[deleteTag] Ответ сервера:', response.status, result);
+    
+    // Убираем тег из выбранных значений, если он был выбран
+    editMultiRelationValues.value = editMultiRelationValues.value.filter(id => String(id) !== String(tagId));
+    
+    // Обновляем список опций
+    await loadMultiRelationOptions();
+    
+    console.log('[deleteTag] Тег удален:', tagId);
+  } catch (e) {
+    console.error('[deleteTag] Ошибка при удалении тега:', e);
+  }
+}
+
+function cancelMultiRelation() {
+  // Сбрасываем форму добавления тега
+  showAddTagInput.value = false;
+  newTagName.value = '';
+  
+  // Закрываем режим редактирования
   editing.value = false;
-  updateSelectedTagNames();
+  
+  // Перезагружаем исходные значения
+  loadMultiRelationValues();
 }
 
 function save() {
   emit('update', localValue.value);
 }
+
+function isArrayString(val) {
+  if (typeof val !== 'string') return false;
+  try {
+    const arr = JSON.parse(val);
+    return Array.isArray(arr);
+  } catch {
+    return false;
+  }
+}
+function parseArrayString(val) {
+  try {
+    const arr = JSON.parse(val);
+    return Array.isArray(arr) ? arr : [val];
+  } catch {
+    return [val];
+  }
+}
+
+function prettyDisplay(val) {
+  if (isArrayString(val)) {
+    return parseArrayString(val).join(', ');
+  }
+  return val;
+}
 </script>
 
 <style scoped>
@@ -161,4 +560,150 @@ function save() {
 .cancel-btn:hover {
   background: #d5d5d5;
 }
+.add-multiselect-option {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  margin-bottom: 0.7em;
+}
+.add-multiselect-option input {
+  flex: 1;
+  padding: 0.2em 0.5em;
+  border: 1px solid #e0e0e0;
+  border-radius: 5px;
+  font-size: 1em;
+}
+.add-btn {
+  background: #2ecc40;
+  color: #fff;
+  border: none;
+  border-radius: 8px;
+  padding: 0.3em 1em;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+.add-btn:hover {
+  background: #27ae38;
+}
+.remove-option {
+  color: #e74c3c;
+  font-size: 1.1em;
+  margin-left: 0.4em;
+  cursor: pointer;
+  user-select: none;
+  transition: color 0.2s;
+}
+.remove-option:hover {
+  color: #c0392b;
+}
+.lookup-cell-view {
+  min-height: 1.7em;
+  padding: 0.2em 0.1em;
+  color: #222;
+}
+.multi-relation-edit {
+  padding: 8px 0;
+}
+.multi-relation-options {
+  max-height: 180px;
+  overflow-y: auto;
+  margin-bottom: 8px;
+}
+.multi-relation-option {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 2px 0;
+}
+.delete-tag-btn {
+  background: none;
+  border: none;
+  color: #e53e3e;
+  font-size: 1.1em;
+  cursor: pointer;
+  padding: 0 4px;
+}
+.multi-relation-actions {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+.save-btn {
+  background: #4f8cff;
+  color: #fff;
+  border: none;
+  border-radius: 4px;
+  padding: 4px 12px;
+  cursor: pointer;
+}
+.cancel-btn {
+  background: #f3f4f6;
+  color: #333;
+  border: none;
+  border-radius: 4px;
+  padding: 4px 12px;
+  cursor: pointer;
+}
+.add-tag-block {
+  margin-top: 8px;
+}
+.add-tag-btn {
+  background: #f3f4f6;
+  color: #4f8cff;
+  border: none;
+  border-radius: 4px;
+  padding: 4px 10px;
+  cursor: pointer;
+}
+.add-tag-form {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.add-tag-form input {
+  padding: 3px 8px;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+}
+.add-tag-confirm {
+  background: #4f8cff;
+  color: #fff;
+  border: none;
+  border-radius: 4px;
+  padding: 3px 10px;
+  cursor: pointer;
+}
+.add-tag-cancel {
+  background: none;
+  border: none;
+  color: #e53e3e;
+  font-size: 1.1em;
+  cursor: pointer;
+  padding: 0 4px;
+}
+
+.action-buttons {
+  display: flex;
+  gap: 0.5em;
+  margin-top: 0.7em;
+}
+
+.delete-tag-btn:hover {
+  color: #c0392b;
+}
+
+.add-tag-btn:hover {
+  background: #e2e8f0;
+  color: #3182ce;
+}
+
+.add-tag-confirm:hover {
+  background: #3182ce;
+}
+
+.add-tag-block {
+  margin: 0.7em 0;
+}
 </style> 

frontend/src/components/tables/TagsTableView.vue

@@ -1,285 +0,0 @@
-<template>
-  <div class="tags-table-wrapper">
-    <div class="tableview-header-row">
-      <button class="nav-btn" @click="goToTables">Таблицы</button>
-      <button class="nav-btn" @click="goToCreate">Создать таблицу</button>
-      <button class="close-btn" @click="closeTable">Закрыть</button>
-      <button class="action-btn" disabled>Редактировать</button>
-      <button class="danger-btn" disabled>Удалить</button>
-    </div>
-    <div class="tags-header-row">
-      <h3>Теги</h3>
-    </div>
-    <table class="tags-table">
-      <thead>
-        <tr>
-          <th>Название</th>
-          <th>Описание</th>
-          <th style="width:110px;">Действия</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr v-for="tag in tags" :key="tag.id">
-          <td v-if="editId !== tag.id">{{ tag.name }}</td>
-          <td v-else><input v-model="editName" class="edit-input" /></td>
-
-          <td v-if="editId !== tag.id">{{ tag.description || '—' }}</td>
-          <td v-else><input v-model="editDescription" class="edit-input" /></td>
-
-          <td>
-            <template v-if="editId === tag.id">
-              <button class="save-btn" @click="saveEdit(tag)">Сохранить</button>
-              <button class="cancel-btn" @click="cancelEdit">Отмена</button>
-            </template>
-            <template v-else>
-              <button class="edit-btn" @click="startEdit(tag)" title="Редактировать">✏️</button>
-              <button class="delete-btn" @click="deleteTag(tag)" title="Удалить">🗑</button>
-            </template>
-          </td>
-        </tr>
-        <tr v-if="tags.length === 0">
-          <td colspan="3" style="text-align:center; color:#888;">Нет тегов</td>
-        </tr>
-        <tr>
-          <td></td>
-          <td></td>
-          <td style="text-align:center;">
-            <button class="edit-btn" @click="showAddTagModal = true" title="Добавить тег">➕</button>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-    <div v-if="showAddTagModal" class="modal-backdrop">
-      <div class="modal">
-        <h4>Добавить тег</h4>
-        <input v-model="newTagName" class="edit-input" placeholder="Название" />
-        <input v-model="newTagDescription" class="edit-input" placeholder="Описание" style="margin-top:0.7em;" />
-        <div class="modal-actions">
-          <button class="save-btn" @click="createTag">Создать</button>
-          <button class="cancel-btn" @click="showAddTagModal = false">Отмена</button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-import { useRouter } from 'vue-router';
-const tags = ref([]);
-const editId = ref(null);
-const editName = ref('');
-const editDescription = ref('');
-const router = useRouter();
-
-const showAddTagModal = ref(false);
-const newTagName = ref('');
-const newTagDescription = ref('');
-
-function goToTables() {
-  router.push({ name: 'tables-list' });
-}
-function goToCreate() {
-  router.push({ name: 'create-table' });
-}
-function closeTable() {
-  if (window.history.length > 1) {
-    router.back();
-  } else {
-    router.push({ name: 'home' });
-  }
-}
-
-async function loadTags() {
-  const res = await fetch('/api/tags');
-  tags.value = await res.json();
-}
-
-function startEdit(tag) {
-  editId.value = tag.id;
-  editName.value = tag.name;
-  editDescription.value = tag.description || '';
-}
-
-function cancelEdit() {
-  editId.value = null;
-  editName.value = '';
-  editDescription.value = '';
-}
-
-async function saveEdit(tag) {
-  await fetch(`/api/tags/${tag.id}`, {
-    method: 'PATCH',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ name: editName.value, description: editDescription.value })
-  });
-  await loadTags();
-  cancelEdit();
-}
-
-async function deleteTag(tag) {
-  if (!confirm(`Удалить тег "${tag.name}"?`)) return;
-  await fetch(`/api/tags/${tag.id}`, { method: 'DELETE' });
-  await loadTags();
-}
-
-async function createTag() {
-  if (!newTagName.value.trim()) return;
-  await fetch('/api/tags', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ name: newTagName.value, description: newTagDescription.value })
-  });
-  newTagName.value = '';
-  newTagDescription.value = '';
-  showAddTagModal.value = false;
-  await loadTags();
-}
-
-onMounted(loadTags);
-</script>
-
-<style scoped>
-.tableview-header-row {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  margin: 1.2em 0 0.5em 0;
-}
-.tags-header-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 1em;
-}
-.add-plus-btn, .edit-btn {
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 1.1em;
-  margin-right: 0.5em;
-  color: #2ecc40;
-  transition: color 0.2s;
-}
-.add-plus-btn:hover, .edit-btn:hover, .save-btn:hover {
-  color: #138496;
-}
-.close-btn {
-  background: #ff4d4f;
-  color: #fff;
-  border: none;
-  border-radius: 8px;
-  padding: 0.5em 1.2em;
-  font-weight: 600;
-  cursor: pointer;
-  font-size: 1em;
-  transition: background 0.2s;
-}
-.close-btn:hover {
-  background: #d9363e;
-}
-.action-btn {
-  background: #2ecc40;
-  color: #fff;
-  border: none;
-  border-radius: 8px;
-  padding: 0.5em 1.2em;
-  font-weight: 600;
-  cursor: pointer;
-  font-size: 1em;
-  margin-left: 0.7em;
-  transition: background 0.2s;
-}
-.action-btn:hover {
-  background: #27ae38;
-}
-.danger-btn {
-  background: #ff4d4f;
-  color: #fff;
-  border: none;
-  border-radius: 8px;
-  padding: 0.5em 1.2em;
-  font-weight: 600;
-  cursor: pointer;
-  font-size: 1em;
-  margin-left: 0.7em;
-  transition: background 0.2s;
-}
-.danger-btn:hover {
-  background: #d9363e;
-}
-.nav-btn {
-  background: #eaeaea;
-  color: #333;
-  border: none;
-  border-radius: 8px;
-  padding: 0.5em 1.2em;
-  font-weight: 500;
-  cursor: pointer;
-  font-size: 1em;
-  transition: background 0.2s;
-  margin-right: 0.7em;
-}
-.nav-btn:hover {
-  background: #d5d5d5;
-}
-.tags-table-wrapper {
-  margin: 2em 0;
-  background: #fff;
-  border-radius: 10px;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
-  padding: 1.5em 1em;
-}
-.tags-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-.tags-table th, .tags-table td {
-  border: 1px solid #ececec;
-  padding: 0.6em 1em;
-  font-size: 1.05em;
-}
-.tags-table th {
-  background: #f7f7f7;
-  font-weight: 600;
-}
-.delete-btn {
-  color: #dc3545;
-}
-.cancel-btn {
-  color: #888;
-}
-.edit-input {
-  border: 1px solid #ccc;
-  border-radius: 6px;
-  padding: 4px 10px;
-  font-size: 1em;
-  min-width: 120px;
-}
-/* Модалка */
-.modal-backdrop {
-  position: fixed;
-  top: 0; left: 0; right: 0; bottom: 0;
-  background: rgba(0,0,0,0.18);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-}
-.modal {
-  background: #fff;
-  border-radius: 12px;
-  padding: 2em 1.5em;
-  box-shadow: 0 2px 16px rgba(0,0,0,0.13);
-  min-width: 260px;
-  display: flex;
-  flex-direction: column;
-  gap: 0.7em;
-}
-.modal-actions {
-  display: flex;
-  gap: 1em;
-  margin-top: 1em;
-  justify-content: flex-end;
-}
-</style> 

frontend/src/components/tables/UserTableView.vue

@@ -10,20 +10,20 @@
     </span>
   </div>
   <!-- Фильтры на Element Plus -->
-  <div class="table-filters-el" v-if="productOptions.length || tagOptions.length">
+  <div class="table-filters-el" v-if="relationFilterDefs.length">
-    <el-select v-model="selectedProduct" placeholder="Все продукты" clearable style="min-width: 180px;">
+    <!-- Только фильтры по multiselect-relation -->
-      <el-option v-for="opt in productOptions" :key="opt" :label="opt" :value="opt" />
+    <template v-for="def in relationFilterDefs" :key="def.col.id">
-    </el-select>
       <el-select
-      v-model="selectedTags"
+        v-model="relationFilters[def.filterKey]"
-      multiple
+        :multiple="def.isMulti"
         filterable
-      collapse-tags
+        clearable
-      placeholder="Теги"
+        :placeholder="def.col.name"
-      style="min-width: 220px;"
+        style="min-width: 180px;"
       >
-      <el-option v-for="tag in tagOptions" :key="tag" :label="tag" :value="tag" />
+        <el-option v-for="opt in def.options" :key="opt.id" :label="opt.display" :value="opt.id" />
       </el-select>
+    </template>
     <el-button @click="resetFilters" type="default" icon="el-icon-refresh">Сбросить фильтры</el-button>
   </div>
   <div class="notion-table-wrapper">
@@ -83,30 +83,28 @@
         <select v-model="newColType" class="notion-input">
           <option value="text">Текст</option>
           <option value="number">Число</option>
-          <option value="tags">Теги</option>
+          <option value="multiselect">Мультивыбор</option>
+          <option value="multiselect-relation">Мультивыбор из таблицы</option>
+          <option value="relation">Связь (relation)</option>
+          <option value="lookup">Lookup</option>
         </select>
-        <label>Назначение столбца</label>
+        <div v-if="newColType === 'relation' || newColType === 'lookup' || newColType === 'multiselect-relation'">
-        <select v-model="newColPurpose" class="notion-input">
+          <label>Связанная таблица</label>
-          <option value="">— Не выбрано —</option>
+          <select v-model="relatedTableId" class="notion-input">
-          <option value="question">Это столбец с вопросами</option>
+            <option v-for="tbl in allTables" :key="tbl.id" :value="tbl.id">{{ tbl.name }}</option>
-          <option value="answer">Это столбец с ответами</option>
+          </select>
-          <option value="clarifyingAnswer">Ответ с уточняющим вопросом</option>
+          <label>Связанный столбец</label>
-          <option value="objectionAnswer">Ответ на возражение</option>
+          <select v-model="relatedColumnId" class="notion-input">
-          <option value="userTags">Это столбец с тегами пользователей</option>
+            <option v-for="col in relatedTableColumns" :key="col.id" :value="col.id">{{ col.name }}</option>
-          <option value="context">Это столбец с дополнительным контекстом</option>
-          <option value="product">Это столбец с продуктом/услугой</option>
-          <option value="priority">Это столбец с приоритетом</option>
-          <option value="date">Это столбец с датой</option>
           </select>
-        <div v-if="newColType === 'tags'">
-          <label>Выберите теги</label>
-          <div class="tags-multiselect">
-            <div v-for="tag in tags" :key="tag.id" class="tag-option">
-              <input type="checkbox" :id="'tag-' + tag.id" :value="tag.id" v-model="selectedTagIds" />
-              <label :for="'tag-' + tag.id">{{ tag.name }}</label>
-            </div>
         </div>
+        <div v-if="newColType === 'multiselect'">
+          <label>Опции для мультивыбора (через запятую)</label>
+          <input v-model="multiOptionsInput" class="notion-input" placeholder="например: VIP, B2B, Startup" />
         </div>
+        <label>Плейсхолдер</label>
+        <input v-model="newColPlaceholder" class="notion-input" placeholder="Плейсхолдер (авто)" />
+        <!-- Удаляю блок назначения столбца -->
         <div class="modal-actions">
           <button class="save-btn" @click="handleAddColumn">Добавить</button>
           <button class="cancel-btn" @click="closeAddColModal">Отмена</button>
@@ -115,7 +113,6 @@
     </div>
   </div>
 </template>
-
 <script setup>
 import { ref, onMounted, computed, watch } from 'vue';
 import tablesService from '../../services/tablesService';
@@ -135,10 +132,9 @@ const cellValues = ref([]);
 const tableMeta = ref(null);
 
 // Фильтры
-const selectedProduct = ref('');
+// Удаляю selectedProduct и productOptions
-const selectedTags = ref([]);
+// const selectedProduct = ref('');
-const productOptions = ref([]);
+// const productOptions = ref([]);
-const tagOptions = ref([]);
 const filteredRows = ref([]);
 
 // Для модалки добавления столбца
@@ -147,7 +143,62 @@ const newColName = ref('');
 const newColType = ref('text');
 const tags = ref([]);
 const selectedTagIds = ref([]);
-const newColPurpose = ref("");
+const allTables = ref([]);
+const relatedTableId = ref(null);
+const relatedColumnId = ref(null);
+const relatedTableColumns = ref([]);
+const newColPlaceholder = ref('');
+const multiOptionsInput = ref('');
+
+// Новые фильтры по relation/multiselect/lookup
+const relationFilters = ref({});
+const relationFilterDefs = ref([]);
+
+watch(newColType, async (val) => {
+  if (val === 'relation' || val === 'lookup' || val === 'multiselect-relation') {
+    // Загрузить все таблицы
+    const tables = await tablesService.getTables();
+    allTables.value = tables;
+    relatedTableId.value = tables[0]?.id || null;
+  }
+});
+watch(relatedTableId, async (val) => {
+  if (val) {
+    const table = await tablesService.getTable(val);
+    relatedTableColumns.value = table.columns;
+    relatedColumnId.value = table.columns[0]?.id || null;
+  }
+});
+watch(newColName, async (val) => {
+  // Получить плейсхолдер с бэка
+  if (!val) { newColPlaceholder.value = ''; return; }
+  try {
+    // Имитация генерации плейсхолдера (можно заменить на API)
+    newColPlaceholder.value = val.toLowerCase().replace(/\s+/g, '_').replace(/[^a-z0-9_]/g, '');
+  } catch { newColPlaceholder.value = ''; }
+});
+
+// Автоматизация для столбца 'Теги клиентов'
+watch([newColType, selectedTagIds], async ([type, tagIds]) => {
+  if ((type === 'relation' || type === 'multiselect') && tagIds.length > 0) {
+    // Найти или создать таблицу 'Теги клиентов'
+    let tables = await tablesService.getTables();
+    let tagsTable = tables.find(t => t.name === 'Теги клиентов');
+    if (!tagsTable) {
+      tagsTable = await tablesService.createTable({
+        name: 'Теги клиентов',
+        description: 'Справочник тегов для контактов',
+        isRagSourceId: 2
+      });
+      tables = await tablesService.getTables();
+    }
+    relatedTableId.value = tagsTable.id;
+    // Получить первый столбец (название тега)
+    const tagTable = await tablesService.getTable(tagsTable.id);
+    relatedTableColumns.value = tagTable.columns;
+    relatedColumnId.value = tagTable.columns[0]?.id || null;
+  }
+});
 
 // Меню столбца
 const openedColMenuId = ref(null);
@@ -160,7 +211,8 @@ function closeAddColModal() {
   newColName.value = '';
   newColType.value = 'text';
   selectedTagIds.value = [];
-  newColPurpose.value = '';
+  newColPlaceholder.value = '';
+  multiOptionsInput.value = '';
 }
 
 async function handleAddColumn() {
@@ -171,47 +223,88 @@ async function handleAddColumn() {
     data.tagIds = selectedTagIds.value;
     options.tagIds = selectedTagIds.value;
   }
-  if (newColPurpose.value) {
+  if (newColType.value === 'multiselect') {
-    options.purpose = newColPurpose.value;
+    options.options = multiOptionsInput.value.split(',').map(s => s.trim()).filter(Boolean);
+  }
+  if (newColType.value === 'multiselect-relation') {
+    options.relatedTableId = relatedTableId.value;
+    options.relatedColumnId = relatedColumnId.value;
+  }
+  if (newColType.value === 'relation' || newColType.value === 'lookup') {
+    options.relatedTableId = relatedTableId.value;
+    options.relatedColumnId = relatedColumnId.value;
   }
   if (Object.keys(options).length > 0) {
     data.options = options;
   }
+  if (newColPlaceholder.value) {
+    data.placeholder = newColPlaceholder.value;
+  }
   await tablesService.addColumn(props.tableId, data);
   closeAddColModal();
-  fetchTable();
+  await fetchTable();
+  await updateRelationFilterDefs(); // Явно обновляем фильтры
 }
 
-async function loadTags() {
+async function deleteColumn(col) {
-  const res = await fetch('/api/tags');
+  // Можно добавить подтверждение
-  tags.value = await res.json();
+  if (!confirm(`Удалить столбец "${col.name}"?`)) return;
+  await tablesService.deleteColumn(col.id);
+  await fetchTable();
+  await updateRelationFilterDefs(); // Явно обновляем фильтры
 }
 
-// Получение уникальных значений для фильтров
+// Удаляю все переменные, функции и UI, связанные с tags, tagOptions, selectedTags, loadTags, updateFilterOptions с tags, и т.д.
-function updateFilterOptions() {
-  // product
-  const productCol = columns.value.find(c => c.options && c.options.purpose === 'product');
-  const tagCol = columns.value.find(c => c.options && c.options.purpose === 'userTags');
-  const products = new Set();
-  const tagsSet = new Set();
-  rows.value.forEach(row => {
-    const cells = cellValues.value.filter(cell => cell.row_id === row.id);
-    const prod = cells.find(c => c.column_id === productCol?.id)?.value;
-    if (prod) products.add(prod);
-    const tagsVal = cells.find(c => c.column_id === tagCol?.id)?.value;
-    if (tagsVal) tagsVal.split(',').map(t => t.trim()).forEach(t => t && tagsSet.add(t));
-  });
-  productOptions.value = Array.from(products);
-  tagOptions.value = Array.from(tagsSet);
-}
 
+function parseIfArray(val) {
+  if (typeof val === 'string') {
+    // Попытка распарсить как JSON-массив
+    try {
+      const arr = JSON.parse(val);
+      if (Array.isArray(arr)) return arr.map(String);
+    } catch {}
+    // Попытка распарсить как строку-объект вида {"49","47"}
+    if (/^\{.*\}$/.test(val)) {
+      return val.replace(/[{}\s]/g, '').split(',').map(s => s.replace(/"/g, ''));
+    }
+    // Если просто строка с числом/id
+    if (val.trim().length > 0) return [val.trim()];
+    return [];
+  }
+  if (Array.isArray(val)) return val.map(String);
+  if (val && typeof val === 'number') return [String(val)];
+  return [];
+}
 // Загрузка данных с фильтрацией
 async function fetchFilteredRows() {
-  const data = await tablesService.getFilteredRows(props.tableId, {
+  const params = new URLSearchParams();
-    product: selectedProduct.value,
+  for (const def of relationFilterDefs.value) {
-    tags: selectedTags.value
+    const val = relationFilters.value[def.filterKey];
+    if (val && (Array.isArray(val) ? val.length : true)) {
+      params.append(def.filterKey, Array.isArray(val) ? val.join(',') : val);
+    }
+  }
+  console.log('fetchFilteredRows params:', params.toString()); // Для отладки
+  const data = await tablesService.getFilteredRows(props.tableId, params);
+  // Локальная фильтрация по multiselect-relation (если backend не фильтрует)
+  filteredRows.value = data.filter(row => {
+    let ok = true;
+    for (const def of relationFilterDefs.value) {
+      const filterVal = relationFilters.value[def.filterKey];
+      if (!filterVal || (Array.isArray(filterVal) && !filterVal.length)) continue;
+      // Найти ячейку для этого столбца
+      const cell = cellValues.value.find(c => c.row_id === row.id && c.column_id === def.col.id);
+      const cellArr = parseIfArray(cell ? cell.value : []);
+      // filterVal может быть массивом (multi) или строкой
+      const filterArr = Array.isArray(filterVal) ? filterVal : [filterVal];
+      // Если хотя бы одно значение фильтра есть в массиве ячейки — строка проходит
+      if (!filterArr.some(val => cellArr.includes(val))) {
+        ok = false;
+        break;
+      }
+    }
+    return ok;
   });
-  filteredRows.value = data;
 }
 
 // Основная загрузка таблицы
@@ -221,22 +314,52 @@ async function fetchTable() {
   rows.value = data.rows;
   cellValues.value = data.cellValues;
   tableMeta.value = { name: data.name, description: data.description };
-  updateFilterOptions();
+  await updateRelationFilterDefs();
   await fetchFilteredRows();
 }
 
+async function updateRelationFilterDefs() {
+  // Для каждого multiselect-relation-столбца формируем опции
+  const defs = [];
+  for (const col of columns.value) {
+    if (col.type === 'multiselect-relation' && col.options && col.options.relatedTableId && col.options.relatedColumnId) {
+      // Собираем все уникальные id из этого столбца по всем строкам
+      const idsSet = new Set();
+      for (const row of rows.value) {
+        const cell = cellValues.value.find(c => c.row_id === row.id && c.column_id === col.id);
+        const arr = parseIfArray(cell ? cell.value : []);
+        arr.forEach(val => idsSet.add(val));
+      }
+      // Получаем значения из связанной таблицы
+      const relTable = await tablesService.getTable(col.options.relatedTableId);
+      const opts = Array.from(idsSet).map(id => {
+        const relRow = relTable.rows.find(r => String(r.id) === String(id));
+        const cell = relTable.cellValues.find(c => c.row_id === (relRow ? relRow.id : id) && c.column_id === col.options.relatedColumnId);
+        return { id, display: cell ? cell.value : `ID ${id}` };
+      });
+      defs.push({
+        col,
+        filterKey: `multiselect-relation_${col.id}`,
+        isMulti: true,
+        options: opts
+      });
+    }
+  }
+  console.log('relationFilterDefs:', defs); // Для отладки
+  relationFilterDefs.value = defs;
+}
+
 // Сброс фильтров
 function resetFilters() {
-  selectedProduct.value = '';
+  // selectedProduct.value = '';
-  selectedTags.value = [];
+  relationFilters.value = {};
   fetchFilteredRows();
 }
 
-watch([selectedProduct, selectedTags], fetchFilteredRows);
+watch([relationFilters], fetchFilteredRows, { deep: true });
 
 onMounted(() => {
   fetchTable();
-  loadTags();
 });
 
 // Для редактирования ячеек
@@ -261,6 +384,11 @@ function getCellValue(row, col) {
   return cell ? cell.value : '';
 }
 
+async function saveCellValue(rowId, colId, value) {
+  await tablesService.saveCell({ row_id: rowId, column_id: colId, value });
+  await fetchTable();
+}
+
 // Для редактирования названия столбца
 const editingCol = ref(null);
 const colEditValue = ref('');
@@ -300,275 +428,281 @@ function closeMenus() {
 function setMenuPosition(event, styleRef) {
   // Позиционируем меню под кнопкой
   const rect = event.target.getBoundingClientRect();
-  styleRef.value = `position:fixed;top:${rect.bottom + 4}px;left:${rect.left}px;z-index:2000;`;
+  styleRef.value = `top: ${rect.bottom + window.scrollY}px; left: ${rect.left + window.scrollX}px;`;
-}
-// Действия меню столбца
-function startRenameCol(col) {
-  closeMenus();
-  editColumn(col);
-}
-function startChangeTypeCol(col) {
-  closeMenus();
-  // TODO: реализовать смену типа столбца (можно открыть модалку выбора типа)
-  alert('Изменение типа столбца пока не реализовано');
 }
 
-function saveCellValue(rowId, columnId, value) {
+async function deleteRow(row) {
-  tablesService.saveCell({ row_id: rowId, column_id: columnId, value }).then(fetchTable);
+  // Можно добавить подтверждение
-}
+  if (!confirm(`Удалить строку с ID ${row.id}?`)) return;
-
+  await tablesService.deleteRow(row.id);
-function deleteRow(row) {
+  await fetchTable();
-  if (confirm('Удалить эту строку?')) {
-    tablesService.deleteRow(row.id).then(fetchTable);
-  }
-}
-function deleteColumn(col) {
-  if (confirm('Удалить этот столбец?')) {
-    tablesService.deleteColumn(col.id).then(fetchTable);
-  }
 }
 
 async function rebuildIndex() {
   rebuilding.value = true;
   rebuildStatus.value = null;
   try {
-    const { data } = await axios.post(`/tables/${props.tableId}/rebuild-index`);
+    const result = await tablesService.rebuildIndex(props.tableId);
-    if (data.success) {
+    rebuildStatus.value = { success: true, message: `Индекс успешно пересобран (${result.count || 0} строк)` };
-      rebuildStatus.value = { success: true, message: `Индекс пересобран (${data.count || 0} строк)` };
+    await fetchTable();
-    } else {
-      rebuildStatus.value = { success: false, message: data.message || 'Ошибка пересборки' };
-    }
   } catch (e) {
-    rebuildStatus.value = { success: false, message: e.response?.data?.error || e.message || 'Ошибка запроса' };
+    let msg = 'Ошибка пересборки индекса';
-  }
+    if (e?.response?.data?.error) msg += `: ${e.response.data.error}`;
+    rebuildStatus.value = { success: false, message: msg };
+  } finally {
     rebuilding.value = false;
+  }
 }
+
 </script>
 
 <style scoped>
-.notion-table-wrapper {
+.user-table-header {
-  overflow-x: auto;
+  max-width: 1100px;
+  margin: 32px auto 0 auto;
+  padding: 32px 24px 18px 24px;
   background: #fff;
-  border-radius: 12px;
+  border-radius: 18px;
-  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
-  padding: 1.5rem 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
+.user-table-header h2 {
+  font-size: 2rem;
+  font-weight: 700;
+  margin: 0 0 4px 0;
+  letter-spacing: 0.5px;
+}
+.table-desc {
+  color: #6b7280;
+  font-size: 1.08rem;
+  margin-bottom: 6px;
+}
+.rebuild-btn {
+  background: #4f8cff;
+  color: #fff;
+  border: none;
+  border-radius: 6px;
+  padding: 8px 16px;
+  font-size: 1rem;
+  margin-top: 8px;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+.rebuild-btn:disabled {
+  background: #b6c6e6;
+  cursor: not-allowed;
+}
+.rebuild-btn:not(:disabled):hover {
+  background: #2563eb;
+}
+.rebuild-status {
+  margin-top: 6px;
+  font-size: 1rem;
+  font-weight: 500;
+}
+.rebuild-status.success { color: #22c55e; }
+.rebuild-status.error { color: #ef4444; }
+
+.table-filters-el {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  margin: 18px auto 0 auto;
+  max-width: 1100px;
+  padding: 0 24px;
+}
+
+.notion-table-wrapper {
+  max-width: 1100px;
+  margin: 24px auto 0 auto;
+  background: #fff;
+  border-radius: 6px;
+  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
+  padding: 12px 6px 18px 6px;
+}
+
 .notion-table {
   width: 100%;
   border-collapse: collapse;
+  font-size: 0.98rem;
   background: #fff;
 }
+
 .notion-table th, .notion-table td {
-  border: 1px solid #ececec;
+  border: 1px solid #e5e7eb;
-  padding: 0.5em 0.7em;
+  padding: 6px 10px;
-  min-width: 80px;
+  text-align: left;
-  position: relative;
   background: #fff;
+  font-size: 0.98rem;
+  min-width: 80px;
 }
+
 .notion-table th {
-  background: #f7f7f7;
+  background: #f3f4f6;
   font-weight: 600;
+  border-bottom: 2px solid #d1d5db;
+  border-top: 1px solid #e5e7eb;
+  padding-top: 7px;
+  padding-bottom: 7px;
 }
-.notion-table tr:hover {
+
-  background: #f9fafb;
+.notion-table tr:hover td {
-}
+  background: #f5f7fa;
-.col-menu, .row-menu, .add-col, .add-row {
-  background: none;
-  border: none;
-  color: #888;
-  cursor: pointer;
-  font-size: 1.1em;
-  margin-left: 0.3em;
-}
-.col-menu:hover, .row-menu:hover, .add-col:hover, .add-row:hover {
-  color: #2ecc40;
 }
+
 .notion-input {
   width: 100%;
-  border: 1px solid #2ecc40;
+  padding: 4px 7px;
+  border: 1px solid #d1d5db;
+  border-radius: 3px;
+  font-size: 0.98rem;
+  background: #fff;
+  transition: border 0.2s;
+}
+
+.notion-input:focus {
+  border-color: #4f8cff;
+  outline: none;
+}
+
+.add-row, .add-col, .save-btn, .cancel-btn, .rebuild-btn {
+  background: #f3f4f6;
+  color: #222;
+  border: 1px solid #d1d5db;
   border-radius: 4px;
-  padding: 0.2em 0.4em;
+  padding: 5px 12px;
-}
+  font-size: 0.98rem;
-.user-table-header {
-  margin-bottom: 1.2em;
-  padding: 1em 1.2em 0.5em 1.2em;
-  background: #f8f9fa;
-  border-radius: 10px 10px 0 0;
-  border-bottom: 1px solid #ececec;
-}
-.user-table-header h2 {
-  margin: 0 0 0.2em 0;
-  font-size: 1.3em;
-  font-weight: 700;
-}
-.table-desc {
-  color: #888;
-  font-size: 1em;
-}
-.modal-backdrop {
-  position: fixed;
-  top: 0; left: 0; right: 0; bottom: 0;
-  background: rgba(0,0,0,0.18);
-  z-index: 1000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.modal {
-  background: #fff;
-  border-radius: 12px;
-  box-shadow: 0 2px 16px rgba(0,0,0,0.13);
-  padding: 2em 2em 1.5em 2em;
-  min-width: 320px;
-  max-width: 95vw;
-}
-.add-col-modal label {
-  font-weight: 500;
-  margin-top: 0.7em;
-  display: block;
-}
-.add-col-modal input,
-.add-col-modal select {
-  width: 100%;
-  border: 1px solid #ececec;
-  border-radius: 7px;
-  padding: 0.5em 0.8em;
-  font-size: 1em;
-  background: #fafbfc;
-  margin-bottom: 0.7em;
-}
-.tags-multiselect {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5em 1.2em;
-  margin-bottom: 1em;
-}
-.tag-option {
-  display: flex;
-  align-items: center;
-  gap: 0.3em;
-}
-.save-btn {
-  background: #2ecc40;
-  color: #fff;
-  border: none;
-  border-radius: 8px;
-  padding: 0.5em 1.2em;
-  font-weight: 600;
   cursor: pointer;
-  margin-right: 0.7em;
+  transition: background 0.18s, border 0.18s;
-  transition: background 0.2s;
+  margin: 0 2px;
 }
-.save-btn:hover {
+
-  background: #27ae38;
+.add-row:hover, .add-col:hover, .save-btn:hover, .cancel-btn:hover, .rebuild-btn:hover {
+  background: #e5e7eb;
+  border-color: #b6c6e6;
 }
-.cancel-btn {
+
-  background: #eaeaea;
+.col-menu, .row-menu {
-  color: #333;
-  border: none;
-  border-radius: 8px;
-  padding: 0.5em 1.2em;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.2s;
-}
-.cancel-btn:hover {
-  background: #d5d5d5;
-}
-.th-col {
-  position: relative;
-}
-.delete-col-btn {
-  position: absolute;
-  top: 6px;
-  right: 6px;
   background: none;
   border: none;
-  color: #ff4d4f;
+  font-size: 1.1rem;
-  font-size: 1.1em;
   cursor: pointer;
-  opacity: 0;
+  color: #6b7280;
-  transition: opacity 0.2s;
+  padding: 2px 6px;
+  border-radius: 3px;
+  transition: background 0.15s;
 }
-.th-col:hover .delete-col-btn {
+
-  opacity: 1;
+.col-menu:hover, .row-menu:hover {
-}
+  background: #e5e7eb;
-.delete-row-btn {
+  color: #1d4ed8;
-  background: none;
-  border: none;
-  color: #ff4d4f;
-  font-size: 1.1em;
-  cursor: pointer;
-  opacity: 0;
-  transition: opacity 0.2s;
-}
-tr:hover .delete-row-btn {
-  opacity: 1;
 }
+
 .context-menu {
+  position: absolute;
+  z-index: 10;
+  min-width: 120px;
   background: #fff;
-  border: 1px solid #ececec;
+  border: 1px solid #e5e7eb;
-  border-radius: 8px;
+  border-radius: 4px;
-  box-shadow: 0 2px 12px rgba(0,0,0,0.13);
+  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
-  min-width: 150px;
+  padding: 4px 0;
-  padding: 0.3em 0.2em;
   display: flex;
   flex-direction: column;
-  position: fixed;
+  gap: 0;
-  z-index: 2001;
 }
+
 .menu-item {
   background: none;
   border: none;
   text-align: left;
-  padding: 0.6em 1.1em;
+  padding: 7px 14px;
-  font-size: 1em;
+  font-size: 0.98rem;
   color: #222;
+  border-radius: 2px;
   cursor: pointer;
-  border-radius: 6px;
+  transition: background 0.13s;
-  transition: background 0.18s;
 }
+
 .menu-item:hover {
-  background: #f2f8f4;
+  background: #f5f7fa;
 }
+
 .menu-item.danger {
-  color: #ff4d4f;
+  color: #ef4444;
 }
+
+.menu-item.danger:hover {
+  background: #fee2e2;
+}
+
 .menu-overlay {
   position: fixed;
-  top: 0; left: 0; right: 0; bottom: 0;
+  inset: 0;
-  z-index: 1999;
+  z-index: 5;
+  background: transparent;
 }
-.rebuild-btn {
+
-  margin-top: 1em;
+.modal-backdrop {
-  background: #2ecc40;
+  position: fixed;
-  color: #fff;
+  inset: 0;
-  border: none;
+  background: rgba(0,0,0,0.10);
-  border-radius: 6px;
+  z-index: 100;
-  padding: 0.5rem 1.5rem;
-  cursor: pointer;
-  font-size: 1rem;
-  transition: background 0.2s;
-}
-.rebuild-btn:disabled {
-  background: #b2e6c2;
-  color: #fff;
-  cursor: not-allowed;
-}
-.rebuild-status {
-  margin-left: 1em;
-  font-weight: 500;
-}
-.rebuild-status.success {
-  color: #2ecc40;
-}
-.rebuild-status.error {
-  color: #ff4d4f;
-}
-.table-filters-el {
   display: flex;
-  gap: 1.2em;
   align-items: center;
-  margin-bottom: 1.2em;
+  justify-content: center;
+}
+
+.modal {
+  background: #fff;
+  border-radius: 6px;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
+  padding: 18px 16px 14px 16px;
+  min-width: 320px;
+  max-width: 98vw;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.modal h4 {
+  margin: 0 0 6px 0;
+  font-size: 1.08rem;
+  font-weight: 600;
+}
+
+.modal label {
+  font-size: 0.98rem;
+  color: #374151;
+  margin-bottom: 1px;
+}
+
+.modal-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.notion-table td:empty::after {
+  content: '—';
+  color: #b0b0b0;
+  font-style: italic;
+}
+
+@media (max-width: 700px) {
+  .notion-table-wrapper, .table-filters-el {
+    padding: 4px 1vw;
+    max-width: 100vw;
+  }
+  .modal {
+    min-width: 90vw;
+    padding: 10px 2vw;
+  }
+  .notion-table th, .notion-table td {
+    padding: 4px 2px;
+    font-size: 0.95rem;
+  }
 }
 </style>

frontend/src/components/tables/UserTablesList.vue

@@ -6,7 +6,7 @@
     <ul class="tables-list-simple">
       <!-- Системная таблица tags -->
       <li>
-        <button class="table-link" @click="goToTagsTable">Теги (tags)</button>
+        <!-- <button class="table-link" @click="goToTagsTable">Теги (tags)</button> -->
       </li>
       <!-- Пользовательские таблицы -->
       <li v-for="table in tables" :key="table.id">
@@ -40,9 +40,6 @@ function selectTable(table) {
 function createTable() {
   router.push({ name: 'create-table' });
 }
-function goToTagsTable() {
-  router.push({ name: 'tags-table-view' });
-}
 </script>
 
 <style scoped>

frontend/src/router/index.js

@@ -132,11 +132,6 @@ const routes = [
     component: () => import('../views/tables/DeleteTableView.vue'),
     props: true
   },
-  {
-    path: '/tables/tags',
-    name: 'tags-table-view',
-    component: () => import('../views/tables/TagsTableViewPage.vue')
-  },
   {
     path: '/contacts/:id',
     name: 'contact-details',

frontend/src/services/contactsService.js

@@ -36,6 +36,22 @@ export default {
   async unblockContact(id) {
     const res = await api.patch(`/users/${id}/unblock`);
     return res.data;
+  },
+  // --- Работа с тегами пользователя ---
+  async addTagsToContact(contactId, tagIds) {
+    // PATCH /users/:id/tags { tags: [...] }
+    const res = await api.patch(`/users/${contactId}/tags`, { tags: tagIds });
+    return res.data;
+  },
+  async getContactTags(contactId) {
+    // GET /users/:id/tags
+    const res = await api.get(`/users/${contactId}/tags`);
+    return res.data.tags || [];
+  },
+  async removeTagFromContact(contactId, tagId) {
+    // DELETE /users/:id/tags/:tagId
+    const res = await api.delete(`/users/${contactId}/tags/${tagId}`);
+    return res.data;
   }
 };
 

frontend/src/services/tablesService.js

@@ -54,11 +54,14 @@ export default {
       throw error;
     }
   },
-  async getFilteredRows(tableId, { product = '', tags = [] } = {}) {
+  async getFilteredRows(tableId, { product = '' } = {}) {
     const params = new URLSearchParams();
     if (product) params.append('product', product);
-    if (tags.length) params.append('tags', tags.join(','));
     const res = await api.get(`/tables/${tableId}/rows?${params.toString()}`);
     return res.data;
+  },
+  async rebuildIndex(tableId) {
+    const res = await api.post(`/tables/${tableId}/rebuild-index`);
+    return res.data;
   }
 }; 

frontend/src/views/contacts/ContactDetailsView.vue

@@ -144,6 +144,7 @@ import contactsService from '../../services/contactsService.js';
 import messagesService from '../../services/messagesService.js';
 import { useAuthContext } from '@/composables/useAuth';
 import { ElMessageBox } from 'element-plus';
+import tablesService from '../../services/tablesService';
 
 const route = useRoute();
 const router = useRouter();
@@ -168,6 +169,59 @@ const { isAdmin } = useAuthContext();
 const isAiLoading = ref(false);
 const conversationId = ref(null);
 
+// id таблицы тегов (будет найден или создан)
+const tagsTableId = ref(null);
+
+async function ensureTagsTable() {
+  // Получаем все пользовательские таблицы
+  const tables = await tablesService.getTables();
+  let tagsTable = tables.find(t => t.name === 'Теги клиентов');
+  if (!tagsTable) {
+    // Если таблицы нет — создаём
+    tagsTable = await tablesService.createTable({
+      name: 'Теги клиентов',
+      description: 'Справочник тегов для контактов',
+      isRagSourceId: 2 // не источник для RAG по умолчанию
+    });
+    // Добавляем столбцы
+    await tablesService.addColumn(tagsTable.id, { name: 'Название', type: 'text' });
+    await tablesService.addColumn(tagsTable.id, { name: 'Описание', type: 'text' });
+  } else {
+    // Проверяем, есть ли нужные столбцы, если таблица уже была создана
+    const table = await tablesService.getTable(tagsTable.id);
+    const hasName = table.columns.some(col => col.name === 'Название');
+    const hasDesc = table.columns.some(col => col.name === 'Описание');
+    if (!hasName) await tablesService.addColumn(tagsTable.id, { name: 'Название', type: 'text' });
+    if (!hasDesc) await tablesService.addColumn(tagsTable.id, { name: 'Описание', type: 'text' });
+  }
+  tagsTableId.value = tagsTable.id;
+  return tagsTable.id;
+}
+
+async function loadAllTags() {
+  // Убедимся, что таблица тегов есть
+  const tableId = await ensureTagsTable();
+  // Загружаем все строки из таблицы тегов
+  const table = await tablesService.getTable(tableId);
+  // Ожидаем, что первый столбец — название тега, второй — описание (если есть)
+  const nameCol = table.columns[0];
+  const descCol = table.columns[1];
+  allTags.value = table.rows.map(row => {
+    const nameCell = table.cellValues.find(c => c.row_id === row.id && c.column_id === nameCol.id);
+    const descCell = descCol ? table.cellValues.find(c => c.row_id === row.id && c.column_id === descCol.id) : null;
+    return {
+      id: row.id,
+      name: nameCell ? nameCell.value : '',
+      description: descCell ? descCell.value : ''
+    };
+  });
+}
+
+function openTagModal() {
+  showTagModal.value = true;
+  loadAllTags();
+}
+
 function toggleSidebar() {
   isSidebarOpen.value = !isSidebarOpen.value;
 }
@@ -270,58 +324,6 @@ async function loadMessages() {
   }
 }
 
-async function loadUserTags() {
-  if (!contact.value) return;
-  const res = await fetch(`/api/users/${contact.value.id}/tags`);
-  userTags.value = await res.json();
-  selectedTags.value = userTags.value.map(t => t.id);
-}
-
-async function openTagModal() {
-  await fetch('/api/tags/init', { method: 'POST' })
-  const res = await fetch('/api/tags')
-  allTags.value = await res.json()
-  await loadUserTags()
-  showTagModal.value = true
-}
-
-async function createTag() {
-  const res = await fetch('/api/tags', {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ name: newTagName.value, description: newTagDescription.value })
-  });
-  const newTag = await res.json();
-  await fetch(`/api/users/${contact.value.id}/tags`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ tag_id: newTag.id })
-  });
-  const tagsRes = await fetch('/api/tags');
-  allTags.value = await tagsRes.json();
-  await loadUserTags();
-  newTagName.value = '';
-  newTagDescription.value = '';
-}
-
-async function addTagsToUser() {
-  for (const tagId of selectedTags.value) {
-    await fetch(`/api/users/${contact.value.id}/tags`, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ tag_id: tagId })
-    })
-  }
-  await loadUserTags()
-}
-
-async function removeUserTag(tagId) {
-  await fetch(`/api/users/${contact.value.id}/tags/${tagId}`, {
-    method: 'DELETE'
-  });
-  await loadUserTags();
-}
-
 async function reloadContact() {
   isLoading.value = true;
   try {
@@ -454,15 +456,99 @@ async function unblockUser() {
   }
 }
 
+// --- Теги ---
+async function createTag() {
+  if (!newTagName.value) return;
+  const tableId = await ensureTagsTable();
+  const table = await tablesService.getTable(tableId);
+  const nameCol = table.columns[0];
+  const descCol = table.columns[1];
+  // 1. Создаём строку
+  const newRow = await tablesService.addRow(tableId);
+  console.log('DEBUG newRow:', newRow);
+  if (!newRow || !newRow.id) {
+    console.error('Ошибка: не удалось получить id новой строки', newRow);
+    alert('Ошибка: не удалось получить id новой строки. См. консоль.');
+    return;
+  }
+  const newRowId = newRow.id;
+  // 2. Сохраняем имя
+  await tablesService.saveCell({
+    table_id: tableId,
+    row_id: newRowId,
+    column_id: nameCol.id,
+    value: newTagName.value
+  });
+  // 3. Сохраняем описание (если есть столбец)
+  if (descCol && newTagDescription.value) {
+    await tablesService.saveCell({
+      table_id: tableId,
+      row_id: newRowId,
+      column_id: descCol.id,
+      value: newTagDescription.value
+    });
+  }
+  // 4. Обновляем список тегов
+  await loadAllTags();
+  // 5. Автоматически выбираем новый тег для пользователя
+  selectedTags.value = [...selectedTags.value, newRowId];
+  await addTagsToUser();
+  // 6. Очищаем поля
+  newTagName.value = '';
+  newTagDescription.value = '';
+}
+
+async function loadUserTags() {
+  if (!contact.value || !contact.value.id) {
+    userTags.value = [];
+    return;
+  }
+  // Получаем id тегов пользователя
+  const tagIds = await contactsService.getContactTags(contact.value.id);
+  if (!Array.isArray(tagIds) || tagIds.length === 0) {
+    userTags.value = [];
+    return;
+  }
+  // Загружаем справочник тегов
+  await loadAllTags();
+  // Сопоставляем id с объектами тегов
+  userTags.value = allTags.value.filter(tag => tagIds.includes(tag.id));
+}
+
+// После добавления/удаления тегов всегда обновляем userTags
+async function addTagsToUser() {
+  if (!contact.value || !contact.value.id) return;
+  if (!selectedTags.value || selectedTags.value.length === 0) return;
+  try {
+    await contactsService.addTagsToContact(contact.value.id, selectedTags.value);
+    await loadUserTags();
+    showTagModal.value = false;
+    ElMessageBox.alert('Теги успешно добавлены.', 'Успех', { type: 'success' });
+  } catch (e) {
+    ElMessageBox.alert('Ошибка добавления тегов: ' + (e?.response?.data?.error || e?.message || e), 'Ошибка', { type: 'error' });
+  }
+}
+
+async function removeUserTag(tagId) {
+  if (!contact.value || !contact.value.id) return;
+  try {
+    await contactsService.removeTagFromContact(contact.value.id, tagId);
+    await loadUserTags();
+    ElMessageBox.alert('Тег успешно удален.', 'Успех', { type: 'success' });
+  } catch (e) {
+    ElMessageBox.alert('Ошибка удаления тега: ' + (e?.response?.data?.error || e?.message || e), 'Ошибка', { type: 'error' });
+  }
+}
+
 onMounted(async () => {
   await reloadContact();
-  await loadMessages();
   await loadUserTags();
+  await loadMessages();
 });
 watch(userId, async () => {
   await reloadContact();
-  await loadMessages();
   await loadUserTags();
+  await loadMessages();
 });
 </script>
 

frontend/src/views/settings/AI/AiAssistantSettings.vue

@@ -7,6 +7,43 @@
         <form @submit.prevent="saveSettings">
           <label>Системный промт</label>
           <textarea v-model="settings.system_prompt" rows="3" />
+          <!-- Блок плейсхолдеров -->
+          <div class="placeholders-block">
+            <h4>Плейсхолдеры пользовательских таблиц</h4>
+            <div v-if="placeholders.length === 0" class="empty-placeholder">Нет пользовательских плейсхолдеров</div>
+            <table v-else class="placeholders-table">
+              <thead>
+                <tr>
+                  <th>Плейсхолдер</th>
+                  <th>Столбец</th>
+                  <th>Таблица</th>
+                  <th></th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="ph in placeholders" :key="ph.column_id">
+                  <td><code>{ {{ ph.placeholder }} }</code></td>
+                  <td>{{ ph.column_name }}</td>
+                  <td>{{ ph.table_name }}</td>
+                  <td><button type="button" @click="openEditPlaceholder(ph)">Редактировать</button></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <!-- Модалка редактирования плейсхолдера -->
+          <div v-if="editingPlaceholder" class="modal-bg">
+            <div class="modal">
+              <h4>Редактировать плейсхолдер</h4>
+              <div><b>Таблица:</b> {{ editingPlaceholder.table_name }}</div>
+              <div><b>Столбец:</b> {{ editingPlaceholder.column_name }}</div>
+              <label>Плейсхолдер</label>
+              <input v-model="editingPlaceholderValue" />
+              <div class="actions">
+                <button type="button" @click="savePlaceholderEdit">Сохранить</button>
+                <button type="button" @click="closeEditPlaceholder">Отмена</button>
+              </div>
+            </div>
+          </div>
           <label>LLM-модель</label>
           <select v-if="llmModels.length" v-model="settings.model">
             <option v-for="m in llmModels" :key="m.id" :value="m.id">{{ m.id }} ({{ m.provider }})</option>
@@ -86,6 +123,10 @@ const filteredEmbeddingModels = computed(() => {
   if (!selectedLLM.value) return embeddingModels.value;
   return embeddingModels.value.filter(m => m.provider === selectedLLM.value.provider);
 });
+const placeholders = ref([]);
+const editingPlaceholder = ref(null);
+const editingPlaceholderValue = ref('');
+
 async function loadUserTables() {
   const { data } = await axios.get('/tables');
   userTables.value = Array.isArray(data) ? data : [];
@@ -116,6 +157,24 @@ async function loadEmbeddingModels() {
   const { data } = await axios.get('/settings/embedding-models');
   embeddingModels.value = data.models || [];
 }
+async function loadPlaceholders() {
+  const { data } = await axios.get('/tables/placeholders/all');
+  placeholders.value = Array.isArray(data) ? data : [];
+}
+function openEditPlaceholder(ph) {
+  editingPlaceholder.value = { ...ph };
+  editingPlaceholderValue.value = ph.placeholder;
+}
+function closeEditPlaceholder() {
+  editingPlaceholder.value = null;
+  editingPlaceholderValue.value = '';
+}
+async function savePlaceholderEdit() {
+  if (!editingPlaceholder.value) return;
+  await axios.patch(`/tables/column/${editingPlaceholder.value.column_id}`, { placeholder: editingPlaceholderValue.value });
+  await loadPlaceholders();
+  closeEditPlaceholder();
+}
 onMounted(() => {
   loadSettings();
   loadUserTables();
@@ -124,6 +183,7 @@ onMounted(() => {
   loadEmailList();
   loadLLMModels();
   loadEmbeddingModels();
+  loadPlaceholders();
 });
 async function saveSettings() {
   await axios.put('/settings/ai-assistant', settings.value);
@@ -275,4 +335,30 @@ button[type="button"] {
 .rag-table-link:hover {
   color: #27ae38;
 }
+.placeholders-block {
+  margin: 1.5em 0 2em 0;
+  background: #f8f9fa;
+  border-radius: 8px;
+  padding: 1em 1.5em;
+}
+.placeholders-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 0.5em;
+  background: #fff;
+}
+.placeholders-table th, .placeholders-table td {
+  border: 1px solid #ececec;
+  padding: 0.5em 0.7em;
+  font-size: 1em;
+}
+.placeholders-table th {
+  background: #f7f7f7;
+  font-weight: 600;
+}
+.empty-placeholder {
+  color: #888;
+  font-size: 1em;
+  margin: 0.7em 0;
+}
 </style> 

frontend/src/views/tables/EditTableView.vue

@@ -24,7 +24,7 @@
 import { ref, onMounted } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import BaseLayout from '../../components/BaseLayout.vue';
-import axios from 'axios';
+import tablesService from '@/services/tablesService';
 const $route = useRoute();
 const router = useRouter();
 const name = ref('');
@@ -32,14 +32,14 @@ const description = ref('');
 const isRagSourceId = ref(2);
 
 onMounted(async () => {
-      const { data } = await axios.get(`/tables/${$route.params.id}`);
+  const data = await tablesService.getTable($route.params.id);
   name.value = data.name;
   description.value = data.description;
   isRagSourceId.value = data.is_rag_source_id || 2;
 });
 
 async function save() {
-  await axios.patch(`/api/tables/${$route.params.id}`, {
+  await tablesService.updateTable($route.params.id, {
     name: name.value,
     description: description.value,
     isRagSourceId: isRagSourceId.value

frontend/src/views/tables/TablesListView.vue

@@ -14,7 +14,6 @@ import BaseLayout from '../../components/BaseLayout.vue';
 import UserTablesList from '../../components/tables/UserTablesList.vue';
 import { useRouter } from 'vue-router';
 import { useAuthContext } from '@/composables/useAuth';
-// import TagsTableView from '../../components/tables/TagsTableView.vue'; // больше не используется
 const router = useRouter();
 const { isAdmin } = useAuthContext();
 function goBack() {

frontend/src/views/tables/TagsTableViewPage.vue

@@ -1,10 +0,0 @@
-<template>
-  <BaseLayout>
-    <TagsTableView />
-  </BaseLayout>
-</template>
- 
-<script setup>
-import BaseLayout from '../../components/BaseLayout.vue';
-import TagsTableView from '../../components/tables/TagsTableView.vue';
-</script> 

frontend/vite.config.js

@@ -47,6 +47,15 @@ export default defineConfig({
         secure: false,
         credentials: true,
         rewrite: (path) => path,
+        ws: true,
+      },
+      '/ws': {
+        target: 'ws://dapp-backend:8000',
+        ws: true,
+        changeOrigin: true,
+        secure: false,
+        credentials: true,
+        rewrite: (path) => path,
       },
     },
     watch: {

md/rag-assistant-details.md

@@ -0,0 +1,95 @@
+# VC HB3 - Accelerator: Детали задания для ИИ-ассистента
+
+## 1. Описание проекта
+VC HB3 - Accelerator — это венчурный фонд и поставщик софта, который с помощью акселерационных программ помогает предпринимателям создавать токенизированные стартапы во всех отраслях. Фонд объединяет предпринимателей из разных юрисдикций, предоставляет инструменты для токенизации, прозрачных инвестиций и управления цифровыми юридическими лицами.
+
+## 2. Цели и задачи ИИ-ассистента
+- Помогать клиентам быстро находить ответы на вопросы о продуктах, услугах и условиях фонда.
+- Предлагать релевантные продукты и услуги на основе сегментации клиентов.
+- Автоматизировать консультации, обработку типовых запросов и навигацию по возможностям фонда.
+- Содействовать формированию групп акселератора и информировать о возможностях участия.
+
+## 3. Сегментация клиентов
+ИИ-ассистент должен различать следующие основные сегменты клиентов:
+
+### 3.1. Предприниматели
+- Интересуются запуском стартапа, токенизацией бизнеса, участием в акселераторе.
+- Могут быть из разных юрисдикций и отраслей.
+- Ищут инструменты для управления, учета, приема платежей, автоматизации.
+
+### 3.2. LP (Liquidity Providers)
+- Инвесторы, желающие получить доступ к метрикам DLE, ранним инвестициям, доле в фонде.
+- Интересуются прозрачностью, возвратом инвестиций, управлением токенами.
+
+### 3.3. Стартапы-участники акселератора
+- Уже приобрели софт, участвуют в акселерационных программах.
+- Ищут финансирование, экспертизу, партнерство.
+
+### 3.4. Холдеры админ токенов
+- Заинтересованы в управлении фондом, получении обновлений, возврате средств.
+
+### 3.5. Регуляторы и партнеры
+- Интересуются прозрачностью, юридическими аспектами, сотрудничеством.
+
+## 4. Примеры типовых запросов и сценариев
+- Как установить и настроить софт?
+- Как получить финансирование для стартапа?
+- Как стать участником акселератора?
+- Как LP может получить доступ к метрикам?
+- Как вернуть средства за админ токены?
+
+---
+
+## 5. RAG-таблица (для дальнейшего наполнения)
+| Вопрос | Ответ | Категория |
+|--------|-------|-----------|
+|        |       |           |
+
+## 6. Сценарии взаимодействия
+(заполняется по мере детализации бизнес-процессов) 
+
+## 7. Использование тегов для сегментации и персонализации
+Для каждого вопроса и ответа в RAG-таблице добавляется столбец с мультивыбором тегов клиентов. Это позволяет:
+- Связывать вопросы и ответы с определёнными сегментами пользователей (например, предприниматель, LP, стартап, холдер, регулятор, отрасль, регион и т.д.).
+- Персонализировать рекомендации ассистента на основе тегов пользователя.
+- Масштабировать базу знаний, добавляя новые теги и сегменты по мере развития проекта.
+
+**Пример расширенной структуры RAG-таблицы:**
+| Вопрос | Ответ | Категория | Теги клиентов |
+|--------|-------|-----------|--------------|
+| Как получить финансирование? | ... | Инвестиции | предприниматель, стартап, акселератор |
+| Как вернуть средства за токены? | ... | Тарифы | холдер, LP |
+| Как установить софт? | ... | Продукт | предприниматель, стартап |
+
+## 8. Фильтры для работы с таблицами
+Для удобства редактирования и поиска в таблицах реализуются фильтры:
+- По тегам клиентов (мультивыбор).
+- По категориям вопросов/ответов.
+- По продуктам и услугам.
+- По статусу (активен, архив и др.).
+
+Фильтры позволяют быстро находить, редактировать и анализировать релевантные записи, а также персонализировать отображение данных для разных ролей пользователей. 
+
+## 9. Пользовательские таблицы, multiselect-столбцы и связи
+
+### 9.1. Гибкая структура пользовательских таблиц
+- Пользователь может создавать собственные таблицы (user_tables), столбцы (user_columns) и строки (user_rows).
+- Для каждого столбца можно выбрать тип: text, select, multiselect, relation и др.
+- Для multiselect/select-столбцов значения (опции) хранятся в поле options столбца и могут добавляться/удаляться прямо из интерфейса.
+
+### 9.2. Хранение и настройка связей
+- Для связи между сущностями (например, пользователь — партнеры, вопрос — продукты) используется отдельная таблица связей (например, user_multiselect_values: id, user_id, column_id, value).
+- Это позволяет хранить любые связи "многие-ко-многим" между пользователями, вопросами, продуктами и т.д.
+- Для multiselect-столбцов в RAG-таблице вопросы/ответы можно выбирать продукты/услуги, к которым относится запись.
+
+### 9.3. Фильтрация и производительность
+- Фильтрация реализуется через SQL-запросы с JOIN по user_tables, user_columns, user_rows, user_cell_values и таблице связей.
+- Для multiselect-столбцов фильтрация по значениям возможна через LIKE или jsonb-операторы (при хранении массивов).
+- Производительность обеспечивается индексами по row_id, column_id и, при необходимости, по value (jsonb gin-индекс).
+- Такая архитектура масштабируется и используется в современных low-code/CRM системах (Notion, Airtable и др.).
+
+### 9.4. Пример использования
+- Пользователь создает таблицу "Партнеры" с multiselect-столбцом.
+- В интерфейсе контакта можно выбрать партнеров для пользователя — значения сохраняются в user_multiselect_values.
+- В RAG-таблице вопросы/ответы можно связать с продуктами/услугами через multiselect-столбец.
+- ИИ-ассистент может фильтровать и персонализировать ответы по этим связям. 

md/user-tables-relation-task.md

@@ -0,0 +1,150 @@
+# Техническое задание: Пользовательские таблицы с настраиваемыми связями
+
+## Цель
+Реализовать систему пользовательских таблиц, в которых при создании столбца можно настраивать нужные связи (relation/reference/lookup) с другими таблицами.
+
+---
+
+## Основные требования
+
+1. **Пользователь может создавать любые таблицы** (например, "Клиенты", "Теги", "Продукты", "RAG-таблица" и т.д.).
+2. **Для каждой таблицы можно добавлять столбцы разных типов:**
+   - text, number, date, select, multiselect
+   - relation/reference (связь с другой таблицей)
+   - lookup (вывод связанных данных из другой таблицы)
+3. **Для столбцов типа relation/reference:**
+   - Можно выбрать, с какой таблицей и каким полем устанавливается связь
+   - Можно выбрать тип связи: один-к-одному, один-ко-многим, многие-ко-многим
+   - В ячейке такого столбца пользователь может выбрать одну или несколько строк из связанной таблицы
+4. **Связи хранятся в отдельной таблице связей или в value ячейки (массив id)**
+5. **В интерфейсе:**
+   - При создании/редактировании столбца типа relation пользователь выбирает таблицу и поле для связи
+   - В таблице, в ячейке relation-столбца, отображается выпадающий список/мультивыбор с данными из связанной таблицы
+6. **Фильтрация и поиск:**
+   - Можно фильтровать строки по связанным значениям (например, все вопросы, относящиеся к определённому тегу или продукту)
+7. **Масштабируемость:**
+   - Архитектура должна поддерживать создание большого количества таблиц, столбцов и связей без потери производительности
+
+---
+
+## Примеры сценариев
+
+### 1. Связь "Клиент — Теги"
+- Пользователь создаёт таблицу "Клиенты" и таблицу "Теги"
+- В таблице "Клиенты" добавляет столбец типа relation, связывающий клиента с одним или несколькими тегами
+- В каждой строке можно выбрать теги из справочника
+
+### 2. Связь "Вопрос — Продукты"
+- В RAG-таблице добавляется столбец типа relation к таблице "Продукты"
+- Для каждого вопроса можно выбрать, к каким продуктам он относится
+
+### 3. Lookup-столбец
+- В таблице "Клиенты" можно добавить lookup-столбец, который автоматически подтягивает связанные значения из другой таблицы (например, список продуктов, которыми пользуется клиент)
+
+---
+
+## Требования к backend
+- Расширить модели user_tables, user_columns, user_rows, user_cell_values
+- Добавить таблицу связей (например, table_relations: id, from_row_id, column_id, to_table, to_row_id)
+- API для создания/редактирования столбцов с типом relation
+- API для получения и сохранения связей
+
+## Требования к frontend
+- UI для выбора типа столбца (relation/reference/lookup)
+- UI для выбора связанной таблицы и поля
+- UI для выбора значений в ячейке relation-столбца (выпадающий список, мультивыбор)
+- Фильтрация и отображение связанных данных
+
+---
+
+## Преимущества
+- Максимальная гибкость и масштабируемость
+- Возможность строить сложные взаимосвязанные базы знаний, CRM, RAG-ассистентов
+- Удобство для ИИ и аналитики 
+
+## Типы столбцов для пользовательских таблиц
+
+1. **text** — однострочный текст
+2. **textarea** — многострочный текст (заметки, описания)
+3. **number** — число (целое или дробное)
+4. **date** — дата
+5. **datetime** — дата и время
+6. **time** — только время
+7. **boolean/checkbox** — булево значение (чекбокс)
+8. **select** — выпадающий список (одиночный выбор)
+9. **multiselect** — выпадающий список (множественный выбор)
+10. **file/image** — файл или изображение (загрузка и хранение)
+11. **relation/reference** — связь с другой таблицей (выбор одной или нескольких строк из другой таблицы)
+12. **lookup** — автоматический вывод связанных данных из другой таблицы по relation
+13. **email** — email-адрес с валидацией
+14. **phone** — телефон с валидацией
+15. **url** — ссылка/URL с валидацией
+16. **currency** — число с символом валюты
+17. **percent** — число с отображением в процентах
+18. **color** — выбор цвета (colorpicker)
+19. **user/assignee** — ссылка на пользователя системы (ответственный)
+20. **status** — список статусов (например, “В работе”, “Готово”)
+21. **formula** — вычисляемое поле на основе других столбцов
+22. **progress/rating** — визуальное отображение прогресса, рейтинга (шкала, звёзды)
+23. **json/object** — хранение структурированных данных (JSON) 
+
+## Плейсхолдеры для интеграции с ИИ-ассистентом
+
+- Для каждого столбца при создании автоматически генерируется плейсхолдер (placeholder), который можно использовать в промтах и шаблонах для ИИ-ассистента.
+- Плейсхолдер формируется на основе названия столбца (транслитерация, нижний регистр, замена пробелов на подчёркивания, например: "Партнеры венчурного фонда" → {partners_venchurnogo_fonda}).
+- Плейсхолдер уникален в рамках таблицы. При совпадении имён добавляется суффикс или используется id столбца.
+- В таблице user_columns рекомендуется добавить поле placeholder (string, unique).
+- В интерфейсе при создании/редактировании столбца отображать сгенерированный плейсхолдер (и, при необходимости, давать возможность его редактировать).
+- В системных промтах и шаблонах для LLM/ассистента значения автоматически подставляются по плейсхолдерам.
+
+**Пример использования в промте:**
+```
+Вопрос: {question}
+Ответ: {answer}
+Партнеры: {partners}
+``` 
+
+## Использование плейсхолдеров в системном промте ассистента
+
+- На странице настроек ассистента (`/settings/ai/assistant`) под полем для системного промта автоматически отображается список всех плейсхолдеров, созданных пользователем в пользовательских таблицах.
+- Для каждого плейсхолдера показывается:
+  - Сам плейсхолдер (например, `{partners}`)
+  - Название столбца и таблицы, к которому он относится (например, “Партнеры венчурного фонда” — RAG-таблица)
+- Список плейсхолдеров обновляется автоматически при добавлении/удалении столбцов.
+
+**Инструкция для пользователя:**
+> Используйте плейсхолдеры из списка ниже для подстановки значений из пользовательских таблиц в системный промт. Например:
+> ```
+> Вопрос: {question}
+> Ответ: {answer}
+> Партнеры: {partners}
+> ```
+> Плейсхолдеры автоматически заменяются на соответствующие значения при генерации ответа ассистента. 
+
+## Сценарий: добавление тегов пользователю через пользовательские таблицы
+
+1. **Добавление тега на странице контакта**
+   - На странице контакта (`/contacts/1`) при нажатии на кнопку "Добавить тег" система автоматически создаёт пользовательскую таблицу "Теги клиентов" (если она ещё не создана).
+   - Пользователь может добавить новый тег (например, "VIP", "B2B", "Startup") — он появляется в этой таблице.
+
+2. **Выпадающий список тегов**
+   - После добавления хотя бы одного тега появляется выпадающий список (или мультивыбор), в котором отображаются все теги из таблицы "Теги клиентов".
+   - Пользователь может выбрать один или несколько тегов для текущего контакта.
+
+3. **Связь пользователя с тегом**
+   - При выборе тега для пользователя создаётся связь между пользователем и тегом.
+   - Эта связь хранится в отдельной пользовательской таблице (например, `user_tag_links` или универсальной таблице связей), где фиксируется, какой пользователь связан с каким тегом.
+   - Пример структуры таблицы связей:
+     | id | user_id | tag_id |
+     |----|---------|--------|
+     | 1  | 1       | 2      |
+     | 2  | 1       | 3      |
+
+4. **Обратная связь (теги → пользователи)**
+   - В таблице "Теги клиентов" можно реализовать обратную связь: для каждого тега показывать список пользователей, у которых он установлен (например, через relation/lookup-столбец).
+
+5. **Итог:**
+   - Пользователь может создавать и редактировать теги.
+   - Для каждого контакта можно выбрать теги из выпадающего списка.
+   - Все связи между пользователями и тегами хранятся в отдельной таблице.
+   - Можно быстро получить список всех пользователей с определённым тегом и наоборот.