dsh-live-voice-debugger 0.7.1 → 0.8.0

package/lib/client.js

@@ -104,6 +104,10 @@ var init_en2 = __esm({
       commandStopSpeaking: "Stop speaking",
       completed: "Completed",
       confirmDelete: "Delete this entire recording, including its audio and transcription history? This cannot be undone. Deleting an active recording also discards its future saved audio.",
+      copyTranscripts: "Copy transcripts",
+      copyTranscriptsError: "Could not copy. Check clipboard permission or copy the text manually.",
+      copyTranscriptsHelp: "Copy the latest successful nonempty transcript per segment in the current list, in list order. Includes ignored speech; window and search filters apply.",
+      copyTranscriptsSuccess: "Transcripts copied.",
       date: "Started",
       delete: "Delete entire session",
       deleteAll: "Delete all recordings",
@@ -138,6 +142,7 @@ var init_en2 = __esm({
       exportError: "Unable to export the recording.",
       failed: "Failed",
       help: "Inspect saved audio, speech/silence boundaries and transcription attempts. Audio and transcripts may be sensitive. Playback is local; export includes audio and text. Inspection never changes capture; only explicit deletion removes recordings.",
+      ignoredMuted: "Ignored while muted",
       inputStopComplete: "Recognition/meter stop completed",
       interrupted: "Interrupted",
       loadError: "Unable to load recording sessions. Try refreshing.",
@@ -199,6 +204,7 @@ var init_en2 = __esm({
       storagePartial: "At least {size} \xB7 {count} session(s) unmeasured",
       storageScope: "All sources in this browser and site. Encoded saved audio only; excludes metadata, database overhead, exported files and unsaved audio. Not total browser storage usage.",
       storageSessions: "{count} session(s) across all sources",
+      storageTab: "Storage",
       storageTotal: "Total stored audio",
       storageUnknown: "Unavailable",
       success: "Success",
@@ -207,6 +213,10 @@ var init_en2 = __esm({
       unavailable: "Recording service unavailable. Enable recording in Live Voice settings with a compatible runtime.",
       unstar: "Remove protection",
       unstarHelp: "Allow automatic cleanup and include this recording in the retention count again. Manual deletion is still allowed. Browser storage and eviction protection are unchanged.",
+      viewLayout: "View",
+      viewList: "List",
+      viewSession: "Session",
+      viewSplit: "Split",
       voiceCommandRecognized: "Voice command recognized",
       waitCancelled: "Wait cancelled",
       waitChanged: "Wait reasons changed",
@@ -363,6 +373,10 @@ var init_es2 = __esm({
       commandStopSpeaking: "Detener voz",
       completed: "Completada",
       confirmDelete: "\xBFEliminar toda esta grabaci\xF3n, incluido el audio y el historial de transcripci\xF3n? No se puede deshacer. Eliminar una grabaci\xF3n activa tambi\xE9n descarta su audio guardado futuro.",
+      copyTranscripts: "Copiar transcripciones",
+      copyTranscriptsError: "No se pudo copiar. Revisa el permiso del portapapeles o copia manualmente.",
+      copyTranscriptsHelp: "Copia la \xFAltima transcripci\xF3n correcta no vac\xEDa de cada segmento de la lista actual, en su orden. Incluye voz ignorada y respeta ventana y b\xFAsqueda.",
+      copyTranscriptsSuccess: "Transcripciones copiadas.",
       date: "Inicio",
       delete: "Eliminar sesi\xF3n completa",
       deleteAll: "Borrar todas las grabaciones",
@@ -397,6 +411,7 @@ var init_es2 = __esm({
       exportError: "No se pudo exportar la grabaci\xF3n.",
       failed: "Fallida",
       help: "Inspeccione audio guardado, l\xEDmites de voz/silencio e intentos de transcripci\xF3n. Audio y texto pueden ser sensibles. La reproducci\xF3n es local; la exportaci\xF3n incluye audio y texto. Inspeccionar no cambia la captura; solo la eliminaci\xF3n expl\xEDcita borra grabaciones.",
+      ignoredMuted: "Ignorado por estar silenciado",
       inputStopComplete: "Parada de reconocimiento/medidor completada",
       interrupted: "Interrumpida",
       loadError: "No se pudieron cargar las grabaciones. Intente actualizar.",
@@ -458,6 +473,7 @@ var init_es2 = __esm({
       storagePartial: "Al menos {size} \xB7 {count} sesi\xF3n(es) sin medir",
       storageScope: "Todas las fuentes de este navegador y sitio. Solo audio codificado guardado; excluye metadatos, sobrecarga de base de datos, archivos exportados y audio sin guardar. No es el uso total del navegador.",
       storageSessions: "{count} sesi\xF3n(es) de todas las fuentes",
+      storageTab: "Almacenamiento",
       storageTotal: "Total de audio almacenado",
       storageUnknown: "No disponible",
       success: "\xC9xito",
@@ -466,6 +482,10 @@ var init_es2 = __esm({
       unavailable: "Servicio de grabaci\xF3n no disponible. Active la grabaci\xF3n en los ajustes de Voz en vivo con un runtime compatible.",
       unstar: "Quitar protecci\xF3n",
       unstarHelp: "Permite la limpieza autom\xE1tica e incluye de nuevo esta grabaci\xF3n en el recuento de retenci\xF3n. La eliminaci\xF3n manual sigue permitida. El almacenamiento y la protecci\xF3n contra eliminaci\xF3n del navegador no cambian.",
+      viewLayout: "Vista",
+      viewList: "Lista",
+      viewSession: "Sesi\xF3n",
+      viewSplit: "Dividida",
       voiceCommandRecognized: "Comando de voz reconocido",
       waitCancelled: "Espera cancelada",
       waitChanged: "Motivos de espera cambiados",
@@ -622,6 +642,10 @@ var init_fr2 = __esm({
       commandStopSpeaking: "Arr\xEAter la parole",
       completed: "Termin\xE9",
       confirmDelete: "Supprimer cet enregistrement entier, y compris son audio et son historique de transcription ? Cette action est irr\xE9versible. Supprimer un enregistrement actif supprime aussi son futur audio enregistr\xE9.",
+      copyTranscripts: "Copier les transcriptions",
+      copyTranscriptsError: "Copie impossible. V\xE9rifiez l\u2019autorisation du presse-papiers ou copiez manuellement.",
+      copyTranscriptsHelp: "Copie la derni\xE8re transcription r\xE9ussie non vide par segment de la liste actuelle, dans son ordre. Inclut la parole ignor\xE9e et respecte la fen\xEAtre et la recherche.",
+      copyTranscriptsSuccess: "Transcriptions copi\xE9es.",
       date: "D\xE9but",
       delete: "Supprimer toute la session",
       deleteAll: "Supprimer tous les enregistrements",
@@ -656,6 +680,7 @@ var init_fr2 = __esm({
       exportError: "Impossible d\u2019exporter l\u2019enregistrement.",
       failed: "\xC9chec",
       help: "Inspectez l\u2019audio sauvegard\xE9, les limites parole/silence et les tentatives de transcription. Audio et texte peuvent \xEAtre sensibles. Lecture locale ; l\u2019export contient l\u2019audio et le texte. L\u2019inspection ne change pas la capture ; seule une suppression explicite efface les enregistrements.",
+      ignoredMuted: "Ignor\xE9 en sourdine",
       inputStopComplete: "Arr\xEAt reconnaissance/indicateur termin\xE9",
       interrupted: "Interrompu",
       loadError: "Impossible de charger les enregistrements. Actualisez la liste.",
@@ -717,6 +742,7 @@ var init_fr2 = __esm({
       storagePartial: "Au moins {size} \xB7 {count} session(s) non mesur\xE9e(s)",
       storageScope: "Toutes les sources de ce navigateur et site. Audio encod\xE9 sauvegard\xE9 uniquement ; hors m\xE9tadonn\xE9es, surcharge de base de donn\xE9es, exports et audio non sauvegard\xE9. Ce n\u2019est pas le stockage total du navigateur.",
       storageSessions: "{count} session(s), toutes sources confondues",
+      storageTab: "Stockage",
       storageTotal: "Total de l\u2019audio stock\xE9",
       storageUnknown: "Indisponible",
       success: "R\xE9ussite",
@@ -725,6 +751,10 @@ var init_fr2 = __esm({
       unavailable: "Service d\u2019enregistrement indisponible. Activez l\u2019enregistrement dans les param\xE8tres de Voix en direct avec un runtime compatible.",
       unstar: "Retirer la protection",
       unstarHelp: "Autorise le nettoyage automatique et compte \xE0 nouveau cet enregistrement parmi ceux \xE0 conserver. La suppression manuelle reste autoris\xE9e. Le stockage et la protection contre l\u2019\xE9viction par le navigateur ne changent pas.",
+      viewLayout: "Vue",
+      viewList: "Liste",
+      viewSession: "Session",
+      viewSplit: "Partag\xE9e",
       voiceCommandRecognized: "Commande vocale reconnue",
       waitCancelled: "Attente annul\xE9e",
       waitChanged: "Motifs d\u2019attente modifi\xE9s",
@@ -881,6 +911,10 @@ var init_hi2 = __esm({
       commandStopSpeaking: "\u092C\u094B\u0932\u0928\u093E \u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
       completed: "\u092A\u0942\u0930\u094D\u0923",
       confirmDelete: "\u0911\u0921\u093F\u092F\u094B \u0914\u0930 \u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928 \u0907\u0924\u093F\u0939\u093E\u0938 \u0938\u0939\u093F\u0924 \u092F\u0939 \u092A\u0942\u0930\u0940 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u090F\u0901? \u0907\u0938\u0947 \u0935\u093E\u092A\u0938 \u0928\u0939\u0940\u0902 \u0932\u093E\u092F\u093E \u091C\u093E \u0938\u0915\u0924\u093E\u0964 \u0938\u0915\u094D\u0930\u093F\u092F \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u0928\u0947 \u092A\u0930 \u0906\u0917\u0947 \u0938\u0939\u0947\u091C\u093E \u091C\u093E\u0928\u0947 \u0935\u093E\u0932\u093E \u0911\u0921\u093F\u092F\u094B \u092D\u0940 \u0939\u091F\u093E \u0926\u093F\u092F\u093E \u091C\u093E\u0924\u093E \u0939\u0948\u0964",
+      copyTranscripts: "\u092A\u094D\u0930\u0924\u093F\u0932\u0947\u0916\u0928 \u0915\u0949\u092A\u0940 \u0915\u0930\u0947\u0902",
+      copyTranscriptsError: "\u0915\u0949\u092A\u0940 \u0928\u0939\u0940\u0902 \u0939\u0941\u0906\u0964 \u0915\u094D\u0932\u093F\u092A\u092C\u094B\u0930\u094D\u0921 \u0915\u0940 \u0905\u0928\u0941\u092E\u0924\u093F \u091C\u093E\u0901\u091A\u0947\u0902 \u092F\u093E \u092A\u093E\u0920 \u0938\u094D\u0935\u092F\u0902 \u0915\u0949\u092A\u0940 \u0915\u0930\u0947\u0902\u0964",
+      copyTranscriptsHelp: "\u0935\u0930\u094D\u0924\u092E\u093E\u0928 \u0938\u0942\u091A\u0940 \u0915\u0947 \u0939\u0930 \u0916\u0902\u0921 \u0915\u093E \u0905\u0902\u0924\u093F\u092E \u0938\u092B\u0932 \u0917\u0948\u0930-\u0916\u093E\u0932\u0940 \u092A\u094D\u0930\u0924\u093F\u0932\u0947\u0916\u0928 \u0938\u0942\u091A\u0940 \u0915\u094D\u0930\u092E \u092E\u0947\u0902 \u0915\u0949\u092A\u0940 \u0915\u0930\u0947\u0902\u0964 \u0905\u0928\u0926\u0947\u0916\u0940 \u0906\u0935\u093E\u091C\u093C \u092D\u0940 \u0936\u093E\u092E\u093F\u0932 \u0939\u0948; \u0935\u093F\u0902\u0921\u094B \u0914\u0930 \u0916\u094B\u091C \u0932\u093E\u0917\u0942 \u0939\u094B\u0924\u0947 \u0939\u0948\u0902\u0964",
+      copyTranscriptsSuccess: "\u092A\u094D\u0930\u0924\u093F\u0932\u0947\u0916\u0928 \u0915\u0949\u092A\u0940 \u0939\u0941\u0906\u0964",
       date: "\u0936\u0941\u0930\u0941\u0906\u0924",
       delete: "\u092A\u0942\u0930\u0940 \u0938\u0924\u094D\u0930 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u090F\u0901",
       deleteAll: "\u0938\u092D\u0940 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u090F\u0901",
@@ -915,6 +949,7 @@ var init_hi2 = __esm({
       exportError: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0928\u093F\u0930\u094D\u092F\u093E\u0924 \u0928\u0939\u0940\u0902 \u0915\u0940 \u091C\u093E \u0938\u0915\u0940\u0964",
       failed: "\u0935\u093F\u092B\u0932",
       help: "\u0938\u0939\u0947\u091C\u093E \u0911\u0921\u093F\u092F\u094B, \u0906\u0935\u093E\u091C\u093C/\u092E\u094C\u0928 \u0938\u0940\u092E\u093E\u090F\u0901 \u0914\u0930 \u091F\u094D\u0930\u093E\u0902\u0938\u0915\u094D\u0930\u093F\u092A\u094D\u0936\u0928 \u092A\u094D\u0930\u092F\u093E\u0938 \u0926\u0947\u0916\u0947\u0902\u0964 \u0911\u0921\u093F\u092F\u094B \u0914\u0930 \u091F\u0947\u0915\u094D\u0938\u094D\u091F \u0938\u0902\u0935\u0947\u0926\u0928\u0936\u0940\u0932 \u0939\u094B \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964 \u092A\u094D\u0932\u0947\u092C\u0948\u0915 \u0938\u094D\u0925\u093E\u0928\u0940\u092F \u0939\u0948; \u0928\u093F\u0930\u094D\u092F\u093E\u0924 \u092E\u0947\u0902 \u0911\u0921\u093F\u092F\u094B \u0914\u0930 \u091F\u0947\u0915\u094D\u0938\u094D\u091F \u0936\u093E\u092E\u093F\u0932 \u0939\u0948\u0902\u0964 \u0928\u093F\u0930\u0940\u0915\u094D\u0937\u0923 \u0915\u0948\u092A\u094D\u091A\u0930 \u0928\u0939\u0940\u0902 \u092C\u0926\u0932\u0924\u093E; \u0915\u0947\u0935\u0932 \u0938\u094D\u092A\u0937\u094D\u091F \u0939\u091F\u093E\u0928\u0947 \u0915\u0940 \u0915\u093E\u0930\u094D\u0930\u0935\u093E\u0908 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0939\u091F\u093E\u0924\u0940 \u0939\u0948\u0964",
+      ignoredMuted: "\u092E\u094D\u092F\u0942\u091F \u0939\u094B\u0928\u0947 \u0915\u0947 \u0915\u093E\u0930\u0923 \u0905\u0928\u0926\u0947\u0916\u093E",
       inputStopComplete: "\u092A\u0939\u091A\u093E\u0928/\u092E\u0940\u091F\u0930 \u0930\u094B\u0915\u0928\u093E \u092A\u0942\u0930\u093E \u0939\u0941\u0906",
       interrupted: "\u092C\u093E\u0927\u093F\u0924",
       loadError: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0938\u0924\u094D\u0930 \u0932\u094B\u0921 \u0928\u0939\u0940\u0902 \u0939\u094B \u0938\u0915\u0947\u0964 \u0930\u0940\u092B\u093C\u094D\u0930\u0947\u0936 \u0915\u0930\u0947\u0902\u0964",
@@ -976,6 +1011,7 @@ var init_hi2 = __esm({
       storagePartial: "\u0915\u092E \u0938\u0947 \u0915\u092E {size} \xB7 {count} \u0938\u0924\u094D\u0930\u094B\u0902 \u0915\u093E \u092E\u093E\u092A \u0909\u092A\u0932\u092C\u094D\u0927 \u0928\u0939\u0940\u0902",
       storageScope: "\u0907\u0938 \u092C\u094D\u0930\u093E\u0909\u091C\u093C\u0930 \u0914\u0930 \u0938\u093E\u0907\u091F \u0915\u0947 \u0938\u092D\u0940 \u0938\u094D\u0930\u094B\u0924\u0964 \u0915\u0947\u0935\u0932 \u0938\u0939\u0947\u091C\u093E \u090F\u0928\u094D\u0915\u094B\u0921\u0947\u0921 \u0911\u0921\u093F\u092F\u094B; \u092E\u0947\u091F\u093E\u0921\u0947\u091F\u093E, \u0921\u0947\u091F\u093E\u092C\u0947\u0938 \u0913\u0935\u0930\u0939\u0947\u0921, \u0928\u093F\u0930\u094D\u092F\u093E\u0924 \u092B\u093C\u093E\u0907\u0932\u0947\u0902 \u0914\u0930 \u092C\u093F\u0928\u093E \u0938\u0939\u0947\u091C\u093E \u0911\u0921\u093F\u092F\u094B \u0936\u093E\u092E\u093F\u0932 \u0928\u0939\u0940\u0902 \u0939\u0948\u0902\u0964 \u092F\u0939 \u092A\u0942\u0930\u0947 \u092C\u094D\u0930\u093E\u0909\u091C\u093C\u0930 \u0915\u093E \u0938\u0902\u0917\u094D\u0930\u0939\u0923 \u0909\u092A\u092F\u094B\u0917 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964",
       storageSessions: "\u0938\u092D\u0940 \u0938\u094D\u0930\u094B\u0924\u094B\u0902 \u092E\u0947\u0902 {count} \u0938\u0924\u094D\u0930",
+      storageTab: "\u0938\u0902\u0917\u094D\u0930\u0939\u0923",
       storageTotal: "\u0915\u0941\u0932 \u0938\u0939\u0947\u091C\u093E \u0917\u092F\u093E \u0911\u0921\u093F\u092F\u094B",
       storageUnknown: "\u0905\u0928\u0941\u092A\u0932\u092C\u094D\u0927",
       success: "\u0938\u092B\u0932",
@@ -984,6 +1020,10 @@ var init_hi2 = __esm({
       unavailable: "\u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0938\u0947\u0935\u093E \u0909\u092A\u0932\u092C\u094D\u0927 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964 \u0938\u0902\u0917\u0924 \u0930\u0928\u091F\u093E\u0907\u092E \u0915\u0947 \u0938\u093E\u0925 \u0932\u093E\u0907\u0935 \u0935\u0949\u0907\u0938 \u0938\u0947\u091F\u093F\u0902\u0917\u094D\u0938 \u092E\u0947\u0902 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u091A\u093E\u0932\u0942 \u0915\u0930\u0947\u0902\u0964",
       unstar: "\u0938\u0941\u0930\u0915\u094D\u0937\u093E \u0939\u091F\u093E\u090F\u0901",
       unstarHelp: "\u0938\u094D\u0935\u091A\u093E\u0932\u093F\u0924 \u0938\u092B\u093C\u093E\u0908 \u0915\u0940 \u0905\u0928\u0941\u092E\u0924\u093F \u0926\u0947\u0902 \u0914\u0930 \u0907\u0938 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0915\u094B \u092B\u093F\u0930 \u0938\u0947 \u0930\u0916\u0940 \u091C\u093E\u0928\u0947 \u0935\u093E\u0932\u0940 \u0930\u093F\u0915\u0949\u0930\u094D\u0921\u093F\u0902\u0917 \u0915\u0940 \u0917\u093F\u0928\u0924\u0940 \u092E\u0947\u0902 \u0936\u093E\u092E\u093F\u0932 \u0915\u0930\u0947\u0902\u0964 \u092E\u0948\u0928\u094D\u092F\u0941\u0905\u0932 \u0930\u0942\u092A \u0938\u0947 \u0939\u091F\u093E\u0928\u093E \u0905\u092C \u092D\u0940 \u0938\u0902\u092D\u0935 \u0939\u0948\u0964 \u092C\u094D\u0930\u093E\u0909\u091C\u093C\u0930 \u0915\u093E \u0938\u094D\u091F\u094B\u0930\u0947\u091C \u0914\u0930 \u0928\u093F\u0937\u094D\u0915\u093E\u0938\u0928 \u0938\u0941\u0930\u0915\u094D\u0937\u093E \u0928\u0939\u0940\u0902 \u092C\u0926\u0932\u0924\u0947\u0964",
+      viewLayout: "\u0926\u0943\u0936\u094D\u092F",
+      viewList: "\u0938\u0942\u091A\u0940",
+      viewSession: "\u0938\u0924\u094D\u0930",
+      viewSplit: "\u0935\u093F\u092D\u093E\u091C\u093F\u0924",
       voiceCommandRecognized: "\u0935\u0949\u0907\u0938 \u0915\u092E\u093E\u0902\u0921 \u092A\u0939\u091A\u093E\u0928\u093E \u0917\u092F\u093E",
       waitCancelled: "\u092A\u094D\u0930\u0924\u0940\u0915\u094D\u0937\u093E \u0930\u0926\u094D\u0926",
       waitChanged: "\u092A\u094D\u0930\u0924\u0940\u0915\u094D\u0937\u093E \u0915\u0947 \u0915\u093E\u0930\u0923 \u092C\u0926\u0932\u0947",
@@ -1140,6 +1180,10 @@ var init_pt_BR2 = __esm({
       commandStopSpeaking: "Parar fala",
       completed: "Conclu\xEDda",
       confirmDelete: "Excluir esta grava\xE7\xE3o inteira, incluindo \xE1udio e hist\xF3rico de transcri\xE7\xE3o? N\xE3o \xE9 poss\xEDvel desfazer. Excluir uma grava\xE7\xE3o ativa tamb\xE9m descarta o \xE1udio salvo futuro.",
+      copyTranscripts: "Copiar transcri\xE7\xF5es",
+      copyTranscriptsError: "N\xE3o foi poss\xEDvel copiar. Verifique a permiss\xE3o da \xE1rea de transfer\xEAncia ou copie o texto manualmente.",
+      copyTranscriptsHelp: "Copia a \xFAltima transcri\xE7\xE3o bem-sucedida n\xE3o vazia de cada segmento da lista atual, na ordem da lista. Inclui falas ignoradas e respeita a janela e a busca.",
+      copyTranscriptsSuccess: "Transcri\xE7\xF5es copiadas.",
       date: "In\xEDcio",
       delete: "Excluir sess\xE3o inteira",
       deleteAll: "Apagar todas as grava\xE7\xF5es",
@@ -1174,6 +1218,7 @@ var init_pt_BR2 = __esm({
       exportError: "N\xE3o foi poss\xEDvel exportar a grava\xE7\xE3o.",
       failed: "Falhou",
       help: "Inspecione \xE1udio salvo, limites de fala/sil\xEAncio e tentativas de transcri\xE7\xE3o. \xC1udio e texto podem ser sens\xEDveis. Reprodu\xE7\xE3o local; a exporta\xE7\xE3o inclui \xE1udio e texto. Inspecionar n\xE3o altera a captura; apenas a exclus\xE3o expl\xEDcita remove grava\xE7\xF5es.",
+      ignoredMuted: "Ignorado por estar no mudo",
       inputStopComplete: "Parada do reconhecimento/medidor conclu\xEDda",
       interrupted: "Interrompida",
       loadError: "N\xE3o foi poss\xEDvel carregar as grava\xE7\xF5es. Tente atualizar.",
@@ -1235,6 +1280,7 @@ var init_pt_BR2 = __esm({
       storagePartial: "Pelo menos {size} \xB7 {count} sess\xE3o(\xF5es) sem medi\xE7\xE3o",
       storageScope: "Todas as fontes deste navegador e site. Apenas \xE1udio codificado salvo; n\xE3o inclui metadados, espa\xE7o interno do banco, arquivos exportados nem \xE1udio ainda n\xE3o salvo. N\xE3o \xE9 o uso total do navegador.",
       storageSessions: "{count} sess\xE3o(\xF5es) de todas as fontes",
+      storageTab: "Armazenamento",
       storageTotal: "Total de \xE1udio armazenado",
       storageUnknown: "Indispon\xEDvel",
       success: "Sucesso",
@@ -1243,6 +1289,10 @@ var init_pt_BR2 = __esm({
       unavailable: "Servi\xE7o de grava\xE7\xE3o indispon\xEDvel. Ative a grava\xE7\xE3o nas configura\xE7\xF5es da Voz ao Vivo com um runtime compat\xEDvel.",
       unstar: "Remover prote\xE7\xE3o",
       unstarHelp: "Permite a limpeza autom\xE1tica e inclui novamente esta grava\xE7\xE3o na contagem de reten\xE7\xE3o. A exclus\xE3o manual continua permitida. O armazenamento e a prote\xE7\xE3o contra remo\xE7\xE3o pelo navegador n\xE3o mudam.",
+      viewLayout: "Visualiza\xE7\xE3o",
+      viewList: "Lista",
+      viewSession: "Sess\xE3o",
+      viewSplit: "Dividido",
       voiceCommandRecognized: "Comando de voz reconhecido",
       waitCancelled: "Espera cancelada",
       waitChanged: "Motivos da espera alterados",
@@ -1399,6 +1449,10 @@ var init_zh2 = __esm({
       commandStopSpeaking: "\u505C\u6B62\u8BB2\u8BDD",
       completed: "\u5DF2\u5B8C\u6210",
       confirmDelete: "\u5220\u9664\u6574\u4E2A\u5F55\u97F3\uFF0C\u5305\u62EC\u97F3\u9891\u548C\u8F6C\u5F55\u5386\u53F2\uFF1F\u6B64\u64CD\u4F5C\u65E0\u6CD5\u64A4\u9500\u3002\u5220\u9664\u6B63\u5728\u5F55\u5236\u7684\u4F1A\u8BDD\u8FD8\u4F1A\u4E22\u5F03\u540E\u7EED\u4FDD\u5B58\u7684\u97F3\u9891\u3002",
+      copyTranscripts: "\u590D\u5236\u8F6C\u5199",
+      copyTranscriptsError: "\u65E0\u6CD5\u590D\u5236\u3002\u8BF7\u68C0\u67E5\u526A\u8D34\u677F\u6743\u9650\u6216\u624B\u52A8\u590D\u5236\u6587\u672C\u3002",
+      copyTranscriptsHelp: "\u6309\u5F53\u524D\u5217\u8868\u987A\u5E8F\u590D\u5236\u6BCF\u4E2A\u7247\u6BB5\u6700\u65B0\u7684\u6210\u529F\u4E14\u975E\u7A7A\u8F6C\u5199\u3002\u5305\u542B\u88AB\u5FFD\u7565\u7684\u8BED\u97F3\uFF0C\u5E76\u9075\u5FAA\u65F6\u95F4\u7A97\u53E3\u548C\u641C\u7D22\u6761\u4EF6\u3002",
+      copyTranscriptsSuccess: "\u8F6C\u5199\u5DF2\u590D\u5236\u3002",
       date: "\u5F00\u59CB\u65F6\u95F4",
       delete: "\u5220\u9664\u6574\u4E2A\u4F1A\u8BDD",
       deleteAll: "\u5220\u9664\u6240\u6709\u5F55\u97F3",
@@ -1433,6 +1487,7 @@ var init_zh2 = __esm({
       exportError: "\u65E0\u6CD5\u5BFC\u51FA\u5F55\u97F3\u3002",
       failed: "\u5931\u8D25",
       help: "\u67E5\u770B\u5DF2\u4FDD\u5B58\u97F3\u9891\u3001\u8BED\u97F3/\u9759\u97F3\u8FB9\u754C\u548C\u8F6C\u5F55\u5C1D\u8BD5\u3002\u97F3\u9891\u548C\u6587\u672C\u53EF\u80FD\u654F\u611F\u3002\u64AD\u653E\u5728\u672C\u5730\u8FDB\u884C\uFF1B\u5BFC\u51FA\u5305\u542B\u97F3\u9891\u548C\u6587\u672C\u3002\u67E5\u770B\u4E0D\u4F1A\u66F4\u6539\u91C7\u96C6\uFF1B\u53EA\u6709\u660E\u786E\u5220\u9664\u64CD\u4F5C\u624D\u4F1A\u79FB\u9664\u5F55\u97F3\u3002",
+      ignoredMuted: "\u9759\u97F3\u65F6\u5DF2\u5FFD\u7565",
       inputStopComplete: "\u8BC6\u522B/\u97F3\u91CF\u8BA1\u505C\u6B62\u5DF2\u5B8C\u6210",
       interrupted: "\u5DF2\u4E2D\u65AD",
       loadError: "\u65E0\u6CD5\u52A0\u8F7D\u5F55\u97F3\u4F1A\u8BDD\u3002\u8BF7\u5237\u65B0\u91CD\u8BD5\u3002",
@@ -1494,6 +1549,7 @@ var init_zh2 = __esm({
       storagePartial: "\u81F3\u5C11 {size} \xB7 {count} \u4E2A\u4F1A\u8BDD\u672A\u6D4B\u91CF",
       storageScope: "\u6B64\u6D4F\u89C8\u5668\u548C\u7AD9\u70B9\u7684\u6240\u6709\u6765\u6E90\u3002\u4EC5\u8BA1\u7B97\u5DF2\u4FDD\u5B58\u7684\u7F16\u7801\u97F3\u9891\uFF1B\u4E0D\u542B\u5143\u6570\u636E\u3001\u6570\u636E\u5E93\u5F00\u9500\u3001\u5BFC\u51FA\u6587\u4EF6\u6216\u672A\u4FDD\u5B58\u97F3\u9891\u3002\u5E76\u975E\u6D4F\u89C8\u5668\u603B\u5B58\u50A8\u7528\u91CF\u3002",
       storageSessions: "\u6240\u6709\u6765\u6E90\u5171 {count} \u4E2A\u4F1A\u8BDD",
+      storageTab: "\u5B58\u50A8",
       storageTotal: "\u5DF2\u5B58\u50A8\u97F3\u9891\u603B\u91CF",
       storageUnknown: "\u4E0D\u53EF\u7528",
       success: "\u6210\u529F",
@@ -1502,6 +1558,10 @@ var init_zh2 = __esm({
       unavailable: "\u5F55\u97F3\u670D\u52A1\u4E0D\u53EF\u7528\u3002\u8BF7\u5728\u517C\u5BB9\u7684\u5B9E\u65F6\u8BED\u97F3\u8BBE\u7F6E\u4E2D\u542F\u7528\u5F55\u97F3\u3002",
       unstar: "\u53D6\u6D88\u4FDD\u62A4",
       unstarHelp: "\u5141\u8BB8\u81EA\u52A8\u6E05\u7406\uFF0C\u5E76\u5C06\u6B64\u5F55\u97F3\u91CD\u65B0\u8BA1\u5165\u4FDD\u7559\u6570\u91CF\u3002\u4ECD\u53EF\u624B\u52A8\u5220\u9664\u3002\u6D4F\u89C8\u5668\u5B58\u50A8\u548C\u9632\u9010\u51FA\u4FDD\u62A4\u4FDD\u6301\u4E0D\u53D8\u3002",
+      viewLayout: "\u89C6\u56FE",
+      viewList: "\u5217\u8868",
+      viewSession: "\u4F1A\u8BDD",
+      viewSplit: "\u5206\u680F",
       voiceCommandRecognized: "\u5DF2\u8BC6\u522B\u8BED\u97F3\u547D\u4EE4",
       waitCancelled: "\u7B49\u5F85\u5DF2\u53D6\u6D88",
       waitChanged: "\u7B49\u5F85\u539F\u56E0\u5DF2\u6539\u53D8",
@@ -1596,7 +1656,7 @@ __export(apply_exports, {
   inject: () => inject
 });
 module.exports = __toCommonJS(apply_exports);
-var import_react30 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"), 1);
 
 // ../live-voice/src/shared/design-system/buttons/IconButton.tsx
 var import_react2 = __toESM(require("react"), 1);
@@ -1825,7 +1885,7 @@ var import_react20 = __toESM(require("react"), 1);
 var import_client = require("react-dom/client");
 
 // src/DebuggerPanel.tsx
-var import_react27 = __toESM(require("react"), 1);
+var import_react28 = __toESM(require("react"), 1);
 
 // ../live-voice/src/modules/core/diagnostics.ts
 var DIAGNOSTIC_KEY = /* @__PURE__ */ Symbol.for("dsh-live-voice.diagnostics.v1");
@@ -1960,7 +2020,8 @@ function StateTree({
 }
 
 // src/RecordingPanel.tsx
-var import_react25 = __toESM(require("react"), 1);
+var import_react26 = __toESM(require("react"), 1);
+var import_react_dom = require("react-dom");
 
 // src/formatBytes.ts
 function formatBytes(bytes, locale = "en") {
@@ -2164,12 +2225,17 @@ function RecordingStorage({
   ));
 }
 
-// src/EventTimeline.tsx
-var import_react23 = __toESM(require("react"), 1);
-
 // src/eventTimelineModel.ts
-var eventCategories = ["waiting", "playback", "capture", "command", "attention"];
+var eventCategories = [
+  "waiting",
+  "playback",
+  "capture",
+  "command",
+  "ignored",
+  "attention"
+];
 function eventCategory(kind) {
+  if (kind === "transcription-ignored-muted") return "ignored";
   if (kind === "voice-command-recognized") return "command";
   if (kind.startsWith("assistant-wait")) return "waiting";
   if (kind.includes("error") || kind.includes("failed") || kind.includes("cancel") || kind.includes("interruption"))
@@ -2177,6 +2243,32 @@ function eventCategory(kind) {
   if (kind.startsWith("capture-") || kind === "input-stop-complete") return "capture";
   return "playback";
 }
+function eventIntervals(events, frontier) {
+  const open = /* @__PURE__ */ new Map();
+  const ranges = [];
+  for (const event of events) {
+    const category = event.kind.startsWith("assistant-wait") ? "waiting" : "playback";
+    const starts = event.kind === "assistant-wait-start" || event.kind === "assistant-start" || event.kind === "assistant-resume";
+    const ends = event.kind === "assistant-wait-end" || ["assistant-end", "assistant-pause", "assistant-cancel", "assistant-error"].includes(
+      event.kind
+    );
+    if (starts && !open.has(category)) open.set(category, event);
+    if (ends && open.has(category)) {
+      const begin = open.get(category);
+      open.delete(category);
+      if (event.atSample > begin.atSample)
+        ranges.push({ category, start: begin.atSample, end: event.atSample });
+    }
+  }
+  for (const [category, begin] of open)
+    if (frontier > begin.atSample)
+      ranges.push({
+        category,
+        start: begin.atSample,
+        end: frontier
+      });
+  return ranges;
+}
 function groupTimelineEvents(events, start, end, width) {
   const span = Math.max(1, end - start);
   const slots = Math.max(1, Math.floor(Math.max(1, width) / 36));
@@ -2204,8 +2296,9 @@ function groupTimelineEvents(events, start, end, width) {
 }
 
 // src/EventTimeline.tsx
+var import_react23 = __toESM(require("react"), 1);
 function EventGlyph({ kind }) {
-  const path = kind.includes("command") ? "m13 2-9 12h7l-1 8 10-12h-7l1-8Z" : kind.includes("wait") ? "M6 3h12M6 21h12M7 3v4l10 10v4M17 3v4L7 17v4" : kind.includes("error") || kind.includes("failed") ? "M12 3 2 21h20L12 3ZM12 9v5M12 17v.1" : kind.includes("cancel") ? "m6 6 12 12M6 18 18 6" : kind.includes("pause") || kind.includes("interruption") ? "M8 5v14M16 5v14" : kind.endsWith("end") || kind === "input-stop-complete" ? "M5 5h14v14H5Z" : kind.startsWith("capture") ? "M9 4a3 3 0 0 1 6 0v8a3 3 0 0 1-6 0V4ZM5 10v2a7 7 0 0 0 14 0v-2M12 19v3M8 22h8" : "m7 4 13 8-13 8Z";
+  const path = kind.includes("ignored") ? "M3 3l18 18M9 9v3a3 3 0 0 0 5 2M15 8V5a3 3 0 0 0-5-2M6 10v2a6 6 0 0 0 10 4M12 18v4M8 22h8" : kind.includes("command") ? "m13 2-9 12h7l-1 8 10-12h-7l1-8Z" : kind.includes("wait") ? "M6 3h12M6 21h12M7 3v4l10 10v4M17 3v4L7 17v4" : kind.includes("error") || kind.includes("failed") ? "M12 3 2 21h20L12 3ZM12 9v5M12 17v.1" : kind.includes("cancel") ? "m6 6 12 12M6 18 18 6" : kind.includes("pause") || kind.includes("interruption") ? "M8 5v14M16 5v14" : kind.endsWith("end") || kind === "input-stop-complete" ? "M5 5h14v14H5Z" : kind.startsWith("capture") ? "M9 4a3 3 0 0 1 6 0v8a3 3 0 0 1-6 0V4ZM5 10v2a7 7 0 0 0 14 0v-2M12 19v3M8 22h8" : "m7 4 13 8-13 8Z";
   return /* @__PURE__ */ import_react23.default.createElement(
     "svg",
     {
@@ -2250,6 +2343,7 @@ function EventTimeline({
     playback: copy.eventPlayback,
     capture: copy.eventCapture,
     command: copy.eventCommand,
+    ignored: copy.ignoredMuted,
     attention: copy.eventAttention
   };
   const timestamp = (event) => new Date(event.occurredAt).toLocaleString() + "." + new Date(event.occurredAt).getMilliseconds().toString().padStart(3, "0");
@@ -2309,12 +2403,12 @@ function EventTimeline({
     };
   }, [active, group, copy]);
   const show = (item, anchor) => setActive({ key: item.key, anchor });
-  return /* @__PURE__ */ import_react23.default.createElement("div", { className: "dlvd-event-timeline", ref: root }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "dlvd-event-legend" }, eventCategories.map((category) => /* @__PURE__ */ import_react23.default.createElement("span", { key: category, "data-category": category }, /* @__PURE__ */ import_react23.default.createElement(
+  return /* @__PURE__ */ import_react23.default.createElement("div", { className: "dlvd-event-timeline", ref: root }, /* @__PURE__ */ import_react23.default.createElement("div", { className: "dlvd-event-legend" }, /* @__PURE__ */ import_react23.default.createElement("span", { "data-category": "silence" }, /* @__PURE__ */ import_react23.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true" }, /* @__PURE__ */ import_react23.default.createElement("path", { d: "M2 8h12", stroke: "currentColor", strokeWidth: "2" })), copy.silence), eventCategories.map((category) => /* @__PURE__ */ import_react23.default.createElement("span", { key: category, "data-category": category }, /* @__PURE__ */ import_react23.default.createElement(
     EventGlyph,
     {
-      kind: category === "waiting" ? "wait" : category === "capture" ? "capture-start" : category === "attention" ? "error" : category === "command" ? "voice-command" : "assistant-start"
+      kind: category === "waiting" ? "wait" : category === "capture" ? "capture-start" : category === "attention" ? "error" : category === "command" ? "voice-command" : category === "ignored" ? "transcription-ignored-muted" : "assistant-start"
     }
-  ), labels[category]))), /* @__PURE__ */ import_react23.default.createElement("p", { className: "dlvd-event-help" }, copy.eventTrackHelp), /* @__PURE__ */ import_react23.default.createElement("div", { className: "dlvd-event-track", ref: lanes, role: "group", "aria-label": copy.events }, eventCategories.map((category) => /* @__PURE__ */ import_react23.default.createElement(
+  ), labels[category]))), /* @__PURE__ */ import_react23.default.createElement("p", { className: "dlvd-event-help" }, copy.eventTrackHelp), /* @__PURE__ */ import_react23.default.createElement("div", { className: "dlvd-event-track", ref: lanes, role: "group", "aria-label": copy.events }, eventCategories.filter((category) => groups.some((group2) => group2.category === category)).map((category) => /* @__PURE__ */ import_react23.default.createElement(
     "div",
     {
       className: "dlvd-event-lane",
@@ -2454,7 +2548,7 @@ function TimelineWindow({ total, start, end, copy, format, onChange, onReset })
     onKeyDown: (event) => keyboard(event, part)
   });
   const percent = (value) => total > 0 ? value / total * 100 : 0;
-  return /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-timeline-window", role: "group", "aria-label": copy.window }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-window-selector" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-window-values" }, /* @__PURE__ */ import_react24.default.createElement("span", null, copy.windowStart, ": ", format(start)), /* @__PURE__ */ import_react24.default.createElement("span", null, copy.windowEnd, ": ", format(end))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-window-track", ref: track }, /* @__PURE__ */ import_react24.default.createElement(
+  return /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-timeline-window", role: "group", "aria-label": copy.window }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-window-selector" }, /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-window-values" }, /* @__PURE__ */ import_react24.default.createElement("span", null, copy.start, ": ", format(start)), /* @__PURE__ */ import_react24.default.createElement("span", null, copy.end, ": ", format(end))), /* @__PURE__ */ import_react24.default.createElement("div", { className: "dlvd-window-track", ref: track }, /* @__PURE__ */ import_react24.default.createElement(
     "button",
     {
       type: "button",
@@ -2532,6 +2626,55 @@ function TimelineWindow({ total, start, end, copy, format, onChange, onReset })
   ));
 }
 
+// src/CopyTranscripts.tsx
+var import_react25 = __toESM(require("react"), 1);
+function segmentTranscripts(segments) {
+  return segments.map(
+    (segment) => [...segment.attempts].reverse().find((attempt) => attempt.status === "success" && attempt.text?.trim())?.text?.trim() || ""
+  ).filter(Boolean).join("\n\n");
+}
+function CopyTranscripts({
+  segments,
+  copy
+}) {
+  const text = segmentTranscripts(segments);
+  const ref = import_react25.default.useRef(null);
+  const mounted = import_react25.default.useRef(true);
+  const [busy, setBusy] = import_react25.default.useState(false);
+  const [feedback, setFeedback] = import_react25.default.useState(null);
+  import_react25.default.useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  import_react25.default.useEffect(() => setFeedback(null), [text]);
+  return /* @__PURE__ */ import_react25.default.createElement("span", { className: "dlvd-copy-transcripts" }, /* @__PURE__ */ import_react25.default.createElement(
+    "button",
+    {
+      ref,
+      type: "button",
+      disabled: !text || busy,
+      title: copy.copyTranscriptsHelp,
+      onClick: async () => {
+        setBusy(true);
+        setFeedback(null);
+        try {
+          const clipboard = ref.current?.ownerDocument.defaultView?.navigator.clipboard;
+          if (!clipboard?.writeText) throw Error("clipboard-unavailable");
+          await clipboard.writeText(text);
+          if (mounted.current) setFeedback("success");
+        } catch {
+          if (mounted.current) setFeedback("error");
+        } finally {
+          if (mounted.current) setBusy(false);
+        }
+      }
+    },
+    copy.copyTranscripts
+  ), feedback && /* @__PURE__ */ import_react25.default.createElement("span", { role: feedback === "error" ? "alert" : "status" }, feedback === "error" ? copy.copyTranscriptsError : copy.copyTranscriptsSuccess));
+}
+
 // src/segmentSearch.ts
 var normalize = (text) => text.normalize("NFKD").replace(/\p{M}/gu, "").toLowerCase().replace(/[^\p{L}\p{N}]+/gu, " ").trim();
 function distance(a, b) {
@@ -2695,7 +2838,7 @@ function createRecordingInspector(target, changed) {
 
 // src/RecordingPanel.tsx
 function SegmentIcon({ kind }) {
-  return /* @__PURE__ */ import_react25.default.createElement(
+  return /* @__PURE__ */ import_react26.default.createElement(
     "svg",
     {
       width: "18",
@@ -2709,7 +2852,7 @@ function SegmentIcon({ kind }) {
       "aria-hidden": "true",
       focusable: "false"
     },
-    kind === "play" ? /* @__PURE__ */ import_react25.default.createElement("path", { d: "m8 5 11 7-11 7z", fill: "currentColor" }) : kind === "download" ? /* @__PURE__ */ import_react25.default.createElement("path", { d: "M12 3v12m-5-5 5 5 5-5M5 16v5h14v-5" }) : /* @__PURE__ */ import_react25.default.createElement("path", { d: "M20 7v5h-5M20 12a8 8 0 1 0-2 6M20 7v5" })
+    kind === "play" ? /* @__PURE__ */ import_react26.default.createElement("path", { d: "m8 5 11 7-11 7z", fill: "currentColor" }) : kind === "download" ? /* @__PURE__ */ import_react26.default.createElement("path", { d: "M12 3v12m-5-5 5 5 5-5M5 16v5h14v-5" }) : /* @__PURE__ */ import_react26.default.createElement("path", { d: "M20 7v5h-5M20 12a8 8 0 1 0-2 6M20 7v5" })
   );
 }
 function duration(samples, rate) {
@@ -2730,9 +2873,13 @@ function stateName(session, copy) {
 function RecordingPanel({
   copy,
   target,
-  locale = "en"
+  locale = "en",
+  toolbarTarget,
+  storageTarget,
+  onStorageTotal,
+  recordingRequest
 }) {
-  const [view, setView] = import_react25.default.useState({
+  const [view, setView] = import_react26.default.useState({
     service: null,
     sessions: [],
     selected: null,
@@ -2740,10 +2887,25 @@ function RecordingPanel({
     loading: true,
     failed: false
   });
-  const inspector = import_react25.default.useRef(null);
-  const [filter, setFilter] = import_react25.default.useState("");
-  const [clearing, setClearing] = import_react25.default.useState(false);
-  import_react25.default.useEffect(() => {
+  const total = recordingStorage(view.sessions);
+  const totalLabel = view.failed || view.loading || !view.service ? "\u2014" : (total.unknown ? "\u2265 " : "") + formatBytes(total.bytes, locale);
+  import_react26.default.useEffect(() => {
+    onStorageTotal?.(totalLabel);
+  }, [onStorageTotal, totalLabel]);
+  const inspector = import_react26.default.useRef(null);
+  const [filter, setFilter] = import_react26.default.useState("");
+  const [layout, setLayout] = import_react26.default.useState("split");
+  const [clearing, setClearing] = import_react26.default.useState(false);
+  const appliedRequest = import_react26.default.useRef(null);
+  import_react26.default.useEffect(() => {
+    if (!recordingRequest?.id || appliedRequest.current === recordingRequest || !view.sessions.some((session) => session.id === recordingRequest.id))
+      return;
+    appliedRequest.current = recordingRequest;
+    setFilter("");
+    setLayout("session");
+    inspector.current?.select(recordingRequest.id);
+  }, [recordingRequest, view.sessions]);
+  import_react26.default.useEffect(() => {
     const current = createRecordingInspector(target, setView);
     inspector.current = current;
     current.discover();
@@ -2760,16 +2922,40 @@ function RecordingPanel({
     ...new Map(view.sessions.map((session) => [sourceKey(session), session])).values()
   ];
   const visible = view.sessions.filter((session) => !filter || sourceKey(session) === filter).slice().sort((a, b) => b.startedAt.localeCompare(a.startedAt));
-  import_react25.default.useEffect(() => {
+  import_react26.default.useEffect(() => {
     if (!view.loading && !view.failed && filter && !view.sessions.some((session) => sourceKey(session) === filter))
       setFilter("");
   }, [filter, view.sessions, view.loading, view.failed]);
-  import_react25.default.useEffect(() => {
+  import_react26.default.useEffect(() => {
     if (!view.loading && filter && visible.length && !visible.some((s) => s.id === view.selected?.id))
       inspector.current?.select(visible[0].id);
   }, [filter, view.selected?.id, view.loading, visible[0]?.id]);
   const selected = view.selected && visible.some((s) => s.id === view.selected?.id) ? view.selected : null;
-  return /* @__PURE__ */ import_react25.default.createElement("section", { className: "dlvd-recordings", "aria-label": copy.recordings.title }, /* @__PURE__ */ import_react25.default.createElement("p", null, copy.recordings.help), /* @__PURE__ */ import_react25.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react25.default.createElement("label", null, copy.recordings.sourceFilter, " ", /* @__PURE__ */ import_react25.default.createElement("select", { value: filter, onChange: (event) => setFilter(event.target.value) }, /* @__PURE__ */ import_react25.default.createElement("option", { value: "" }, copy.recordings.allSources), sources.map((session) => /* @__PURE__ */ import_react25.default.createElement("option", { key: sourceKey(session), value: sourceKey(session) }, sourceName(session, copy), session.participant ? " \xB7 " + session.participant.participantId : "")))), /* @__PURE__ */ import_react25.default.createElement(
+  const effectiveLayout = selected ? layout : "list";
+  const layoutControl = /* @__PURE__ */ import_react26.default.createElement("label", { className: "dlvd-layout-control" }, copy.recordings.viewLayout, " ", /* @__PURE__ */ import_react26.default.createElement(
+    "select",
+    {
+      value: effectiveLayout,
+      onChange: (event) => setLayout(event.target.value)
+    },
+    /* @__PURE__ */ import_react26.default.createElement("option", { value: "list" }, copy.recordings.viewList),
+    /* @__PURE__ */ import_react26.default.createElement("option", { value: "split", disabled: !selected }, copy.recordings.viewSplit),
+    /* @__PURE__ */ import_react26.default.createElement("option", { value: "session", disabled: !selected }, copy.recordings.viewSession)
+  ));
+  return /* @__PURE__ */ import_react26.default.createElement("section", { className: "dlvd-recordings", "aria-label": copy.recordings.title }, /* @__PURE__ */ import_react26.default.createElement("p", null, copy.recordings.help), toolbarTarget ? (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-toolbar" }, layoutControl, /* @__PURE__ */ import_react26.default.createElement("label", null, copy.recordings.sourceFilter, " ", /* @__PURE__ */ import_react26.default.createElement("select", { value: filter, onChange: (event) => setFilter(event.target.value) }, /* @__PURE__ */ import_react26.default.createElement("option", { value: "" }, copy.recordings.allSources), sources.map((session) => /* @__PURE__ */ import_react26.default.createElement("option", { key: sourceKey(session), value: sourceKey(session) }, sourceName(session, copy), session.participant ? " \xB7 " + session.participant.participantId : "")))), /* @__PURE__ */ import_react26.default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          inspector.current?.discover();
+          inspector.current?.refresh();
+        }
+      },
+      copy.recordings.refresh
+    )),
+    toolbarTarget
+  ) : /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-toolbar" }, layoutControl, /* @__PURE__ */ import_react26.default.createElement("label", null, copy.recordings.sourceFilter, " ", /* @__PURE__ */ import_react26.default.createElement("select", { value: filter, onChange: (event) => setFilter(event.target.value) }, /* @__PURE__ */ import_react26.default.createElement("option", { value: "" }, copy.recordings.allSources), sources.map((session) => /* @__PURE__ */ import_react26.default.createElement("option", { key: sourceKey(session), value: sourceKey(session) }, sourceName(session, copy), session.participant ? " \xB7 " + session.participant.participantId : "")))), /* @__PURE__ */ import_react26.default.createElement(
     "button",
     {
       type: "button",
@@ -2779,7 +2965,22 @@ function RecordingPanel({
       }
     },
     copy.recordings.refresh
-  )), view.failed && /* @__PURE__ */ import_react25.default.createElement("p", { role: "alert" }, copy.recordings.loadError), !view.service ? /* @__PURE__ */ import_react25.default.createElement("p", { role: "status" }, copy.recordings.unavailable) : /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, view.loading && /* @__PURE__ */ import_react25.default.createElement("p", { role: "status" }, copy.recordings.loading), /* @__PURE__ */ import_react25.default.createElement(
+  )), view.failed && /* @__PURE__ */ import_react26.default.createElement("p", { role: "alert" }, copy.recordings.loadError), !view.service ? /* @__PURE__ */ import_react26.default.createElement("p", { role: "status" }, copy.recordings.unavailable) : /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, view.loading && /* @__PURE__ */ import_react26.default.createElement("p", { role: "status" }, copy.recordings.loading), storageTarget ? (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ import_react26.default.createElement(
+      RecordingStorage,
+      {
+        locale,
+        service: view.service,
+        sessions: view.sessions,
+        loading: view.loading,
+        failed: view.failed,
+        copy: copy.recordings,
+        refresh: () => inspector.current?.refresh(),
+        onBusy: setClearing
+      }
+    ),
+    storageTarget
+  ) : /* @__PURE__ */ import_react26.default.createElement(
     RecordingStorage,
     {
       locale,
@@ -2791,22 +2992,26 @@ function RecordingPanel({
       refresh: () => inspector.current?.refresh(),
       onBusy: setClearing
     }
-  ), /* @__PURE__ */ import_react25.default.createElement("div", { className: "dlvd-recording-columns" }, /* @__PURE__ */ import_react25.default.createElement(
+  ), /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-recording-columns", "data-layout": effectiveLayout }, /* @__PURE__ */ import_react26.default.createElement(
     "div",
     {
+      hidden: effectiveLayout === "session",
       className: "dlvd-session-list dlvd-scroll",
       tabIndex: 0,
       "aria-label": copy.recordings.title
     },
-    !visible.length && !view.loading && /* @__PURE__ */ import_react25.default.createElement("p", null, copy.recordings.empty),
-    sources.filter((source) => !filter || sourceKey(source) === filter).map((source) => /* @__PURE__ */ import_react25.default.createElement("section", { key: sourceKey(source), "aria-label": sourceName(source, copy) }, /* @__PURE__ */ import_react25.default.createElement("h3", null, sourceName(source, copy)), /* @__PURE__ */ import_react25.default.createElement("table", null, /* @__PURE__ */ import_react25.default.createElement("thead", null, /* @__PURE__ */ import_react25.default.createElement("tr", null, /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.date), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.state), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.duration), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.saved))), /* @__PURE__ */ import_react25.default.createElement("tbody", null, visible.filter((session) => sourceKey(session) === sourceKey(source)).map((session) => /* @__PURE__ */ import_react25.default.createElement("tr", { key: session.id, "data-selected": session.id === selected?.id }, /* @__PURE__ */ import_react25.default.createElement("td", null, /* @__PURE__ */ import_react25.default.createElement(
+    !visible.length && !view.loading && /* @__PURE__ */ import_react26.default.createElement("p", null, copy.recordings.empty),
+    sources.filter((source) => !filter || sourceKey(source) === filter).map((source) => /* @__PURE__ */ import_react26.default.createElement("section", { key: sourceKey(source), "aria-label": sourceName(source, copy) }, /* @__PURE__ */ import_react26.default.createElement("h3", null, sourceName(source, copy)), /* @__PURE__ */ import_react26.default.createElement("table", null, /* @__PURE__ */ import_react26.default.createElement("thead", null, /* @__PURE__ */ import_react26.default.createElement("tr", null, /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.date), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.state), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.duration), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.saved))), /* @__PURE__ */ import_react26.default.createElement("tbody", null, visible.filter((session) => sourceKey(session) === sourceKey(source)).map((session) => /* @__PURE__ */ import_react26.default.createElement("tr", { key: session.id, "data-selected": session.id === selected?.id }, /* @__PURE__ */ import_react26.default.createElement("td", null, /* @__PURE__ */ import_react26.default.createElement(
       "button",
       {
         type: "button",
         "aria-pressed": session.id === selected?.id,
-        onClick: () => inspector.current?.select(session.id)
+        onClick: () => {
+          setLayout("split");
+          inspector.current?.select(session.id);
+        }
       },
-      session.starred && /* @__PURE__ */ import_react25.default.createElement(
+      session.starred && /* @__PURE__ */ import_react26.default.createElement(
         "span",
         {
           role: "img",
@@ -2816,23 +3021,31 @@ function RecordingPanel({
         "\u2605"
       ),
       " ",
-      /* @__PURE__ */ import_react25.default.createElement("span", null, sourceName(session, copy)),
-      /* @__PURE__ */ import_react25.default.createElement("br", null),
-      session.name && /* @__PURE__ */ import_react25.default.createElement("strong", null, session.name, /* @__PURE__ */ import_react25.default.createElement("br", null)),
-      /* @__PURE__ */ import_react25.default.createElement("time", { dateTime: session.startedAt }, new Date(session.startedAt).toLocaleString())
-    )), /* @__PURE__ */ import_react25.default.createElement("td", null, stateName(session, copy)), /* @__PURE__ */ import_react25.default.createElement("td", null, duration(session.capturedSamples, session.sampleRate)), /* @__PURE__ */ import_react25.default.createElement("td", null, duration(session.savedSamples, session.sampleRate), /* @__PURE__ */ import_react25.default.createElement("br", null), session.storage === "indexeddb" || session.persistent ? copy.recordings.persistent : copy.recordings.memory)))))))
-  ), /* @__PURE__ */ import_react25.default.createElement("div", { className: "dlvd-recording-detail dlvd-scroll", tabIndex: 0 }, selected && !clearing ? /* @__PURE__ */ import_react25.default.createElement(
-    RecordingDetail,
+      /* @__PURE__ */ import_react26.default.createElement("span", null, sourceName(session, copy)),
+      /* @__PURE__ */ import_react26.default.createElement("br", null),
+      session.name && /* @__PURE__ */ import_react26.default.createElement("strong", null, session.name, /* @__PURE__ */ import_react26.default.createElement("br", null)),
+      /* @__PURE__ */ import_react26.default.createElement("time", { dateTime: session.startedAt }, new Date(session.startedAt).toLocaleString())
+    )), /* @__PURE__ */ import_react26.default.createElement("td", null, stateName(session, copy)), /* @__PURE__ */ import_react26.default.createElement("td", null, duration(session.capturedSamples, session.sampleRate)), /* @__PURE__ */ import_react26.default.createElement("td", null, duration(session.savedSamples, session.sampleRate), /* @__PURE__ */ import_react26.default.createElement("br", null), session.storage === "indexeddb" || session.persistent ? copy.recordings.persistent : copy.recordings.memory)))))))
+  ), /* @__PURE__ */ import_react26.default.createElement(
+    "div",
     {
-      locale,
-      key: selected.id,
-      copy,
-      session: selected,
-      service: view.service,
-      segments: view.segments,
-      refresh: () => inspector.current?.refresh()
-    }
-  ) : /* @__PURE__ */ import_react25.default.createElement("p", null, copy.recordings.selectSession)))));
+      className: "dlvd-recording-detail dlvd-scroll",
+      hidden: effectiveLayout === "list",
+      tabIndex: 0
+    },
+    selected && !clearing ? /* @__PURE__ */ import_react26.default.createElement(
+      RecordingDetail,
+      {
+        locale,
+        key: selected.id,
+        copy,
+        session: selected,
+        service: view.service,
+        segments: view.segments,
+        refresh: () => inspector.current?.refresh()
+      }
+    ) : /* @__PURE__ */ import_react26.default.createElement("p", null, copy.recordings.selectSession)
+  ))));
 }
 function RecordingDetail({
   locale,
@@ -2842,28 +3055,30 @@ function RecordingDetail({
   segments,
   refresh
 }) {
-  const container = import_react25.default.useRef(null);
-  const audio = import_react25.default.useRef(null);
-  const playback = import_react25.default.useRef(null);
-  const download = import_react25.default.useRef(null);
-  const generation = import_react25.default.useRef(0);
-  const playGeneration = import_react25.default.useRef(0);
-  const [error, setError] = import_react25.default.useState(null);
-  const [playing, setPlaying] = import_react25.default.useState(false);
-  const [downloading, setDownloading] = import_react25.default.useState(false);
-  const [retrying, setRetrying] = import_react25.default.useState("");
-  const retry = import_react25.default.useRef(null);
-  const [exporting, setExporting] = import_react25.default.useState(false);
-  const [deleting, setDeleting] = import_react25.default.useState(false);
-  const [starring, setStarring] = import_react25.default.useState(false);
-  const [confirmDelete, setConfirmDelete] = import_react25.default.useState(false);
-  const [name, setName] = import_react25.default.useState(session.name ?? "");
-  const [naming, setNaming] = import_react25.default.useState(false);
-  import_react25.default.useEffect(() => {
+  const container = import_react26.default.useRef(null);
+  const audio = import_react26.default.useRef(null);
+  const playback = import_react26.default.useRef(null);
+  const download = import_react26.default.useRef(null);
+  const generation = import_react26.default.useRef(0);
+  const playGeneration = import_react26.default.useRef(0);
+  const [error, setError] = import_react26.default.useState(null);
+  const [playing, setPlaying] = import_react26.default.useState(false);
+  const [downloading, setDownloading] = import_react26.default.useState(false);
+  const [retrying, setRetrying] = import_react26.default.useState("");
+  const retry = import_react26.default.useRef(null);
+  const [exporting, setExporting] = import_react26.default.useState(false);
+  const [deleting, setDeleting] = import_react26.default.useState(false);
+  const [starring, setStarring] = import_react26.default.useState(false);
+  const [detailTab, setDetailTab] = import_react26.default.useState("segments");
+  const detailTabsId = import_react26.default.useId();
+  const [confirmDelete, setConfirmDelete] = import_react26.default.useState(false);
+  const [name, setName] = import_react26.default.useState(session.name ?? "");
+  const [naming, setNaming] = import_react26.default.useState(false);
+  import_react26.default.useEffect(() => {
     setName(session.name ?? "");
   }, [session.id, session.name, service]);
-  const [selectedSegment, setSelectedSegment] = import_react25.default.useState("");
-  const [selectedEvents, setSelectedEvents] = import_react25.default.useState([]);
+  const [selectedSegment, setSelectedSegment] = import_react26.default.useState("");
+  const [selectedEvents, setSelectedEvents] = import_react26.default.useState([]);
   const clearPlayback = (player = audio.current) => {
     ++playGeneration.current;
     if (player?.hasAttribute("src")) {
@@ -2878,7 +3093,7 @@ function RecordingDetail({
     if (download.current) download.current.api.revokeObjectURL(download.current.url);
     download.current = null;
   };
-  import_react25.default.useEffect(() => {
+  import_react26.default.useEffect(() => {
     setStarring(false);
     const owner = container.current?.ownerDocument.defaultView;
     const player = audio.current;
@@ -3023,6 +3238,7 @@ function RecordingDetail({
     }
   };
   const eventName = (kind) => ({
+    "transcription-ignored-muted": copy.recordings.ignoredMuted,
     "voice-command-recognized": copy.recordings.voiceCommandRecognized,
     "assistant-wait-start": copy.recordings.assistantWaitStart,
     "assistant-wait-end": copy.recordings.assistantWaitEnd,
@@ -3049,6 +3265,9 @@ function RecordingDetail({
     stopSpeaking: copy.recordings.commandStopSpeaking,
     clear: copy.recordings.commandClear
   })[command] ?? command;
+  const ignoredFor = (segment) => (session.events ?? []).filter(
+    (event) => event.kind === "transcription-ignored-muted" && event.details?.segmentId === segment.id
+  );
   const commandsFor = (segment) => (session.events ?? []).filter(
     (event) => event.kind === "voice-command-recognized" && event.details?.segmentId === segment.id
   );
@@ -3100,56 +3319,31 @@ function RecordingDetail({
       if (token === generation.current) setDeleting(false);
     }
   };
-  const [search, setSearch] = import_react25.default.useState("");
-  import_react25.default.useEffect(() => setSearch(""), [session.id, service]);
+  const [search, setSearch] = import_react26.default.useState("");
+  import_react26.default.useEffect(() => setSearch(""), [session.id, service]);
   const length = Math.max(1, session.savedSamples);
-  const [windowStart, setWindowStart] = import_react25.default.useState(0);
-  const [windowEnd, setWindowEnd] = import_react25.default.useState(null);
-  import_react25.default.useEffect(() => {
+  const [windowStart, setWindowStart] = import_react26.default.useState(0);
+  const [windowEnd, setWindowEnd] = import_react26.default.useState(null);
+  import_react26.default.useEffect(() => {
     setWindowStart(0);
     setWindowEnd(null);
   }, [session.id, service]);
   const viewEnd = Math.max(1, Math.min(length, windowEnd ?? length));
   const viewStart = Math.max(0, Math.min(windowStart, viewEnd - 1));
   const viewLength = viewEnd - viewStart;
-  const visibleSegments = import_react25.default.useMemo(
+  const visibleSegments = import_react26.default.useMemo(
     () => segments.filter((segment) => segment.endSample > viewStart && segment.startSample < viewEnd),
     [segments, viewStart, viewEnd]
   );
-  const matchedSegments = import_react25.default.useMemo(
+  const matchedSegments = import_react26.default.useMemo(
     () => searchSegments(visibleSegments, search),
     [visibleSegments, search]
   );
   const inWindow = (sample) => sample >= viewStart && sample <= viewEnd;
+  const visibleEvents = (session.events ?? []).filter((event) => inWindow(event.atSample));
   const position = (sample) => (sample - viewStart) / viewLength * 100 + "%";
-  const segmentName = (segment) => (commandsFor(segment).length ? copy.recordings.eventCommand : segment.kind === "speech" ? copy.recordings.speech : copy.recordings.silence) + " \xB7 " + duration(segment.startSample, session.sampleRate) + " \u2014 " + duration(segment.endSample, session.sampleRate);
-  return /* @__PURE__ */ import_react25.default.createElement("section", { ref: container, "aria-label": sourceName(session, copy) }, /* @__PURE__ */ import_react25.default.createElement("h3", null, sourceName(session, copy)), session.name && /* @__PURE__ */ import_react25.default.createElement("p", null, /* @__PURE__ */ import_react25.default.createElement("strong", null, copy.recordings.name, ": ", session.name)), session.participant && /* @__PURE__ */ import_react25.default.createElement("details", null, /* @__PURE__ */ import_react25.default.createElement("summary", null, copy.recordings.participantDetails), /* @__PURE__ */ import_react25.default.createElement("dl", null, /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.originalName), /* @__PURE__ */ import_react25.default.createElement("dd", null, session.participant.originalName), session.participant.alias && /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.aliasAtCapture), /* @__PURE__ */ import_react25.default.createElement("dd", null, session.participant.alias)), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.participantId), /* @__PURE__ */ import_react25.default.createElement("dd", null, session.participant.participantId), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.meetingId), /* @__PURE__ */ import_react25.default.createElement("dd", null, session.participant.groupId))), session.starred && service.setName && /* @__PURE__ */ import_react25.default.createElement(
-    "form",
-    {
-      className: "dlvd-toolbar",
-      onSubmit: (event) => {
-        event.preventDefault();
-        void saveName();
-      }
-    },
-    /* @__PURE__ */ import_react25.default.createElement("label", null, copy.recordings.name, " ", /* @__PURE__ */ import_react25.default.createElement(
-      "input",
-      {
-        value: name,
-        maxLength: 120,
-        disabled: naming || deleting,
-        onInput: (event) => setName(event.currentTarget.value)
-      }
-    )),
-    /* @__PURE__ */ import_react25.default.createElement(
-      "button",
-      {
-        type: "submit",
-        disabled: naming || deleting || starring || name === (session.name ?? "")
-      },
-      copy.recordings.saveName
-    )
-  ), /* @__PURE__ */ import_react25.default.createElement("dl", { className: "dlvd-recording-meta" }, /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.date), /* @__PURE__ */ import_react25.default.createElement("dd", null, new Date(session.startedAt).toLocaleString()), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.state), /* @__PURE__ */ import_react25.default.createElement("dd", null, stateName(session, copy)), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.storageAudio), /* @__PURE__ */ import_react25.default.createElement("dd", null, session.audioBytes === void 0 ? copy.recordings.storageUnknown : formatBytes(session.audioBytes, locale)), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.captured), /* @__PURE__ */ import_react25.default.createElement("dd", null, duration(session.capturedSamples, session.sampleRate)), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.saved), /* @__PURE__ */ import_react25.default.createElement("dd", null, duration(session.savedSamples, session.sampleRate), " \xB7", session.storage === "indexeddb" || session.persistent ? copy.recordings.persistent : copy.recordings.memory), session.endedAt && /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.end), /* @__PURE__ */ import_react25.default.createElement("dd", null, new Date(session.endedAt).toLocaleString()))), session.error && /* @__PURE__ */ import_react25.default.createElement("p", { role: "alert" }, copy.recordings.error, ": ", session.error), /* @__PURE__ */ import_react25.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react25.default.createElement(
+  const segmentName = (segment) => (commandsFor(segment).length ? copy.recordings.eventCommand : ignoredFor(segment).length ? copy.recordings.ignoredMuted : segment.kind === "speech" ? copy.recordings.speech : copy.recordings.silence) + " \xB7 " + duration(segment.startSample, session.sampleRate) + " \u2014 " + duration(segment.endSample, session.sampleRate);
+  return /* @__PURE__ */ import_react26.default.createElement("section", { ref: container, "aria-label": sourceName(session, copy) }, /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-detail-heading" }, /* @__PURE__ */ import_react26.default.createElement("h3", null, sourceName(session, copy)), /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-toolbar dlvd-detail-actions" }, /* @__PURE__ */ import_react26.default.createElement(
     "button",
     {
       type: "button",
@@ -3160,7 +3354,7 @@ function RecordingDetail({
       onClick: () => void toggleStarred()
     },
     session.starred ? "\u2605" : "\u2606"
-  ), /* @__PURE__ */ import_react25.default.createElement(
+  ), /* @__PURE__ */ import_react26.default.createElement(
     "button",
     {
       type: "button",
@@ -3168,7 +3362,7 @@ function RecordingDetail({
       onClick: () => void play()
     },
     copy.recordings.playSession
-  ), /* @__PURE__ */ import_react25.default.createElement(
+  ), /* @__PURE__ */ import_react26.default.createElement(
     "button",
     {
       type: "button",
@@ -3176,7 +3370,7 @@ function RecordingDetail({
       onClick: () => void exportSession()
     },
     copy.recordings.export
-  ), /* @__PURE__ */ import_react25.default.createElement(
+  ), /* @__PURE__ */ import_react26.default.createElement(
     "button",
     {
       type: "button",
@@ -3184,15 +3378,41 @@ function RecordingDetail({
       onClick: () => setConfirmDelete(true)
     },
     copy.recordings.delete
-  )), confirmDelete && /* @__PURE__ */ import_react25.default.createElement(
+  ))), session.name && /* @__PURE__ */ import_react26.default.createElement("p", null, /* @__PURE__ */ import_react26.default.createElement("strong", null, copy.recordings.name, ": ", session.name)), session.participant && /* @__PURE__ */ import_react26.default.createElement("details", null, /* @__PURE__ */ import_react26.default.createElement("summary", null, copy.recordings.participantDetails), /* @__PURE__ */ import_react26.default.createElement("dl", null, /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.originalName), /* @__PURE__ */ import_react26.default.createElement("dd", null, session.participant.originalName), session.participant.alias && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.aliasAtCapture), /* @__PURE__ */ import_react26.default.createElement("dd", null, session.participant.alias)), /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.participantId), /* @__PURE__ */ import_react26.default.createElement("dd", null, session.participant.participantId), /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.meetingId), /* @__PURE__ */ import_react26.default.createElement("dd", null, session.participant.groupId))), session.starred && service.setName && /* @__PURE__ */ import_react26.default.createElement(
+    "form",
+    {
+      className: "dlvd-toolbar",
+      onSubmit: (event) => {
+        event.preventDefault();
+        void saveName();
+      }
+    },
+    /* @__PURE__ */ import_react26.default.createElement("label", null, copy.recordings.name, " ", /* @__PURE__ */ import_react26.default.createElement(
+      "input",
+      {
+        value: name,
+        maxLength: 120,
+        disabled: naming || deleting,
+        onInput: (event) => setName(event.currentTarget.value)
+      }
+    )),
+    /* @__PURE__ */ import_react26.default.createElement(
+      "button",
+      {
+        type: "submit",
+        disabled: naming || deleting || starring || name === (session.name ?? "")
+      },
+      copy.recordings.saveName
+    )
+  ), /* @__PURE__ */ import_react26.default.createElement("dl", { className: "dlvd-recording-meta dlvd-session-meta" }, /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.date), /* @__PURE__ */ import_react26.default.createElement("dd", null, new Date(session.startedAt).toLocaleString())), /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.state), /* @__PURE__ */ import_react26.default.createElement("dd", null, stateName(session, copy))), /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.storageAudio), /* @__PURE__ */ import_react26.default.createElement("dd", null, session.audioBytes === void 0 ? copy.recordings.storageUnknown : formatBytes(session.audioBytes, locale))), /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.captured), /* @__PURE__ */ import_react26.default.createElement("dd", null, duration(session.capturedSamples, session.sampleRate))), /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.saved), /* @__PURE__ */ import_react26.default.createElement("dd", null, duration(session.savedSamples, session.sampleRate), " \xB7", session.storage === "indexeddb" || session.persistent ? copy.recordings.persistent : copy.recordings.memory)), session.endedAt && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, /* @__PURE__ */ import_react26.default.createElement("div", null, /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.end), /* @__PURE__ */ import_react26.default.createElement("dd", null, new Date(session.endedAt).toLocaleString())))), session.error && /* @__PURE__ */ import_react26.default.createElement("p", { role: "alert" }, copy.recordings.error, ": ", session.error), confirmDelete && /* @__PURE__ */ import_react26.default.createElement(
     "div",
     {
       className: "dlvd-delete-confirm",
       role: "group",
       "aria-label": copy.recordings.confirmDelete
     },
-    /* @__PURE__ */ import_react25.default.createElement("p", null, copy.recordings.confirmDelete),
-    /* @__PURE__ */ import_react25.default.createElement(
+    /* @__PURE__ */ import_react26.default.createElement("p", null, copy.recordings.confirmDelete),
+    /* @__PURE__ */ import_react26.default.createElement(
       "button",
       {
         type: "button",
@@ -3202,20 +3422,8 @@ function RecordingDetail({
       copy.recordings.delete
     ),
     " ",
-    /* @__PURE__ */ import_react25.default.createElement("button", { type: "button", disabled: deleting, onClick: () => setConfirmDelete(false) }, copy.recordings.cancel)
-  ), error && /* @__PURE__ */ import_react25.default.createElement("p", { role: "alert" }, copy.recordings[error]), retrying && /* @__PURE__ */ import_react25.default.createElement("p", { role: "status" }, copy.recordings.retranscribing), /* @__PURE__ */ import_react25.default.createElement(
-    "audio",
-    {
-      ref: audio,
-      controls: true,
-      preload: "metadata",
-      "aria-label": copy.recordings.audio,
-      onError: () => {
-        clearPlayback();
-        setError("audioError");
-      }
-    }
-  ), /* @__PURE__ */ import_react25.default.createElement("h4", null, copy.recordings.timeline), /* @__PURE__ */ import_react25.default.createElement(
+    /* @__PURE__ */ import_react26.default.createElement("button", { type: "button", disabled: deleting, onClick: () => setConfirmDelete(false) }, copy.recordings.cancel)
+  ), error && /* @__PURE__ */ import_react26.default.createElement("p", { role: "alert" }, copy.recordings[error]), retrying && /* @__PURE__ */ import_react26.default.createElement("p", { role: "status" }, copy.recordings.retranscribing), /* @__PURE__ */ import_react26.default.createElement(
     TimelineWindow,
     {
       key: session.id,
@@ -3233,12 +3441,12 @@ function RecordingDetail({
         setWindowEnd(null);
       }
     }
-  ), /* @__PURE__ */ import_react25.default.createElement("div", { className: "dlvd-timeline", role: "group", "aria-label": copy.recordings.timeline }, visibleSegments.map((segment) => /* @__PURE__ */ import_react25.default.createElement(
+  ), /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-timeline", role: "group", "aria-label": copy.recordings.timeline }, visibleSegments.map((segment) => /* @__PURE__ */ import_react26.default.createElement(
     "button",
     {
       key: segment.id,
       type: "button",
-      "data-kind": commandsFor(segment).length ? "command" : segment.kind,
+      "data-kind": commandsFor(segment).length ? "command" : ignoredFor(segment).length ? "ignored" : segment.kind,
       "aria-label": segmentName(segment),
       title: segmentName(segment),
       "aria-pressed": selectedSegment === segment.id,
@@ -3249,7 +3457,21 @@ function RecordingDetail({
       disabled: deleting || segment.endSample <= segment.startSample,
       onClick: () => void play(segment, false)
     }
-  )), session.pins.filter((pin) => inWindow(pin.atSample)).map((pin) => /* @__PURE__ */ import_react25.default.createElement(
+  )), eventIntervals(session.events ?? [], session.savedSamples).filter((range) => range.end > viewStart && range.start < viewEnd).map((range, index) => /* @__PURE__ */ import_react26.default.createElement(
+    "span",
+    {
+      key: range.category + index,
+      className: "dlvd-summary-interval",
+      "data-category": range.category,
+      role: "img",
+      "aria-label": (range.category === "waiting" ? copy.recordings.eventWaiting : copy.recordings.eventPlayback) + " \xB7 " + duration(range.start, session.sampleRate) + " \u2013 " + duration(range.end, session.sampleRate),
+      title: (range.category === "waiting" ? copy.recordings.eventWaiting : copy.recordings.eventPlayback) + " \xB7 " + duration(range.start, session.sampleRate) + " \u2013 " + duration(range.end, session.sampleRate),
+      style: {
+        left: position(Math.max(viewStart, range.start)),
+        width: (Math.min(viewEnd, range.end) - Math.max(viewStart, range.start)) / viewLength * 100 + "%"
+      }
+    }
+  )), session.pins.filter((pin) => inWindow(pin.atSample)).map((pin) => /* @__PURE__ */ import_react26.default.createElement(
     "span",
     {
       key: pin.id,
@@ -3258,7 +3480,7 @@ function RecordingDetail({
       style: { left: position(pin.atSample) },
       title: (pin.kind === "speech-start" ? copy.recordings.speech : copy.recordings.silence) + " \xB7 " + duration(pin.atSample, session.sampleRate)
     }
-  ))), /* @__PURE__ */ import_react25.default.createElement("div", { className: "dlvd-timeline-legend" }, /* @__PURE__ */ import_react25.default.createElement("span", { "data-kind": "speech" }, copy.recordings.speech), " \xB7 ", /* @__PURE__ */ import_react25.default.createElement("span", { "data-kind": "silence" }, copy.recordings.silence), " \xB7", " ", /* @__PURE__ */ import_react25.default.createElement("span", { "data-kind": "command" }, copy.recordings.eventCommand), " \xB7 ", duration(viewStart, session.sampleRate), " \u2013", " ", duration(Math.min(viewEnd, session.savedSamples), session.sampleRate)), /* @__PURE__ */ import_react25.default.createElement(
+  ))), /* @__PURE__ */ import_react26.default.createElement(
     EventTimeline,
     {
       events: session.events ?? [],
@@ -3269,79 +3491,164 @@ function RecordingDetail({
       name: eventName,
       details: eventDetails,
       onSelect: (events) => {
+        setDetailTab("events");
         setSelectedEvents(events.map((event) => event.id));
         const row = Array.from(
           container.current?.querySelectorAll("[data-recording-event]") ?? []
         ).find((node) => node.dataset.recordingEvent === events[0].id);
-        row?.scrollIntoView?.({ block: "nearest" });
-        row?.focus();
+        const focusRow = () => {
+          row?.scrollIntoView?.({ block: "nearest" });
+          row?.focus();
+        };
+        const win = row?.ownerDocument.defaultView;
+        if (win?.requestAnimationFrame) win.requestAnimationFrame(focusRow);
+        else setTimeout(focusRow, 0);
       }
     }
-  ), /* @__PURE__ */ import_react25.default.createElement("h4", null, copy.recordings.events), /* @__PURE__ */ import_react25.default.createElement("p", null, copy.recordings.eventsHelp), /* @__PURE__ */ import_react25.default.createElement("table", { className: "dlvd-recording-events" }, /* @__PURE__ */ import_react25.default.createElement("thead", null, /* @__PURE__ */ import_react25.default.createElement("tr", null, /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.state), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.eventTime), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.captured))), /* @__PURE__ */ import_react25.default.createElement("tbody", null, (session.events ?? []).map((event) => /* @__PURE__ */ import_react25.default.createElement(
-    "tr",
-    {
-      key: event.id,
-      "data-recording-event": event.id,
-      "data-selected": selectedEvents.includes(event.id),
-      tabIndex: -1
-    },
-    /* @__PURE__ */ import_react25.default.createElement("td", null, eventName(event.kind), event.details && /* @__PURE__ */ import_react25.default.createElement("div", { className: "dlvd-event-details" }, eventDetails(event))),
-    /* @__PURE__ */ import_react25.default.createElement("td", null, /* @__PURE__ */ import_react25.default.createElement("time", { dateTime: event.occurredAt }, new Date(event.occurredAt).toLocaleString(), ".", new Date(event.occurredAt).getMilliseconds().toString().padStart(3, "0"))),
-    /* @__PURE__ */ import_react25.default.createElement("td", null, duration(event.atSample, session.sampleRate))
-  )))), /* @__PURE__ */ import_react25.default.createElement("h4", null, copy.recordings.segments), /* @__PURE__ */ import_react25.default.createElement("label", null, copy.recordings.search, /* @__PURE__ */ import_react25.default.createElement(
-    "input",
+  ), /* @__PURE__ */ import_react26.default.createElement(
+    "audio",
     {
-      type: "search",
-      value: search,
-      maxLength: 160,
-      "aria-label": copy.recordings.search,
-      onInput: (event) => setSearch(event.currentTarget.value)
+      ref: audio,
+      controls: true,
+      preload: "metadata",
+      "aria-label": copy.recordings.audio,
+      onError: () => {
+        clearPlayback();
+        setError("audioError");
+      }
     }
-  )), search.trim() && matchedSegments.length === 0 && /* @__PURE__ */ import_react25.default.createElement("p", { role: "status" }, copy.recordings.searchEmpty), /* @__PURE__ */ import_react25.default.createElement("table", { className: "dlvd-segments" }, /* @__PURE__ */ import_react25.default.createElement("thead", null, /* @__PURE__ */ import_react25.default.createElement("tr", null, /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.state), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.start), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.end), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.duration), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.audio))), /* @__PURE__ */ import_react25.default.createElement("tbody", null, matchedSegments.map((segment) => /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, { key: segment.id }, /* @__PURE__ */ import_react25.default.createElement("tr", { "data-selected": selectedSegment === segment.id }, /* @__PURE__ */ import_react25.default.createElement("td", null, /* @__PURE__ */ import_react25.default.createElement("span", null, sourceName(session, copy)), /* @__PURE__ */ import_react25.default.createElement("br", null), commandsFor(segment).length ? /* @__PURE__ */ import_react25.default.createElement("span", { className: "dlvd-command-label" }, "\u03DF ", copy.recordings.eventCommand, " \xB7", " ", commandsFor(segment).map((event) => commandName(event.details.command)).join(", ")) : segment.kind === "speech" ? copy.recordings.speech : copy.recordings.silence, segment.open && /* @__PURE__ */ import_react25.default.createElement("small", null, copy.recordings.open)), /* @__PURE__ */ import_react25.default.createElement("td", null, duration(segment.startSample, session.sampleRate)), /* @__PURE__ */ import_react25.default.createElement("td", null, duration(segment.endSample, session.sampleRate)), /* @__PURE__ */ import_react25.default.createElement("td", null, duration(segment.endSample - segment.startSample, session.sampleRate)), /* @__PURE__ */ import_react25.default.createElement("td", null, /* @__PURE__ */ import_react25.default.createElement(
+  ), /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-tabs dlvd-detail-tabs", role: "tablist", "aria-label": copy.recordings.title }, ["segments", "events", "pins"].map((name2) => /* @__PURE__ */ import_react26.default.createElement(
     "button",
     {
       type: "button",
-      className: "dlvd-segment-action",
-      title: copy.recordings.play,
-      disabled: deleting || segment.endSample <= segment.startSample,
-      "aria-label": copy.recordings.play + " \xB7 " + sourceName(session, copy) + " \xB7 " + segmentName(segment),
-      onClick: () => void play(segment)
+      role: "tab",
+      key: name2,
+      id: detailTabsId + "-" + name2 + "-tab",
+      "aria-controls": detailTabsId + "-" + name2,
+      "aria-selected": detailTab === name2,
+      tabIndex: detailTab === name2 ? 0 : -1,
+      onClick: () => setDetailTab(name2),
+      onKeyDown: (event) => {
+        if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) {
+          event.preventDefault();
+          const names = ["segments", "events", "pins"];
+          const index = names.indexOf(name2);
+          const next = event.key === "Home" ? names[0] : event.key === "End" ? names[2] : names[(index + (event.key === "ArrowRight" ? 1 : 2)) % names.length];
+          setDetailTab(next);
+          event.currentTarget.parentElement?.querySelector('[id="' + detailTabsId + "-" + next + '-tab"]')?.focus();
+        }
+      }
     },
-    /* @__PURE__ */ import_react25.default.createElement(SegmentIcon, { kind: "play" })
-  ), /* @__PURE__ */ import_react25.default.createElement(
-    "button",
+    name2 === "segments" ? copy.recordings.segments : name2 === "pins" ? copy.recordings.pins : copy.recordings.events
+  ))), /* @__PURE__ */ import_react26.default.createElement(
+    "div",
     {
-      type: "button",
-      className: "dlvd-segment-action",
-      disabled: downloading || exporting || deleting || segment.endSample <= segment.startSample,
-      title: copy.recordings.download,
-      "aria-label": copy.recordings.download + " \xB7 " + segmentName(segment),
-      onClick: () => void downloadSegment(segment)
+      className: "dlvd-detail-list",
+      role: "tabpanel",
+      id: detailTabsId + "-events",
+      "aria-labelledby": detailTabsId + "-events-tab",
+      hidden: detailTab !== "events"
     },
-    /* @__PURE__ */ import_react25.default.createElement(SegmentIcon, { kind: "download" })
-  ), segment.kind === "speech" && service.retranscribe && /* @__PURE__ */ import_react25.default.createElement(
-    "button",
+    /* @__PURE__ */ import_react26.default.createElement("h4", null, copy.recordings.events),
+    /* @__PURE__ */ import_react26.default.createElement("p", null, copy.recordings.eventsHelp),
+    /* @__PURE__ */ import_react26.default.createElement("table", { className: "dlvd-recording-events" }, /* @__PURE__ */ import_react26.default.createElement("thead", null, /* @__PURE__ */ import_react26.default.createElement("tr", null, /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.state), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.eventTime), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.captured))), /* @__PURE__ */ import_react26.default.createElement("tbody", null, visibleEvents.map((event) => /* @__PURE__ */ import_react26.default.createElement(
+      "tr",
+      {
+        key: event.id,
+        "data-recording-event": event.id,
+        "data-selected": selectedEvents.includes(event.id),
+        tabIndex: -1
+      },
+      /* @__PURE__ */ import_react26.default.createElement("td", null, eventName(event.kind), event.details && /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-event-details" }, eventDetails(event))),
+      /* @__PURE__ */ import_react26.default.createElement("td", null, /* @__PURE__ */ import_react26.default.createElement("time", { dateTime: event.occurredAt }, new Date(event.occurredAt).toLocaleString(), ".", new Date(event.occurredAt).getMilliseconds().toString().padStart(3, "0"))),
+      /* @__PURE__ */ import_react26.default.createElement("td", null, duration(event.atSample, session.sampleRate))
+    ))))
+  ), /* @__PURE__ */ import_react26.default.createElement(
+    "div",
     {
-      type: "button",
-      className: "dlvd-segment-action",
-      disabled: deleting || !!retrying || session.state === "recording" || segment.open || segment.endSample <= segment.startSample || segment.attempts.some((a) => a.status === "pending"),
-      title: copy.recordings.retranscribeHelp,
-      "aria-label": copy.recordings.retranscribe + " \xB7 " + segmentName(segment),
-      onClick: () => void retranscribe(segment)
+      className: "dlvd-detail-list",
+      role: "tabpanel",
+      id: detailTabsId + "-segments",
+      "aria-labelledby": detailTabsId + "-segments-tab",
+      hidden: detailTab !== "segments"
     },
-    /* @__PURE__ */ import_react25.default.createElement(SegmentIcon, { kind: "retry" })
-  ))), segment.kind === "speech" && /* @__PURE__ */ import_react25.default.createElement("tr", null, /* @__PURE__ */ import_react25.default.createElement("td", { colSpan: 5 }, /* @__PURE__ */ import_react25.default.createElement("details", { open: !!search.trim() || selectedSegment === segment.id || void 0 }, /* @__PURE__ */ import_react25.default.createElement("summary", null, copy.recordings.attempts, " \xB7 ", segment.attempts.length), !segment.attempts.length && /* @__PURE__ */ import_react25.default.createElement("p", null, copy.recordings.noAttempts), segment.attempts.map((attempt) => /* @__PURE__ */ import_react25.default.createElement("article", { className: "dlvd-attempt", key: attempt.id }, /* @__PURE__ */ import_react25.default.createElement("div", null, copy.recordings.engine, ": ", attempt.engine, " \xB7", {
-    pending: copy.recordings.pending,
-    success: copy.recordings.success,
-    error: copy.recordings.error
-  }[attempt.status]), /* @__PURE__ */ import_react25.default.createElement("time", { dateTime: attempt.createdAt }, new Date(attempt.createdAt).toLocaleString()), attempt.finishedAt && /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, " ", "\u2014", " ", /* @__PURE__ */ import_react25.default.createElement("time", { dateTime: attempt.finishedAt }, new Date(attempt.finishedAt).toLocaleString())), /* @__PURE__ */ import_react25.default.createElement("div", null, duration(attempt.startSample, session.sampleRate), " \u2014", " ", duration(attempt.endSample, session.sampleRate)), attempt.request ? /* @__PURE__ */ import_react25.default.createElement("details", { className: "dlvd-request" }, /* @__PURE__ */ import_react25.default.createElement("summary", null, copy.recordings.requestMetadata, " \xB7", " ", attempt.request.payloadBytes.toLocaleString(), " B \xB7", " ", (attempt.request.durationMs / 1e3).toFixed(3), " s"), /* @__PURE__ */ import_react25.default.createElement("p", null, copy.recordings.requestHelp), /* @__PURE__ */ import_react25.default.createElement("dl", { className: "dlvd-recording-meta" }, /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.requestBytes), /* @__PURE__ */ import_react25.default.createElement("dd", null, attempt.request.payloadBytes.toLocaleString(), " B"), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.requestInput), /* @__PURE__ */ import_react25.default.createElement("dd", null, attempt.request.inputSamples.toLocaleString(), " /", " ", attempt.request.inputSampleRate.toLocaleString(), " Hz"), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.requestSamples), /* @__PURE__ */ import_react25.default.createElement("dd", null, attempt.request.sampleCount.toLocaleString(), " /", " ", attempt.request.sampleRate.toLocaleString(), " Hz"), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.duration), /* @__PURE__ */ import_react25.default.createElement("dd", null, (attempt.request.durationMs / 1e3).toFixed(3), " s"), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.requestExpected), /* @__PURE__ */ import_react25.default.createElement("dd", null, duration(
-    attempt.endSample - attempt.startSample,
-    session.sampleRate
-  )), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.requestLanguage), /* @__PURE__ */ import_react25.default.createElement("dd", null, attempt.request.language), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.requestPrepared), /* @__PURE__ */ import_react25.default.createElement("dd", null, /* @__PURE__ */ import_react25.default.createElement("time", { dateTime: attempt.request.preparedAt }, new Date(attempt.request.preparedAt).toLocaleString())), /* @__PURE__ */ import_react25.default.createElement("dt", null, copy.recordings.requestStatus), /* @__PURE__ */ import_react25.default.createElement("dd", null, attempt.request.responseStatus ?? copy.recordings.requestUnknown))) : /* @__PURE__ */ import_react25.default.createElement("small", null, copy.recordings.requestUnknown), attempt.text != null && /* @__PURE__ */ import_react25.default.createElement("p", { className: "dlvd-transcript" }, attempt.text), attempt.error && /* @__PURE__ */ import_react25.default.createElement("p", { className: "dlvd-attempt-error" }, copy.recordings.error, ": ", attempt.error)))))))))), /* @__PURE__ */ import_react25.default.createElement("details", null, /* @__PURE__ */ import_react25.default.createElement("summary", null, copy.recordings.pins, " \xB7 ", session.pins.length), /* @__PURE__ */ import_react25.default.createElement("table", null, /* @__PURE__ */ import_react25.default.createElement("thead", null, /* @__PURE__ */ import_react25.default.createElement("tr", null, /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.state), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.start), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.pinConfirmed), /* @__PURE__ */ import_react25.default.createElement("th", { scope: "col" }, copy.recordings.pinDelay))), /* @__PURE__ */ import_react25.default.createElement("tbody", null, session.pins.map((pin) => /* @__PURE__ */ import_react25.default.createElement("tr", { key: pin.id }, /* @__PURE__ */ import_react25.default.createElement("td", null, pin.kind === "speech-start" ? copy.recordings.speech : copy.recordings.silence), /* @__PURE__ */ import_react25.default.createElement("td", null, duration(pin.atSample, session.sampleRate)), /* @__PURE__ */ import_react25.default.createElement("td", null, duration(pin.confirmedAtSample, session.sampleRate)), /* @__PURE__ */ import_react25.default.createElement("td", null, duration(pin.delaySamples, session.sampleRate))))))));
+    /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-segment-heading" }, /* @__PURE__ */ import_react26.default.createElement("h4", null, copy.recordings.segments), /* @__PURE__ */ import_react26.default.createElement(CopyTranscripts, { segments: matchedSegments, copy: copy.recordings })),
+    /* @__PURE__ */ import_react26.default.createElement("label", null, copy.recordings.search, /* @__PURE__ */ import_react26.default.createElement(
+      "input",
+      {
+        type: "search",
+        value: search,
+        maxLength: 160,
+        "aria-label": copy.recordings.search,
+        onInput: (event) => setSearch(event.currentTarget.value)
+      }
+    )),
+    search.trim() && matchedSegments.length === 0 && /* @__PURE__ */ import_react26.default.createElement("p", { role: "status" }, copy.recordings.searchEmpty),
+    /* @__PURE__ */ import_react26.default.createElement("table", { className: "dlvd-segments" }, /* @__PURE__ */ import_react26.default.createElement("thead", null, /* @__PURE__ */ import_react26.default.createElement("tr", null, /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.state), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.start), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.end), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.duration), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.audio))), /* @__PURE__ */ import_react26.default.createElement("tbody", null, matchedSegments.map((segment) => /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, { key: segment.id }, /* @__PURE__ */ import_react26.default.createElement("tr", { "data-selected": selectedSegment === segment.id }, /* @__PURE__ */ import_react26.default.createElement("td", null, /* @__PURE__ */ import_react26.default.createElement("span", null, sourceName(session, copy)), /* @__PURE__ */ import_react26.default.createElement("br", null), commandsFor(segment).length ? /* @__PURE__ */ import_react26.default.createElement("span", { className: "dlvd-command-label" }, "\u03DF ", copy.recordings.eventCommand, " \xB7", " ", commandsFor(segment).map((event) => commandName(event.details.command)).join(", ")) : ignoredFor(segment).length ? /* @__PURE__ */ import_react26.default.createElement("span", { className: "dlvd-ignored-label" }, "\u2298 ", copy.recordings.ignoredMuted) : segment.kind === "speech" ? /* @__PURE__ */ import_react26.default.createElement("span", { className: "dlvd-speech-label" }, "\u25CF ", copy.recordings.speech) : copy.recordings.silence, segment.open && /* @__PURE__ */ import_react26.default.createElement("small", null, copy.recordings.open)), /* @__PURE__ */ import_react26.default.createElement("td", null, duration(segment.startSample, session.sampleRate)), /* @__PURE__ */ import_react26.default.createElement("td", null, duration(segment.endSample, session.sampleRate)), /* @__PURE__ */ import_react26.default.createElement("td", null, duration(segment.endSample - segment.startSample, session.sampleRate)), /* @__PURE__ */ import_react26.default.createElement("td", null, /* @__PURE__ */ import_react26.default.createElement(
+      "button",
+      {
+        type: "button",
+        className: "dlvd-segment-action",
+        title: copy.recordings.play,
+        disabled: deleting || segment.endSample <= segment.startSample,
+        "aria-label": copy.recordings.play + " \xB7 " + sourceName(session, copy) + " \xB7 " + segmentName(segment),
+        onClick: () => void play(segment)
+      },
+      /* @__PURE__ */ import_react26.default.createElement(SegmentIcon, { kind: "play" })
+    ), /* @__PURE__ */ import_react26.default.createElement(
+      "button",
+      {
+        type: "button",
+        className: "dlvd-segment-action",
+        disabled: downloading || exporting || deleting || segment.endSample <= segment.startSample,
+        title: copy.recordings.download,
+        "aria-label": copy.recordings.download + " \xB7 " + segmentName(segment),
+        onClick: () => void downloadSegment(segment)
+      },
+      /* @__PURE__ */ import_react26.default.createElement(SegmentIcon, { kind: "download" })
+    ), segment.kind === "speech" && service.retranscribe && /* @__PURE__ */ import_react26.default.createElement(
+      "button",
+      {
+        type: "button",
+        className: "dlvd-segment-action",
+        disabled: deleting || !!retrying || session.state === "recording" || segment.open || segment.endSample <= segment.startSample || segment.attempts.some((a) => a.status === "pending"),
+        title: copy.recordings.retranscribeHelp,
+        "aria-label": copy.recordings.retranscribe + " \xB7 " + segmentName(segment),
+        onClick: () => void retranscribe(segment)
+      },
+      /* @__PURE__ */ import_react26.default.createElement(SegmentIcon, { kind: "retry" })
+    ))), segment.kind === "speech" && /* @__PURE__ */ import_react26.default.createElement("tr", null, /* @__PURE__ */ import_react26.default.createElement("td", { colSpan: 5 }, /* @__PURE__ */ import_react26.default.createElement(
+      "details",
+      {
+        open: !!search.trim() || selectedSegment === segment.id || void 0
+      },
+      /* @__PURE__ */ import_react26.default.createElement("summary", null, copy.recordings.attempts, " \xB7 ", segment.attempts.length),
+      !segment.attempts.length && /* @__PURE__ */ import_react26.default.createElement("p", null, copy.recordings.noAttempts),
+      segment.attempts.map((attempt) => /* @__PURE__ */ import_react26.default.createElement("article", { className: "dlvd-attempt", key: attempt.id }, /* @__PURE__ */ import_react26.default.createElement("div", null, copy.recordings.engine, ": ", attempt.engine, " \xB7", {
+        pending: copy.recordings.pending,
+        success: copy.recordings.success,
+        error: copy.recordings.error
+      }[attempt.status]), /* @__PURE__ */ import_react26.default.createElement("time", { dateTime: attempt.createdAt }, new Date(attempt.createdAt).toLocaleString()), attempt.finishedAt && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, " ", "\u2014", " ", /* @__PURE__ */ import_react26.default.createElement("time", { dateTime: attempt.finishedAt }, new Date(attempt.finishedAt).toLocaleString())), /* @__PURE__ */ import_react26.default.createElement("div", null, duration(attempt.startSample, session.sampleRate), " \u2014", " ", duration(attempt.endSample, session.sampleRate)), attempt.request ? /* @__PURE__ */ import_react26.default.createElement("details", { className: "dlvd-request" }, /* @__PURE__ */ import_react26.default.createElement("summary", null, copy.recordings.requestMetadata, " \xB7", " ", attempt.request.payloadBytes.toLocaleString(), " B \xB7", " ", (attempt.request.durationMs / 1e3).toFixed(3), " s"), /* @__PURE__ */ import_react26.default.createElement("p", null, copy.recordings.requestHelp), /* @__PURE__ */ import_react26.default.createElement("dl", { className: "dlvd-recording-meta" }, /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.requestBytes), /* @__PURE__ */ import_react26.default.createElement("dd", null, attempt.request.payloadBytes.toLocaleString(), " B"), /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.requestInput), /* @__PURE__ */ import_react26.default.createElement("dd", null, attempt.request.inputSamples.toLocaleString(), " /", " ", attempt.request.inputSampleRate.toLocaleString(), " Hz"), /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.requestSamples), /* @__PURE__ */ import_react26.default.createElement("dd", null, attempt.request.sampleCount.toLocaleString(), " /", " ", attempt.request.sampleRate.toLocaleString(), " Hz"), /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.duration), /* @__PURE__ */ import_react26.default.createElement("dd", null, (attempt.request.durationMs / 1e3).toFixed(3), " s"), /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.requestExpected), /* @__PURE__ */ import_react26.default.createElement("dd", null, duration(
+        attempt.endSample - attempt.startSample,
+        session.sampleRate
+      )), /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.requestLanguage), /* @__PURE__ */ import_react26.default.createElement("dd", null, attempt.request.language), /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.requestPrepared), /* @__PURE__ */ import_react26.default.createElement("dd", null, /* @__PURE__ */ import_react26.default.createElement("time", { dateTime: attempt.request.preparedAt }, new Date(attempt.request.preparedAt).toLocaleString())), /* @__PURE__ */ import_react26.default.createElement("dt", null, copy.recordings.requestStatus), /* @__PURE__ */ import_react26.default.createElement("dd", null, attempt.request.responseStatus ?? copy.recordings.requestUnknown))) : /* @__PURE__ */ import_react26.default.createElement("small", null, copy.recordings.requestUnknown), attempt.text != null && /* @__PURE__ */ import_react26.default.createElement("p", { className: "dlvd-transcript" }, attempt.text), attempt.error && /* @__PURE__ */ import_react26.default.createElement("p", { className: "dlvd-attempt-error" }, copy.recordings.error, ": ", attempt.error)))
+    )))))))
+  ), /* @__PURE__ */ import_react26.default.createElement(
+    "div",
+    {
+      className: "dlvd-detail-list dlvd-boundary-pins",
+      role: "tabpanel",
+      id: detailTabsId + "-pins",
+      "aria-labelledby": detailTabsId + "-pins-tab",
+      hidden: detailTab !== "pins"
+    },
+    /* @__PURE__ */ import_react26.default.createElement("h4", null, copy.recordings.pins, " \xB7 ", session.pins.length),
+    /* @__PURE__ */ import_react26.default.createElement("table", null, /* @__PURE__ */ import_react26.default.createElement("thead", null, /* @__PURE__ */ import_react26.default.createElement("tr", null, /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.state), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.start), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.pinConfirmed), /* @__PURE__ */ import_react26.default.createElement("th", { scope: "col" }, copy.recordings.pinDelay))), /* @__PURE__ */ import_react26.default.createElement("tbody", null, session.pins.map((pin) => /* @__PURE__ */ import_react26.default.createElement("tr", { key: pin.id }, /* @__PURE__ */ import_react26.default.createElement("td", null, pin.kind === "speech-start" ? copy.recordings.speech : copy.recordings.silence), /* @__PURE__ */ import_react26.default.createElement("td", null, duration(pin.atSample, session.sampleRate)), /* @__PURE__ */ import_react26.default.createElement("td", null, duration(pin.confirmedAtSample, session.sampleRate)), /* @__PURE__ */ import_react26.default.createElement("td", null, duration(pin.delaySamples, session.sampleRate))))))
+  ));
 }
 
 // src/RuntimePanel.tsx
-var import_react26 = __toESM(require("react"), 1);
+var import_react27 = __toESM(require("react"), 1);
 function RuntimePanel({ data, copy }) {
   const unknown = copy.runtimes.unavailable;
   const bytes = (n) => typeof n === "number" && Number.isFinite(n) ? (n / 1073741824).toFixed(3) + " GiB (" + Math.round(n).toLocaleString() + " B)" : unknown;
@@ -3357,20 +3664,20 @@ function RuntimePanel({ data, copy }) {
     released: copy.runtimes.released,
     cancelled: copy.runtimes.cancelled
   })[v] ?? unknown;
-  const row = (label, value) => /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, { key: label }, /* @__PURE__ */ import_react26.default.createElement("dt", null, label), /* @__PURE__ */ import_react26.default.createElement("dd", null, value));
-  return /* @__PURE__ */ import_react26.default.createElement("section", { className: "dlvd-runtimes dlvd-scroll", tabIndex: 0, "aria-label": copy.runtimes.title }, /* @__PURE__ */ import_react26.default.createElement("h3", null, copy.runtimes.title, " ", /* @__PURE__ */ import_react26.default.createElement(Hint, { label: copy.runtimes.title }, copy.runtimes.help)), /* @__PURE__ */ import_react26.default.createElement("dl", { className: "dlvd-recording-meta" }, row(
+  const row = (label, value) => /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, { key: label }, /* @__PURE__ */ import_react27.default.createElement("dt", null, label), /* @__PURE__ */ import_react27.default.createElement("dd", null, value));
+  return /* @__PURE__ */ import_react27.default.createElement("section", { className: "dlvd-runtimes dlvd-scroll", tabIndex: 0, "aria-label": copy.runtimes.title }, /* @__PURE__ */ import_react27.default.createElement("h3", null, copy.runtimes.title, " ", /* @__PURE__ */ import_react27.default.createElement(Hint, { label: copy.runtimes.title }, copy.runtimes.help)), /* @__PURE__ */ import_react27.default.createElement("dl", { className: "dlvd-recording-meta" }, row(
     copy.runtimes.versions,
     (data.versions?.onnx ?? unknown) + " / " + (data.versions?.transformers ?? unknown)
   ), row(copy.runtimes.id, data.runtimeId ?? unknown), row(
     copy.runtimes.gpu,
     data.gpu === "available" ? copy.runtimes.yes : data.gpu === "unavailable" ? copy.runtimes.no : unknown
-  ), row(copy.runtimes.storage, bytes(data.storageAvailableBytes)), row(copy.runtimes.heap, bytes(data.pageJsHeapBytes)), row(copy.runtimes.ram, unknown), row(copy.runtimes.vram, unknown)), (data.models ?? []).map((model) => /* @__PURE__ */ import_react26.default.createElement("article", { className: "dlvd-runtime-card", key: model.key }, /* @__PURE__ */ import_react26.default.createElement("h3", null, model.name), /* @__PURE__ */ import_react26.default.createElement("dl", { className: "dlvd-recording-meta" }, row(copy.runtimes.status, status(model.phase)), row(
+  ), row(copy.runtimes.storage, bytes(data.storageAvailableBytes)), row(copy.runtimes.heap, bytes(data.pageJsHeapBytes)), row(copy.runtimes.ram, unknown), row(copy.runtimes.vram, unknown)), (data.models ?? []).map((model) => /* @__PURE__ */ import_react27.default.createElement("article", { className: "dlvd-runtime-card", key: model.key }, /* @__PURE__ */ import_react27.default.createElement("h3", null, model.name), /* @__PURE__ */ import_react27.default.createElement("dl", { className: "dlvd-recording-meta" }, row(copy.runtimes.status, status(model.phase)), row(
     copy.runtimes.device,
     model.device === "webgpu" ? "WebGPU" : model.device === "wasm" ? "WebAssembly CPU" : unknown
   ), row(copy.runtimes.worker, model.workerActive ? copy.runtimes.yes : copy.runtimes.no), row(copy.runtimes.revision, model.repository + " @ " + model.revision), row(copy.runtimes.quantization, model.encoderDtype + " / " + model.decoderDtype), row(copy.runtimes.modelBytes, bytes(model.modelBytes)), row(copy.runtimes.cache, bytes(model.cachedBytes)), row(copy.runtimes.pcm, bytes(model.pcmBytes)), row(copy.runtimes.load, ms(model.loadMs) + " / " + ms(model.workerLoadMs)), row(copy.runtimes.inference, ms(model.workerInferenceMs)), row(copy.runtimes.audio, ms(model.audioMs)), row(
     copy.runtimes.ratio,
     model.workerInferenceMs != null && model.audioMs > 0 ? (model.workerInferenceMs / model.audioMs).toFixed(2) + "\xD7" : unknown
-  ), row(copy.runtimes.queue, model.queued), row(copy.runtimes.active, model.active), row(copy.runtimes.pending, model.pendingRequests), row(copy.runtimes.completed, model.completed), row(copy.runtimes.failed, model.failed)), model.error && /* @__PURE__ */ import_react26.default.createElement("p", { role: "alert" }, copy.runtimes.error, ": ", /* @__PURE__ */ import_react26.default.createElement("code", null, model.error)))), /* @__PURE__ */ import_react26.default.createElement("h3", null, copy.runtimes.events), /* @__PURE__ */ import_react26.default.createElement("div", { className: "dlvd-history" }, !data.events?.length && /* @__PURE__ */ import_react26.default.createElement("p", null, copy.commons.empty), [...data.events ?? []].reverse().map((event) => /* @__PURE__ */ import_react26.default.createElement("div", { key: event.sequence, "data-level": event.status === "error" ? "error" : "debug" }, /* @__PURE__ */ import_react26.default.createElement("time", null, new Date(event.timeMs).toLocaleTimeString()), " \xB7 ", event.model, " \xB7", " ", event.operation === "load" ? copy.runtimes.load : event.operation === "worker" ? copy.runtimes.worker : copy.runtimes.inference, " ", "\xB7 ", status(event.status), event.durationMs != null ? " \xB7 " + ms(event.durationMs) : "", event.code && /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, " ", "\xB7 ", /* @__PURE__ */ import_react26.default.createElement("code", null, event.code))))));
+  ), row(copy.runtimes.queue, model.queued), row(copy.runtimes.active, model.active), row(copy.runtimes.pending, model.pendingRequests), row(copy.runtimes.completed, model.completed), row(copy.runtimes.failed, model.failed)), model.error && /* @__PURE__ */ import_react27.default.createElement("p", { role: "alert" }, copy.runtimes.error, ": ", /* @__PURE__ */ import_react27.default.createElement("code", null, model.error)))), /* @__PURE__ */ import_react27.default.createElement("h3", null, copy.runtimes.events), /* @__PURE__ */ import_react27.default.createElement("div", { className: "dlvd-history" }, !data.events?.length && /* @__PURE__ */ import_react27.default.createElement("p", null, copy.commons.empty), [...data.events ?? []].reverse().map((event) => /* @__PURE__ */ import_react27.default.createElement("div", { key: event.sequence, "data-level": event.status === "error" ? "error" : "debug" }, /* @__PURE__ */ import_react27.default.createElement("time", null, new Date(event.timeMs).toLocaleTimeString()), " \xB7 ", event.model, " \xB7", " ", event.operation === "load" ? copy.runtimes.load : event.operation === "worker" ? copy.runtimes.worker : copy.runtimes.inference, " ", "\xB7 ", status(event.status), event.durationMs != null ? " \xB7 " + ms(event.durationMs) : "", event.code && /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, " ", "\xB7 ", /* @__PURE__ */ import_react27.default.createElement("code", null, event.code))))));
 }
 
 // src/DebuggerPanel.tsx
@@ -3378,21 +3685,30 @@ function DebuggerPanel({
   copy,
   locale = "en",
   onClose,
-  target = window
+  target = window,
+  recordingRequest
 }) {
-  const [tab, setTab] = import_react27.default.useState("recordings");
-  const tabsId = import_react27.default.useId();
-  const [frozen, setFrozen] = import_react27.default.useState(false);
-  const [refreshHz, setRefreshHz] = import_react27.default.useState(10);
-  const updateRef = import_react27.default.useRef(null);
-  const [content, setContent] = import_react27.default.useState(false);
-  const [module2, setModule] = import_react27.default.useState("");
-  const [view, setView] = import_react27.default.useState(null);
-  const [failed, setFailed] = import_react27.default.useState(false);
-  const [eventsPaused, setEventsPaused] = import_react27.default.useState(false);
-  const pausedRef = import_react27.default.useRef(false);
-  const inspectorRef = import_react27.default.useRef(null);
-  import_react27.default.useEffect(() => {
+  const [tab, setTab] = import_react28.default.useState(
+    "recordings"
+  );
+  import_react28.default.useEffect(() => {
+    if (recordingRequest?.id) setTab("recordings");
+  }, [recordingRequest]);
+  const tabsId = import_react28.default.useId();
+  const [recordingToolbar, setRecordingToolbar] = import_react28.default.useState(null);
+  const [storagePanel, setStoragePanel] = import_react28.default.useState(null);
+  const [storageTotal, setStorageTotal] = import_react28.default.useState("\u2014");
+  const [frozen, setFrozen] = import_react28.default.useState(false);
+  const [refreshHz, setRefreshHz] = import_react28.default.useState(10);
+  const updateRef = import_react28.default.useRef(null);
+  const [content, setContent] = import_react28.default.useState(false);
+  const [module2, setModule] = import_react28.default.useState("");
+  const [view, setView] = import_react28.default.useState(null);
+  const [failed, setFailed] = import_react28.default.useState(false);
+  const [eventsPaused, setEventsPaused] = import_react28.default.useState(false);
+  const pausedRef = import_react28.default.useRef(false);
+  const inspectorRef = import_react28.default.useRef(null);
+  import_react28.default.useEffect(() => {
     if (frozen) return;
     let inspector = null;
     let source = null;
@@ -3425,7 +3741,7 @@ function DebuggerPanel({
       inspectorRef.current = null;
     };
   }, [frozen, content, target]);
-  import_react27.default.useEffect(() => {
+  import_react28.default.useEffect(() => {
     if (frozen) return;
     const timer = setInterval(() => updateRef.current?.(), 1e3 / refreshHz);
     return () => clearInterval(timer);
@@ -3433,11 +3749,11 @@ function DebuggerPanel({
   const modules = [...new Set(view?.transitions.map((entry) => entry.module) ?? [])].sort();
   const runtimeData = view?.state?.runtimes;
   const hasRuntimes = !!runtimeData?.models?.length;
-  const tabs = hasRuntimes ? ["recordings", "states", "runtimes"] : ["recordings", "states"];
-  import_react27.default.useEffect(() => {
+  const tabs = hasRuntimes ? ["recordings", "states", "storage", "runtimes"] : ["recordings", "states", "storage"];
+  import_react28.default.useEffect(() => {
     if (tab === "runtimes" && !hasRuntimes) setTab("states");
   }, [tab, hasRuntimes]);
-  return /* @__PURE__ */ import_react27.default.createElement("aside", { className: "dlvd-panel", "aria-label": copy.commons.title }, /* @__PURE__ */ import_react27.default.createElement("header", null, /* @__PURE__ */ import_react27.default.createElement("strong", null, copy.commons.title), /* @__PURE__ */ import_react27.default.createElement("span", null, refreshHz, " Hz"), /* @__PURE__ */ import_react27.default.createElement("button", { type: "button", onClick: onClose, "aria-label": copy.commons.close }, "\xD7")), /* @__PURE__ */ import_react27.default.createElement("div", { className: "dlvd-tabs", role: "tablist", "aria-label": copy.commons.title }, tabs.map((name) => /* @__PURE__ */ import_react27.default.createElement(
+  return /* @__PURE__ */ import_react28.default.createElement("aside", { className: "dlvd-panel", "aria-label": copy.commons.title }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "dlvd-navigation" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "dlvd-tabs", role: "tablist", "aria-label": copy.commons.title }, tabs.map((name) => /* @__PURE__ */ import_react28.default.createElement(
     "button",
     {
       type: "button",
@@ -3458,8 +3774,8 @@ function DebuggerPanel({
         }
       }
     },
-    name === "recordings" ? copy.recordings.title : name === "runtimes" ? copy.runtimes.title : copy.commons.states
-  ))), /* @__PURE__ */ import_react27.default.createElement(
+    name === "storage" ? copy.recordings.storageTab + ": " + storageTotal : name === "recordings" ? copy.recordings.title : name === "runtimes" ? copy.runtimes.title : copy.commons.states
+  ))), /* @__PURE__ */ import_react28.default.createElement("div", { className: "dlvd-navigation-actions" }, /* @__PURE__ */ import_react28.default.createElement("div", { className: "dlvd-recording-toolbar-slot", ref: setRecordingToolbar }), /* @__PURE__ */ import_react28.default.createElement("span", { className: "dlvd-refresh-frequency" }, refreshHz, " Hz"), /* @__PURE__ */ import_react28.default.createElement("button", { type: "button", onClick: onClose, "aria-label": copy.commons.close }, "\xD7"))), /* @__PURE__ */ import_react28.default.createElement(
     "div",
     {
       className: "dlvd-tab-panel",
@@ -3468,8 +3784,29 @@ function DebuggerPanel({
       "aria-labelledby": tabsId + "-recordings-tab",
       hidden: tab !== "recordings"
     },
-    tab === "recordings" && /* @__PURE__ */ import_react27.default.createElement(RecordingPanel, { copy, locale, target })
-  ), hasRuntimes && /* @__PURE__ */ import_react27.default.createElement(
+    /* @__PURE__ */ import_react28.default.createElement(
+      RecordingPanel,
+      {
+        copy,
+        locale,
+        target,
+        toolbarTarget: recordingToolbar,
+        storageTarget: storagePanel,
+        onStorageTotal: setStorageTotal,
+        recordingRequest
+      }
+    )
+  ), /* @__PURE__ */ import_react28.default.createElement(
+    "div",
+    {
+      className: "dlvd-tab-panel dlvd-scroll",
+      role: "tabpanel",
+      id: tabsId + "-storage",
+      "aria-labelledby": tabsId + "-storage-tab",
+      hidden: tab !== "storage",
+      ref: setStoragePanel
+    }
+  ), hasRuntimes && /* @__PURE__ */ import_react28.default.createElement(
     "div",
     {
       className: "dlvd-tab-panel",
@@ -3478,8 +3815,8 @@ function DebuggerPanel({
       "aria-labelledby": tabsId + "-runtimes-tab",
       hidden: tab !== "runtimes"
     },
-    tab === "runtimes" && /* @__PURE__ */ import_react27.default.createElement(RuntimePanel, { data: runtimeData, copy })
-  ), /* @__PURE__ */ import_react27.default.createElement(
+    tab === "runtimes" && /* @__PURE__ */ import_react28.default.createElement(RuntimePanel, { data: runtimeData, copy })
+  ), /* @__PURE__ */ import_react28.default.createElement(
     "div",
     {
       className: "dlvd-tab-panel",
@@ -3488,15 +3825,15 @@ function DebuggerPanel({
       "aria-labelledby": tabsId + "-states-tab",
       hidden: tab !== "states"
     },
-    /* @__PURE__ */ import_react27.default.createElement("p", null, copy.commons.help),
-    /* @__PURE__ */ import_react27.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react27.default.createElement("label", null, copy.commons.refreshRate, /* @__PURE__ */ import_react27.default.createElement(
+    /* @__PURE__ */ import_react28.default.createElement("p", null, copy.commons.help),
+    /* @__PURE__ */ import_react28.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react28.default.createElement("label", null, copy.commons.refreshRate, /* @__PURE__ */ import_react28.default.createElement(
       "select",
       {
         value: refreshHz,
         onChange: (event) => setRefreshHz(Number(event.target.value))
       },
-      [1, 2, 5, 10, 20].map((hz) => /* @__PURE__ */ import_react27.default.createElement("option", { key: hz, value: hz }, hz, " Hz"))
-    )), /* @__PURE__ */ import_react27.default.createElement("button", { type: "button", onClick: () => setFrozen(!frozen) }, frozen ? copy.commons.resume : copy.commons.freeze), /* @__PURE__ */ import_react27.default.createElement("label", null, /* @__PURE__ */ import_react27.default.createElement(
+      [1, 2, 5, 10, 20].map((hz) => /* @__PURE__ */ import_react28.default.createElement("option", { key: hz, value: hz }, hz, " Hz"))
+    )), /* @__PURE__ */ import_react28.default.createElement("button", { type: "button", onClick: () => setFrozen(!frozen) }, frozen ? copy.commons.resume : copy.commons.freeze), /* @__PURE__ */ import_react28.default.createElement("label", null, /* @__PURE__ */ import_react28.default.createElement(
       "input",
       {
         type: "checkbox",
@@ -3508,7 +3845,7 @@ function DebuggerPanel({
         }
       }
     ), copy.commons.content)),
-    failed ? /* @__PURE__ */ import_react27.default.createElement("p", { role: "alert" }, copy.commons.error) : !view ? /* @__PURE__ */ import_react27.default.createElement("p", { role: "status" }, copy.commons.waiting) : /* @__PURE__ */ import_react27.default.createElement("div", { className: "dlvd-columns" }, /* @__PURE__ */ import_react27.default.createElement("section", { className: "dlvd-state-pane", "aria-label": copy.commons.states }, /* @__PURE__ */ import_react27.default.createElement("h3", null, copy.commons.states), /* @__PURE__ */ import_react27.default.createElement("div", { className: "dlvd-scroll", tabIndex: 0 }, /* @__PURE__ */ import_react27.default.createElement(StateTree, { name: "context", value: view.state, omitted: copy.commons.omitted }))), /* @__PURE__ */ import_react27.default.createElement("section", { className: "dlvd-event-pane", "aria-label": copy.commons.transitions }, /* @__PURE__ */ import_react27.default.createElement("h3", null, copy.commons.transitions), /* @__PURE__ */ import_react27.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react27.default.createElement(
+    failed ? /* @__PURE__ */ import_react28.default.createElement("p", { role: "alert" }, copy.commons.error) : !view ? /* @__PURE__ */ import_react28.default.createElement("p", { role: "status" }, copy.commons.waiting) : /* @__PURE__ */ import_react28.default.createElement("div", { className: "dlvd-columns" }, /* @__PURE__ */ import_react28.default.createElement("section", { className: "dlvd-state-pane", "aria-label": copy.commons.states }, /* @__PURE__ */ import_react28.default.createElement("h3", null, copy.commons.states), /* @__PURE__ */ import_react28.default.createElement("div", { className: "dlvd-scroll", tabIndex: 0 }, /* @__PURE__ */ import_react28.default.createElement(StateTree, { name: "context", value: view.state, omitted: copy.commons.omitted }))), /* @__PURE__ */ import_react28.default.createElement("section", { className: "dlvd-event-pane", "aria-label": copy.commons.transitions }, /* @__PURE__ */ import_react28.default.createElement("h3", null, copy.commons.transitions), /* @__PURE__ */ import_react28.default.createElement("div", { className: "dlvd-toolbar" }, /* @__PURE__ */ import_react28.default.createElement(
       "button",
       {
         type: "button",
@@ -3521,7 +3858,7 @@ function DebuggerPanel({
         }
       },
       eventsPaused ? copy.commons.eventsResume : copy.commons.eventsPause
-    ), /* @__PURE__ */ import_react27.default.createElement(
+    ), /* @__PURE__ */ import_react28.default.createElement(
       "button",
       {
         type: "button",
@@ -3531,14 +3868,14 @@ function DebuggerPanel({
         }
       },
       copy.commons.eventsClear
-    )), /* @__PURE__ */ import_react27.default.createElement("label", null, copy.commons.filter, /* @__PURE__ */ import_react27.default.createElement("select", { value: module2, onChange: (event) => setModule(event.target.value) }, /* @__PURE__ */ import_react27.default.createElement("option", { value: "" }, copy.commons.all), modules.map((name) => /* @__PURE__ */ import_react27.default.createElement("option", { key: name }, name)))), /* @__PURE__ */ import_react27.default.createElement("div", { className: "dlvd-history dlvd-scroll", tabIndex: 0 }, view.transitions.filter((entry) => !module2 || entry.module === module2).slice().reverse().map((entry) => /* @__PURE__ */ import_react27.default.createElement("details", { key: entry.sequence, "data-level": entry.level }, /* @__PURE__ */ import_react27.default.createElement("summary", null, /* @__PURE__ */ import_react27.default.createElement("small", null, new Date(entry.timeMs).toLocaleTimeString()), " ", /* @__PURE__ */ import_react27.default.createElement("code", null, entry.sessionId, " / ", entry.module)), /* @__PURE__ */ import_react27.default.createElement(
+    )), /* @__PURE__ */ import_react28.default.createElement("label", null, copy.commons.filter, /* @__PURE__ */ import_react28.default.createElement("select", { value: module2, onChange: (event) => setModule(event.target.value) }, /* @__PURE__ */ import_react28.default.createElement("option", { value: "" }, copy.commons.all), modules.map((name) => /* @__PURE__ */ import_react28.default.createElement("option", { key: name }, name)))), /* @__PURE__ */ import_react28.default.createElement("div", { className: "dlvd-history dlvd-scroll", tabIndex: 0 }, view.transitions.filter((entry) => !module2 || entry.module === module2).slice().reverse().map((entry) => /* @__PURE__ */ import_react28.default.createElement("details", { key: entry.sequence, "data-level": entry.level }, /* @__PURE__ */ import_react28.default.createElement("summary", null, /* @__PURE__ */ import_react28.default.createElement("small", null, new Date(entry.timeMs).toLocaleTimeString()), " ", /* @__PURE__ */ import_react28.default.createElement("code", null, entry.sessionId, " / ", entry.module)), /* @__PURE__ */ import_react28.default.createElement(
       StateTree,
       {
         name: "before",
         value: entry.before,
         omitted: copy.commons.omitted
       }
-    ), /* @__PURE__ */ import_react27.default.createElement(StateTree, { name: "after", value: entry.after, omitted: copy.commons.omitted }))), !view.transitions.length && /* @__PURE__ */ import_react27.default.createElement("p", null, copy.commons.empty))))
+    ), /* @__PURE__ */ import_react28.default.createElement(StateTree, { name: "after", value: entry.after, omitted: copy.commons.omitted }))), !view.transitions.length && /* @__PURE__ */ import_react28.default.createElement("p", null, copy.commons.empty))))
   ));
 }
 
@@ -3570,7 +3907,7 @@ function normalizeDebuggerLocale(locale) {
 }
 
 // node_modules/.pnpm/@wads.dev+i18n-react@0.0.1-alpha.0_react@19.3.0_typescript@7.0.2/node_modules/@wads.dev/i18n-react/dist/index.js
-var import_react28 = require("react");
+var import_react29 = require("react");
 
 // node_modules/.pnpm/@wads.dev+i18n-ts@0.0.1-alpha.0_typescript@7.0.2/node_modules/@wads.dev/i18n-ts/dist/runtime/language.js
 function detectLanguage() {
@@ -3603,21 +3940,21 @@ function deepFreeze(value) {
 
 // node_modules/.pnpm/@wads.dev+i18n-react@0.0.1-alpha.0_react@19.3.0_typescript@7.0.2/node_modules/@wads.dev/i18n-react/dist/index.js
 function createTranslationRuntime({ availableLangs, defaultLang, onLanguageLoaded }) {
-  const context = (0, import_react28.createContext)({});
+  const context = (0, import_react29.createContext)({});
   function useTranslation(selector) {
-    const value = (0, import_react28.useContext)(context);
+    const value = (0, import_react29.useContext)(context);
     if (!value.current)
       throw new Error("useTranslation must be used within TranslationProvider.");
     return { ...value, scoped: selector ? selector(value.current.lang) : value.current.lang };
   }
   function TranslationProvider({ children }) {
-    const [saved, setSaved] = (0, import_react28.useState)();
-    const [language, setCurrentLanguage] = (0, import_react28.useState)();
+    const [saved, setSaved] = (0, import_react29.useState)();
+    const [language, setCurrentLanguage] = (0, import_react29.useState)();
     function setLanguage(nextLanguage, save) {
       if (save)
         setSaved(nextLanguage);
     }
-    (0, import_react28.useEffect)(() => {
+    (0, import_react29.useEffect)(() => {
       void loadLanguage(availableLangs, defaultLang, saved).then((loadedLanguage) => {
         setCurrentLanguage(loadedLanguage);
         onLanguageLoaded?.(loadedLanguage);
@@ -3625,7 +3962,7 @@ function createTranslationRuntime({ availableLangs, defaultLang, onLanguageLoade
     }, [saved]);
     if (!language)
       return null;
-    return (0, import_react28.createElement)(context.Provider, { value: { setLanguage, available: availableLangs, current: language, saved } }, children);
+    return (0, import_react29.createElement)(context.Provider, { value: { setLanguage, available: availableLangs, current: language, saved } }, children);
   }
   return { TranslationProvider, useTranslation };
 }
@@ -3640,28 +3977,28 @@ var {
 });
 
 // src/i18n/DshLanguageBoundary.tsx
-var import_react29 = __toESM(require("react"), 1);
+var import_react30 = __toESM(require("react"), 1);
 var fallback = Object.freeze({ active: "en", revision: 0 });
 function DshLanguageBoundary({ locale, children }) {
   const { current, setLanguage } = useDebuggerLanguage();
-  const subscribe = import_react29.default.useCallback(
+  const subscribe = import_react30.default.useCallback(
     (listener) => locale?.subscribe?.(listener) ?? (() => {
     }),
     [locale]
   );
-  const snapshot = import_react29.default.useCallback(() => locale?.getSnapshot?.() ?? fallback, [locale]);
-  const state = import_react29.default.useSyncExternalStore(subscribe, snapshot, snapshot);
+  const snapshot = import_react30.default.useCallback(() => locale?.getSnapshot?.() ?? fallback, [locale]);
+  const state = import_react30.default.useSyncExternalStore(subscribe, snapshot, snapshot);
   const expected = normalizeDebuggerLocale(state.active);
-  import_react29.default.useEffect(() => {
+  import_react30.default.useEffect(() => {
     if (current.locale !== expected) setLanguage(expected, true);
   }, [current.locale, expected, setLanguage]);
-  const initialized = import_react29.default.useRef(false);
+  const initialized = import_react30.default.useRef(false);
   if (current.locale === expected) initialized.current = true;
   return initialized.current ? children : null;
 }
 function withDebuggerLanguage(Component, locale) {
   function Localized(props) {
-    return /* @__PURE__ */ import_react29.default.createElement(DebuggerTranslationProvider, null, /* @__PURE__ */ import_react29.default.createElement(DshLanguageBoundary, { locale }, /* @__PURE__ */ import_react29.default.createElement(Component, { ...props })));
+    return /* @__PURE__ */ import_react30.default.createElement(DebuggerTranslationProvider, null, /* @__PURE__ */ import_react30.default.createElement(DshLanguageBoundary, { locale }, /* @__PURE__ */ import_react30.default.createElement(Component, { ...props })));
   }
   Localized.displayName = "DebuggerLanguage(" + (Component.displayName || Component.name || "Component") + ")";
   return Localized;
@@ -3697,9 +4034,16 @@ function registerDshLocales(ctx) {
 
 // src/styles.ts
 var styles = `
+.dlvd-recording-columns>[hidden]{display:none!important}.dlvd-recording-columns[data-layout=list],.dlvd-recording-columns[data-layout=session]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.dlvd-recording-columns[data-layout=session]>.dlvd-recording-detail{border:0;padding:0}.dlvd-layout-control{white-space:nowrap}
+.dlvd-navigation-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto;min-width:0}.dlvd-refresh-frequency{white-space:nowrap;font-size:12px;color:var(--dsw-alias-text-secondary,#b8bdc5)}
+.dlvd-timeline button[data-kind=speech]{background:#82d9bd!important}.dlvd-event-timeline [data-category=speech]{--event-color:#82d9bd}.dlvd-event-timeline [data-category=silence]{--event-color:#566578}.dlvd-timeline button[data-kind=command]{background:#ffba72!important}.dlvd-summary-interval{position:absolute;pointer-events:none;height:5px;z-index:1;min-width:1px}.dlvd-summary-interval[data-category=waiting]{top:1px;background:#d9beff}.dlvd-summary-interval[data-category=playback]{bottom:1px;background:#90c4ff}
+.dlvd-detail-list[hidden]{display:none!important}.dlvd-detail-tabs{flex-wrap:wrap}.dlvd-event-track:empty{display:none}
+.dlvd-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin:4px 0 10px}.dlvd-detail-heading h3{margin:0;min-width:0}.dlvd-detail-heading .dlvd-detail-actions{margin:0;flex-wrap:wrap}.dlvd-session-meta{display:flex!important;flex-wrap:wrap;gap:8px 20px!important;margin:8px 0 12px}.dlvd-session-meta>div{display:inline-flex;align-items:baseline;gap:6px;min-width:0;max-width:100%}.dlvd-session-meta dt{font-weight:600}.dlvd-session-meta dt:after{content:":"}.dlvd-session-meta dd{margin:0;overflow-wrap:anywhere}
+.dlvd-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:none;margin:8px 0 12px}.dlvd-navigation .dlvd-tabs{margin:0;flex-wrap:wrap}.dlvd-recording-toolbar-slot{margin-left:auto}.dlvd-recording-toolbar-slot .dlvd-toolbar{margin:0;justify-content:flex-end;flex-wrap:wrap}.dlvd-recording-toolbar-slot select{max-width:min(260px,55vw)}@media(max-width:650px){.dlvd-recording-toolbar-slot{width:100%;margin:0}.dlvd-recording-toolbar-slot .dlvd-toolbar{justify-content:flex-start}}
+.dlvd-segment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}.dlvd-segment-heading h4{margin:0}.dlvd-copy-transcripts{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.dlvd-copy-transcripts [role=alert]{color:var(--dsw-alias-state-error-primary,#f25a5a)}
 .dlvd-recording-storage{margin:12px 0 16px;padding:14px 16px;border:1px solid var(--dsw-alias-border-l2,#ffffff28);border-radius:10px;background:var(--dsw-alias-bg-layer-1,#202126)}.dlvd-storage-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dlvd-storage-overview h3{margin:0 0 8px}.dlvd-storage-overview .dlvd-audio-total{margin:0;font-size:15px}.dlvd-storage-overview .dlvd-audio-total strong{font-size:20px;font-variant-numeric:tabular-nums;color:var(--dsw-alias-text-primary,#f3f4f6)}.dlvd-storage-count{margin:5px 0 0;font-size:12px}.dlvd-storage-scope{font-size:12px;color:var(--dsw-alias-text-secondary,#b8bdc5);margin:10px 0 0}.dlvd-panel button.dlvd-delete-all{border-color:#e28f8f;color:#ffbaba}.dlvd-delete-all-confirm{margin-top:14px;padding:12px;border:1px solid #e28f8f;border-radius:8px}.dlvd-delete-all-confirm h4{margin:0 0 10px}.dlvd-delete-all-confirm p{margin:8px 0}.dlvd-storage-result:empty{display:none}.dlvd-storage-result:focus{outline:2px solid #90c4ff;outline-offset:4px}
 
-.dlvd-event-timeline{margin:14px 0}.dlvd-event-legend{display:flex;gap:10px 16px;flex-wrap:wrap;font-size:12px}.dlvd-event-legend span{display:inline-flex;gap:5px;align-items:center}.dlvd-event-timeline [data-category=waiting],.dlvd-event-tooltip[data-category=waiting]{--event-color:#d9beff}.dlvd-event-timeline [data-category=playback],.dlvd-event-tooltip[data-category=playback]{--event-color:#90c4ff}.dlvd-event-timeline [data-category=capture],.dlvd-event-tooltip[data-category=capture]{--event-color:#82d9bd}.dlvd-event-timeline [data-category=command],.dlvd-event-tooltip[data-category=command]{--event-color:#ffba72}.dlvd-event-timeline [data-category=attention],.dlvd-event-tooltip[data-category=attention]{--event-color:#ff9eac}.dlvd-event-legend span{color:var(--event-color)}.dlvd-event-timeline .dlvd-event-track{height:auto;margin:8px 0;background:var(--dsw-alias-bg-layer-1,#1b1c20);overflow:visible}.dlvd-event-lane{height:34px;position:relative;border-bottom:1px solid var(--dsw-alias-border-l2,#ffffff12)}.dlvd-event-lane:last-child{border-bottom:0}.dlvd-recordings .dlvd-event-marker{position:absolute;top:2px;transform:translateX(-50%);height:30px;width:34px;padding:3px;display:inline-flex;align-items:center;justify-content:center;gap:1px;color:var(--event-color);background:color-mix(in srgb,var(--event-color) 12%,#1c1c1f);border:1px solid color-mix(in srgb,var(--event-color) 45%,transparent);border-radius:5px;font-size:10px}.dlvd-event-marker:hover,.dlvd-event-marker:focus-visible{outline:2px solid var(--event-color);outline-offset:1px;z-index:2}.dlvd-event-count{font-variant-numeric:tabular-nums;font-weight:700}.dlvd-event-tooltip{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(390px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:hidden;padding:12px 14px;border:1px solid var(--event-color,#b7c0cf);border-radius:10px;background:#202126;color:#f3f4f6;font:12px/1.45 system-ui,sans-serif;box-shadow:0 12px 35px #0008;z-index:2147483647;pointer-events:none!important}.dlvd-event-tooltip *{pointer-events:none!important}.dlvd-event-tooltip::backdrop{pointer-events:none}.dlvd-event-tooltip strong{color:var(--event-color);display:block;margin-bottom:8px}.dlvd-event-tooltip-list>div{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-top:1px solid #ffffff18}.dlvd-event-tooltip time,.dlvd-event-tooltip span{color:#c6cbd4}.dlvd-event-tooltip footer{margin-top:8px;color:#c6cbd4;font-size:11px}.dlvd-recording-events tr:focus{outline:2px solid #90c4ff;outline-offset:-2px}.dlvd-timeline button[data-kind=command]{background:#a8611d!important}.dlvd-timeline-legend [data-kind=command]{border-color:#ffba72!important}.dlvd-command-label{color:#ffba72}
+.dlvd-event-timeline{margin:14px 0}.dlvd-event-legend{display:flex;gap:10px 16px;flex-wrap:wrap;font-size:12px}.dlvd-event-legend span{display:inline-flex;gap:5px;align-items:center}.dlvd-event-timeline [data-category=waiting],.dlvd-event-tooltip[data-category=waiting]{--event-color:#d9beff}.dlvd-event-timeline [data-category=playback],.dlvd-event-tooltip[data-category=playback]{--event-color:#90c4ff}.dlvd-event-timeline [data-category=capture],.dlvd-event-tooltip[data-category=capture]{--event-color:#82d9bd}.dlvd-event-timeline [data-category=command],.dlvd-event-tooltip[data-category=command]{--event-color:#ffba72}.dlvd-event-timeline [data-category=attention],.dlvd-event-tooltip[data-category=attention]{--event-color:#ff9eac}.dlvd-event-legend span{color:var(--event-color)}.dlvd-event-timeline .dlvd-event-track{height:auto;margin:8px 0;background:var(--dsw-alias-bg-layer-1,#1b1c20);overflow:visible}.dlvd-event-lane{height:34px;position:relative;border-bottom:1px solid var(--dsw-alias-border-l2,#ffffff12)}.dlvd-event-lane:last-child{border-bottom:0}.dlvd-recordings .dlvd-event-marker{position:absolute;top:2px;transform:translateX(-50%);height:30px;width:34px;padding:3px;display:inline-flex;align-items:center;justify-content:center;gap:1px;color:var(--event-color);background:color-mix(in srgb,var(--event-color) 12%,#1c1c1f);border:1px solid color-mix(in srgb,var(--event-color) 45%,transparent);border-radius:5px;font-size:10px}.dlvd-event-marker:hover,.dlvd-event-marker:focus-visible{outline:2px solid var(--event-color);outline-offset:1px;z-index:2}.dlvd-event-count{font-variant-numeric:tabular-nums;font-weight:700}.dlvd-event-tooltip{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(390px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:hidden;padding:12px 14px;border:1px solid var(--event-color,#b7c0cf);border-radius:10px;background:#202126;color:#f3f4f6;font:12px/1.45 system-ui,sans-serif;box-shadow:0 12px 35px #0008;z-index:2147483647;pointer-events:none!important}.dlvd-event-tooltip *{pointer-events:none!important}.dlvd-event-tooltip::backdrop{pointer-events:none}.dlvd-event-tooltip strong{color:var(--event-color);display:block;margin-bottom:8px}.dlvd-event-tooltip-list>div{display:flex;flex-direction:column;gap:2px;padding:6px 0;border-top:1px solid #ffffff18}.dlvd-event-tooltip time,.dlvd-event-tooltip span{color:#c6cbd4}.dlvd-event-tooltip footer{margin-top:8px;color:#c6cbd4;font-size:11px}.dlvd-recording-events tr:focus{outline:2px solid #90c4ff;outline-offset:-2px}.dlvd-timeline button[data-kind=command]{background:#a8611d!important}.dlvd-timeline-legend [data-kind=command]{border-color:#ffba72!important}.dlvd-command-label{color:#ffba72}.dlvd-ignored-label{color:#ff9cc7}.dlvd-speech-label{color:#82d9bd}.dlvd-timeline button[data-kind=ignored]{background:repeating-linear-gradient(135deg,#a33f72,#a33f72 5px,#632448 5px,#632448 9px)!important}.dlvd-timeline-legend [data-kind=ignored]{border-bottom:3px solid #ff9cc7}.dlvd-event-timeline [data-category=ignored],.dlvd-event-tooltip[data-category=ignored]{--event-color:#ff9cc7}
 
 .dlvd-event-track{position:relative;height:44px;margin:6px 0;border:1px solid var(--dsw-alias-border-l2,#ffffff1f);border-radius:6px}.dlvd-event-track .dlvd-event-pin{pointer-events:auto}.dlvd-event-details{color:var(--dsw-alias-text-secondary,#b8bdc5);margin-top:3px;font-size:12px}
 .dlvd-panel .dlvd-segment-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:5px;margin:0 4px 4px 0}.dlvd-segments td:last-child{min-width:112px}
@@ -3748,6 +4092,7 @@ var inject = ["locale"];
 function apply(ctx) {
   let enabled = false;
   let blocked = false;
+  let requestedRecording = { revision: 0 };
   let popup = null;
   let root = null;
   let closedTimer = null;
@@ -3775,24 +4120,28 @@ function apply(ctx) {
     notify();
   };
   function Host() {
+    const request = import_react31.default.useSyncExternalStore(subscribe, () => requestedRecording);
     const { scoped: labels, current } = useDebuggerLanguage();
-    import_react30.default.useEffect(() => {
+    import_react31.default.useEffect(() => {
       if (popup && !popup.closed) popup.document.title = labels.commons.title;
     }, [labels.commons.title]);
-    return /* @__PURE__ */ import_react30.default.createElement(
+    return /* @__PURE__ */ import_react31.default.createElement(
       DebuggerPanel,
       {
         copy: labels,
         locale: current.locale,
         target: window,
+        recordingRequest: request,
         onClose: () => queueMicrotask(close)
       }
     );
   }
-  const open = () => {
+  const open = (request) => {
+    requestedRecording = { id: request?.recordingId, revision: requestedRecording.revision + 1 };
     if (popup && !popup.closed) {
       popup.focus();
-      return;
+      notify();
+      return true;
     }
     close();
     blocked = false;
@@ -3806,7 +4155,7 @@ function apply(ctx) {
       if (!candidate) {
         blocked = true;
         notify();
-        return;
+        return false;
       }
       popup = candidate;
       const doc = candidate.document;
@@ -3821,24 +4170,26 @@ function apply(ctx) {
       container.dataset.plugin = namespace;
       doc.body.appendChild(container);
       root = (0, import_client.createRoot)(container);
-      root.render(/* @__PURE__ */ import_react30.default.createElement(LocalizedHost, null));
+      root.render(/* @__PURE__ */ import_react31.default.createElement(LocalizedHost, null));
       enabled = true;
       closedTimer = setInterval(() => {
         if (popup?.closed) close();
         else if (popup) syncDebuggerTheme(window, popup.document);
       }, 250);
       notify();
+      return true;
     } catch {
       close();
       if (candidate && !candidate.closed) candidate.close();
       blocked = true;
       notify();
+      return false;
     }
   };
   function Settings() {
-    const failed = import_react30.default.useSyncExternalStore(subscribe, () => blocked);
+    const failed = import_react31.default.useSyncExternalStore(subscribe, () => blocked);
     const { scoped: labels } = useDebuggerLanguage();
-    return /* @__PURE__ */ import_react30.default.createElement("div", { className: "dlv-diagnostics-launcher" }, /* @__PURE__ */ import_react30.default.createElement("button", { type: "button", className: "dlv-diagnostics-button", onClick: open }, /* @__PURE__ */ import_react30.default.createElement(Icon, { name: "bug" }), labels.commons.diagnostics), /* @__PURE__ */ import_react30.default.createElement(Hint, { label: labels.commons.diagnostics }, labels.commons.activate), failed && /* @__PURE__ */ import_react30.default.createElement("p", { role: "alert" }, labels.commons.popupBlocked));
+    return /* @__PURE__ */ import_react31.default.createElement("div", { className: "dlv-diagnostics-launcher" }, /* @__PURE__ */ import_react31.default.createElement("button", { type: "button", className: "dlv-diagnostics-button", onClick: () => open() }, /* @__PURE__ */ import_react31.default.createElement(Icon, { name: "bug" }), labels.commons.diagnostics), /* @__PURE__ */ import_react31.default.createElement(Hint, { label: labels.commons.diagnostics }, labels.commons.activate), failed && /* @__PURE__ */ import_react31.default.createElement("p", { role: "alert" }, labels.commons.popupBlocked));
   }
   const LocalizedHost = withDebuggerLanguage(Host, ctx.locale);
   const LocalizedSettings = withDebuggerLanguage(Settings, ctx.locale);
@@ -3846,7 +4197,8 @@ function apply(ctx) {
     () => publishDeveloperExtension(window, {
       version: 1,
       label: () => t("commons.developer"),
-      component: LocalizedSettings
+      component: LocalizedSettings,
+      open
     }),
     namespace + ": Developer tab"
   );