Adding sytem message prompt on certain conditions to chat

[arvindsaraf]

I am using ReactAI AIChat component - and want to periodically add system prompt to the frontend chat, eg something like below:
`useEffect(() => {
const interval = setInterval(() => {
console.log("Chat Timer event triggered....")
// Simulate an API call to fetch text
const confusingContent = "Newton's 3rd law";

        // Update the system message with the fetched text
        setSystemMessage(`Attention Tag discovered some confusion about this text: ${confusingContent}. Please show some remedial content to help clarify`);
    }, 100);

    // Cleanup the interval on component unmount
    return () => clearInterval(interval);
}, []);

return (
    <AiChat
        adapter={chatGptAdapter}
        systemMessage={systemMessage} // Pass the system prompt to AiChat
        promptBoxOptions={{
            placeholder: 'How can I help you today?'
        }}
    />
);`

The above doesn't work - since the systemMessage param does not exist. What is best way to add this prompt to a live session? Is there a field -eg systemMessage that the component can be made to listen to? Or any other way?

Thanks

[salmenus]

Nice idea @arvindsaraf 💡

We can probably add an API to enable send/changing the system message ..

The system message is basically like a normal user message .. that also gets sent to ChatGPT, but doesn't get displayed to the user .. and ChatGPT does not response to it.

We can have something like:

chatGptAdapter.sendSystemMessage('custom system message')

That can be called whenever it's needed.

Feature request added to backlog! ✔️
I'll update this thread once it's implemented

[salmenus]

Related proposal here:
#58

[salmenus]

Closing as it's a duplicate of #58

Please track #58 for updates.