Skip to content

Conversation

@MartinCupela
Copy link
Contributor

@MartinCupela MartinCupela commented Jan 23, 2026

🎯 Goal

Add new styles:

  1. Attachment selector and menu
  2. Area for text composition with composer action buttons (2 types of buttons: primary - send + record - and additional - emoji picker + custom actions)
  3. Attachment previews
  4. Quotes message previews
  5. Link previews

Add new functionalities coming with design refresh:

  1. Content preview of attachment previews:
  • preview images in a modal gallery,
  • preview videos in modal gallery,
  • document content in new browser tabs
  • use global AudioPlayer API for previewing audio attachments
  1. Track cooldown state in LLC and subscribe to its reactive state
  2. Track textarea height change to achieve the last line of overflowing text to be only partially visible

###? Uknown?

  • Command selection (and suggestions list) designs
  • Mentions suggestions list designs
  • Poll composition designs
  • Editing message designs
  • Voice message recording and attachment workflow
  • Send reply to main message list
  • Link preview loading design, Link preview image fallback?
  • Drag and drop area styling

Out of scope

  • Location sharing workflow and components

🛠 Implementation details

Provide a description of the implementation

🎨 UI Changes

Add relevant screenshots

export const IconPause = ({ className, ...props }: ComponentProps<'svg'>) => (
<svg
{...props}
className={clsx('str-chat__icon--pause', className)}
Copy link
Member

Choose a reason for hiding this comment

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

it would be good if all icons have a shared selector str-chat__icon so one can target all icons at once, instead of writing hundreds of individual class names.

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.

3 participants