feat(ui): edit message

[renefloor]

Submit a pull request

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 adds the edit state to have a different icon.
Required for: GetStream/stream-chat-flutter#2526

Designs:

Summary by CodeRabbit

Release Notes

• New Features

  • Introduced an interactive design system gallery showcasing all UI components with playgrounds and live previews.
  • Added theme customization studio enabling real-time color and styling modifications.
  • Implemented preview configuration tools for device selection, text scaling, and platform targeting.

• Documentation

  • Added comprehensive developer guides for component development and gallery workflows.

• Chores

  • Updated CI/CD workflows to support gallery publishing and golden file updates.
  • Updated linting rules and code analysis configurations.

[coderabbitai]

Caution

Review failed

Failed to post review comments

📝 Walkthrough

Walkthrough

This pull request establishes a production design system gallery Flutter app with interactive component showcases, configurable theming and preview environments, and updated CI/CD workflows for publishing and maintaining golden tests. The gallery includes comprehensive playgrounds for components across accessories, avatars, badges, buttons, controls, and other UI categories, along with theme customization tooling and configuration management.

Changes

Cohort / File(s)	Summary
GitHub Workflows .github/workflows/pr_title.yml, pr_title.yml, publish_gallery.yml, stream_core_flutter_workflow.yml, update_goldens.yml	Adds main-design-system branch trigger and "ui" scope to PR workflow; introduces new workflows for publishing gallery to GitHub Pages and updating golden files via Melos; updates checkout action version and adds IS_CI environment variable.
Linting & Analysis Configuration all_lint_rules.yaml, analysis_options.yaml	Updates lint rules (removes some, adds many new ones); configures formatter with page_width 120 and trailing_commas preserve; disables specific linter rules (prefer_constructors_over_static_methods, unsafe_variance, document_ignores, etc.).
Documentation CLAUDE.md, apps/design_system_gallery/AGENTS.md, apps/design_system_gallery/README.md	Adds comprehensive developer guidance for Claude Code interactions and AI agent workflows; documents Stream Design System Gallery purpose, setup, and component showcase workflows.
Gallery App Core apps/design_system_gallery/.metadata, apps/design_system_gallery/lib/main.dart, apps/design_system_gallery/lib/app/gallery_app.dart, apps/design_system_gallery/lib/app/gallery_shell.dart, apps/design_system_gallery/lib/app/home.dart, apps/design_system_gallery/lib/app/gallery_app.directories.g.dart	Establishes Flutter app structure with main entry point, root app widget with theme integration, shell wrapper with collapsible theme panel, home page with feature highlights, and auto-generated component directory tree for Widgetbook.
Gallery Configuration apps/design_system_gallery/lib/config/config.dart, apps/design_system_gallery/lib/config/theme_configuration.dart, apps/design_system_gallery/lib/config/preview_configuration.dart	Introduces configurable theme management with color customization, brightness toggling, and Material ThemeData generation; adds preview environment configuration (device selection, text scaling, directionality, platform targeting).
Gallery Core Utilities apps/design_system_gallery/lib/core/core.dart, apps/design_system_gallery/lib/core/preview_wrapper.dart, apps/design_system_gallery/lib/core/stream_icons.dart	Provides preview wrapper with device frames and text scaling support; exposes Stream logo icon asset; barrel exports for core utilities.
Component Galleries – Accessories apps/design_system_gallery/lib/components/accessories/stream_audio_waveform.dart, stream_emoji.dart, stream_file_type_icons.dart	Adds interactive playgrounds and comprehensive showcases for audio waveform slider, emoji component (size/emoji/border variants), and file type icons (with MIME-type examples and usage patterns).
Component Galleries – Avatar apps/design_system_gallery/lib/components/avatar/stream_avatar.dart, stream_avatar_group.dart, stream_avatar_stack.dart	Implements showcases for single avatars (sizes, colors, borders), avatar groups (count variants, usage patterns), and avatar stacks (overlap, max visible, real-world examples).
Component Galleries – Badge apps/design_system_gallery/lib/components/badge/stream_badge_count.dart, stream_badge_notification.dart, stream_online_indicator.dart	Demonstrates badge count variants (sizes, counts), notification badges (type/size/count), and online status indicators with alignment and avatar integration examples.
Component Galleries – Buttons & Chips apps/design_system_gallery/lib/components/buttons/button.dart, stream_emoji_button.dart, apps/design_system_gallery/lib/components/controls/stream_emoji_chip.dart, stream_emoji_chip_bar.dart	Showcases button styles, types, and sizes; emoji button variants; and interactive emoji chip selection with reactions and real-world usage patterns.
Component Galleries – Common & Controls apps/design_system_gallery/lib/components/common/stream_checkbox.dart, stream_progress_bar.dart, apps/design_system_gallery/lib/components/context_menu/stream_context_menu.dart	Provides checkbox state/size/shape variants with theme customization; progress bar states and value scales; and context menu actions with dialog integration and destructive action variants.
Component Galleries – Message & Composition apps/design_system_gallery/lib/components/emoji/stream_emoji_picker_sheet.dart, apps/design_system_gallery/lib/components/message_composer/message_composer.dart, message_composer_attachment_*.dart, apps/design_system_gallery/lib/components/tiles/stream_list_tile.dart	Implements emoji picker sheet playground, message composer with floating/non-floating modes, attachment previews (link, media, reply), and list tile showcases with selection states.
Primitive Galleries apps/design_system_gallery/lib/primitives/colors.dart, icons.dart, radius.dart, spacing.dart	Provides interactive color swatches with copy-to-clipboard, searchable icon grid, radius token scale with usage hints, and spacing token demonstrations.
Semantic Galleries apps/design_system_gallery/lib/semantics/elevations.dart, typography.dart	Showcases elevation/shadow depth with 3D stacking visualization and typography scale with style categories, font metrics, and theming guidance.
Theme Studio Widgets apps/design_system_gallery/lib/widgets/theme_studio/avatar_palette_section.dart, color_picker_tile.dart, mode_button.dart, section_card.dart, theme_customization_panel.dart, theme_studio_widgets.dart	Implements theme customization UI with color pickers, palette management, mode selection, and a comprehensive panel for editing accent/text/background/border/state/system colors and avatar palettes.
Toolbar Widgets apps/design_system_gallery/lib/widgets/toolbar/baselines_toggle.dart, debug_paint_toggle.dart, device_selector.dart, platform_selector.dart, text_direction_selector.dart, text_scale_selector.dart, theme_mode_toggle.dart, toolbar.dart, toolbar_button.dart, widget_select_toggle.dart	Provides interactive toolbar controls for device frame, text scaling, directionality, platform selection, theme mode toggling, debug paint visualization, widget inspection, and baseline visualization.
macOS Build Configuration apps/design_system_gallery/macos/Flutter/Flutter-*.xcconfig, Podfile, Runner.xcodeproj/..., Runner.xcworkspace/..., Runner/AppDelegate.swift, Runner/Assets.xcassets/AppIcon.appiconset/Contents.json	Establishes complete macOS build infrastructure including CocoaPods configuration, Xcode project structure with app and test targets, build schemes, workspace configuration, and native AppDelegate with app lifecycle management.

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~75 minutes

Poem

🐰 Hops with glee through components new,
Themes and colors, fresh and true!
From avatar to emoji delight,
A gallery shines, beautifully bright! ✨
macOS builds and toolbars aligned,
Design system perfectly designed!

✨ Finishing Touches

• 📝 Generate docstrings (stacked PR)
• 📝 Generate docstrings (commit on current branch)

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/edit-message

[codecov]

Codecov Report

❌ Patch coverage is 0% with 6 lines in your changes missing coverage. Please review.
⚠️ Please upload report for BASE (main-design-system@767dfdc). Learn more about missing BASE report.

Files with missing lines	Patch %	Lines
...sage_composer/message_composer_input_trailing.dart	0.00%	6 Missing ⚠️

❌ Your patch status has failed because the patch coverage (0.00%) is below the target coverage (80.00%). You can increase the patch coverage or adjust the target coverage.

Additional details and impacted files

@@                  Coverage Diff                  @@
##             main-design-system      #65   +/-   ##
=====================================================
  Coverage                      ?   34.55%           
=====================================================
  Files                         ?      112           
  Lines                         ?     3403           
  Branches                      ?        0           
=====================================================
  Hits                          ?     1176           
  Misses                        ?     2227           
  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.