(EAI-317) [UI] Rich Links in Chatbot

mongodb / chatbot

MongoDB Chatbot Framework. Powered by MongoDB and Atlas Vector Search.

https://mongodb.github.io/chatbot/

Apache License 2.0

106 stars 48 forks source link

Closed nlarew closed 1 week ago

nlarew commented 2 months ago

Jira: (EAI-317) [UI] Rich Links in Chatbot

Refactors how we handle references from the API
- Before: we formatted MessageData.references as markdown & appended to the end of the MessageData.content
- After: we handle MessageData.references separately from MessageData.content inside of Message.tsx. Instead of appending the links as markdown, we pass them to the @lg-chat/message component via the new links prop.

mongodben commented 1 month ago

when i pull the PR and run the code, i no longer see any links. both for generated and verified answers. any ideas what's going on here?

mongodben commented 2 weeks ago

general observation on the UX:

there's a lot of truncation of titles, and it's not clear where exactly the sources are coming from.

for example the middle 2 links here:

i think it'd be beneficial to have some way to show more info. few ideas:

also could be good to have the "data source" name in there, like google does, for example how it says "MongoDB Manual v7.0" after the article title: