Improve message preview in message menu

[gpunto]

Goal

Improve message preview in message menu

Implementation

Add isPreviewMode to change the message appearance when in preview mode (i.e. in the message menu)

🎨 UI Changes

Add relevant screenshots

Before	After

Testing

Check the message menu for message with annotations and pinned ones (pinned messages already have an annotation)

Summary by CodeRabbit

• New Features

  • Added preview mode support for messages, providing customized visual presentation and enhanced styling when messages are displayed in message selection menus and other preview contexts.

• Style

  • Message backgrounds now render with transparency when in preview mode for improved visual hierarchy and clarity.
  • Message annotation colors automatically adjust when in preview mode to enhance text contrast and overall readability.

[github-actions]

PR checklist ✅

All required conditions are satisfied:

• Title length is OK (or ignored by label).
• At least one pr: label exists.
• Sections ### Goal, ### Implementation, and ### Testing are filled.

🎉 Great job! This PR is ready for review.

[github-actions]

SDK Size Comparison 📏

SDK	Before	After	Difference	Status
stream-chat-android-client	5.25 MB	5.68 MB	0.43 MB	🟡
stream-chat-android-ui-components	10.60 MB	10.98 MB	0.38 MB	🟡
stream-chat-android-compose	12.81 MB	12.08 MB	-0.73 MB	🚀

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 0ff77958-e65a-4f64-8d46-67976856fa01

📥 Commits

Reviewing files that changed from the base of the PR and between d41c055 and 3e77e06.

📒 Files selected for processing (4)

• stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/selectedmessage/SelectedMessageMenu.kt
• stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/messages/list/MessageContainer.kt
• stream-chat-android-ui-common/api/stream-chat-android-ui-common.api
• stream-chat-android-ui-common/src/main/kotlin/io/getstream/chat/android/ui/common/state/messages/list/MessageListItemState.kt

---

Walkthrough

A isPreviewMode boolean property is added to MessageItemState to support preview-mode message rendering. The selected message menu initializes messages with this flag set to true, and the message container adjusts highlight colors and annotation text colors based on this preview state.

Changes

Cohort / File(s)	Summary
Core State Model stream-chat-android-ui-common/src/main/kotlin/io/getstream/chat/android/ui/common/state/messages/list/MessageListItemState.kt	Added isPreviewMode: Boolean = false property to MessageItemState data class to indicate preview-mode rendering context.
API Definitions stream-chat-android-ui-common/api/stream-chat-android-ui-common.api	Updated MessageItemState constructor, copy, and synthetic method signatures to include new isPreviewMode parameter; added component15() and isPreviewMode() accessors.
UI Rendering stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/components/selectedmessage/SelectedMessageMenu.kt, stream-chat-android-compose/src/main/java/io/getstream/chat/android/compose/ui/messages/list/MessageContainer.kt	SelectedMessageMenu initializes MessageItemState with isPreviewMode = true; MessageContainer adjusts background color transparency and annotation text colors (annotationContentColor() helper) based on preview mode.

Estimated Code Review Effort

🎯 3 (Moderate) | ⏱️ ~22 minutes

Poem

🐰 A preview mode hops into view,
Messages dressed in their best debut,
Colors shift soft in the menu's embrace,
Annotations glow with newfound grace!
The UI composes a preview array,
Making messages shine in a special way! ✨

🚥 Pre-merge checks | ✅ 2 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 11.11% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately summarizes the main change: improving message preview appearance in the message menu through the addition of isPreviewMode.
Description check	✅ Passed	The description covers Goal and Implementation well, includes before/after screenshots, and provides testing guidance, but lacks several required sections like detailed Testing explanation, Contributor Checklist, and complete UI change context.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch redesign/improve-message-preview-in-message-menu

📝 Coding Plan

• Generate coding plan for human review comments

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
47.8% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud