[waivio / assistant] Create waivio custom support bot using AI technology

[Diana-Cherry-8]

Back-task #5440

yammer 3743 waivio / assistant

Create waivio custom support bot using AI technology

6612

[Diana-Cherry-8]

Add "Contact" options for pre-prepared prompts. The contact option is a text and link to the Waivio object Threads: https://www.waivio.com/object/ylr-waivio/threads

[Diana-Cherry-8]

Подравнять кнопку, сверху отступ меньше, чем снизу. Может тень добавить вокруг кнопки.

[Diana-Cherry-8]

Попробовать шрифт поменять как в левом сайдбаре для welcome текста.

[Diana-Cherry-8]

Нужно понимать url, и показывать ее.

[Diana-Cherry-8]

Попробовать чтобы шрифт самого текста был как на постах

[Diana-Cherry-8]

Анимация на закрытие окошка не очень гладко, и оно медленно опускается вниз.

https://github.com/Waiviogit/waivio/assets/67378322/b90e42c1-da11-4256-9b41-037d6cf69e7a

https://github.com/Waiviogit/waivio/assets/67378322/62c9be1e-3293-469c-a9ea-fc671efe6e9e

[Diana-Cherry-8]

Крестик в поле отображается, но ничего не происходит после нажатия

[Diana-Cherry-8]

При hover на send кнопку нет текста. В целом текст Send лучше поменять на иконку для отправки.

[Diana-Cherry-8]

Длинный текст пишется в одну строку

[Diana-Cherry-8]

Editor После нажатия на Publish AI chat показывается в раскрытом виде

[Diana-Cherry-8]

Кнопку для send нужно поставить посередине высоты поля, сейчас она ближе к концу

[Diana-Cherry-8]

Кнопка AI становиться прозрачной, при hover

[Diana-Cherry-8]

Enter работает на отправку сообщение, но нужно чтобы перенос на новую строку был. Или можно Shirt + Enter чтобы был перенос на новую строку

https://github.com/Waiviogit/waivio/assets/67378322/ecf6b711-dbdb-4061-bf66-a3b1f8508295

[Diana-Cherry-8]

Текст выход за рамки поля, и появляется горизонтальный скролл, при длинном тексте

[Diana-Cherry-8]

Ссылки с новой строки, и после нее текст с новой строки.

[Diana-Cherry-8]

Поле уходит вниз, и все окно чата заслоняется если вставить большой текст. Нужно чтобы поле было до максимальной длинны там 5 строк, и там уже можно передвигаться с помощью курсора (поле price на объектах как пример)

https://github.com/Waiviogit/waivio/assets/67378322/904889ca-bb80-4d83-a418-8f6c78dc8278

https://github.com/Waiviogit/waivio/assets/67378322/0869ada0-71e9-4073-9b63-f3438c36c09b

[Diana-Cherry-8]

Поле ввода не очищается, если нажать на кнопку закрыть (по нажатию на кнопку свернуть пусть так и будет, пусть не очищается)

https://github.com/Waiviogit/waivio/assets/67378322/871fd14b-fff0-4628-9c38-c95f59508201

[Diana-Cherry-8]

Добавить font-weight: 500

• для пунктов proofread, translate, about waivio
• для всего текста в переписке тоже.

[Diana-Cherry-8]

Ссылка может неправильно показываться. Теоретически два формата ссылок может быть:

• полная ссылка https://example.com мы ее так и показываем, оранжевым цветом и переход на нее же.
• формат с именем для ссылки это [имя](самассылка) [ex](https://example.com). В тексте мы показываем "имя", а по клику идет переход на саму ссылку.

[Diana-Cherry-8]

Нужно блокировать кнопку для отправки, пока не будет ответа. Чтобы нельзя было отправлять сообщение один за другим, не дожидаюсь ответа от первого.

https://github.com/Waiviogit/waivio/assets/67378322/4f8bcca8-8389-4773-8902-98748b401d99

[Diana-Cherry-8]

После того как пользователь отправил сообщение нужно убирать info и options блок (на других чатах так работает, так это для начального экрана, потом это нужно убирать)

[Diana-Cherry-8]

Mobile Окно чата отрывается на бок, часть не видна

[Diana-Cherry-8]

Если открыть окно, то кнопка будет отображаться, ее можно скрывать

[Diana-Cherry-8]

Добавить font-weight и для самого текста в поле, чтобы было одинаково во всем окне

[Diana-Cherry-8]

Ссылки с новой строки в ответе

[Diana-Cherry-8]

Курсор накладывается на кнопку для отправки, если большой текст в поле

[Diana-Cherry-8]

Если задать вопрос "Give 10 links with more details", то список будет не помещаться в рамки поля ответа

[Diana-Cherry-8]

Отступы внутри сообщений можно увеличить со всех сторон

[Diana-Cherry-8]

Увеличить отступ между сообщениями

[Diana-Cherry-8]

Fix стиль кнопки AI:

• Увеличить размер кнопки до 50 px (сейчас 37)
• добавить тень, это вроде норм box-shadow: rgba(31, 31, 31, 0.5) 2px 2px 5px 0px !important;
• добавить hover - чтобы цвет ставал светлее (например, в модалке Transfer если навести на Continue кнопку)

https://github.com/user-attachments/assets/2e4e4c9c-b92c-4286-97b2-4e57d6940ac3

[Diana-Cherry-8]

Если чат был не начат, то кнопку "выключения чата" можно прятать. Она будет появляться после того как чат будут активен.

[Diana-Cherry-8]

Proofread и Transate нужно поменять как они работают. Нужно, чтобы после нажатия на эти пункты, этот текст ("Proofread" или "Translate to English") вставлялся в текстовое поле, и не отправлялось. Иначе очень странные ответы иногда.

[Diana-Cherry-8]

При добавлении Proofread и Translate, лучше по добавлению еще пустую строку добавлять и курсор туда, чтобы курсор был с новой строки

[Diana-Cherry-8]

Добавить две точки после "Proofread:", "Translate to English:" Поменять "About Waivio" на строку "Question about Waivio:" и будет работать как proofread/translate

[Diana-Cherry-8]

Пустую строку нужно добавлять тоже после всех пунктов, чтобы курсор был с новой строки, там был

[Diana-Cherry-8]

Пустая строка если отправить между строками, хотя в самом поле не было. Если через enter + shift ставить новую строку

https://github.com/user-attachments/assets/4ac2250a-ea35-4ed4-9ded-8ce2dd18ce43

[Diana-Cherry-8]

Может курсор тоже можно сразу чтобы он был в поле для написания после нажатия на пункты

[Diana-Cherry-8]

Staging checked

[Diana-Cherry-8]

Production checked

[Diana-Cherry-8]

После публикации поста, после нажатия на Publish, видно открытое окно чата, если выполнять меншин или ревью

[Diana-Cherry-8]

Поcле нажатия на Publish появляется нижний скролл

https://github.com/user-attachments/assets/4e6f838e-a88f-421e-8e88-72693a90bcfe

[Diana-Cherry-8]

Mobile

• Нужно добавить отступ сверху, иначе не видно верхней панели чата
• в целом подправить высоту если отправить сообщение, иначе много белого экрана

[Diana-Cherry-8]

Уменьшить AI кнопку на десктопе и мобилке

[Diana-Cherry-8]

Поправить скрол, при ответе-написании

[katerynapadafa]

remove feed scroll

[Diana-Cherry-8]

[AI / buttons] use the trash can icon to clear the chat (without closing the window). Zoom in and out to avoid erroneous finger presses. In the future, you can add a Maximize button to expand to full screen on desktop using the ChatGPT type (font, etc.) #6808

[Diana-Cherry-8]

[AI / formatting] minor corrections to AI window format #6807

[Diana-Cherry-8]

Добавить margin-top: 5px для .ChatWindow .info, чтобы текст "How can..." был немного ниже и подравнять расстояние до и после текста.

[Diana-Cherry-8]

Наверно тут должен быть кружочек

[Diana-Cherry-8]

По нажатию на кнопку trash, окно не должно закрывать, только убираться чат и возвращать начальный экран (с текстом How can I help you today?)

https://github.com/user-attachments/assets/f1215d41-d964-422e-9501-348123dc7efa