🔧(backend) add backend toggle for silent login feature

Implement configuration option in backend to enable or disable silent login
functionality. Provides flexibility to control this authentication behavior
through server settings.

Requested by user self-hosting the project. Not all OIDC provider support
prompt=none param.

env.d/development/common.dist

@@ -15,8 +15,7 @@ DJANGO_EMAIL_PORT=1025
 DJANGO_EMAIL_BRAND_NAME=La Suite Numérique
 DJANGO_EMAIL_SUPPORT_EMAIL=test@yopmail.com
 DJANGO_EMAIL_LOGO_IMG=http://localhost:3000/assets/logo-suite-numerique.png
-DJANGO_EMAIL_DOMAIN=localhost:3000
-DJANGO_EMAIL_APP_BASE_URL=http://localhost:3000
+DJANGO_EMAIL_DOMAIN=http://localhost:3000/
 
 # Backend url
 MEET_BASE_URL="http://localhost:8072"

src/backend/core/api/permissions.py

@@ -94,7 +94,7 @@ class HasAbilityPermission(IsAuthenticated):
 class HasPrivilegesOnRoom(IsAuthenticated):
     """Check if user has privileges on a given room."""
 
-    message = "You must have privileges on room to perform this action."
+    message = "You must have privileges to start a recording."
 
     def has_object_permission(self, request, view, obj):
         """Determine if user has privileges on room."""

src/backend/core/api/serializers.py

@@ -156,7 +156,7 @@ class RecordingSerializer(serializers.ModelSerializer):
 
     class Meta:
         model = models.Recording
-        fields = ["id", "room", "created_at", "updated_at", "status", "mode", "key"]
+        fields = ["id", "room", "created_at", "updated_at", "status", "mode"]
         read_only_fields = fields
 
 
@@ -189,11 +189,11 @@ class RequestEntrySerializer(serializers.Serializer):
 
     def create(self, validated_data):
         """Not implemented as this is a validation-only serializer."""
-        raise NotImplementedError("RequestEntrySerializer is validation-only")
+        raise NotImplementedError("StartRecordingSerializer is validation-only")
 
     def update(self, instance, validated_data):
         """Not implemented as this is a validation-only serializer."""
-        raise NotImplementedError("RequestEntrySerializer is validation-only")
+        raise NotImplementedError("StartRecordingSerializer is validation-only")
 
 
 class ParticipantEntrySerializer(serializers.Serializer):
@@ -204,11 +204,11 @@ class ParticipantEntrySerializer(serializers.Serializer):
 
     def create(self, validated_data):
         """Not implemented as this is a validation-only serializer."""
-        raise NotImplementedError("ParticipantEntrySerializer is validation-only")
+        raise NotImplementedError("StartRecordingSerializer is validation-only")
 
     def update(self, instance, validated_data):
         """Not implemented as this is a validation-only serializer."""
-        raise NotImplementedError("ParticipantEntrySerializer is validation-only")
+        raise NotImplementedError("StartRecordingSerializer is validation-only")
 
 
 class CreationCallbackSerializer(serializers.Serializer):
@@ -218,22 +218,8 @@ class CreationCallbackSerializer(serializers.Serializer):
 
     def create(self, validated_data):
         """Not implemented as this is a validation-only serializer."""
-        raise NotImplementedError("CreationCallbackSerializer is validation-only")
+        raise NotImplementedError("StartRecordingSerializer is validation-only")
 
     def update(self, instance, validated_data):
         """Not implemented as this is a validation-only serializer."""
-        raise NotImplementedError("CreationCallbackSerializer is validation-only")
-
-
-class RoomInviteSerializer(serializers.Serializer):
-    """Validate room invite creation data."""
-
-    emails = serializers.ListField(child=serializers.EmailField(), allow_empty=False)
-
-    def create(self, validated_data):
-        """Not implemented as this is a validation-only serializer."""
-        raise NotImplementedError("RoomInviteSerializer is validation-only")
-
-    def update(self, instance, validated_data):
-        """Not implemented as this is a validation-only serializer."""
-        raise NotImplementedError("RoomInviteSerializer is validation-only")
+        raise NotImplementedError("StartRecordingSerializer is validation-only")

src/backend/core/api/viewsets.py

@@ -41,7 +41,6 @@ from core.recording.worker.factories import (
 from core.recording.worker.mediator import (
     WorkerServiceMediator,
 )
-from core.services.invitation import InvitationService
 from core.services.livekit_events import (
     LiveKitEventsService,
     LiveKitWebhookError,
@@ -366,7 +365,7 @@ class RoomViewSet(
 
     @decorators.action(
         detail=True,
-        methods=["post"],
+        methods=["POST"],
         url_path="request-entry",
         permission_classes=[],
         throttle_classes=[RequestEntryAnonRateThrottle],
@@ -449,7 +448,7 @@ class RoomViewSet(
 
     @decorators.action(
         detail=False,
-        methods=["post"],
+        methods=["POST"],
         url_path="webhooks-livekit",
         permission_classes=[],
     )
@@ -475,7 +474,7 @@ class RoomViewSet(
 
     @decorators.action(
         detail=False,
-        methods=["post"],
+        methods=["POST"],
         url_path="creation-callback",
         permission_classes=[],
         throttle_classes=[CreationCallbackAnonRateThrottle],
@@ -498,38 +497,6 @@ class RoomViewSet(
             {"status": "success", "room": room}, status=drf_status.HTTP_200_OK
         )
 
-    @decorators.action(
-        detail=True,
-        methods=["post"],
-        url_path="invite",
-        permission_classes=[
-            permissions.HasPrivilegesOnRoom,
-        ],
-    )
-    def invite(self, request, pk=None):  # pylint: disable=unused-argument
-        """Send email invitations to join a room.
-
-        This API endpoint allows a user with appropriate privileges to send email invitations
-        to one or more recipients, inviting them to join the specified room.
-        """
-
-        room = self.get_object()
-
-        serializer = serializers.RoomInviteSerializer(data=request.data)
-        serializer.is_valid(raise_exception=True)
-
-        emails = serializer.validated_data.get("emails")
-        emails = list(set(emails))
-
-        InvitationService().invite_to_room(
-            room=room, sender=request.user, emails=emails
-        )
-
-        return drf_response.Response(
-            {"status": "success", "message": "invitations sent"},
-            status=drf_status.HTTP_200_OK,
-        )
-
 
 class ResourceAccessListModelMixin:
     """List mixin for resource access API."""

src/backend/core/models.py

@@ -581,10 +581,7 @@ class Recording(BaseModel):
     @property
     def is_saved(self) -> bool:
         """Check if the recording is in a saved state."""
-        return self.status in {
-            RecordingStatusChoices.NOTIFICATION_SUCCEEDED,
-            RecordingStatusChoices.SAVED,
-        }
+        return self.status == RecordingStatusChoices.SAVED
 
     @property
     def extension(self):

src/backend/core/recording/event/notification.py

@@ -83,7 +83,7 @@ class NotificationService:
                     fail_silently=False,
                 )
             except smtplib.SMTPException as exception:
-                logger.error("notification could not be sent: %s", exception)
+                logger.error("notification to %s was not sent: %s", emails, exception)
                 return False
 
         return True

src/backend/core/recording/worker/services.py

@@ -101,7 +101,8 @@ class VideoCompositeEgressService(BaseEgressService):
         )
 
         request = livekit_api.RoomCompositeEgressRequest(
-            room_name=room_name, file_outputs=[file_output], layout="speaker-light"
+            room_name=room_name,
+            file_outputs=[file_output],
         )
 
         response = self._handle_request(request, "start_room_composite_egress")

src/backend/core/services/invitation.py

@@ -1,59 +0,0 @@
-"""Invitation Service."""
-
-import smtplib
-from logging import getLogger
-
-from django.conf import settings
-from django.core.mail import send_mail
-from django.template.loader import render_to_string
-from django.utils.translation import get_language, override
-from django.utils.translation import gettext_lazy as _
-
-logger = getLogger(__name__)
-
-
-class InvitationError(Exception):
-    """Exception raised when invitation emails cannot be sent."""
-
-    status_code = 500
-
-
-class InvitationService:
-    """Service for invitations to users."""
-
-    @staticmethod
-    def invite_to_room(room, sender, emails):
-        """Send invitation emails to join a room."""
-
-        language = get_language()
-
-        context = {
-            "brandname": settings.EMAIL_BRAND_NAME,
-            "logo_img": settings.EMAIL_LOGO_IMG,
-            "domain": settings.EMAIL_DOMAIN,
-            "room_url": f"{settings.EMAIL_APP_BASE_URL}/{room.slug}",
-            "room_link": f"{settings.EMAIL_DOMAIN}/{room.slug}",
-            "sender_email": sender.email,
-        }
-
-        with override(language):
-            msg_html = render_to_string("mail/html/invitation.html", context)
-            msg_plain = render_to_string("mail/text/invitation.txt", context)
-            subject = str(
-                _(
-                    f"Video call in progress: {sender.email} is waiting for you to connect"
-                )
-            )  # Force translation
-
-            try:
-                send_mail(
-                    subject,
-                    msg_plain,
-                    settings.EMAIL_FROM,
-                    emails,
-                    html_message=msg_html,
-                    fail_silently=False,
-                )
-            except smtplib.SMTPException as e:
-                logger.error("invitation to %s was not sent: %s", emails, e)
-                raise InvitationError("Could not send invitation") from e

src/backend/core/tests/recording/event/test_notification.py

@@ -150,9 +150,9 @@ def test_notify_user_by_email_smtp_exception(mocked_current_site, caplog):
     """Test email notification when an exception occurs."""
 
     recording = factories.RecordingFactory(room__name="Conference Room A")
-    factories.UserRecordingAccessFactory(
+    owner = factories.UserRecordingAccessFactory(
         recording=recording, role=models.RoleChoices.OWNER
-    )
+    ).user
 
     notification_service = NotificationService()
 
@@ -164,4 +164,4 @@ def test_notify_user_by_email_smtp_exception(mocked_current_site, caplog):
 
         assert result is False
         mock_send_mail.assert_called_once()
-        assert "notification could not be sent:" in caplog.text
+        assert f"notification to ['{owner.email}'] was not sent" in caplog.text

src/backend/core/tests/recording/test_api_recordings_list.py

@@ -78,7 +78,6 @@ def test_api_recordings_list_authenticated_direct(role):
     assert expected_ids == result_ids
     assert results[0] == {
         "id": str(recording.id),
-        "key": recording.key,
         "created_at": recording.created_at.isoformat().replace("+00:00", "Z"),
         "mode": recording.mode,
         "room": {

src/backend/core/tests/recording/test_api_recordings_retrieve.py

@@ -80,7 +80,6 @@ def test_api_recording_retrieve_administrators():
 
     assert content == {
         "id": str(recording.id),
-        "key": recording.key,
         "room": {
             "access_level": str(room.access_level),
             "id": str(room.id),
@@ -112,7 +111,6 @@ def test_api_recording_retrieve_owners():
 
     assert content == {
         "id": str(recording.id),
-        "key": recording.key,
         "room": {
             "access_level": str(room.access_level),
             "id": str(room.id),

src/backend/core/tests/rooms/test_api_rooms_invite.py

@@ -1,295 +0,0 @@
-"""
-Test rooms API endpoints in the Meet core app: invite.
-"""
-
-# pylint: disable=W0621,W0613
-
-import json
-import random
-from unittest import mock
-
-import pytest
-from rest_framework.test import APIClient
-
-from ...factories import RoomFactory, UserFactory
-from ...services.invitation import InvitationError, InvitationService
-
-pytestmark = pytest.mark.django_db
-
-
-def test_api_rooms_invite_anonymous():
-    """Test anonymous users should not be allowed to invite people to rooms."""
-
-    client = APIClient()
-    room = RoomFactory()
-
-    data = {"emails": ["toto@yopmail.com"]}
-    response = client.post(
-        f"/api/v1.0/rooms/{room.id}/invite/",
-        json.dumps(data),
-        content_type="application/json",
-    )
-
-    assert response.status_code == 401
-
-
-def test_api_rooms_invite_no_access():
-    """Test non-privileged users should not be allowed to invite people to rooms."""
-
-    client = APIClient()
-    room = RoomFactory()
-
-    user = UserFactory()
-    client.force_login(user)
-
-    data = {"emails": ["toto@yopmail.com"]}
-    response = client.post(
-        f"/api/v1.0/rooms/{room.id}/invite/",
-        json.dumps(data),
-        content_type="application/json",
-    )
-
-    assert response.status_code == 403
-    assert response.json() == {
-        "detail": "You must have privileges on room to perform this action.",
-    }
-
-
-def test_api_rooms_invite_member():
-    """Test member users should not be allowed to invite people to rooms."""
-
-    client = APIClient()
-    room = RoomFactory()
-
-    user = UserFactory()
-    client.force_login(user)
-
-    room.accesses.create(user=user, role="member")
-
-    data = {"emails": ["toto@yopmail.com"]}
-    response = client.post(
-        f"/api/v1.0/rooms/{room.id}/invite/",
-        json.dumps(data),
-        content_type="application/json",
-    )
-
-    assert response.status_code == 403
-    assert response.json() == {
-        "detail": "You must have privileges on room to perform this action.",
-    }
-
-
-def test_api_rooms_invite_missing_emails():
-    """Test missing email list should return validation error."""
-
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-
-    room.accesses.create(user=user, role=random.choice(["administrator", "owner"]))
-
-    client.force_login(user)
-
-    data = {"foo": []}
-    response = client.post(
-        f"/api/v1.0/rooms/{room.id}/invite/",
-        json.dumps(data),
-        content_type="application/json",
-    )
-
-    assert response.status_code == 400
-    assert response.json() == {
-        "emails": [
-            "This field is required.",
-        ]
-    }
-
-
-def test_api_rooms_invite_empty_emails():
-    """Test empty email list should return validation error."""
-
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-
-    room.accesses.create(user=user, role=random.choice(["administrator", "owner"]))
-
-    client.force_login(user)
-
-    data = {"emails": []}
-    response = client.post(
-        f"/api/v1.0/rooms/{room.id}/invite/",
-        json.dumps(data),
-        content_type="application/json",
-    )
-
-    assert response.status_code == 400
-    assert response.json() == {
-        "emails": [
-            "This list may not be empty.",
-        ]
-    }
-
-
-def test_api_rooms_invite_invalid_emails():
-    """Test invalid email addresses should return validation errors."""
-
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-
-    room.accesses.create(user=user, role=random.choice(["administrator", "owner"]))
-
-    client.force_login(user)
-
-    data = {"emails": ["abdc", "efg"]}
-
-    response = client.post(
-        f"/api/v1.0/rooms/{room.id}/invite/",
-        json.dumps(data),
-        content_type="application/json",
-    )
-
-    assert response.status_code == 400
-    assert response.json() == {
-        "emails": {
-            "0": ["Enter a valid email address."],
-            "1": ["Enter a valid email address."],
-        }
-    }
-
-
-def test_api_rooms_invite_partially_invalid_emails():
-    """Test partially invalid email addresses should return validation errors."""
-
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-
-    room.accesses.create(user=user, role=random.choice(["administrator", "owner"]))
-
-    client.force_login(user)
-
-    data = {"emails": ["fabrice@yopmail.com", "efg"]}
-
-    response = client.post(
-        f"/api/v1.0/rooms/{room.id}/invite/",
-        json.dumps(data),
-        content_type="application/json",
-    )
-
-    assert response.status_code == 400
-    assert response.json() == {
-        "emails": {
-            "1": ["Enter a valid email address."],
-        }
-    }
-
-
-@mock.patch.object(InvitationService, "invite_to_room")
-def test_api_rooms_invite_duplicates(mock_invite_to_room):
-    """Test duplicate emails should be deduplicated before processing."""
-
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-
-    room.accesses.create(user=user, role=random.choice(["administrator", "owner"]))
-
-    client.force_login(user)
-
-    data = {"emails": ["toto@yopmail.com", "toto@yopmail.com", "Toto@yopmail.com"]}
-
-    response = client.post(
-        f"/api/v1.0/rooms/{room.id}/invite/",
-        json.dumps(data),
-        content_type="application/json",
-    )
-
-    assert response.status_code == 200
-    mock_invite_to_room.assert_called_once()
-
-    _, kwargs = mock_invite_to_room.call_args
-
-    assert kwargs["room"] == room
-    assert kwargs["sender"] == user
-    assert sorted(kwargs["emails"]) == sorted(["Toto@yopmail.com", "toto@yopmail.com"])
-
-
-@mock.patch.object(InvitationService, "invite_to_room", side_effect=InvitationError())
-def test_api_rooms_invite_error(mock_invite_to_room):
-    """Test invitation service error should return appropriate error response."""
-
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-
-    room.accesses.create(user=user, role=random.choice(["administrator", "owner"]))
-
-    client.force_login(user)
-
-    data = {"emails": ["toto@yopmail.com", "toto@yopmail.com"]}
-
-    with pytest.raises(InvitationError) as excinfo:
-        client.post(
-            f"/api/v1.0/rooms/{room.id}/invite/",
-            json.dumps(data),
-            content_type="application/json",
-        )
-
-        mock_invite_to_room.assert_called_once()
-        assert "Could not send invitation" in str(excinfo.value)
-
-
-@mock.patch("core.services.invitation.send_mail")
-def test_api_rooms_invite_success(mock_send_mail, settings):
-    """Test privileged users should successfully send invitation emails."""
-
-    settings.EMAIL_BRAND_NAME = "ACME"
-    settings.EMAIL_LOGO_IMG = "https://acme.com/logo"
-    settings.EMAIL_APP_BASE_URL = "https://acme.com"
-    settings.EMAIL_FROM = "notifications@acme.com"
-    settings.EMAIL_DOMAIN = "acme.com"
-
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-
-    room.accesses.create(user=user, role=random.choice(["administrator", "owner"]))
-
-    client.force_login(user)
-
-    data = {"emails": ["fabien@yopmail.com", "gerald@yopmail.com"]}
-
-    response = client.post(
-        f"/api/v1.0/rooms/{room.id}/invite/",
-        json.dumps(data),
-        content_type="application/json",
-    )
-
-    assert response.status_code == 200
-    assert response.json() == {"status": "success", "message": "invitations sent"}
-
-    mock_send_mail.assert_called_once()
-
-    subject, body, sender, recipients = mock_send_mail.call_args[0]
-
-    assert (
-        subject == f"Video call in progress: {user.email} is waiting for you to connect"
-    )
-
-    # Verify email contains expected content
-    required_content = [
-        "ACME",  # Brand name
-        "https://acme.com/logo",  # Logo URL
-        f"https://acme.com/{room.slug}",  # Room url
-        f"acme.com/{room.slug}",  # Room link
-    ]
-
-    for content in required_content:
-        assert content in body
-
-    assert sender == "notifications@acme.com"
-
-    # Verify all owners received the email (order-independent comparison)
-    assert sorted(recipients) == sorted(["fabien@yopmail.com", "gerald@yopmail.com"])

src/backend/core/tests/test_models_recording.py

@@ -256,13 +256,10 @@ def test_models_recording_key_for_unknown_mode(settings):
 
 
 def test_models_recording_is_saved_true():
-    """Test is_saved property returns True for SAVED and NOTIFICATION_SUCCEEDED status."""
+    """Test is_saved property returns True for SAVED status."""
     recording = RecordingFactory(status=RecordingStatusChoices.SAVED)
     assert recording.is_saved is True
 
-    recording = RecordingFactory(status=RecordingStatusChoices.NOTIFICATION_SUCCEEDED)
-    assert recording.is_saved is True
-
 
 def test_models_recording_is_saved_false_active():
     """Test is_saved property returns False for ACTIVE status."""

src/backend/meet/settings.py

@@ -325,7 +325,6 @@ class Base(Configuration):
     EMAIL_SUPPORT_EMAIL = values.Value(None)
     EMAIL_LOGO_IMG = values.Value(None)
     EMAIL_DOMAIN = values.Value(None)
-    EMAIL_APP_BASE_URL = values.Value(None)
 
     AUTH_USER_MODEL = "core.User"
 
@@ -490,7 +489,7 @@ class Base(Configuration):
         None, environ_name="SUMMARY_SERVICE_API_TOKEN", environ_prefix=None
     )
     SCREEN_RECORDING_BASE_URL = values.Value(
-        None, environ_name="SCREEN_RECORDING_BASE_URL", environ_prefix=None
+        None, environ_name="SUMMARY_SERVICE_API_TOKEN", environ_prefix=None
     )
 
     # Marketing and communication settings

src/frontend/panda.config.ts

@@ -397,12 +397,6 @@ const config: Config = {
           lineHeight: '1.25rem',
         },
       },
-      xs: {
-        value: {
-          fontSize: '0.825rem',
-          lineHeight: '1.15rem',
-        },
-      },
       badge: {
         value: {
           fontSize: '0.75rem',

src/frontend/src/api/mediaUrl.ts

@@ -1,11 +0,0 @@
-export const mediaUrl = (path: string) => {
-  const origin =
-    import.meta.env.VITE_API_BASE_URL ||
-    (typeof window !== 'undefined' ? window.location.origin : '')
-
-  // Remove leading/trailing slashes from origin/path if it exists
-  const sanitizedOrigin = origin.replace(/\/$/, '')
-  const sanitizedPath = path.replace(/^\//, '')
-
-  return `${sanitizedOrigin}/media/${sanitizedPath}`
-}

src/frontend/src/features/auth/api/useUser.tsx

@@ -65,7 +65,6 @@ export const useUser = (
     refetch: query.refetch,
     user: isLoggedOut ? undefined : (query.data as ApiUser | undefined),
     isLoggedIn,
-    isLoading: query.isLoading,
     logout,
   }
 }

src/frontend/src/features/notifications/components/WaitingParticipantNotification.tsx

@@ -10,14 +10,10 @@ import { usePrevious } from '@/hooks/usePrevious'
 import { WaitingParticipant } from '@/features/rooms/api/listWaitingParticipants'
 import { useWaitingParticipants } from '@/features/rooms/hooks/useWaitingParticipants'
 import { useSidePanel } from '@/features/rooms/livekit/hooks/useSidePanel'
-import { useNotificationSound } from '../hooks/useSoundNotification'
-import { NotificationType } from '@/features/notifications'
 
 export const NOTIFICATION_DISPLAY_DURATION = 10000
 
 export const WaitingParticipantNotification = () => {
-  const { triggerNotificationSound } = useNotificationSound()
-
   const { t } = useTranslation('notifications', {
     keyPrefix: 'waitingParticipants',
   })
@@ -41,9 +37,6 @@ export const WaitingParticipantNotification = () => {
       !isParticipantsOpen
     ) {
       setShowQuickActionsMessage(true)
-
-      triggerNotificationSound(NotificationType.ParticipantJoined)
-
       if (timerRef.current !== null) {
         clearTimeout(timerRef.current)
       }
@@ -55,12 +48,7 @@ export const WaitingParticipantNotification = () => {
       // Hide notification when the participant count changes
       setShowQuickActionsMessage(false)
     }
-  }, [
-    waitingParticipants,
-    prevWaitingParticipant,
-    isParticipantsOpen,
-    triggerNotificationSound,
-  ])
+  }, [waitingParticipants, prevWaitingParticipant, isParticipantsOpen])
 
   useEffect(() => {
     // This cleanup function will only run when the component unmounts

src/frontend/src/features/recording/api/fetchRecording.ts

@@ -1,16 +0,0 @@
-import { fetchApi } from '@/api/fetchApi'
-import { ApiRoom } from '@/features/rooms/api/ApiRoom'
-import { RecordingMode, RecordingStatus } from '@/features/recording'
-
-export type RecordingApi = {
-  id: string
-  room: Pick<ApiRoom, 'id' | 'name' | 'slug' | 'access_level'>
-  created_at: string
-  key: string
-  mode: RecordingMode
-  status: RecordingStatus
-}
-
-export const fetchRecording = ({ recordingId }: { recordingId?: string }) => {
-  return fetchApi<RecordingApi>(`/recordings/${recordingId}/`)
-}

src/frontend/src/features/recording/components/RecordingStateToast.tsx

@@ -9,42 +9,15 @@ import { RemoteParticipant, RoomEvent } from 'livekit-client'
 import { decodeNotificationDataReceived } from '@/features/notifications/utils'
 import { NotificationType } from '@/features/notifications/NotificationType'
 import { RecordingStatus, recordingStore } from '@/stores/recording'
-import { RiRecordCircleLine } from '@remixicon/react'
-import {
-  RecordingMode,
-  useHasRecordingAccess,
-  useIsRecordingActive,
-} from '@/features/recording'
-import { FeatureFlags } from '@/features/analytics/enums'
-import { Button as RACButton } from 'react-aria-components'
-import { useSidePanel } from '@/features/rooms/livekit/hooks/useSidePanel'
 
 export const RecordingStateToast = () => {
   const { t } = useTranslation('rooms', {
-    keyPrefix: 'recordingStateToast',
+    keyPrefix: 'recordingBadge',
   })
   const room = useRoomContext()
 
-  const { openTranscript, openScreenRecording } = useSidePanel()
-
   const recordingSnap = useSnapshot(recordingStore)
 
-  const hasTranscriptAccess = useHasRecordingAccess(
-    RecordingMode.Transcript,
-    FeatureFlags.Transcript
-  )
-
-  const isTranscriptActive = useIsRecordingActive(RecordingMode.Transcript)
-
-  const hasScreenRecordingAccess = useHasRecordingAccess(
-    RecordingMode.ScreenRecording,
-    FeatureFlags.ScreenRecording
-  )
-
-  const isScreenRecordingActive = useIsRecordingActive(
-    RecordingMode.ScreenRecording
-  )
-
   useEffect(() => {
     if (room.isRecording && recordingSnap.status == RecordingStatus.STOPPED) {
       recordingStore.status = RecordingStatus.ANY_STARTED
@@ -125,12 +98,6 @@ export const RecordingStateToast = () => {
 
   if (!key) return
 
-  const isStarted = key?.includes('started')
-
-  const hasScreenRecordingAccessAndActive =
-    isScreenRecordingActive && hasScreenRecordingAccess
-  const hasTranscriptAccessAndActive = isTranscriptActive && hasTranscriptAccess
-
   return (
     <div
       className={css({
@@ -140,7 +107,7 @@ export const RecordingStateToast = () => {
         left: '10px',
         paddingY: '0.25rem',
         paddingX: '0.75rem 0.75rem',
-        backgroundColor: 'danger.700',
+        backgroundColor: 'primaryDark.100',
         borderColor: 'white',
         border: '1px solid',
         color: 'white',
@@ -148,51 +115,15 @@ export const RecordingStateToast = () => {
         gap: '0.5rem',
       })}
     >
-      {isStarted ? (
-        <RiRecordCircleLine
-          size={20}
-          className={css({
-            animation: 'pulse_background 1s infinite',
-          })}
-        />
-      ) : (
-        <Spinner size={20} variant="dark" />
-      )}
-
-      {!hasScreenRecordingAccessAndActive && !hasTranscriptAccessAndActive && (
-        <Text
-          variant={'sm'}
-          className={css({
-            fontWeight: '500 !important',
-          })}
-        >
-          {t(key)}
-        </Text>
-      )}
-      {hasScreenRecordingAccessAndActive && (
-        <RACButton
-          onPress={openScreenRecording}
-          className={css({
-            textStyle: 'sm !important',
-            fontWeight: '500 !important',
-            cursor: 'pointer',
-          })}
-        >
-          {t(key)}
-        </RACButton>
-      )}
-      {hasTranscriptAccessAndActive && (
-        <RACButton
-          onPress={openTranscript}
-          className={css({
-            textStyle: 'sm !important',
-            fontWeight: '500 !important',
-            cursor: 'pointer',
-          })}
-        >
-          {t(key)}
-        </RACButton>
-      )}
+      <Spinner size={20} variant="dark" />
+      <Text
+        variant={'sm'}
+        className={css({
+          fontWeight: '500 !important',
+        })}
+      >
+        {t(key)}
+      </Text>
     </div>
   )
 }

src/frontend/src/features/recording/components/ScreenRecordingSidePanel.tsx

@@ -22,7 +22,6 @@ import {
 } from '@/features/notifications'
 import posthog from 'posthog-js'
 import { useSnapshot } from 'valtio/index'
-import { Spinner } from '@/primitives/Spinner'
 
 export const ScreenRecordingSidePanel = () => {
   const [isLoading, setIsLoading] = useState(false)
@@ -40,8 +39,6 @@ export const ScreenRecordingSidePanel = () => {
     return {
       isAnotherModeStarted:
         recordingSnap.status == RecordingStatus.TRANSCRIPT_STARTED,
-      isStarting:
-        recordingSnap.status == RecordingStatus.SCREEN_RECORDING_STARTING,
       isStarted:
         recordingSnap.status == RecordingStatus.SCREEN_RECORDING_STARTED,
       isStopping:
@@ -163,7 +160,6 @@ export const ScreenRecordingSidePanel = () => {
               >
                 {t('stopping.body')}
               </Text>
-              <Spinner />
             </>
           ) : (
             <>
@@ -193,14 +189,7 @@ export const ScreenRecordingSidePanel = () => {
                 size="sm"
                 variant="tertiary"
               >
-                {statuses.isStarting ? (
-                  <>
-                    <Spinner size={20} />
-                    {t('start.loading')}
-                  </>
-                ) : (
-                  t('start.button')
-                )}
+                {t('start.button')}
               </Button>
             </>
           )}

src/frontend/src/features/recording/components/TranscriptSidePanel.tsx

@@ -26,7 +26,6 @@ import {
 } from '@/features/notifications'
 import posthog from 'posthog-js'
 import { useSnapshot } from 'valtio/index'
-import { Spinner } from '@/primitives/Spinner'
 
 export const TranscriptSidePanel = () => {
   const [isLoading, setIsLoading] = useState(false)
@@ -49,7 +48,6 @@ export const TranscriptSidePanel = () => {
     return {
       isAnotherModeStarted:
         recordingSnap.status == RecordingStatus.SCREEN_RECORDING_STARTED,
-      isStarting: recordingSnap.status == RecordingStatus.TRANSCRIPT_STARTING,
       isStarted: recordingSnap.status == RecordingStatus.TRANSCRIPT_STARTED,
       isStopping: recordingSnap.status == RecordingStatus.TRANSCRIPT_STOPPING,
     }
@@ -195,7 +193,6 @@ export const TranscriptSidePanel = () => {
                   >
                     {t('stopping.body')}
                   </Text>
-                  <Spinner />
                 </>
               ) : (
                 <>
@@ -225,14 +222,7 @@ export const TranscriptSidePanel = () => {
                     size="sm"
                     variant="tertiary"
                   >
-                    {statuses.isStarting ? (
-                      <>
-                        <Spinner size={20} />
-                        {t('start.loading')}
-                      </>
-                    ) : (
-                      t('start.button')
-                    )}
+                    {t('start.button')}
                   </Button>
                 </>
               )}

src/frontend/src/features/recording/hooks/useIsRecordingActive.ts

@@ -1,22 +0,0 @@
-import { useSnapshot } from 'valtio'
-import { RecordingStatus, recordingStore } from '@/stores/recording'
-import { RecordingMode } from '@/features/recording'
-
-export const useIsRecordingActive = (mode: RecordingMode) => {
-  const recordingSnap = useSnapshot(recordingStore)
-
-  switch (mode) {
-    case RecordingMode.Transcript:
-      return [
-        RecordingStatus.TRANSCRIPT_STARTED,
-        RecordingStatus.TRANSCRIPT_STARTING,
-        RecordingStatus.TRANSCRIPT_STOPPING,
-      ].includes(recordingSnap.status)
-    case RecordingMode.ScreenRecording:
-      return [
-        RecordingStatus.SCREEN_RECORDING_STARTED,
-        RecordingStatus.SCREEN_RECORDING_STARTING,
-        RecordingStatus.SCREEN_RECORDING_STOPPING,
-      ].includes(recordingSnap.status)
-  }
-}

src/frontend/src/features/recording/index.ts

@@ -2,17 +2,13 @@
 export { useIsRecordingModeEnabled } from './hooks/useIsRecordingModeEnabled'
 export { useIsRecordingTransitioning } from './hooks/useIsRecordingTransitioning'
 export { useHasRecordingAccess } from './hooks/useHasRecordingAccess'
-export { useIsRecordingActive } from './hooks/useIsRecordingActive'
 
 // api
 export { useStartRecording } from './api/startRecording'
 export { useStopRecording } from './api/stopRecording'
-export { RecordingMode, RecordingStatus } from './types'
+export { RecordingMode } from './types'
 
 // components
 export { RecordingStateToast } from './components/RecordingStateToast'
 export { TranscriptSidePanel } from './components/TranscriptSidePanel'
 export { ScreenRecordingSidePanel } from './components/ScreenRecordingSidePanel'
-
-// routes
-export { RecordingDownload as RecordingDownloadRoute } from './routes/RecordingDownload'

src/frontend/src/features/recording/routes/RecordingDownload.tsx

@@ -1,89 +0,0 @@
-import { useParams } from 'wouter'
-import { useQuery } from '@tanstack/react-query'
-import { Center, VStack } from '@/styled-system/jsx'
-import { css } from '@/styled-system/css'
-import { useTranslation } from 'react-i18next'
-import fourthSlide from '@/assets/intro-slider/4_record.png'
-import { mediaUrl } from '@/api/mediaUrl'
-import { UserAware, useUser } from '@/features/auth'
-import { Screen } from '@/layout/Screen'
-import { H, LinkButton, Text } from '@/primitives'
-import { formatDate } from '@/utils/formatDate'
-import { ErrorScreen } from '@/components/ErrorScreen'
-import { LoadingScreen } from '@/components/LoadingScreen'
-import { fetchRecording } from '../api/fetchRecording'
-import { RecordingStatus } from '@/features/recording'
-
-export const RecordingDownload = () => {
-  const { t } = useTranslation('recording')
-  const { recordingId } = useParams()
-  const { isLoggedIn, isLoading: isAuthLoading } = useUser()
-
-  const { data, isLoading, isError } = useQuery({
-    queryKey: ['recording', recordingId],
-    queryFn: () => fetchRecording({ recordingId }),
-    retry: false,
-    enabled: !!recordingId,
-  })
-
-  if (isLoading || !data || isAuthLoading) {
-    return <LoadingScreen />
-  }
-
-  if (!isLoggedIn) {
-    return (
-      <ErrorScreen
-        title={t('authentication.title')}
-        body={t('authentication.body')}
-      />
-    )
-  }
-
-  if (isError) {
-    return <ErrorScreen title={t('error.title')} body={t('error.body')} />
-  }
-
-  if (
-    data.status !== RecordingStatus.Saved &&
-    data.status !== RecordingStatus.NotificationSucceed
-  ) {
-    return <ErrorScreen title={t('unsaved.title')} body={t('unsaved.body')} />
-  }
-
-  return (
-    <UserAware>
-      <Screen layout="centered" footer={false}>
-        <Center>
-          <VStack>
-            <img
-              src={fourthSlide}
-              alt={''}
-              className={css({
-                maxHeight: '309px',
-              })}
-            />
-            <H lvl={1} centered>
-              {t('success.title')}
-            </H>
-            <Text centered margin="md" wrap={'balance'}>
-              <span
-                dangerouslySetInnerHTML={{
-                  __html: t('success.body', {
-                    room: data.room.name,
-                    created_at: formatDate(data.created_at, 'YYYY-MM-DD HH:mm'),
-                  }),
-                }}
-              />
-            </Text>
-            <LinkButton
-              href={mediaUrl(data.key)}
-              download={`${data.room.name}-${formatDate(data.created_at)}`}
-            >
-              {t('success.button')}
-            </LinkButton>
-          </VStack>
-        </Center>
-      </Screen>
-    </UserAware>
-  )
-}

src/frontend/src/features/recording/types.ts

@@ -2,14 +2,3 @@ export enum RecordingMode {
   Transcript = 'transcript',
   ScreenRecording = 'screen_recording',
 }
-
-export enum RecordingStatus {
-  Initiated = 'initiated',
-  Active = 'active',
-  Stopped = 'stopped',
-  Saved = 'saved',
-  Aborted = 'aborted',
-  FailedToStart = 'failedToStart',
-  FailedToStop = 'failedToStop',
-  NotificationSucceed = 'notification_succeeded',
-}

src/frontend/src/features/rooms/livekit/components/Info.tsx

@@ -1,75 +0,0 @@
-import { useTranslation } from 'react-i18next'
-import { useEffect, useState } from 'react'
-import { VStack } from '@/styled-system/jsx'
-import { css } from '@/styled-system/css'
-import { RiCheckLine, RiFileCopyLine } from '@remixicon/react'
-import { Button, Div, Text } from '@/primitives'
-import { getRouteUrl } from '@/navigation/getRouteUrl'
-import { useRoomData } from '../hooks/useRoomData'
-
-export const Info = () => {
-  const { t } = useTranslation('rooms', { keyPrefix: 'info' })
-
-  const [isCopied, setIsCopied] = useState(false)
-
-  useEffect(() => {
-    if (isCopied) {
-      const timeout = setTimeout(() => setIsCopied(false), 3000)
-      return () => clearTimeout(timeout)
-    }
-  }, [isCopied])
-
-  const data = useRoomData()
-  const roomUrl = getRouteUrl('room', data?.slug)
-
-  return (
-    <Div
-      display="flex"
-      overflowY="scroll"
-      padding="0 1.5rem"
-      flexGrow={1}
-      flexDirection="column"
-      alignItems="start"
-    >
-      <VStack alignItems="start">
-        <Text
-          as="h3"
-          className={css({
-            display: 'flex',
-            alignItems: 'center',
-          })}
-        >
-          {t('roomInformation.title')}
-        </Text>
-        <Text as="p" variant="xsNote" wrap="pretty">
-          {roomUrl}
-        </Text>
-        <Button
-          size="sm"
-          variant={isCopied ? 'success' : 'tertiaryText'}
-          aria-label={t('roomInformation.button.ariaLabel')}
-          onPress={() => {
-            navigator.clipboard.writeText(roomUrl)
-            setIsCopied(true)
-          }}
-          data-attr="copy-info-sidepannel"
-          style={{
-            marginLeft: '-8px',
-          }}
-        >
-          {isCopied ? (
-            <>
-              <RiCheckLine size={24} style={{ marginRight: '6px' }} />
-              {t('roomInformation.button.copied')}
-            </>
-          ) : (
-            <>
-              <RiFileCopyLine size={24} style={{ marginRight: '6px' }} />
-              {t('roomInformation.button.copy')}
-            </>
-          )}
-        </Button>
-      </VStack>
-    </Div>
-  )
-}

src/frontend/src/features/rooms/livekit/components/SidePanel.tsx

@@ -12,7 +12,6 @@ import { Chat } from '../prefabs/Chat'
 import { Effects } from './effects/Effects'
 import { Admin } from './Admin'
 import { Tools } from './Tools'
-import { Info } from './Info'
 
 type StyledSidePanelProps = {
   title: string
@@ -134,7 +133,6 @@ export const SidePanel = () => {
     isSidePanelOpen,
     isToolsOpen,
     isAdminOpen,
-    isInfoOpen,
     isSubPanelOpen,
     activeSubPanelId,
   } = useSidePanel()
@@ -169,9 +167,6 @@ export const SidePanel = () => {
       <Panel isOpen={isAdminOpen}>
         <Admin />
       </Panel>
-      <Panel isOpen={isInfoOpen}>
-        <Info />
-      </Panel>
     </StyledSidePanel>
   )
 }

src/frontend/src/features/rooms/livekit/components/Tools.tsx

@@ -10,9 +10,10 @@ import {
   useIsRecordingModeEnabled,
   RecordingMode,
   useHasRecordingAccess,
+} from '@/features/recording'
+import {
   TranscriptSidePanel,
   ScreenRecordingSidePanel,
-  useIsRecordingActive,
 } from '@/features/recording'
 import { FeatureFlags } from '@/features/analytics/enums'
 
@@ -21,8 +22,6 @@ export interface ToolsButtonProps {
   title: string
   description: string
   onPress: () => void
-  isBetaFeature?: boolean
-  isActive?: boolean
 }
 
 const ToolButton = ({
@@ -30,8 +29,6 @@ const ToolButton = ({
   title,
   description,
   onPress,
-  isBetaFeature = false,
-  isActive = false,
 }: ToolsButtonProps) => {
   return (
     <RACButton
@@ -62,47 +59,13 @@ const ToolButton = ({
           display: 'flex',
           justifyContent: 'center',
           alignItems: 'center',
-          position: 'relative',
         })}
       >
         {icon}
-        {isBetaFeature && (
-          <div
-            className={css({
-              position: 'absolute',
-              backgroundColor: 'primary.50',
-              color: 'primary.800',
-              fontSize: '12px',
-              fontWeight: 500,
-              borderRadius: '4px',
-              paddingX: '4px',
-              paddingBottom: '1px',
-              bottom: -8,
-              right: -8,
-            })}
-          >
-            BETA
-          </div>
-        )}
       </div>
       <div>
-        <Text
-          margin={false}
-          as="h3"
-          className={css({ display: 'flex', gap: 0.25 })}
-        >
+        <Text margin={false} as="h3">
           {title}
-          {isActive && (
-            <div
-              className={css({
-                backgroundColor: 'primary.500',
-                height: '10px',
-                width: '10px',
-                marginTop: '5px',
-                borderRadius: '100%',
-              })}
-            />
-          )}
         </Text>
         <Text as="p" variant="smNote" wrap="pretty">
           {description}
@@ -116,22 +79,15 @@ export const Tools = () => {
   const { openTranscript, openScreenRecording, activeSubPanelId } =
     useSidePanel()
   const { t } = useTranslation('rooms', { keyPrefix: 'moreTools' })
-
   const isTranscriptEnabled = useIsRecordingModeEnabled(
     RecordingMode.Transcript
   )
 
-  const isTranscriptActive = useIsRecordingActive(RecordingMode.Transcript)
-
   const hasScreenRecordingAccess = useHasRecordingAccess(
     RecordingMode.ScreenRecording,
     FeatureFlags.ScreenRecording
   )
 
-  const isScreenRecordingActive = useIsRecordingActive(
-    RecordingMode.ScreenRecording
-  )
-
   switch (activeSubPanelId) {
     case SubPanelId.TRANSCRIPT:
       return <TranscriptSidePanel />
@@ -171,8 +127,6 @@ export const Tools = () => {
           title={t('tools.transcript.title')}
           description={t('tools.transcript.body')}
           onPress={() => openTranscript()}
-          isBetaFeature
-          isActive={isTranscriptActive}
         />
       )}
       {hasScreenRecordingAccess && (
@@ -181,8 +135,6 @@ export const Tools = () => {
           title={t('tools.screenRecording.title')}
           description={t('tools.screenRecording.body')}
           onPress={() => openScreenRecording()}
-          isBetaFeature
-          isActive={isScreenRecordingActive}
         />
       )}
     </Div>

src/frontend/src/features/rooms/livekit/components/controls/InfoToggle.tsx

@@ -1,41 +0,0 @@
-import { useTranslation } from 'react-i18next'
-import { RiInformationLine } from '@remixicon/react'
-import { css } from '@/styled-system/css'
-import { ToggleButton } from '@/primitives'
-import { useSidePanel } from '../../hooks/useSidePanel'
-import { ToggleButtonProps } from '@/primitives/ToggleButton'
-
-export const InfoToggle = ({
-  onPress,
-  ...props
-}: Partial<ToggleButtonProps>) => {
-  const { t } = useTranslation('rooms', { keyPrefix: 'controls.info' })
-
-  const { isInfoOpen, toggleInfo } = useSidePanel()
-  const tooltipLabel = isInfoOpen ? 'open' : 'closed'
-
-  return (
-    <div
-      className={css({
-        position: 'relative',
-        display: 'inline-block',
-      })}
-    >
-      <ToggleButton
-        square
-        variant="primaryTextDark"
-        aria-label={t(tooltipLabel)}
-        tooltip={t(tooltipLabel)}
-        isSelected={isInfoOpen}
-        onPress={(e) => {
-          toggleInfo()
-          onPress?.(e)
-        }}
-        data-attr={`controls-info-${tooltipLabel}`}
-        {...props}
-      >
-        <RiInformationLine />
-      </ToggleButton>
-    </div>
-  )
-}

src/frontend/src/features/rooms/livekit/components/controls/Participants/ParticipantListItem.tsx

@@ -33,20 +33,19 @@ const MicIndicator = ({ participant }: MicIndicatorProps) => {
   const [isAlertOpen, setIsAlertOpen] = useState(false)
   const name = participant.name || participant.identity
 
-  const label = isLocal(participant)
-    ? t('participants.muteYourself')
-    : t('participants.muteParticipant', {
-        name,
-      })
-
   return (
     <>
       <Button
         square
         variant="greyscale"
         size="sm"
-        tooltip={label}
-        aria-label={label}
+        tooltip={
+          isLocal(participant)
+            ? t('participants.muteYourself')
+            : t('participants.muteParticipant', {
+                name,
+              })
+        }
         isDisabled={isMuted}
         onPress={() =>
           !isMuted && isLocal(participant)
@@ -56,7 +55,7 @@ const MicIndicator = ({ participant }: MicIndicatorProps) => {
         data-attr="participants-mute"
       >
         {isMuted ? (
-          <RiMicOffFill color={'gray'} aria-hidden={true} />
+          <RiMicOffFill color={'gray'} />
         ) : (
           <RiMicFill
             className={css({
@@ -65,7 +64,6 @@ const MicIndicator = ({ participant }: MicIndicatorProps) => {
                 ? 'pulse_background 800ms infinite'
                 : undefined,
             })}
-            aria-hidden={true}
           />
         )}
       </Button>

src/frontend/src/features/rooms/livekit/hooks/useSidePanel.ts

@@ -7,7 +7,6 @@ export enum PanelId {
   CHAT = 'chat',
   TOOLS = 'tools',
   ADMIN = 'admin',
-  INFO = 'info',
 }
 
 export enum SubPanelId {
@@ -25,7 +24,6 @@ export const useSidePanel = () => {
   const isChatOpen = activePanelId == PanelId.CHAT
   const isToolsOpen = activePanelId == PanelId.TOOLS
   const isAdminOpen = activePanelId == PanelId.ADMIN
-  const isInfoOpen = activePanelId == PanelId.INFO
   const isTranscriptOpen = activeSubPanelId == SubPanelId.TRANSCRIPT
   const isScreenRecordingOpen = activeSubPanelId == SubPanelId.SCREEN_RECORDING
   const isSidePanelOpen = !!activePanelId
@@ -56,11 +54,6 @@ export const useSidePanel = () => {
     if (layoutSnap.activeSubPanelId) layoutStore.activeSubPanelId = null
   }
 
-  const toggleInfo = () => {
-    layoutStore.activePanelId = isInfoOpen ? null : PanelId.INFO
-    if (layoutSnap.activeSubPanelId) layoutStore.activeSubPanelId = null
-  }
-
   const openTranscript = () => {
     layoutStore.activeSubPanelId = SubPanelId.TRANSCRIPT
     layoutStore.activePanelId = PanelId.TOOLS
@@ -79,7 +72,6 @@ export const useSidePanel = () => {
     toggleEffects,
     toggleTools,
     toggleAdmin,
-    toggleInfo,
     openTranscript,
     openScreenRecording,
     isSubPanelOpen,
@@ -89,7 +81,6 @@ export const useSidePanel = () => {
     isSidePanelOpen,
     isToolsOpen,
     isAdminOpen,
-    isInfoOpen,
     isTranscriptOpen,
     isScreenRecordingOpen,
   }

src/frontend/src/features/rooms/livekit/prefabs/ControlBar/MoreOptions.tsx

@@ -2,7 +2,6 @@ import { css } from '@/styled-system/css'
 import { ChatToggle } from '../../components/controls/ChatToggle'
 import { ParticipantsToggle } from '../../components/controls/Participants/ParticipantsToggle'
 import { ToolsToggle } from '../../components/controls/ToolsToggle'
-import { InfoToggle } from '../../components/controls/InfoToggle'
 import { AdminToggle } from '../../components/AdminToggle'
 import { useSize } from '../../hooks/useResizeObserver'
 import { useState, RefObject } from 'react'
@@ -19,7 +18,6 @@ const NavigationControls = ({
   tooltipType = 'instant',
 }: Partial<ToggleButtonProps>) => (
   <>
-    <InfoToggle onPress={onPress} tooltipType={tooltipType} />
     <ChatToggle onPress={onPress} tooltipType={tooltipType} />
     <ParticipantsToggle onPress={onPress} tooltipType={tooltipType} />
     <ToolsToggle onPress={onPress} tooltipType={tooltipType} />

src/frontend/src/features/sdk/routes/CreateMeetingButton.tsx

@@ -77,21 +77,8 @@ export const CreateMeetingButton = () => {
 
   if (isPending) {
     return (
-      <div
-        className={css({
-          display: 'flex',
-          alignItems: 'center',
-          gap: '0.5rem',
-        })}
-      >
+      <div>
         <Spinner size={34} />
-        <Button
-          variant="quaternaryText"
-          square
-          icon={<RiCloseLine />}
-          onPress={resetState}
-          aria-label={t('resetLabel')}
-        />
       </div>
     )
   }

src/frontend/src/locales/de/recording.json

@@ -1,19 +0,0 @@
-{
-  "error": {
-    "title": "",
-    "body": ""
-  },
-  "authentication": {
-    "title": "",
-    "body": ""
-  },
-  "unsaved": {
-    "title": "",
-    "body": ""
-  },
-  "success": {
-    "title": "",
-    "body": "",
-    "button": ""
-  }
-}

src/frontend/src/locales/de/rooms.json

@@ -91,10 +91,6 @@
         }
       }
     },
-    "info": {
-      "open": "",
-      "closed": ""
-    },
     "hand": {
       "raise": "",
       "lower": ""
@@ -175,8 +171,7 @@
       "transcript": "",
       "screenRecording": "",
       "admin": "",
-      "tools": "",
-      "info": ""
+      "tools": ""
     },
     "content": {
       "participants": "",
@@ -185,8 +180,7 @@
       "transcript": "",
       "screenRecording": "",
       "admin": "",
-      "tools": "",
-      "info": ""
+      "tools": ""
     },
     "closeButton": ""
   },
@@ -207,16 +201,6 @@
       }
     }
   },
-  "info": {
-    "roomInformation": {
-      "title": "",
-      "button": {
-        "ariaLabel": "",
-        "copy": "",
-        "copied": ""
-      }
-    }
-  },
   "transcript": {
     "start": {
       "heading": "",

src/frontend/src/locales/en/recording.json

@@ -1,19 +0,0 @@
-{
-  "error": {
-    "title": "Recording unavailable",
-    "body": "This recording could not be found or was deleted after its 7-day validity period."
-  },
-  "authentication": {
-    "title": "Authentication required",
-    "body": "Please log in to access this recording."
-  },
-  "unsaved": {
-    "title": "Download Unavailable",
-    "body": "This recording is not ready for download yet. Please try again later."
-  },
-  "success": {
-    "title": "Your recording is ready!",
-    "body": "Recording of the meeting <b>{{room}}</b> from {{created_at}}.",
-    "button": "Download"
-  }
-}

src/frontend/src/locales/en/rooms.json

@@ -90,10 +90,6 @@
         }
       }
     },
-    "info": {
-      "open": "Hide information",
-      "closed": "Show information"
-    },
     "hand": {
       "raise": "Raise hand",
       "lower": "Lower hand"
@@ -174,8 +170,7 @@
       "transcript": "Transcription",
       "screenRecording": "Recording",
       "admin": "Admin settings",
-      "tools": "More tools",
-      "info": "Meeting information"
+      "tools": "More tools"
     },
     "content": {
       "participants": "participants",
@@ -184,8 +179,7 @@
       "transcript": "transcription",
       "screenRecording": "recording",
       "admin": "admin settings",
-      "tools": "more tools",
-      "info": "meeting information"
+      "tools": "more tools"
     },
     "closeButton": "Hide {{content}}"
   },
@@ -206,22 +200,11 @@
       }
     }
   },
-  "info": {
-    "roomInformation": {
-      "title": "Connection Information",
-      "button": {
-        "ariaLabel": "Copy your meeting address",
-        "copy": "Copy address",
-        "copied": "Address copied"
-      }
-    }
-  },
   "transcript": {
     "start": {
       "heading": "Transcribe this call",
       "body": "Automatically transcribe this call and receive the summary in Docs.",
       "button": "Start transcription",
-      "loading": "Transcription starting",
       "linkMore": "Learn more"
     },
     "stop": {
@@ -244,7 +227,6 @@
       "heading": "Record this call",
       "body": "Record this call to watch it later and receive the video recording by email.",
       "button": "Start recording",
-      "loading": "Recording starting",
       "linkMore": "Learn more"
     },
     "stopping": {
@@ -336,7 +318,7 @@
       }
     }
   },
-  "recordingStateToast": {
+  "recordingBadge": {
     "transcript": {
       "started": "Transcribing",
       "starting": "Transcription starting",

src/frontend/src/locales/fr/recording.json

@@ -1,19 +0,0 @@
-{
-  "error": {
-    "title": "Enregistrement indisponible",
-    "body": "Cet enregistrement est introuvable ou a été supprimé après sa période de validité de 7 jours."
-  },
-  "authentication": {
-    "title": "Authentification requise",
-    "body": "Veuillez vous connecter pour accéder à cet enregistrement."
-  },
-  "unsaved": {
-    "title": "Téléchargement indisponible",
-    "body": "Cet enregistrement n'est pas encore prêt à être téléchargé. Veuillez réessayer plus tard."
-  },
-  "success": {
-    "title": "Votre enregistrement est prêt !",
-    "body": "Enregistrement de la réunion <b>{{room}}</b> du {{created_at}}.",
-    "button": "Télécharger"
-  }
-}

src/frontend/src/locales/fr/rooms.json

@@ -90,10 +90,6 @@
         }
       }
     },
-    "info": {
-      "open": "Masquer les informations",
-      "closed": "Afficher les informations"
-    },
     "hand": {
       "raise": "Lever la main",
       "lower": "Baisser la main"
@@ -174,8 +170,7 @@
       "transcript": "Transcription",
       "screenRecording": "Enregistrement",
       "admin": "Commandes de l'organisateur",
-      "tools": "Plus d'outils",
-      "info": "Informations sur la réunion"
+      "tools": "Plus d'outils"
     },
     "content": {
       "participants": "les participants",
@@ -184,8 +179,7 @@
       "transcript": "transcription",
       "screenRecording": "enregistrement",
       "admin": "commandes de l'organisateur",
-      "tools": "plus d'outils",
-      "info": "informations sur la réunion"
+      "tools": "plus d'outils"
     },
     "closeButton": "Masquer {{content}}"
   },
@@ -206,22 +200,11 @@
       }
     }
   },
-  "info": {
-    "roomInformation": {
-      "title": "Informations de connexions",
-      "button": {
-        "ariaLabel": "Copier l'adresse de votre réunion",
-        "copy": "Copier l'adresse",
-        "copied": "Adresse copiée"
-      }
-    }
-  },
   "transcript": {
     "start": {
       "heading": "Transcrire cet appel",
       "body": "Transcrivez cet appel automatiquement et recevez le compte rendu dans Docs.",
       "button": "Démarrer la transcription",
-      "loading": "Démarrage de la transcription",
       "linkMore": "En savoir plus"
     },
     "stop": {
@@ -244,7 +227,6 @@
       "heading": "Enregistrer cet appel",
       "body": "Enregistrez cet appel pour plus tard et recevez l'enregistrement vidéo par mail.",
       "button": "Démarrer l'enregistrement",
-      "loading": "Démarrage de l'enregistrement",
       "linkMore": "En savoir plus"
     },
     "stopping": {
@@ -336,7 +318,7 @@
       }
     }
   },
-  "recordingStateToast": {
+  "recordingBadge": {
     "transcript": {
       "started": "Transcription en cours",
       "starting": "Démarrage de la transcription",

src/frontend/src/locales/fr/sdk.json

@@ -1,6 +1,6 @@
 {
   "createMeeting": {
-    "createButton": "Créer un lien Visio",
+    "createButton": "Créer un lien",
     "joinButton": "Participer avec Visio",
     "copyLinkTooltip": "Copier le lien",
     "resetLabel": "Réinitialiser",

src/frontend/src/locales/nl/recording.json

@@ -1,19 +0,0 @@
-{
-  "error": {
-    "title": "Opname niet beschikbaar",
-    "body": "Deze opname is niet gevonden of is verwijderd na de geldigheidsperiode van 7 dagen."
-  },
-  "authentication": {
-    "title": "Authenticatie vereist",
-    "body": "Log in om toegang te krijgen tot deze opname."
-  },
-  "unsaved": {
-    "title": "Download niet beschikbaar",
-    "body": "Deze opname is nog niet klaar om te worden gedownload. Probeer het later opnieuw."
-  },
-  "success": {
-    "title": "Je opname is klaar!",
-    "body": "Opname van de vergadering <b>{{room}}</b> op {{created_at}}.",
-    "button": "Downloaden"
-  }
-}

src/frontend/src/locales/nl/rooms.json

@@ -90,10 +90,6 @@
         }
       }
     },
-    "info": {
-      "open": "Informatie verbergen",
-      "closed": "Informatie tonen"
-    },
     "hand": {
       "raise": "Hand opsteken",
       "lower": "Hand laten zakken"
@@ -174,8 +170,7 @@
       "transcript": "Transcriptie",
       "screenRecording": "Schermopname",
       "admin": "Beheerdersbediening",
-      "tools": "Meer tools",
-      "info": "Vergaderinformatie"
+      "tools": "Meer tools"
     },
     "content": {
       "participants": "deelnemers",
@@ -184,8 +179,7 @@
       "screenRecording": "transcriptie",
       "transcript": "schermopname",
       "admin": "beheerdersbediening",
-      "tools": "meer tools",
-      "info": "vergaderinformatie"
+      "tools": "meer tools"
     },
     "closeButton": "Verberg {{content}}"
   },
@@ -206,22 +200,11 @@
       }
     }
   },
-  "info": {
-    "roomInformation": {
-      "title": "Verbindingsinformatie",
-      "button": {
-        "ariaLabel": "Kopieer je vergaderadres",
-        "copy": "Adres kopiëren",
-        "copied": "Adres gekopieerd"
-      }
-    }
-  },
   "transcript": {
     "start": {
       "heading": "Transcribeer dit gesprek",
       "body": "Transcribeer dit gesprek automatisch en ontvang het verslag in Docs.",
       "button": "Transcriptie starten",
-      "loading": "Transcriptie begint",
       "linkMore": "Meer informatie"
     },
     "stop": {
@@ -244,7 +227,6 @@
       "heading": "Dit gesprek opnemen",
       "body": "Neem dit gesprek op om het later terug te kijken. Je ontvangt de video-opname per e-mail.",
       "button": "Opname starten",
-      "loading": "Opname gestarten",
       "linkMore": "Meer informatie"
     },
     "stopping": {
@@ -336,7 +318,7 @@
       }
     }
   },
-  "recordingStateToast": {
+  "recordingBadge": {
     "transcript": {
       "started": "Transcriptie bezig",
       "starting": "Transcriptie begint",

src/frontend/src/primitives/Spinner.tsx

@@ -31,7 +31,7 @@ export const Spinner = ({
               strokeDashoffset={0}
               strokeLinecap="round"
               className={css({
-                stroke: variant == 'light' ? 'primary.100' : 'transparent',
+                stroke: variant == 'light' ? 'primary.100' : 'primaryDark.100',
               })}
               style={{}}
             />

src/frontend/src/primitives/Text.tsx

@@ -57,10 +57,6 @@ export const text = cva({
         color: 'default.subtle-text',
         textStyle: 'sm',
       },
-      xsNote: {
-        color: 'default.subtle-text',
-        textStyle: 'xs',
-      },
       inherits: {},
     },
     centered: {

src/frontend/src/routes.ts

@@ -5,7 +5,6 @@ import { AccessibilityRoute } from '@/features/legalsTerms/Accessibility'
 import { TermsOfServiceRoute } from '@/features/legalsTerms/TermsOfService'
 import { CreatePopup } from '@/features/sdk/routes/CreatePopup'
 import { CreateMeetingButton } from '@/features/sdk/routes/CreateMeetingButton'
-import { RecordingDownloadRoute } from '@/features/recording'
 
 export const routes: Record<
   | 'home'
@@ -15,8 +14,7 @@ export const routes: Record<
   | 'accessibility'
   | 'termsOfService'
   | 'sdkCreatePopup'
-  | 'sdkCreateButton'
-  | 'recordingDownload',
+  | 'sdkCreateButton',
   {
     name: RouteName
     path: RegExp | string
@@ -66,14 +64,6 @@ export const routes: Record<
     path: '/sdk/create-button',
     Component: CreateMeetingButton,
   },
-  recordingDownload: {
-    name: 'recordingDownload',
-    path: new RegExp(
-      `^[/]recording[/](?<recordingId>[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12})$`
-    ),
-    to: (recordingId: string) => `/recording/${recordingId.trim()}`,
-    Component: RecordingDownloadRoute,
-  },
 }
 
 export type RouteName = keyof typeof routes

src/frontend/src/utils/formatDate.ts

@@ -1,29 +0,0 @@
-export function formatDate(
-  date: Date | string | number,
-  format: string = 'YYYY-MM-DD'
-): string {
-  const dateObj = date instanceof Date ? date : new Date(date)
-
-  if (isNaN(dateObj.getTime())) {
-    return 'Invalid Date'
-  }
-
-  const year = dateObj.getFullYear()
-  const month = dateObj.getMonth() + 1 // getMonth() returns 0-11
-  const day = dateObj.getDate()
-  const hours = dateObj.getHours()
-  const minutes = dateObj.getMinutes()
-  const seconds = dateObj.getSeconds()
-
-  const pad = (num: number): string => String(num).padStart(2, '0')
-
-  let result = format
-  result = result.replace(/YYYY/g, year.toString())
-  result = result.replace(/MM/g, pad(month))
-  result = result.replace(/DD/g, pad(day))
-  result = result.replace(/HH/g, pad(hours))
-  result = result.replace(/mm/g, pad(minutes))
-  result = result.replace(/ss/g, pad(seconds))
-
-  return result
-}

src/helm/env.d/dev-keycloak/values.meet.yaml.gotmpl

@@ -19,8 +19,7 @@ backend:
     DJANGO_EMAIL_BRAND_NAME: "La Suite Numérique"
     DJANGO_EMAIL_SUPPORT_EMAIL: "test@yopmail.com"
     DJANGO_EMAIL_LOGO_IMG: https://meet.127.0.0.1.nip.io/assets/logo-suite-numerique.png
-    DJANGO_EMAIL_DOMAIN: meet.127.0.0.1.nip.io
-    DJANGO_EMAIL_APP_BASE_URL: https://meet.127.0.0.1.nip.io
+    DJANGO_EMAIL_DOMAIN: https://meet.127.0.0.1.nip.io
     OIDC_OP_JWKS_ENDPOINT: https://keycloak.127.0.0.1.nip.io/realms/meet/protocol/openid-connect/certs
     OIDC_OP_AUTHORIZATION_ENDPOINT: https://keycloak.127.0.0.1.nip.io/realms/meet/protocol/openid-connect/auth
     OIDC_OP_TOKEN_ENDPOINT: https://keycloak.127.0.0.1.nip.io/realms/meet/protocol/openid-connect/token

src/helm/env.d/dev/values.meet.yaml.gotmpl

@@ -35,8 +35,7 @@ backend:
     DJANGO_EMAIL_BRAND_NAME: "La Suite Numérique"
     DJANGO_EMAIL_SUPPORT_EMAIL: "test@yopmail.com"
     DJANGO_EMAIL_LOGO_IMG: https://meet.127.0.0.1.nip.io/assets/logo-suite-numerique.png
-    DJANGO_EMAIL_DOMAIN: meet.127.0.0.1.nip.io
-    DJANGO_EMAIL_APP_BASE_URL: https://meet.127.0.0.1.nip.io
+    DJANGO_EMAIL_DOMAIN: https://meet.127.0.0.1.nip.io
     OIDC_OP_JWKS_ENDPOINT: https://fca.integ01.dev-agentconnect.fr/api/v2/jwks
     OIDC_OP_AUTHORIZATION_ENDPOINT: https://fca.integ01.dev-agentconnect.fr/api/v2/authorize
     OIDC_OP_TOKEN_ENDPOINT: https://fca.integ01.dev-agentconnect.fr/api/v2/token

src/helm/meet/Chart.yaml

@@ -1,4 +1,4 @@
 apiVersion: v2
 type: application
 name: meet
-version: 0.0.4
+version: 0.0.3

src/mail/mjml/invitation.mjml

@@ -3,58 +3,46 @@
 
   <mj-body mj-class="bg--blue-100">
     <mj-wrapper css-class="wrapper" padding="0 40px 40px 40px">
-      <mj-section css-class="wrapper-logo">
+      <mj-section background-url="{% base64_static 'images/mail-header-background.png' %}" background-size="cover" background-repeat="no-repeat" background-position="0 -30px">
         <mj-column>
-          <mj-image
-            align="center"
-            src="{{logo_img}}"
-            width="320px"
-            alt="{%trans 'Logo email' %}"
-          />
+            <mj-image align="center" src="{% base64_static 'images/logo-suite-numerique.png' %}" width="250px" align="left" alt="{%trans 'La Suite Numérique' %}" />
         </mj-column>
       </mj-section>
-
       <mj-section mj-class="bg--white-100" padding="30px 20px 60px 20px">
         <mj-column>
-          <!-- Invitation message -->
-          <mj-text font-size="18px" color="#202124">
-            <p><a href="mailto:{{ sender_email }}">{{ sender_email }}</a>  {% trans "invites you to join an ongoing video call" %}</p>
-          </mj-text>
-
-          <!-- Join button -->
-          <mj-button href="{{ room_url }}" background-color="#1A73E8" color="white" border-radius="4px" font-weight="bold" font-size="16px" padding="20px 0">
-            {% trans "JOIN THE CALL" %}
-          </mj-button>
-
-          <!-- Call URL -->
-          <mj-text align="center" color="#5F6368" font-size="14px" padding-top="15px">
-            <p>{{ room_link }}</p>
-          </mj-text>
-
-          <mj-divider border-width="1px" border-style="solid" border-color="#EEEEEE" padding="30px 0" />
-
-          <!-- Additional information -->
           <mj-text font-size="14px">
-            <p>{% trans "If you can't click the button, copy and paste the URL into your browser to join the call." %}</p>
+            <p>{% trans "Invitation to join a team" %}</p>
           </mj-text>
 
-          <!-- Quick tips -->
-          <mj-text padding-top="20px" font-size="14px">
-            <p>{% trans "Tips for a better experience:" %}</p>
+          <!-- Welcome Message -->
+          <mj-text>
+            <h1>{% blocktrans %}Welcome to <strong>Meet</strong>{% endblocktrans %}</h1>
+          </mj-text>
+          <mj-divider border-width="1px" border-style="solid" border-color="#DDDDDD" width="30%" align="left"/>
+
+          <mj-image src="{% base64_static 'images/logo.svg' %}" width="157px" align="left" alt="{%trans 'Logo' %}" />
+
+          <!-- Main Message -->
+          <mj-text>{% trans "We are delighted to welcome you to our community on Meet, your new companion to collaborate on documents efficiently, intuitively, and securely." %}</mj-text>
+          <mj-text>{% trans "Our application is designed to help you organize, collaborate, and manage permissions." %}</mj-text>
+          <mj-text>
+            {% trans "With Meet, you will be able to:" %}
             <ul>
-              <li>{% trans "Use Chrome or Firefox for better call quality" %}</li>
-              <li>{% trans "Test your microphone and camera before joining" %}</li>
-              <li>{% trans "Make sure you have a stable internet connection" %}</li>
+              <li>{% trans "Create documents."%}</li>
+              <li>{% trans "Invite members of your document or community in just a few clicks."%}</li>
             </ul>
           </mj-text>
+          <mj-button href="//{{site.domain}}" background-color="#000091" color="white" padding-bottom="30px">
+            {% trans "Visit Meet"%}
+          </mj-button>
+          <mj-text>{% trans "We are confident that Meet will help you increase efficiency and productivity while strengthening the bond among members." %}</mj-text>
+          <mj-text>{% trans "Feel free to explore all the features of the application and share your feedback and suggestions with us. Your feedback is valuable to us and will enable us to continually improve our service." %}</mj-text>
+          <mj-text>{% trans "Once again, welcome aboard! We are eager to accompany you on you collaboration adventure." %}</mj-text>
 
           <!-- Signature -->
-          <mj-text font-size="14px">
-            <p>
-              {% blocktrans %}
-              Thank you for using {{brandname}}.
-              {% endblocktrans %}
-            </p>
+          <mj-text>
+            <p>{% trans "Sincerely," %}</p>
+            <p>{% trans "The La Suite Numérique Team" %}</p>
           </mj-text>
         </mj-column>
       </mj-section>
@@ -63,3 +51,4 @@
 
   <mj-include path="./partial/footer.mjml" />
 </mjml>
+