🎨(frontend) clarify type-only JS imports for better code splitting

Mark JS imports as type-only when applicable so they are stripped at
build time and ignored during chunk splitting, ensuring we take full
advantage of Rollup's code-splitting optimizations.

src/frontend/src/api/useConfig.ts

@@ -2,8 +2,8 @@ import { fetchApi } from './fetchApi'
 import { keys } from './queryKeys'
 import { useQuery } from '@tanstack/react-query'
 import { RecordingMode } from '@/features/recording'
-import { Track } from 'livekit-client'
-import Source = Track.Source
+import type { Track } from 'livekit-client'
+type Source = Track.Source
 
 export interface ApiConfig {
   analytics?: {

src/frontend/src/features/notifications/MainNotificationToast.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useEffect } from 'react'
 import { useRoomContext } from '@livekit/components-react'
 import { Participant, RemoteParticipant, RoomEvent } from 'livekit-client'
-import { ChatMessage, isMobileBrowser } from '@livekit/components-core'
+import { type ChatMessage, isMobileBrowser } from '@livekit/components-core'
 import { useTranslation } from 'react-i18next'
 import { NotificationType } from './NotificationType'
 import { NotificationDuration } from './NotificationDuration'

src/frontend/src/features/notifications/NotificationPayload.ts

@@ -1,4 +1,4 @@
-import { NotificationType } from './NotificationType'
+import type { NotificationType } from './NotificationType'
 
 export interface NotificationPayload {
   type: NotificationType

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

@@ -1,10 +1,10 @@
 import { useToast } from '@react-aria/toast'
 import { Button } from '@/primitives'
 import { RiCloseLine } from '@remixicon/react'
-import { ToastState } from '@react-stately/toast'
 import { styled } from '@/styled-system/jsx'
 import { useRef } from 'react'
-import { ToastData } from './ToastProvider'
+import type { ToastState } from '@react-stately/toast'
+import type { ToastData } from './ToastProvider'
 import type { QueuedToast } from '@react-stately/toast'
 
 export const StyledToastContainer = styled('div', {

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

@@ -1,7 +1,7 @@
 import { useToast } from '@react-aria/toast'
 import { useMemo, useRef } from 'react'
 
-import { StyledToastContainer, ToastProps } from './Toast'
+import { StyledToastContainer, type ToastProps } from './Toast'
 import { HStack } from '@/styled-system/jsx'
 import { useTranslation } from 'react-i18next'
 import { NotificationType } from '../NotificationType'

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

@@ -6,7 +6,7 @@ import Source = Track.Source
 
 import { useMaybeLayoutContext } from '@livekit/components-react'
 import { ParticipantTile } from '@/features/rooms/livekit/components/ParticipantTile'
-import { StyledToastContainer, ToastProps } from './Toast'
+import { StyledToastContainer, type ToastProps } from './Toast'
 import { HStack, styled } from '@/styled-system/jsx'
 import { Div } from '@/primitives'
 import { useTranslation } from 'react-i18next'

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

@@ -1,7 +1,7 @@
 import { useToast } from '@react-aria/toast'
 import { useRef } from 'react'
 
-import { StyledToastContainer, ToastProps } from './Toast'
+import { StyledToastContainer, type ToastProps } from './Toast'
 import { HStack } from '@/styled-system/jsx'
 import { useTranslation } from 'react-i18next'
 import { Button } from '@/primitives'

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

@@ -1,7 +1,7 @@
 import { useToast } from '@react-aria/toast'
 import { useEffect, useRef } from 'react'
 
-import { StyledToastContainer, ToastProps } from './Toast'
+import { StyledToastContainer, type ToastProps } from './Toast'
 import { Text } from '@/primitives'
 import { RiMessage2Line } from '@remixicon/react'
 import { useSidePanel } from '@/features/rooms/livekit/hooks/useSidePanel'

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

@@ -1,7 +1,7 @@
 import { useToast } from '@react-aria/toast'
 import { useRef } from 'react'
 
-import { StyledToastContainer, ToastProps } from './Toast'
+import { StyledToastContainer, type ToastProps } from './Toast'
 import { HStack } from '@/styled-system/jsx'
 import { useTranslation } from 'react-i18next'
 

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

@@ -1,7 +1,7 @@
 import { useToast } from '@react-aria/toast'
 import { useMemo, useRef } from 'react'
 
-import { StyledToastContainer, ToastProps } from './Toast'
+import { StyledToastContainer, type ToastProps } from './Toast'
 import { HStack } from '@/styled-system/jsx'
 import { useTranslation } from 'react-i18next'
 

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

@@ -2,7 +2,7 @@
 import { ToastQueue, useToastQueue } from '@react-stately/toast'
 import { ToastRegion } from './ToastRegion'
 import { Participant } from 'livekit-client'
-import { NotificationType } from '../NotificationType'
+import type { NotificationType } from '../NotificationType'
 
 export interface ToastData {
   participant?: Participant

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

@@ -1,7 +1,7 @@
 import { useToast } from '@react-aria/toast'
 import { useRef } from 'react'
 
-import { StyledToastContainer, ToastProps } from './Toast'
+import { StyledToastContainer, type ToastProps } from './Toast'
 import { HStack } from '@/styled-system/jsx'
 import { Button, Div } from '@/primitives'
 import { useTranslation } from 'react-i18next'

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

@@ -1,7 +1,7 @@
 import { useToast } from '@react-aria/toast'
 import { useMemo, useRef } from 'react'
 
-import { StyledToastContainer, ToastProps } from './Toast'
+import { StyledToastContainer, type ToastProps } from './Toast'
 import { HStack } from '@/styled-system/jsx'
 import { useTranslation } from 'react-i18next'
 import { NotificationType } from '../NotificationType'

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

@@ -2,7 +2,7 @@ import { useToast } from '@react-aria/toast'
 import { useMemo, useRef } from 'react'
 import { Text } from '@/primitives'
 
-import { StyledToastContainer, ToastProps } from './Toast'
+import { StyledToastContainer, type ToastProps } from './Toast'
 import { HStack } from '@/styled-system/jsx'
 import { useTranslation } from 'react-i18next'
 import { useUser } from '@/features/auth'

src/frontend/src/features/notifications/hooks/useNotifyParticipants.ts

@@ -1,6 +1,6 @@
 import { useRoomContext } from '@livekit/components-react'
-import { NotificationType } from '../NotificationType'
-import { NotificationPayload } from '../NotificationPayload'
+import type { NotificationType } from '../NotificationType'
+import type { NotificationPayload } from '../NotificationPayload'
 
 export const useNotifyParticipants = () => {
   const room = useRoomContext()

src/frontend/src/features/notifications/hooks/useSoundNotification.tsx

@@ -1,7 +1,7 @@
 import useSound from 'use-sound'
 import { useSnapshot } from 'valtio'
 import { notificationsStore } from '@/stores/notifications'
-import { NotificationType } from '@/features/notifications/NotificationType'
+import type { NotificationType } from '@/features/notifications/NotificationType'
 
 // fixme - handle dynamic audio output changes
 export const useNotificationSound = () => {

src/frontend/src/features/notifications/utils.ts

@@ -1,9 +1,9 @@
 import { toastQueue } from './components/ToastProvider'
 import { NotificationType } from './NotificationType'
 import { NotificationDuration } from './NotificationDuration'
-import { Participant } from 'livekit-client'
-import { NotificationPayload } from './NotificationPayload'
-import { RecordingMode } from '@/features/recording'
+import type { Participant } from 'livekit-client'
+import type { NotificationPayload } from './NotificationPayload'
+import type { RecordingMode } from '@/features/recording'
 
 export const showLowerHandToast = (
   participant: Participant,

src/frontend/src/features/reactions/components/ReactionPortals.tsx

@@ -5,7 +5,7 @@ import { css } from '@/styled-system/css'
 import { useSnapshot } from 'valtio'
 import { reactionsStore } from '@/stores/reactions'
 import { useAnnounceReaction } from '../hooks/useAnnounceReaction'
-import { Reaction } from '../types'
+import type { Reaction } from '../types'
 import {
   ANIMATION_DISTANCE,
   ANIMATION_DURATION,

src/frontend/src/features/reactions/components/toolbar/ReactionButton.tsx

@@ -1,6 +1,6 @@
 import { useTranslation } from 'react-i18next'
 import { css } from '@/styled-system/css'
-import { Emoji } from '../../types'
+import type { Emoji } from '../../types'
 import { useReactions } from '../../hooks/useReactions'
 import { Button } from '@/primitives'
 

src/frontend/src/features/reactions/hooks/useAnnounceReaction.ts

@@ -5,7 +5,7 @@ import { accessibilityStore } from '@/stores/accessibility'
 import { useScreenReaderAnnounce } from '@/hooks/useScreenReaderAnnounce'
 
 import { getEmojiLabel } from '../utils'
-import { Reaction } from '../types'
+import type { Reaction } from '../types'
 
 export const useAnnounceReaction = (latestReaction: Reaction | undefined) => {
   const { t } = useTranslation('rooms', { keyPrefix: 'controls.reactions' })

src/frontend/src/features/reactions/hooks/useReactions.ts

@@ -4,8 +4,8 @@ import { reactionsStore } from '@/stores/reactions'
 import { NotificationType } from '@/features/notifications/NotificationType'
 import { useNotifyParticipants } from '@/features/notifications'
 import useRateLimiter from '@/hooks/useRateLimiter'
-import { Participant } from 'livekit-client'
-import { Emoji } from '../types'
+import type { Participant } from 'livekit-client'
+import type { Emoji } from '../types'
 import { ANIMATION_DURATION } from '../constants'
 
 export const useReactions = () => {

src/frontend/src/features/reactions/utils.ts

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next'
-import { Emoji } from './types'
+import type { Emoji } from './types'
 
 export const getEmojiLabel = (
   emoji: string | Emoji,

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

@@ -1,6 +1,6 @@
 import { fetchApi } from '@/api/fetchApi'
-import { ApiRoom } from '@/features/rooms/api/ApiRoom'
-import { RecordingMode, RecordingStatus } from '@/features/recording'
+import type { ApiRoom } from '@/features/rooms/api/ApiRoom'
+import type { RecordingMode, RecordingStatus } from '@/features/recording'
 
 export type RecordingApi = {
   id: string

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

@@ -1,7 +1,7 @@
 import { useMutation, UseMutationOptions } from '@tanstack/react-query'
 import { fetchApi } from '@/api/fetchApi'
-import { ApiError } from '@/api/ApiError'
-import { ApiRoom } from '@/features/rooms/api/ApiRoom'
+import type { ApiError } from '@/api/ApiError'
+import type { ApiRoom } from '@/features/rooms/api/ApiRoom'
 import { RecordingMode } from '../types'
 
 export interface StartRecordingParams {

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

@@ -1,7 +1,7 @@
 import { useMutation, UseMutationOptions } from '@tanstack/react-query'
 import { fetchApi } from '@/api/fetchApi'
-import { ApiError } from '@/api/ApiError'
-import { ApiRoom } from '@/features/rooms/api/ApiRoom'
+import type { ApiError } from '@/api/ApiError'
+import type { ApiRoom } from '@/features/rooms/api/ApiRoom'
 
 export interface StopRecordingParams {
   id: string

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

@@ -3,7 +3,7 @@ import { HStack } from '@/styled-system/jsx'
 import { Spinner } from '@/primitives/Spinner'
 import { Button, Icon, Text } from '@/primitives'
 import { useTranslation } from 'react-i18next'
-import { RecordingStatuses } from '../hooks/useRecordingStatuses'
+import type { RecordingStatuses } from '../hooks/useRecordingStatuses'
 import { ReactNode, useEffect, useRef, useState } from 'react'
 import { useRoomContext } from '@livekit/components-react'
 import { ConnectionState } from 'livekit-client'

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

@@ -1,9 +1,9 @@
 import { useFeatureFlagEnabled } from 'posthog-js/react'
 import { useIsAnalyticsEnabled } from '@/features/analytics/hooks/useIsAnalyticsEnabled'
-import { RecordingMode } from '../types'
+import type { RecordingMode } from '../types'
 import { useIsRecordingModeEnabled } from './useIsRecordingModeEnabled'
 import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOwner'
-import { FeatureFlags } from '@/features/analytics/enums'
+import type { FeatureFlags } from '@/features/analytics/enums'
 
 export const useHasFeatureWithoutAdminRights = (
   mode: RecordingMode,

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

@@ -1,9 +1,9 @@
 import { useFeatureFlagEnabled } from 'posthog-js/react'
 import { useIsAnalyticsEnabled } from '@/features/analytics/hooks/useIsAnalyticsEnabled'
-import { RecordingMode } from '../types'
+import type { RecordingMode } from '../types'
 import { useIsRecordingModeEnabled } from './useIsRecordingModeEnabled'
 import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOwner'
-import { FeatureFlags } from '@/features/analytics/enums'
+import type { FeatureFlags } from '@/features/analytics/enums'
 
 export const useHasRecordingAccess = (
   mode: RecordingMode,

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

@@ -1,4 +1,4 @@
-import { RecordingMode } from '../types'
+import type { RecordingMode } from '../types'
 import { useConfig } from '@/api/useConfig'
 
 export const useIsRecordingModeEnabled = (mode: RecordingMode) => {

src/frontend/src/features/rooms/api/ApiRoom.ts

@@ -1,5 +1,5 @@
-import { Track } from 'livekit-client'
-import Source = Track.Source
+import type { Track } from 'livekit-client'
+type Source = Track.Source
 
 export type ApiLiveKit = {
   url: string

src/frontend/src/features/rooms/api/createRoom.ts

@@ -1,7 +1,7 @@
 import { useMutation, UseMutationOptions } from '@tanstack/react-query'
 import { fetchApi } from '@/api/fetchApi'
-import { ApiError } from '@/api/ApiError'
-import { ApiRoom } from './ApiRoom'
+import type { ApiError } from '@/api/ApiError'
+import type { ApiRoom } from './ApiRoom'
 
 export interface CreateRoomParams {
   slug: string

src/frontend/src/features/rooms/api/enterRoom.ts

@@ -1,6 +1,6 @@
 import { ApiError } from '@/api/ApiError'
 import { fetchApi } from '@/api/fetchApi'
-import { useMutation, UseMutationOptions } from '@tanstack/react-query'
+import { useMutation, type UseMutationOptions } from '@tanstack/react-query'
 
 export interface EnterRoomParams {
   roomId: string

src/frontend/src/features/rooms/api/listWaitingParticipants.ts

@@ -1,6 +1,6 @@
 import { fetchApi } from '@/api/fetchApi'
-import { useQuery, UseQueryOptions } from '@tanstack/react-query'
-import { ApiError } from '@/api/ApiError'
+import { useQuery, type UseQueryOptions } from '@tanstack/react-query'
+import type { ApiError } from '@/api/ApiError'
 import { keys } from '@/api/queryKeys'
 
 export type WaitingParticipant = {

src/frontend/src/features/rooms/api/lowerHandParticipant.ts

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { fetchApi } from '@/api/fetchApi.ts'
 import { useRoomData } from '@/features/rooms/livekit/hooks/useRoomData'
 

src/frontend/src/features/rooms/api/lowerHandParticipants.ts

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { useLowerHandParticipant } from './lowerHandParticipant'
 
 export const useLowerHandParticipants = () => {

src/frontend/src/features/rooms/api/muteParticipant.ts

@@ -1,4 +1,4 @@
-import { Participant, Track } from 'livekit-client'
+import { type Participant, Track } from 'livekit-client'
 import Source = Track.Source
 import { useRoomData } from '../livekit/hooks/useRoomData'
 import {

src/frontend/src/features/rooms/api/muteParticipants.ts

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { useMuteParticipant } from './muteParticipant'
 
 export const useMuteParticipants = () => {

src/frontend/src/features/rooms/api/patchRoom.tsx

@@ -1,7 +1,7 @@
 import { type ApiRoom } from './ApiRoom'
 import { fetchApi } from '@/api/fetchApi'
-import { useMutation, UseMutationOptions } from '@tanstack/react-query'
-import { ApiError } from '@/api/ApiError'
+import { useMutation, type UseMutationOptions } from '@tanstack/react-query'
+import type { ApiError } from '@/api/ApiError'
 
 export type PatchRoomParams = {
   roomId: string

src/frontend/src/features/rooms/api/removeParticipant.ts

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { useRoomData } from '../livekit/hooks/useRoomData'
 import { fetchApi } from '@/api/fetchApi'
 

src/frontend/src/features/rooms/api/requestEntry.ts

@@ -1,5 +1,5 @@
 import { fetchApi } from '@/api/fetchApi'
-import { ApiLiveKit } from '@/features/rooms/api/ApiRoom'
+import type { ApiLiveKit } from '@/features/rooms/api/ApiRoom'
 
 export interface RequestEntryParams {
   roomId: string

src/frontend/src/features/rooms/api/updateParticipantPermissions.ts

@@ -1,7 +1,7 @@
-import { Participant, Track } from 'livekit-client'
+import type { Participant, Track } from 'livekit-client'
 import { fetchApi } from '@/api/fetchApi'
 import { useRoomData } from '@/features/rooms/livekit/hooks/useRoomData'
-import Source = Track.Source
+type Source = Track.Source
 
 export const useParticipantPermissions = () => {
   const data = useRoomData()

src/frontend/src/features/rooms/api/updateParticipantsPermissions.ts

@@ -1,4 +1,4 @@
-import { Participant, Track } from 'livekit-client'
+import type { Participant, Track } from 'livekit-client'
 import { useParticipantPermissions } from './updateParticipantPermissions'
 type Source = Track.Source
 

src/frontend/src/features/rooms/components/Conference.tsx

@@ -9,7 +9,7 @@ import {
   DisconnectReason,
   MediaDeviceFailure,
   Room,
-  RoomOptions,
+  type RoomOptions,
   VideoPresets,
 } from 'livekit-client'
 import { keys } from '@/api/queryKeys'
@@ -18,7 +18,7 @@ import { Screen } from '@/layout/Screen'
 import { QueryAware } from '@/components/QueryAware'
 import { ErrorScreen } from '@/components/ErrorScreen'
 import { fetchRoom } from '../api/fetchRoom'
-import { ApiRoom } from '../api/ApiRoom'
+import type { ApiRoom } from '../api/ApiRoom'
 import { useCreateRoom } from '../api/createRoom'
 import { InviteDialog } from './InviteDialog'
 import { VideoConference } from '../livekit/prefabs/VideoConference'

src/frontend/src/features/rooms/components/Join.tsx

@@ -6,8 +6,8 @@ import { useEffect, useMemo, useRef, useState } from 'react'
 import {
   createLocalAudioTrack,
   createLocalVideoTrack,
-  LocalAudioTrack,
-  LocalVideoTrack,
+  type LocalAudioTrack,
+  type LocalVideoTrack,
   Track,
 } from 'livekit-client'
 import { H } from '@/primitives/H'
@@ -30,7 +30,7 @@ import { keys } from '@/api/queryKeys'
 import { useLobby } from '../hooks/useLobby'
 import { useQuery } from '@tanstack/react-query'
 import { queryClient } from '@/api/queryClient'
-import { ApiLobbyStatus, ApiRequestEntry } from '../api/requestEntry'
+import { ApiLobbyStatus, type ApiRequestEntry } from '../api/requestEntry'
 import { Spinner } from '@/primitives/Spinner'
 import { ApiAccessLevel } from '../api/ApiRoom'
 import { useLoginHint } from '@/hooks/useLoginHint'

src/frontend/src/features/rooms/components/MediaDeviceErrorAlert.tsx

@@ -1,4 +1,4 @@
-import { MediaDeviceFailure } from 'livekit-client'
+import type { MediaDeviceFailure } from 'livekit-client'
 import { useTranslation } from 'react-i18next'
 import { Button, Dialog, P } from '@/primitives'
 

src/frontend/src/features/rooms/components/Rating.tsx

@@ -7,7 +7,7 @@ import { usePostHog } from 'posthog-js/react'
 import type { PostHog } from 'posthog-js'
 import { Button as RACButton } from 'react-aria-components'
 import { useIsAnalyticsEnabled } from '@/features/analytics/hooks/useIsAnalyticsEnabled'
-import { CandidateInfo } from '@/stores/connectionObserver'
+import type { CandidateInfo } from '@/stores/connectionObserver'
 
 const Card = styled('div', {
   base: {

src/frontend/src/features/rooms/hooks/useLobby.ts

@@ -4,7 +4,7 @@ import { keys } from '@/api/queryKeys'
 import {
   requestEntry,
   ApiLobbyStatus,
-  ApiRequestEntry,
+  type ApiRequestEntry,
 } from '../api/requestEntry'
 
 export const WAIT_TIMEOUT_MS = 600000 // 10 minutes

src/frontend/src/features/rooms/hooks/useWaitingParticipants.ts

@@ -6,7 +6,7 @@ import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOw
 import { useEnterRoom } from '../api/enterRoom'
 import {
   useListWaitingParticipants,
-  WaitingParticipant,
+  type WaitingParticipant,
 } from '../api/listWaitingParticipants'
 import { decodeNotificationDataReceived } from '@/features/notifications/utils'
 import { NotificationType } from '@/features/notifications/NotificationType'

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

@@ -2,7 +2,7 @@ import { ToggleButton } from '@/primitives'
 import { RiAdminLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import { css } from '@/styled-system/css'
-import { ToggleButtonProps } from '@/primitives/ToggleButton'
+import type { ToggleButtonProps } from '@/primitives/ToggleButton'
 import { useIsAdminOrOwner } from '../hooks/useIsAdminOrOwner'
 import { useSidePanel } from '../hooks/useSidePanel'
 

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

@@ -1,5 +1,5 @@
 import { ParticipantTile } from './ParticipantTile'
-import { FocusLayoutProps } from '@livekit/components-react'
+import type { FocusLayoutProps } from '@livekit/components-react'
 
 export function FocusLayout({ trackRef, ...htmlProps }: FocusLayoutProps) {
   return <ParticipantTile trackRef={trackRef} {...htmlProps} />

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

@@ -5,7 +5,7 @@ import { screenSharePreferenceStore } from '@/stores/screenSharePreferences'
 import { useSnapshot } from 'valtio'
 import { useLocalParticipant } from '@livekit/components-react'
 import { useSize } from '../hooks/useResizeObserver'
-import { TrackReferenceOrPlaceholder } from '@livekit/components-core'
+import type { TrackReferenceOrPlaceholder } from '@livekit/components-core'
 import { useTranslation } from 'react-i18next'
 
 export const FullScreenShareWarning = ({

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

@@ -1,5 +1,5 @@
 import { useTrackMutedIndicator } from '@livekit/components-react'
-import { Participant, Track } from 'livekit-client'
+import { type Participant, Track } from 'livekit-client'
 import Source = Track.Source
 import { RiMicOffFill } from '@remixicon/react'
 import { css } from '@/styled-system/css'

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

@@ -1,5 +1,5 @@
 import { Menu as RACMenu } from 'react-aria-components'
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOwner'
 import { PinMenuItem } from './PinMenuItem'
 import { RemoveMenuItem } from './RemoveMenuItem'

src/frontend/src/features/rooms/livekit/components/ParticipantMenu/PinMenuItem.tsx

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { menuRecipe } from '@/primitives/menuRecipe'
 import { HStack } from '@/styled-system/jsx'
 import { RiPushpin2Line, RiUnpinLine } from '@remixicon/react'

src/frontend/src/features/rooms/livekit/components/ParticipantMenu/RemoveMenuItem.tsx

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { menuRecipe } from '@/primitives/menuRecipe'
 import { HStack } from '@/styled-system/jsx'
 import { RiCloseLine } from '@remixicon/react'

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

@@ -2,7 +2,7 @@ import type { CSSProperties } from 'react'
 import { Text } from '@/primitives'
 import { useTranslation } from 'react-i18next'
 import { useParticipantInfo } from '@livekit/components-react'
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 
 const participantNameStyles: CSSProperties = {
   paddingBottom: '0.1rem',

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

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { styled } from '@/styled-system/jsx'
 import { Avatar } from '@/components/Avatar'
 import { useIsSpeaking } from '@livekit/components-react'

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

@@ -18,7 +18,7 @@ import { TrackReferenceOrPlaceholder } from '@livekit/components-core'
 import { useEffect, useRef, useState } from 'react'
 import { useSidePanel } from '../hooks/useSidePanel'
 import { useFullScreen } from '../hooks/useFullScreen'
-import { Participant, Track } from 'livekit-client'
+import { type Participant, Track } from 'livekit-client'
 import { MuteAlertDialog } from './MuteAlertDialog'
 import { useMuteParticipant } from '@/features/rooms/api/muteParticipant'
 import { useCanMute } from '@/features/rooms/livekit/hooks/useCanMute'

src/frontend/src/features/rooms/livekit/components/blur/BackgroundCustomProcessor.ts

@@ -1,4 +1,4 @@
-import { ProcessorOptions, Track } from 'livekit-client'
+import type { ProcessorOptions, Track } from 'livekit-client'
 import posthog from 'posthog-js'
 import {
   FilesetResolver,
@@ -11,7 +11,11 @@ import {
   TIMEOUT_TICK,
   timerWorkerScript,
 } from './TimerWorker'
-import { BackgroundProcessorInterface, ProcessorConfig, ProcessorType } from '.'
+import {
+  BackgroundProcessorInterface,
+  type ProcessorConfig,
+  type ProcessorType,
+} from '.'
 
 const PROCESSING_WIDTH = 256
 const PROCESSING_HEIGHT = 144

src/frontend/src/features/rooms/livekit/components/blur/FaceLandmarksProcessor.ts

@@ -1,4 +1,4 @@
-import { ProcessorOptions, Track, TrackProcessor } from 'livekit-client'
+import type { ProcessorOptions, Track, TrackProcessor } from 'livekit-client'
 import posthog from 'posthog-js'
 import {
   FilesetResolver,

src/frontend/src/features/rooms/livekit/components/blur/UnifiedBackgroundTrackProcessor.ts

@@ -1,10 +1,14 @@
-import { ProcessorOptions, Track } from 'livekit-client'
+import type { ProcessorOptions, Track } from 'livekit-client'
 import {
   BackgroundBlur,
   ProcessorWrapper,
   VirtualBackground,
 } from '@livekit/track-processors'
-import { ProcessorConfig, BackgroundProcessorInterface, ProcessorType } from '.'
+import {
+  type ProcessorConfig,
+  BackgroundProcessorInterface,
+  ProcessorType,
+} from '.'
 
 export class UnifiedBackgroundTrackProcessor implements BackgroundProcessorInterface {
   processor: ProcessorWrapper<{ imagePath?: string; blurRadius?: number }>

src/frontend/src/features/rooms/livekit/components/blur/index.ts

@@ -1,5 +1,5 @@
 import { ProcessorWrapper } from '@livekit/track-processors'
-import { Track, TrackProcessor } from 'livekit-client'
+import type { Track, TrackProcessor } from 'livekit-client'
 import { BackgroundCustomProcessor } from './BackgroundCustomProcessor'
 import { UnifiedBackgroundTrackProcessor } from './UnifiedBackgroundTrackProcessor'
 import { FaceLandmarksOptions } from './FaceLandmarksProcessor'

src/frontend/src/features/rooms/livekit/components/chat/Entry.tsx

@@ -2,7 +2,7 @@ import type { ReceivedChatMessage } from '@livekit/components-core'
 import * as React from 'react'
 import { css } from '@/styled-system/css'
 import { Text } from '@/primitives'
-import { MessageFormatter } from '@livekit/components-react'
+import type { MessageFormatter } from '@livekit/components-react'
 
 export interface ChatEntryProps extends React.HTMLAttributes<HTMLLIElement> {
   entry: ReceivedChatMessage

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

@@ -2,7 +2,7 @@ import { Button } from '@/primitives'
 import { useMediaDeviceSelect } from '@livekit/components-react'
 import { RiCameraSwitchLine } from '@remixicon/react'
 import { useEffect, useState } from 'react'
-import { ButtonProps } from 'react-aria-components'
+import type { ButtonProps } from 'react-aria-components'
 import { useTranslation } from 'react-i18next'
 
 enum FacingMode {

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

@@ -5,7 +5,7 @@ import { css } from '@/styled-system/css'
 import { ToggleButton } from '@/primitives'
 import { chatStore } from '@/stores/chat'
 import { useSidePanel } from '../../hooks/useSidePanel'
-import { ToggleButtonProps } from '@/primitives/ToggleButton'
+import type { ToggleButtonProps } from '@/primitives/ToggleButton'
 import { useRegisterKeyboardShortcut } from '@/features/shortcuts/useRegisterKeyboardShortcut'
 
 export const ChatToggle = ({

src/frontend/src/features/rooms/livekit/components/controls/Device/SelectDevice.tsx

@@ -2,7 +2,7 @@ import { useTranslation } from 'react-i18next'
 import { useMediaDeviceSelect } from '@livekit/components-react'
 import { useEffect, useMemo } from 'react'
 import { Select, SelectProps } from '@/primitives/Select'
-import { Placement } from '@react-types/overlays'
+import type { Placement } from '@react-types/overlays'
 import { useCannotUseDevice } from '../../../hooks/useCannotUseDevice'
 import { useDeviceIcons } from '@/features/rooms/livekit/hooks/useDeviceIcons'
 

src/frontend/src/features/rooms/livekit/components/controls/Device/ToggleDevice.tsx

@@ -12,13 +12,16 @@ import {
   useLocalParticipant,
   useMaybeRoomContext,
 } from '@livekit/components-react'
-import { ButtonRecipeProps } from '@/primitives/buttonRecipe'
-import { ToggleButtonProps } from '@/primitives/ToggleButton'
+import type { ButtonRecipeProps } from '@/primitives/buttonRecipe'
+import type { ToggleButtonProps } from '@/primitives/ToggleButton'
 import { openPermissionsDialog } from '@/stores/permissions'
 import { useCannotUseDevice } from '../../../hooks/useCannotUseDevice'
 import { useDeviceIcons } from '../../../hooks/useDeviceIcons'
 import { useDeviceShortcut } from '../../../hooks/useDeviceShortcut'
-import { ToggleSource, CaptureOptionsBySource } from '@livekit/components-core'
+import type {
+  ToggleSource,
+  CaptureOptionsBySource,
+} from '@livekit/components-core'
 import { getShortcutDescriptorById } from '@/features/shortcuts/catalog'
 
 type ToggleDeviceStyleProps = {

src/frontend/src/features/rooms/livekit/components/controls/Device/VideoDeviceControl.tsx

@@ -2,7 +2,7 @@ import { useTranslation } from 'react-i18next'
 import { useTrackToggle, UseTrackToggleProps } from '@livekit/components-react'
 import { Button, Popover } from '@/primitives'
 import { RiArrowUpSLine, RiImageCircleAiFill } from '@remixicon/react'
-import { Track, VideoCaptureOptions } from 'livekit-client'
+import { Track, type VideoCaptureOptions } from 'livekit-client'
 
 import { ToggleDevice } from './ToggleDevice'
 import { css } from '@/styled-system/css'

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

@@ -3,7 +3,7 @@ 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'
+import type { ToggleButtonProps } from '@/primitives/ToggleButton'
 
 export const InfoToggle = ({
   onPress,

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

@@ -7,7 +7,7 @@ import { Avatar } from '@/components/Avatar'
 import { useLowerHandParticipant } from '@/features/rooms/api/lowerHandParticipant'
 import { getParticipantColor } from '@/features/rooms/utils/getParticipantColor'
 import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOwner'
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { isLocal } from '@/utils/livekit'
 import { RiHand } from '@remixicon/react'
 import { Button } from '@/primitives'

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

@@ -1,6 +1,6 @@
 import { Button } from '@/primitives'
 import { useTranslation } from 'react-i18next'
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { useLowerHandParticipants } from '@/features/rooms/api/lowerHandParticipants'
 import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOwner'
 import { css } from '@/styled-system/css'

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

@@ -1,6 +1,6 @@
 import { Button } from '@/primitives'
 import { useTranslation } from 'react-i18next'
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { useIsAdminOrOwner } from '@/features/rooms/livekit/hooks/useIsAdminOrOwner'
 import { useMuteParticipants } from '@/features/rooms/api/muteParticipants'
 import { RiMicOffLine } from '@remixicon/react'

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

@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next'
 import { Avatar } from '@/components/Avatar'
 import { getParticipantColor } from '@/features/rooms/utils/getParticipantColor'
 import { getParticipantIsRoomAdmin } from '@/features/rooms/utils/getParticipantIsRoomAdmin'
-import { LocalParticipant, Participant, Track } from 'livekit-client'
+import { type LocalParticipant, type Participant, Track } from 'livekit-client'
 import { isLocal } from '@/utils/livekit'
 import {
   useIsSpeaking,

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

@@ -9,7 +9,7 @@ import { HandRaisedListItem } from '../../controls/Participants/HandRaisedListIt
 import { LowerAllHandsButton } from '../../controls/Participants/LowerAllHandsButton'
 import { WaitingParticipantListItem } from './WaitingParticipantListItem'
 import { useWaitingParticipants } from '@/features/rooms/hooks/useWaitingParticipants'
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { WaitingParticipant } from '@/features/rooms/api/listWaitingParticipants'
 import { MuteEveryoneButton } from './MuteEveryoneButton'
 

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

@@ -1,5 +1,5 @@
 import { useFocusToggleParticipant } from '@/features/rooms/livekit/hooks/useFocusToggleParticipant'
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { RiPushpin2Fill } from '@remixicon/react'
 import { css } from '@/styled-system/css'
 

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

@@ -1,7 +1,10 @@
 import { Div, ToggleButton } from '@/primitives'
 import { RiArrowUpLine, RiCloseFill, RiRectangleLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
-import { useTrackToggle, UseTrackToggleProps } from '@livekit/components-react'
+import {
+  useTrackToggle,
+  type UseTrackToggleProps,
+} from '@livekit/components-react'
 import { Track } from 'livekit-client'
 import React from 'react'
 import { type ButtonRecipeProps } from '@/primitives/buttonRecipe'

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

@@ -3,7 +3,7 @@ import { RiShapesLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import { useSidePanel } from '../../hooks/useSidePanel'
 import { css } from '@/styled-system/css'
-import { ToggleButtonProps } from '@/primitives/ToggleButton'
+import type { ToggleButtonProps } from '@/primitives/ToggleButton'
 import { useRegisterKeyboardShortcut } from '@/features/shortcuts/useRegisterKeyboardShortcut'
 
 export const ToolsToggle = ({

src/frontend/src/features/rooms/livekit/components/effects/Effects.tsx

@@ -1,5 +1,5 @@
 import { useLocalParticipant } from '@livekit/components-react'
-import { LocalVideoTrack } from 'livekit-client'
+import type { LocalVideoTrack } from 'livekit-client'
 import { css } from '@/styled-system/css'
 import { EffectsConfiguration } from './EffectsConfiguration'
 import { useCanPublishTrack } from '@/features/rooms/livekit/hooks/useCanPublishTrack'

src/frontend/src/features/rooms/livekit/components/effects/EffectsConfiguration.tsx

@@ -1,4 +1,4 @@
-import { LocalVideoTrack, Track } from 'livekit-client'
+import { type LocalVideoTrack, Track } from 'livekit-client'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import {

src/frontend/src/features/rooms/livekit/components/effects/FunnyEffects.tsx

@@ -4,7 +4,7 @@ import { ProcessorType } from '../blur'
 import { RiGlassesLine, RiGoblet2Fill } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 import { FaceLandmarksProcessor } from '../blur/FaceLandmarksProcessor'
-import { LocalVideoTrack } from 'livekit-client'
+import type { LocalVideoTrack } from 'livekit-client'
 
 export type FunnyEffectsProps = {
   videoTrack: LocalVideoTrack

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

@@ -1,5 +1,5 @@
 import { useIsAdminOrOwner } from './useIsAdminOrOwner'
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import { useRoomData } from '@/features/rooms/livekit/hooks/useRoomData'
 
 export const useCanMute = (participant: Participant) => {

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

@@ -1,4 +1,4 @@
-import { TrackSource } from '@livekit/protocol'
+import type { TrackSource } from '@livekit/protocol'
 import {
   useLocalParticipant,
   useParticipantPermissions,

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

@@ -2,7 +2,7 @@ import { useTelephony } from './useTelephony'
 import { useTranslation } from 'react-i18next'
 import { useEffect, useMemo, useState } from 'react'
 import { formatPinCode } from '@/features/rooms/utils/telephony'
-import { ApiRoom } from '@/features/rooms/api/ApiRoom'
+import type { ApiRoom } from '@/features/rooms/api/ApiRoom'
 import { getRouteUrl } from '@/navigation/getRouteUrl'
 
 const COPY_SUCCESS_TIMEOUT = 3000

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

@@ -1,5 +1,5 @@
 import { useFocusToggle } from '@livekit/components-react'
-import { Participant, Track } from 'livekit-client'
+import { type Participant, Track } from 'livekit-client'
 import { useCallback } from 'react'
 import type { MouseEvent } from 'react'
 import Source = Track.Source

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

@@ -3,7 +3,7 @@
 // @ts-nocheck
 
 import { useMemo, useState } from 'react'
-import { TrackReferenceOrPlaceholder } from '@livekit/components-core'
+import { type TrackReferenceOrPlaceholder } from '@livekit/components-core'
 
 export function useFullScreen({
   trackRef,

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

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 import {
   useParticipantAttribute,
   useParticipants,

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

@@ -1,4 +1,4 @@
-import { ApiRoom } from '@/features/rooms/api/ApiRoom'
+import type { ApiRoom } from '@/features/rooms/api/ApiRoom'
 import { useParams } from 'wouter'
 import { keys } from '@/api/queryKeys'
 import { queryClient } from '@/api/queryClient'

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

@@ -4,7 +4,7 @@ import { useEffect } from 'react'
 import { RoomEvent } from 'livekit-client'
 import { queryClient } from '@/api/queryClient'
 import { keys } from '@/api/queryKeys'
-import {
+import type {
   ApiAccessLevel,
   ApiRoom,
   RoomConfiguration,

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

@@ -2,8 +2,8 @@ import { useEffect } from 'react'
 import { usePersistentUserChoices } from './usePersistentUserChoices'
 import { useRoomContext } from '@livekit/components-react'
 import {
-  RemoteParticipant,
-  RemoteTrackPublication,
+  type RemoteParticipant,
+  type RemoteTrackPublication,
   RoomEvent,
   Track,
   VideoQuality,

src/frontend/src/features/rooms/livekit/prefabs/Chat.tsx

@@ -13,7 +13,11 @@ import { Div, Text } from '@/primitives'
 import { ChatInput } from '../components/chat/Input'
 import { ChatEntry } from '../components/chat/Entry'
 import { useSidePanel } from '../hooks/useSidePanel'
-import { LocalParticipant, RemoteParticipant, RoomEvent } from 'livekit-client'
+import {
+  type LocalParticipant,
+  type RemoteParticipant,
+  RoomEvent,
+} from 'livekit-client'
 import { css } from '@/styled-system/css'
 import { useRestoreFocus } from '@/hooks/useRestoreFocus'
 

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

@@ -1,4 +1,4 @@
-import { Track } from 'livekit-client'
+import type { Track } from 'livekit-client'
 import * as React from 'react'
 
 import { MobileControlBar } from './MobileControlBar'

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

@@ -1,5 +1,5 @@
 import { supportsScreenSharing } from '@livekit/components-core'
-import { ControlBarAuxProps } from './ControlBar'
+import type { ControlBarAuxProps } from './ControlBar'
 import { css } from '@/styled-system/css'
 import { LeaveButton } from '../../components/controls/LeaveButton'
 import { Track } from 'livekit-client'

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

@@ -1,6 +1,6 @@
 import { supportsScreenSharing } from '@livekit/components-core'
 import { useTranslation } from 'react-i18next'
-import { ControlBarAuxProps } from './ControlBar'
+import type { ControlBarAuxProps } from './ControlBar'
 import React from 'react'
 import { css } from '@/styled-system/css'
 import { LeaveButton } from '../../components/controls/LeaveButton'

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

@@ -8,7 +8,7 @@ import { useSize } from '../../hooks/useResizeObserver'
 import { useState, RefObject } from 'react'
 import { Dialog, DialogTrigger, Popover } from 'react-aria-components'
 import { Button } from '@/primitives'
-import { ToggleButtonProps } from '@/primitives/ToggleButton'
+import type { ToggleButtonProps } from '@/primitives/ToggleButton'
 import { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react'
 import { useTranslation } from 'react-i18next'
 

src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx

@@ -5,7 +5,7 @@ import {
   isWeb,
   log,
 } from '@livekit/components-core'
-import { Participant, RoomEvent, Track } from 'livekit-client'
+import { type Participant, RoomEvent, Track } from 'livekit-client'
 import React, { useCallback, useRef, useState, useEffect } from 'react'
 import {
   ConnectionStateToast,

src/frontend/src/features/rooms/livekit/processors/RnnNoiseProcessor.ts

@@ -1,4 +1,4 @@
-import { Track, TrackProcessor, ProcessorOptions } from 'livekit-client'
+import type { Track, TrackProcessor, ProcessorOptions } from 'livekit-client'
 import { NoiseSuppressorWorklet_Name } from '@timephy/rnnoise-wasm'
 
 // This is an example how to get the script path using Vite, may be different when using other build tools

src/frontend/src/features/rooms/routes/Feedback.tsx

@@ -6,7 +6,7 @@ import { Rating } from '@/features/rooms/components/Rating.tsx'
 import { useLocation } from 'wouter'
 import { useMemo } from 'react'
 import { DisconnectReason } from 'livekit-client'
-import { CandidateInfo } from '@/stores/connectionObserver.ts'
+import type { CandidateInfo } from '@/stores/connectionObserver'
 
 // fixme - duplicated with home, refactor in a proper style
 const Heading = styled('h1', {

src/frontend/src/features/rooms/utils/getParticipantColor.ts

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 
 const DEFAULT_COLOR = 'rgb(87, 44, 216)'
 

src/frontend/src/features/rooms/utils/getParticipantIsRoomAdmin.ts

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 
 export const getParticipantIsRoomAdmin = (
   participant: Participant

src/frontend/src/features/rooms/utils/getParticipantName.ts

@@ -1,4 +1,4 @@
-import { Participant } from 'livekit-client'
+import type { Participant } from 'livekit-client'
 
 export const getParticipantName = (participant: Participant): string => {
   return participant.name || participant.identity || 'Unknown'