Group chatbot messages by default

[freddyaboulton]

Description

Closes: #8850

By default, consecutive messages are displayed in the same bubble. This is controlled by the new display_consecutive_in_same_bubble param of Chatbot.

🎯 PRs Should Target Issues

Before your create a PR, please check to see if there is an existing issue for this change. If not, please create an issue before you create this PR, unless the fix is very small.

Not adhering to this guideline will result in the PR being closed.

Testing and Formatting Your Code

1. PRs will only be merged if tests pass on CI. We recommend at least running the backend tests locally, please set up your Gradio environment locally and run the backed tests: bash scripts/run_backend_tests.sh

2. Please run these bash scripts to automatically format your code: bash scripts/format_backend.sh, and (if you made any changes to non-Python files) bash scripts/format_frontend.sh

[gradio-pr-bot]

🪼 branch checks and previews

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

---

Install Gradio from this PR

pip install https://gradio-pypi-previews.s3.amazonaws.com/c5e4d46c5c47779fdc6751496095a2ec5af83f45/gradio-5.8.0-py3-none-any.whl

Install Gradio Python Client from this PR

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

Install Gradio JS Client from this PR

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

Use Lite from this PR

<script type="module" src="https://gradio-lite-previews.s3.amazonaws.com/c5e4d46c5c47779fdc6751496095a2ec5af83f45/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

With the following changelog entry.

By default, consecutive messages are displayed in the same bubble. This is controlled by the new display_consecutive_in_same_bubble param of Chatbot.

⚠️ The changeset file for this pull request has been modified manually, so the changeset generation bot has been disabled. To go back into automatic mode, delete the changeset file.

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.

[abidlabs]

Nit: the parameter name is kinda long. How about group_consecutive_messages?

[abidlabs]

The only small thing I noticed was that when a file is not the first message in a group of messages, then the top right icons look "off" because they are rounded and lack a top border. E.g. look at the icons in the top right of the audio waveform here:

(Produced by running python demo/test_chatinterface_multimodal_examples/run.py and selecting the rightmost example.)

Otherwise, LGTM!

[abidlabs]

Also I don't think the grouping applies if type="tuples"

[freddyaboulton]

Should be good for a re-review now - thanks @hannahblair for fixing the styling. We have omitted borders but fixed the rounding. We tried the borders but we think it looks better without.

[abidlabs]

Tested and looks great! Only nit is about shortening the parameter name but otherwise good to me