@magmamath/students-features 1.7.9 → 1.7.10-rc.2

package/dist/module/features/voice/playing/model/TranscriptionsDownloader.model.js

@@ -1,8 +1,7 @@
 "use strict";
 
 import { createEffect } from 'effector';
-import { TranscriptionStatus } from "../../types.js";
-import { NO_AUDIO_BE_MESSAGE, TRANSCRIPT_MAX_RETRIES, TRANSCRIPT_RETRY_INTERVAL_MS } from "../../constants.js";
+import { fetchTranscriptWithRetry } from "../../transcript.helpers.js";
 export class TranscriptionsDownloaderModel {
   inflightFetches = new Map();
   transcriptCache = new Map();
@@ -10,12 +9,12 @@ export class TranscriptionsDownloaderModel {
     this.collection = collection;
     this.api = api;
   }
-  async fetchTranscriptWithRetry(audioFileId) {
+  async fetchTranscript(audioFileId) {
     const cached = this.transcriptCache.get(audioFileId);
     if (cached) return cached;
     const existing = this.inflightFetches.get(audioFileId);
     if (existing) return existing;
-    const promise = this.runFetchWithRetry(audioFileId).then(result => {
+    const promise = fetchTranscriptWithRetry(id => this.api.getAudioFileTranscript(id), audioFileId).then(result => {
       this.transcriptCache.set(audioFileId, result);
       return result;
     }).finally(() => {
@@ -24,28 +23,6 @@ export class TranscriptionsDownloaderModel {
     this.inflightFetches.set(audioFileId, promise);
     return promise;
   }
-  async runFetchWithRetry(audioFileId) {
-    for (let attempt = 0; attempt < TRANSCRIPT_MAX_RETRIES; attempt++) {
-      const response = await this.api.getAudioFileTranscript(audioFileId);
-      if (response.status === TranscriptionStatus.COMPLETED) {
-        return {
-          text: response.text,
-          language: response.language
-        };
-      }
-      if (response.status === TranscriptionStatus.FAILED) {
-        return {
-          text: NO_AUDIO_BE_MESSAGE
-        };
-      }
-      if (attempt < TRANSCRIPT_MAX_RETRIES - 1) {
-        await new Promise(resolve => setTimeout(resolve, TRANSCRIPT_RETRY_INTERVAL_MS));
-      }
-    }
-    return {
-      text: NO_AUDIO_BE_MESSAGE
-    };
-  }
   loadTranscriptForAttempt = createEffect(async attemptNumber => {
     const item = this.collection.get(attemptNumber);
     if (!item?.audioFileId) return;
@@ -57,7 +34,7 @@ export class TranscriptionsDownloaderModel {
       const {
         text,
         language
-      } = await this.fetchTranscriptWithRetry(item.audioFileId);
+      } = await this.fetchTranscript(item.audioFileId);
       this.collection.update(attemptNumber, {
         transcript: text,
         transcriptLanguage: language,

package/dist/module/features/voice/playing/model/TranscriptionsDownloader.model.js.map

@@ -1 +1 @@
-{"version":3,"names":["createEffect","TranscriptionStatus","NO_AUDIO_BE_MESSAGE","TRANSCRIPT_MAX_RETRIES","TRANSCRIPT_RETRY_INTERVAL_MS","TranscriptionsDownloaderModel","inflightFetches","Map","transcriptCache","constructor","collection","api","fetchTranscriptWithRetry","audioFileId","cached","get","existing","promise","runFetchWithRetry","then","result","set","finally","delete","attempt","response","getAudioFileTranscript","status","COMPLETED","text","language","FAILED","Promise","resolve","setTimeout","loadTranscriptForAttempt","attemptNumber","item","transcript","transcriptLoading","update","transcriptLanguage","transcriptError","undefined","error","Error","message","getCachedTranscript"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/model/TranscriptionsDownloader.model.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["createEffect","fetchTranscriptWithRetry","TranscriptionsDownloaderModel","inflightFetches","Map","transcriptCache","constructor","collection","api","fetchTranscript","audioFileId","cached","get","existing","promise","id","getAudioFileTranscript","then","result","set","finally","delete","loadTranscriptForAttempt","attemptNumber","item","transcript","transcriptLoading","update","text","language","transcriptLanguage","transcriptError","undefined","error","Error","message","getCachedTranscript"],"sourceRoot":"../../../../../../src","sources":["features/voice/playing/model/TranscriptionsDownloader.model.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,UAAU;AAGvC,SAASC,wBAAwB,QAA0B,6BAA0B;AAErF,OAAO,MAAMC,6BAA6B,CAAC;EAGxBC,eAAe,GAAG,IAAIC,GAAG,CAAoC,CAAC;EAC9DC,eAAe,GAAG,IAAID,GAAG,CAA2B,CAAC;EAEtEE,WAAWA,CAACC,UAAoC,EAAEC,GAAmB,EAAE;IACrE,IAAI,CAACD,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACC,GAAG,GAAGA,GAAG;EAChB;EAEA,MAAcC,eAAeA,CAACC,WAAmB,EAA6B;IAC5E,MAAMC,MAAM,GAAG,IAAI,CAACN,eAAe,CAACO,GAAG,CAACF,WAAW,CAAC;IACpD,IAAIC,MAAM,EAAE,OAAOA,MAAM;IAEzB,MAAME,QAAQ,GAAG,IAAI,CAACV,eAAe,CAACS,GAAG,CAACF,WAAW,CAAC;IACtD,IAAIG,QAAQ,EAAE,OAAOA,QAAQ;IAE7B,MAAMC,OAAO,GAAGb,wBAAwB,CACrCc,EAAE,IAAK,IAAI,CAACP,GAAG,CAACQ,sBAAsB,CAACD,EAAE,CAAC,EAC3CL,WACF,CAAC,CACEO,IAAI,CAAEC,MAAM,IAAK;MAChB,IAAI,CAACb,eAAe,CAACc,GAAG,CAACT,WAAW,EAAEQ,MAAM,CAAC;MAC7C,OAAOA,MAAM;IACf,CAAC,CAAC,CACDE,OAAO,CAAC,MAAM;MACb,IAAI,CAACjB,eAAe,CAACkB,MAAM,CAACX,WAAW,CAAC;IAC1C,CAAC,CAAC;IACJ,IAAI,CAACP,eAAe,CAACgB,GAAG,CAACT,WAAW,EAAEI,OAAO,CAAC;IAC9C,OAAOA,OAAO;EAChB;EAEgBQ,wBAAwB,GAAGtB,YAAY,CAAC,MAAOuB,aAAqB,IAAK;IACvF,MAAMC,IAAI,GAAG,IAAI,CAACjB,UAAU,CAACK,GAAG,CAACW,aAAa,CAAC;IAC/C,IAAI,CAACC,IAAI,EAAEd,WAAW,EAAE;IACxB,IAAIc,IAAI,CAACC,UAAU,IAAID,IAAI,CAACE,iBAAiB,EAAE;IAE/C,IAAI,CAACnB,UAAU,CAACoB,MAAM,CAACJ,aAAa,EAAE;MAAEG,iBAAiB,EAAE;IAAK,CAAC,CAAC;IAElE,IAAI;MACF,MAAM;QAAEE,IAAI;QAAEC;MAAS,CAAC,GAAG,MAAM,IAAI,CAACpB,eAAe,CAACe,IAAI,CAACd,WAAW,CAAC;MAEvE,IAAI,CAACH,UAAU,CAACoB,MAAM,CAACJ,aAAa,EAAE;QACpCE,UAAU,EAAEG,IAAI;QAChBE,kBAAkB,EAAED,QAAQ;QAC5BH,iBAAiB,EAAE,KAAK;QACxBK,eAAe,EAAEC;MACnB,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOC,KAAK,EAAE;MACd,IAAI,CAAC1B,UAAU,CAACoB,MAAM,CAACJ,aAAa,EAAE;QACpCG,iBAAiB,EAAE,KAAK;QACxBK,eAAe,EAAEE,KAAK,YAAYC,KAAK,GAAGD,KAAK,CAACE,OAAO,GAAG;MAC5D,CAAC,CAAC;IACJ;EACF,CAAC,CAAC;EAEKC,mBAAmBA,CAAC1B,WAAmB,EAAgC;IAC5E,OAAO,IAAI,CAACL,eAAe,CAACO,GAAG,CAACF,WAAW,CAAC;EAC9C;AACF","ignoreList":[]}

package/dist/module/features/voice/recording/components/VoiceRecordWithTranscript.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { SPACING } from '@magmamath/react-native-ui';
+import { useUnit } from 'effector-react';
+import { VoiceRecord } from "./VoiceRecord.js";
+import { VoiceTranscriptPanel } from "./VoiceTranscriptPanel.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Drop-in replacement for VoiceRecord that opens the waveform/transcript panel
+// to the right of the record control (per the "Voice on Drawboard" design).
+export const VoiceRecordWithTranscript = ({
+  model,
+  buttonVariant,
+  style,
+  panelStyle
+}) => {
+  const metering = useUnit(model.record.recorderModel.$metering);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    children: [/*#__PURE__*/_jsx(VoiceRecord, {
+      model: model.record,
+      buttonVariant: buttonVariant
+    }), /*#__PURE__*/_jsx(VoiceTranscriptPanel, {
+      model: model.panel,
+      metering: metering,
+      style: [styles.panel, panelStyle]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  // Hug the record control so the panel's `left: 100%` lands right next to it
+  container: {
+    alignSelf: 'flex-start'
+  },
+  panel: {
+    position: 'absolute',
+    left: '100%',
+    top: 0,
+    marginLeft: SPACING[200]
+  }
+});
+//# sourceMappingURL=VoiceRecordWithTranscript.js.map

package/dist/module/features/voice/recording/components/VoiceRecordWithTranscript.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","SPACING","useUnit","VoiceRecord","VoiceTranscriptPanel","jsx","_jsx","jsxs","_jsxs","VoiceRecordWithTranscript","model","buttonVariant","style","panelStyle","metering","record","recorderModel","$metering","styles","container","children","panel","create","alignSelf","position","left","top","marginLeft"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/components/VoiceRecordWithTranscript.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAErE,SAASC,OAAO,QAAQ,4BAA4B;AACpD,SAASC,OAAO,QAAQ,gBAAgB;AAIxC,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,oBAAoB,QAAQ,2BAAwB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS7D;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC,KAAK;EACLC,aAAa;EACbC,KAAK;EACLC;AAC8B,CAAC,KAAK;EACpC,MAAMC,QAAQ,GAAGZ,OAAO,CAACQ,KAAK,CAACK,MAAM,CAACC,aAAa,CAACC,SAAS,CAAC;EAE9D,oBACET,KAAA,CAACR,IAAI;IAACY,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAEP,KAAK,CAAE;IAAAQ,QAAA,gBACrCd,IAAA,CAACH,WAAW;MAACO,KAAK,EAAEA,KAAK,CAACK,MAAO;MAACJ,aAAa,EAAEA;IAAc,CAAE,CAAC,eAClEL,IAAA,CAACF,oBAAoB;MACnBM,KAAK,EAAEA,KAAK,CAACW,KAAM;MACnBP,QAAQ,EAAEA,QAAS;MACnBF,KAAK,EAAE,CAACM,MAAM,CAACG,KAAK,EAAER,UAAU;IAAE,CACnC,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGnB,UAAU,CAACuB,MAAM,CAAC;EAC/B;EACAH,SAAS,EAAE;IACTI,SAAS,EAAE;EACb,CAAC;EACDF,KAAK,EAAE;IACLG,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,MAAM;IACZC,GAAG,EAAE,CAAC;IACNC,UAAU,EAAE1B,OAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}

package/dist/module/features/voice/recording/components/VoiceTranscriptPanel.js

@@ -0,0 +1,246 @@
+"use strict";
+
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import { BORDER_RADIUS, CaretDownIcon, COLORS, Loader, LoaderColor, LoaderSize, ScrollableListScrollView, SHADOWS, SPACING, Typography } from '@magmamath/react-native-ui';
+import { useUnit } from 'effector-react';
+import Animated, { Easing, FadeIn, FadeOut, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { useText } from "../../../../i18n/i18n.js";
+import { VOICE_TRANSCRIPT_PANEL } from "../../constants.js";
+import { VoiceTranscriptContent } from "../../playing/components/VoiceTranscriptContent.js";
+import { useTranscriptPanelAnimation } from "../hooks/useTranscriptPanelAnimation.js";
+import { useVoiceWaveform } from "../hooks/useVoiceWaveform.js";
+import { VoiceWaveform } from "./VoiceWaveform.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedTouchableOpacity = Animated.createAnimatedComponent(TouchableOpacity);
+const RECORDING_DOT_SIZE = 8;
+const BLINK_DURATION_MS = 700;
+const RECORDING_DOT_MIN_OPACITY = 0.2;
+const CARET_SIZE = 22;
+const DIMMED_OPACITY = VOICE_TRANSCRIPT_PANEL.DIMMED_OPACITY;
+const PREVIEW_LINE_COUNT = 3;
+// Cosmetic only (fade overlay height) — roughly the Typography h8 line height
+const PREVIEW_LINE_HEIGHT = 19.6;
+const PREVIEW_FADE_WIDTH = 72;
+const PREVIEW_FADE_STRIPES_COUNT = 12;
+// Rounding slack when comparing the two measured text heights
+const PREVIEW_HEIGHT_TOLERANCE = 2;
+const WAVEFORM_WIDTH = VOICE_TRANSCRIPT_PANEL.WIDTH - SPACING[200] * 2 - RECORDING_DOT_SIZE - SPACING[200];
+const RecordingDot = () => {
+  const opacity = useSharedValue(1);
+  useEffect(() => {
+    opacity.value = withRepeat(withTiming(RECORDING_DOT_MIN_OPACITY, {
+      duration: BLINK_DURATION_MS,
+      easing: Easing.inOut(Easing.ease)
+    }), -1, true);
+  }, [opacity]);
+
+  // Explicit deps: consumers compile this library without the Reanimated Babel plugin
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }), [opacity]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.recordingDot, animatedStyle]
+  });
+};
+
+// Stripes of the panel background with rising opacity imitate the text
+// dissolving at the end of the last preview line (no gradient dependency)
+const PreviewLineFade = () => /*#__PURE__*/_jsx(View, {
+  style: styles.previewFade,
+  pointerEvents: "none",
+  children: Array.from({
+    length: PREVIEW_FADE_STRIPES_COUNT
+  }, (_, index) => /*#__PURE__*/_jsx(View, {
+    style: [styles.previewFadeStripe, {
+      opacity: (index + 1) / PREVIEW_FADE_STRIPES_COUNT
+    }]
+  }, index))
+});
+export const VoiceTranscriptPanel = ({
+  model,
+  metering,
+  style
+}) => {
+  const t = useText();
+  const {
+    flags,
+    transcript,
+    hasError,
+    isExpanded,
+    isDimmed
+  } = useUnit({
+    flags: model.$flags,
+    transcript: model.$transcript,
+    hasError: model.$hasError,
+    isExpanded: model.dropdown.$isExpanded,
+    isDimmed: model.$isDimmed
+  });
+  const [fullTextHeight, setFullTextHeight] = useState(0);
+  const [previewHeight, setPreviewHeight] = useState(0);
+  const levels = useVoiceWaveform({
+    metering,
+    isActive: flags.isRecording
+  });
+  const panelAnimation = useTranscriptPanelAnimation(isExpanded);
+  if (!flags.isOpen) return null;
+  const transcriptText = hasError ? t('voice.transcriptNotAvailable') : transcript;
+
+  // Both heights are measured, so the comparison stays correct regardless of
+  // the text's font metrics or paddings
+  const isTruncated = fullTextHeight > 0 && previewHeight > 0 && fullTextHeight > previewHeight + PREVIEW_HEIGHT_TOLERANCE;
+  const measureFullText = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    if (height > 0) setFullTextHeight(height);
+  };
+  const measurePreview = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    // Expanded shows the full text — only the collapsed (3-line) layout counts
+    if (height > 0 && !isExpanded) setPreviewHeight(height);
+  };
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    entering: FadeIn,
+    exiting: FadeOut,
+    style: [styles.container, panelAnimation.containerAnimatedStyle, style],
+    children: [flags.isRecording && /*#__PURE__*/_jsxs(View, {
+      style: styles.recordingRow,
+      children: [/*#__PURE__*/_jsx(RecordingDot, {}), /*#__PURE__*/_jsx(VoiceWaveform, {
+        levels: levels,
+        width: WAVEFORM_WIDTH
+      })]
+    }), flags.isProcessing && /*#__PURE__*/_jsxs(View, {
+      style: styles.processing,
+      children: [/*#__PURE__*/_jsx(Loader, {
+        size: LoaderSize.SMALL,
+        color: LoaderColor.BLUE
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "h8",
+        style: styles.processingText,
+        children: `${t('voice.preparingTranscript')}...`
+      })]
+    }), flags.isDone && /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.contentCollapsed, styles.fullTextMeasure],
+        pointerEvents: "none",
+        onLayout: measureFullText,
+        children: /*#__PURE__*/_jsx(VoiceTranscriptContent, {
+          text: transcriptText,
+          isLoading: false
+        })
+      }), /*#__PURE__*/_jsx(Typography, {
+        variant: "h5",
+        style: [styles.title, isDimmed && styles.dimmed],
+        children: t('voice.transcriptions')
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.transcriptBody, panelAnimation.bodyAnimatedStyle],
+        children: /*#__PURE__*/_jsxs(View, {
+          style: [styles.transcriptBodyInner, isExpanded ? styles.contentExpanded : styles.contentCollapsed],
+          onLayout: panelAnimation.onContentLayout,
+          children: [/*#__PURE__*/_jsx(ScrollableListScrollView, {
+            style: styles.transcriptScroll,
+            scrollbarWidth: VOICE_TRANSCRIPT_PANEL.SCROLLBAR_WIDTH,
+            scrollEnabled: isExpanded,
+            hideShadow: true,
+            children: /*#__PURE__*/_jsx(View, {
+              onLayout: measurePreview,
+              children: /*#__PURE__*/_jsx(VoiceTranscriptContent, {
+                text: transcriptText,
+                isLoading: false,
+                numberOfLines: isExpanded ? undefined : PREVIEW_LINE_COUNT,
+                dimmed: isDimmed
+              })
+            })
+          }), !isExpanded && isTruncated && /*#__PURE__*/_jsx(PreviewLineFade, {})]
+        })
+      }), isTruncated && /*#__PURE__*/_jsx(AnimatedTouchableOpacity, {
+        style: [styles.expandButton, panelAnimation.caretAnimatedStyle],
+        onPress: () => model.dropdown.toggleExpand(),
+        children: /*#__PURE__*/_jsx(CaretDownIcon, {
+          size: CARET_SIZE
+        })
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: SPACING[200],
+    borderRadius: BORDER_RADIUS[300],
+    backgroundColor: COLORS.NEUTRAL_1,
+    overflow: 'hidden',
+    ...SHADOWS['4']
+  },
+  recordingRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: SPACING[200]
+  },
+  recordingDot: {
+    width: RECORDING_DOT_SIZE,
+    height: RECORDING_DOT_SIZE,
+    borderRadius: RECORDING_DOT_SIZE / 2,
+    backgroundColor: COLORS.PRIMARY_RED
+  },
+  title: {
+    color: COLORS.NEUTRAL_10,
+    marginLeft: SPACING[100]
+  },
+  dimmed: {
+    opacity: DIMMED_OPACITY
+  },
+  transcriptBody: {
+    overflow: 'hidden'
+  },
+  // Absolute so its measured height stays the content's natural height,
+  // independent of the animated wrapper height around it
+  transcriptBodyInner: {
+    position: 'absolute',
+    top: 0,
+    left: 0
+  },
+  // Fixed per-state widths: the text snaps to its final layout once while the
+  // panel frame animates around it
+  contentCollapsed: {
+    width: VOICE_TRANSCRIPT_PANEL.WIDTH - SPACING[200] * 2
+  },
+  fullTextMeasure: {
+    position: 'absolute',
+    opacity: 0
+  },
+  contentExpanded: {
+    width: VOICE_TRANSCRIPT_PANEL.WIDTH_DONE - SPACING[200] * 2
+  },
+  transcriptScroll: {
+    maxHeight: VOICE_TRANSCRIPT_PANEL.TRANSCRIPT_MAX_HEIGHT
+  },
+  previewFade: {
+    position: 'absolute',
+    right: SPACING[200],
+    bottom: SPACING[100],
+    width: PREVIEW_FADE_WIDTH,
+    height: PREVIEW_LINE_HEIGHT,
+    flexDirection: 'row'
+  },
+  previewFadeStripe: {
+    flex: 1,
+    backgroundColor: COLORS.NEUTRAL_1
+  },
+  expandButton: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  processing: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: SPACING[200],
+    paddingVertical: SPACING[200]
+  },
+  processingText: {
+    color: COLORS.NEUTRAL_7
+  }
+});
+//# sourceMappingURL=VoiceTranscriptPanel.js.map

package/dist/module/features/voice/recording/components/VoiceTranscriptPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","StyleSheet","TouchableOpacity","View","BORDER_RADIUS","CaretDownIcon","COLORS","Loader","LoaderColor","LoaderSize","ScrollableListScrollView","SHADOWS","SPACING","Typography","useUnit","Animated","Easing","FadeIn","FadeOut","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useText","VOICE_TRANSCRIPT_PANEL","VoiceTranscriptContent","useTranscriptPanelAnimation","useVoiceWaveform","VoiceWaveform","jsx","_jsx","jsxs","_jsxs","AnimatedTouchableOpacity","createAnimatedComponent","RECORDING_DOT_SIZE","BLINK_DURATION_MS","RECORDING_DOT_MIN_OPACITY","CARET_SIZE","DIMMED_OPACITY","PREVIEW_LINE_COUNT","PREVIEW_LINE_HEIGHT","PREVIEW_FADE_WIDTH","PREVIEW_FADE_STRIPES_COUNT","PREVIEW_HEIGHT_TOLERANCE","WAVEFORM_WIDTH","WIDTH","RecordingDot","opacity","value","duration","easing","inOut","ease","animatedStyle","style","styles","recordingDot","PreviewLineFade","previewFade","pointerEvents","children","Array","from","length","_","index","previewFadeStripe","VoiceTranscriptPanel","model","metering","t","flags","transcript","hasError","isExpanded","isDimmed","$flags","$transcript","$hasError","dropdown","$isExpanded","$isDimmed","fullTextHeight","setFullTextHeight","previewHeight","setPreviewHeight","levels","isActive","isRecording","panelAnimation","isOpen","transcriptText","isTruncated","measureFullText","event","height","nativeEvent","layout","measurePreview","entering","exiting","container","containerAnimatedStyle","recordingRow","width","isProcessing","processing","size","SMALL","color","BLUE","variant","processingText","isDone","contentCollapsed","fullTextMeasure","onLayout","text","isLoading","title","dimmed","transcriptBody","bodyAnimatedStyle","transcriptBodyInner","contentExpanded","onContentLayout","transcriptScroll","scrollbarWidth","SCROLLBAR_WIDTH","scrollEnabled","hideShadow","numberOfLines","undefined","expandButton","caretAnimatedStyle","onPress","toggleExpand","create","padding","borderRadius","backgroundColor","NEUTRAL_1","overflow","flexDirection","alignItems","gap","PRIMARY_RED","NEUTRAL_10","marginLeft","position","top","left","WIDTH_DONE","maxHeight","TRANSCRIPT_MAX_HEIGHT","right","bottom","flex","justifyContent","paddingVertical","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/components/VoiceTranscriptPanel.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/voice/recording/components/VoiceWaveform.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import React, { useEffect } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { COLORS } from '@magmamath/react-native-ui';
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { VOICE_WAVEFORM } from "../../constants.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const BAR_STEP = VOICE_WAVEFORM.BAR_WIDTH + VOICE_WAVEFORM.BAR_GAP;
+// One extra bar is rendered off-screen on the right and slides in as the row
+// shifts — that is what makes the scroll continuous instead of stepping
+const OFFSCREEN_BARS = 1;
+const getVisibleBarsCount = width => {
+  const barsForWidth = Math.floor(width / BAR_STEP);
+  return Math.max(VOICE_WAVEFORM.MIN_BARS, barsForWidth);
+};
+const getBarHeight = level => Math.max(VOICE_WAVEFORM.MIN_BAR_HEIGHT, Math.round(level * (VOICE_WAVEFORM.HEIGHT - VOICE_WAVEFORM.AMPLITUDE_PADDING)));
+
+// Older bars (toward the left) fade out, mirroring the dotted lead-in in the
+// design. Opacity ramps from 0 up to full across the first FADE_RATIO of bars.
+const getBarOpacity = (index, count) => {
+  const fadeBars = count * VOICE_WAVEFORM.FADE_RATIO;
+  return Math.min(1, index / fadeBars);
+};
+export const VoiceWaveform = ({
+  levels,
+  width
+}) => {
+  const count = getVisibleBarsCount(width);
+  const visibleLevels = levels.slice(-(count + OFFSCREEN_BARS));
+
+  // Conveyor-belt motion: each new sample shifts the buffer one slot left and
+  // snaps the row back, then the row glides left by one step until the next
+  // sample lands — the two cancel out into continuous movement.
+  const shift = useSharedValue(0);
+  useEffect(() => {
+    shift.value = 0;
+    shift.value = withTiming(-BAR_STEP, {
+      duration: VOICE_WAVEFORM.SAMPLE_INTERVAL_MS,
+      easing: Easing.linear
+    });
+  }, [levels, shift]);
+
+  // Explicit deps: consumers compile this library without the Reanimated Babel plugin
+  const rowAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: shift.value
+    }]
+  }), [shift]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      width
+    }],
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.row, rowAnimatedStyle],
+      children: visibleLevels.map((level, index) => /*#__PURE__*/_jsx(View, {
+        style: [styles.bar, {
+          height: getBarHeight(level),
+          opacity: getBarOpacity(index, visibleLevels.length)
+        }]
+      }, index))
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    height: VOICE_WAVEFORM.HEIGHT,
+    overflow: 'hidden'
+  },
+  // Hangs one step past the right edge so the newest bar starts hidden
+  row: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    right: -BAR_STEP,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: VOICE_WAVEFORM.BAR_GAP
+  },
+  bar: {
+    width: VOICE_WAVEFORM.BAR_WIDTH,
+    borderRadius: VOICE_WAVEFORM.BAR_WIDTH / 2,
+    backgroundColor: COLORS.NEUTRAL_7
+  }
+});
+//# sourceMappingURL=VoiceWaveform.js.map

package/dist/module/features/voice/recording/components/VoiceWaveform.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","StyleSheet","View","COLORS","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","VOICE_WAVEFORM","jsx","_jsx","BAR_STEP","BAR_WIDTH","BAR_GAP","OFFSCREEN_BARS","getVisibleBarsCount","width","barsForWidth","Math","floor","max","MIN_BARS","getBarHeight","level","MIN_BAR_HEIGHT","round","HEIGHT","AMPLITUDE_PADDING","getBarOpacity","index","count","fadeBars","FADE_RATIO","min","VoiceWaveform","levels","visibleLevels","slice","shift","value","duration","SAMPLE_INTERVAL_MS","easing","linear","rowAnimatedStyle","transform","translateX","style","styles","container","children","row","map","bar","height","opacity","length","create","overflow","position","top","bottom","right","flexDirection","alignItems","gap","borderRadius","backgroundColor","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/components/VoiceWaveform.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/features/voice/recording/hooks/useTranscriptPanelAnimation.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { VOICE_TRANSCRIPT_PANEL } from "../../constants.js";
+const TIMING = {
+  duration: 170
+};
+
+// Width and height are animated as explicit numbers instead of reanimated
+// layout transitions: on web those run as FLIP animations that scale the
+// subtree, visibly stretching the text while the panel resizes.
+export const useTranscriptPanelAnimation = isExpanded => {
+  const contentHeight = useSharedValue(0);
+  const onContentLayout = event => {
+    const height = event.nativeEvent.layout.height;
+    if (height <= 0) return;
+    contentHeight.value = contentHeight.value === 0 ? height : withTiming(height, TIMING);
+  };
+  const containerAnimatedStyle = useAnimatedStyle(() => ({
+    width: withTiming(isExpanded ? VOICE_TRANSCRIPT_PANEL.WIDTH_DONE : VOICE_TRANSCRIPT_PANEL.WIDTH, TIMING)
+  }), [isExpanded]);
+  const bodyAnimatedStyle = useAnimatedStyle(() => contentHeight.value === 0 ? {} : {
+    height: contentHeight.value
+  }, [contentHeight]);
+  const caretAnimatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: withTiming(isExpanded ? '180deg' : '0deg', TIMING)
+    }]
+  }), [isExpanded]);
+  return {
+    onContentLayout,
+    containerAnimatedStyle,
+    bodyAnimatedStyle,
+    caretAnimatedStyle
+  };
+};
+//# sourceMappingURL=useTranscriptPanelAnimation.js.map

package/dist/module/features/voice/recording/hooks/useTranscriptPanelAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAnimatedStyle","useSharedValue","withTiming","VOICE_TRANSCRIPT_PANEL","TIMING","duration","useTranscriptPanelAnimation","isExpanded","contentHeight","onContentLayout","event","height","nativeEvent","layout","value","containerAnimatedStyle","width","WIDTH_DONE","WIDTH","bodyAnimatedStyle","caretAnimatedStyle","transform","rotate"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useTranscriptPanelAnimation.ts"],"mappings":";;AAEA,SACEA,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAEhC,SAASC,sBAAsB,QAAQ,oBAAiB;AAExD,MAAMC,MAAM,GAAG;EAAEC,QAAQ,EAAE;AAAI,CAAU;;AAEzC;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAIC,UAAmB,IAAK;EAClE,MAAMC,aAAa,GAAGP,cAAc,CAAC,CAAC,CAAC;EAEvC,MAAMQ,eAAe,GAAIC,KAAwB,IAAK;IACpD,MAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACF,MAAM;IAC9C,IAAIA,MAAM,IAAI,CAAC,EAAE;IACjBH,aAAa,CAACM,KAAK,GACjBN,aAAa,CAACM,KAAK,KAAK,CAAC,GAAGH,MAAM,GAAGT,UAAU,CAACS,MAAM,EAAEP,MAAM,CAAC;EACnE,CAAC;EAED,MAAMW,sBAAsB,GAAGf,gBAAgB,CAC7C,OAAO;IACLgB,KAAK,EAAEd,UAAU,CACfK,UAAU,GAAGJ,sBAAsB,CAACc,UAAU,GAAGd,sBAAsB,CAACe,KAAK,EAC7Ed,MACF;EACF,CAAC,CAAC,EACF,CAACG,UAAU,CACb,CAAC;EAED,MAAMY,iBAAiB,GAAGnB,gBAAgB,CACxC,MAAOQ,aAAa,CAACM,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG;IAAEH,MAAM,EAAEH,aAAa,CAACM;EAAM,CAAE,EACxE,CAACN,aAAa,CAChB,CAAC;EAED,MAAMY,kBAAkB,GAAGpB,gBAAgB,CACzC,OAAO;IACLqB,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEpB,UAAU,CAACK,UAAU,GAAG,QAAQ,GAAG,MAAM,EAAEH,MAAM;IAAE,CAAC;EAC5E,CAAC,CAAC,EACF,CAACG,UAAU,CACb,CAAC;EAED,OAAO;IAAEE,eAAe;IAAEM,sBAAsB;IAAEI,iBAAiB;IAAEC;EAAmB,CAAC;AAC3F,CAAC","ignoreList":[]}

package/dist/module/features/voice/recording/hooks/useVoiceRecorder.js

@@ -4,10 +4,27 @@ import { RecordingPresets, useAudioRecorder, useAudioRecorderState } from 'expo-
 import { useEffect } from 'react';
 import { IS_WEB } from '@magmamath/react-native-ui';
 import { VOICE_RECORDER_MAX_DURATION_MS, VoiceRecorderState } from "../../constants.js";
-import { addAudioInputsListenerWeb, getAvailableInputs } from "../../helpers.js";
+import { addAudioInputsListenerWeb, createWebMeteringMonitor, getAvailableInputs } from "../../helpers.js";
+import { METERING_UPDATE_INTERVAL_MS } from "../../constants.js";
+
+// Metering powers the live recording waveform (recorderState.metering).
+// Only native respects it — on web the level is measured by
+// createWebMeteringMonitor instead.
+const RECORDING_OPTIONS = {
+  ...RecordingPresets.LOW_QUALITY,
+  isMeteringEnabled: true
+};
 export const useVoiceRecorder = model => {
-  const recorder = useAudioRecorder(RecordingPresets.LOW_QUALITY, model.recordingStatusUpdate);
-  const recorderState = useAudioRecorderState(recorder);
+  const recorder = useAudioRecorder(RECORDING_OPTIONS, model.recordingStatusUpdate);
+  const recorderState = useAudioRecorderState(recorder, METERING_UPDATE_INTERVAL_MS);
+  useEffect(() => {
+    if (IS_WEB) return;
+    model.recorderModel.setMetering(recorderState.metering ?? null);
+  }, [recorderState.metering, model.recorderModel]);
+  useEffect(() => {
+    if (!IS_WEB || !recorderState.isRecording) return;
+    return createWebMeteringMonitor(recorder, model.recorderModel.setMetering);
+  }, [recorderState.isRecording, recorder, model.recorderModel]);
   useEffect(() => {
     if (recorderState.durationMillis >= VOICE_RECORDER_MAX_DURATION_MS && recorderState.isRecording) {
       model.recorderModel.stop();

package/dist/module/features/voice/recording/hooks/useVoiceRecorder.js.map

@@ -1 +1 @@
-{"version":3,"names":["RecordingPresets","useAudioRecorder","useAudioRecorderState","useEffect","IS_WEB","VOICE_RECORDER_MAX_DURATION_MS","VoiceRecorderState","addAudioInputsListenerWeb","getAvailableInputs","useVoiceRecorder","model","recorder","LOW_QUALITY","recordingStatusUpdate","recorderState","durationMillis","isRecording","recorderModel","stop","setLastKnownDurationMs","then","inputs","setAvailableInputs","removeListener","devices","setVoiceRecordState","RECORDING","PAUSED","IDLE","reset"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useVoiceRecorder.ts"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,gBAAgB,EAAEC,qBAAqB,QAAQ,YAAY;AAEtF,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,8BAA8B,EAAEC,kBAAkB,QAAQ,oBAAiB;AACpF,SAASC,yBAAyB,EAAEC,kBAAkB,QAAQ,kBAAe;AAE7E,OAAO,MAAMC,gBAAgB,GAAIC,KAAuB,IAAK;EAC3D,MAAMC,QAAQ,GAAGV,gBAAgB,CAACD,gBAAgB,CAACY,WAAW,EAAEF,KAAK,CAACG,qBAAqB,CAAC;EAC5F,MAAMC,aAAa,GAAGZ,qBAAqB,CAACS,QAAQ,CAAC;EAErDR,SAAS,CAAC,MAAM;IACd,IACEW,aAAa,CAACC,cAAc,IAAIV,8BAA8B,IAC9DS,aAAa,CAACE,WAAW,EACzB;MACAN,KAAK,CAACO,aAAa,CAACC,IAAI,CAAC,CAAC;IAC5B;IACA;IACA,IAAIJ,aAAa,CAACE,WAAW,IAAIF,aAAa,CAACC,cAAc,GAAG,CAAC,EAAE;MACjEL,KAAK,CAACO,aAAa,CAACE,sBAAsB,CAACL,aAAa,CAACC,cAAc,CAAC;IAC1E;EACF,CAAC,EAAE,CAACD,aAAa,CAACC,cAAc,CAAC,CAAC;EAElCZ,SAAS,CAAC,MAAM;IACd,IAAI,CAACC,MAAM,EAAE;MACX;MACAI,kBAAkB,CAACG,QAAQ,CAAC,CAACS,IAAI,CAAEC,MAAM,IAAK;QAC5CX,KAAK,CAACO,aAAa,CAACK,kBAAkB,CAACD,MAAM,CAAC;MAChD,CAAC,CAAC;MACF;IACF;IAEA,MAAME,cAAc,GAAGhB,yBAAyB,CAAEiB,OAAO,IAAK;MAC5Dd,KAAK,CAACO,aAAa,CAACK,kBAAkB,CAACE,OAAO,CAAC;IACjD,CAAC,CAAC;IAEF,OAAOD,cAAc;EACvB,CAAC,EAAE,CAACZ,QAAQ,EAAED,KAAK,CAACO,aAAa,CAAC,CAAC;EAEnCd,SAAS,CAAC,MAAM;IACd,IAAIW,aAAa,CAACE,WAAW,EAAE;MAC7BN,KAAK,CAACO,aAAa,CAACQ,mBAAmB,CAACnB,kBAAkB,CAACoB,SAAS,CAAC;MACrE;IACF;IACA,IAAIZ,aAAa,CAACC,cAAc,GAAG,CAAC,EAAE;MACpCL,KAAK,CAACO,aAAa,CAACQ,mBAAmB,CAACnB,kBAAkB,CAACqB,MAAM,CAAC;MAClE;IACF;IACAjB,KAAK,CAACO,aAAa,CAACQ,mBAAmB,CAACnB,kBAAkB,CAACsB,IAAI,CAAC;IAEhE,OAAO,MAAM;MACXlB,KAAK,CAACO,aAAa,CAACY,KAAK,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACf,aAAa,EAAEJ,KAAK,CAACO,aAAa,CAAC,CAAC;EAExCd,SAAS,CAAC,MAAM;IACdO,KAAK,CAACO,aAAa,CAACN,QAAQ,GAAGA,QAAQ;EACzC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEG;EAAc,CAAC;AAC1B,CAAC","ignoreList":[]}
+{"version":3,"names":["RecordingPresets","useAudioRecorder","useAudioRecorderState","useEffect","IS_WEB","VOICE_RECORDER_MAX_DURATION_MS","VoiceRecorderState","addAudioInputsListenerWeb","createWebMeteringMonitor","getAvailableInputs","METERING_UPDATE_INTERVAL_MS","RECORDING_OPTIONS","LOW_QUALITY","isMeteringEnabled","useVoiceRecorder","model","recorder","recordingStatusUpdate","recorderState","recorderModel","setMetering","metering","isRecording","durationMillis","stop","setLastKnownDurationMs","then","inputs","setAvailableInputs","removeListener","devices","setVoiceRecordState","RECORDING","PAUSED","IDLE","reset"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useVoiceRecorder.ts"],"mappings":"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","ignoreList":[]}

package/dist/module/features/voice/recording/hooks/useVoiceWaveform.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { useEffect, useRef, useState } from 'react';
+import { VOICE_WAVEFORM } from "../../constants.js";
+import { normalizeMetering } from "../../helpers.js";
+const createSilentBuffer = () => new Array(VOICE_WAVEFORM.BUFFER_SIZE).fill(VOICE_WAVEFORM.MIN_LEVEL);
+
+// Keeps a rolling buffer of normalized levels that scrolls right-to-left while
+// recording. We sample on a fixed interval (rather than on every metering
+// update) so the scroll speed stays constant regardless of the recorder's
+// status cadence. The latest metering value is read from a ref to avoid
+// resubscribing the interval on each change. Levels are low-pass filtered so
+// neighboring bars flow into each other instead of jumping.
+export const useVoiceWaveform = ({
+  metering,
+  isActive
+}) => {
+  const meteringRef = useRef(metering);
+  meteringRef.current = metering;
+  const smoothedLevelRef = useRef(VOICE_WAVEFORM.MIN_LEVEL);
+  const [levels, setLevels] = useState(createSilentBuffer);
+  useEffect(() => {
+    if (!isActive) {
+      smoothedLevelRef.current = VOICE_WAVEFORM.MIN_LEVEL;
+      setLevels(createSilentBuffer());
+      return;
+    }
+    const intervalId = setInterval(() => {
+      const target = normalizeMetering(meteringRef.current);
+      smoothedLevelRef.current += (target - smoothedLevelRef.current) * VOICE_WAVEFORM.LEVEL_SMOOTHING;
+      const level = Math.max(VOICE_WAVEFORM.MIN_LEVEL, smoothedLevelRef.current);
+      setLevels(prev => [...prev.slice(1), level]);
+    }, VOICE_WAVEFORM.SAMPLE_INTERVAL_MS);
+    return () => clearInterval(intervalId);
+  }, [isActive]);
+  return levels;
+};
+//# sourceMappingURL=useVoiceWaveform.js.map

package/dist/module/features/voice/recording/hooks/useVoiceWaveform.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","VOICE_WAVEFORM","normalizeMetering","createSilentBuffer","Array","BUFFER_SIZE","fill","MIN_LEVEL","useVoiceWaveform","metering","isActive","meteringRef","current","smoothedLevelRef","levels","setLevels","intervalId","setInterval","target","LEVEL_SMOOTHING","level","Math","max","prev","slice","SAMPLE_INTERVAL_MS","clearInterval"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useVoiceWaveform.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,SAASC,cAAc,QAAQ,oBAAiB;AAChD,SAASC,iBAAiB,QAAQ,kBAAe;AAOjD,MAAMC,kBAAkB,GAAGA,CAAA,KACzB,IAAIC,KAAK,CAASH,cAAc,CAACI,WAAW,CAAC,CAACC,IAAI,CAACL,cAAc,CAACM,SAAS,CAAC;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,KAAK;EAClF,MAAMC,WAAW,GAAGZ,MAAM,CAACU,QAAQ,CAAC;EACpCE,WAAW,CAACC,OAAO,GAAGH,QAAQ;EAE9B,MAAMI,gBAAgB,GAAGd,MAAM,CAACE,cAAc,CAACM,SAAS,CAAC;EACzD,MAAM,CAACO,MAAM,EAAEC,SAAS,CAAC,GAAGf,QAAQ,CAAWG,kBAAkB,CAAC;EAElEL,SAAS,CAAC,MAAM;IACd,IAAI,CAACY,QAAQ,EAAE;MACbG,gBAAgB,CAACD,OAAO,GAAGX,cAAc,CAACM,SAAS;MACnDQ,SAAS,CAACZ,kBAAkB,CAAC,CAAC,CAAC;MAC/B;IACF;IAEA,MAAMa,UAAU,GAAGC,WAAW,CAAC,MAAM;MACnC,MAAMC,MAAM,GAAGhB,iBAAiB,CAACS,WAAW,CAACC,OAAO,CAAC;MACrDC,gBAAgB,CAACD,OAAO,IACtB,CAACM,MAAM,GAAGL,gBAAgB,CAACD,OAAO,IAAIX,cAAc,CAACkB,eAAe;MACtE,MAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACrB,cAAc,CAACM,SAAS,EAAEM,gBAAgB,CAACD,OAAO,CAAC;MAC1EG,SAAS,CAAEQ,IAAI,IAAK,CAAC,GAAGA,IAAI,CAACC,KAAK,CAAC,CAAC,CAAC,EAAEJ,KAAK,CAAC,CAAC;IAChD,CAAC,EAAEnB,cAAc,CAACwB,kBAAkB,CAAC;IAErC,OAAO,MAAMC,aAAa,CAACV,UAAU,CAAC;EACxC,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,OAAOI,MAAM;AACf,CAAC","ignoreList":[]}