Admin panel: AI assistant FAQ - Waiviogit/waivio GitHub Wiki

FAQ Page (Admin β†’ AI Assistant β†’ FAQ)

Overview

The FAQ page is an admin tool used to manage a special set of Question & Answer (Q&A) entries that train and support the Waivio AI Assistant. These FAQs are designed to help the assistant respond correctly to technical and platform-related questions from users.

Admins can:

  • Add new FAQ items
  • Edit existing FAQ items
  • Delete FAQ items
  • Apply changes to the AI Assistant using Update AI Assistant

Page Layout

1) Header

At the top of the page you can see:

  • FAQ title
  • A short description explaining that this section allows admins to add custom FAQs to teach the AI Assistant.

Main Controls

βœ… Add Q&A Button

Button: + Add Q&A Opens a modal window where a new FAQ item can be created.

Used for:

  • Adding new technical questions and correct answers
  • Extending AI Assistant knowledge using structured Q&A

βœ… Update AI Assistant Button

Button: Update AI Assistant This applies the latest FAQ changes so the AI Assistant can use them when answering questions.

When clicked, a confirmation popup appears:

Modal: β€œUpdate AI Assistant”

  • Message: confirms that updated information will be applied

  • Buttons:

    • Cancel (closes modal)
    • Update (applies changes)

Filters and Search

πŸ” Search Field

Field: Search question or answer... Allows searching FAQ items by text contained in either:

  • Question
  • Answer

🏷 Topic Dropdown

Dropdown: All topics Filters the list by FAQ topic/category.

Examples of topics shown in the table:

  • general
  • Waivio General

πŸ“„ Page Size Dropdown

Dropdown: e.g., 5 Controls how many FAQ items are shown per page.

FAQ Table

The FAQ list is displayed in a table with 3 columns:

1) Question

Shows the FAQ question title and a preview of the answer content underneath.

If the answer is long, the entry displays:

  • truncated text
  • β€œShow more” link to expand it inside the table preview

2) Topic

Shows the topic label assigned to this Q&A entry (e.g., general, Waivio General).

3) Actions

Each FAQ item includes two actions:

  • Edit β€” opens the edit modal to update the Q&A
  • Delete β€” opens confirmation modal to remove the FAQ

Modals (Pop-up Windows)

1) Add Q&A Modal

Title: Add Q&A

Fields:

  • Question β€” single-line input
  • Answer β€” multi-line text area
  • Add image β€” optional image upload/attachment
  • Topic β€” dropdown selection

Buttons:

  • Cancel β€” closes without saving
  • Add β€” saves a new FAQ entry

2) Edit Q&A Modal

Title: Edit Q&A Opens when clicking Edit on an existing Q&A.

Fields:

  • Question β€” editable field containing the current question
  • Answer β€” editable field containing the current answer (can also include inserted image links)
  • Add image β€” attach or remove image
  • Topic β€” editable dropdown

Buttons:

  • Cancel β€” exits without saving
  • Save β€” saves changes to the FAQ item

3) Delete FAQ Confirmation Modal

Title: Delete FAQ

Message: Are you sure you want to delete this FAQ?

Buttons:

  • Cancel β€” closes modal without deleting
  • OK β€” permanently deletes the FAQ item

Pagination

At the bottom of the table there are controls for navigating through FAQ pages:

  • << First
  • < Prev
  • Page number indicator (e.g., Page 1)
  • Next >

FAQ Management Workflow

Add a new FAQ

  1. Click + Add Q&A
  2. Fill in Question and Answer
  3. (Optional) Add an image
  4. Select a Topic
  5. Click Add
  6. Click Update AI Assistant to apply changes

Edit an existing FAQ

  1. Click Edit on a row
  2. Update question/answer/topic/image as needed
  3. Click Save
  4. Click Update AI Assistant

Delete an FAQ

  1. Click Delete on a row
  2. Confirm by clicking OK
  3. Click Update AI Assistant if required

image image image image image

Additional information

  • [admin / ai] Add AI Assistant statistics: FAQ tab. #7961 #7868