AI-асистент для конфігуратора: новий підхід до кастомної ERP-системи для виробництва

Валентина Левицька
28 січ.
Читати 5 хв

Customera — це low code платформа, а не система. Це підхід для створення систем, де основна логіка і структура прописується в конфігураторі, а кодом дописуємо нестандартну логіку, плагіни або API інтеграції.

Що таке конфіг у Customera?

Конфіг у Customera — це опис елементів ERP-рішення з конкретними правилами.

Конфіг складається з:

об’єктів системи (довідники, документи, регістри/показники, звіти)
полів (типи даних, обов’язковість, зв’язки)
інтерфейсу (форми, таблиці, табличні частини, фільтри)
бізнес-логіки (статуси, валідації, правила проведення/розрахунків)
ролів та прав доступів

Тобто конфіг — це інструкція, за якою платформа збирає конкретну ERP-систему під процеси бізнесу.

До прикладу: у конфіг-файлі створюємо такі сутності “Номенклатура”, “Склад”, “Замовлення”. Кожна сутність буде мати певну табличну частину, яку ми налаштуємо. Потім задамо правила, як товар буде рухатися в межах цих сутностей. Ну і якщо потрібна якась нетипова логіка (наприклад, особливий розрахунок собівартості), тоді дописуємо кодом.

Зрештою ми налаштовуємо конфіг. Якщо потрібно додати новий документ, не треба переписувати код. Це все робиться у конфіг-файлі, на якому побудована наша платформа. Наша команда вирішила, що правильним рішенням буде розробити AI-асистента для Config Builder. Адже конфіг може бути громіздким, а асистент пришвидшить роботу з сутностями, формами, правилами та ролями.

AI покриває три основні області:

1. Конфігурацію рішення (low-code частину) — структура каталогів і документів, життєві цикли, розширення, спільні функції тощо.

2. Шаблони переглядів (view templates) — кастомні макети форм каталогів і документів на React/TSX.

3. Друковані форми (print templates) — HTML/Handlebars-шаблони для друку та експорту в PDF.

Далі ми покажемо на прикладах і скрінах, що саме робить AI в кожній із цих областей та як це використовувати.

Ось так виглядає AI-асистент — асистент конфігурації

Що робить AI-асистент у Config Builder?

відповідає на питання про поточну конфігурацію: структуру сутностей, поля, властивості.
вносить зміни в конфіг за вашим описом: додає та редагує каталоги, документи, поля, переліки (enums) тощо.
використовує інструменти: пошук у документації, читання фрагментів конфігу, запропоновані зміни у вигляді JSON Patch.

Користувач переглядає пропозиції та застосовує їх одним кліком.

Приклади запитів до асистента.

додай поле “email” до каталогу “Клієнт”
що таке alias у конфігурації?
додай документ “Замовлення” з полями дата, контрагент і сума.

Тобто AI-асистент допомагає і з ознайомленням структури рішення, і з редагуванням самої конфігурації.

Зв’язок з кодом: життєві цикли, функції, розширення

У багатьох екранах Config Builder є вбудований редактор коду (Monaco Editor).

Це стосується, зокрема:

Життєвих циклів документів: `onBeforeSave`, `onActivate`, `OnBeforeCreateFormUI`
Обробників каталогів
Спільних утилітів (Shared Utils) — функції, які перевикористовуються- Розширення (Extensions) — кастомний код рішення
Data Views — скрипти перегляду даних
CanCreateDocuments та інші функції на основі правил

У всіх цих редакторах є механізм «Додати в чат»: якщо виділити фрагмент коду і трохи затримати курсор, з’являється кнопка, яка відкриває Асистента конфігурації з уже підставленим цим фрагментом і шляхом у конфігу (наприклад, `documents.Sales.onBeforeSave`).

На скріншоті у правому нижньому кутку є плаваюча кнопка — Floating Assistant, що відкриває той самий чат, у якому б місці ви не знаходились.

Натискаєте на кнопку “додати в чат” і вам відкриється вікно, де ви зможете:

передати в чат конкретний життєвий цикл або функцію і попросити допомогти з логікою, рефакторингом або змінами;
отримати пояснення, що робить виділений код;
попросити змінити конфіг (наприклад, «перенеси цю перевірку в onBeforeSave документа Х»), і AI запропонує патчі (JSON Patch/diff) до конфігурації.

Тобто вся low-code частина (життєві цикли, обробники, функції на основі, розширення, data views) покрита не окремим “код-асистентом”, а єдиним Асистентом конфігурації через кнопку «Додати в чат» у редакторах коду.

View templates: кастомні шаблони форм на React/TSX

Далі розглянемо кастомні шаблони переглядів (view templates), де у редакторі шаблону перегляду каталогу або документа — окрема панель «Асистент» поряд з редактором коду та прев’ю.

Це дозволяє одразу: змінювати шаблон, бачити результат, уточнювати у асистента логіку або структуру.

View template — це React/TSX-компонент, що описує, як виглядає форма каталогу або документа: поля, сітки, вкладки, таблиці зв’язаних даних тощо.

Що можемо зробити за допомогою асистента?

дізнатися, які поля є, як використовувати компоненти (@sdk/ui), як змінити розмітку, що таке `form`, `config` у пропсах тощо.
редагувати макет за запитом: додати поля, змінити ширину, порядок, розбити на колонки/вкладки, підібрати компоненти (наприклад, `TableView` для підтаблиць).

AI отримує поточний код макету, конфіг сутності (каталог/документ) і загальний конфіг рішення, тому пропозиції враховують ваші поля та структуру. Відповідь у режимі «зміни» — це повний валідний TSX-код компонента (без markdown-блоків), який можна одразу підставити в редактор і подивитися в прев’ю. Якщо потрібно, можна порівняти з поточною версією (diff).

На даному скріні асистент додав поле “коментар/нотатки”

На скріні підсвічується код зеленим кольором, за допомогою якого поле “коментар/нотатки” було додане.

Обмеження: AI керується чіткою інструкцією «роби лише те, що просять» — не змінює непотрібні частини макету та не розширюй scope запиту.

Print templates: друковані форми та експорт у PDF

Окремий великий блок — друковані форми (print templates) для документів ERP (накладні, рахунки, акти, специфікації), які використовуються для друку та експорту в PDF.

У редакторі друкованої форми — окрема панель Асистента поруч з редакторами HTML-шаблону та функції отримання даних.

Друкована форма складається з:

HTML/Handlebars-шаблону — як виглядає документ на друк/PDF;
функції отримання даних (або аналогу) — які дані підставляються в шаблон;
тестових даних — для перегляду форми без збереженого документа.

Що робить AI-асистент у print templates:

Відповідає на питання по шаблону та верстці, наприклад:
які Handlebars-хелпери доступні (форматування валюти і дати, представлення списоку тощо)
як краще верстати таблиці для друку
як додати підсумки, колонтитули, нумерацію сторінок, розриви сторінок
як правильно готувати дані для шаблону
Редагує тільки HTML/Handlebars-шаблон: за вашим описом змінює розмітку й стилі, додає рядки/колонки, підсумки, нумерацію сторінок тощо.

Важливо: функція отримання даних і тестові дані передаються в чат лише як контекст — AI їх не змінює.

Формат відповіді та застосування змін

Асистент повертає короткий опис змін та повний код шаблону.

Редактор може підставити оновлений шаблон і одразу показати прев’ю (або diff),

Приклад

Ви надіслали AI- асистенту фото якоїсь рандомної форми і отримали власний шаблон готовий до використання.

Що AI враховує у порадах для друкованих форм:

Коли асистент пропонує зміни до print templates, він враховує специфіку друку та експорту в PDF, зокрема:

вимоги до друку/PDF (наприклад, не ускладнювати верстку, враховувати відступи в мм/см);
обмеження фонів і кольорів при друку;
коректну структуру документа: семантичні таблиці, заголовки, колонтитули, розриви сторінок;
українську мову в підписах і текстах.

Важливий момент: AI покриває саме шаблон відображення (HTML/Handlebars), а не логіку збору даних.

Режими роботи та інтерфейс

У чатах Асистента зазвичай доступні режими на кшталт «швидкий» / «про» (flash / pro), що впливають на модель і швидкість відповіді.

Можливість пошуку (search) дозволяє підтягувати актуальну документацію або зовнішні джерела, якщо підтримується.

Як застосовуються результати в різних частинах Config Builder

Для конфігурації: AI пропонує конкретні patch-зміни. Ви переглядаєте їх у UI й застосовуєте окремо або всі разом.
Для view templates та print templates: AI повертає код. Ви вставляєте його в редактор, перевіряєте прев’ю або diff, і за потреби допрацьовуєте вручну.

Підсумок: що саме покриває AI в Customera

AI-асистент у Config Builder покриває ключові частини побудови ERP-рішень в Customera:

конфігурацію (структура сутностей, поля, правила, ролі, enums, patches),
код (життєві цикли, функції, extensions, data views),
інтерфейс через view templates (React/TSX),
друковані форми через print templates (HTML/Handlebars, PDF).