stream-chat-react 14.1.0 → 14.3.0

package/dist/es/index.mjs

@@ -3,8 +3,8 @@ import clsx from "clsx";
 import { nanoid } from "nanoid";
 import React, { useState, useEffect, useContext, createContext, useCallback, useLayoutEffect, useMemo, useRef, forwardRef, createElement, Component, useId, isValidElement, Fragment as Fragment$1, useSyncExternalStore } from "react";
 import { u as useHandleFileChangeWrapper, d as dataTransferItemsToFiles, r as renderAudio, t as toAudioBuffer, c as createFileFromBlobs, g as getExtensionFromMimeType, a as getRecordedMediaTypeFromMimeType } from "./audioProcessing.21cb49e1.mjs";
-import { u as useStateStore, a as useMessageComposerController, i as isMessageBounced, b as useChannelActionContext, C as ComponentContext, c as useTranslationContext, d as useChannelStateContext, e as useChatContext, f as isNotificationForPanel, B as Button, I as IconPauseFill, g as IconPlayFill, h as getDefaultExportFromCjs, j as defaultTranslatorFunction, p as predefinedFormatters, L as LocalizedFormat, k as calendar, l as IconLoading, m as useComponentContext, n as isNetworkSendFailure, o as isUserMuted, q as useThreadContext, r as usePopoverPosition, s as IconXmark, t as IconUser, v as IconExclamationMarkFill, w as IconChevronRight, x as IconChevronLeft, y as IconArrowLeft, z as IconExclamationMark, A as IconNoSign, D as isMessageDeleted, E as isMessageErrorRetryable, F as ACTIONS_NOT_WORKING_IN_THREAD, G as useNotificationApi, H as IconArrowUpRight, J as IconPin, K as mapToUserNameOrId, M as IconClock, N as IconCheckmark1Small, O as IconChecks, P as getReadByTooltipText, Q as messageHasAttachments, R as messageTextHasEmojisOnly, S as isDate, T as getDateString, U as IconTranslate, V as IconDownload, W as useAudioPlayer, X as IconImage, Y as IconArrowDownCircle, Z as IconRetry, _ as IconLink, $ as IconGiphy, a0 as IconLocation, a1 as IconUnsupportedAttachment, a2 as IconEyeFill, a3 as useMessageComposerContext, a4 as useIsCooldownActive, a5 as IconXmarkSmall, a6 as IconPoll, a7 as IconFile, a8 as IconVideo, a9 as IconCamera, aa as IconVoice, ab as IconBookmark, ac as IconBell, ad as IconChevronDown, ae as IconMinus, af as IconPlusSmall, ag as IconCheckmark, ah as DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD, ai as IconTrophy, aj as IconReorder, ak as IconMinusCircle, al as IconSend, am as IconAudio, an as IconUserAdd, ao as IconMute, ap as IconFlag, aq as IconUserRemove, ar as IconAttachment, as as IconCommand, at as CHANNEL_CONTAINER_ID, au as IconPlus, av as IconExclamationTriangleFill, aw as IconMicrophoneSolid, ax as IconVideoFill, ay as IconBolt, az as IconDelete, aA as IconUpload, aB as MessageComposerContextProvider, aC as useTypingContext, aD as useChatViewContext, aE as MESSAGE_ACTIONS, aF as LegacyThreadContext, aG as IconEmojiAdd, aH as IconReply, aI as IconEmoji, aJ as IconMore, aK as IconUserCheck, aL as IconBookmarkRemove, aM as IconBellOff, aN as IconNotification, aO as IconEdit, aP as IconCopy, aQ as IconUnpin, aR as IconQuote, aS as IconThread, aT as areMessageUIPropsEqual, aU as isDateSeparatorMessage, aV as isMessageBlocked, aW as messageHasSingleAttachment, aX as messageHasGiphyAttachment, aY as messageHasReactions, aZ as messageHasQuotedMessage, a_ as isMessageEdited, a$ as countEmojis, b0 as areMessagePropsEqual, b1 as getMessageActions, b2 as processMessages, b3 as insertIntro, b4 as getGroupStyles, b5 as getLastReceived, b6 as IconArrowUp, b7 as isIntroMessage, b8 as isLocalMessage, b9 as getIsFirstUnreadMessage, ba as IconArrowDown, bb as DEFAULT_NEXT_CHANNEL_PAGE_SIZE, bc as EmptyStateIndicator, bd as useNotificationTarget, be as getChannel, bf as IconSearch, bg as IconXCircle, bh as useChannelListContext, bi as DEFAULT_JUMP_TO_PAGE_SIZE, bj as ChannelListContextProvider, bk as IconLeave, bl as IconArchive, bm as IconExclamationCircleFill, bn as useThreadsViewContext, bo as IconMessageBubbles, bp as IconRefresh, bq as hasSystemNotificationTag, br as defaultDateTimeParser, bs as isLanguageSupported, bt as ChatProvider, bu as TranslationProvider } from "./useNotificationApi.e0c52de6.mjs";
-import { bz, bC, c4, c5, c6, c7, c8, c9, bE, bH, bD, bG, bI, ca, bL, bM, bN, bO, bP, cb, bR, bX, c2, c3, cc, cd, ce, bw, c0, bK, bJ, bx, by, bS, bT, bZ, b_, b$, bW, cf, bY, cg, bV, bU, bv, bF, bA, bB, c1, bQ } from "./useNotificationApi.e0c52de6.mjs";
+import { u as useStateStore, a as useMessageComposerController, i as isMessageBounced, b as useChannelActionContext, C as ComponentContext, c as useTranslationContext, d as useChannelStateContext, e as useChatContext, f as isNotificationForPanel, B as Button, I as IconPauseFill, g as IconPlayFill, h as getDefaultExportFromCjs, j as defaultTranslatorFunction, p as predefinedFormatters, L as LocalizedFormat, k as calendar, l as IconLoading, m as useComponentContext, n as isNetworkSendFailure, o as isUserMuted, q as useThreadContext, r as usePopoverPosition, s as IconXmark, t as IconUser, v as IconExclamationMarkFill, w as IconChevronRight, x as IconChevronLeft, y as IconArrowLeft, z as IconExclamationMark, A as IconNoSign, D as isMessageDeleted, E as isMessageErrorRetryable, F as ACTIONS_NOT_WORKING_IN_THREAD, G as useNotificationApi, H as IconArrowUpRight, J as IconPin, K as mapToUserNameOrId, M as IconClock, N as IconCheckmark1Small, O as IconChecks, P as getReadByTooltipText, Q as messageHasAttachments, R as messageTextHasEmojisOnly, S as isDate, T as getDateString, U as IconTranslate, V as IconDownload, W as useAudioPlayer, X as IconImage, Y as IconArrowDownCircle, Z as IconRetry, _ as IconLink, $ as IconGiphy, a0 as IconLocation, a1 as IconUnsupportedAttachment, a2 as IconEyeFill, a3 as useMessageComposerContext, a4 as useIsCooldownActive, a5 as IconXmarkSmall, a6 as IconPoll, a7 as IconFile, a8 as IconVideo, a9 as IconCamera, aa as IconVoice, ab as IconBookmark, ac as IconBell, ad as IconChevronDown, ae as IconMinus, af as IconPlusSmall, ag as IconCheckmark, ah as DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD, ai as IconTrophy, aj as IconReorder, ak as IconMinusCircle, al as IconSend, am as IconAudio, an as IconUserAdd, ao as IconMute, ap as IconFlag, aq as IconUserRemove, ar as IconAttachment, as as IconCommand, at as CHANNEL_CONTAINER_ID, au as IconPlus, av as IconExclamationTriangleFill, aw as IconMicrophoneSolid, ax as IconVideoFill, ay as IconBolt, az as IconDelete, aA as IconUpload, aB as MessageComposerContextProvider, aC as useTypingContext, aD as useChatViewContext, aE as MESSAGE_ACTIONS, aF as LegacyThreadContext, aG as IconEmojiAdd, aH as IconReply, aI as IconEmoji, aJ as IconMore, aK as IconUserCheck, aL as IconBookmarkRemove, aM as IconBellOff, aN as IconNotification, aO as IconEdit, aP as IconCopy, aQ as IconUnpin, aR as IconQuote, aS as IconThread, aT as areMessageUIPropsEqual, aU as isDateSeparatorMessage, aV as isMessageBlocked, aW as messageHasSingleAttachment, aX as messageHasGiphyAttachment, aY as messageHasReactions, aZ as messageHasQuotedMessage, a_ as isMessageEdited, a$ as countEmojis, b0 as areMessagePropsEqual, b1 as getMessageActions, b2 as processMessages, b3 as insertIntro, b4 as getGroupStyles, b5 as getLastReceived, b6 as IconArrowUp, b7 as isIntroMessage, b8 as isLocalMessage, b9 as getIsFirstUnreadMessage, ba as IconArrowDown, bb as DEFAULT_NEXT_CHANNEL_PAGE_SIZE, bc as EmptyStateIndicator, bd as useNotificationTarget, be as getChannel, bf as IconSearch, bg as IconXCircle, bh as useChannelListContext, bi as DEFAULT_JUMP_TO_PAGE_SIZE, bj as ChannelListContextProvider, bk as IconLeave, bl as IconArchive, bm as IconExclamationCircleFill, bn as useThreadsViewContext, bo as IconMessageBubbles, bp as IconRefresh, bq as hasSystemNotificationTag, br as defaultDateTimeParser, bs as isLanguageSupported, bt as ChatProvider, bu as TranslationProvider } from "./useNotificationApi.f91ae46b.mjs";
+import { bz, bC, c4, c5, c6, c7, c8, c9, bE, bH, bD, bG, bI, ca, bL, bM, bN, bO, bP, cb, bR, bX, c2, c3, cc, cd, ce, bw, c0, bK, bJ, bx, by, bS, bT, bZ, b_, b$, bW, cf, bY, cg, bV, bU, bv, bF, bA, bB, c1, bQ } from "./useNotificationApi.f91ae46b.mjs";
 import { createPortal } from "react-dom";
 import { StateStore, isFileAttachment, isImageAttachment, isVideoAttachment, isAudioAttachment, isVoiceRecordingAttachment, formatMessage, isGiphyAttachment, isScrapedContent, isLocalVideoAttachment, isLocalImageAttachment, isSharedLocationResponse, LiveLocationManager, MessageComposer as MessageComposer$1, isVoteAnswer, VotingVisibility, isLocalVoiceRecordingAttachment, isLocalAudioAttachment, isLocalFileAttachment, isLocalAttachment, LinkPreviewsManager, SearchController, ChannelSearchSource, UserSearchSource, MessageSearchSource, StreamChat } from "stream-chat";
 import { sanitizeUrl } from "@braintree/sanitize-url";
@@ -964,7 +964,9 @@ const deTranslations = {
   "aria/Mark messages as read": "Nachrichten als gelesen markieren",
   "aria/Menu": "Menü",
   "aria/Message Actions": "Nachrichtenaktionen",
+  "aria/Message from {{ user }},": "Nachricht von {{ user }},",
   "aria/Message Options": "Nachrichtenoptionen",
+  "aria/Message,": "Nachricht,",
   "aria/Mute User": "Benutzer stummschalten",
   "aria/Notifications": "Benachrichtigungen",
   "aria/Open Attachment Selector": "Anhang-Auswahl öffnen",
@@ -1033,6 +1035,8 @@ const deTranslations = {
   "Close dialog": "Dialog schließen",
   "Close emoji picker": "Emoji-Auswahl schließen",
   "Close prompt: {{ title }}": "Eingabeaufforderung schließen: {{ title }}",
+  "Command not available while editing": "Befehl beim Bearbeiten nicht verfügbar",
+  "Command not available while replying": "Befehl beim Antworten nicht verfügbar",
   Commands: Commands$b,
   "Commands matching": "Übereinstimmende Befehle",
   "Connection failure, reconnecting now...": "Verbindungsfehler, Wiederherstellung der Verbindung...",
@@ -1092,6 +1096,8 @@ const deTranslations = {
   "Failed to end the poll due to {{reason}}": "Umfrage konnte aufgrund von {{reason}} nicht beendet werden",
   "Failed to jump to the first unread message": "Fehler beim Springen zur ersten ungelesenen Nachricht",
   "Failed to leave channel": "Kanal konnte nicht verlassen werden",
+  "Failed to load channels": "Kanäle konnten nicht geladen werden",
+  "Failed to load more channels": "Weitere Kanäle konnten nicht geladen werden",
   "Failed to mark channel as read": "Fehler beim Markieren des Kanals als gelesen",
   "Failed to play the recording": "Wiedergabe der Aufnahme fehlgeschlagen",
   "Failed to retrieve location": "Standort konnte nicht abgerufen werden",
@@ -1554,7 +1560,9 @@ const enTranslations = {
   "aria/Mark messages as read": "Mark messages as read",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Message Actions",
+  "aria/Message from {{ user }},": "Message from {{ user }},",
   "aria/Message Options": "Message Options",
+  "aria/Message,": "Message,",
   "aria/Mute User": "Mute User",
   "aria/Notifications": "Notifications",
   "aria/Open Attachment Selector": "Open Attachment Selector",
@@ -1623,6 +1631,8 @@ const enTranslations = {
   "Close dialog": "Close dialog",
   "Close emoji picker": "Close emoji picker",
   "Close prompt: {{ title }}": "Close prompt: {{ title }}",
+  "Command not available while editing": "Command not available while editing",
+  "Command not available while replying": "Command not available while replying",
   Commands: Commands$a,
   "Commands matching": "Commands matching",
   "Connection failure, reconnecting now...": "Connection failure, reconnecting now...",
@@ -1682,6 +1692,8 @@ const enTranslations = {
   "Failed to end the poll due to {{reason}}": "Failed to end the poll due to {{reason}}",
   "Failed to jump to the first unread message": "Failed to jump to the first unread message",
   "Failed to leave channel": "Failed to leave channel",
+  "Failed to load channels": "Failed to load channels",
+  "Failed to load more channels": "Failed to load more channels",
   "Failed to mark channel as read": "Failed to mark channel as read",
   "Failed to play the recording": "Failed to play the recording",
   "Failed to retrieve location": "Failed to retrieve location",
@@ -2160,7 +2172,9 @@ const esTranslations = {
   "aria/Mark messages as read": "Marcar mensajes como leídos",
   "aria/Menu": "Menú",
   "aria/Message Actions": "Acciones del mensaje",
+  "aria/Message from {{ user }},": "Mensaje de {{ user }},",
   "aria/Message Options": "Opciones de mensaje",
+  "aria/Message,": "Mensaje,",
   "aria/Mute User": "Silenciar usuario",
   "aria/Notifications": "Notificaciones",
   "aria/Open Attachment Selector": "Abrir selector de adjuntos",
@@ -2229,6 +2243,8 @@ const esTranslations = {
   "Close dialog": "Cerrar diálogo",
   "Close emoji picker": "Cerrar el selector de emojis",
   "Close prompt: {{ title }}": "Cerrar diálogo: {{ title }}",
+  "Command not available while editing": "Comando no disponible durante la edición",
+  "Command not available while replying": "Comando no disponible mientras se responde",
   Commands: Commands$9,
   "Commands matching": "Coincidencia de comandos",
   "Connection failure, reconnecting now...": "Fallo de conexión, reconectando ahora...",
@@ -2288,6 +2304,8 @@ const esTranslations = {
   "Failed to end the poll due to {{reason}}": "No se pudo terminar la encuesta debido a {{reason}}",
   "Failed to jump to the first unread message": "Error al saltar al primer mensaje no leído",
   "Failed to leave channel": "No se pudo salir del canal",
+  "Failed to load channels": "No se pudieron cargar los canales",
+  "Failed to load more channels": "No se pudieron cargar más canales",
   "Failed to mark channel as read": "Error al marcar el canal como leído",
   "Failed to play the recording": "No se pudo reproducir la grabación",
   "Failed to retrieve location": "No se pudo obtener la ubicación",
@@ -2777,7 +2795,9 @@ const frTranslations = {
   "aria/Mark messages as read": "Marquer les messages comme lus",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Actions du message",
+  "aria/Message from {{ user }},": "Message de {{ user }},",
   "aria/Message Options": "Options du message",
+  "aria/Message,": "Message,",
   "aria/Mute User": "Mettre en sourdine",
   "aria/Notifications": "Notifications",
   "aria/Open Attachment Selector": "Ouvrir le sélecteur de pièces jointes",
@@ -2846,6 +2866,8 @@ const frTranslations = {
   "Close dialog": "Fermer la boîte de dialogue",
   "Close emoji picker": "Fermer le sélecteur d'émojis",
   "Close prompt: {{ title }}": "Fermer l'invite : {{ title }}",
+  "Command not available while editing": "Commande non disponible pendant la modification",
+  "Command not available while replying": "Commande non disponible pendant la réponse",
   Commands: Commands$8,
   "Commands matching": "Correspondance des commandes",
   "Connection failure, reconnecting now...": "Échec de la connexion, reconnexion en cours...",
@@ -2905,6 +2927,8 @@ const frTranslations = {
   "Failed to end the poll due to {{reason}}": "Impossible de terminer le sondage en raison de {{reason}}",
   "Failed to jump to the first unread message": "Échec du saut vers le premier message non lu",
   "Failed to leave channel": "Impossible de quitter le canal",
+  "Failed to load channels": "Impossible de charger les canaux",
+  "Failed to load more channels": "Impossible de charger davantage de canaux",
   "Failed to mark channel as read": "Échec du marquage du canal comme lu",
   "Failed to play the recording": "Impossible de lire l'enregistrement",
   "Failed to retrieve location": "Impossible de récupérer l'emplacement",
@@ -3378,7 +3402,9 @@ const hiTranslations = {
   "aria/Mark messages as read": "संदेशों को पढ़ा हुआ चिह्नित करें",
   "aria/Menu": "मेन्यू",
   "aria/Message Actions": "संदेश कार्रवाइयाँ",
+  "aria/Message from {{ user }},": "{{ user }} का संदेश,",
   "aria/Message Options": "संदेश विकल्प",
+  "aria/Message,": "संदेश,",
   "aria/Mute User": "उपयोगकर्ता म्यूट करें",
   "aria/Notifications": "सूचनाएं",
   "aria/Open Attachment Selector": "अटैचमेंट चयनकर्ता खोलें",
@@ -3447,6 +3473,8 @@ const hiTranslations = {
   "Close dialog": "डायलॉग बंद करें",
   "Close emoji picker": "इमोजी पिकर बंद करें",
   "Close prompt: {{ title }}": "प्रॉम्प्ट बंद करें: {{ title }}",
+  "Command not available while editing": "संपादन के दौरान कमांड उपलब्ध नहीं है",
+  "Command not available while replying": "उत्तर देते समय कमांड उपलब्ध नहीं है",
   Commands: Commands$7,
   "Commands matching": "मेल खाती है",
   "Connection failure, reconnecting now...": "कनेक्शन विफल रहा, अब पुनः कनेक्ट हो रहा है ...",
@@ -3507,6 +3535,8 @@ const hiTranslations = {
   "Failed to end the poll due to {{reason}}": "{{reason}} के कारण पोल समाप्त करने में विफल",
   "Failed to jump to the first unread message": "पहले अपठित संदेश पर जाने में विफल",
   "Failed to leave channel": "चैनल छोड़ने में विफल",
+  "Failed to load channels": "चैनल लोड करने में विफल",
+  "Failed to load more channels": "और चैनल लोड करने में विफल",
   "Failed to mark channel as read": "चैनल को पढ़ा हुआ चिह्नित करने में विफल।",
   "Failed to play the recording": "रेकॉर्डिंग प्ले करने में विफल",
   "Failed to retrieve location": "स्थान प्राप्त करने में विफल",
@@ -3985,7 +4015,9 @@ const itTranslations = {
   "aria/Mark messages as read": "Segna i messaggi come letti",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Azioni del messaggio",
+  "aria/Message from {{ user }},": "Messaggio di {{ user }},",
   "aria/Message Options": "Opzioni di messaggio",
+  "aria/Message,": "Messaggio,",
   "aria/Mute User": "Mute utente",
   "aria/Notifications": "Notifiche",
   "aria/Open Attachment Selector": "Apri selettore allegati",
@@ -4054,6 +4086,8 @@ const itTranslations = {
   "Close dialog": "Chiudi finestra di dialogo",
   "Close emoji picker": "Chiudi il selettore di emoji",
   "Close prompt: {{ title }}": "Chiudi prompt: {{ title }}",
+  "Command not available while editing": "Comando non disponibile durante la modifica",
+  "Command not available while replying": "Comando non disponibile durante la risposta",
   Commands: Commands$6,
   "Commands matching": "Comandi corrispondenti",
   "Connection failure, reconnecting now...": "Errore di connessione, riconnessione in corso...",
@@ -4113,6 +4147,8 @@ const itTranslations = {
   "Failed to end the poll due to {{reason}}": "Impossibile terminare il sondaggio a causa di {{reason}}",
   "Failed to jump to the first unread message": "Impossibile passare al primo messaggio non letto",
   "Failed to leave channel": "Impossibile lasciare il canale",
+  "Failed to load channels": "Impossibile caricare i canali",
+  "Failed to load more channels": "Impossibile caricare altri canali",
   "Failed to mark channel as read": "Impossibile contrassegnare il canale come letto",
   "Failed to play the recording": "Impossibile riprodurre la registrazione",
   "Failed to retrieve location": "Impossibile recuperare la posizione",
@@ -4579,7 +4615,9 @@ const jaTranslations = {
   "aria/Mark messages as read": "メッセージを既読にする",
   "aria/Menu": "メニュー",
   "aria/Message Actions": "メッセージ操作",
+  "aria/Message from {{ user }},": "{{ user }}さんからのメッセージ,",
   "aria/Message Options": "メッセージオプション",
+  "aria/Message,": "メッセージ,",
   "aria/Mute User": "ユーザーをミュート",
   "aria/Notifications": "通知",
   "aria/Open Attachment Selector": "添付ファイル選択を開く",
@@ -4648,6 +4686,8 @@ const jaTranslations = {
   "Close dialog": "ダイアログを閉じる",
   "Close emoji picker": "絵文字ピッカーを閉める",
   "Close prompt: {{ title }}": "プロンプトを閉じる: {{ title }}",
+  "Command not available while editing": "編集中はコマンドを使用できません",
+  "Command not available while replying": "返信中はコマンドを使用できません",
   Commands: Commands$5,
   "Commands matching": "一致するコマンド",
   "Connection failure, reconnecting now...": "接続が失敗しました。再接続中...",
@@ -4707,6 +4747,8 @@ const jaTranslations = {
   "Failed to end the poll due to {{reason}}": "{{reason}}のためアンケートの終了に失敗しました",
   "Failed to jump to the first unread message": "最初の未読メッセージにジャンプできませんでした",
   "Failed to leave channel": "チャンネルの退出に失敗しました",
+  "Failed to load channels": "チャンネルの読み込みに失敗しました",
+  "Failed to load more channels": "さらにチャンネルを読み込めませんでした",
   "Failed to mark channel as read": "チャンネルを既読にすることができませんでした",
   "Failed to play the recording": "録音の再生に失敗しました",
   "Failed to retrieve location": "位置情報の取得に失敗しました",
@@ -5155,7 +5197,9 @@ const koTranslations = {
   "aria/Mark messages as read": "메시지를 읽음으로 표시",
   "aria/Menu": "메뉴",
   "aria/Message Actions": "메시지 작업",
+  "aria/Message from {{ user }},": "{{ user }}의 메시지,",
   "aria/Message Options": "메시지 옵션",
+  "aria/Message,": "메시지,",
   "aria/Mute User": "사용자 음소거",
   "aria/Notifications": "알림",
   "aria/Open Attachment Selector": "첨부 파일 선택기 열기",
@@ -5224,6 +5268,8 @@ const koTranslations = {
   "Close dialog": "대화 상자 닫기",
   "Close emoji picker": "이모티콘 선택기 닫기",
   "Close prompt: {{ title }}": "프롬프트 닫기: {{ title }}",
+  "Command not available while editing": "편집 중에는 명령을 사용할 수 없습니다",
+  "Command not available while replying": "답장 중에는 명령을 사용할 수 없습니다",
   Commands: Commands$4,
   "Commands matching": "일치하는 명령",
   "Connection failure, reconnecting now...": "연결 실패, 지금 다시 연결 중...",
@@ -5283,6 +5329,8 @@ const koTranslations = {
   "Failed to end the poll due to {{reason}}": "{{reason}}(으)로 인해 투표 종료에 실패했습니다",
   "Failed to jump to the first unread message": "첫 번째 읽지 않은 메시지로 이동하지 못했습니다",
   "Failed to leave channel": "채널 나가기에 실패했습니다",
+  "Failed to load channels": "채널을 불러오지 못했습니다",
+  "Failed to load more channels": "채널을 더 불러오지 못했습니다",
   "Failed to mark channel as read": "채널을 읽음으로 표시하는 데 실패했습니다",
   "Failed to play the recording": "녹음을 재생하지 못했습니다",
   "Failed to retrieve location": "위치를 가져오지 못했습니다",
@@ -5738,7 +5786,9 @@ const nlTranslations = {
   "aria/Mark messages as read": "Markeer berichten als gelezen",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Berichtacties",
+  "aria/Message from {{ user }},": "Bericht van {{ user }},",
   "aria/Message Options": "Berichtopties",
+  "aria/Message,": "Bericht,",
   "aria/Mute User": "Gebruiker dempen",
   "aria/Notifications": "Meldingen",
   "aria/Open Attachment Selector": "Open bijlage selector",
@@ -5807,6 +5857,8 @@ const nlTranslations = {
   "Close dialog": "Dialoog sluiten",
   "Close emoji picker": "Sluit de emoji-kiezer",
   "Close prompt: {{ title }}": "Prompt sluiten: {{ title }}",
+  "Command not available while editing": "Opdracht niet beschikbaar tijdens bewerken",
+  "Command not available while replying": "Opdracht niet beschikbaar tijdens beantwoorden",
   Commands: Commands$3,
   "Commands matching": "Bijpassende opdrachten",
   "Connection failure, reconnecting now...": "Verbindingsfout, opnieuw verbinden...",
@@ -5866,6 +5918,8 @@ const nlTranslations = {
   "Failed to end the poll due to {{reason}}": "Peiling kon niet worden beëindigd vanwege {{reason}}",
   "Failed to jump to the first unread message": "Niet gelukt om naar het eerste ongelezen bericht te springen",
   "Failed to leave channel": "Kanaal verlaten mislukt",
+  "Failed to load channels": "Kanalen konden niet worden geladen",
+  "Failed to load more channels": "Meer kanalen konden niet worden geladen",
   "Failed to mark channel as read": "Kanaal kon niet als gelezen worden gemarkeerd",
   "Failed to play the recording": "Kan de opname niet afspelen",
   "Failed to retrieve location": "Locatie kon niet worden opgehaald",
@@ -6346,7 +6400,9 @@ const ptTranslations = {
   "aria/Mark messages as read": "Marcar mensagens como lidas",
   "aria/Menu": "Menu",
   "aria/Message Actions": "Ações da mensagem",
+  "aria/Message from {{ user }},": "Mensagem de {{ user }},",
   "aria/Message Options": "Opções de mensagem",
+  "aria/Message,": "Mensagem,",
   "aria/Mute User": "Silenciar usuário",
   "aria/Notifications": "Notificações",
   "aria/Open Attachment Selector": "Abrir seletor de anexos",
@@ -6415,6 +6471,8 @@ const ptTranslations = {
   "Close dialog": "Fechar diálogo",
   "Close emoji picker": "Fechar seletor de emoji",
   "Close prompt: {{ title }}": "Fechar prompt: {{ title }}",
+  "Command not available while editing": "Comando não disponível durante a edição",
+  "Command not available while replying": "Comando não disponível durante a resposta",
   Commands: Commands$2,
   "Commands matching": "Comandos correspondentes",
   "Connection failure, reconnecting now...": "Falha de conexão, reconectando agora...",
@@ -6474,6 +6532,8 @@ const ptTranslations = {
   "Failed to end the poll due to {{reason}}": "Falha ao encerrar a enquete devido a {{reason}}",
   "Failed to jump to the first unread message": "Falha ao pular para a primeira mensagem não lida",
   "Failed to leave channel": "Falha ao sair do canal",
+  "Failed to load channels": "Falha ao carregar os canais",
+  "Failed to load more channels": "Falha ao carregar mais canais",
   "Failed to mark channel as read": "Falha ao marcar o canal como lido",
   "Failed to play the recording": "Falha ao reproduzir a gravação",
   "Failed to retrieve location": "Falha ao obter localização",
@@ -6983,7 +7043,9 @@ const ruTranslations = {
   "aria/Mark messages as read": "Отметить сообщения как прочитанные",
   "aria/Menu": "Меню",
   "aria/Message Actions": "Действия с сообщением",
+  "aria/Message from {{ user }},": "Сообщение от {{ user }},",
   "aria/Message Options": "Параметры сообщения",
+  "aria/Message,": "Сообщение,",
   "aria/Mute User": "Отключить уведомления",
   "aria/Notifications": "Уведомления",
   "aria/Open Attachment Selector": "Открыть выбор вложений",
@@ -7052,6 +7114,8 @@ const ruTranslations = {
   "Close dialog": "Закрыть диалог",
   "Close emoji picker": "Закрыть окно выбора смайлов",
   "Close prompt: {{ title }}": "Закрыть запрос: {{ title }}",
+  "Command not available while editing": "Команда недоступна при редактировании",
+  "Command not available while replying": "Команда недоступна при ответе",
   Commands: Commands$1,
   "Commands matching": "Соответствие команд",
   "Connection failure, reconnecting now...": "Ошибка соединения, переподключение...",
@@ -7111,6 +7175,8 @@ const ruTranslations = {
   "Failed to end the poll due to {{reason}}": "Не удалось завершить опрос из-за {{reason}}",
   "Failed to jump to the first unread message": "Не удалось перейти к первому непрочитанному сообщению",
   "Failed to leave channel": "Не удалось покинуть канал",
+  "Failed to load channels": "Не удалось загрузить каналы",
+  "Failed to load more channels": "Не удалось загрузить больше каналов",
   "Failed to mark channel as read": "Не удалось пометить канал как прочитанный",
   "Failed to play the recording": "Не удалось воспроизвести запись",
   "Failed to retrieve location": "Не удалось получить местоположение",
@@ -7598,7 +7664,9 @@ const trTranslations = {
   "aria/Mark messages as read": "Mesajları okundu olarak işaretle",
   "aria/Menu": "Menü",
   "aria/Message Actions": "Mesaj eylemleri",
+  "aria/Message from {{ user }},": "{{ user }} adlı kullanıcıdan mesaj,",
   "aria/Message Options": "Mesaj Seçenekleri",
+  "aria/Message,": "Mesaj,",
   "aria/Mute User": "Kullanıcıyı sustur",
   "aria/Notifications": "Bildirimler",
   "aria/Open Attachment Selector": "Ek Seçiciyi Aç",
@@ -7667,6 +7735,8 @@ const trTranslations = {
   "Close dialog": "İletişim kutusunu kapat",
   "Close emoji picker": "Emoji seçiciyi kapat",
   "Close prompt: {{ title }}": "İstemi kapat: {{ title }}",
+  "Command not available while editing": "Düzenleme sırasında komut kullanılamaz",
+  "Command not available while replying": "Yanıtlama sırasında komut kullanılamaz",
   Commands,
   "Commands matching": "Eşleşen komutlar",
   "Connection failure, reconnecting now...": "Bağlantı hatası, tekrar bağlanılıyor...",
@@ -7726,6 +7796,8 @@ const trTranslations = {
   "Failed to end the poll due to {{reason}}": "{{reason}} nedeniyle anket sonlandırılamadı",
   "Failed to jump to the first unread message": "İlk okunmamış mesaja atlamada hata oluştu",
   "Failed to leave channel": "Kanaldan çıkılamadı",
+  "Failed to load channels": "Kanallar yüklenemedi",
+  "Failed to load more channels": "Daha fazla kanal yüklenemedi",
   "Failed to mark channel as read": "Kanalı okundu olarak işaretleme başarısız oldu",
   "Failed to play the recording": "Kayıt oynatılamadı",
   "Failed to retrieve location": "Konum alınamadı",
@@ -8590,6 +8662,19 @@ const translatePollEndFailed = ({
   t
 });
 const translateBrowserAudioPlaybackError = ({ options: { notification }, t }) => notification?.message ? t(notification.message) : t("Error reproducing the recording");
+const translateCommandDisabled = ({
+  options: { notification },
+  t
+}) => {
+  const reason = normalizeReason(notification);
+  if (reason === "editing") {
+    return t("Command not available while editing");
+  }
+  if (reason === "quoted_message") {
+    return t("Command not available while replying");
+  }
+  return t(notification?.message || "Command not available");
+};
 const translatorsByNotificationType = {
   "api:attachment:upload:failed": translateAttachmentUploadFailed,
   "api:location:create:failed": ({ t }) => t("Failed to share location"),
@@ -8605,6 +8690,7 @@ const translatorsByNotificationType = {
   "validation:attachment:id:missing": ({ t }) => t("Local upload attachment missing local id"),
   "validation:attachment:upload:blocked": translateAttachmentUploadBlocked,
   "validation:attachment:upload:in-progress": ({ t }) => t("Wait until all attachments have uploaded"),
+  "validation:command:disabled": translateCommandDisabled,
   "validation:poll:castVote:limit": ({ t }) => t("Reached the vote limit. Remove an existing vote first.")
 };
 const translateByNotificationType = ({
@@ -10030,7 +10116,7 @@ const DialogAnchor = ({
   useEffect(() => {
     if (!open) return;
     const hideOnEscape = (event) => {
-      if (event.key !== "Escape") return;
+      if (event.key !== "Escape" || event.defaultPrevented) return;
       dialog?.close();
     };
     document.addEventListener("keyup", hideOnEscape);
@@ -10135,7 +10221,7 @@ const Avatar = ({
     }
     return initials;
   }, [nameString, size]);
-  const showImage = typeof imageUrl === "string" && !error;
+  const showImage = typeof imageUrl === "string" && imageUrl && !error;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -12058,9 +12144,11 @@ const UnMemoizedMessageTextComponent = (props) => {
     unsafeHTML
   } = useMessageContext();
   const renderText$1 = propsRenderText ?? contextRenderText ?? renderText;
-  const { userLanguage } = useTranslationContext("MessageText");
+  const { t, userLanguage } = useTranslationContext("MessageText");
   const message = propMessage || contextMessage;
   const hasAttachment = messageHasAttachments(message);
+  const messageContextId = useId();
+  const messageTextId = useId();
   const messageTextToRender = translationView === "original" ? message.text : getTranslatedMessageText({ language: userLanguage, message }) || message.text;
   const messageText = useMemo(
     () => renderText$1(messageTextToRender, message.mentioned_users),
@@ -12070,6 +12158,9 @@ const UnMemoizedMessageTextComponent = (props) => {
   const innerClass = customInnerClass;
   const hasMentionedUsers = Boolean(message.mentioned_users?.length);
   const isMentionsInteractionEnabled = hasMentionedUsers && typeof onMentionsClickMessage === "function";
+  const senderName = message.user?.name;
+  const messageContext = senderName ? t("aria/Message from {{ user }},", { user: senderName }) : t("aria/Message,");
+  const messageLabelledBy = `${messageContextId} ${messageTextId}`;
   const handleMentionsKeyDown = (event) => {
     if (!isMentionsInteractionEnabled || event.key !== "Enter" && event.key !== " ") {
       return;
@@ -12078,21 +12169,33 @@ const UnMemoizedMessageTextComponent = (props) => {
     onMentionsClickMessage(event);
   };
   if (!messageTextToRender) return null;
-  return /* @__PURE__ */ jsx("div", { className: wrapperClass, tabIndex: isMentionsInteractionEnabled ? void 0 : 0, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: clsx(innerClass, {
-        [` str-chat__message-text-inner--is-emoji`]: messageTextHasEmojisOnly(message) && !message.quoted_message,
-        [`str-chat__message-text-inner--has-attachment`]: hasAttachment
-      }),
-      "data-testid": "message-text-inner-wrapper",
-      onClick: onMentionsClickMessage,
-      onKeyDown: isMentionsInteractionEnabled ? handleMentionsKeyDown : void 0,
-      onMouseOver: onMentionsHoverMessage,
-      tabIndex: isMentionsInteractionEnabled ? 0 : void 0,
-      children: unsafeHTML && message.html ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: message.html } }) : /* @__PURE__ */ jsx("div", { children: messageText })
+      "aria-labelledby": isMentionsInteractionEnabled ? void 0 : messageLabelledBy,
+      className: wrapperClass,
+      tabIndex: isMentionsInteractionEnabled ? void 0 : 0,
+      children: [
+        /* @__PURE__ */ jsx(VisuallyHidden, { id: messageContextId, children: messageContext }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-labelledby": isMentionsInteractionEnabled ? messageLabelledBy : void 0,
+            className: clsx(innerClass, {
+              [` str-chat__message-text-inner--is-emoji`]: messageTextHasEmojisOnly(message) && !message.quoted_message,
+              [`str-chat__message-text-inner--has-attachment`]: hasAttachment
+            }),
+            "data-testid": "message-text-inner-wrapper",
+            onClick: onMentionsClickMessage,
+            onKeyDown: isMentionsInteractionEnabled ? handleMentionsKeyDown : void 0,
+            onMouseOver: onMentionsHoverMessage,
+            tabIndex: isMentionsInteractionEnabled ? 0 : void 0,
+            children: unsafeHTML && message.html ? /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: message.html }, id: messageTextId }) : /* @__PURE__ */ jsx("div", { id: messageTextId, children: messageText })
+          }
+        )
+      ]
     }
-  ) });
+  );
 };
 const MessageText = React.memo(
   UnMemoizedMessageTextComponent
@@ -13873,12 +13976,13 @@ const BaseImage = forwardRef(function BaseImage2({ src, ...props }, ref) {
     showDownloadButtonOnError = false,
     ...imgProps
   } = props;
-  const [error, setError] = useState(false);
+  const [failedSrc, setFailedSrc] = useState(null);
   const { ImagePlaceholder: ImagePlaceholderComponent = ImagePlaceholder } = useComponentContext();
   const sanitizedUrl = useMemo(() => sanitizeUrl(src), [src]);
+  const error = failedSrc === sanitizedUrl;
   useEffect(
     () => () => {
-      setError(false);
+      setFailedSrc(null);
     },
     [sanitizedUrl]
   );
@@ -13901,7 +14005,7 @@ const BaseImage = forwardRef(function BaseImage2({ src, ...props }, ref) {
       alt: propsAlt ?? "",
       className: clsx(propsClassName, "str-chat__base-image"),
       onError: (e) => {
-        setError(true);
+        setFailedSrc(sanitizedUrl);
         propsOnError?.(e);
       },
       ref,
@@ -14447,7 +14551,7 @@ const ThumbnailButton = ({
   const imageUrl = item.imageUrl;
   const [isLoadFailed, setIsLoadFailed] = useState(false);
   const [isImageLoading, setIsImageLoading] = useState(Boolean(imageUrl));
-  const [retryCount, setRetryCount] = useState(0);
+  const [retrySuffix, setRetrySuffix] = useState("");
   const {
     onError: itemOnError,
     onLoad: itemOnLoad,
@@ -14459,7 +14563,7 @@ const ThumbnailButton = ({
     if (showRetryIndicator) {
       setIsLoadFailed(false);
       setIsImageLoading(true);
-      setRetryCount((currentRetryCount) => currentRetryCount + 1);
+      setRetrySuffix(`&retry=${Date.now()}`);
       return;
     }
     onClick();
@@ -14491,10 +14595,9 @@ const ThumbnailButton = ({
               setIsLoadFailed(false);
               itemOnLoad?.(event);
             },
-            src: imageUrl,
+            src: imageUrl ? `${imageUrl}${retrySuffix}` : imageUrl,
             ...baseImageUsesDefaultBehavior ? { showDownloadButtonOnError: false } : {}
-          },
-          retryCount
+          }
         ),
         showLoadingIndicator && /* @__PURE__ */ jsx(
           "div",
@@ -16170,6 +16273,32 @@ const useMessageComposerBindings = (props) => {
     textareaRef
   };
 };
+const messageComposerStateSelector$4 = ({
+  editedMessage,
+  quotedMessage
+}) => ({
+  editedMessage,
+  quotedMessage
+});
+const useMessageComposerCommands = () => {
+  const messageComposer = useMessageComposerController();
+  const channelConfig = messageComposer.channel.getConfig();
+  const { editedMessage, quotedMessage } = useStateStore(
+    messageComposer.state,
+    messageComposerStateSelector$4
+  );
+  return useMemo(
+    () => (channelConfig?.commands ?? []).filter(
+      (command) => !!command.name
+    ).map((command) => ({
+      command,
+      enabled: !messageComposer.isCommandDisabled(command)
+    })),
+    // editedMessage and quotedMessage are necessary in deps for reactivity
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [channelConfig, editedMessage, messageComposer, quotedMessage]
+  );
+};
 const editingAuditStateStateSelector$1 = (state) => state;
 const useMessageComposerHasSendableData = () => {
   const messageComposer = useMessageComposerController();
@@ -16409,6 +16538,8 @@ const QuotedMessagePreview = ({
   ) }) : null;
 };
 const QuotedMessagePreviewUI = ({
+  authorLabel,
+  className,
   getQuotedMessageAuthor,
   onClick,
   onRemove,
@@ -16485,7 +16616,7 @@ const QuotedMessagePreviewUI = ({
     "div",
     {
       "aria-label": isInteractive ? t("aria/Jump to quoted message") : void 0,
-      className: clsx("str-chat__quoted-message-preview", {
+      className: clsx("str-chat__quoted-message-preview", className, {
         "str-chat__quoted-message-preview--own": isOwnMessage
       }),
       "data-testid": "quoted-message-preview",
@@ -16496,7 +16627,7 @@ const QuotedMessagePreviewUI = ({
       children: [
         /* @__PURE__ */ jsx(QuotedMessageIndicator, { isOwnMessage }),
         /* @__PURE__ */ jsxs("div", { className: "str-chat__quoted-message-preview__content", children: [
-          /* @__PURE__ */ jsx("div", { className: "str-chat__quoted-message-preview__author", children: isOwnMessage ? t("You") : authorName ? t("Reply to {{ authorName }}", { authorName }) : t("Reply") }),
+          /* @__PURE__ */ jsx("div", { className: "str-chat__quoted-message-preview__author", children: authorLabel ?? (isOwnMessage ? t("You") : authorName ? t("Reply to {{ authorName }}", { authorName }) : t("Reply")) }),
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -16634,6 +16765,7 @@ const StreamedMessageText = (props) => {
   );
 };
 const DEFAULT_DROPDOWN_ITEM_SELECTOR = '[role="option"]:not(:disabled), [role="menuitem"]:not(:disabled), button:not(:disabled), a:not(:disabled)';
+const isEditableTarget = (target) => target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
 const DropdownContext = React.createContext({
   close: () => null
 });
@@ -16645,6 +16777,7 @@ const useDropdownContext = () => React.useContext(DropdownContext);
 const Dropdown = ({
   children,
   className,
+  matchReferenceWidth = false,
   onClose,
   onOpen,
   placement = "bottom",
@@ -16711,17 +16844,29 @@ const Dropdown = ({
     }),
     []
   );
+  const escapeConsumedRef = useRef(false);
   const handleKeyDown = useCallback(
     (event) => {
       if (event.key === "Escape") {
         event.preventDefault();
+        event.stopPropagation();
+        escapeConsumedRef.current = true;
         close();
         return;
       }
+      if (isEditableTarget(event.target)) {
+        return;
+      }
       rovingFocusKeyDownHandler(event);
     },
     [close, rovingFocusKeyDownHandler]
   );
+  const suppressEscapeKeyUp = useCallback((event) => {
+    if (event.key === "Escape" && escapeConsumedRef.current) {
+      escapeConsumedRef.current = false;
+      event.stopPropagation();
+    }
+  }, []);
   const DropdownTriggerComponent = TriggerComponent;
   const trigger = DropdownTriggerComponent ? /* @__PURE__ */ jsx(
     DropdownTriggerComponent,
@@ -16738,10 +16883,12 @@ const Dropdown = ({
       className: clsx("str-chat__dropdown__items", className),
       onClick: close,
       onKeyDown: handleKeyDown,
+      onKeyUpCapture: suppressEscapeKeyUp,
       ref: setFloatingElement,
       role: "menu",
       style: {
         left: x ?? 0,
+        minWidth: matchReferenceWidth ? resolvedReferenceElement.getBoundingClientRect().width : void 0,
         position: strategy,
         top: y ?? 0
       },
@@ -19142,19 +19289,20 @@ const CommandsMenu = () => {
   const { closeMenu } = useContextMenuContext();
   const messageComposer = useMessageComposerController();
   const { textareaRef } = useMessageComposerContext();
-  const channelConfig = messageComposer.channel.getConfig();
-  const commands = useMemo(
-    () => (channelConfig?.commands ?? []).filter(
-      (command) => !!command.name
-    ).sort((a, b) => (a.name ?? "").localeCompare(b.name ?? "")),
-    [channelConfig]
+  const commands = useMessageComposerCommands();
+  const sortedCommands = useMemo(
+    () => [...commands].sort(
+      (a, b) => (a.command.name ?? "").localeCompare(b.command.name ?? "")
+    ),
+    [commands]
   );
-  return /* @__PURE__ */ jsx(Fragment, { children: commands.map((command) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fragment, { children: sortedCommands.map(({ command, enabled }) => /* @__PURE__ */ jsx(
     CommandContextMenuItem,
     {
       command,
+      enabled,
       onClick: () => {
-        if (!command.name) return;
+        if (!command.name || !enabled) return;
         messageComposer.textComposer.setCommand(command);
         closeMenu();
         requestAnimationFrame(() => textareaRef.current?.focus());
@@ -19192,16 +19340,21 @@ const useCommandTranslation = (command) => {
 const CommandContextMenuItem = ({
   className,
   command,
+  enabled = true,
   ...props
 }) => {
   const { args, description } = useCommandTranslation(command);
-  const details = useMemo(() => `/${command.name} ${args}`, [args, command.name]);
+  const details = useMemo(
+    () => args ? `/${command.name} ${args}` : `/${command.name}`,
+    [args, command.name]
+  );
   return /* @__PURE__ */ createElement(
     ContextMenuButton,
     {
       ...props,
       className: clsx("str-chat__context-menu__button--command", className),
       details,
+      disabled: !enabled,
       Icon: icons[command.name],
       key: command.name,
       label: command.name,
@@ -19274,11 +19427,14 @@ const DefaultAttachmentSelectorComponents = {
   Command({ submenuHeader, submenuItems }) {
     const { t } = useTranslationContext();
     const { openSubmenu } = useContextMenuContext();
+    const commands = useMessageComposerCommands();
+    const hasEnabledCommands = commands.some(({ enabled }) => enabled);
     const hasSubmenu = !!submenuItems;
     return /* @__PURE__ */ jsx(
       ContextMenuButton,
       {
-        className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__create-poll-button",
+        className: "str-chat__attachment-selector-actions-menu__button str-chat__attachment-selector-actions-menu__commands-button",
+        disabled: !hasEnabledCommands,
         hasSubMenu: hasSubmenu,
         Icon: IconCommand,
         onClick: (event) => {
@@ -20580,7 +20736,17 @@ const DefaultStartRecordingAudioButton = forwardRef(function StartRecordingAudio
 const EditedMessagePreview = ({
   message,
   onCancel
-}) => /* @__PURE__ */ jsx(QuotedMessagePreviewUI, { onRemove: onCancel, quotedMessage: message });
+}) => {
+  const { t } = useTranslationContext();
+  return /* @__PURE__ */ jsx(
+    QuotedMessagePreviewUI,
+    {
+      authorLabel: t("Edit Message"),
+      onRemove: onCancel,
+      quotedMessage: message
+    }
+  );
+};
 const stateSelector = (state) => ({
   showReplyInChannel: state.showReplyInChannel
 });
@@ -20622,14 +20788,25 @@ const SendToChannelCheckbox = () => {
     }
   );
 };
+const messageComposerStateSelector$3 = ({
+  editedMessage,
+  quotedMessage
+}) => ({
+  editedMessage,
+  quotedMessage
+});
 const CommandItem = (props) => {
-  const { entity, focused: _, ...buttonProps } = props;
+  const { enabled, entity, focused: _, ...buttonProps } = props;
+  const messageComposer = useMessageComposerController();
+  useStateStore(messageComposer.state, messageComposerStateSelector$3);
   if (!entity.name) return null;
+  const resolvedEnabled = enabled ?? !messageComposer.isCommandDisabled(entity);
   return /* @__PURE__ */ jsx(
     CommandContextMenuItem,
     {
       ...buttonProps,
-      command: entity
+      command: entity,
+      enabled: resolvedEnabled
     }
   );
 };
@@ -20787,12 +20964,17 @@ const SuggestionList = ({
   } = useComponentContext();
   const { textareaRef } = useMessageComposerContext();
   const messageComposer = useMessageComposerController();
+  const commands = useMessageComposerCommands();
   const { textComposer } = messageComposer;
   const { selection, suggestions } = useStateStore(
     textComposer.state,
     textComposerStateSelector$3
   );
   const { items } = useStateStore(suggestions?.searchSource.state, searchSourceStateSelector$5) ?? {};
+  const hasEnabledCommandSuggestions = useMemo(
+    () => suggestions?.searchSource.type !== "commands" || commands.some(({ enabled }) => enabled),
+    [commands, suggestions?.searchSource.type]
+  );
   const [container, setContainer] = useState(null);
   const caretRectRef = useRef(null);
   const virtualCaretReference = useMemo(
@@ -20888,7 +21070,8 @@ const SuggestionList = ({
     update,
     virtualCaretReference
   ]);
-  if (!suggestions || !items?.length || !component) return null;
+  if (!suggestions || !items?.length || !component || !hasEnabledCommandSuggestions)
+    return null;
   const suggestionMenuLabel = suggestions.searchSource.type === "commands" ? t("aria/Command Suggestions") : suggestions.searchSource.type === "emojis" ? t("aria/Emoji Suggestions") : suggestions.searchSource.type === "mentions" ? t("aria/User Suggestions") : t("aria/Suggestions");
   return /* @__PURE__ */ jsx(
     "div",
@@ -20965,6 +21148,7 @@ const attachmentManagerStateSelector$1 = (state) => ({
   attachments: state.attachments
 });
 const defaultShouldSubmit = (event) => event.key === "Enter" && !event.shiftKey && !event.nativeEvent.isComposing;
+const shouldBackspaceExitCommandMode = (text2) => text2.length === 0;
 const TextareaComposer = ({
   className,
   closeSuggestionsOnClickOutside,
@@ -21051,6 +21235,7 @@ const TextareaComposer = ({
         onKeyDown(event);
         return;
       }
+      const textareaValue = textareaRef.current?.value ?? event.currentTarget.value;
       if (textComposer.suggestions && textComposer.suggestions.searchSource.items?.length) {
         if (event.key === "Escape") return textComposer.closeSuggestions();
         const loadedItems = textComposer.suggestions.searchSource.items;
@@ -21082,6 +21267,9 @@ const TextareaComposer = ({
             return nextIndex;
           });
         }
+      } else if (textComposer.command && (event.key === "Escape" || event.key === "Backspace" && shouldBackspaceExitCommandMode(textareaValue))) {
+        event.preventDefault();
+        textComposer.clearCommand();
       } else if (shouldSubmit(event) && textareaRef.current && messageComposer.hasSendableData) {
         if (event.key === "Enter") {
           event.preventDefault();
@@ -21252,6 +21440,7 @@ const WithDragAndDropUpload = ({
     disabled: isWithinMessageComposerContext ? !isUploadEnabled || isCooldownActive : false,
     multiple: multipleUploads,
     noClick: true,
+    noKeyboard: true,
     onDrop: isWithinMessageComposerContext ? messageComposer.attachmentManager.uploadFiles : handleDrop
   });
   if (dragAndDropUploadContext.subscribeToDrop !== null) {
@@ -22174,6 +22363,7 @@ const defaultReactionOptions = {
     }
   }
 };
+const getHasExtendedReactions = (reactionOptions) => !Array.isArray(reactionOptions) && typeof reactionOptions.extended !== "undefined" && Object.keys(reactionOptions.extended).length > 0;
 const stableOwnReactions = [];
 const ReactionSelector = (props) => {
   const {
@@ -22219,6 +22409,7 @@ const ReactionSelector = (props) => {
       })
     );
   }, [reactionOptions]);
+  const hasExtendedReactions = getHasExtendedReactions(reactionOptions);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -22256,7 +22447,7 @@ const ReactionSelector = (props) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx(
+        hasExtendedReactions && /* @__PURE__ */ jsx(
           Button,
           {
             appearance: "outline",
@@ -22449,6 +22640,7 @@ const MessageReactionsDetail = ({
     reactionDetailsSort: contextReactionDetailsSort
   } = useMessageContext(MessageReactionsDetail.name);
   const reactionDetailsSort = propReactionDetailsSort ?? contextReactionDetailsSort ?? defaultReactionDetailsSort;
+  const hasExtendedReactions = getHasExtendedReactions(reactionOptions);
   const {
     isLoading: areReactionsLoading,
     reactions: reactionDetails,
@@ -22495,7 +22687,7 @@ const MessageReactionsDetail = ({
             className: "str-chat__message-reactions-detail__reaction-type-list",
             "data-testid": "reaction-type-list",
             children: [
-              /* @__PURE__ */ jsx("li", { className: "str-chat__message-reactions-detail__reaction-type-list-item", children: /* @__PURE__ */ jsx(
+              hasExtendedReactions && /* @__PURE__ */ jsx("li", { className: "str-chat__message-reactions-detail__reaction-type-list-item", children: /* @__PURE__ */ jsx(
                 "button",
                 {
                   "aria-label": t("Add reaction"),
@@ -26040,7 +26232,7 @@ const UnMemoizedScrollToLatestMessageButton = (props) => {
     /* @__PURE__ */ jsx(
       Button,
       {
-        appearance: "outline",
+        appearance: "ghost",
         "aria-label": t("aria/Jump to latest message"),
         "aria-live": "polite",
         circular: true,
@@ -27085,18 +27277,29 @@ const useConnectionRecoveredListener = (forceUpdate) => {
 };
 const RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 5e3;
 const MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2e3;
+const mapPredefinedFilterSortToChannelSort = (sort) => sort.map(({ direction = 1, field }) => ({
+  [field]: direction
+}));
 const usePaginatedChannels = (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs = RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS, customQueryChannels) => {
+  const { addNotification } = useNotificationApi();
   const {
     channelsQueryState: { error, setError, setQueryInProgress }
   } = useChatContext("usePaginatedChannels");
+  const { t } = useTranslationContext();
   const [channels, setChannels] = useState([]);
   const [hasNextPage, setHasNextPage] = useState(true);
+  const [responseFilters, setResponseFilters] = useState(
+    void 0
+  );
+  const [responseSort, setResponseSort] = useState(void 0);
   const lastRecoveryTimestamp = useRef(void 0);
   const recoveryThrottleInterval = recoveryThrottleIntervalMs < MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS ? MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS : recoveryThrottleIntervalMs ?? RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS;
   const filterString = useMemo(() => JSON.stringify(filters), [filters]);
   const sortString = useMemo(() => JSON.stringify(sort), [sort]);
   const queryChannels = async (queryType = "load-more") => {
     setError(null);
+    const offset = queryType === "reload" ? 0 : channels.length;
+    const isFirstPage = offset === 0;
     if (queryType === "reload") {
       setChannels([]);
     }
@@ -27109,8 +27312,9 @@ const usePaginatedChannels = (client, filters, sort, options, activeChannelHandl
           setChannels,
           setHasNextPage
         });
+        setResponseFilters(void 0);
+        setResponseSort(void 0);
       } else {
-        const offset = queryType === "reload" ? 0 : channels.length;
         const newOptions = {
           offset,
           ...options
@@ -27118,18 +27322,37 @@ const usePaginatedChannels = (client, filters, sort, options, activeChannelHandl
         const channelQueryResponse = await client.queryChannels(
           filters,
           sort || {},
-          newOptions
+          newOptions,
+          { withResponse: true }
         );
-        const newChannels = queryType === "reload" ? channelQueryResponse : uniqBy([...channels, ...channelQueryResponse], "cid");
+        const newChannels = queryType === "reload" ? channelQueryResponse.channels : uniqBy([...channels, ...channelQueryResponse.channels], "cid");
         setChannels(newChannels);
-        setHasNextPage(channelQueryResponse.length >= (newOptions.limit ?? 1));
+        setHasNextPage(channelQueryResponse.channels.length >= (newOptions.limit ?? 1));
+        const predefinedFilter = channelQueryResponse.predefined_filter;
+        const nextResponseFilters = predefinedFilter ? predefinedFilter.filter : void 0;
+        const nextResponseSort = predefinedFilter?.sort ? mapPredefinedFilterSortToChannelSort(predefinedFilter.sort) : void 0;
+        setResponseFilters(nextResponseFilters);
+        setResponseSort(nextResponseSort);
         if (!offset && activeChannelHandler) {
-          activeChannelHandler(newChannels, setChannels);
+          activeChannelHandler(newChannels, setChannels, {
+            filters: nextResponseFilters ?? filters,
+            sort: nextResponseSort ?? sort
+          });
         }
       }
     } catch (error2) {
       console.warn(error2);
-      setError(error2);
+      addNotification({
+        emitter: "ChannelList",
+        error: error2 instanceof Error ? error2 : void 0,
+        message: isFirstPage ? t("Failed to load channels") : t("Failed to load more channels"),
+        severity: "error",
+        targetPanels: ["channel-list"],
+        type: isFirstPage ? "api:channel-list:load:failed" : "api:channel-list:load-more:failed"
+      });
+      if (isFirstPage) {
+        setError(error2);
+      }
     }
     setQueryInProgress(null);
   };
@@ -27154,8 +27377,12 @@ const usePaginatedChannels = (client, filters, sort, options, activeChannelHandl
   useEffect(() => {
     queryChannels("reload");
   }, [filterString, sortString]);
+  const effectiveFilters = responseFilters ?? filters;
+  const effectiveSort = responseSort ?? sort;
   return {
     channels,
+    effectiveFilters,
+    effectiveSort,
     hasNextPage,
     loadNextPage,
     setChannels
@@ -28301,7 +28528,7 @@ const UnMemoizedChannelList = (props) => {
     searchController.state,
     searchControllerStateSelector
   );
-  const activeChannelHandler = async (channels2, setChannels2) => {
+  const activeChannelHandler = async (channels2, setChannels2, effectiveQueryParams) => {
     if (!channels2.length) {
       return;
     }
@@ -28319,7 +28546,7 @@ const UnMemoizedChannelList = (props) => {
         const newChannels = moveChannelUpwards({
           channels: channels2,
           channelToMove: customActiveChannelObject,
-          sort
+          sort: effectiveQueryParams.sort
         });
         setChannels2(newChannels);
         return;
@@ -28330,7 +28557,14 @@ const UnMemoizedChannelList = (props) => {
     }
   };
   const forceUpdate = useCallback(() => setChannelUpdateCount((count) => count + 1), []);
-  const { channels, hasNextPage, loadNextPage, setChannels } = usePaginatedChannels(
+  const {
+    channels,
+    effectiveFilters,
+    effectiveSort,
+    hasNextPage,
+    loadNextPage,
+    setChannels
+  } = usePaginatedChannels(
     client,
     filters || DEFAULT_FILTERS,
     sort || DEFAULT_SORT,
@@ -28342,7 +28576,11 @@ const UnMemoizedChannelList = (props) => {
   const loadedChannels = channelRenderFilterFn ? channelRenderFilterFn(channels) : channels;
   const { customHandler, defaultHandler } = usePrepareShapeHandlers({
     allowNewMessagesFromUnfilteredChannels,
-    filters,
+    // `effectiveFilters`/`effectiveSort` reflect the backend-resolved
+    // `predefined_filter` metadata when `options.predefined_filter` is in use.
+    // For non-predefined queries they fall back to the caller-supplied
+    // `filters`/`sort` props so behavior is unchanged.
+    filters: effectiveFilters,
     lockChannelOrder,
     onAddedToChannel,
     onChannelDeleted,
@@ -28354,7 +28592,7 @@ const UnMemoizedChannelList = (props) => {
     onMessageNewHandler,
     onRemovedFromChannel,
     setChannels,
-    sort
+    sort: effectiveSort
     // TODO: implement
     // customHandleChannelListShape
   });
@@ -28904,12 +29142,29 @@ const ChannelListItemActionButtons = () => {
   const { t } = useTranslationContext();
   const { channel } = useChannelListItemContext();
   const [referenceElement, setReferenceElement] = React.useState(null);
+  const [isRestoringFocus, setIsRestoringFocus] = React.useState(false);
   const dialogId2 = ChannelListItemActionButtons.getDialogId({
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     channelId: channel.id
   });
   const { dialog, dialogManager } = useDialogOnNearestManager({ id: dialogId2 });
   const dialogIsOpen = useDialogIsOpen(dialogId2, dialogManager?.id);
+  const closeContextMenu = React.useCallback(() => {
+    setIsRestoringFocus(true);
+    dialog?.close();
+    requestAnimationFrame(() => {
+      if (!referenceElement?.isConnected) {
+        setIsRestoringFocus(false);
+        return;
+      }
+      referenceElement.focus();
+      requestAnimationFrame(() => {
+        if (document.activeElement !== referenceElement) {
+          setIsRestoringFocus(false);
+        }
+      });
+    });
+  }, [dialog, referenceElement]);
   const filteredActionSet = useBaseChannelActionSetFilter(defaultChannelActionSet);
   const { dropdownActionSet, quickActionSet, quickDropdownToggleAction } = useSplitActionSet(filteredActionSet);
   if (quickActionSet.length + dropdownActionSet.length === 0) {
@@ -28919,9 +29174,12 @@ const ChannelListItemActionButtons = () => {
     "div",
     {
       className: clsx("str-chat__channel-list-item__action-buttons", {
-        "str-chat__channel-list-item__action-buttons--active": dialogIsOpen
+        "str-chat__channel-list-item__action-buttons--active": dialogIsOpen || isRestoringFocus
       }),
       "data-testid": "channel-list-item-action-buttons",
+      onFocusCapture: () => {
+        setIsRestoringFocus(false);
+      },
       children: [
         quickDropdownToggleAction && dropdownActionSet.length > 0 && /* @__PURE__ */ jsx(quickDropdownToggleAction.Component, { ref: setReferenceElement }),
         quickActionSet.map(({ Component: Component2, type }) => /* @__PURE__ */ jsx(Component2, {}, type)),
@@ -28933,7 +29191,7 @@ const ChannelListItemActionButtons = () => {
             "data-testid": "channel-list-item-context-menu",
             dialogManagerId: dialogManager?.id,
             id: dialog.id,
-            onClose: dialog?.close,
+            onClose: closeContextMenu,
             placement: "bottom-start",
             referenceElement,
             tabIndex: -1,
@@ -29175,6 +29433,7 @@ const UnMemoizedChannelListItemUI = (props) => {
     messageDeliveryStatus,
     muted,
     onSelect: customOnSelectChannel,
+    pinned,
     setActiveChannel,
     unread,
     watchers
@@ -29197,7 +29456,6 @@ const UnMemoizedChannelListItemUI = (props) => {
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "str-chat__channel-list-item-container", children: [
-    /* @__PURE__ */ jsx(ChannelListItemActionButtons$1, {}),
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -29207,8 +29465,11 @@ const UnMemoizedChannelListItemUI = (props) => {
         "aria-selected": active,
         className: clsx(
           "str-chat__channel-list-item",
-          typeof unread === "number" && unread > 0 && "str-chat__channel-list-item--unread",
-          muted && "str-chat__channel-list-item--muted",
+          {
+            "str-chat__channel-list-item--muted": muted,
+            "str-chat__channel-list-item--pinned": pinned,
+            "str-chat__channel-list-item--unread": typeof unread === "number" && unread > 0
+          },
           customClassName
         ),
         "data-testid": "channel-list-item-button",
@@ -29229,6 +29490,7 @@ const UnMemoizedChannelListItemUI = (props) => {
             /* @__PURE__ */ jsxs("div", { className: "str-chat__channel-list-item-data__first-row", children: [
               /* @__PURE__ */ jsxs("div", { className: "str-chat__channel-list-item-data__title", children: [
                 /* @__PURE__ */ jsx("span", { children: displayTitle || "N/A" }),
+                pinned && /* @__PURE__ */ jsx(IconPin, {}),
                 muted && /* @__PURE__ */ jsx(IconMute, {})
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "str-chat__channel-list-item-data__timestamp-and-badge", children: [
@@ -29247,7 +29509,8 @@ const UnMemoizedChannelListItemUI = (props) => {
           ] })
         ]
       }
-    )
+    ),
+    /* @__PURE__ */ jsx(ChannelListItemActionButtons$1, {})
   ] });
 };
 const ChannelListItemUI = React.memo(
@@ -29350,6 +29613,7 @@ const ChannelListItem = (props) => {
   const { displayImage, displayTitle, groupChannelDisplayInfo } = useChannelPreviewInfo({
     channel
   });
+  const membership = useChannelMembershipState(channel);
   const [lastMessage, setLastMessage] = useState(
     channel.state.messages[channel.state.messages.length - 1]
   );
@@ -29446,6 +29710,7 @@ const ChannelListItem = (props) => {
       latestMessagePreview,
       messageDeliveryStatus,
       muted,
+      pinned: !!membership.pinned_at,
       setActiveChannel,
       unread
     }
@@ -29759,7 +30024,7 @@ const Notification = forwardRef(
       }
       removeNotification(notification.id);
     };
-    const isPersistent = !notification.duration;
+    const isPersistent2 = !notification.duration;
     const severity = notification.severity;
     const livePriority = severity === "error" ? "assertive" : "polite";
     return /* @__PURE__ */ jsxs(
@@ -29805,7 +30070,7 @@ const Notification = forwardRef(
             },
             index
           )) }),
-          (showClose || isPersistent) && /* @__PURE__ */ jsx(
+          (showClose || isPersistent2) && /* @__PURE__ */ jsx(
             Button,
             {
               appearance: "ghost",
@@ -29832,6 +30097,7 @@ const ENTER_TRANSLATION = {
   top: { x: "0%", y: "-100%" }
 };
 const EXIT_ANIMATION_MS = 340;
+const DEFAULT_MIN_DISPLAY_MS = 1e3;
 const isEnterFrom = (value) => value === "bottom" || value === "left" || value === "right" || value === "top";
 const getNotificationEnterFrom = (notification, fallbackEnterFrom) => {
   if (!notification) return fallbackEnterFrom;
@@ -29841,19 +30107,93 @@ const getNotificationEnterFrom = (notification, fallbackEnterFrom) => {
   if (isEnterFrom(originEnterFrom)) return originEnterFrom;
   return fallbackEnterFrom;
 };
+const isPersistent = (notification) => !notification.duration;
+const haveSameType = (a, b) => !!a?.type && !!b?.type && a.type === b.type;
+const pickOldest = (notifications, displayed) => {
+  const excludeId = displayed?.id ?? null;
+  let oldest = null;
+  for (const notification of notifications) {
+    if (notification.id === excludeId) continue;
+    if (!oldest || notification.createdAt < oldest.createdAt) {
+      oldest = notification;
+    }
+  }
+  return oldest;
+};
+const pickNewest = (notifications, displayed) => {
+  const excludeId = displayed?.id ?? null;
+  let newest = null;
+  for (const notification of notifications) {
+    if (notification.id === excludeId) continue;
+    if (!newest || notification.createdAt > newest.createdAt) {
+      newest = notification;
+    }
+  }
+  return newest;
+};
+const pickNewestPersistent = (notifications, excludeId) => {
+  let newest = null;
+  for (const notification of notifications) {
+    if (notification.id === excludeId) continue;
+    if (!isPersistent(notification)) continue;
+    if (!newest || notification.createdAt > newest.createdAt) {
+      newest = notification;
+    }
+  }
+  return newest;
+};
+const pickNewestOfType = (notifications, type, excludeId) => {
+  if (!type) return null;
+  let newest = null;
+  for (const notification of notifications) {
+    if (notification.id === excludeId) continue;
+    if (notification.type !== type) continue;
+    if (!newest || notification.createdAt > newest.createdAt) {
+      newest = notification;
+    }
+  }
+  return newest;
+};
+const createDefaultPickNext = (pickFromQueue = pickOldest) => (notifications, displayed) => {
+  if (notifications.length === 0) return null;
+  const newestPersistent = pickNewestPersistent(notifications, null);
+  if (!displayed) {
+    return newestPersistent ?? pickFromQueue(notifications, null);
+  }
+  const displayedInStore = notifications.some(({ id }) => id === displayed.id);
+  if (!displayedInStore) {
+    return newestPersistent ?? pickFromQueue(notifications, null);
+  }
+  if (isPersistent(displayed)) {
+    const newerPersistent = newestPersistent && newestPersistent.id !== displayed.id ? newestPersistent : pickNewestPersistent(notifications, displayed.id);
+    if (newerPersistent && newerPersistent.createdAt > displayed.createdAt) {
+      return newerPersistent;
+    }
+    return displayed;
+  }
+  const sameTypeNewest = pickNewestOfType(notifications, displayed.type, displayed.id);
+  if (sameTypeNewest) return sameTypeNewest;
+  if (newestPersistent) return newestPersistent;
+  return pickFromQueue(notifications, displayed) ?? displayed;
+};
+const defaultPickNext = createDefaultPickNext(pickOldest);
 const NotificationList = ({
   className,
   enterFrom = "bottom",
   fallbackPanel,
   filter,
+  minDisplayMs = DEFAULT_MIN_DISPLAY_MS,
   panel,
+  pickNext = defaultPickNext,
   verticalAlignment = "bottom"
 }) => {
   const { Notification: NotificationComponent = Notification } = useComponentContext();
   const { t } = useTranslationContext();
   const { removeNotification, startNotificationTimeout } = useNotificationApi();
   const exitTimeoutRef = useRef(null);
-  const latestNotificationRef = useRef(null);
+  const replacementTimeoutRef = useRef(null);
+  const candidateRef = useRef(null);
+  const displayedAtRef = useRef(null);
   const listRef = useRef(null);
   const observedElementRef = useRef(null);
   const startedTimeoutIdsRef = useRef(null);
@@ -29876,7 +30216,6 @@ const NotificationList = ({
     filter: combinedFilter,
     panel
   });
-  const nextNotification = notifications[0] ?? null;
   const dismiss = useCallback(
     (id) => {
       startedTimeoutIdsRef.current?.delete(id);
@@ -29892,33 +30231,105 @@ const NotificationList = ({
       }
     });
   }, [notifications]);
-  useEffect(() => {
-    latestNotificationRef.current = nextNotification;
-  }, [nextNotification]);
+  const clearReplacementTimeout = useCallback(() => {
+    if (replacementTimeoutRef.current !== null) {
+      window.clearTimeout(replacementTimeoutRef.current);
+      replacementTimeoutRef.current = null;
+    }
+  }, []);
   useEffect(
     () => () => {
-      if (exitTimeoutRef.current) {
+      clearReplacementTimeout();
+      if (exitTimeoutRef.current !== null) {
         window.clearTimeout(exitTimeoutRef.current);
+        exitTimeoutRef.current = null;
       }
     },
-    []
+    [clearReplacementTimeout]
   );
   useEffect(() => {
+    candidateRef.current = pickNext(notifications, displayedNotification);
+  }, [displayedNotification, notifications, pickNext]);
+  useEffect(() => {
+    if (transitionState === "exit") return;
     if (!displayedNotification) {
-      if (!nextNotification) return;
-      setDisplayedNotification(nextNotification);
-      setTransitionState("enter");
+      const candidate2 = pickNext(notifications, null);
+      if (candidate2) {
+        displayedAtRef.current = Date.now();
+        setDisplayedNotification(candidate2);
+        setTransitionState("enter");
+      }
       return;
     }
-    if (displayedNotification.id === nextNotification?.id) return;
-    if (transitionState === "exit") return;
-    setTransitionState("exit");
-    exitTimeoutRef.current = window.setTimeout(() => {
-      setDisplayedNotification(latestNotificationRef.current);
-      setTransitionState("enter");
-      exitTimeoutRef.current = null;
-    }, EXIT_ANIMATION_MS);
-  }, [displayedNotification, nextNotification, transitionState]);
+    const candidate = pickNext(notifications, displayedNotification);
+    if (!candidate) {
+      clearReplacementTimeout();
+      setTransitionState("exit");
+      exitTimeoutRef.current = window.setTimeout(() => {
+        exitTimeoutRef.current = null;
+        displayedAtRef.current = null;
+        setDisplayedNotification(null);
+        setTransitionState("enter");
+      }, EXIT_ANIMATION_MS);
+      return;
+    }
+    if (candidate.id === displayedNotification.id) {
+      clearReplacementTimeout();
+      return;
+    }
+    const displayedInStore = notifications.some(
+      ({ id }) => id === displayedNotification.id
+    );
+    const startSwap = () => {
+      replacementTimeoutRef.current = null;
+      setTransitionState("exit");
+      const previousId = displayedNotification.id;
+      const wasInStore = displayedInStore;
+      exitTimeoutRef.current = window.setTimeout(() => {
+        exitTimeoutRef.current = null;
+        if (wasInStore) {
+          startedTimeoutIdsRef.current?.delete(previousId);
+          removeNotification(previousId);
+        }
+        const next = candidateRef.current;
+        if (next && next.id !== previousId) {
+          displayedAtRef.current = Date.now();
+          setDisplayedNotification(next);
+          setTransitionState("enter");
+        } else {
+          displayedAtRef.current = null;
+          setDisplayedNotification(null);
+          setTransitionState("enter");
+        }
+      }, EXIT_ANIMATION_MS);
+    };
+    if (!displayedInStore) {
+      clearReplacementTimeout();
+      startSwap();
+      return;
+    }
+    if (haveSameType(displayedNotification, candidate)) {
+      clearReplacementTimeout();
+      startSwap();
+      return;
+    }
+    const elapsed = displayedAtRef.current ? Date.now() - displayedAtRef.current : 0;
+    const remaining = Math.max(0, minDisplayMs - elapsed);
+    if (remaining === 0) {
+      clearReplacementTimeout();
+      startSwap();
+    } else if (replacementTimeoutRef.current === null) {
+      replacementTimeoutRef.current = window.setTimeout(startSwap, remaining);
+    }
+  }, [
+    clearReplacementTimeout,
+    displayedNotification,
+    minDisplayMs,
+    notifications,
+    pickNext,
+    removeNotification,
+    transitionState
+  ]);
   const notification = displayedNotification;
   const notificationEnterFrom = getNotificationEnterFrom(notification, enterFrom);
   useEffect(() => {
@@ -30400,7 +30811,7 @@ const useChat = ({
   };
   useEffect(() => {
     if (!client) return;
-    const version = "14.1.0";
+    const version = "14.3.0";
     const userAgent = client.getUserAgent();
     if (!userAgent.includes("stream-chat-react")) {
       client.setUserAgent(`stream-chat-react-${version}-${userAgent}`);
@@ -31022,6 +31433,7 @@ export {
   areMessagePropsEqual,
   areMessageUIPropsEqual,
   countEmojis,
+  createDefaultPickNext,
   bK as createIcon,
   deTranslations,
   defaultAllowedTagNames,
@@ -31052,6 +31464,7 @@ export {
   getCssDimensionsVariables,
   getGroupChannelDisplayInfo,
   getGroupStyles,
+  getHasExtendedReactions,
   bS as getImages,
   getIsFirstUnreadMessage,
   getLastReceived,
@@ -31119,6 +31532,8 @@ export {
   modalDialogManagerId,
   moveChannelUpwards,
   nlTranslations,
+  pickNewest,
+  pickOldest,
   plusPlusToEmphasis,
   processMessages,
   ptTranslations,
@@ -31128,6 +31543,7 @@ export {
   renderText,
   resampleWaveformData,
   ruTranslations,
+  shouldBackspaceExitCommandMode,
   shouldConsiderArchivedChannels,
   shouldConsiderPinnedChannels,
   toBaseImageDescriptors,
@@ -31182,6 +31598,7 @@ export {
   useMentionsHandler,
   useMessageBounceContext,
   useMessageComposerBindings,
+  useMessageComposerCommands,
   useMessageComposerContext,
   useMessageComposerController,
   useMessageComposerHasSendableData,