✨AI Assistant

Overview

UI Bakery AI Assistant is an AI-based chatbot that can quickly help you with technical questions and code generation. The chatbot window is flexible - you can easily resize it and drag to any place on the screen. It also remembers you current settings - so next time you open it, window size and place will be the same. You can toggle AI Assistant with Cmd + I/Ctrl + I.

Chats and chat history

You can also access chat history to browse through, search, or select any chat you want to pick up right where you left off. Or if you prefer, you can start a new chat - once your first message is sent, the chat will automatically rename itself based on the conversation topic. Any chat you don't need any more can be deleted from the chat window as well.

Context and modes

AI Assistant also understands your current context - whether you're creating an action, writing an SQL query, or checking the Logs. The chat context will vary accordingly, and AI Assistant will offer tailored solutions to help you move forward with building your app.

The AI Assistant works in two modes - Documentation and Code generation.

Documentation mode

In this mode, the AI Assistant refers to UI Bakery documentation. When you ask a technical question, it explores the docs and gets back to you with an answer.

The Assistant also has access to the currently used action context and, based on that, can troubleshoot the action. Simply click the Debug with AI button in the action's Result section if you need chatbot's assistance in troubleshooting an action.

The Assistant's answer can be rated with Like/Dislike buttons. This allows to educate the chatbot in the best way possible so we highly encourage you to use these rating options.

If you notice that the Assistant's reply is not correct, contact us in the live chat or via email at [e-mail].

Code generation mode

Code generation mode can help with generating SQL queries or JavaScript code. This is especially useful for the execution of repetitive code, data transformations, or simply handling the not-so-well-known programming language.

To activate the Assistant in this mode, simply click on the chatbot's icon in the code field, specify the details of the query, and hit Enter. The AI Assistant has access to the current action context making code generation easier.

Data privacy

The AI Assistant is based on the Open AI GPT model. During the documentation or code generation request, Open AI API model may have access to the following user data:

• The question posed by the user or the code generation request

• Details about the action currently selected, including its name

• Information regarding the step presently selected within the action, such as:

  • Step name

  • Action code/SQL

  • Action type

  • Any errors resulting from the action

  • The structure of the result, including the key names and their corresponding types

• Names of the components and other used variables

• The payload sent to the data source (including data specified by the user)

• Structure of selected database tables, including columns

Please be aware that Open AI API does not receive any specific user information or actual data from data sources unless this data is included in the action request payload, which is selected during the chat request.

Activating AI Assistant on a self-hosted version

The AI assistant is hidden under a feature flag on a self-hosted version. To activate it on your instance, follow these steps:

1. Activate the UI_BAKERY_ENABLED_FEATURE_FLAGS=chat and UI_BAKERY_CHAT_API_URL=https://chat2.uibakery.io variables in the .env file.

2. Restart your instance docker compose up -d.