Refactor messages

[g-francesca]

Here are the key points covered in the PR:

• Ref ORM-1537: The abort button is now visible while the message is streaming.
• Ref ORM-1536: Quick actions are now visible as soon as the message streaming completes. The regenerate button is visible only for the last item, and it runs the regenerateLast function provided by the orama client. We are currently not getting answers as an array of strings, so we always show the last regenerated answer.
• Ref ORM-1547: Hardcoded sources have been replaced with the real ones. However, there are still some points to improve/fix:
  • The path is not absolute, so we may want to pass a baseUrl to make the link work.
  • The sources documents have different data structures, so we need to create some mapping (similar to what we did with resultsMapping) to display the correct fields.
  • I noticed that sometimes we get an answer like 'I'm not able to answer', but still get sources. I think we should not get any sources in this case.

I also did some refactoring to the chatContext state, so it now only includes:

const { state: chatContext } = createStore({
  chatService: null as ChatService | null,
  interactions: [] as TChatInteraction[],
})

I removed messages in favor of interactions, and the status is now handled as a single interaction status (not a global one). This way, updating the UI according to the answer status (which. is what we mostly do) becomes simpler. The type of a single interaction is:

export type TChatInteraction = {
  query: string
  response?: string
  sources?: TSource[]
  status: TAnswerStatus
  interactionId?: string
}

Which is closer to the status we get from the server. These types should be imported by the client for consistency though

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
orama-ui-components-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 24, 2024 9:43pm

[linear]

ORM-1537 Stop answer button - fix

Currently, we only allow aborting the answer when the message is loading, not when it's updating. Therefore, if the answer is too long, we can't stop it

ORM-1547 Implement sources

Replace hardcoded sources with the real ones

ORM-1536 Quick actions fixes

• Quick actions must be displayed only on message complete ✅
• Add aria-label to buttons to make them accessible ✅
• implement regenerate logic and make sure to handle error if regenerate ✅
• Regenerate should be visible only for the last item ✅

[rjborba]

Nice! 🔥🔥🔥

[rjborba]

I think we should do a earlier return here so we do not have everything wrapped in a If:

if(!this.interaction.reponse) {
    return;
}

[rjborba]

Should we leave it here?

[micheleriva]

I'd rather not :D

[g-francesca]

thanks for spotting 😺