✨(frontend) add quick action to open transcription menu

Implement quick access button to open the transcription menu directly,
providing faster navigation to transcript controls and settings.

src/frontend/src/features/rooms/livekit/components/controls/Options/OptionsMenuItems.tsx

@@ -5,6 +5,7 @@ import { SettingsMenuItem } from './SettingsMenuItem'
 import { FeedbackMenuItem } from './FeedbackMenuItem'
 import { EffectsMenuItem } from './EffectsMenuItem'
 import { SupportMenuItem } from './SupportMenuItem'
+import { TranscriptMenuItem } from './TranscriptMenuItem'
 import { ScreenRecordingMenuItem } from './ScreenRecordingMenuItem'
 
 // @todo try refactoring it to use MenuList component
@@ -17,6 +18,7 @@ export const OptionsMenuItems = () => {
       }}
     >
       <MenuSection>
+        <TranscriptMenuItem />
         <ScreenRecordingMenuItem />
         <FullScreenMenuItem />
         <EffectsMenuItem />

src/frontend/src/features/rooms/livekit/components/controls/Options/TranscriptMenuItem.tsx

@@ -0,0 +1,29 @@
+import { RiFileTextLine } from '@remixicon/react'
+import { MenuItem } from 'react-aria-components'
+import { useTranslation } from 'react-i18next'
+import { menuRecipe } from '@/primitives/menuRecipe'
+import { useSidePanel } from '@/features/rooms/livekit/hooks/useSidePanel'
+import { RecordingMode, useHasRecordingAccess } from '@/features/recording'
+import { FeatureFlags } from '@/features/analytics/enums'
+
+export const TranscriptMenuItem = () => {
+  const { t } = useTranslation('rooms', { keyPrefix: 'options.items' })
+  const { isTranscriptOpen, openTranscript, toggleTools } = useSidePanel()
+
+  const hasTranscriptAccess = useHasRecordingAccess(
+    RecordingMode.Transcript,
+    FeatureFlags.Transcript
+  )
+
+  if (!hasTranscriptAccess) return null
+
+  return (
+    <MenuItem
+      className={menuRecipe({ icon: true, variant: 'dark' }).item}
+      onAction={() => (!isTranscriptOpen ? openTranscript() : toggleTools())}
+    >
+      <RiFileTextLine size={20} />
+      {t('transcript')}
+    </MenuItem>
+  )
+}

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

@@ -207,6 +207,7 @@
       "feedback": "Feedback geben",
       "settings": "Einstellungen",
       "screenRecording": "Aufzeichnung",
+      "transcript": "Transkription",
       "username": "Ihren Namen aktualisieren",
       "effects": "Effekte anwenden",
       "switchCamera": "Kamera wechseln",

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

@@ -207,6 +207,7 @@
       "feedback": "Give us feedback",
       "settings": "Settings",
       "screenRecording": "Screen recording",
+      "transcript": "Transcription",
       "username": "Update Your Name",
       "effects": "Apply effects",
       "switchCamera": "Switch camera",

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

@@ -207,6 +207,7 @@
       "feedback": "Partager votre avis",
       "settings": "Paramètres",
       "screenRecording": "Enregistrement",
+      "transcript": "Transcription",
       "username": "Choisir votre nom",
       "effects": "Effets d'arrière-plan",
       "switchCamera": "Changer de caméra",

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

@@ -206,6 +206,7 @@
     "items": {
       "feedback": "Geef ons feedback",
       "settings": "Instellingen",
+      "transcript": "Transcriptie",
       "screenRecording": "Schermopname",
       "username": "Verander uw naam",
       "effects": "Pas effecten toe",