Studio: Add rotation to welcome messages

katinthehatsite commented 2 months ago

Closes: https://github.com/Automattic/dotcom-forge/issues/8981

Proposed Changes

This PR adds a rotation for example prompts so that every time you access the Assistant tab, you will get a new selection of prompts that come from the backend.

Testing Instructions

Apply this diff to your sandbox: D160843-code
Sandbox the public API
Pull the changes from this branch
Start the app with nvm use && npm install && npm start
Create a site
Navigate to the Assistant tab
Observe the two welcome messages and three example prompts
Switch to the Settings tab
Navigate back to the Assistant tab
Observe the new set of three example prompts

Pre-merge Checklist

[ ] Have you checked for TypeScript, React or other console errors?

katinthehatsite commented 2 months ago

I am expecting that the rotation mechanism might become more complex in the future so I added it to a separate hook

matt-west commented 2 months ago

Should we keep them static once they've loaded and change them only when the user rests the conversation?

I think that's sensible. It definitely feels weird to me for the prompts to change when the window is re-focussed.

katinthehatsite commented 2 months ago

@sejas we can cache the rotation once the user opens them for the first time on a specific site. I would like to merged this first if possible so that I can also work on https://github.com/Automattic/dotcom-forge/issues/8982 as some of the code is going to overlap. Can we handle this in a separate PR?

Automattic / studio