Skip to content

Comments

feat(UI): composer attachments#2514

Open
renefloor wants to merge 23 commits intofeat/design-refreshfrom
feature/composer-attachments
Open

feat(UI): composer attachments#2514
renefloor wants to merge 23 commits intofeat/design-refreshfrom
feature/composer-attachments

Conversation

@renefloor
Copy link
Contributor

@renefloor renefloor commented Feb 19, 2026

Submit a pull request

Linear: FLU-371

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

This PR has 2 big features. It adds the attachments in the DefaultStreamMessageComposerInputHeader. The header used to be completely empty.

Required PR in core: GetStream/stream-core-flutter#55

Most attachments look good, only the attachment for audio/voice has to be updated to the new UI.

It also updates the audio recorder to fit with the new composer. The audio recorder is not fully finished yet, it's still missing the waveform on the locked and stopped states.

This PR is already quite big and was focussed on showing media and file attachments.

TODO for next PRs:

  • Create ComponentFactories for message composer and for the different attachment types.
  • Create new UI for audio attachment
  • Improve RichText UI of the input field itself
  • Add missing features, such as DMs
  • Cleanup StreamMessageInput, StreamMessageInputAttachmentList and StreamAudioRecorderButton.
  • Create migrations docs
  • Enable draft messages

Screenshots / Videos

composer.demo.mov

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Feb 19, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

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 feature/composer-attachments

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

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

@renefloor renefloor changed the title Feature/composer attachments feat(UI): composer attachments Feb 19, 2026
@renefloor renefloor force-pushed the feature/composer-attachments branch from 5e48527 to c2fd3f8 Compare February 19, 2026 09:54
renefloor and others added 3 commits February 19, 2026 11:26
…e/composer-attachments

# Conflicts:
#	packages/stream_chat_flutter/test/src/avatars/goldens/ci/user_avatar_0.png
#	packages/stream_chat_flutter/test/src/bottom_sheets/goldens/ci/edit_message_sheet_0.png
@codecov
Copy link

codecov bot commented Feb 19, 2026

Codecov Report

❌ Patch coverage is 45.22472% with 195 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (feat/design-refresh@8848ad6). Learn more about missing BASE report.

Files with missing lines Patch % Lines
...ge_input/stream_message_input_attachment_list.dart 51.78% 54 Missing ⚠️
...ge_composer/message_composer_recording_locked.dart 0.00% 41 Missing ⚠️
...e_composer/message_composer_recording_ongoing.dart 0.00% 33 Missing ⚠️
...message_composer/stream_chat_message_composer.dart 55.40% 33 Missing ⚠️
...essage_composer/message_composer_input_header.dart 37.50% 30 Missing ⚠️
...nts/message_composer/message_composer_leading.dart 86.66% 2 Missing ⚠️
...sage_composer/message_composer_input_trailing.dart 93.33% 1 Missing ⚠️
...er/lib/src/message_input/stream_message_input.dart 75.00% 1 Missing ⚠️
Additional details and impacted files
@@                  Coverage Diff                   @@
##             feat/design-refresh    #2514   +/-   ##
======================================================
  Coverage                       ?   65.12%           
======================================================
  Files                          ?      440           
  Lines                          ?    26446           
  Branches                       ?        0           
======================================================
  Hits                           ?    17224           
  Misses                         ?     9222           
  Partials                       ?        0           

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

Comment on lines 74 to 91
Widget build(BuildContext context) {
var buttonState = StreamMessageComposerInputTrailingState.microphone;
if (widget.props.isAudioRecordingFlowActive) {
buttonState = StreamMessageComposerInputTrailingState.voiceRecordingActive;
}

if (_hasText || widget.props.controller.attachments.isNotEmpty) {
buttonState = StreamMessageComposerInputTrailingState.send;
}

return widget.props.isAudioRecordingFlowLocked || widget.props.isAudioRecordingFlowStopped
? const SizedBox.shrink()
: StreamBaseMessageComposerInputTrailing(
controller: widget.props.controller.textFieldController,
onSendPressed: widget.props.onSendPressed,
voiceRecordingCallback: widget.props.voiceRecordingCallback,
buttonState: buttonState,
);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can use a value listenable here and make it stateless

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changed: c215d0b

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants