@yartsun/chat-widget-types 1.0.15 → 1.0.17

package/src/default-config.ts

@@ -1,329 +1,3 @@
-import type { WidgetConfig } from './config.types'
-
-export const DEFAULT_CONFIG: WidgetConfig = {
-  schema: { // Схема віджета
-    version: '1.0',
-    required: ['settings', 'texts', 'sections'],
-  },
-  settings: { // Настройки
-    bgChat: '#434345', // Фон чата
-    gapMessageLine: 12, // Відстань між повідомленнями
-    fontFamily: 'MacPaw Fixel', // Шрифт
-    borderRadius: 12, // Радіус округлості чату
-    launchView: 'closed', // Початковий стан чату
-    letterSpacing: 0, // Інтервал між літерами
-    logo: '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.22048 12.26L8.71413 11.1293C9.1535 10.1231 9.94426 9.32209 10.9307 8.88424L12.2895 8.28107C12.7215 8.08931 12.7215 7.46082 12.2895 7.26906L10.9731 6.68472C9.9613 6.23561 9.15637 5.40496 8.72453 4.3644L8.22447 3.15941C8.0389 2.71224 7.42105 2.71224 7.23548 3.15941L6.7354 4.36439C6.30357 5.40496 5.49861 6.23561 4.48686 6.68472L3.17045 7.26906C2.73843 7.46082 2.73843 8.08931 3.17045 8.28107L4.5293 8.88424C5.51569 9.32209 6.30646 10.1231 6.7458 11.1293L7.23948 12.26C7.42924 12.6946 8.03069 12.6946 8.22048 12.26ZM13.1632 15.0131L13.302 14.6949C13.5495 14.1275 13.9953 13.6758 14.5515 13.4287L14.9792 13.2386C15.2106 13.1358 15.2106 12.7996 14.9792 12.6969L14.5754 12.5174C14.0049 12.264 13.5511 11.7955 13.3078 11.2089L13.1653 10.865C13.0659 10.6254 12.7346 10.6254 12.6352 10.865L12.4927 11.2089C12.2494 11.7955 11.7957 12.264 11.2251 12.5174L10.8213 12.6969C10.59 12.7996 10.59 13.1358 10.8213 13.2386L11.249 13.4287C11.8053 13.6758 12.251 14.1275 12.4985 14.6949L12.6374 15.0131C12.739 15.246 13.0615 15.246 13.1632 15.0131Z" fill="currentColor"/></svg>',
-    fontWeight: 500, // Товщина шрифту
-    lineHeight: 1.2, // Висота рядка
-    loader: 'dots', // Тип лоадера
-    globalRoundingRadius: true, // Радиус округлости чата
-    theme: 'light', // Тема
-    mode: 'collapsed', // Режим
-    position: 'bottomRight', // Положение
-    size: {
-      width: 435,
-      height: 450,
-    },
-    offset: {
-      x: 24,
-      y: 36,
-    },
-  },
-  texts: { // Тексти
-    welcomeMessage:
-      '🖖 Hi there — I’m your assistant for finding documents, tracking access, and making sense of your files. \n\nHow can I help?', // Привітання
-    widgetTitle: 'HyperShadow', // Заголовок чату
-    launchIssueTitle: 'There was a glitch', // Заголовок помилки запуску
-    launchIssueText: 'Please restart the chat, it should work', // Текст помилки запуску
-    issueText: 'Something went wrong, please restart', // Текст помилки в процесі
-    reconnectText: 'Connection issue, trying to reconnect', // Текст помилки перепідключення
-    inputPlaceholder: 'Type question', // Плейсхолдер для введення тексту
-    disableInputText:
-      'Can’t send a message while processing the previous request', // Текст заблокованого введення
-    disclaimer: 'AI-Copilot makes mistakes, please don’t consider 100% accurate', // Дисклеймер
-    typingLoader: 'AI-Co-pilot typing', // Тип лоадера
-    sendButton: 'Send', // Текст кнопки відправлення
-  },
-  sections: { // Секції віджета
-    colapsed: { // Коллапс
-      color: '#fff', // Колір тексту
-      bgColor: '#7D52F4', // Колір фону
-      width: 56,
-      height: 56,
-      borderRadius: 50,
-      borderWidth: 8,
-      borderColor: 'rgba(29, 29, 31, 0.90)',
-      logo: '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.22048 12.26L8.71413 11.1293C9.1535 10.1231 9.94426 9.32209 10.9307 8.88424L12.2895 8.28107C12.7215 8.08931 12.7215 7.46082 12.2895 7.26906L10.9731 6.68472C9.9613 6.23561 9.15637 5.40496 8.72453 4.3644L8.22447 3.15941C8.0389 2.71224 7.42105 2.71224 7.23548 3.15941L6.7354 4.36439C6.30357 5.40496 5.49861 6.23561 4.48686 6.68472L3.17045 7.26906C2.73843 7.46082 2.73843 8.08931 3.17045 8.28107L4.5293 8.88424C5.51569 9.32209 6.30646 10.1231 6.7458 11.1293L7.23948 12.26C7.42924 12.6946 8.03069 12.6946 8.22048 12.26ZM13.1632 15.0131L13.302 14.6949C13.5495 14.1275 13.9953 13.6758 14.5515 13.4287L14.9792 13.2386C15.2106 13.1358 15.2106 12.7996 14.9792 12.6969L14.5754 12.5174C14.0049 12.264 13.5511 11.7955 13.3078 11.2089L13.1653 10.865C13.0659 10.6254 12.7346 10.6254 12.6352 10.865L12.4927 11.2089C12.2494 11.7955 11.7957 12.264 11.2251 12.5174L10.8213 12.6969C10.59 12.7996 10.59 13.1358 10.8213 13.2386L11.249 13.4287C11.8053 13.6758 12.251 14.1275 12.4985 14.6949L12.6374 15.0131C12.739 15.246 13.0615 15.246 13.1632 15.0131Z" fill="currentColor"/></svg>',
-      icon: {
-        showIcon: true,
-        size: 18,
-      },
-    },
-    warnings: { // Попередження
-      launchIssue: { // Помилка запуску
-        warningStyle: 'faded', // Стиль попередження
-        content: {
-          icon: {
-            showIcon: true,
-            src: '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.76 16.42L15.36 4.9C14.5 3.35 13.31 2.5 12 2.5C10.69 2.5 9.5 3.35 8.64 4.9L2.24 16.42C1.43 17.89 1.34 19.3 1.99 20.41C2.64 21.52 3.92 22.13 5.6 22.13H18.4C20.08 22.13 21.36 21.52 22.01 20.41C22.66 19.3 22.57 17.88 21.76 16.42ZM12.71 18.21C12.66 18.25 12.61 18.29 12.56 18.33C12.5 18.37 12.44 18.4 12.38 18.42C12.32 18.45 12.26 18.47 12.19 18.48C12.13 18.49 12.06 18.5 12 18.5C11.94 18.5 11.87 18.49 11.8 18.48C11.74 18.47 11.68 18.45 11.62 18.42C11.56 18.4 11.5 18.37 11.44 18.33C11.39 18.29 11.34 18.25 11.29 18.21C11.11 18.02 11 17.76 11 17.5C11 17.24 11.11 16.98 11.29 16.79C11.34 16.75 11.39 16.71 11.44 16.67C11.5 16.63 11.56 16.6 11.62 16.58C11.68 16.55 11.74 16.53 11.8 16.52C11.93 16.49 12.07 16.49 12.19 16.52C12.26 16.53 12.32 16.55 12.38 16.58C12.44 16.6 12.5 16.63 12.56 16.67C12.61 16.71 12.66 16.75 12.71 16.79C12.89 16.98 13 17.24 13 17.5C13 17.76 12.89 18.02 12.71 18.21ZM11.25 9.5C11.25 9.09 11.59 8.75 12 8.75C12.41 8.75 12.75 9.09 12.75 9.5V14.5C12.75 14.91 12.41 15.25 12 15.25C11.59 15.25 11.25 14.91 11.25 14.5V9.5Z" fill="currentColor"/></svg>',
-            color: '#FFCC77',
-            size: 24,
-          },
-          bgColor: '#8A7045', // Колір фону
-          verticalSpacing: 4,
-          sidePadding: 8,
-          headlineColor: '#f9c97c', // Колір заголовка
-          color: '#fff', // Колір тексту
-          headlineTextSize: 12, // Размер заголовка
-          subTextSize: 12, // Размер текста
-        },
-        resetButton: { // Кнопка скидання
-          bgType: 'filled',
-          showType: 'both',
-          borderRadius: 12,
-          size: 'md',
-          color: '#2e2e30', // Колір тексту кнопки
-          bgColor: '#e5e1dd', // Колір фону кнопки
-          fontSize: 12,
-          icon: {
-            showIcon: true,
-            src: '<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.793 1.83301H5.20634C2.77967 1.83301 1.33301 3.27967 1.33301 5.70634V11.2863C1.33301 13.7197 2.77967 15.1663 5.20634 15.1663H10.7863C13.213 15.1663 14.6597 13.7197 14.6597 11.293V5.70634C14.6663 3.27967 13.2197 1.83301 10.793 1.83301ZM7.99967 12.6663C6.80634 12.6663 5.87301 12.073 5.23967 11.4863V11.9597C5.23967 12.233 5.01301 12.4597 4.73967 12.4597C4.46634 12.4597 4.23967 12.233 4.23967 11.9597V10.1263C4.23967 9.85301 4.46634 9.62634 4.73967 9.62634H6.39301C6.66634 9.62634 6.89301 9.85301 6.89301 10.1263C6.89301 10.3997 6.66634 10.6263 6.39301 10.6263H5.79301C6.28634 11.1197 7.05301 11.6663 7.99967 11.6663C9.74634 11.6663 11.1663 10.2463 11.1663 8.49967C11.1663 8.22634 11.393 7.99967 11.6663 7.99967C11.9397 7.99967 12.1663 8.22634 12.1663 8.49967C12.1663 10.7997 10.2997 12.6663 7.99967 12.6663ZM12.1663 6.85967C12.1663 6.87967 12.1663 6.89967 12.1663 6.91301C12.1597 6.98634 12.1397 7.05301 12.1063 7.11301C12.073 7.17301 12.0263 7.22634 11.9663 7.27301C11.9197 7.30634 11.8663 7.33301 11.8063 7.35301C11.7597 7.36634 11.713 7.37301 11.6663 7.37301H10.0463C9.77301 7.37301 9.54634 7.14634 9.54634 6.87301C9.54634 6.59967 9.77301 6.37301 10.0463 6.37301H10.5997C10.0663 5.87967 9.20634 5.33301 8.01301 5.33301C6.26634 5.33301 4.84634 6.75301 4.84634 8.49967C4.84634 8.77301 4.61967 8.99967 4.34634 8.99967C4.07301 8.99967 3.83301 8.77301 3.83301 8.49967C3.83301 6.19967 5.69967 4.33301 7.99967 4.33301C9.43301 4.33301 10.4863 4.95301 11.1663 5.54634V5.03967C11.1663 4.76634 11.393 4.53967 11.6663 4.53967C11.9397 4.53967 12.1663 4.76634 12.1663 5.03967V6.85967Z" fill="currentColor"/></svg>',
-            color: '#2e2e30',
-            size: 16,
-          },
-        },
-      },
-      connectionIssue: { // Помилка фатальна в процесі
-        warningStyle: 'faded', // Стиль попередження
-        content: { // Параметри попередження
-          icon: {
-            showIcon: true, // Показувати іконку
-            src: '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M21.76 16.42L15.36 4.9C14.5 3.35 13.31 2.5 12 2.5C10.69 2.5 9.49998 3.35 8.63998 4.9L2.23998 16.42C1.42998 17.89 1.33998 19.3 1.98998 20.41C2.63998 21.52 3.91998 22.13 5.59998 22.13H18.4C20.08 22.13 21.36 21.52 22.01 20.41C22.66 19.3 22.57 17.88 21.76 16.42ZM11.25 9.5C11.25 9.09 11.59 8.75 12 8.75C12.41 8.75 12.75 9.09 12.75 9.5V14.5C12.75 14.91 12.41 15.25 12 15.25C11.59 15.25 11.25 14.91 11.25 14.5V9.5ZM12.71 18.21C12.66 18.25 12.61 18.29 12.56 18.33C12.5 18.37 12.44 18.4 12.38 18.42C12.32 18.45 12.26 18.47 12.19 18.48C12.13 18.49 12.06 18.5 12 18.5C11.94 18.5 11.87 18.49 11.8 18.48C11.74 18.47 11.68 18.45 11.62 18.42C11.56 18.4 11.5 18.37 11.44 18.33C11.39 18.29 11.34 18.25 11.29 18.21C11.11 18.02 11 17.76 11 17.5C11 17.24 11.11 16.98 11.29 16.79C11.34 16.75 11.39 16.71 11.44 16.67C11.5 16.63 11.56 16.6 11.62 16.58C11.68 16.55 11.74 16.53 11.8 16.52C11.93 16.49 12.07 16.49 12.19 16.52C12.26 16.53 12.32 16.55 12.38 16.58C12.44 16.6 12.5 16.63 12.56 16.67C12.61 16.71 12.66 16.75 12.71 16.79C12.89 16.98 13 17.24 13 17.5C13 17.76 12.89 18.02 12.71 18.21Z" fill="#FFCC77"/>\n</svg>',
-            color: '#fff',
-            size: 16,
-          },
-          bgColor: '#8A7045', // Колір фону
-          verticalSpacing: 8,
-          sidePadding: 8,
-          color: '#fff', // Колір тексту
-        },
-        resetButton: { // Кнопка скидання
-          bgType: 'filled',
-          showType: 'both',
-          borderRadius: 12,
-          size: 'md',
-          color: '#2e2e30', // Колір тексту кнопки
-          bgColor: '#e5e1dd', // Колір фону кнопки
-          fontSize: 12,
-          icon: {
-            showIcon: true,
-            src: '<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.793 1.83301H5.20634C2.77967 1.83301 1.33301 3.27967 1.33301 5.70634V11.2863C1.33301 13.7197 2.77967 15.1663 5.20634 15.1663H10.7863C13.213 15.1663 14.6597 13.7197 14.6597 11.293V5.70634C14.6663 3.27967 13.2197 1.83301 10.793 1.83301ZM7.99967 12.6663C6.80634 12.6663 5.87301 12.073 5.23967 11.4863V11.9597C5.23967 12.233 5.01301 12.4597 4.73967 12.4597C4.46634 12.4597 4.23967 12.233 4.23967 11.9597V10.1263C4.23967 9.85301 4.46634 9.62634 4.73967 9.62634H6.39301C6.66634 9.62634 6.89301 9.85301 6.89301 10.1263C6.89301 10.3997 6.66634 10.6263 6.39301 10.6263H5.79301C6.28634 11.1197 7.05301 11.6663 7.99967 11.6663C9.74634 11.6663 11.1663 10.2463 11.1663 8.49967C11.1663 8.22634 11.393 7.99967 11.6663 7.99967C11.9397 7.99967 12.1663 8.22634 12.1663 8.49967C12.1663 10.7997 10.2997 12.6663 7.99967 12.6663ZM12.1663 6.85967C12.1663 6.87967 12.1663 6.89967 12.1663 6.91301C12.1597 6.98634 12.1397 7.05301 12.1063 7.11301C12.073 7.17301 12.0263 7.22634 11.9663 7.27301C11.9197 7.30634 11.8663 7.33301 11.8063 7.35301C11.7597 7.36634 11.713 7.37301 11.6663 7.37301H10.0463C9.77301 7.37301 9.54634 7.14634 9.54634 6.87301C9.54634 6.59967 9.77301 6.37301 10.0463 6.37301H10.5997C10.0663 5.87967 9.20634 5.33301 8.01301 5.33301C6.26634 5.33301 4.84634 6.75301 4.84634 8.49967C4.84634 8.77301 4.61967 8.99967 4.34634 8.99967C4.07301 8.99967 3.83301 8.77301 3.83301 8.49967C3.83301 6.19967 5.69967 4.33301 7.99967 4.33301C9.43301 4.33301 10.4863 4.95301 11.1663 5.54634V5.03967C11.1663 4.76634 11.393 4.53967 11.6663 4.53967C11.9397 4.53967 12.1663 4.76634 12.1663 5.03967V6.85967Z" fill="currentColor"/></svg>',
-            color: '#2e2e30',
-            size: 16,
-          },
-        },
-      },
-      reconnectIssue: { // Помилка перепідключення
-        warningStyle: 'gradient', // Стиль попередження
-        content: { // Параметри попередження
-         bgColor: '#8A7045', // Колір фону
-        color: '#fff', // Колір тексту
-        borderRadius: 12,
-        verticalSpacing: 8,
-        sidePadding: 8,
-        margin: 8,
-          icon: {
-            showIcon: true, // Показувати іконку
-            src:
-              '<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d=\"M4 4.02667C3.06667 5.08667 2.5 6.48 2.5 8C2.5 11.3133 5.18667 14 8.5 14C11.8133 14 14.5 11.3133 14.5 8C14.5 4.68667 11.8133 2 8.5 2C8.02667 2 7.56667 2.05333 7.12667 2.16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>',
-            color: '#FFF',
-            size: 16,
-          }
-        },
-      },
-      disableInputIssue: { // Блокування введення
-        warningStyle: 'gradient', // Стиль попередження
-        content: { // Параметри попередження
-          bgColor: '#8A7045', // Колір фону
-          color: '#fff', // Колір тексту
-          icon: {
-            showIcon: true, // Показувати іконку
-          src:
-            '<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d=\"M4 4.02667C3.06667 5.08667 2.5 6.48 2.5 8C2.5 11.3133 5.18667 14 8.5 14C11.8133 14 14.5 11.3133 14.5 8C14.5 4.68667 11.8133 2 8.5 2C8.02667 2 7.56667 2.05333 7.12667 2.16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>',
-            color: '#FFF',
-          }},
-
-
-      },
-    },
-    loader: {
-      typingLoader:{
-        color: '#8E8E8F',
-        bgColor: '#2F2F31',
-      },
-      completeStep: {
-        verticalSpacing: 8,
-        fontSize: 12,
-        color: '#8E8E8F',
-        icon: {
-          showIcon: true,
-          src: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M7.99967 14.6666C11.6816 14.6666 14.6663 11.6818 14.6663 7.99992C14.6663 4.31802 11.6816 1.33325 7.99967 1.33325C4.31778 1.33325 1.33301 4.31802 1.33301 7.99992C1.33301 11.6818 4.31778 14.6666 7.99967 14.6666Z" fill="currentColor"></path><path d="M7.05297 10.3867C6.91964 10.3867 6.79297 10.3334 6.69964 10.2401L4.81297 8.3534C4.61964 8.16007 4.61964 7.84007 4.81297 7.64673C5.0063 7.4534 5.3263 7.4534 5.51964 7.64673L7.05297 9.18007L10.4796 5.7534C10.673 5.56007 10.993 5.56007 11.1863 5.7534C11.3796 5.94673 11.3796 6.26673 11.1863 6.46006L7.4063 10.2401C7.31297 10.3334 7.1863 10.3867 7.05297 10.3867Z" fill="currentColor"></path></svg>',
-          color: '#8E8E8F',
-          size: 16,
-        }
-      },
-      activeStep: {
-        fontSize: 12,
-        color: '#FFF',
-        icon: {
-          showIcon: true,
-          src: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 4.02667C2.56667 5.08667 2 6.48 2 8C2 11.3133 4.68667 14 8 14C11.3133 14 14 11.3133 14 8C14 4.68667 11.3133 2 8 2C7.52667 2 7.06667 2.05333 6.62667 2.16" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>',
-          color: '#fff',
-          size: 16,
-        }
-      },
-    },
-    top: { // Верхня частина віджета
-      params: { // Параметри верхньої частини
-        size: 'md', // Розмір
-        bgColor: '#5E4AC6', // Колір фону
-        bgStyle: 'gradient', // Стиль фону
-        paddingVertical: 8, // Вертикальний відступ
-        paddingHorizontal: 8, // Горизонтальний відступ
-        chipStyle: 'filled', // Стиль чіпа
-        buttonStyle: 'filled', // Стиль кнопки
-      },
-      chipWidgetTitle: { // Заголовок чипа
-        color: '#fff', // Колір тексту
-        bgColor: '#5E4AC6', // Колір фону
-        borderRadius: 12,
-        showType: 'both',
-      },
-      buttons: { // Кнопки
-        color: '#BBBBBD', // Колір тексту
-        bgColor: '#2F2F31', // Колір фону
-        borderRadius: 12,
-        showType: 'both',
-      },
-    },
-    inside: { // Внутрішня частина віджета
-      params: { // Параметри внутрішньої частини
-        size: 'md', // Розмір
-        letterSpacing: 0,
-      },
-      welcomeMessage: { // Привітання
-        color: '#fff', // Колір тексту
-        bgType: 'gradient', // Стиль фону
-        fontSize: 14,
-        size: 'md',
-        borderRadius: 12,
-        borderWidth: 1,
-        bgColor: '#595959',
-      },
-      messageUser: { // Повідомлення користувача
-        color: '#F9F8F8', // Колір тексту
-        bgColor: '#F8F8F933', // Колір фону
-        bgType: 'bubble', // Тип фону
-        borderRadius: 12,
-        fontSize: 14,
-        size: 'md',
-        borderWidth: 1,
-        borderColor: '#595959',
-      },
-      messageBot: { // Повідомлення бота
-        color: '#fff', // Колір тексту
-        bgColor: '#5E4AC6', // Колір фону
-        bgType: 'plain', // Тип фону
-        borderRadius: 12,
-        fontSize: 14,
-        size: 'md',
-        borderWidth: 1,
-        borderColor: '#595959',
-      },
-      activeSnippet: { // Сніппет
-        params: { // Параметри сніппета
-          buttonType: 'both', // Тип кнопки
-          buttonStyle: 'filled', // Стиль кнопки
-          size: 'md', // Розмір
-        },
-        element: {
-          color: '#fff', // Колір тексту
-          bgColor: '#373739', // Колір фону
-          borderRadius: 12,
-          borderWidth: 1,
-          borderColor: '#595959',
-          verticalSpacing: 8,
-          sidePadding: 8,
-          fontSize: 12,
-        },
-        headerChip: { // Заголовок чипа
-          color: '#fff', // Колір тексту
-          bgColor: '#69696A', // Колір фону
-          borderRadius: 12,
-          size: 'md',
-          fontSize: 12,
-          bgType: 'filled',
-        },
-        propertyColor: 'rgba(255, 255, 255, 0.30)', // Колір тексту
-        valueColor: '#fff', // Колір тексту
-        yesButton: { // Кнопка так
-          color: '#fff', // Колір тексту
-          bgColor: '#12A150', // Колір фону
-          borderRadius: 12,
-          fontSize: 12,
-        },
-        noButton: { // Кнопка ні
-          color: '#fff', // Колір тексту
-          bgColor: '#C20E4D', // Колір фону
-          borderRadius: 12,
-          fontSize: 12,
-        },
-      },
-    },
-    bottom: { // Нижня частина віджета
-      params: { // Параметри нижньої частини
-        size: 'md', // Розмір
-        disclaimerShow: false, // Показувати дисклеймер
-      },
-      inputSend: { // Кнопка відправлення
-        size: 'md',
-        color: '#EEECEC', // Колір тексту
-        bgColor: '#373739', // Колір фону
-        borderColor: '#595959', // Колір бордера
-        borderWidth: 1, // Ширина бордера
-        inputStyle: 'inside', // Стиль введення
-        bgType: 'plain', // Тип фону
-        paddingVertical: 8,
-        paddingHorizontal: 8,
-        sidePadding: 8,
-        fontSize: 12,
-        borderRadius: 8,
-      },
-      btnSend: { // Кнопка відправлення
-        color: '#1E1E1E', // Колір тексту
-        bgColor: 'rgba(255, 255, 255, 0.50)', // Колір фону
-        showType: 'both', // Тип кнопки
-        borderWidth: 1,
-        borderColor: '#595959',
-        borderRadius: 50,
-        size: 'md',
-        fontSize: 12,
-        icon: {
-          showIcon: true,
-          src: '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 2.56445C9.01973 2.56449 9.03453 2.57164 9.04395 2.58105L13.5967 7.13379C13.606 7.14324 13.6133 7.15811 13.6133 7.17773C13.6132 7.19738 13.606 7.21226 13.5967 7.22168L13.5898 7.22754L13.584 7.23438C13.5865 7.23164 13.5864 7.23284 13.5801 7.23535C13.5732 7.23801 13.5633 7.24018 13.5527 7.24023C13.5431 7.24023 13.5351 7.23862 13.5293 7.23633C13.524 7.23419 13.5171 7.22992 13.5088 7.22168L9 2.71289L4.49121 7.22168C4.48176 7.23107 4.46699 7.23828 4.44727 7.23828C4.42752 7.23826 4.41275 7.23109 4.40332 7.22168C4.3939 7.21226 4.38676 7.19747 4.38672 7.17773C4.38672 7.15801 4.39393 7.14324 4.40332 7.13379L8.95605 2.58105C8.9655 2.57167 8.98027 2.56445 9 2.56445Z" stroke="currentColor"/><path d="M9 2.68994C9.01306 2.68994 9.02868 2.69518 9.04297 2.70947C9.05726 2.72376 9.0625 2.73938 9.0625 2.75244V15.3745C9.0625 15.3875 9.0571 15.4032 9.04297 15.4175C9.02868 15.4318 9.01306 15.437 9 15.437C8.98694 15.437 8.97132 15.4318 8.95703 15.4175C8.9429 15.4032 8.9375 15.3875 8.9375 15.3745V2.75244C8.9375 2.73938 8.94274 2.72376 8.95703 2.70947C8.97132 2.69518 8.98694 2.68994 9 2.68994Z" fill="currentColor" stroke="currentColor"/></svg>',
-          color: '#fff',
-          size: 18,
-        },
-      },
-      disclaimer: { // Дисклеймер
-        color: '#fff', // Колір тексту
-        bgColor: '#FF0000', // Колір фону
-        height: 20, // Висота
-        fontSize: 12, // Розмір тексту
-      },
-    },
-  },
-}
-
-
-
+import type { WidgetConfig } from "./config.types";
+import configV3 from "../themes/configV3.json";
+export const DEFAULT_CONFIG: WidgetConfig = configV3 as WidgetConfig;

package/src/index.ts

@@ -1,9 +1,11 @@
 export * from './config.types'
 export * from './utils'
 export { DEFAULT_CONFIG } from './default-config'
-
-// Система миграции конфигураций
-// Явный реэкспорт с алиасом для конфликтующего имени ConfigSchema
+// Theme presets are exported via package subpath exports (see `package.json#exports`):
+// - `@yartsun/chat-widget-types/themes/<file>.json`
+// - `@yartsun/chat-widget-types/THEME_V3_*`
+// Config migration system
+// Explicit re-export with an alias for the conflicting name `ConfigSchema`
 export {
   ConfigVersion,
   MigrationResult,

package/src/migration/commands.ts

@@ -161,7 +161,31 @@ export class DefaultVersionDetector implements VersionDetector {
         return null
       }
 
-      // V2 признаки: наличие новых полей
+      // Explicit schema version hint (helps distinguish 3.1 configs).
+      if ((config as any)?.schema?.version === '3.1') {
+        return '3.1'
+      }
+
+      // V3 signals: presence of enhanced fields
+      const hasV3Features = [
+        config.settings.theme !== undefined,
+        config.settings.container !== undefined,
+        config.sections.top.params?.border !== undefined,
+        config.sections.top.params?.sideMargin !== undefined,
+        config.sections.top.params?.borderRadius !== undefined,
+        config.sections.inside.dataAction !== undefined,
+        config.sections.bottom.btnVoice !== undefined,
+        config.sections.inside.welcomeMessage?.borderColor !== undefined,
+      ]
+
+      // If there are at least 3 V3 signals, treat it as V3 family (3.0/3.1)
+      const v3FeaturesCount = hasV3Features.filter(Boolean).length
+      if (v3FeaturesCount >= 3) {
+        // Default to 3.0 when schema version is not explicitly set to 3.1.
+        return (config as any)?.schema?.version === '3.1' ? '3.1' : '3.0'
+      }
+
+      // V2 signals: presence of newer fields
       const hasV2Features = [
         config.settings.loader !== undefined,
         config.settings.buttonStyle !== undefined,
@@ -174,7 +198,7 @@ export class DefaultVersionDetector implements VersionDetector {
         config.sections.bottom.disclaimer !== undefined
       ]
 
-      // Если есть хотя бы 3 признака V2, считаем это V2
+      // If there are at least 3 V2 signals, treat it as V2
       const v2FeaturesCount = hasV2Features.filter(Boolean).length
       if (v2FeaturesCount >= 3) {
         return '2.0'
@@ -236,6 +260,10 @@ export class DefaultConfigValidator implements ConfigValidator {
         case '2.0':
           this.validateV2(config, errors, warnings)
           break
+        case '3.0':
+        case '3.1':
+          this.validateV3(config, errors, warnings)
+          break
         default:
           warnings.push(`Валидация для версии ${version} не реализована`)
       }
@@ -285,6 +313,41 @@ export class DefaultConfigValidator implements ConfigValidator {
     }
   }
 
+  private validateV3(config: any, errors: string[], warnings: string[]): void {
+    // Сначала валидируем как V2
+    this.validateV2(config, errors, warnings)
+
+    // Дополнительные проверки для V3
+    const expectedV3Fields = [
+      'settings.theme',
+      'settings.container',
+      'sections.top.params.border',
+      'sections.top.params.sideMargin',
+      'sections.top.params.borderRadius',
+      'sections.inside.dataAction',
+      'sections.bottom.btnVoice'
+    ]
+
+    for (const field of expectedV3Fields) {
+      if (!this.getNestedValue(config, field)) {
+        warnings.push(`Рекомендуется добавить поле V3: ${field}`)
+      }
+    }
+
+    // Проверяем структуру container если он есть
+    if (config.settings?.container) {
+      if (!config.settings.container.innerBorder) {
+        warnings.push('settings.container.innerBorder рекомендуется добавить')
+      }
+      if (!config.settings.container.outerBorder) {
+        warnings.push('settings.container.outerBorder рекомендуется добавить')
+      }
+      if (!config.settings.container.gradient) {
+        warnings.push('settings.container.gradient is recommended to add')
+      }
+    }
+  }
+
   private getNestedValue(obj: any, path: string): any {
     return path.split('.').reduce((current, key) => current?.[key], obj)
   }

package/src/migration/facade.ts

@@ -7,6 +7,7 @@ import {
   MigrationResult, 
   MigrationOptions, 
   MigrationReport, 
+  LATEST_CONFIG_VERSION,
   ConfigV1, 
   ConfigV2 
 } from './types'
@@ -17,7 +18,7 @@ import { WidgetConfig } from '../config.types'
 export class MigrationFacade {
   private migrator: ConfigMigrator
 
-  constructor(verbose: boolean = false) {
+  constructor(verbose: boolean = true) {
     const logger = new DefaultMigrationLogger(verbose)
     this.migrator = new ConfigMigrator(logger)
   }
@@ -29,11 +30,19 @@ export class MigrationFacade {
     return this.migrator.migrate<ConfigV2>(config, '2.0', options)
   }
 
+  /**
+   * Мигрировать конфигурацию V2 в V3 (enhanced)
+   */
+  async migrateV2toV3(config: ConfigV2, options?: MigrationOptions): Promise<MigrationResult<WidgetConfig>> {
+    return this.migrator.migrate<WidgetConfig>(config, '3.0', options)
+  }
+
   /**
    * Мигрировать конфигурацию в последнюю версию
    */
   async migrateToLatest(config: any, options?: MigrationOptions): Promise<MigrationResult<WidgetConfig>> {
-    return this.migrator.migrate<WidgetConfig>(config, '2.0', options) // пока V2 - последняя
+    // Use the latest supported version from the shared version list.
+    return this.migrator.migrate<WidgetConfig>(config, LATEST_CONFIG_VERSION, options)
   }
 
   /**
@@ -80,6 +89,18 @@ export async function quickMigrateV1toV2(config: ConfigV1, options?: MigrationOp
   }
 }
 
+/**
+ * Quick migration V2 -> V3 (enhanced)
+ */
+export async function quickMigrateV2toV3(config: ConfigV2, options?: MigrationOptions): Promise<WidgetConfig | null> {
+  try {
+    const result = await migrationFacade.migrateV2toV3(config, options)
+    return result.success ? result.data! : null
+  } catch {
+    return null
+  }
+}
+
 /**
  * Быстрая миграция в последнюю версию
  */

package/src/migration/migrator.ts

@@ -8,7 +8,8 @@ import {
   MigrationOptions,
   MigrationReport,
   MigrationLogger,
-  ConfigVersion
+  ConfigVersion,
+  CONFIG_VERSIONS
 } from './types'
 import { WidgetConfig } from '../config.types'
 import { getStrategiesForMigration } from './strategies'
@@ -49,6 +50,20 @@ export class ConfigMigrator {
     this.versionDetector = new DefaultVersionDetector()
   }
 
+  private setSchemaVersion(config: any, version: ConfigVersion): void {
+    if (!config || typeof config !== 'object') return
+    const schema = (config as any).schema
+    if (!schema || typeof schema !== 'object') {
+      // Keep shape compatible with ConfigSchema from config.types.ts
+      ;(config as any).schema = { version, required: [] }
+      return
+    }
+    ;(schema as any).version = version
+    if (!Array.isArray((schema as any).required)) {
+      ;(schema as any).required = []
+    }
+  }
+
   /**
    * Выполнить миграцию конфигурации
    */
@@ -59,7 +74,6 @@ export class ConfigMigrator {
   ): Promise<MigrationResult<T>> {
     const startTime = Date.now()
     this.logger.info(`Начинаем миграцию к версии ${targetVersion}`)
-
     try {
       // Детекция текущей версии
       const currentVersion = this.versionDetector.detect(config)
@@ -107,6 +121,9 @@ export class ConfigMigrator {
         allWarnings.push(...stepResult.warnings)
       }
 
+      // Ensure schema version matches the target after successful migration steps.
+      this.setSchemaVersion(currentConfig, targetVersion)
+
       // Финальная валидация
       const validateCommand = CommandFactory.createCommand('ValidateConfig')
       if (validateCommand) {
@@ -272,9 +289,8 @@ export class ConfigMigrator {
     // Простая логика для последовательной миграции
     // В будущем можно расширить для более сложных сценариев
     
-    const versions: ConfigVersion[] = ['1.0', '2.0', '3.0']
-    const fromIndex = versions.indexOf(from)
-    const toIndex = versions.indexOf(to)
+    const fromIndex = CONFIG_VERSIONS.indexOf(from)
+    const toIndex = CONFIG_VERSIONS.indexOf(to)
 
     if (fromIndex === -1 || toIndex === -1) {
       return []
@@ -285,7 +301,7 @@ export class ConfigMigrator {
     if (fromIndex < toIndex) {
       // Прямая миграция (вперед)
       for (let i = fromIndex; i < toIndex; i++) {
-        path.push({ from: versions[i], to: versions[i + 1] })
+        path.push({ from: CONFIG_VERSIONS[i], to: CONFIG_VERSIONS[i + 1] })
       }
     } else if (fromIndex > toIndex) {
       // Обратная миграция (назад) - пока не поддерживается