🚸(frontend) hide back button when a user is ejected by an admin

Avoid showing a back button when a user is kicked out of a meeting by an admin, to prevent them from repeatedly rejoining the room.
2026-01-13 15:23:05 +01:00
46 changed files with 216 additions and 575 deletions
@@ -37,12 +37,12 @@ jobs:
        with:
          username: ${{ secrets.DOCKER_HUB_USER }}
          password: ${{ secrets.DOCKER_HUB_PASSWORD }}
-#      -
-#        name: Run trivy scan
-#        uses: numerique-gouv/action-trivy-cache@main
-#        with:
-#          docker-build-args: '--target backend-production -f Dockerfile'
-#          docker-image-name: '${{ env.DOCKER_CONTAINER_REGISTRY_HOSTNAME }}/${{ env.DOCKER_CONTAINER_REGISTRY_NAMESPACE }}/meet-backend:${{ github.sha }}'
+      -
+        name: Run trivy scan
+        uses: numerique-gouv/action-trivy-cache@main
+        with:
+          docker-build-args: '--target backend-production -f Dockerfile'
+          docker-image-name: '${{ env.DOCKER_CONTAINER_REGISTRY_HOSTNAME }}/${{ env.DOCKER_CONTAINER_REGISTRY_NAMESPACE }}/meet-backend:${{ github.sha }}'
      -
        name: Build and push
        uses: docker/build-push-action@v6
@@ -8,31 +8,6 @@ and this project adheres to

 ## [Unreleased]

-## [1.4.0] - 2026-01-25
-
-### Added
-
- ✨(frontend) add configurable redirect for unauthenticated users #904
-
-### Changed
-
- ♿️(frontend) add accessible back button in side panel #881
- ♿️(frontend) improve participants toggle a11y label #880
- ♿️(frontend) make carousel image decorative #871
- ♿️(frontend) reactions are now vocalized and configurable #849
- ♿️(frontend) improve background effect announcements #879
-
-### Fixed
-
- 🔒(backend) prevent automatic upgrade setuptools
- ♿(frontend) improve contrast for selected options #863
- ♿️(frontend) announce copy state in invite dialog #877
- 📝(frontend) align close dialog label in rooms locale #878
- 🩹(backend) use case-insensitive email matching in the external api #887
- 🐛(frontend) ensure transcript segments are sorted by their timestamp #899
- 🐛(frontend) scope scrollbar gutter override to video rooms #882
-
-## [1.3.0] - 2026-01-13

 ### Added

@@ -50,7 +25,7 @@ and this project adheres to

 ### Fixed

- 🐛(frontend) remove unexpected F2 tooltip when clicking video screen
+- 🐛(frontend) remove unexpected F2 tooltip when clicking video screen 
 - 🩹(frontend) icon font loading to avoid text/icon flickering

 ## [1.2.0] - 2026-01-05
@@ -4,7 +4,7 @@
 FROM python:3.13.5-alpine3.21 AS base

 # Upgrade pip to its latest release to speed up dependencies installation
-RUN python -m pip install --upgrade pip
+RUN python -m pip install --upgrade pip setuptools

 # Upgrade system packages to install security updates
 RUN apk update && \
@@ -50,9 +50,6 @@ La Suite Meet is fully self-hostable and released under the MIT License, ensurin

 We’re continuously adding new features to enhance your experience, with the latest updates coming soon!

-### 🚀 Major roll out to all French public servants
-
-On the 25th of January 2026, David Amiel, France’s Minister for Civil Service and State Reform, announced the full deployment of Visio—the French government’s dedicated Meet platform—to all public servants. ([Source in French](https://www.latribune.fr/article/la-tribune-dimanche/politique/73157688099661/david-amiel-ministre-delegue-de-la-fonction-publique-nous-allons-sortir-de-la-dependance-aux-outils-americains))

 ## Table of Contents

@@ -89,7 +86,7 @@ We hope to see many more, here is an incomplete list of public La Suite Meet ins
 | [visio.numerique.gouv.fr](https://visio.numerique.gouv.fr/)   | DINUM    | French public agents working for the central administration and the extended public sphere. ProConnect is required to login in or sign up|
 | [visio.suite.anct.gouv.fr](https://visio.suite.anct.gouv.fr/) | ANCT    | French public agents working for the territorial administration and the extended public sphere. ProConnect is required to login in or sign up|
 | [visio.lasuite.coop](https://visio.lasuite.coop/)             | lasuite.coop    | Free and open demo to all. Content and accounts are reset after one month |
-| [mosacloud.cloud](https://mosa.cloud/)                        | mosa.cloud    | Demo instance of mosa.cloud, a dutch company providing services around La Suite apps. |
+| [meet.demo.mosacloud.eu](https://meet.demo.mosacloud.eu/)     | mosa.cloud    | Demo instance of mosa.cloud, a dutch company providing services around La Suite apps. |


 ## Contributing
@@ -1,6 +1,6 @@
 # Installation with docker compose

-We provide a sample configuration for running Meet using Docker Compose. Please note that this configuration is experimental, and the official way to deploy Meet in production is to use [k8s](../installation/kubernetes.md).
+We provide a sample configuration for running Meet using Docker Compose. Please note that this configuration is experimental, and the official way to deploy Meet in production is to use [k8s](../installation/k8s.md)

 ## Requirements

@@ -47,7 +47,7 @@ curl -o default.conf.template https://raw.githubusercontent.com/suitenumerique/m

 ## Step 2: Configuration

-Meet configuration is achieved through environment variables. We provide a [detailed description of all variables](../../src/helm/meet/README.md).
+Meet configuration is achieved through environment variables. We provide a [detailed description of all variables](../env.md).

 In this example, we assume the following services:

@@ -1,7 +1,7 @@

 [project]
 name = "agents"
-version = "1.4.0"
+version = "1.2.0"
 requires-python = ">=3.12"
 dependencies = [
    "livekit-agents==1.3.10",
@@ -5,7 +5,7 @@ from logging import getLogger

 from django.conf import settings
 from django.contrib.auth.hashers import check_password
-from django.core.exceptions import SuspiciousOperation, ValidationError
+from django.core.exceptions import ValidationError
 from django.core.validators import validate_email

 import jwt
@@ -93,7 +93,7 @@ class ApplicationViewSet(viewsets.GenericViewSet):
            )

        try:
-            user = models.User.objects.get(email__iexact=email)
+            user = models.User.objects.get(email=email)
        except models.User.DoesNotExist as e:
            if (
                settings.APPLICATION_ALLOW_USER_CREATION
@@ -123,10 +123,6 @@ class ApplicationViewSet(viewsets.GenericViewSet):
                )
            else:
                raise drf_exceptions.NotFound("User not found.") from e
-        except models.User.MultipleObjectsReturned as e:
-            raise SuspiciousOperation(
-                "Multiple user accounts share a common email."
-            ) from e

        now = datetime.now(timezone.utc)
        scope = " ".join(application.scopes or [])
@@ -22,7 +22,7 @@ pytestmark = pytest.mark.django_db
 def test_api_applications_generate_token_success(settings):
    """Valid credentials should return a JWT token."""
    settings.APPLICATION_JWT_SECRET_KEY = "devKey"
-    UserFactory(email="User.Family@example.com")
+    user = UserFactory(email="user@example.com")
    application = ApplicationFactory(
        active=True,
        scopes=[ApplicationScope.ROOMS_LIST, ApplicationScope.ROOMS_CREATE],
@@ -40,7 +40,7 @@ def test_api_applications_generate_token_success(settings):
            "client_id": application.client_id,
            "client_secret": plain_secret,
            "grant_type": "client_credentials",
-            "scope": "user.family@example.com",
+            "scope": user.email,
        },
        format="json",
    )
@@ -336,9 +336,6 @@ class Base(Configuration):
        "feedback": values.DictValue(
            {}, environ_name="FRONTEND_FEEDBACK", environ_prefix=None
        ),
-        "external_home_url": values.Value(
-            None, environ_name="FRONTEND_EXTERNAL_HOME_URL", environ_prefix=None
-        ),
        "use_french_gov_footer": values.BooleanValue(
            False, environ_name="FRONTEND_USE_FRENCH_GOV_FOOTER", environ_prefix=None
        ),
@@ -7,7 +7,7 @@ build-backend = "setuptools.build_meta"

 [project]
 name = "meet"
-version = "1.4.0"
+version = "1.2.0"
 authors = [{ "name" = "DINUM", "email" = "dev@mail.numerique.gouv.fr" }]
 classifiers = [
    "Development Status :: 5 - Production/Stable",
@@ -1,12 +1,12 @@
 {
  "name": "meet",
-  "version": "1.4.0",
+  "version": "1.2.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "meet",
-      "version": "1.4.0",
+      "version": "1.2.0",
      "dependencies": {
        "@fontsource-variable/material-symbols-outlined": "5.2.30",
        "@fontsource/material-icons-outlined": "5.2.6",
@@ -1,7 +1,7 @@
 {
  "name": "meet",
  "private": true,
-  "version": "1.4.0",
+  "version": "1.2.0",
  "type": "module",
  "scripts": {
    "dev": "panda codegen && vite",
@@ -17,7 +17,6 @@ export interface ApiConfig {
  feedback: {
    url: string
  }
-  external_home_url?: string
  silence_livekit_debug_logs?: boolean
  is_silent_login_enabled?: boolean
  custom_css_url?: string
@@ -192,7 +192,7 @@ export const IntroSlider = () => {
        <SlideContainer>
          {SLIDES.map((slide, index) => (
            <Slide visible={index == slideIndex} key={index}>
-              <Image src={slide.src} alt="" role="presentation" />
+              <Image src={slide.src} alt={t(`${slide.key}.imgAlt`)} />
              <TextAnimation visible={index == slideIndex}>
                <Heading>{t(`${slide.key}.title`)}</Heading>
                <Body>{t(`${slide.key}.body`)}</Body>
@@ -11,7 +11,7 @@ import { RiAddLine, RiLink } from '@remixicon/react'
 import { LaterMeetingDialog } from '@/features/home/components/LaterMeetingDialog'
 import { IntroSlider } from '@/features/home/components/IntroSlider'
 import { MoreLink } from '@/features/home/components/MoreLink'
-import { ReactNode, useEffect, useState } from 'react'
+import { ReactNode, useState } from 'react'

 import { css } from '@/styled-system/css'
 import { menuRecipe } from '@/primitives/menuRecipe.ts'
@@ -19,7 +19,6 @@ import { usePersistentUserChoices } from '@/features/rooms/livekit/hooks/usePers
 import { useConfig } from '@/api/useConfig'
 import { LoginButton } from '@/components/LoginButton'
 import { ApiRoom } from '@/features/rooms/api/ApiRoom'
-import { LoadingScreen } from '@/components/LoadingScreen'

 const Columns = ({ children }: { children?: ReactNode }) => {
  return (
@@ -156,34 +155,9 @@ export const Home = () => {

  const { mutateAsync: createRoom } = useCreateRoom()
  const [laterRoom, setLaterRoom] = useState<null | ApiRoom>(null)
-  const [redirectFailed, setRedirectFailed] = useState(false)

  const { data } = useConfig()

-  useEffect(() => {
-    const checkSiteAndRedirect = async () => {
-      if (!data?.external_home_url) return
-      if (isLoggedIn === false) {
-        try {
-          await fetch(data.external_home_url, {
-            method: 'HEAD', // Use HEAD to avoid downloading the full page
-            mode: 'no-cors', // Needed for cross-origin requests
-          })
-          window.location.replace(data.external_home_url)
-        } catch (error) {
-          setRedirectFailed(true)
-          console.error('Site is not reachable:', error)
-        }
-      }
-    }
-
-    checkSiteAndRedirect()
-  }, [isLoggedIn, data])
-
-  if (data?.external_home_url && isLoggedIn == false && !redirectFailed) {
-    return <LoadingScreen header={false} footer={false} delay={0} />
-  }
-
  return (
    <UserAware>
      <Screen>
@@ -112,8 +112,8 @@ export const InviteDialog = (props: Omit<DialogProps, 'title'>) => {
                    square
                    size={'sm'}
                    onPress={copyRoomUrlToClipboard}
-                    aria-label={isRoomUrlCopied ? t('copied') : t('copyUrl')}
-                    tooltip={isRoomUrlCopied ? t('copied') : t('copyUrl')}
+                    aria-label={t('copyUrl')}
+                    tooltip={t('copyUrl')}
                  >
                    {isRoomUrlCopied ? (
                      <RiCheckLine aria-hidden="true" />
@@ -138,12 +138,11 @@ export const InviteDialog = (props: Omit<DialogProps, 'title'>) => {
                  {formatPinCode(roomData?.pin_code)}
                </Text>
              </div>
-
              <Button
                variant={isCopied ? 'success' : 'secondaryText'}
                size="sm"
                fullWidth
-                aria-label={isCopied ? t('copied') : t('copy')}
+                aria-label={t('copy')}
                style={{
                  justifyContent: 'start',
                }}
@@ -174,7 +173,7 @@ export const InviteDialog = (props: Omit<DialogProps, 'title'>) => {
            <Button
              variant={isCopied ? 'success' : 'tertiary'}
              fullWidth
-              aria-label={isCopied ? t('copied') : t('copy')}
+              aria-label={t('copy')}
              onPress={copyRoomToClipboard}
              data-attr="share-dialog-copy"
            >
@@ -5,9 +5,6 @@ import { css } from '@/styled-system/css'
 import { Participant } from 'livekit-client'
 import { useTranslation } from 'react-i18next'
 import { Reaction } from '@/features/rooms/livekit/components/controls/ReactionsToggle'
-import { getEmojiLabel } from '@/features/rooms/livekit/utils/reactionUtils'
-import { accessibilityStore } from '@/stores/accessibility'
-import { useSnapshot } from 'valtio'

 export const ANIMATION_DURATION = 3000
 export const ANIMATION_DISTANCE = 300
@@ -143,53 +140,11 @@ export function ReactionPortal({
  )
 }

-export const ReactionPortals = ({ reactions }: { reactions: Reaction[] }) => {
-  const { t } = useTranslation('rooms', { keyPrefix: 'controls.reactions' })
-  const { announceReactions } = useSnapshot(accessibilityStore)
-  const [announcement, setAnnouncement] = useState<string | null>(null)
-  const [lastAnnouncedId, setLastAnnouncedId] = useState<number | null>(null)
-
-  const latestReaction =
-    reactions.length > 0 ? reactions[reactions.length - 1] : undefined
-
-  useEffect(() => {
-    if (!announceReactions) {
-      setAnnouncement(null)
-      return
-    }
-    if (!latestReaction) return
-    const isNewReaction = latestReaction.id !== lastAnnouncedId
-    if (!isNewReaction) return
-
-    const emojiLabel = getEmojiLabel(latestReaction.emoji, t)
-    const participantName = latestReaction.participant?.isLocal
-      ? t('you')
-      : latestReaction.participant?.name?.trim() ||
-        t('someone', { defaultValue: 'Someone' })
-    setAnnouncement(t('announce', { name: participantName, emoji: emojiLabel }))
-    setLastAnnouncedId(latestReaction.id)
-
-    const timer = setTimeout(() => setAnnouncement(null), 1200)
-    return () => clearTimeout(timer)
-  }, [latestReaction, lastAnnouncedId, announceReactions, t])
-
-  return (
-    <>
-      {reactions.map((instance) => (
-        <ReactionPortal
-          key={instance.id}
-          emoji={instance.emoji}
-          participant={instance.participant}
-        />
-      ))}
-      <div
-        role="status"
-        aria-live="polite"
-        aria-atomic="true"
-        className="sr-only"
-      >
-        {announcement ?? ''}
-      </div>
-    </>
-  )
-}
+export const ReactionPortals = ({ reactions }: { reactions: Reaction[] }) =>
+  reactions.map((instance) => (
+    <ReactionPortal
+      key={instance.id}
+      emoji={instance.emoji}
+      participant={instance.participant}
+    />
+  ))
@@ -13,7 +13,6 @@ import { Effects } from './effects/Effects'
 import { Admin } from './Admin'
 import { Tools } from './Tools'
 import { Info } from './Info'
-import { HStack } from '@/styled-system/jsx'

 type StyledSidePanelProps = {
  title: string
@@ -24,7 +23,6 @@ type StyledSidePanelProps = {
  closeButtonTooltip: string
  isSubmenu: boolean
  onBack: () => void
-  backButtonLabel: string
 }

 const StyledSidePanel = ({
@@ -36,7 +34,6 @@ const StyledSidePanel = ({
  closeButtonTooltip,
  isSubmenu = false,
  onBack,
-  backButtonLabel,
 }: StyledSidePanelProps) => (
  <aside
    className={css({
@@ -66,34 +63,31 @@ const StyledSidePanel = ({
    aria-hidden={isClosed}
    aria-label={ariaLabel}
  >
-    <HStack alignItems="center">
+    <Heading
+      slot="title"
+      level={1}
+      className={text({ variant: 'h2' })}
+      style={{
+        paddingLeft: '1.5rem',
+        paddingTop: '1rem',
+        display: isClosed ? 'none' : 'flex',
+        justifyContent: 'start',
+        alignItems: 'center',
+      }}
+    >
      {isSubmenu && (
        <Button
          variant="secondaryText"
          size="sm"
          square
-          className={css({ marginRight: '0.5rem', marginLeft: '1rem' })}
-          aria-label={backButtonLabel}
+          className={css({ marginRight: '0.5rem' })}
          onPress={onBack}
        >
-          <RiArrowLeftLine size={20} aria-hidden="true" />
+          <RiArrowLeftLine size={20} />
        </Button>
      )}
-      <Heading
-        slot="title"
-        level={1}
-        className={text({ variant: 'h2' })}
-        style={{
-          paddingLeft: isSubmenu ? 0 : '1.5rem',
-          paddingTop: '1rem',
-          display: isClosed ? 'none' : 'flex',
-          justifyContent: 'start',
-          alignItems: 'center',
-        }}
-      >
-        {title}
-      </Heading>
-    </HStack>
+      {title}
+    </Heading>
    <Div
      position="absolute"
      top="5"
@@ -135,6 +129,7 @@ const Panel = ({ isOpen, keepAlive = false, children }: PanelProps) => (
    {keepAlive || isOpen ? children : null}
  </div>
 )
+
 export const SidePanel = () => {
  const {
    activePanelId,
@@ -163,7 +158,6 @@ export const SidePanel = () => {
      })}
      isClosed={!isSidePanelOpen}
      isSubmenu={isSubPanelOpen}
-      backButtonLabel={t('backToTools')}
      onBack={() => (layoutStore.activeSubPanelId = null)}
    >
      <Panel isOpen={isParticipantsOpen}>
@@ -1,7 +1,6 @@
 import { useTranslation } from 'react-i18next'
 import { RiGroupLine, RiInfinityLine } from '@remixicon/react'
 import { ToggleButton } from '@/primitives'
-import { VisualOnlyTooltip } from '@/primitives/VisualOnlyTooltip'
 import { css } from '@/styled-system/css'
 import { useParticipants } from '@livekit/components-react'
 import { useSidePanel } from '../../../hooks/useSidePanel'
@@ -20,8 +19,6 @@ export const ParticipantsToggle = ({
   */
  const participants = useParticipants()
  const numParticipants = participants?.length
-  const announcedCount =
-    numParticipants && numParticipants > 0 ? numParticipants : 1

  const { isParticipantsOpen, toggleParticipants } = useSidePanel()

@@ -34,24 +31,21 @@ export const ParticipantsToggle = ({
        display: 'inline-block',
      })}
    >
-      <VisualOnlyTooltip tooltip={t(tooltipLabel)}>
-        <ToggleButton
-          square
-          variant="primaryTextDark"
-          aria-label={`${t(tooltipLabel)}. ${t('count', {
-            count: announcedCount,
-          })}.`}
-          isSelected={isParticipantsOpen}
-          onPress={(e) => {
-            toggleParticipants()
-            onPress?.(e)
-          }}
-          data-attr={`controls-participants-${tooltipLabel}`}
-          {...props}
-        >
-          <RiGroupLine />
-        </ToggleButton>
-      </VisualOnlyTooltip>
+      <ToggleButton
+        square
+        variant="primaryTextDark"
+        aria-label={t(tooltipLabel)}
+        tooltip={t(tooltipLabel)}
+        isSelected={isParticipantsOpen}
+        onPress={(e) => {
+          toggleParticipants()
+          onPress?.(e)
+        }}
+        data-attr={`controls-participants-${tooltipLabel}`}
+        {...props}
+      >
+        <RiGroupLine />
+      </ToggleButton>
      <div
        className={css({
          position: 'absolute',
@@ -10,7 +10,6 @@ import {
  ANIMATION_DURATION,
  ReactionPortals,
 } from '@/features/rooms/livekit/components/ReactionPortal'
-import { getEmojiLabel } from '@/features/rooms/livekit/utils/reactionUtils'
 import { Toolbar as RACToolbar } from 'react-aria-components'
 import { Participant } from 'livekit-client'
 import useRateLimiter from '@/hooks/useRateLimiter'
@@ -146,7 +145,7 @@ export const ReactionsToggle = () => {
                <Button
                  key={index}
                  onPress={() => debouncedSendReaction(emoji)}
-                  aria-label={t('send', { emoji: getEmojiLabel(emoji, t) })}
+                  aria-label={t('send', { emoji })}
                  variant="primaryTextDark"
                  size="sm"
                  square
@@ -56,11 +56,11 @@ export const EffectsConfiguration = ({
  const [processorPending, setProcessorPending] = useState(false)
  const processorPendingReveal = useSyncAfterDelay(processorPending)
  const hasFunnyEffectsAccess = useHasFunnyEffectsAccess()
-  const [effectStatusMessage, setEffectStatusMessage] = useState('')
-  const effectAnnouncementTimeout = useRef<ReturnType<
-    typeof setTimeout
-  > | null>(null)
-  const effectAnnouncementId = useRef(0)
+  const [blurStatusMessage, setBlurStatusMessage] = useState('')
+  const blurAnnouncementTimeout = useRef<ReturnType<typeof setTimeout> | null>(
+    null
+  )
+  const blurAnnouncementId = useRef(0)

  useEffect(() => {
    const videoElement = videoRef.current
@@ -89,27 +89,27 @@ export const EffectsConfiguration = ({

  useEffect(
    () => () => {
-      if (effectAnnouncementTimeout.current) {
-        clearTimeout(effectAnnouncementTimeout.current)
+      if (blurAnnouncementTimeout.current) {
+        clearTimeout(blurAnnouncementTimeout.current)
      }
    },
    []
  )

-  const announceEffectStatusMessage = (message: string) => {
-    effectAnnouncementId.current += 1
-    const currentId = effectAnnouncementId.current
+  const announceBlurStatusMessage = (message: string) => {
+    blurAnnouncementId.current += 1
+    const currentId = blurAnnouncementId.current

-    if (effectAnnouncementTimeout.current) {
-      clearTimeout(effectAnnouncementTimeout.current)
+    if (blurAnnouncementTimeout.current) {
+      clearTimeout(blurAnnouncementTimeout.current)
    }

    // Clear the region first so screen readers drop queued announcements.
-    setEffectStatusMessage('')
+    setBlurStatusMessage('')

-    effectAnnouncementTimeout.current = setTimeout(() => {
-      if (currentId !== effectAnnouncementId.current) return
-      setEffectStatusMessage(message)
+    blurAnnouncementTimeout.current = setTimeout(() => {
+      if (currentId !== blurAnnouncementId.current) return
+      setBlurStatusMessage(message)
    }, 80)
  }

@@ -118,42 +118,25 @@ export const EffectsConfiguration = ({
    onSubmit?.(undefined)
  }

-  const getVirtualBackgroundName = (imagePath?: string) => {
-    if (!imagePath) return ''
-    const match = imagePath.match(/\/backgrounds\/(\d+)\.jpg$/)
-    if (!match) return ''
-    const index = Number(match[1]) - 1
-    if (Number.isNaN(index)) return ''
-    return t(`virtual.descriptions.${index}`)
-  }
-
-  const updateEffectStatusMessage = (
+  const updateBlurStatusMessage = (
    type: ProcessorType,
    options: BackgroundOptions,
    wasSelectedBeforeToggle: boolean
  ) => {
+    if (type !== ProcessorType.BLUR) return
+
+    let message = ''
+
    if (wasSelectedBeforeToggle) {
-      announceEffectStatusMessage(t('blur.status.none'))
-      return
+      message = t('blur.status.none')
+    } else if (options.blurRadius === BlurRadius.LIGHT) {
+      message = t('blur.status.light')
+    } else if (options.blurRadius === BlurRadius.NORMAL) {
+      message = t('blur.status.strong')
    }

-    if (type === ProcessorType.BLUR) {
-      const message =
-        options.blurRadius === BlurRadius.LIGHT
-          ? t('blur.status.light')
-          : t('blur.status.strong')
-      announceEffectStatusMessage(message)
-      return
-    }
-
-    if (type === ProcessorType.VIRTUAL) {
-      const backgroundName = getVirtualBackgroundName(options.imagePath)
-      if (backgroundName) {
-        announceEffectStatusMessage(
-          `${t('virtual.selectedLabel')} ${backgroundName}`
-        )
-        return
-      }
+    if (message) {
+      announceBlurStatusMessage(message)
    }
  }

@@ -217,7 +200,7 @@ export const EffectsConfiguration = ({
        onSubmit?.(processor)
      }

-      updateEffectStatusMessage(type, options, wasSelectedBeforeToggle)
+      updateBlurStatusMessage(type, options, wasSelectedBeforeToggle)
    } catch (error) {
      console.error('Error applying effect:', error)
    } finally {
@@ -424,7 +407,7 @@ export const EffectsConfiguration = ({
                  </ToggleButton>
                </div>
                <div aria-live="polite" className="sr-only">
-                  {effectStatusMessage}
+                  {blurStatusMessage}
                </div>
              </div>
              <div
@@ -1,24 +0,0 @@
-import { useTranslation } from 'react-i18next'
-
-export const getEmojiLabel = (
-  emoji: string,
-  t: ReturnType<typeof useTranslation>['t']
-) => {
-  const emojiLabels: Record<string, string> = {
-    'thumbs-up': t('emojis.thumbs-up', { defaultValue: 'thumbs up' }),
-    'thumbs-down': t('emojis.thumbs-down', { defaultValue: 'thumbs down' }),
-    'clapping-hands': t('emojis.clapping-hands', {
-      defaultValue: 'clapping hands',
-    }),
-    'red-heart': t('emojis.red-heart', { defaultValue: 'red heart' }),
-    'face-with-tears-of-joy': t('emojis.face-with-tears-of-joy', {
-      defaultValue: 'face with tears of joy',
-    }),
-    'face-with-open-mouth': t('emojis.face-with-open-mouth', {
-      defaultValue: 'surprised face',
-    }),
-    'party-popper': t('emojis.party-popper', { defaultValue: 'party popper' }),
-    'folded-hands': t('emojis.folded-hands', { defaultValue: 'folded hands' }),
-  }
-  return emojiLabels[emoji] ?? emoji
-}
@@ -11,7 +11,6 @@ import {
  RiSettings3Line,
  RiSpeakerLine,
  RiVideoOnLine,
-  RiEyeLine,
 } from '@remixicon/react'
 import { AccountTab } from './tabs/AccountTab'
 import { NotificationsTab } from './tabs/NotificationsTab'
@@ -23,7 +22,6 @@ import { useRef } from 'react'
 import { useMediaQuery } from '@/features/rooms/livekit/hooks/useMediaQuery'
 import { SettingsDialogExtendedKey } from '@/features/settings/type'
 import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOwner'
-import AccessibilityTab from './tabs/AccessibilityTab'

 const tabsStyle = css({
  maxHeight: '40.625rem', // fixme size copied from meet settings modal
@@ -114,11 +112,6 @@ export const SettingsDialogExtended = (props: SettingsDialogExtended) => {
                  t(`tabs.${SettingsDialogExtendedKey.TRANSCRIPTION}`)}
              </Tab>
            )}
-            <Tab icon highlight id={SettingsDialogExtendedKey.ACCESSIBILITY}>
-              <RiEyeLine />
-              {isWideScreen &&
-                t(`tabs.${SettingsDialogExtendedKey.ACCESSIBILITY}`)}
-            </Tab>
          </TabList>
        </div>
        <div className={tabPanelContainerStyle}>
@@ -132,7 +125,6 @@ export const SettingsDialogExtended = (props: SettingsDialogExtended) => {
          <NotificationsTab id={SettingsDialogExtendedKey.NOTIFICATIONS} />
          {/* Transcription tab won't be accessible if the tab is not active in the tab list */}
          <TranscriptionTab id={SettingsDialogExtendedKey.TRANSCRIPTION} />
-          <AccessibilityTab id={SettingsDialogExtendedKey.ACCESSIBILITY} />
        </div>
      </Tabs>
    </Dialog>
@@ -1,40 +0,0 @@
-import { Field, H } from '@/primitives'
-import { TabPanel, TabPanelProps } from '@/primitives/Tabs'
-import { css } from '@/styled-system/css'
-import { useTranslation } from 'react-i18next'
-import { useSnapshot } from 'valtio'
-import { accessibilityStore } from '@/stores/accessibility'
-
-export type AccessibilityTabProps = Pick<TabPanelProps, 'id'>
-
-export const AccessibilityTab = ({ id }: AccessibilityTabProps) => {
-  const { t } = useTranslation('settings')
-  const snap = useSnapshot(accessibilityStore)
-
-  return (
-    <TabPanel padding={'md'} flex id={id}>
-      <H lvl={2}>{t('tabs.accessibility')}</H>
-      <ul
-        className={css({
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '1rem',
-        })}
-      >
-        <li>
-          <Field
-            type="switch"
-            label={t('accessibility.announceReactions.label')}
-            isSelected={snap.announceReactions}
-            onChange={(value) => {
-              accessibilityStore.announceReactions = value
-            }}
-            wrapperProps={{ noMargin: true, fullWidth: true }}
-          />
-        </li>
-      </ul>
-    </TabPanel>
-  )
-}
-
-export default AccessibilityTab
@@ -5,5 +5,4 @@ export enum SettingsDialogExtendedKey {
  GENERAL = 'general',
  NOTIFICATIONS = 'notifications',
  TRANSCRIPTION = 'transcription',
-  ACCESSIBILITY = 'accessibility',
 }
@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { useSubtitles } from '../hooks/useSubtitles'
 import { css, cva } from '@/styled-system/css'
 import { styled } from '@/styled-system/jsx'
@@ -13,63 +13,101 @@ export interface TranscriptionSegment {
  id: string
  text: string
  language: string
-  startTime?: number
+  startTime: number
  endTime: number
  final: boolean
  firstReceivedTime: number
  lastReceivedTime: number
 }

-export interface TranscriptionSegmentWithParticipant
-  extends TranscriptionSegment {
-  participant: Participant
-}
-
 export interface TranscriptionRow {
  id: string
  participant: Participant
  segments: TranscriptionSegment[]
-  startTime?: number
+  startTime: number
  lastUpdateTime: number
-  lastReceivedTime: number
 }

 const useTranscriptionState = () => {
-  const [transcriptionSegments, setTranscriptionSegments] = useState<
-    TranscriptionSegmentWithParticipant[]
+  const [transcriptionRows, setTranscriptionRows] = useState<
+    TranscriptionRow[]
  >([])
+  const [lastActiveParticipantIdentity, setLastActiveParticipantIdentity] =
+    useState<string | null>(null)

-  const updateTranscriptionSegments = (
+  const updateTranscriptions = (
    segments: TranscriptionSegment[],
    participant?: Participant
  ) => {
-    console.log(participant, segments)
-
    if (!participant || segments.length === 0) return

-    if (segments.length > 1) {
-      console.warn('Unexpected error more segments')
-      return
-    }
+    setTranscriptionRows((prevRows) => {
+      const updatedRows = [...prevRows]
+      const now = Date.now()

-    const segment = segments[0]
+      const shouldAppendToLastRow =
+        lastActiveParticipantIdentity === participant.identity &&
+        updatedRows.length > 0

-    setTranscriptionSegments((prevSegments) => {
-      const existingSegmentIds = new Set(prevSegments.map((s) => s.id))
-      if (existingSegmentIds.has(segment.id)) return prevSegments
-      return [
-        ...prevSegments,
-        {
-          participant: participant,
-          ...segment,
-        },
-      ]
+      if (shouldAppendToLastRow) {
+        const lastRowIndex = updatedRows.length - 1
+        const lastRow = updatedRows[lastRowIndex]
+
+        const existingSegmentIds = new Set(lastRow.segments.map((s) => s.id))
+        const newSegments = segments.filter(
+          (segment) => !existingSegmentIds.has(segment.id)
+        )
+        const updatedSegments = lastRow.segments.map((existing) => {
+          const update = segments.find((s) => s.id === existing.id)
+          return update && update.final ? update : existing
+        })
+
+        updatedRows[lastRowIndex] = {
+          ...lastRow,
+          segments: [...updatedSegments, ...newSegments],
+          lastUpdateTime: now,
+        }
+      } else {
+        const newRow: TranscriptionRow = {
+          id: `${participant.identity}-${now}`,
+          participant,
+          segments: [...segments],
+          startTime: Math.min(...segments.map((s) => s.startTime)),
+          lastUpdateTime: now,
+        }
+        updatedRows.push(newRow)
+      }
+
+      return updatedRows
+    })
+
+    setLastActiveParticipantIdentity(participant.identity)
+  }
+
+  const clearTranscriptions = () => {
+    setTranscriptionRows([])
+    setLastActiveParticipantIdentity(null)
+  }
+
+  const updateParticipant = (_name: string, participant: Participant) => {
+    setTranscriptionRows((prevRows) => {
+      return prevRows.map((row) => {
+        if (row.participant.identity === participant.identity) {
+          return {
+            ...row,
+            participant,
+          }
+        }
+        return row
+      })
    })
  }

  return {
-    updateTranscriptionSegments,
-    transcriptionSegments,
+    transcriptionRows,
+    updateTranscriptions,
+    clearTranscriptions,
+    updateParticipant,
  }
 }

@@ -154,54 +192,24 @@ const SubtitlesWrapper = styled(
 export const Subtitles = () => {
  const { areSubtitlesOpen } = useSubtitles()
  const room = useRoomContext()
-
-  const { transcriptionSegments, updateTranscriptionSegments } =
+  const { transcriptionRows, updateTranscriptions, updateParticipant } =
    useTranscriptionState()

  useEffect(() => {
    if (!room) return
-    room.on(RoomEvent.TranscriptionReceived, updateTranscriptionSegments)
+    room.on(RoomEvent.TranscriptionReceived, updateTranscriptions)
    return () => {
-      room.off(RoomEvent.TranscriptionReceived, updateTranscriptionSegments)
+      room.off(RoomEvent.TranscriptionReceived, updateTranscriptions)
    }
-  }, [room, updateTranscriptionSegments])
+  }, [room, updateTranscriptions])

-  const transcriptionRows = useMemo(() => {
-    if (transcriptionSegments.length === 0) return []
-
-    const rows: TranscriptionRow[] = []
-    let currentRow: TranscriptionRow | null = null
-
-    for (const segment of transcriptionSegments) {
-      const shouldStartNewRow =
-        !currentRow ||
-        currentRow.participant.identity !== segment.participant.identity
-
-      if (shouldStartNewRow) {
-        currentRow = {
-          id: `${segment.participant.identity}-${segment.firstReceivedTime}`,
-          participant: segment.participant,
-          segments: [segment],
-          startTime: segment.startTime,
-          lastUpdateTime: segment.lastReceivedTime,
-          lastReceivedTime: segment.lastReceivedTime,
-        }
-        rows.push(currentRow)
-      } else if (currentRow) {
-        currentRow.segments.push(segment)
-        currentRow.lastUpdateTime = Math.max(
-          currentRow.lastUpdateTime,
-          segment.lastReceivedTime
-        )
-        currentRow.lastReceivedTime = Math.max(
-          currentRow.lastReceivedTime,
-          segment.lastReceivedTime
-        )
-      }
+  useEffect(() => {
+    if (!room) return
+    room.on(RoomEvent.ParticipantNameChanged, updateParticipant)
+    return () => {
+      room.off(RoomEvent.ParticipantNameChanged, updateParticipant)
    }
-
-    return rows
-  }, [transcriptionSegments])
+  }, [room, updateParticipant])

  return (
    <SubtitlesWrapper areOpen={areSubtitlesOpen}>
@@ -44,15 +44,18 @@
    },
    "slide1": {
      "title": "Wechseln Sie zur Einfachheit. Testen Sie uns jetzt!",
-      "body": "Entdecken Sie eine intuitive und zugängliche Lösung, entwickelt für alle Mitarbeitenden im öffentlichen Dienst, ihre Partner und viele weitere."
+      "body": "Entdecken Sie eine intuitive und zugängliche Lösung, entwickelt für alle Mitarbeitenden im öffentlichen Dienst, ihre Partner und viele weitere.",
+      "imgAlt": "Illustration einer benutzerfreundlichen und barrierefreien Kollaborationsplattform"
    },
    "slide2": {
      "title": "Gruppenanrufe ohne Einschränkungen",
-      "body": "Unbegrenzte Meeting-Dauer mit flüssiger, hochwertiger Kommunikation – unabhängig von der Gruppengröße."
+      "body": "Unbegrenzte Meeting-Dauer mit flüssiger, hochwertiger Kommunikation – unabhängig von der Gruppengröße.",
+      "imgAlt": "Bild eines virtuellen Meetings mit mehreren nahtlos zusammenarbeitenden Teilnehmenden"
    },
    "slide3": {
      "title": "Verwandeln Sie Ihre Meetings mit KI",
-      "body": "Erhalten Sie präzise und verwertbare Transkripte zur Steigerung Ihrer Produktivität. Funktion in der Beta – jetzt testen!"
+      "body": "Erhalten Sie präzise und verwertbare Transkripte zur Steigerung Ihrer Produktivität. Funktion in der Beta – jetzt testen!",
+      "imgAlt": "Illustration KI-gestützter Notizen in einem virtuellen Meeting"
    }
  }
 }
@@ -86,7 +86,6 @@
    "heading": "Ihr Meeting ist bereit",
    "description": "Teilen Sie diesen Link mit Personen, die Sie zum Meeting einladen möchten.",
    "permissions": "Personen mit diesem Link benötigen keine Erlaubnis, um diesem Meeting beizutreten.",
-    "closeDialog": "Dialogfenster schließen",
    "phone": {
      "call": "Rufen Sie an:",
      "pinCode": "Code:"
@@ -193,9 +192,7 @@
    "leave": "Verlassen",
    "participants": {
      "open": "Alle ausblenden",
-      "closed": "Alle anzeigen",
-      "count_one": "{{count}} Teilnehmer",
-      "count_other": "{{count}} Teilnehmer"
+      "closed": "Alle anzeigen"
    },
    "tools": {
      "open": "Weitere Tools ausblenden",
@@ -209,18 +206,7 @@
    "reactions": {
      "button": "Reaktion senden",
      "send": "Reaktion {{emoji}} senden",
-      "announce": "{{name}} : {{emoji}}",
-      "you": "Sie",
-      "emojis": {
-        "thumbs-up": "Daumen hoch",
-        "thumbs-down": "Daumen runter",
-        "clapping-hands": "Klatschende Hände",
-        "red-heart": "rotes Herz",
-        "face-with-tears-of-joy": "Gesicht mit Freudentränen",
-        "face-with-open-mouth": "überraschter Gesichtsausdruck",
-        "party-popper": "Party-Popper",
-        "folded-hands": "gefaltete Hände"
-      }
+      "you": "Sie"
    }
  },
  "options": {
@@ -291,7 +277,6 @@
  },
  "sidePanel": {
    "ariaLabel": "Seitenleiste",
-    "backToTools": "Zurück zu den Meeting-Tools",
    "heading": {
      "participants": "Teilnehmer",
      "effects": "Effekte",
@@ -44,15 +44,18 @@
    },
    "slide1": {
      "title": "Make the switch to simplicity. Try us now!",
-      "body": "Discover an intuitive and accessible solution, designed for all public agents, their partners, and much more."
+      "body": "Discover an intuitive and accessible solution, designed for all public agents, their partners, and much more.",
+      "imgAlt": "Illustration of a user-friendly and accessible collaboration platform"
    },
    "slide2": {
      "title": "Host group calls without limits",
-      "body": "Unlimited time meetings, with smooth and high-quality communication, no matter the group size."
+      "body": "Unlimited time meetings, with smooth and high-quality communication, no matter the group size.",
+      "imgAlt": "Image of a virtual meeting with multiple participants collaborating seamlessly"
    },
    "slide3": {
      "title": "Transform your meetings with AI",
-      "body": "Get accurate and actionable transcripts to boost your productivity. Feature in beta—try it now!"
+      "body": "Get accurate and actionable transcripts to boost your productivity. Feature in beta—try it now!",
+      "imgAlt": "Illustration of AI-powered note-taking in a virtual meeting"
    }
  }
 }
@@ -86,7 +86,6 @@
    "heading": "Your meeting is ready",
    "description": "Share this link with people you want to invite to the meeting.",
    "permissions": "People with this link do not need your permission to join this meeting.",
-    "closeDialog": "Close dialog",
    "phone": {
      "call": "Call:",
      "pinCode": "Code:"
@@ -193,9 +192,7 @@
    "leave": "Leave",
    "participants": {
      "open": "Hide everyone",
-      "closed": "See everyone",
-      "count_one": "{{count}} participant",
-      "count_other": "{{count}} participants"
+      "closed": "See everyone"
    },
    "tools": {
      "open": "Hide more tools",
@@ -209,18 +206,7 @@
    "reactions": {
      "button": "Send reaction",
      "send": "Send reaction {{emoji}}",
-      "announce": "{{name}} : {{emoji}}",
-      "you": "you",
-      "emojis": {
-        "thumbs-up": "thumbs up",
-        "thumbs-down": "thumbs down",
-        "clapping-hands": "clapping hands",
-        "red-heart": "red heart",
-        "face-with-tears-of-joy": "face with tears of joy",
-        "face-with-open-mouth": "surprised face",
-        "party-popper": "party popper",
-        "folded-hands": "folded hands"
-      }
+      "you": "you"
    }
  },
  "options": {
@@ -291,7 +277,6 @@
  },
  "sidePanel": {
    "ariaLabel": "Sidepanel",
-    "backToTools": "Back to meeting tools",
    "heading": {
      "participants": "Participants",
      "effects": "Backgrounds and Effects",
@@ -108,18 +108,12 @@
    "label": "Language"
  },
  "settingsButtonLabel": "Settings",
-  "accessibility": {
-    "announceReactions": {
-      "label": "Announce reactions aloud"
-    }
-  },
  "tabs": {
    "account": "Profile",
    "audio": "Audio",
    "video": "Video",
    "general": "General",
    "notifications": "Notifications",
-    "accessibility": "Accessibility",
    "transcription": "Transcription"
  }
 }
@@ -44,15 +44,18 @@
    },
    "slide1": {
      "title": "Passez à la simplicité. Essayez-nous dès maintenant !",
-      "body": "Découvrez une solution intuitive et accessible, conçue pour tous les agents publics et leurs partenaires, et bien plus encore."
+      "body": "Découvrez une solution intuitive et accessible, conçue pour tous les agents publics et leurs partenaires, et bien plus encore.",
+      "imgAlt": "Illustration d'une plateforme de collaboration simple et accessible"
    },
    "slide2": {
      "title": "Organisez des appels de groupe sans limite",
-      "body": "Réunions sans limite de temps, avec une communication fluide et de haute qualité, quel que soit le nombre."
+      "body": "Réunions sans limite de temps, avec une communication fluide et de haute qualité, quel que soit le nombre.",
+      "imgAlt": "Image d'une réunion virtuelle avec plusieurs participants collaborant efficacement"
    },
    "slide3": {
      "title": "Transformez vos réunions avec l'IA",
-      "body": "Obtenez des transcriptions précises et actionnables, pour booster votre productivité. Fonctionnalité en beta, essayez-la maintenant !"
+      "body": "Obtenez des transcriptions précises et actionnables, pour booster votre productivité. Fonctionnalité en beta, essayez-la maintenant !",
+      "imgAlt": "Illustration de prise de notes assistée par l'IA dans une réunion virtuelle"
    }
  }
 }
@@ -86,7 +86,6 @@
    "heading": "Votre réunion est prête",
    "description": "Partagez ces informations avec les personnes que vous souhaitez inviter à la réunion.",
    "permissions": "Les personnes disposant de ce lien n'ont pas besoin de votre autorisation pour rejoindre cette réunion.",
-    "closeDialog": "Fermer la fenêtre modale",
    "phone": {
      "call": "Appelez le :",
      "pinCode": "Code :"
@@ -193,9 +192,7 @@
    "leave": "Quitter",
    "participants": {
      "open": "Masquer les participants",
-      "closed": "Afficher les participants",
-      "count_one": "{{count}} participant",
-      "count_other": "{{count}} participants"
+      "closed": "Afficher les participants"
    },
    "tools": {
      "open": "Masquer les outils de réunion",
@@ -209,18 +206,7 @@
    "reactions": {
      "button": "Envoyer une réaction",
      "send": "Envoyer la réaction {{emoji}}",
-      "announce": "{{name}} : {{emoji}}",
-      "you": "vous",
-      "emojis": {
-        "thumbs-up": "pouce levé",
-        "thumbs-down": "pouce baissé",
-        "clapping-hands": "applaudissements",
-        "red-heart": "cœur",
-        "face-with-tears-of-joy": "visage qui rit",
-        "face-with-open-mouth": "visage étonné",
-        "party-popper": "confettis",
-        "folded-hands": "mains jointes"
-      }
+      "you": "vous"
    }
  },
  "options": {
@@ -291,7 +277,6 @@
  },
  "sidePanel": {
    "ariaLabel": "Panneau latéral",
-    "backToTools": "Retour aux outils de réunion",
    "heading": {
      "participants": "Participants",
      "effects": "Arrière-plans et effets",
@@ -108,18 +108,12 @@
    "label": "Langue de l'application"
  },
  "settingsButtonLabel": "Paramètres",
-  "accessibility": {
-    "announceReactions": {
-      "label": "Vocaliser les réactions"
-    }
-  },
  "tabs": {
    "account": "Profil",
    "audio": "Audio",
    "video": "Vidéo",
    "general": "Général",
    "notifications": "Notifications",
-    "accessibility": "Accessibilité",
    "transcription": "Transcription"
  }
 }
@@ -44,15 +44,18 @@
    },
    "slide1": {
      "title": "Stap over op eenvoud. Probeer ons nu!",
-      "body": "Ontdek een intuïtieve en toegankelijke oplossing, ontworpen voor alle openbare partijen, hun partners en nog veel meer."
+      "body": "Ontdek een intuïtieve en toegankelijke oplossing, ontworpen voor alle openbare partijen, hun partners en nog veel meer.",
+      "imgAlt": "Illustratie van een gebruiksvriendelijk en toegankelijk samenwerkingsplatform"
    },
    "slide2": {
      "title": "Houdt groepsgesprekken zonder limieten",
-      "body": "Vergaderingen van onbeperkte lengte, met soepele en hoogwaardige communicatie, ongeacht de groepsgrootte."
+      "body": "Vergaderingen van onbeperkte lengte, met soepele en hoogwaardige communicatie, ongeacht de groepsgrootte.",
+      "imgAlt": "Afbeelding van een virtuele ontmoeting met meerdere deelnemers die naadloos samenwerken"
    },
    "slide3": {
      "title": "Transformeer uw vergaderingen met AI",
-      "body": "Krijg nauwkeurige en bruikbare transcripties om uw productiviteit te stimuleren. Deze mogelijkheid is in bèta, probeer het nu!"
+      "body": "Krijg nauwkeurige en bruikbare transcripties om uw productiviteit te stimuleren. Deze mogelijkheid is in bèta, probeer het nu!",
+      "imgAlt": "Illustratie van AI-aangedreven notitie in een virtuele vergadering"
    }
  }
 }
@@ -86,7 +86,6 @@
    "heading": "Uw vergadering is klaar",
    "description": "Deel deze link met mensen die u wilt uitnodigen voor de vergadering.",
    "permissions": "Mensen met deze link hebben uw toestemming niet nodig om deel te nemen aan deze vergadering.",
-    "closeDialog": "Sluit het dialoogvenster",
    "phone": {
      "call": "Bel:",
      "pinCode": "Code:"
@@ -193,9 +192,7 @@
    "leave": "Vertrekken",
    "participants": {
      "open": "Verberg iedereen",
-      "closed": "Toon iedereen",
-      "count_one": "{{count}} deelnemer",
-      "count_other": "{{count}} deelnemers"
+      "closed": "Toon iedereen"
    },
    "tools": {
      "open": "Meer tools verbergen",
@@ -209,18 +206,7 @@
    "reactions": {
      "button": "Stuur reactie",
      "send": "Stuur reactie {{emoji}}",
-      "announce": "{{name}} : {{emoji}}",
-      "you": "U",
-      "emojis": {
-        "thumbs-up": "duim omhoog",
-        "thumbs-down": "duim omlaag",
-        "clapping-hands": "applaudisserende handen",
-        "red-heart": "rood hart",
-        "face-with-tears-of-joy": "gezicht met tranen van vreugde",
-        "face-with-open-mouth": "verrast gezicht",
-        "party-popper": "feestknaller",
-        "folded-hands": "gevouwen handen"
-      }
+      "you": "U"
    }
  },
  "options": {
@@ -291,7 +277,6 @@
  },
  "sidePanel": {
    "ariaLabel": "Zijbalk",
-    "backToTools": "Terug naar vergadertools",
    "heading": {
      "participants": "Deelnemers",
      "effects": "Effecten",
@@ -112,8 +112,7 @@ export const buttonRecipe = cva({
        },
        transition: 'box-shadow 0.2s ease-in-out',
        '&[data-selected]': {
-          boxShadow:
-            '0 0 0 3px token(colors.primary.600) inset, 0 0 0 5px white inset',
+          boxShadow: 'token(colors.primary.400) 0px 0px 0px 3px inset',
        },
        '&[data-disabled]': {
          backgroundColor: 'greyscale.100',
@@ -1,76 +0,0 @@
-import { proxy, subscribe } from 'valtio'
-import { STORAGE_KEYS } from '@/utils/storageKeys'
-import { deserializeToProxyMap } from '@/utils/valtio'
-
-type AccessibilityState = {
-  announceReactions: boolean
-}
-
-const DEFAULT_STATE: AccessibilityState = {
-  announceReactions: false,
-}
-
-function getAccessibilityState(): AccessibilityState {
-  try {
-    const stored = localStorage.getItem(STORAGE_KEYS.ACCESSIBILITY)
-    if (stored) {
-      const parsed = JSON.parse(stored)
-      return {
-        ...DEFAULT_STATE,
-        ...parsed,
-        announceReactions:
-          typeof parsed.announceReactions === 'boolean'
-            ? parsed.announceReactions
-            : DEFAULT_STATE.announceReactions,
-      }
-    }
-
-    // Legacy migration: if the setting was previously stored in notifications
-    const legacy = localStorage.getItem(STORAGE_KEYS.NOTIFICATIONS)
-    if (legacy) {
-      try {
-        const parsedLegacy = JSON.parse(legacy, deserializeToProxyMap)
-        if (typeof parsedLegacy?.announceReactions === 'boolean') {
-          const migratedState: AccessibilityState = {
-            ...DEFAULT_STATE,
-            ...parsedLegacy,
-            announceReactions: parsedLegacy.announceReactions,
-          }
-
-          try {
-            localStorage.setItem(
-              STORAGE_KEYS.ACCESSIBILITY,
-              JSON.stringify(migratedState)
-            )
-            localStorage.removeItem(STORAGE_KEYS.NOTIFICATIONS)
-          } catch {
-            // ignore persistence issues during migration
-          }
-
-          return migratedState
-        }
-      } catch {
-        // ignore legacy parsing issues
-      }
-    }
-
-    return DEFAULT_STATE
-  } catch (error: unknown) {
-    console.error(
-      '[AccessibilityStore] Failed to parse stored settings:',
-      error
-    )
-    return DEFAULT_STATE
-  }
-}
-
-export const accessibilityStore = proxy<AccessibilityState>(
-  getAccessibilityState()
-)
-
-subscribe(accessibilityStore, () => {
-  localStorage.setItem(
-    STORAGE_KEYS.ACCESSIBILITY,
-    JSON.stringify(accessibilityStore)
-  )
-})
@@ -1,14 +0,0 @@
-import { css } from '@/styled-system/css'
-
-// Reusable visually hidden style for screen-reader-only content
-export const srOnly = css({
-  position: 'absolute',
-  width: '1px',
-  height: '1px',
-  padding: 0,
-  margin: '-1px',
-  overflow: 'hidden',
-  clip: 'rect(0, 0, 0, 0)',
-  whiteSpace: 'nowrap',
-  border: 0,
-})
@@ -45,10 +45,6 @@ body:has(.lk-video-conference) #crisp-chatbox > * > div[role='button'] {
  display: none !important;
 }

-html:has(.lk-video-conference) {
-  scrollbar-gutter: auto !important;
-}
-
@keyframes slide-full {
  from {
    transform: translateY(100%);
@@ -4,5 +4,4 @@
 export const STORAGE_KEYS = {
  NOTIFICATIONS: 'app_notification_settings',
  USER_PREFERENCES: 'app_user_preferences',
-  ACCESSIBILITY: 'app_accessibility_settings',
 } as const
@@ -1,12 +1,12 @@
 {
  "name": "mail_mjml",
-  "version": "1.4.0",
+  "version": "1.2.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "mail_mjml",
-      "version": "1.4.0",
+      "version": "1.2.0",
      "license": "MIT",
      "dependencies": {
        "@html-to/text-cli": "0.5.4",
@@ -1,6 +1,6 @@
 {
  "name": "mail_mjml",
-  "version": "1.4.0",
+  "version": "1.2.0",
  "description": "An util to generate html and text django's templates from mjml templates",
  "type": "module",
  "dependencies": {
@@ -1,12 +1,12 @@
 {
  "name": "sdk",
-  "version": "1.4.0",
+  "version": "1.2.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "sdk",
-      "version": "1.4.0",
+      "version": "1.2.0",
      "license": "ISC",
      "workspaces": [
        "./library",
@@ -1,6 +1,6 @@
 {
  "name": "sdk",
-  "version": "1.4.0",
+  "version": "1.2.0",
  "author": "",
  "license": "ISC",
  "description": "",
@@ -1,7 +1,7 @@

 [project]
 name = "summary"
-version = "1.4.0"
+version = "1.2.0"
 dependencies = [
    "fastapi[standard]>=0.105.0",
    "uvicorn>=0.24.0",