Add ability to provide preset response options in gr.Chatbot / gr.ChatInterface

[abidlabs]

Adds an optional options field to MessageDict that can take a list of dictionaries of value and optionally, a separate label, which produces preset options that a user can click on.

To see it in action, please run: demo/chatinterface_options/run.py

Screen.Recording.2024-11-20.at.2.07.07.PM.mov

Closes: #8698
Closes: #4763
Closes: #6372

I'm working on improving the ChatInterface docs so hold off on reviewing those, but once the docs are ready, it'll also close:

Closes: #9917

[gradio-pr-bot]

🪼 branch checks and previews

•	Name	Status	URL
	Spaces	ready!	Spaces preview
	Website	building...
	Storybook	ready!	Storybook preview
🦄	Changes	detected!	Details

---

Install Gradio from this PR

pip install https://gradio-pypi-previews.s3.amazonaws.com/1607c279e37d26f35261449408eaa9fd62a06d5c/gradio-5.6.0-py3-none-any.whl

Install Gradio Python Client from this PR

pip install "gradio-client @ git+https://github.com/gradio-app/gradio@1607c279e37d26f35261449408eaa9fd62a06d5c#subdirectory=client/python"

Install Gradio JS Client from this PR

npm install https://gradio-npm-previews.s3.amazonaws.com/1607c279e37d26f35261449408eaa9fd62a06d5c/gradio-client-1.8.0.tgz

Use Lite from this PR

<script type="module" src="https://gradio-lite-previews.s3.amazonaws.com/1607c279e37d26f35261449408eaa9fd62a06d5c/dist/lite.js""></script>

[gradio-pr-bot]

🦄 change detected

This Pull Request includes changes to the following packages.

Package	Version
@gradio/chatbot	minor
gradio	minor

• Maintainers can select this checkbox to manually select packages to update.

With the following changelog entry.

Add ability to provide preset response options in gr.Chatbot / gr.ChatInterface

Maintainers or the PR author can modify the PR title to modify this entry.

Something isn't right?

• Maintainers can change the version label to modify the version bump.
• If the bot has failed to detect any changes, or if this pull request needs to update multiple packages to different versions or requires a more comprehensive changelog entry, maintainers can update the changelog file directly.

[hysts]

LGTM!

[abidlabs]

Tweaked the styling a bit (cc @hannahblair):

Screen.Recording.2024-11-21.at.7.29.14.AM.online-video-cutter.com.mp4

[abidlabs]

Maybe presets or responses would be a better name instead of options? Open to suggestions on the api

[abidlabs]

Thanks @hannahblair for the docs fixes! Had no idea I repeat words that often

[dawoodkhan82]

why did we remove this?

[abidlabs]

Accident! Will restore

[dawoodkhan82]

Left one small comment. Otherwise lgtm!

[abidlabs]

Thanks @hysts and @dawoodkhan82 for reviewing!