test: Fix transcription test. (#16974 )

Fix waiting for transcription to be turned off. Re-enabling transcription was sometimes started before jigasi had left the room, resulting in a failure.
test: Enable retries for the kick test, it's failing sporadically.
2026-02-23 22:30:23 +00:00 · 2026-02-20 18:12:24 -06:00 · 2026-02-20 18:12:22 -06:00 · 2026-02-19 09:26:44 -05:00 · 2026-02-19 09:26:22 -05:00 · 2026-02-19 11:39:40 +02:00
36 changed files with 552 additions and 203 deletions
--- a/css/_base.scss
+++ b/css/_base.scss
@@ -45,7 +45,7 @@ body {

 .jitsi-icon {
    &-default svg {
-        fill: var(--icon-default-color, white);
+        fill: var(--icon-svg-fill, white);
    }
 }

--- a/css/_reactions-menu.scss
+++ b/css/_reactions-menu.scss
@@ -2,8 +2,8 @@

 .reactions-menu {
 	width: 330px;
-	background: #242528;
-	box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.6), 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
+	background: var(--reactions-menu-background, #242528);
+	box-shadow: 0px 3px 16px var(--reactions-menu-box-shadow-1, rgba(0, 0, 0, 0.6)), 0px 0px 4px 1px var(--reactions-menu-box-shadow-2, rgba(0, 0, 0, 0.25));
 	border-radius: 6px;
 	padding: 16px;

@@ -14,7 +14,7 @@
 			top: 3px;

 			& .toolbox-icon.toggled {
-				background-color: #000000;
+				background-color: var(--reactions-menu-button-toggled, #000000);
 			}
 		}
 	}
--- a/css/premeeting/_premeeting-screens.scss
+++ b/css/premeeting/_premeeting-screens.scss
@@ -106,7 +106,7 @@
 }

 #preview {
-    background: #040404;
+    background: var(--prejoin-preview-background, #040404);
    display: flex;
    align-items: center;
    justify-content: center;
--- a/lang/main-de.json
+++ b/lang/main-de.json
@@ -227,6 +227,9 @@
        "video_ssrc": "Video-SSRC:",
        "yes": "Ja"
    },
+    "customPanel": {
+        "close": "Schließen"
+    },
    "dateUtils": {
        "earlier": "Früher",
        "today": "Heute",
@@ -589,6 +592,7 @@
        "newFileNotification": "{{ participantName }} hat Datei '{{ fileName }}' hochgeladen",
        "removeFile": "Entfernen",
        "removeFileSuccess": "Datei erfolgreich entfernt",
+        "uploadDisabled": "Keine Berechtigung, Dateien hochzuladen. Bitte bei der Moderation anfragen.",
        "uploadFailedDescription": "Bitte versuchen Sie es erneut.",
        "uploadFailedTitle": "Dateiupload fehlgeschlagen",
        "uploadFile": "Datei hochladen"
@@ -1315,6 +1319,7 @@
            "chat": "Chatfenster öffnen / schließen",
            "clap": "Klatschen",
            "closeChat": "Chat schließen",
+            "closeCustomPanel": "Schließen",
            "closeMoreActions": "„Weitere Einstellungen“ schließen",
            "closeParticipantsPane": "Anwesendenliste schließen",
            "closedCaptions": "Untertitel",
@@ -1420,9 +1425,11 @@
        "chat": "Chat öffnen / schließen",
        "clap": "Klatschen",
        "closeChat": "Chat schließen",
+        "closeCustomPanel": "Schließen",
        "closeParticipantsPane": "Anwesenheitsliste schließen",
        "closeReactionsMenu": "Interaktionsmenü schließen",
        "closedCaptions": "Untertitel",
+        "copilot": "Copilot",
        "disableNoiseSuppression": "Rauschunterdrückung deaktivieren",
        "disableReactionSounds": "Sie können die Interaktionstöne für diese Konferenz deaktivieren",
        "documentClose": "Geteiltes Dokument schließen",
--- a/lang/main-fr.json
+++ b/lang/main-fr.json
@@ -114,6 +114,9 @@
        "error": "Erreur : votre message n'a pas été envoyé. Raison : {{error}}",
        "everyone": "Tout le monde",
        "fieldPlaceHolder": "Tapez votre message ici",
+        "fileAccessibleTitle": "{{user}} a téléversé un fichier",
+        "fileAccessibleTitleMe": "j’ai téléversé un fichier",
+        "fileDeleted": "Un fichier a été supprimé",
        "guestsChatIndicator": "(invité)",
        "lobbyChatMessageTo": "Message de salle d'attente à {{recipient}}",
        "message": "Message",
@@ -123,8 +126,16 @@
        "messagebox": "Envoyer un message",
        "newMessages": "Nouveaux messages",
        "nickname": {
+            "featureChat": "chat",
+            "featureClosedCaptions": "sous-titres",
+            "featureFileSharing": "partage de fichiers",
+            "featurePolls": "sondages",
            "popover": "Choisissez un pseudonyme",
            "title": "Entrez un pseudonyme pour utiliser le chat",
+            "titleWith1Features": "Entrez un pseudonyme pour utiliser {{feature1}}",
+            "titleWith2Features": "Entrez un pseudonyme pour utiliser {{feature1}} et {{feature2}}",
+            "titleWith3Features": "Entrez un pseudonyme pour utiliser {{feature1}}, {{feature2}} et {{feature3}}",
+            "titleWith4Features": "Entrez un pseudonyme pour utiliser {{feature1}}, {{feature2}}, {{feature3}} et {{feature4}}",
            "titleWithCC": "Entrez un pseudonyme pour utiliser le chat et les sous-titres",
            "titleWithPolls": "Entrez un pseudonyme pour utiliser le chat et les sondages",
            "titleWithPollsAndCC": "Entrez un pseudonyme pour utiliser le chat, les sondages et les sous-titres",
@@ -216,6 +227,9 @@
        "video_ssrc": "Video SSRC :",
        "yes": "oui"
    },
+    "customPanel": {
+        "close": "Fermer"
+    },
    "dateUtils": {
        "earlier": "Plus tôt",
        "today": "Aujourd'hui",
@@ -522,6 +536,7 @@
        "tokenAuthFailedWithReasons": "Désolé, vous n’êtes pas autorisé à rejoindre l’appel. La raison possible : {{reason}}.",
        "tokenAuthUnsupported": "Token URL n'est pas supporté.",
        "transcribing": "Transcription",
+        "unauthenticatedAccessDisabled": "Cet appel nécessite une authentification. Veuillez vous connecter pour continuer.",
        "unlockRoom": "Supprimer le $t(lockRoomPassword) de la réunion",
        "user": "Utilisateur",
        "userIdentifier": "Identifiant utilisateur",
@@ -569,10 +584,12 @@
        "downloadStarted": "Téléchargement de fichier démarré",
        "dragAndDrop": "Glissez et déposez des fichiers ici ou n'importe où sur l'écran",
        "fileAlreadyUploaded": "Le fichier a déjà été téléchargé vers cette réunion.",
+        "fileRemovedByOther": "Votre fichier « {{ fileName }} » a été supprimé",
        "fileTooLargeDescription": "Veuillez vous assurer que le fichier ne dépasse pas {{ maxFileSize }}.",
        "fileTooLargeTitle": "Le fichier sélectionné est trop volumineux",
        "fileUploadProgress": "Progression du téléchargement de fichier",
        "fileUploadedSuccessfully": "Fichier téléchargé avec succès",
+        "newFileNotification": "{{ participantName }} a partagé « {{ fileName }} »",
        "removeFile": "Supprimer",
        "removeFileSuccess": "Fichier supprimé avec succès",
        "uploadFailedDescription": "Veuillez réessayer.",
@@ -964,6 +981,9 @@
        "by": "Par {{ name }}",
        "closeButton": "Fermer le sondage",
        "create": {
+            "accessibilityLabel": {
+                "send": "Envoyer le sondage"
+            },
            "addOption": "Ajouter une option",
            "answerPlaceholder": "Option {{index}}",
            "cancel": "Annuler",
@@ -972,8 +992,7 @@
            "pollQuestion": "Question du sondage",
            "questionPlaceholder": "Poser une question",
            "removeOption": "Supprimer l'option",
-            "save": "Enregistrer",
-            "send": "Envoyer"
+            "save": "Enregistrer"
        },
        "errors": {
            "notUniqueOption": "Les options doivent être uniques"
@@ -1299,6 +1318,7 @@
            "chat": "Afficher / Masquer la discussion instantanée",
            "clap": "Applaudir",
            "closeChat": "Fermer la discussion instantanée",
+            "closeCustomPanel": "Fermer",
            "closeMoreActions": "Fermer le menu plus d'actions",
            "closeParticipantsPane": "Fermer le panneau des participants",
            "closedCaptions": "Sous-titres",
@@ -1404,9 +1424,11 @@
        "chat": "Ouvrir / Fermer le chat",
        "clap": "Applaudir",
        "closeChat": "Fermer le chat",
+        "closeCustomPanel": "Fermer",
        "closeParticipantsPane": "Fermer le panneau des participants",
        "closeReactionsMenu": "Fermer le menu réactions",
        "closedCaptions": "Sous-titres",
+        "copilot": "Copilot",
        "disableNoiseSuppression": "Arrêter la suppression du bruit",
        "disableReactionSounds": "Vous pouvez interdire les réactions sonores à cette réunion",
        "documentClose": "Fermer le document partagé",
@@ -1421,6 +1443,7 @@
        "exitFullScreen": "Quitter le mode plein écran",
        "exitTileView": "Quitter le mode mosaïque",
        "feedback": "Laisser des commentaires",
+        "fileSharing": "Partage de fichiers",
        "giphy": "Activer/désactiver le menu GIPHY",
        "hangup": "Quitter",
        "help": "Aide",
@@ -1456,6 +1479,7 @@
        "openReactionsMenu": "Ouvrir le menu Réactions",
        "participants": "Participants",
        "pip": "Entrer en mode Picture-in-Picture",
+        "polls": "Sondages",
        "privateMessage": "Envoyer un message privé",
        "profile": "Éditer votre profil",
        "raiseHand": "Lever / Baisser la main",
--- a/lang/main.json
+++ b/lang/main.json
@@ -592,6 +592,7 @@
        "newFileNotification": "{{ participantName }} shared '{{ fileName }}'",
        "removeFile": "Remove",
        "removeFileSuccess": "File removed successfully",
+        "uploadDisabled": "Not allowed to upload files. Ask a moderator for permission rights for that operation.",
        "uploadFailedDescription": "Please try again.",
        "uploadFailedTitle": "Upload failed",
        "uploadFile": "Share file"
--- a/modules/API/API.js
+++ b/modules/API/API.js
@@ -2253,6 +2253,32 @@ class API {
        });
    }

+    /**
+     * Notify the external application that a file has been uploaded.
+     *
+     * @param {Object} fileMetadata - The file metadata.
+     * @returns {void}
+     */
+    notifyFileUploaded(fileMetadata) {
+        this._sendEvent({
+            name: 'file-uploaded',
+            file: fileMetadata
+        });
+    }
+
+    /**
+     * Notify the external application that a file has been deleted.
+     *
+     * @param {string} fileId - The ID of the deleted file.
+     * @returns {void}
+     */
+    notifyFileDeleted(fileId) {
+        this._sendEvent({
+            name: 'file-deleted',
+            fileId
+        });
+    }
+
    /**
     * Notify the external application that the audio or video is being shared by a participant.
     *
--- a/modules/API/external/external_api.js
+++ b/modules/API/external/external_api.js
@@ -133,6 +133,8 @@ const events = {
    'face-landmark-detected': 'faceLandmarkDetected',
    'feedback-submitted': 'feedbackSubmitted',
    'feedback-prompt-displayed': 'feedbackPromptDisplayed',
+    'file-deleted': 'fileDeleted',
+    'file-uploaded': 'fileUploaded',
    'filmstrip-display-changed': 'filmstripDisplayChanged',
    'incoming-message': 'incomingMessage',
    'knocking-participant': 'knockingParticipant',
--- a/modules/UI/videolayout/LargeVideoManager.js
+++ b/modules/UI/videolayout/LargeVideoManager.js
@@ -3,7 +3,7 @@
 import Logger from '@jitsi/logger';
 import $ from 'jquery';
 import React from 'react';
-import { createRoot } from 'react-dom/client';
+import ReactDOM from 'react-dom';
 import { I18nextProvider } from 'react-i18next';
 import { Provider } from 'react-redux';

@@ -166,8 +166,7 @@ export default class LargeVideoManager {

        this.removePresenceLabel();

-        this._avatarRoot?.unmount();
-        this._avatarRoot = null;
+        ReactDOM.unmountComponentAtNode(this._dominantSpeakerAvatarContainer);

        this.container.style.display = 'none';
    }
@@ -519,16 +518,14 @@ export default class LargeVideoManager {
     * Updates the src of the dominant speaker avatar
     */
    updateAvatar() {
-        if (!this._avatarRoot) {
-            this._avatarRoot = createRoot(this._dominantSpeakerAvatarContainer);
-        }
-        this._avatarRoot.render(
+        ReactDOM.render(
            <Provider store = { APP.store }>
                <Avatar
                    id = "dominantSpeakerAvatar"
                    participantId = { this.id }
                    size = { 200 } />
-            </Provider>
+            </Provider>,
+            this._dominantSpeakerAvatarContainer
        );
    }

@@ -562,18 +559,15 @@ export default class LargeVideoManager {
        const presenceLabelContainer = document.getElementById('remotePresenceMessage');

        if (presenceLabelContainer) {
-            if (!this._presenceLabelRoot) {
-                this._presenceLabelRoot = createRoot(presenceLabelContainer);
-            }
-            this._presenceLabelRoot.render(
+            ReactDOM.render(
                <Provider store = { APP.store }>
                    <I18nextProvider i18n = { i18next }>
                        <PresenceLabel
                            participantID = { id }
                            className = 'presence-label' />
                    </I18nextProvider>
-                </Provider>
-            );
+                </Provider>,
+                presenceLabelContainer);
        }
    }

@@ -583,8 +577,11 @@ export default class LargeVideoManager {
     * @returns {void}
     */
    removePresenceLabel() {
-        this._presenceLabelRoot?.unmount();
-        this._presenceLabelRoot = null;
+        const presenceLabelContainer = document.getElementById('remotePresenceMessage');
+
+        if (presenceLabelContainer) {
+            ReactDOM.unmountComponentAtNode(presenceLabelContainer);
+        }
    }

    /**
--- a/modules/UI/videolayout/VideoContainer.js
+++ b/modules/UI/videolayout/VideoContainer.js
@@ -4,7 +4,7 @@
 import Logger from '@jitsi/logger';
 import $ from 'jquery';
 import React from 'react';
-import { createRoot } from 'react-dom/client';
+import ReactDOM from 'react-dom';

 import { browser } from '../../../react/features/base/lib-jitsi-meet';
 import { FILMSTRIP_BREAKPOINT } from '../../../react/features/filmstrip/constants';
@@ -659,12 +659,7 @@ export class VideoContainer extends LargeContainer {
            return;
        }

-        const container = document.getElementById('largeVideoBackgroundContainer');
-
-        if (!this._backgroundRoot) {
-            this._backgroundRoot = createRoot(container);
-        }
-        this._backgroundRoot.render(
+        ReactDOM.render(
            <LargeVideoBackground
                hidden = { this._hideBackground || this._isHidden }
                mirror = {
@@ -674,7 +669,8 @@ export class VideoContainer extends LargeContainer {
                }
                orientationFit = { this._backgroundOrientation }
                videoElement = { this.video }
-                videoTrack = { this.stream } />
+                videoTrack = { this.stream } />,
+            document.getElementById('largeVideoBackgroundContainer')
        );
    }
 }
--- a/react/features/base/environment/utils.any.ts
+++ b/react/features/base/environment/utils.any.ts
@@ -29,4 +29,3 @@ export function isIpadMobileBrowser() {
    // @ts-ignore
    return isIosMobileBrowser() && Platform.isPad;
 }
-
--- a/react/features/base/environment/utils.native.ts
+++ b/react/features/base/environment/utils.native.ts
@@ -0,0 +1 @@
+export * from './utils.any';
--- a/react/features/base/environment/utils.web.ts
+++ b/react/features/base/environment/utils.web.ts
@@ -0,0 +1,37 @@
+import { MIN_FILMSTRIP_RESIZE_WIDTH } from '../../filmstrip/constants';
+
+/**
+ * Detects if the current device has touch capability.
+ * This includes smartphones, tablets, and laptops with touch screens.
+ *
+ * @returns {boolean} True if the device supports touch events.
+ */
+export function isTouchDevice(): boolean {
+    // Check maxTouchPoints (most reliable for modern browsers)
+    if ('maxTouchPoints' in navigator) {
+        return navigator.maxTouchPoints > 0;
+    }
+
+    return false;
+}
+
+/**
+ * Determines if resize functionality should be enabled based on device capabilities
+ * and screen size. On touch devices, resize is only enabled for larger screens.
+ * On non-touch devices (desktop), resize is always enabled.
+ *
+ * @returns {boolean} True if resize functionality should be available to the user.
+ */
+export function shouldEnableResize(): boolean {
+    const hasTouch = isTouchDevice();
+
+    // On non-touch devices (desktop), always enable resize
+    if (!hasTouch) {
+        return true;
+    }
+
+    // On touch devices, only enable if screen is large enough.
+    return window?.innerWidth >= MIN_FILMSTRIP_RESIZE_WIDTH;
+}
+
+export * from './utils.any';
--- a/react/features/base/ui/Tokens.ts
+++ b/react/features/base/ui/Tokens.ts
@@ -155,6 +155,7 @@ export const colorMap = {
    preMeetingBackground: 'surface02',  // Pre-meeting screen container background
    preMeetingPreview: 'ui01',          // Video preview in pre-meeting
    prejoinDialogBackground: 'uiBackground', // Prejoin dialog background
+    prejoinPreviewBackground: 'uiBackground', // Prejoin video preview background (#040404)
    prejoinDialogDelimiter: 'ui03',     // Prejoin dialog delimiter line
    prejoinDialogDelimiterText: 'text01', // Prejoin dialog delimiter text
    prejoinTitleText: 'text01',         // Prejoin title text color
@@ -356,6 +357,9 @@ export const colorMap = {
    // Reactions
    reactionsMenuBackground: 'ui01',         // Reactions menu background
    reactionsMenuBorder: 'ui02',             // Reactions menu border
+    reactionsMenuButtonToggled: 'surface01', // Reactions menu button toggled state background
+    reactionsMenuBoxShadow1: 'ui09',         // Reactions menu box shadow primary
+    reactionsMenuBoxShadow2: 'ui08',         // Reactions menu box shadow secondary

    // Recording / Live Stream
    recordingBackground: 'ui01',             // Recording panel background
@@ -428,7 +432,7 @@ export const colorMap = {
    securityDialogBorder: 'ui07',            // Security dialog border color

    // Deep Linking
-    deepLinkingBackground: 'ui01',           // Deep linking page content pane background
+    deepLinkingBackground: 'uiBackground',   // Deep linking page content pane background (#1e1e1e)
    deepLinkingBorder: 'ui03',               // Deep linking page content pane border
    deepLinkingText: 'text01',               // Deep linking page text
    deepLinkingSeparator: 'ui03',            // Deep linking separator line
@@ -505,6 +509,9 @@ export const colorMap = {
    // High-contrast
    icon04: 'surface01',

+    // SVG fill color
+    iconSvgFill: 'icon01',
+
    // Error
    iconError: 'action03',

--- a/react/features/base/ui/components/web/Input.tsx
+++ b/react/features/base/ui/components/web/Input.tsx
@@ -107,12 +107,12 @@ const useStyles = makeStyles()(theme => {
        },

        'input::-webkit-outer-spin-button, input::-webkit-inner-spin-button': {
-            WebkitAppearance: 'none',
+            '-webkit-appearance': 'none',
            margin: 0
        },

        'input[type=number]': {
-            MozAppearance: 'textfield'
+            '-moz-appearance': 'textfield'
        },

        icon: {
--- a/react/features/base/ui/constants.web.ts
+++ b/react/features/base/ui/constants.web.ts
@@ -13,19 +13,25 @@ export const commonStyles = (theme: Theme) => {
    return {
        ':root': {
            // Inject semantic tokens as CSS custom properties for use in SCSS
-            '--toolbox-background-color': theme.palette.toolboxBackground,
            '--drawer-background-color': theme.palette.drawerBackground,
+            '--icon-svg-fill': theme.palette.iconSvgFill,
+            '--overflow-menu-background-color': theme.palette.overflowMenuBackground,
+            '--overflow-menu-item-disabled-color': theme.palette.overflowMenuItemDisabled,
+            '--overflow-menu-item-hover-color': theme.palette.overflowMenuItemHover,
+            '--overflow-menu-item-icon-color': theme.palette.overflowMenuItemIcon,
+            '--overflow-menu-item-text-color': theme.palette.overflowMenuItemText,
+            '--prejoin-preview-background': theme.palette.prejoinPreviewBackground,
+            '--reactions-menu-background': theme.palette.reactionsMenuBackground,
+            '--reactions-menu-box-shadow-1': theme.palette.reactionsMenuBoxShadow1,
+            '--reactions-menu-box-shadow-2': theme.palette.reactionsMenuBoxShadow2,
+            '--reactions-menu-button-toggled': theme.palette.reactionsMenuButtonToggled,
+            '--toolbar-button-active-color': theme.palette.toolbarButtonActive,
            '--toolbar-button-color': theme.palette.toolbarButton,
            '--toolbar-button-hover-color': theme.palette.toolbarButtonHover,
-            '--toolbar-button-active-color': theme.palette.toolbarButtonActive,
+            '--toolbar-icon-active-color': theme.palette.toolbarIconActive,
            '--toolbar-icon-color': theme.palette.toolbarIcon,
            '--toolbar-icon-hover-color': theme.palette.toolbarIconHover,
-            '--toolbar-icon-active-color': theme.palette.toolbarIconActive,
-            '--overflow-menu-background-color': theme.palette.overflowMenuBackground,
-            '--overflow-menu-item-text-color': theme.palette.overflowMenuItemText,
-            '--overflow-menu-item-icon-color': theme.palette.overflowMenuItemIcon,
-            '--overflow-menu-item-hover-color': theme.palette.overflowMenuItemHover,
-            '--overflow-menu-item-disabled-color': theme.palette.overflowMenuItemDisabled
+            '--toolbox-background-color': theme.palette.toolboxBackground
        },

        '.empty-list': {
--- a/react/features/base/ui/types.ts
+++ b/react/features/base/ui/types.ts
@@ -26,6 +26,7 @@ export interface IPalette {
    icon02: string;
    icon03: string;
    icon04: string;
+    iconSvgFill: string;
    iconError: string;
    link01: string;
    link01Active: string;
@@ -153,6 +154,7 @@ export interface IPalette {
    prejoinDialogBackground: string;
    prejoinDialogDelimiter: string;
    prejoinDialogDelimiterText: string;
+    prejoinPreviewBackground: string;
    prejoinRecordingWarningText: string;
    prejoinRoomNameText: string;
    prejoinTitleText: string;
@@ -313,6 +315,9 @@ export interface IPalette {
    pollsVotersText: string;
    reactionsMenuBackground: string;
    reactionsMenuBorder: string;
+    reactionsMenuButtonToggled: string;
+    reactionsMenuBoxShadow1: string;
+    reactionsMenuBoxShadow2: string;
    recordingBackground: string;
    recordingHighlightButton: string;
    recordingHighlightButtonDisabled: string;
--- a/react/features/chat/components/web/Chat.tsx
+++ b/react/features/chat/components/web/Chat.tsx
@@ -4,6 +4,7 @@ import { connect, useSelector } from 'react-redux';
 import { makeStyles } from 'tss-react/mui';

 import { IReduxState } from '../../../app/types';
+import { isTouchDevice, shouldEnableResize } from '../../../base/environment/utils';
 import { translate } from '../../../base/i18n/functions';
 import { IconInfo, IconMessage, IconShareDoc, IconSubtitles } from '../../../base/icons/svg';
 import { getLocalParticipant, getRemoteParticipants, isPrivateChatEnabledSelf } from '../../../base/participants/functions';
@@ -23,7 +24,16 @@ import {
    setUserChatWidth,
    toggleChat
 } from '../../actions.web';
-import { CHAT_SIZE, ChatTabs, OPTION_GROUPCHAT, SMALL_WIDTH_THRESHOLD } from '../../constants';
+import {
+    CHAT_DRAG_HANDLE_HEIGHT,
+    CHAT_DRAG_HANDLE_OFFSET,
+    CHAT_DRAG_HANDLE_WIDTH,
+    CHAT_SIZE,
+    CHAT_TOUCH_HANDLE_SIZE,
+    ChatTabs,
+    OPTION_GROUPCHAT,
+    SMALL_WIDTH_THRESHOLD
+} from '../../constants';
 import { getChatMaxSize, getFocusedTab, isChatDisabled } from '../../functions';
 import { IChatProps as AbstractProps } from '../../types';

@@ -104,7 +114,12 @@ interface IProps extends AbstractProps {
    _width: number;
 }

-const useStyles = makeStyles<{ _isResizing: boolean; width: number; }>()((theme, { _isResizing, width }) => {
+const useStyles = makeStyles<{
+    _isResizing: boolean;
+    isTouch: boolean;
+    resizeEnabled: boolean;
+    width: number;
+}>()((theme, { _isResizing, isTouch, resizeEnabled, width }) => {
    return {
        container: {
            backgroundColor: theme.palette.chatBackground,
@@ -115,11 +130,15 @@ const useStyles = makeStyles<{ _isResizing: boolean; width: number; }>()((theme,
            width: `${width}px`,
            zIndex: 300,

-            '&:hover, &:focus-within': {
-                '& .dragHandleContainer': {
-                    visibility: 'visible'
+            // On non-touch devices (desktop), show handle on hover
+            // On touch devices, handle is always visible if resize is enabled
+            ...(!isTouch && {
+                '&:hover, &:focus-within': {
+                    '& .dragHandleContainer': {
+                        visibility: 'visible'
+                    }
                }
-            },
+            }),

            '@media (max-width: 580px)': {
                height: '100dvh',
@@ -132,7 +151,7 @@ const useStyles = makeStyles<{ _isResizing: boolean; width: number; }>()((theme,

            '*': {
                userSelect: 'text',
-                WebkitUserSelect: 'text'
+                '-webkit-user-select': 'text'
            }
        },

@@ -183,16 +202,23 @@ const useStyles = makeStyles<{ _isResizing: boolean; width: number; }>()((theme,

        dragHandleContainer: {
            height: '100%',
-            width: '9px',
+            // Touch devices need larger hit target but positioned to not take extra space
+            width: isTouch ? `${CHAT_TOUCH_HANDLE_SIZE}px` : `${CHAT_DRAG_HANDLE_WIDTH}px`,
            backgroundColor: 'transparent',
            position: 'absolute',
            cursor: 'col-resize',
-            display: 'flex',
+            display: resizeEnabled ? 'flex' : 'none', // Hide if resize not enabled
            alignItems: 'center',
            justifyContent: 'center',
-            visibility: 'hidden',
-            right: '4px',
+            // On touch devices, always visible if resize enabled. On desktop, hidden by default
+            visibility: (isTouch && resizeEnabled) ? 'visible' : 'hidden',
+            // Position touch handle centered on offset from edge, maintaining same gap as non-touch
+            right: isTouch
+                ? `${CHAT_DRAG_HANDLE_OFFSET - Math.floor((CHAT_TOUCH_HANDLE_SIZE - CHAT_DRAG_HANDLE_WIDTH) / 2)}px`
+                : `${CHAT_DRAG_HANDLE_OFFSET}px`,
            top: 0,
+            // Prevent touch scrolling while dragging
+            touchAction: 'none',

            '&:hover': {
                '& .dragHandle': {
@@ -210,10 +236,15 @@ const useStyles = makeStyles<{ _isResizing: boolean; width: number; }>()((theme,
        },

        dragHandle: {
+            // Keep the same visual appearance on all devices
            backgroundColor: theme.palette.icon02,
-            height: '100px',
-            width: '3px',
-            borderRadius: '1px'
+            height: `${CHAT_DRAG_HANDLE_HEIGHT}px`,
+            width: `${CHAT_DRAG_HANDLE_WIDTH / 3}px`,
+            borderRadius: '1px',
+            // Make more visible when actively shown
+            ...(isTouch && resizeEnabled && {
+                backgroundColor: theme.palette.icon01
+            })
        },

        privateMessageRecipientsList: {
@@ -246,7 +277,10 @@ const Chat = ({
        return null;
    }

-    const { classes, cx } = useStyles({ _isResizing, width: _width });
+    // Detect touch capability and screen size for resize functionality
+    const isTouch = isTouchDevice();
+    const resizeEnabled = shouldEnableResize();
+    const { classes, cx } = useStyles({ _isResizing, width: _width, isTouch, resizeEnabled });
    const [ isMouseDown, setIsMouseDown ] = useState(false);
    const [ mousePosition, setMousePosition ] = useState<number | null>(null);
    const [ dragChatWidth, setDragChatWidth ] = useState<number | null>(null);
@@ -282,16 +316,21 @@ const Chat = ({
    }, [ participants, defaultRemoteDisplayName, t, notifyTimestamp ]);

    /**
-     * Handles mouse down on the drag handle.
+     * Handles pointer down on the drag handle.
+     * Supports both mouse and touch events via Pointer Events API.
     *
-     * @param {MouseEvent} e - The mouse down event.
+     * @param {React.PointerEvent} e - The pointer down event.
     * @returns {void}
     */
-    const onDragHandleMouseDown = useCallback((e: React.MouseEvent) => {
+    const onDragHandlePointerDown = useCallback((e: React.PointerEvent) => {
        e.preventDefault();
        e.stopPropagation();

-        // Store the initial mouse position and chat width
+        // Capture the pointer to ensure we receive all pointer events
+        // even if the pointer moves outside the element
+        (e.target as HTMLElement).setPointerCapture(e.pointerId);
+
+        // Store the initial pointer position and chat width
        setIsMouseDown(true);
        setMousePosition(e.clientX);
        setDragChatWidth(_width);
@@ -299,7 +338,7 @@ const Chat = ({
        // Indicate that resizing is in progress
        dispatch(setChatIsResizing(true));

-        // Add visual feedback that we're dragging
+        // Add visual feedback that we're dragging (cursor for mouse, not visible on touch)
        document.body.style.cursor = 'col-resize';

        // Disable text selection during resize
@@ -307,11 +346,12 @@ const Chat = ({
    }, [ _width, dispatch ]);

    /**
-     * Drag handle mouse up handler.
+     * Drag handle pointer up handler.
+     * Supports both mouse and touch events via Pointer Events API.
     *
     * @returns {void}
     */
-    const onDragMouseUp = useCallback(() => {
+    const onDragPointerUp = useCallback(() => {
        if (isMouseDown) {
            setIsMouseDown(false);
            dispatch(setChatIsResizing(false));
@@ -323,12 +363,13 @@ const Chat = ({
    }, [ isMouseDown, dispatch ]);

    /**
-     * Handles drag handle mouse move.
+     * Handles drag handle pointer move.
+     * Supports both mouse and touch events via Pointer Events API.
     *
-     * @param {MouseEvent} e - The mousemove event.
+     * @param {PointerEvent} e - The pointermove event.
     * @returns {void}
     */
-    const onChatResize = useCallback(throttle((e: MouseEvent) => {
+    const onChatResize = useCallback(throttle((e: PointerEvent) => {
        if (isMouseDown && mousePosition !== null && dragChatWidth !== null) {
            // For chat panel resizing on the left edge:
            // - Dragging left (decreasing X coordinate) should make the panel wider
@@ -352,14 +393,14 @@ const Chat = ({

    // Set up event listeners when component mounts
    useEffect(() => {
-        document.addEventListener('mouseup', onDragMouseUp);
-        document.addEventListener('mousemove', onChatResize);
+        document.addEventListener('pointerup', onDragPointerUp);
+        document.addEventListener('pointermove', onChatResize);

        return () => {
-            document.removeEventListener('mouseup', onDragMouseUp);
-            document.removeEventListener('mousemove', onChatResize);
+            document.removeEventListener('pointerup', onDragPointerUp);
+            document.removeEventListener('pointermove', onChatResize);
        };
-    }, [ onDragMouseUp, onChatResize ]);
+    }, [ onDragPointerUp, onChatResize ]);

    /**
    * Sends a text message.
@@ -600,7 +641,7 @@ const Chat = ({
                    (isMouseDown || _isResizing) && 'visible',
                    'dragHandleContainer'
                ) }
-                onMouseDown = { onDragHandleMouseDown }>
+                onPointerDown = { onDragHandlePointerDown }>
                <div className = { cx(classes.dragHandle, 'dragHandle') } />
            </div>
        </div> : null
--- a/react/features/chat/constants.ts
+++ b/react/features/chat/constants.ts
@@ -33,6 +33,23 @@ export const MESSAGE_TYPE_REMOTE = 'remote';

 export const SMALL_WIDTH_THRESHOLD = 580;

+/**
+ * Drag handle dimensions for resizable chat.
+ */
+export const CHAT_DRAG_HANDLE_WIDTH = 9;
+export const CHAT_DRAG_HANDLE_HEIGHT = 100;
+
+/**
+ * Touch target size for chat drag handle on touch devices.
+ * Provides adequate hit area (44px) for comfortable tapping.
+ */
+export const CHAT_TOUCH_HANDLE_SIZE = 44;
+
+/**
+ * Offset from edge for positioning the chat drag handle.
+ */
+export const CHAT_DRAG_HANDLE_OFFSET = 4;
+

 /**
 * Lobby message type.
--- a/react/features/file-sharing/components/web/FileSharing.tsx
+++ b/react/features/file-sharing/components/web/FileSharing.tsx
@@ -6,6 +6,7 @@ import { makeStyles } from 'tss-react/mui';
 import { IReduxState } from '../../../app/types';
 import Icon from '../../../base/icons/components/Icon';
 import { IconCloudUpload } from '../../../base/icons/svg';
+import Tooltip from '../../../base/tooltip/components/Tooltip';
 import BaseTheme from '../../../base/ui/components/BaseTheme.web';
 import Button from '../../../base/ui/components/web/Button';
 import { BUTTON_TYPES } from '../../../base/ui/constants.web';
@@ -226,16 +227,20 @@ const FileSharing = () => {
                )
            }
            {
-                isUploadEnabled && (
+                <Tooltip
+                    containerClassName = { classes.uploadButton }
+                    content = { isUploadEnabled ? t('fileSharing.uploadFile') : t('fileSharing.uploadDisabled') }
+                    position = 'top'>
                    <Button
                        accessibilityLabel = { t('fileSharing.uploadFile') }
                        className = { classes.uploadButton }
+                        disabled = { !isUploadEnabled }
                        labelKey = { 'fileSharing.uploadFile' }
                        onClick = { handleClick }
                        onKeyPress = { handleKeyPress }
                        ref = { uploadButtonRef }
                        type = { BUTTON_TYPES.PRIMARY } />
-                )
+                </Tooltip>
            }
        </div>
    );
--- a/react/features/file-sharing/middleware.web.ts
+++ b/react/features/file-sharing/middleware.web.ts
@@ -72,6 +72,9 @@ StateListenerRegistry.register(
                    type: _FILE_REMOVED,
                    fileId
                });
+
+                // Notify external API about file deletion (for remote participants)
+                APP.API.notifyFileDeleted(fileId);
            });

            conference.on(JitsiConferenceEvents.FILE_SHARING_FILES_RECEIVED, (files: object) => {
@@ -83,6 +86,11 @@ StateListenerRegistry.register(
                    files,
                    localParticipantId: localParticipant?.id
                });
+
+                // Notify external API about existing files (for participants joining late)
+                Object.values(files).forEach((file: IFileMetadata) => {
+                    APP.API.notifyFileUploaded(file);
+                });
            });
        }
    });
@@ -152,6 +160,8 @@ MiddlewareRegistry.register(store => next => action => {
                privateMessage: false,
                timestamp: file.timestamp
            }));
+
+            APP.API.notifyFileUploaded(file);
        }

        return result;
@@ -178,6 +188,9 @@ MiddlewareRegistry.register(store => next => action => {
            fileId
        });

+        // Notify external API about file deletion (for the local participant who deleted it)
+        APP.API.notifyFileDeleted(fileId);
+
        const { fileSharing } = state['features/base/config'];
        const sessionId = conference.getMeetingUniqueId();

--- a/react/features/filmstrip/components/web/Filmstrip.tsx
+++ b/react/features/filmstrip/components/web/Filmstrip.tsx
@@ -10,7 +10,7 @@ import { withStyles } from 'tss-react/mui';
 import { ACTION_SHORTCUT_TRIGGERED, createShortcutEvent, createToolbarEvent } from '../../../analytics/AnalyticsEvents';
 import { sendAnalytics } from '../../../analytics/functions';
 import { IReduxState, IStore } from '../../../app/types';
-import { isMobileBrowser } from '../../../base/environment/utils';
+import { isMobileBrowser, isTouchDevice, shouldEnableResize } from '../../../base/environment/utils';
 import { translate } from '../../../base/i18n/functions';
 import Icon from '../../../base/icons/components/Icon';
 import { IconArrowDown, IconArrowUp } from '../../../base/icons/svg';
@@ -32,12 +32,17 @@ import {
 import {
    ASPECT_RATIO_BREAKPOINT,
    DEFAULT_FILMSTRIP_WIDTH,
+    DRAG_HANDLE_HEIGHT,
+    DRAG_HANDLE_TOP_PANEL_HEIGHT,
+    DRAG_HANDLE_TOP_PANEL_WIDTH,
+    DRAG_HANDLE_WIDTH,
    FILMSTRIP_TYPE,
    MIN_STAGE_VIEW_HEIGHT,
    MIN_STAGE_VIEW_WIDTH,
    TILE_HORIZONTAL_MARGIN,
    TILE_VERTICAL_MARGIN,
-    TOP_FILMSTRIP_HEIGHT
+    TOP_FILMSTRIP_HEIGHT,
+    TOUCH_DRAG_HANDLE_PADDING
 } from '../../constants';
 import {
    getVerticalViewMaxWidth,
@@ -52,6 +57,21 @@ import ThumbnailWrapper from './ThumbnailWrapper';


 const BACKGROUND_COLOR = 'rgba(51, 51, 51, .5)';
+const TOUCH_DEVICE_PADDING = {
+    paddingLeft: `${TOUCH_DRAG_HANDLE_PADDING}px`,
+    paddingRight: `${TOUCH_DRAG_HANDLE_PADDING}px`,
+    paddingTop: 0,
+    paddingBottom: 0
+};
+const TOUCH_DEVICE_TOP_PANEL_PADDING = {
+    paddingLeft: 0,
+    paddingRight: 0,
+    paddingTop: `${TOUCH_DRAG_HANDLE_PADDING}px`,
+    paddingBottom: `${TOUCH_DRAG_HANDLE_PADDING}px`
+};
+const NON_TOUCH_DEVICE_PANEL = {
+    pading: 0
+};

 /**
 * Creates the styles for the component.
@@ -61,6 +81,14 @@ const BACKGROUND_COLOR = 'rgba(51, 51, 51, .5)';
 * @returns {Object}
 */
 function styles(theme: Theme, props: IProps) {
+    const { _topPanelFilmstrip: isTopPanel } = props;
+
+    const _isTouchDevice = isTouchDevice();
+    const resizeEnabled = shouldEnableResize();
+    const handlePaddding = _isTouchDevice
+        ? (isTopPanel ? TOUCH_DEVICE_TOP_PANEL_PADDING : TOUCH_DEVICE_PADDING)
+        : NON_TOUCH_DEVICE_PANEL;
+
    const result = {
        toggleFilmstripContainer: {
            display: 'flex',
@@ -94,7 +122,7 @@ function styles(theme: Theme, props: IProps) {
            margin: 0,
            border: 'none',

-            WebkitAppearance: 'none' as const,
+            '-webkit-appearance': 'none',

            '& svg': {
                fill: theme.palette.icon01
@@ -122,23 +150,27 @@ function styles(theme: Theme, props: IProps) {
            right: 0,
            bottom: 0,

-            '&:hover, &:focus-within': {
-                '& .resizable-filmstrip': {
-                    backgroundColor: BACKGROUND_COLOR
-                },
+            // On touch devices, handle is always visible via base styles, so no hover needed.
+            // On desktop, show handle on hover/focus.
+            ...(!_isTouchDevice && {
+                '&:hover, &:focus-within': {
+                    '& .resizable-filmstrip': {
+                        backgroundColor: BACKGROUND_COLOR
+                    },

-                '& .filmstrip-hover': {
-                    backgroundColor: BACKGROUND_COLOR
-                },
+                    '& .filmstrip-hover': {
+                        backgroundColor: BACKGROUND_COLOR
+                    },

-                '& .toggleFilmstripContainer': {
-                    opacity: 1
-                },
+                    '& .toggleFilmstripContainer': {
+                        opacity: 1
+                    },

-                '& .dragHandleContainer': {
-                    visibility: 'visible' as const
+                    '& .dragHandleContainer': {
+                        visibility: 'visible' as const
+                    }
                }
-            },
+            }),

            '.horizontal-filmstrip &.hidden': {
                bottom: '-50px',
@@ -187,14 +219,22 @@ function styles(theme: Theme, props: IProps) {

        dragHandleContainer: {
            height: '100%',
-            width: '9px',
+            width: `${DRAG_HANDLE_WIDTH}px`,
            backgroundColor: 'transparent',
            position: 'relative' as const,
            cursor: 'col-resize',
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
-            visibility: 'hidden' as const,
+            // On touch devices, always visible if resize enabled. On desktop, hidden by default
+            visibility: (_isTouchDevice && resizeEnabled) ? 'visible' as const : 'hidden' as const,
+            marginLeft: 0,
+            marginTop: 0,
+            // Touch devices get padding for easier tapping
+            // Vertical filmstrip: left/right padding. Top panel: top/bottom padding.
+            ...handlePaddding,
+            // Prevent touch scrolling while dragging
+            touchAction: 'none',

            '&:hover': {
                '& .dragHandle': {
@@ -213,20 +253,21 @@ function styles(theme: Theme, props: IProps) {
            '&.top-panel': {
                order: 2,
                width: '100%',
-                height: '9px',
+                height: `${DRAG_HANDLE_WIDTH}px`,
                cursor: 'row-resize',

                '& .dragHandle': {
-                    height: '3px',
-                    width: '100px'
+                    height: `${DRAG_HANDLE_TOP_PANEL_HEIGHT}px`,
+                    width: `${DRAG_HANDLE_TOP_PANEL_WIDTH}px`
                }
            }
        },

        dragHandle: {
+            // Keep the same visual appearance on all devices
            backgroundColor: theme.palette.filmstripDragHandle,
-            height: '100px',
-            width: '3px',
+            height: `${DRAG_HANDLE_HEIGHT}px`,
+            width: `${DRAG_HANDLE_WIDTH / 3}px`,
            borderRadius: '1px'
        }
    };
@@ -313,6 +354,11 @@ export interface IProps extends WithTranslation {
    */
    _isToolboxVisible: Boolean;

+    /**
+     * Whether the device has touch capability.
+     */
+    _isTouchDevice?: boolean;
+
    /**
     * Whether or not the current layout is vertical filmstrip.
     */
@@ -358,6 +404,11 @@ export interface IProps extends WithTranslation {
     */
    _resizableFilmstrip: boolean;

+    /**
+     * Whether resize functionality should be enabled based on device and screen size.
+     */
+    _resizeEnabled?: boolean;
+
    /**
     * The number of rows in tile view.
     */
@@ -491,8 +542,10 @@ class Filmstrip extends PureComponent <IProps, IState> {
        this._onGridItemsRendered = this._onGridItemsRendered.bind(this);
        this._onListItemsRendered = this._onListItemsRendered.bind(this);
        this._onToggleButtonTouch = this._onToggleButtonTouch.bind(this);
-        this._onDragHandleMouseDown = this._onDragHandleMouseDown.bind(this);
-        this._onDragMouseUp = this._onDragMouseUp.bind(this);
+        this._onDragHandlePointerDown = this._onDragHandlePointerDown.bind(this);
+        this._onDragHandleClick = this._onDragHandleClick.bind(this);
+        this._onDragHandleTouchStart = this._onDragHandleTouchStart.bind(this);
+        this._onDragPointerUp = this._onDragPointerUp.bind(this);
        this._onFilmstripResize = this._onFilmstripResize.bind(this);

        this._throttledResize = throttle(
@@ -516,10 +569,10 @@ class Filmstrip extends PureComponent <IProps, IState> {
            handler: this._onShortcutToggleFilmstrip
        }));

-        document.addEventListener('mouseup', this._onDragMouseUp);
+        document.addEventListener('pointerup', this._onDragPointerUp);

        // @ts-ignore
-        document.addEventListener('mousemove', this._throttledResize);
+        document.addEventListener('pointermove', this._throttledResize);
    }

    /**
@@ -530,10 +583,10 @@ class Filmstrip extends PureComponent <IProps, IState> {
    override componentWillUnmount() {
        this.props.dispatch(unregisterShortcut('F'));

-        document.removeEventListener('mouseup', this._onDragMouseUp);
+        document.removeEventListener('pointerup', this._onDragPointerUp);

        // @ts-ignore
-        document.removeEventListener('mousemove', this._throttledResize);
+        document.removeEventListener('pointermove', this._throttledResize);
    }

    /**
@@ -678,7 +731,9 @@ class Filmstrip extends PureComponent <IProps, IState> {
                                (isMouseDown || _alwaysShowResizeBar) && 'visible',
                                _topPanelFilmstrip && 'top-panel')
                            }
-                            onMouseDown = { this._onDragHandleMouseDown }>
+                            onClick = { this._onDragHandleClick }
+                            onPointerDown = { this._onDragHandlePointerDown }
+                            onTouchStart = { this._onDragHandleTouchStart }>
                            <div className = { clsx(classes.dragHandle, 'dragHandle') } />
                        </div>
                        {filmstrip}
@@ -691,14 +746,23 @@ class Filmstrip extends PureComponent <IProps, IState> {
    }

    /**
-     * Handles mouse down on the drag handle.
+     * Handles pointer down on the drag handle.
+     * Supports both mouse and touch events via Pointer Events API.
     *
-     * @param {MouseEvent} e - The mouse down event.
+     * @param {React.PointerEvent} e - The pointer down event.
     * @returns {void}
     */
-    _onDragHandleMouseDown(e: React.MouseEvent) {
+    _onDragHandlePointerDown(e: React.PointerEvent) {
        const { _topPanelFilmstrip, _topPanelHeight, _verticalFilmstripWidth } = this.props;

+        // Prevent toolbar from appearing and stop event propagation
+        e.preventDefault();
+        e.stopPropagation();
+
+        // Capture the pointer to ensure we receive all pointer events
+        // even if the pointer moves outside the element
+        (e.target as HTMLElement).setPointerCapture(e.pointerId);
+
        this.setState({
            isMouseDown: true,
            mousePosition: _topPanelFilmstrip ? e.clientY : e.clientX,
@@ -709,11 +773,33 @@ class Filmstrip extends PureComponent <IProps, IState> {
    }

    /**
-     * Drag handle mouse up handler.
+     * Prevents click events on drag handle from triggering toolbar.
+     *
+     * @param {React.MouseEvent} e - The click event.
+     * @returns {void}
+     */
+    _onDragHandleClick(e: React.MouseEvent) {
+        e.preventDefault();
+        e.stopPropagation();
+    }
+
+    /**
+     * Prevents touch start events on drag handle from triggering toolbar.
+     *
+     * @param {React.TouchEvent} e - The touch start event.
+     * @returns {void}
+     */
+    _onDragHandleTouchStart(e: React.TouchEvent) {
+        e.stopPropagation();
+    }
+
+    /**
+     * Drag handle pointer up handler.
+     * Supports both mouse and touch events via Pointer Events API.
     *
     * @returns {void}
     */
-    _onDragMouseUp() {
+    _onDragPointerUp() {
        if (this.state.isMouseDown) {
            this.setState({
                isMouseDown: false
@@ -723,12 +809,13 @@ class Filmstrip extends PureComponent <IProps, IState> {
    }

    /**
-     * Handles drag handle mouse move.
+     * Handles drag handle pointer move.
+     * Supports both mouse and touch events via Pointer Events API.
     *
-     * @param {MouseEvent} e - The mousemove event.
+     * @param {PointerEvent} e - The pointermove event.
     * @returns {void}
     */
-    _onFilmstripResize(e: React.MouseEvent) {
+    _onFilmstripResize(e: PointerEvent) {
        if (this.state.isMouseDown) {
            const {
                dispatch,
@@ -1163,4 +1250,4 @@ function _mapStateToProps(state: IReduxState, ownProps: any) {
    };
 }

-export default withStyles(translate(connect(_mapStateToProps)(Filmstrip)), styles);
+export default translate(connect(_mapStateToProps)(withStyles(Filmstrip, styles)));
--- a/react/features/filmstrip/components/web/Thumbnail.tsx
+++ b/react/features/filmstrip/components/web/Thumbnail.tsx
@@ -353,7 +353,7 @@ const defaultStyles = (theme: Theme) => {

        tintBackground: {
            position: 'absolute' as const,
-            zIndex: 1,
+            zIndex: 0,
            width: '100%',
            height: '100%',
            backgroundColor: theme.palette.thumbnailTintBackground,
--- a/react/features/filmstrip/constants.ts
+++ b/react/features/filmstrip/constants.ts
@@ -269,6 +269,19 @@ export const MIN_STAGE_VIEW_HEIGHT = 700;
 */
 export const MIN_STAGE_VIEW_WIDTH = 800;

+/**
+ * Drag handle dimensions for resizable filmstrip.
+ */
+export const DRAG_HANDLE_WIDTH = 9;
+export const DRAG_HANDLE_HEIGHT = 100;
+export const DRAG_HANDLE_TOP_PANEL_HEIGHT = 3;
+export const DRAG_HANDLE_TOP_PANEL_WIDTH = 100;
+
+/**
+ * Touch padding added to each side of drag handle for easier tapping on touch devices.
+ */
+export const TOUCH_DRAG_HANDLE_PADDING = 6;
+
 /**
 * Horizontal margin used for the vertical filmstrip.
 */
@@ -298,3 +311,9 @@ export const MAX_ACTIVE_PARTICIPANTS = 6;
 * Top filmstrip default height.
 */
 export const TOP_FILMSTRIP_HEIGHT = 180;
+
+/**
+ * Minimum screen width needed for functional filmstrip resizing.
+ * Calculated as stage minimum + filmstrip minimum (800px + 120px = 920px).
+ */
+export const MIN_FILMSTRIP_RESIZE_WIDTH = MIN_STAGE_VIEW_WIDTH + DEFAULT_FILMSTRIP_WIDTH;
--- a/react/features/filmstrip/functions.web.ts
+++ b/react/features/filmstrip/functions.web.ts
@@ -2,7 +2,7 @@ import { Theme } from '@mui/material/styles';

 import { IReduxState } from '../app/types';
 import { IStateful } from '../base/app/types';
-import { isMobileBrowser } from '../base/environment/utils';
+import { isTouchDevice, shouldEnableResize } from '../base/environment/utils';
 import { MEDIA_TYPE } from '../base/media/constants';
 import {
    getLocalParticipant,
@@ -30,6 +30,7 @@ import {
    DEFAULT_LOCAL_TILE_ASPECT_RATIO,
    DISPLAY_AVATAR,
    DISPLAY_VIDEO,
+    DRAG_HANDLE_WIDTH,
    FILMSTRIP_GRID_BREAKPOINT,
    FILMSTRIP_TYPE,
    INDICATORS_TOOLTIP_POSITION,
@@ -45,6 +46,7 @@ import {
    TILE_VIEW_DEFAULT_NUMBER_OF_VISIBLE_TILES,
    TILE_VIEW_GRID_HORIZONTAL_MARGIN,
    TILE_VIEW_GRID_VERTICAL_MARGIN,
+    TOUCH_DRAG_HANDLE_PADDING,
    VERTICAL_VIEW_HORIZONTAL_MARGIN
 } from './constants';

@@ -621,6 +623,7 @@ export function getIndicatorsTooltipPosition(thumbnailType?: string) {

 /**
 * Returns whether or not the filmstrip is resizable.
+ * On touch devices, resize is only enabled for larger screens (tablets, not phones).
 *
 * @param {Object} state - Redux state.
 * @returns {boolean}
@@ -629,7 +632,7 @@ export function isFilmstripResizable(state: IReduxState) {
    const { filmstrip } = state['features/base/config'];
    const _currentLayout = getCurrentLayout(state);

-    return !filmstrip?.disableResizable && !isMobileBrowser()
+    return !filmstrip?.disableResizable && shouldEnableResize()
        && (_currentLayout === LAYOUTS.VERTICAL_FILMSTRIP_VIEW || _currentLayout === LAYOUTS.STAGE_FILMSTRIP_VIEW);
 }

@@ -662,8 +665,13 @@ export function getVerticalViewMaxWidth(state: IReduxState) {

    // Adding 4px for the border-right and margin-right.
    // On non-resizable filmstrip add 4px for the left margin and border.
-    // Also adding 7px for the scrollbar. Also adding 9px for the drag handle.
-    maxWidth += (_verticalViewGrid ? 0 : 11) + (_resizableFilmstrip ? 9 : 4);
+    // Also adding 7px for the scrollbar.
+    // Drag handle: DRAG_HANDLE_WIDTH + padding (TOUCH_DRAG_HANDLE_PADDING on each side for touch)
+    const dragHandleWidth = isTouchDevice()
+        ? DRAG_HANDLE_WIDTH + (TOUCH_DRAG_HANDLE_PADDING * 2)
+        : DRAG_HANDLE_WIDTH;
+
+    maxWidth += (_verticalViewGrid ? 0 : 11) + (_resizableFilmstrip ? dragHandleWidth : 4);

    return maxWidth;
 }
--- a/react/features/invite/_utils.ts
+++ b/react/features/invite/_utils.ts
@@ -70,10 +70,15 @@ export function getDialInConferenceID(
 * phone number strings, as the second one should not be used and is deprecated.
 */
 export function getDialInNumbers(
-        url: string,
-        roomName: string,
-        mucURL: string
+        url?: string,
+        roomName?: string,
+        mucURL?: string
 ): Promise<any> {
+
+    if (!url || !roomName || !mucURL) {
+        return Promise.resolve();
+    }
+
    const separator = url.includes('?') ? '&' : '?';

    // when roomName and mucURL are available
--- a/react/features/invite/actions.any.ts
+++ b/react/features/invite/actions.any.ts
@@ -16,7 +16,8 @@ import {
 import { INVITE_TYPES } from './constants';
 import {
    invitePeopleAndChatRooms,
-    inviteSipEndpoints
+    inviteSipEndpoints,
+    isDialInEnabled
 } from './functions';
 import logger from './logger';
 import { IInvitee } from './types';
@@ -210,7 +211,7 @@ export function updateDialInNumbers() {
        const { numbersFetched } = state['features/invite'];
        const mucURL = hosts?.muc;

-        if (numbersFetched || !dialInConfCodeUrl || !dialInNumbersUrl || !mucURL) {
+        if (numbersFetched || !isDialInEnabled(state)) {
            // URLs for fetching dial in numbers not defined
            return;
        }
--- a/react/features/invite/functions.ts
+++ b/react/features/invite/functions.ts
@@ -496,6 +496,26 @@ export function isDialOutEnabled(state: IReduxState): boolean {
    return isJwtFeatureEnabled(state, MEET_FEATURES.OUTBOUND_CALL, false) && conference?.isSIPCallingSupported();
 }

+/**
+ * Determines if dial out is currently enabled or not.
+ *
+ * @param {IReduxState} state - Current state.
+ * @returns {boolean} Indication of whether dial out is currently enabled.
+ */
+export function isDialInEnabled(state: IReduxState): boolean {
+    const dialInDisabled = state['features/base/conference']
+        .conference?.getMetadataHandler()?.getMetadata()?.dialinEnabled === false;
+
+    if (dialInDisabled) {
+        return false;
+    }
+
+    const { dialInConfCodeUrl, dialInNumbersUrl, hosts } = state['features/base/config'];
+    const mucURL = hosts?.muc;
+
+    return Boolean(dialInConfCodeUrl && dialInNumbersUrl && mucURL);
+}
+
 /**
 * Determines if inviting sip endpoints is enabled or not.
 *
@@ -634,7 +654,7 @@ export function getShareInfoText(
    const { locationURL = {} } = state['features/base/connection'];
    const mucURL = hosts?.muc;

-    if (skipDialIn || !dialInConfCodeUrl || !dialInNumbersUrl || !mucURL) {
+    if (skipDialIn || !isDialInEnabled(state)) {
        // URLs for fetching dial in numbers not defined.
        return Promise.resolve(infoText);
    }
--- a/react/features/participants-pane/components/web/ParticipantsPane.tsx
+++ b/react/features/participants-pane/components/web/ParticipantsPane.tsx
@@ -54,7 +54,7 @@ const useStyles = makeStyles<IStylesProps>()((theme, { isChatOpen }) => {
            fontWeight: 600,
            height: '100%',

-            [[ '& > *:first-of-type', '& > *:last-of-type' ] as any]: {
+            [[ '& > *:first-child', '& > *:last-child' ] as any]: {
                flexShrink: 0
            },

@@ -116,11 +116,11 @@ const useStyles = makeStyles<IStylesProps>()((theme, { isChatOpen }) => {
        antiCollapse: {
            fontSize: 0,

-            '&:first-of-type': {
+            '&:first-child': {
                display: 'none'
            },

-            '&:first-of-type + *': {
+            '&:first-child + *': {
                marginTop: 0
            }
        },
--- a/react/features/video-quality/components/Slider.web.tsx
+++ b/react/features/video-quality/components/Slider.web.tsx
@@ -86,7 +86,7 @@ const useStyles = makeStyles()(theme => {
        slider: {
            // Use an additional class here to override global CSS specificity
            '&.custom-slider': {
-                WebkitAppearance: 'none',
+                '-webkit-appearance': 'none',
                background: 'transparent',
                height,
                left: 0,
@@ -104,11 +104,11 @@ const useStyles = makeStyles()(theme => {
                },

                '&::-webkit-slider-runnable-track': {
-                    WebkitAppearance: 'none',
+                    '-webkit-appearance': 'none',
                    ...inputTrack
                },
                '&::-webkit-slider-thumb': {
-                    WebkitAppearance: 'none',
+                    '-webkit-appearance': 'none',
                    position: 'relative',
                    top: -6,
                    ...inputThumb
--- a/react/index.web.js
+++ b/react/index.web.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom/client';
+import ReactDOM from 'react-dom';

 import { App } from './features/app/components/App.web';
 import { getLogger } from './features/base/logging/functions';
@@ -72,17 +72,14 @@ globalNS.entryPoints = {
    WHITEBOARD: WhiteboardApp
 };

-const _roots = new Map();
-
 globalNS.renderEntryPoint = ({
    Component,
    props = {},
    elementId = 'react'
 }) => {
-    const element = document.getElementById(elementId);
-
-    if (!_roots.has(elementId)) {
-        _roots.set(elementId, createRoot(element));
-    }
-    _roots.get(elementId).render(<Component { ...props } />);
+    /* eslint-disable-next-line react/no-deprecated */
+    ReactDOM.render(
+        <Component { ...props } />,
+        document.getElementById(elementId)
+    );
 };
--- a/resources/prosody-plugins/mod_filter_iq_rayo.lua
+++ b/resources/prosody-plugins/mod_filter_iq_rayo.lua
@@ -95,26 +95,27 @@ module:hook("pre-iq/full", function(event)
            local room_jid = jid.bare(stanza.attr.to);
            local room_real_jid = room_jid_match_rewrite(room_jid);
            local room = main_muc_service.get_room_from_jid(room_real_jid);
-            local is_sender_in_room = room:get_occupant_jid(stanza.attr.from) ~= nil;
-
-            if not room or not is_sender_in_room then
-                module:log("warn", "Filtering stanza dial, stanza:%s", tostring(stanza));
-                session.send(st.error_reply(stanza, "auth", "forbidden"));
-                return true;
-            end
-
            local feature = dial.attr.to == 'jitsi_meet_transcribe' and 'transcription' or 'outbound-call';
-            local is_session_allowed = is_feature_allowed(
+            local error_message = nil;
+
+            if not room or room:get_occupant_jid(stanza.attr.from) == nil then
+                error_message = "not in room";
+            elseif roomName == nil then
+                error_message = OUT_ROOM_NAME_ATTR_NAME.." header missing";
+            elseif roomName ~= room_jid then
+                error_message = OUT_ROOM_NAME_ATTR_NAME.." header mismatch";
+            elseif (token ~= nil and not token_util:verify_room(session, room_real_jid)) then
+                error_message = "no token or token room mismatch";
+            elseif not is_feature_allowed(
                feature,
                session.jitsi_meet_context_features,
-                room:get_affiliation(stanza.attr.from) == 'owner');
+                room:get_affiliation(stanza.attr.from) == 'owner') then

-            if roomName == nil
-                or roomName ~= room_jid
-                or (token ~= nil and not token_util:verify_room(session, room_real_jid))
-                or not is_session_allowed
-            then
-                module:log("warn", "Filtering stanza dial, stanza:%s", tostring(stanza));
+                error_message = "feature not allowed";
+            end
+
+            if error_message then
+                module:log("warn", "Filtering stanza dial, %s, stanza:%s", error_message, tostring(stanza));
                session.send(st.error_reply(stanza, "auth", "forbidden"));
                return true;
            end
--- a/tests/helpers/WebhookProxy.ts
+++ b/tests/helpers/WebhookProxy.ts
@@ -38,8 +38,9 @@ export default class WebhookProxy {

        this.ws.on('error', console.error);

-        this.ws.on('open', function open() {
+        this.ws.on('open', () => {
            console.log('WebhookProxy connected');
+            this.logInfo('connected');
        });

        this.ws.on('message', (data: any) => {
--- a/tests/helpers/expectations.ts
+++ b/tests/helpers/expectations.ts
@@ -22,6 +22,12 @@ const defaultExpectations = {
        liveStreamingEnabled: true,
        recordingEnabled: true,
        transcriptionEnabled: true,
+        transcription: {
+            // Expect "async" transcription to be enabled.
+            asyncTranscription: true,
+            // Expect the JaaS transcription webhooks to fire in "async" mode.
+            asyncTranscriptionWebhook: false
+        },
        /**
         * Whether the jaas account is configured with the account-level setting to allow unauthenticated users to join.
         */
--- a/tests/specs/jaas/transcriptions.spec.ts
+++ b/tests/specs/jaas/transcriptions.spec.ts
@@ -8,12 +8,13 @@ import { joinJaasMuc, generateJaasToken as t } from '../../helpers/jaas';

 setTestProperties(__filename, {
    requireWebhookProxy: true,
-    retry: true,
    useJaas: true,
    usesBrowsers: [ 'p1', 'p2' ]
 });

-for (const asyncTranscriptions of [ false, true ]) {
+const asyncTranscriptionValues = expectations.jaas.transcription.asyncTranscription ? [ false, true ] : [ false ];
+
+for (const asyncTranscriptions of asyncTranscriptionValues) {
    describe(`Transcription (async=${asyncTranscriptions})`, () => {
        let p1: Participant, p2: Participant;
        let webhooksProxy: WebhookProxy;
@@ -66,10 +67,12 @@ for (const asyncTranscriptions of [ false, true ]) {
            await p2.getIframeAPI().addEventListener('transcriptionChunkReceived');
            await p1.getIframeAPI().executeCommand('toggleSubtitles');

-            await checkReceivingChunks(p1, p2, webhooksProxy, !asyncTranscriptions);
+            await checkReceivingChunks(p1, p2, webhooksProxy, asyncTranscriptions);

            await p1.getIframeAPI().clearEventResults('transcribingStatusChanged');
            await p1.getIframeAPI().addEventListener('transcribingStatusChanged');
+            await p2.getIframeAPI().clearEventResults('transcribingStatusChanged');
+            await p2.getIframeAPI().addEventListener('transcribingStatusChanged');

            await p1.getIframeAPI().executeCommand('toggleSubtitles');

@@ -78,18 +81,29 @@ for (const asyncTranscriptions of [ false, true ]) {
                timeout: 15000,
                timeoutMsg: 'transcribingStatusChanged event not received by p1'
            });
+            // The p1 event can be triggered locally, resulting in the code below executing prematurely. Make sure
+            // transcription is indeed stopped on the backend before proceeding.
+            await p2.driver.waitUntil(() => p2.getIframeAPI()
+                .getEventResult('transcribingStatusChanged'), {
+                timeout: 15000,
+                timeoutMsg: 'transcribingStatusChanged event not received by p1'
+            });
        });

        it('set subtitles on and off', async () => {
            // we need to clear results or the last one will be used, from the previous time subtitles were on
            await p1.getIframeAPI().clearEventResults('transcriptionChunkReceived');
            await p2.getIframeAPI().clearEventResults('transcriptionChunkReceived');
+            webhooksProxy.clearCache();

            await p1.getIframeAPI().executeCommand('setSubtitles', true, true);

-            await checkReceivingChunks(p1, p2, webhooksProxy, !asyncTranscriptions);
+            await checkReceivingChunks(p1, p2, webhooksProxy, asyncTranscriptions);

            await p1.getIframeAPI().clearEventResults('transcribingStatusChanged');
+            await p1.getIframeAPI().addEventListener('transcribingStatusChanged');
+            await p2.getIframeAPI().clearEventResults('transcribingStatusChanged');
+            await p2.getIframeAPI().addEventListener('transcribingStatusChanged');

            await p1.getIframeAPI().executeCommand('setSubtitles', false);

@@ -98,6 +112,13 @@ for (const asyncTranscriptions of [ false, true ]) {
                timeout: 15000,
                timeoutMsg: 'transcribingStatusChanged event not received by p1'
            });
+            // The p1 event can be triggered locally, resulting in the code below executing prematurely. Make sure
+            // transcription is indeed stopped on the backend before proceeding.
+            await p2.driver.waitUntil(() => p2.getIframeAPI()
+                .getEventResult('transcribingStatusChanged'), {
+                timeout: 15000,
+                timeoutMsg: 'transcribingStatusChanged event not received by p1'
+            });
        });

        it('start/stop transcriptions via recording', async () => {
@@ -132,7 +153,7 @@ for (const asyncTranscriptions of [ false, true ]) {
                expect(e.value.on).toBe(true);
            });

-            await checkReceivingChunks(p1, p2, webhooksProxy, !asyncTranscriptions);
+            await checkReceivingChunks(p1, p2, webhooksProxy, asyncTranscriptions);

            await p1.getIframeAPI().clearEventResults('transcribingStatusChanged');
            await p2.getIframeAPI().clearEventResults('transcribingStatusChanged');
@@ -168,15 +189,17 @@ for (const asyncTranscriptions of [ false, true ]) {
            // let's wait for destroy event before waiting for those that depends on it
            await webhooksProxy.waitForEvent('ROOM_DESTROYED');

-            const event: {
-                data: {
-                    preAuthenticatedLink: string;
-                };
-                eventType: string;
-            } = await webhooksProxy.waitForEvent('TRANSCRIPTION_UPLOADED');
+            if (!asyncTranscriptions || expectations.jaas.transcription.asyncTranscriptionWebhook) {
+                const event: {
+                    data: {
+                        preAuthenticatedLink: string;
+                    };
+                    eventType: string;
+                } = await webhooksProxy.waitForEvent('TRANSCRIPTION_UPLOADED');

-            expect(event.eventType).toBe('TRANSCRIPTION_UPLOADED');
-            expect(event.data.preAuthenticatedLink).toBeDefined();
+                expect(event.eventType).toBe('TRANSCRIPTION_UPLOADED');
+                expect(event.data.preAuthenticatedLink).toBeDefined();
+            }
        });
    });
 }
@@ -186,10 +209,9 @@ for (const asyncTranscriptions of [ false, true ]) {
 * @param p1
 * @param p2
 * @param webhooksProxy
- * @param expectName Whether to expect the events to contain the name of the participant. Currently, async
- * transcriptions do not include the name. TODO: remove this parameter when async transcription events are fixed.
+ * @param asyncTranscription Whether async transciptions are used.
 */
-async function checkReceivingChunks(p1: Participant, p2: Participant, webhooksProxy: WebhookProxy, expectName = true) {
+async function checkReceivingChunks(p1: Participant, p2: Participant, webhooksProxy: WebhookProxy, asyncTranscription = false) {
    const p1Promise = p1.driver.waitUntil(() => p1.getIframeAPI()
            .getEventResult('transcriptionChunkReceived'), {
        timeout: 60000,
@@ -202,7 +224,24 @@ async function checkReceivingChunks(p1: Participant, p2: Participant, webhooksPr
        timeoutMsg: 'transcriptionChunkReceived event not received on p2 side'
    });

-    const webhookPromise = async () => {
+    const [ p1Event, p2Event ] = await Promise.all([ p1Promise, p2Promise ]);
+    const p1Id = await p1.getEndpointId();
+
+    const p1Transcript = p1Event.data.stable || p1Event.data.final;
+    const p2Transcript = p2Event.data.stable || p2Event.data.final;
+
+    expect(p2Transcript.includes(p1Transcript) || p1Transcript.includes(p2Transcript)).toBe(true);
+    expect(p2Event.data.language).toBe(p1Event.data.language);
+    expect(p2Event.data.messageID).toBe(p1Event.data.messageID);
+    expect(p1Event.data.participant.id).toBe(p1Id);
+    expect(p2Event.data.participant.id).toBe(p1Id);
+
+    if (!asyncTranscription) {
+        expect(p1Event.data.participant.name).toBe(p1.name);
+        expect(p2Event.data.participant.name).toBe(p1.name);
+    }
+
+    if (!asyncTranscription || expectations.jaas.transcription.asyncTranscriptionWebhook) {
        const event: {
            data: {
                final: string;
@@ -219,34 +258,14 @@ async function checkReceivingChunks(p1: Participant, p2: Participant, webhooksPr

        expect(event.eventType).toBe('TRANSCRIPTION_CHUNK_RECEIVED');

-        event.data.stable = event.data.final;
+        const webhookTranscript = event.data.final;

-        return event;
-    };
-
-    const [ p1Event, p2Event, webhookEvent ] = await Promise.all([ p1Promise, p2Promise, await webhookPromise() ]);
-    const p1Id = await p1.getEndpointId();
-
-    const p1Transcript = p1Event.data.stable || p1Event.data.final;
-    const p2Transcript = p2Event.data.stable || p2Event.data.final;
-    const webhookTranscript = webhookEvent.data.stable || webhookEvent.data.final;
-
-    expect(p2Transcript.includes(p1Transcript) || p1Transcript.includes(p2Transcript)).toBe(true);
-    expect(webhookTranscript.includes(p1Transcript) || p1Transcript.includes(webhookTranscript)).toBe(true);
-
-    expect(p2Event.data.language).toBe(p1Event.data.language);
-    expect(webhookEvent.data.language).toBe(p1Event.data.language);
-
-    expect(p2Event.data.messageID).toBe(p1Event.data.messageID);
-    expect(webhookEvent.data.messageID).toBe(p1Event.data.messageID);
-
-    expect(p1Event.data.participant.id).toBe(p1Id);
-    expect(p2Event.data.participant.id).toBe(p1Id);
-    expect(webhookEvent.data.participant.id).toBe(p1Id);
-
-    if (expectName) {
-        expect(p1Event.data.participant.name).toBe(p1.name);
-        expect(p2Event.data.participant.name).toBe(p1.name);
-        expect(webhookEvent.data.participant.name).toBe(p1.name);
+        expect(webhookTranscript.includes(p1Transcript) || p1Transcript.includes(webhookTranscript)).toBe(true);
+        expect(event.data.language).toBe(p1Event.data.language);
+        expect(event.data.messageID).toBe(p1Event.data.messageID);
+        expect(event.data.participant.id).toBe(p1Id);
+        if (!asyncTranscription) {
+            expect(event.data.participant.name).toBe(p1.name);
+        }
    }
 }
--- a/tests/specs/moderation/kick.spec.ts
+++ b/tests/specs/moderation/kick.spec.ts
@@ -4,6 +4,7 @@ import { expectations } from '../../helpers/expectations';
 import { ensureTwoParticipants } from '../../helpers/participants';

 setTestProperties(__filename, {
+    retry: true,
    usesBrowsers: [ 'p1', 'p2' ]
 });
Author	SHA1	Message	Date
bgrozev	945e42a923	test: Fix transcription test. (#16974 ) Fix waiting for transcription to be turned off. Re-enabling transcription was sometimes started before jigasi had left the room, resulting in a failure.	2026-02-20 18:12:24 -06:00
Boris Grozev	8b4528e3c5	test: Enable retries for the kick test, it's failing sporadically.	2026-02-20 18:12:22 -06:00
Jaya Allamsetty	5eca22fcb5	Revert "fix(filmstrip) Ensures dominant speaker is always visible in filmstrip (#16901 )" This reverts commit `bde8dca825`.	2026-02-19 09:26:44 -05:00
Jaya Allamsetty	d35d93900c	Revert "fix(filmstrip) Excludes partially visible tiles for dominant speaker slot." This reverts commit `c88bfa1b9a`.	2026-02-19 09:26:22 -05:00
Mihaela Dumitru	ece9b75d5e	fix(ui): add semantic tokens for svg fills and preview (#16962 )	2026-02-19 11:39:40 +02:00
Mihaela Dumitru	3b66476d97	fix(ui): more semantic tokens (#16955 )	2026-02-18 16:47:54 +02:00
Christoph Settgast	eb1e4f01e7	lang: update German translation	2026-02-10 15:23:33 -06:00
bgrozev	641a401b4b	fix(tests): Add expectations for async transcriptions. (#16925 )	2026-02-10 11:07:15 -06:00
Дамян Минков	6e3c256905	feat(file-sharing): Adds tooltip to upload button. (#16924 ) * feat(file-sharing): Adds tooltip to upload button. * squash: Change message.	2026-02-10 09:24:19 -06:00
damencho	36a755776e	feat(invite): Respects dial-in field from metadata.	2026-02-10 08:42:37 -06:00
Damien Fetis	7bd38be8a4	lang: Update French labels (#16922 )	2026-02-10 08:42:29 -06:00
Jaya Allamsetty	c88bfa1b9a	fix(filmstrip) Excludes partially visible tiles for dominant speaker slot.	2026-02-09 17:59:27 -05:00
bgrozev	6a443b0f8f	fix: Do not access "room" if undefined, improve logs. (#16917 )	2026-02-09 15:52:47 -06:00
Mihaela Dumitru	b4cc466608	feat(files): add external api events for upload/delete (#16908 )	2026-02-09 14:10:42 +02:00
Jaya Allamsetty	bde8dca825	fix(filmstrip) Ensures dominant speaker is always visible in filmstrip (#16901 ) * fix(filmstrip) Ensures dominant speaker is always visible in filmstrip	2026-02-06 14:29:32 -05:00
Hristo Terezov	2ab86cffb8	feat(draggable-panels): Enable touch-screen support Adds touch-screen support for resizing filmstrip and chat panels to enable tablet and touch-laptop users to adjust panel widths. Previously, drag handles only worked with mouse hover, making panels non-resizable on touch devices. Changes: - Implement Pointer Events API for unified mouse/touch handling - Add touch device detection with screen size threshold - Make drag handles always visible on touch devices with padding for easier tapping - Maintain identical visual layout between touch and non-touch versions Touch devices with sufficiently large screens now have fully functional drag handles with appropriate hit targets while smaller devices remain disabled to preserve mobile UX.	2026-02-06 09:48:44 -06:00