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

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

@@ -0,0 +1,238 @@
+"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, 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 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
+  } = useUnit({
+    flags: model.$flags,
+    transcript: model.$transcript,
+    hasError: model.$hasError,
+    isExpanded: model.dropdown.$isExpanded
+  });
+  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,
+    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,
+        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
+              })
+            })
+          }), !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]
+  },
+  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","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","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","$flags","$transcript","$hasError","dropdown","$isExpanded","fullTextHeight","setFullTextHeight","previewHeight","setPreviewHeight","levels","isActive","isRecording","panelAnimation","isOpen","transcriptText","isTruncated","measureFullText","event","height","nativeEvent","layout","measurePreview","entering","container","containerAnimatedStyle","recordingRow","width","isProcessing","processing","size","SMALL","color","BLUE","variant","processingText","isDone","contentCollapsed","fullTextMeasure","onLayout","text","isLoading","title","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":";;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,SACEC,yBAAyB,EACzBC,wBAAwB,EACxBC,kBAAkB,QACb,kBAAe;AACtB,SAASC,2BAA2B,QAAQ,oBAAiB;;AAE7D;AACA;AACA;AACA,MAAMC,iBAAiB,GAAG;EACxB,GAAGX,gBAAgB,CAACY,WAAW;EAC/BC,iBAAiB,EAAE;AACrB,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAIC,KAAuB,IAAK;EAC3D,MAAMC,QAAQ,GAAGf,gBAAgB,CAACU,iBAAiB,EAAEI,KAAK,CAACE,qBAAqB,CAAC;EACjF,MAAMC,aAAa,GAAGhB,qBAAqB,CAACc,QAAQ,EAAEN,2BAA2B,CAAC;EAElFP,SAAS,CAAC,MAAM;IACd,IAAIC,MAAM,EAAE;IACZW,KAAK,CAACI,aAAa,CAACC,WAAW,CAACF,aAAa,CAACG,QAAQ,IAAI,IAAI,CAAC;EACjE,CAAC,EAAE,CAACH,aAAa,CAACG,QAAQ,EAAEN,KAAK,CAACI,aAAa,CAAC,CAAC;EAEjDhB,SAAS,CAAC,MAAM;IACd,IAAI,CAACC,MAAM,IAAI,CAACc,aAAa,CAACI,WAAW,EAAE;IAC3C,OAAOd,wBAAwB,CAACQ,QAAQ,EAAED,KAAK,CAACI,aAAa,CAACC,WAAW,CAAC;EAC5E,CAAC,EAAE,CAACF,aAAa,CAACI,WAAW,EAAEN,QAAQ,EAAED,KAAK,CAACI,aAAa,CAAC,CAAC;EAE9DhB,SAAS,CAAC,MAAM;IACd,IACEe,aAAa,CAACK,cAAc,IAAIlB,8BAA8B,IAC9Da,aAAa,CAACI,WAAW,EACzB;MACAP,KAAK,CAACI,aAAa,CAACK,IAAI,CAAC,CAAC;IAC5B;IACA;IACA,IAAIN,aAAa,CAACI,WAAW,IAAIJ,aAAa,CAACK,cAAc,GAAG,CAAC,EAAE;MACjER,KAAK,CAACI,aAAa,CAACM,sBAAsB,CAACP,aAAa,CAACK,cAAc,CAAC;IAC1E;EACF,CAAC,EAAE,CAACL,aAAa,CAACK,cAAc,CAAC,CAAC;EAElCpB,SAAS,CAAC,MAAM;IACd,IAAI,CAACC,MAAM,EAAE;MACX;MACAK,kBAAkB,CAACO,QAAQ,CAAC,CAACU,IAAI,CAAEC,MAAM,IAAK;QAC5CZ,KAAK,CAACI,aAAa,CAACS,kBAAkB,CAACD,MAAM,CAAC;MAChD,CAAC,CAAC;MACF;IACF;IAEA,MAAME,cAAc,GAAGtB,yBAAyB,CAAEuB,OAAO,IAAK;MAC5Df,KAAK,CAACI,aAAa,CAACS,kBAAkB,CAACE,OAAO,CAAC;IACjD,CAAC,CAAC;IAEF,OAAOD,cAAc;EACvB,CAAC,EAAE,CAACb,QAAQ,EAAED,KAAK,CAACI,aAAa,CAAC,CAAC;EAEnChB,SAAS,CAAC,MAAM;IACd,IAAIe,aAAa,CAACI,WAAW,EAAE;MAC7BP,KAAK,CAACI,aAAa,CAACY,mBAAmB,CAACzB,kBAAkB,CAAC0B,SAAS,CAAC;MACrE;IACF;IACA,IAAId,aAAa,CAACK,cAAc,GAAG,CAAC,EAAE;MACpCR,KAAK,CAACI,aAAa,CAACY,mBAAmB,CAACzB,kBAAkB,CAAC2B,MAAM,CAAC;MAClE;IACF;IACAlB,KAAK,CAACI,aAAa,CAACY,mBAAmB,CAACzB,kBAAkB,CAAC4B,IAAI,CAAC;IAEhE,OAAO,MAAM;MACXnB,KAAK,CAACI,aAAa,CAACgB,KAAK,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACjB,aAAa,EAAEH,KAAK,CAACI,aAAa,CAAC,CAAC;EAExChB,SAAS,CAAC,MAAM;IACdY,KAAK,CAACI,aAAa,CAACH,QAAQ,GAAGA,QAAQ;EACzC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEE;EAAc,CAAC;AAC1B,CAAC","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":[]}

package/dist/module/features/voice/recording/model/Recorder.model.js

@@ -13,9 +13,12 @@ export class RecorderModel {
   setVoiceRecordState = createEvent();
   setAvailableInputs = createEvent();
   setLastKnownDurationMs = createEvent();
+  setMetering = createEvent();
   $voiceRecordState = restore(this.setVoiceRecordState, VoiceRecorderState.IDLE).reset(this.reset);
   $availableInputs = restore(this.setAvailableInputs, []);
   $lastKnownDurationMs = restore(this.setLastKnownDurationMs, 0).reset(this.reset);
+  // Live input level in dBFS while recording (powers the waveform)
+  $metering = restore(this.setMetering, null).reset(this.reset);
   start = createEffect(async () => {
     try {
       await setAudioModeAsync(AUDIO_MODE_CONFIG);

package/dist/module/features/voice/recording/model/Recorder.model.js.map

@@ -1 +1 @@
-{"version":3,"names":["createEffect","createEvent","restore","setAudioModeAsync","VoiceRecorderState","AUDIO_MODE_CONFIG","playsInSilentMode","allowsRecording","RecorderModel","stopResolver","reset","setVoiceRecordState","setAvailableInputs","setLastKnownDurationMs","$voiceRecordState","IDLE","$availableInputs","$lastKnownDurationMs","start","recorder","prepareToRecordAsync","record","RECORDING","error","console","stop","getStatus","isRecording","stopAndAwaitResult","Promise","resolve","resolveRecord","result","clearStopResolver"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/model/Recorder.model.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,WAAW,EAAEC,OAAO,QAAQ,UAAU;AAC7D,SAAwBC,iBAAiB,QAAQ,YAAY;AAC7D,SAASC,kBAAkB,QAAQ,oBAAiB;AAGpD,MAAMC,iBAAiB,GAAG;EACxBC,iBAAiB,EAAE,IAAI;EACvBC,eAAe,EAAE;AACnB,CAAU;AAIV,OAAO,MAAMC,aAAa,CAAc;EAE9BC,YAAY,GAA2B,IAAI;EAEnCC,KAAK,GAAGT,WAAW,CAAC,CAAC;EACrBU,mBAAmB,GAAGV,WAAW,CAAqB,CAAC;EACvDW,kBAAkB,GAAGX,WAAW,CAAuB,CAAC;EACxDY,sBAAsB,GAAGZ,WAAW,CAAS,CAAC;EAE9Ca,iBAAiB,GAAGZ,OAAO,CACzC,IAAI,CAACS,mBAAmB,EACxBP,kBAAkB,CAACW,IACrB,CAAC,CAACL,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EACHM,gBAAgB,GAAGd,OAAO,CAAC,IAAI,CAACU,kBAAkB,EAAE,EAAE,CAAC;EACvDK,oBAAoB,GAAGf,OAAO,CAAC,IAAI,CAACW,sBAAsB,EAAE,CAAC,CAAC,CAACH,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EAEhFQ,KAAK,GAAGlB,YAAY,CAAC,YAAY;IAC/C,IAAI;MACF,MAAMG,iBAAiB,CAACE,iBAAiB,CAAC;MAC1C,MAAM,IAAI,CAACc,QAAQ,CAACC,oBAAoB,CAAC,CAAC;MAC1C,IAAI,CAACD,QAAQ,CAACE,MAAM,CAAC,CAAC;MACtB,IAAI,CAACV,mBAAmB,CAACP,kBAAkB,CAACkB,SAAS,CAAC;IACxD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,2BAA2B,EAAEA,KAAK,CAAC;MACjD,MAAMA,KAAK;IACb;EACF,CAAC,CAAC;EAEcE,IAAI,GAAGzB,YAAY,CAAC,MAAM;IACxC,IAAI,CAAC,IAAI,CAACmB,QAAQ,CAACO,SAAS,CAAC,CAAC,CAACC,WAAW,EAAE;IAC5C,OAAO,IAAI,CAACR,QAAQ,CAACM,IAAI,CAAC,CAAC;EAC7B,CAAC,CAAC;EAEKG,kBAAkBA,CAAA,EAAe;IACtC,OAAO,IAAIC,OAAO,CAAEC,OAAO,IAAK;MAC9B,IAAI,CAACrB,YAAY,GAAGqB,OAAO;MAC3B,IAAI,CAACX,QAAQ,CAACO,SAAS,CAAC,CAAC,CAACC,WAAW,IAAI,IAAI,CAACR,QAAQ,CAACM,IAAI,CAAC,CAAC;IAC/D,CAAC,CAAC;EACJ;EAEOM,aAAaA,CAACC,MAAS,EAAQ;IACpC,IAAI,IAAI,CAACvB,YAAY,EAAE;MACrB,IAAI,CAACA,YAAY,CAACuB,MAAM,CAAC;MACzB,IAAI,CAACvB,YAAY,GAAG,IAAI;IAC1B;EACF;EAEOwB,iBAAiBA,CAAA,EAAS;IAC/B,IAAI,CAACxB,YAAY,GAAG,IAAI;EAC1B;AACF","ignoreList":[]}
+{"version":3,"names":["createEffect","createEvent","restore","setAudioModeAsync","VoiceRecorderState","AUDIO_MODE_CONFIG","playsInSilentMode","allowsRecording","RecorderModel","stopResolver","reset","setVoiceRecordState","setAvailableInputs","setLastKnownDurationMs","setMetering","$voiceRecordState","IDLE","$availableInputs","$lastKnownDurationMs","$metering","start","recorder","prepareToRecordAsync","record","RECORDING","error","console","stop","getStatus","isRecording","stopAndAwaitResult","Promise","resolve","resolveRecord","result","clearStopResolver"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/model/Recorder.model.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,WAAW,EAAEC,OAAO,QAAQ,UAAU;AAC7D,SAAwBC,iBAAiB,QAAQ,YAAY;AAC7D,SAASC,kBAAkB,QAAQ,oBAAiB;AAGpD,MAAMC,iBAAiB,GAAG;EACxBC,iBAAiB,EAAE,IAAI;EACvBC,eAAe,EAAE;AACnB,CAAU;AAIV,OAAO,MAAMC,aAAa,CAAc;EAE9BC,YAAY,GAA2B,IAAI;EAEnCC,KAAK,GAAGT,WAAW,CAAC,CAAC;EACrBU,mBAAmB,GAAGV,WAAW,CAAqB,CAAC;EACvDW,kBAAkB,GAAGX,WAAW,CAAuB,CAAC;EACxDY,sBAAsB,GAAGZ,WAAW,CAAS,CAAC;EAC9Ca,WAAW,GAAGb,WAAW,CAAgB,CAAC;EAE1Cc,iBAAiB,GAAGb,OAAO,CACzC,IAAI,CAACS,mBAAmB,EACxBP,kBAAkB,CAACY,IACrB,CAAC,CAACN,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EACHO,gBAAgB,GAAGf,OAAO,CAAC,IAAI,CAACU,kBAAkB,EAAE,EAAE,CAAC;EACvDM,oBAAoB,GAAGhB,OAAO,CAAC,IAAI,CAACW,sBAAsB,EAAE,CAAC,CAAC,CAACH,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EAChG;EACgBS,SAAS,GAAGjB,OAAO,CAAC,IAAI,CAACY,WAAW,EAAE,IAAI,CAAC,CAACJ,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EAE7DU,KAAK,GAAGpB,YAAY,CAAC,YAAY;IAC/C,IAAI;MACF,MAAMG,iBAAiB,CAACE,iBAAiB,CAAC;MAC1C,MAAM,IAAI,CAACgB,QAAQ,CAACC,oBAAoB,CAAC,CAAC;MAC1C,IAAI,CAACD,QAAQ,CAACE,MAAM,CAAC,CAAC;MACtB,IAAI,CAACZ,mBAAmB,CAACP,kBAAkB,CAACoB,SAAS,CAAC;IACxD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,2BAA2B,EAAEA,KAAK,CAAC;MACjD,MAAMA,KAAK;IACb;EACF,CAAC,CAAC;EAEcE,IAAI,GAAG3B,YAAY,CAAC,MAAM;IACxC,IAAI,CAAC,IAAI,CAACqB,QAAQ,CAACO,SAAS,CAAC,CAAC,CAACC,WAAW,EAAE;IAC5C,OAAO,IAAI,CAACR,QAAQ,CAACM,IAAI,CAAC,CAAC;EAC7B,CAAC,CAAC;EAEKG,kBAAkBA,CAAA,EAAe;IACtC,OAAO,IAAIC,OAAO,CAAEC,OAAO,IAAK;MAC9B,IAAI,CAACvB,YAAY,GAAGuB,OAAO;MAC3B,IAAI,CAACX,QAAQ,CAACO,SAAS,CAAC,CAAC,CAACC,WAAW,IAAI,IAAI,CAACR,QAAQ,CAACM,IAAI,CAAC,CAAC;IAC/D,CAAC,CAAC;EACJ;EAEOM,aAAaA,CAACC,MAAS,EAAQ;IACpC,IAAI,IAAI,CAACzB,YAAY,EAAE;MACrB,IAAI,CAACA,YAAY,CAACyB,MAAM,CAAC;MACzB,IAAI,CAACzB,YAAY,GAAG,IAAI;IAC1B;EACF;EAEO0B,iBAAiBA,CAAA,EAAS;IAC/B,IAAI,CAAC1B,YAAY,GAAG,IAAI;EAC1B;AACF","ignoreList":[]}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+import { createEffect, sample } from 'effector';
+import { NO_AUDIO_BE_MESSAGE, VoiceRecorderState } from "../../constants.js";
+import { fetchTranscriptWithRetry } from "../../transcript.helpers.js";
+import { VoiceTranscriptPanelModel } from "./VoiceTranscriptPanel.model.js";
+// Wires the existing recording flow to the transcript panel:
+// recording starts → panel opens with the waveform; the recording is confirmed
+// (upload kicks off) → panel shows the loader; the uploaded file's transcript
+// arrives → panel shows the text. Deleting/discarding the record closes the panel.
+export class VoiceRecordWithTranscriptModel {
+  panel = new VoiceTranscriptPanelModel();
+  constructor({
+    recordModel,
+    getTranscript
+  }) {
+    this.record = recordModel;
+    this.resolveTranscriptFx = createEffect(async record => {
+      const upload = await record.audioUploadPromise;
+      if (!upload || !upload.id) throw new Error('Audio upload did not return a file id');
+      const {
+        text
+      } = await fetchTranscriptWithRetry(getTranscript, upload.id);
+      if (text === NO_AUDIO_BE_MESSAGE) throw new Error('Transcript is not available');
+      return text;
+    });
+    this.setupPanelLifecycle();
+    this.setupTranscriptPipeline();
+  }
+  setupPanelLifecycle() {
+    sample({
+      clock: this.record.recorderModel.$voiceRecordState,
+      filter: state => state === VoiceRecorderState.RECORDING,
+      target: this.panel.open
+    });
+    // startAudioUpload fires exactly when a recording was confirmed (the
+    // discard path never uploads), so it doubles as the panel's confirm clock.
+    sample({
+      clock: this.record.startAudioUpload,
+      target: this.panel.confirm
+    });
+    sample({
+      clock: [this.record.reset, this.record.stop.done],
+      target: this.panel.discard
+    });
+  }
+  setupTranscriptPipeline() {
+    // Identity guard: a fetch result only applies if the record it was fetched
+    // for is still the current one — late results from a discarded or
+    // re-recorded take are dropped.
+    const isFetchedRecordCurrent = (currentRecord, {
+      params
+    }) => currentRecord === params;
+    sample({
+      clock: this.record.$currentRecord.updates,
+      source: this.panel.$flags,
+      filter: (flags, record) => flags.isProcessing && Boolean(record?.audioUploadPromise),
+      fn: (_, record) => record,
+      target: this.resolveTranscriptFx
+    });
+    sample({
+      clock: this.resolveTranscriptFx.done,
+      source: this.record.$currentRecord,
+      filter: isFetchedRecordCurrent,
+      fn: (_, {
+        result
+      }) => result,
+      target: this.panel.complete
+    });
+    sample({
+      clock: this.resolveTranscriptFx.fail,
+      source: this.record.$currentRecord,
+      filter: isFetchedRecordCurrent,
+      target: this.panel.fail
+    });
+  }
+}
+//# sourceMappingURL=VoiceRecordWithTranscript.model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createEffect","sample","NO_AUDIO_BE_MESSAGE","VoiceRecorderState","fetchTranscriptWithRetry","VoiceTranscriptPanelModel","VoiceRecordWithTranscriptModel","panel","constructor","recordModel","getTranscript","record","resolveTranscriptFx","upload","audioUploadPromise","id","Error","text","setupPanelLifecycle","setupTranscriptPipeline","clock","recorderModel","$voiceRecordState","filter","state","RECORDING","target","open","startAudioUpload","confirm","reset","stop","done","discard","isFetchedRecordCurrent","currentRecord","params","$currentRecord","updates","source","$flags","flags","isProcessing","Boolean","fn","_","result","complete","fail"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/model/VoiceRecordWithTranscript.model.ts"],"mappings":"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","ignoreList":[]}