fix(ui): search bar design

[Brazol]

Submit a pull request

Linear: FLU-399, FLU-382

Github Issue: #

CLA

• I have signed the Stream CLA (required).
• The code changes follow best practices
• Code changes are tested (add some information if not applicable)

Description of the pull request

Screenshots / Videos

Before	After

[coderabbitai]

Important

Review skipped

Too many files!

This PR contains 300 files, which is 150 over the limit of 150.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 66e7642d-85fb-458c-b094-ccdc57b05b84

📥 Commits

Reviewing files that changed from the base of the PR and between 1168767 and b7e7c0d.

📒 Files selected for processing (300)

• .github/dependabot.yml
• .github/workflows/distribute_external.yml
• .github/workflows/distribute_internal.yml
• .github/workflows/legacy_version_analyze.yml
• .github/workflows/stream_flutter_workflow.yml
• .github/workflows/update_goldens.yml
• .gitignore
• CLAUDE.md
• analysis_options.yaml
• melos.yaml
• migrations/redesign/README.md
• migrations/redesign/channel_list_item.md
• migrations/redesign/image_cdn.md
• migrations/redesign/message_actions.md
• migrations/redesign/reaction_picker.md
• migrations/redesign/stream_avatar.md
• migrations/v10-migration.md
• packages/stream_chat/CHANGELOG.md
• packages/stream_chat/example/lib/main.dart
• packages/stream_chat/example/pubspec.yaml
• packages/stream_chat/lib/src/client/channel.dart
• packages/stream_chat/lib/src/client/channel_delivery_reporter.dart
• packages/stream_chat/lib/src/client/client.dart
• packages/stream_chat/lib/src/client/event_resolvers.dart
• packages/stream_chat/lib/src/client/key_stroke_handler.dart
• packages/stream_chat/lib/src/client/retry_policy.dart
• packages/stream_chat/lib/src/client/retry_queue.dart
• packages/stream_chat/lib/src/core/api/attachment_file_uploader.dart
• packages/stream_chat/lib/src/core/api/call_api.dart
• packages/stream_chat/lib/src/core/api/channel_api.dart
• packages/stream_chat/lib/src/core/api/device_api.dart
• packages/stream_chat/lib/src/core/api/general_api.dart
• packages/stream_chat/lib/src/core/api/message_api.dart
• packages/stream_chat/lib/src/core/api/requests.dart
• packages/stream_chat/lib/src/core/api/requests.g.dart
• packages/stream_chat/lib/src/core/api/responses.dart
• packages/stream_chat/lib/src/core/api/responses.g.dart
• packages/stream_chat/lib/src/core/api/sort_order.dart
• packages/stream_chat/lib/src/core/api/sort_order.g.dart
• packages/stream_chat/lib/src/core/api/stream_chat_api.dart
• packages/stream_chat/lib/src/core/api/user_api.dart
• packages/stream_chat/lib/src/core/error/chat_error_code.dart
• packages/stream_chat/lib/src/core/error/stream_chat_error.dart
• packages/stream_chat/lib/src/core/http/interceptor/logging_interceptor.dart
• packages/stream_chat/lib/src/core/http/stream_chat_dio_error.dart
• packages/stream_chat/lib/src/core/http/stream_http_client.dart
• packages/stream_chat/lib/src/core/http/stream_http_client_options.dart
• packages/stream_chat/lib/src/core/http/system_environment_manager.dart
• packages/stream_chat/lib/src/core/http/token.dart
• packages/stream_chat/lib/src/core/http/token_manager.dart
• packages/stream_chat/lib/src/core/models/action.g.dart
• packages/stream_chat/lib/src/core/models/attachment.dart
• packages/stream_chat/lib/src/core/models/attachment.g.dart
• packages/stream_chat/lib/src/core/models/attachment_file.dart
• packages/stream_chat/lib/src/core/models/attachment_file.g.dart
• packages/stream_chat/lib/src/core/models/attachment_giphy_info.dart
• packages/stream_chat/lib/src/core/models/banned_user.dart
• packages/stream_chat/lib/src/core/models/banned_user.g.dart
• packages/stream_chat/lib/src/core/models/call_payload.dart
• packages/stream_chat/lib/src/core/models/call_payload.g.dart
• packages/stream_chat/lib/src/core/models/channel_config.dart
• packages/stream_chat/lib/src/core/models/channel_config.g.dart
• packages/stream_chat/lib/src/core/models/channel_model.dart
• packages/stream_chat/lib/src/core/models/channel_model.g.dart
• packages/stream_chat/lib/src/core/models/channel_mute.dart
• packages/stream_chat/lib/src/core/models/channel_mute.g.dart
• packages/stream_chat/lib/src/core/models/channel_state.dart
• packages/stream_chat/lib/src/core/models/channel_state.g.dart
• packages/stream_chat/lib/src/core/models/command.dart
• packages/stream_chat/lib/src/core/models/command.g.dart
• packages/stream_chat/lib/src/core/models/comparable_field.dart
• packages/stream_chat/lib/src/core/models/device.g.dart
• packages/stream_chat/lib/src/core/models/draft.dart
• packages/stream_chat/lib/src/core/models/draft.g.dart
• packages/stream_chat/lib/src/core/models/draft_message.dart
• packages/stream_chat/lib/src/core/models/draft_message.g.dart
• packages/stream_chat/lib/src/core/models/event.dart
• packages/stream_chat/lib/src/core/models/event.g.dart
• packages/stream_chat/lib/src/core/models/filter.dart
• packages/stream_chat/lib/src/core/models/location.dart
• packages/stream_chat/lib/src/core/models/location.g.dart
• packages/stream_chat/lib/src/core/models/location_coordinates.dart
• packages/stream_chat/lib/src/core/models/member.dart
• packages/stream_chat/lib/src/core/models/member.g.dart
• packages/stream_chat/lib/src/core/models/message.dart
• packages/stream_chat/lib/src/core/models/message.g.dart
• packages/stream_chat/lib/src/core/models/message_delete_scope.dart
• packages/stream_chat/lib/src/core/models/message_delete_scope.freezed.dart
• packages/stream_chat/lib/src/core/models/message_delete_scope.g.dart
• packages/stream_chat/lib/src/core/models/message_delivery.g.dart
• packages/stream_chat/lib/src/core/models/message_reminder.dart
• packages/stream_chat/lib/src/core/models/message_reminder.g.dart
• packages/stream_chat/lib/src/core/models/message_state.dart
• packages/stream_chat/lib/src/core/models/message_state.freezed.dart
• packages/stream_chat/lib/src/core/models/message_state.g.dart
• packages/stream_chat/lib/src/core/models/moderation.dart
• packages/stream_chat/lib/src/core/models/moderation.g.dart
• packages/stream_chat/lib/src/core/models/mute.g.dart
• packages/stream_chat/lib/src/core/models/own_user.dart
• packages/stream_chat/lib/src/core/models/own_user.g.dart
• packages/stream_chat/lib/src/core/models/poll.dart
• packages/stream_chat/lib/src/core/models/poll.g.dart
• packages/stream_chat/lib/src/core/models/poll_option.dart
• packages/stream_chat/lib/src/core/models/poll_option.g.dart
• packages/stream_chat/lib/src/core/models/poll_vote.dart
• packages/stream_chat/lib/src/core/models/poll_vote.g.dart
• packages/stream_chat/lib/src/core/models/privacy_settings.g.dart
• packages/stream_chat/lib/src/core/models/push_preference.dart
• packages/stream_chat/lib/src/core/models/push_preference.g.dart
• packages/stream_chat/lib/src/core/models/reaction.dart
• packages/stream_chat/lib/src/core/models/reaction.g.dart
• packages/stream_chat/lib/src/core/models/reaction_group.dart
• packages/stream_chat/lib/src/core/models/reaction_group.g.dart
• packages/stream_chat/lib/src/core/models/read.dart
• packages/stream_chat/lib/src/core/models/read.g.dart
• packages/stream_chat/lib/src/core/models/thread.dart
• packages/stream_chat/lib/src/core/models/thread.g.dart
• packages/stream_chat/lib/src/core/models/thread_participant.dart
• packages/stream_chat/lib/src/core/models/thread_participant.g.dart
• packages/stream_chat/lib/src/core/models/unread_counts.dart
• packages/stream_chat/lib/src/core/models/unread_counts.g.dart
• packages/stream_chat/lib/src/core/models/user.dart
• packages/stream_chat/lib/src/core/models/user.g.dart
• packages/stream_chat/lib/src/core/models/user_block.dart
• packages/stream_chat/lib/src/core/models/user_block.g.dart
• packages/stream_chat/lib/src/core/util/event_controller.dart
• packages/stream_chat/lib/src/core/util/extension.dart
• packages/stream_chat/lib/src/core/util/message_rules.dart
• packages/stream_chat/lib/src/core/util/serializer.dart
• packages/stream_chat/lib/src/core/util/utils.dart
• packages/stream_chat/lib/src/db/chat_persistence_client.dart
• packages/stream_chat/lib/src/event_type.dart
• packages/stream_chat/lib/src/permission_type.dart
• packages/stream_chat/lib/src/ws/connect_user_details.g.dart
• packages/stream_chat/lib/src/ws/websocket.dart
• packages/stream_chat/lib/stream_chat.dart
• packages/stream_chat/lib/version.dart
• packages/stream_chat/pubspec.yaml
• packages/stream_chat/test/fixtures/channel_state_to_json.json
• packages/stream_chat/test/fixtures/member.json
• packages/stream_chat/test/fixtures/message.json
• packages/stream_chat/test/fixtures/message_to_json.json
• packages/stream_chat/test/fixtures/reaction.json
• packages/stream_chat/test/src/client/channel_delivery_reporter_test.dart
• packages/stream_chat/test/src/client/channel_test.dart
• packages/stream_chat/test/src/client/client_test.dart
• packages/stream_chat/test/src/client/event_resolvers_test.dart
• packages/stream_chat/test/src/client/retry_queue_test.dart
• packages/stream_chat/test/src/core/api/attachment_file_uploader_test.dart
• packages/stream_chat/test/src/core/api/call_api_test.dart
• packages/stream_chat/test/src/core/api/channel_api_test.dart
• packages/stream_chat/test/src/core/api/device_api_test.dart
• packages/stream_chat/test/src/core/api/general_api_test.dart
• packages/stream_chat/test/src/core/api/guest_api_test.dart
• packages/stream_chat/test/src/core/api/message_api_test.dart
• packages/stream_chat/test/src/core/api/moderation_api_test.dart
• packages/stream_chat/test/src/core/api/polls_api_test.dart
• packages/stream_chat/test/src/core/api/reminders_api_test.dart
• packages/stream_chat/test/src/core/api/responses_test.dart
• packages/stream_chat/test/src/core/api/sort_order_test.dart
• packages/stream_chat/test/src/core/api/user_api_test.dart
• packages/stream_chat/test/src/core/error/stream_chat_error_test.dart
• packages/stream_chat/test/src/core/http/adapter/custom_adapter_test.dart
• packages/stream_chat/test/src/core/http/interceptor/auth_interceptor_test.dart
• packages/stream_chat/test/src/core/http/stream_http_client_test.dart
• packages/stream_chat/test/src/core/http/token_manager_test.dart
• packages/stream_chat/test/src/core/http/token_test.dart
• packages/stream_chat/test/src/core/models/attachment_file_test.dart
• packages/stream_chat/test/src/core/models/attachment_giphy_info_test.dart
• packages/stream_chat/test/src/core/models/attachment_test.dart
• packages/stream_chat/test/src/core/models/call_payload_test.dart
• packages/stream_chat/test/src/core/models/channel_state_test.dart
• packages/stream_chat/test/src/core/models/draft_message_test.dart
• packages/stream_chat/test/src/core/models/event_test.dart
• packages/stream_chat/test/src/core/models/location_test.dart
• packages/stream_chat/test/src/core/models/member_test.dart
• packages/stream_chat/test/src/core/models/message_reaction_helper_test.dart
• packages/stream_chat/test/src/core/models/message_state_test.dart
• packages/stream_chat/test/src/core/models/message_test.dart
• packages/stream_chat/test/src/core/models/moderation_test.dart
• packages/stream_chat/test/src/core/models/own_user_test.dart
• packages/stream_chat/test/src/core/models/poll_test.dart
• packages/stream_chat/test/src/core/models/reaction_test.dart
• packages/stream_chat/test/src/core/models/read_test.dart
• packages/stream_chat/test/src/core/models/serialization_test.dart
• packages/stream_chat/test/src/core/models/thread_test.dart
• packages/stream_chat/test/src/core/models/user_block_test.dart
• packages/stream_chat/test/src/core/models/user_test.dart
• packages/stream_chat/test/src/core/util/event_controller_test.dart
• packages/stream_chat/test/src/core/util/message_rules_test.dart
• packages/stream_chat/test/src/core/util/serializer_test.dart
• packages/stream_chat/test/src/db/chat_persistence_client_test.dart
• packages/stream_chat/test/src/fakes.dart
• packages/stream_chat/test/src/matchers.dart
• packages/stream_chat/test/src/mocks.dart
• packages/stream_chat/test/src/utils.dart
• packages/stream_chat/test/src/ws/websocket_test.dart
• packages/stream_chat_flutter/CHANGELOG.md
• packages/stream_chat_flutter/dart_test.yaml
• packages/stream_chat_flutter/example/lib/debug/channel_page.dart
• packages/stream_chat_flutter/example/lib/main.dart
• packages/stream_chat_flutter/example/lib/split_view.dart
• packages/stream_chat_flutter/example/lib/tutorial_part_3.dart
• packages/stream_chat_flutter/example/lib/tutorial_part_4.dart
• packages/stream_chat_flutter/example/lib/tutorial_part_5.dart
• packages/stream_chat_flutter/example/pubspec.yaml
• packages/stream_chat_flutter/lib/conditional_parent_builder/conditional_parent_builder.dart
• packages/stream_chat_flutter/lib/platform_widget_builder/src/desktop_widget.dart
• packages/stream_chat_flutter/lib/platform_widget_builder/src/desktop_widget_base.dart
• packages/stream_chat_flutter/lib/platform_widget_builder/src/desktop_widget_builder.dart
• packages/stream_chat_flutter/lib/platform_widget_builder/src/platform_widget.dart
• packages/stream_chat_flutter/lib/platform_widget_builder/src/platform_widget_base.dart
• packages/stream_chat_flutter/lib/platform_widget_builder/src/platform_widget_builder.dart
• packages/stream_chat_flutter/lib/scrollable_positioned_list/src/element_registry.dart
• packages/stream_chat_flutter/lib/scrollable_positioned_list/src/item_positions_listener.dart
• packages/stream_chat_flutter/lib/scrollable_positioned_list/src/positioned_list.dart
• packages/stream_chat_flutter/lib/scrollable_positioned_list/src/scroll_view.dart
• packages/stream_chat_flutter/lib/scrollable_positioned_list/src/scrollable_positioned_list.dart
• packages/stream_chat_flutter/lib/scrollable_positioned_list/src/viewport.dart
• packages/stream_chat_flutter/lib/scrollable_positioned_list/src/wrapping.dart
• packages/stream_chat_flutter/lib/src/ai_assistant/ai_typing_indicator_view.dart
• packages/stream_chat_flutter/lib/src/ai_assistant/stream_typewriter_builder.dart
• packages/stream_chat_flutter/lib/src/ai_assistant/streaming_message_view.dart
• packages/stream_chat_flutter/lib/src/attachment/attachment.dart
• packages/stream_chat_flutter/lib/src/attachment/attachment_upload_state_builder.dart
• packages/stream_chat_flutter/lib/src/attachment/attachment_widget_catalog.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/attachment_widget_builder.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/mixed_attachment_builder.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/poll_attachment_builder.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/url_attachment_builder.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/voice_recording_attachment_builder/stream_voice_recording_list_player.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/voice_recording_attachment_builder/stream_voice_recording_loading.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/voice_recording_attachment_builder/stream_voice_recording_player.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/voice_recording_attachment_builder/stream_voice_recording_slider.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/voice_recording_attachment_builder/voice_recording_attachment_builder.dart
• packages/stream_chat_flutter/lib/src/attachment/builder/voice_recording_attachment_playlist_builder.dart
• packages/stream_chat_flutter/lib/src/attachment/file_attachment.dart
• packages/stream_chat_flutter/lib/src/attachment/gallery_attachment.dart
• packages/stream_chat_flutter/lib/src/attachment/giphy_attachment.dart
• packages/stream_chat_flutter/lib/src/attachment/handler/common.dart
• packages/stream_chat_flutter/lib/src/attachment/handler/stream_attachment_handler_base.dart
• packages/stream_chat_flutter/lib/src/attachment/handler/stream_attachment_handler_html.dart
• packages/stream_chat_flutter/lib/src/attachment/handler/stream_attachment_handler_io.dart
• packages/stream_chat_flutter/lib/src/attachment/image_attachment.dart
• packages/stream_chat_flutter/lib/src/attachment/poll_attachment.dart
• packages/stream_chat_flutter/lib/src/attachment/thumbnail/file_attachment_thumbnail.dart
• packages/stream_chat_flutter/lib/src/attachment/thumbnail/image_attachment_thumbnail.dart
• packages/stream_chat_flutter/lib/src/attachment/thumbnail/media_attachment_thumbnail.dart
• packages/stream_chat_flutter/lib/src/attachment/thumbnail/thumbnail_error.dart
• packages/stream_chat_flutter/lib/src/attachment/url_attachment.dart
• packages/stream_chat_flutter/lib/src/attachment/video_attachment.dart
• packages/stream_chat_flutter/lib/src/attachment/voice_recording_attachment.dart
• packages/stream_chat_flutter/lib/src/attachment/voice_recording_attachment_playlist.dart
• packages/stream_chat_flutter/lib/src/attachment_actions_modal/attachment_actions_modal.dart
• packages/stream_chat_flutter/lib/src/audio/audio_playlist_controller.dart
• packages/stream_chat_flutter/lib/src/audio/audio_playlist_state.dart
• packages/stream_chat_flutter/lib/src/audio/audio_sampling.dart
• packages/stream_chat_flutter/lib/src/autocomplete/stream_autocomplete.dart
• packages/stream_chat_flutter/lib/src/autocomplete/stream_command_autocomplete_options.dart
• packages/stream_chat_flutter/lib/src/autocomplete/stream_mention_autocomplete_options.dart
• packages/stream_chat_flutter/lib/src/avatars/group_avatar.dart
• packages/stream_chat_flutter/lib/src/avatars/user_avatar.dart
• packages/stream_chat_flutter/lib/src/bottom_sheets/edit_message_sheet.dart
• packages/stream_chat_flutter/lib/src/bottom_sheets/error_alert_sheet.dart
• packages/stream_chat_flutter/lib/src/bottom_sheets/stream_channel_info_bottom_sheet.dart
• packages/stream_chat_flutter/lib/src/channel/channel_header.dart
• packages/stream_chat_flutter/lib/src/channel/channel_info.dart
• packages/stream_chat_flutter/lib/src/channel/channel_list_header.dart
• packages/stream_chat_flutter/lib/src/channel/channel_name.dart
• packages/stream_chat_flutter/lib/src/channel/stream_channel_avatar.dart
• packages/stream_chat_flutter/lib/src/channel/stream_channel_name.dart
• packages/stream_chat_flutter/lib/src/components/avatar/stream_channel_avatar.dart
• packages/stream_chat_flutter/lib/src/components/avatar/stream_user_avatar.dart
• packages/stream_chat_flutter/lib/src/components/avatar/stream_user_avatar_group.dart
• packages/stream_chat_flutter/lib/src/components/avatar/stream_user_avatar_stack.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/message_composer.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_component_props.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_input_header.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_input_leading.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_input_trailing.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_leading.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_recording_locked.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_recording_ongoing.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/message_composer_trailing.dart
• packages/stream_chat_flutter/lib/src/components/message_composer/stream_chat_message_composer.dart
• packages/stream_chat_flutter/lib/src/components/stream_chat_component_builders.dart
• packages/stream_chat_flutter/lib/src/context_menu/context_menu.dart
• packages/stream_chat_flutter/lib/src/context_menu/context_menu_region.dart
• packages/stream_chat_flutter/lib/src/context_menu_items/context_menu_reaction_picker.dart
• packages/stream_chat_flutter/lib/src/context_menu_items/download_menu_item.dart
• packages/stream_chat_flutter/lib/src/context_menu_items/stream_chat_context_menu_item.dart
• packages/stream_chat_flutter/lib/src/dialogs/channel_info_dialog.dart
• packages/stream_chat_flutter/lib/src/dialogs/message_dialog.dart
• packages/stream_chat_flutter/lib/src/fullscreen_media/fsm_stub.dart
• packages/stream_chat_flutter/lib/src/fullscreen_media/full_screen_media.dart
• packages/stream_chat_flutter/lib/src/fullscreen_media/full_screen_media_builder.dart
• packages/stream_chat_flutter/lib/src/fullscreen_media/full_screen_media_desktop.dart
• packages/stream_chat_flutter/lib/src/gallery/gallery_footer.dart
• packages/stream_chat_flutter/lib/src/gallery/gallery_header.dart
• packages/stream_chat_flutter/lib/src/icons/stream_svg_icon.dart

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix/search-bar-design

📝 Coding Plan for PR comments

• Generate coding plan

---

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.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 64.78%. Comparing base (c4ea35a) to head (b7e7c0d).

Additional details and impacted files

@@                 Coverage Diff                  @@
##           feat/design-refresh    #2539   +/-   ##
====================================================
  Coverage                64.78%   64.78%           
====================================================
  Files                      437      437           
  Lines                    26539    26539           
====================================================
  Hits                     17194    17194           
  Misses                    9345     9345           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.