feat(Message): Add ability to edit user prompt

[rebeccaalpert]

Add prop to trigger edit mode and display form when edit mode is on. Add examples/tests.

Docs: https://chatbot-pr-chatbot-505.surge.sh/patternfly-ai/chatbot/messages#user-messages

[patternfly-build]

Preview: https://chatbot-pr-chatbot-505.surge.sh

A11y report: https://chatbot-pr-chatbot-505-a11y.surge.sh

[edonehoo]

I noticed that when I actually updated a message, it seems to take precedence over the other content type options--just me?

Screen.Recording.2025-04-02.at.4.50.52.PM.mov

[edonehoo]

Oops actually update: actually it's just a "sticky" behavior for the radio button, not always the editable one. For ex it just remained stuck on the code default selection here -

Screen.Recording.2025-04-02.at.4.54.38.PM.mov

[rebeccaalpert]

Good catch; thank you!

[edonehoo]

Some remaining questions, but nothing to hold this back

• Do we plan to offer the trigger for editing? As a message action, or something like that? Or are we not wiring that up for users
• I think in practice the placeholder text should be the text content for the original message that is being edited, but unless we put up a multi-step demo for the entire edit sequence (including triggering it on a message), I think what we have is fine for the example

[rebeccaalpert]

Do we plan to offer the trigger for editing? As a message action, or something like that? Or are we not wiring that up for users

Kayla will work on a design for the trigger and we'll get it in at that point.

I think in practice the placeholder text should be the text content for the original message that is being edited, but unless we put up a multi-step demo for the entire edit sequence (including triggering it on a message), I think what we have is fine for the example

We can definitely add this once we have a trigger. The placeholder only shows if there's no message text, which is uncommon.

[kaylachumley]

Hey! to erins comment: I did make an issue to explore the trigger for the edit user prompt.
I noticed that when you drag the resizable text area, it drags over the vertical tabs. is it meant to do that?

Screen.Recording.2025-04-09.at.12.29.16.PM.mov

[rebeccaalpert]

Yup, that's what PatternFly does @kaylachumley!

[kmcfaul]

Do we want to toggle isEditable based on something inside the message when it's in the editable variant? It was a little odd to me using the example when I edited + saved and then couldn't get back to the edit interface without swapping to another variant and back.

I don't think this is a blocker since it's only example code quirks.

[rebeccaalpert]

The trigger is something design is still working out! We'll make it a little more straightforward once they've made decisions.

[kaylachumley]

its in my to do list! here is the issue for it patternfly/patternfly-design-kit#801

[rebeccaalpert]

Just rebasing since another PR caused a merge conflict here.

[github-actions]

🎉 This PR is included in version 2.2.0-prerelease.46 🎉

The release is available on:

• GitHub release
• npm package (@prerelease dist-tag)

Your semantic-release bot 📦🚀