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

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

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoiceTranscriptPanel = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _effectorReact = require("effector-react");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _i18n = require("../../../../i18n/i18n.js");
+var _constants = require("../../constants.js");
+var _VoiceTranscriptContent = require("../../playing/components/VoiceTranscriptContent.js");
+var _useTranscriptPanelAnimation = require("../hooks/useTranscriptPanelAnimation.js");
+var _useVoiceWaveform = require("../hooks/useVoiceWaveform.js");
+var _VoiceWaveform = require("./VoiceWaveform.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AnimatedTouchableOpacity = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.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 = _constants.VOICE_TRANSCRIPT_PANEL.WIDTH - _reactNativeUi.SPACING[200] * 2 - RECORDING_DOT_SIZE - _reactNativeUi.SPACING[200];
+const RecordingDot = () => {
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(1);
+  (0, _react.useEffect)(() => {
+    opacity.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(RECORDING_DOT_MIN_OPACITY, {
+      duration: BLINK_DURATION_MS,
+      easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.ease)
+    }), -1, true);
+  }, [opacity]);
+
+  // Explicit deps: consumers compile this library without the Reanimated Babel plugin
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: opacity.value
+  }), [opacity]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: styles.previewFade,
+  pointerEvents: "none",
+  children: Array.from({
+    length: PREVIEW_FADE_STRIPES_COUNT
+  }, (_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.previewFadeStripe, {
+      opacity: (index + 1) / PREVIEW_FADE_STRIPES_COUNT
+    }]
+  }, index))
+});
+const VoiceTranscriptPanel = ({
+  model,
+  metering,
+  style
+}) => {
+  const t = (0, _i18n.useText)();
+  const {
+    flags,
+    transcript,
+    hasError,
+    isExpanded
+  } = (0, _effectorReact.useUnit)({
+    flags: model.$flags,
+    transcript: model.$transcript,
+    hasError: model.$hasError,
+    isExpanded: model.dropdown.$isExpanded
+  });
+  const [fullTextHeight, setFullTextHeight] = (0, _react.useState)(0);
+  const [previewHeight, setPreviewHeight] = (0, _react.useState)(0);
+  const levels = (0, _useVoiceWaveform.useVoiceWaveform)({
+    metering,
+    isActive: flags.isRecording
+  });
+  const panelAnimation = (0, _useTranscriptPanelAnimation.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__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+    entering: _reactNativeReanimated.FadeIn,
+    style: [styles.container, panelAnimation.containerAnimatedStyle, style],
+    children: [flags.isRecording && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.recordingRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(RecordingDot, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_VoiceWaveform.VoiceWaveform, {
+        levels: levels,
+        width: WAVEFORM_WIDTH
+      })]
+    }), flags.isProcessing && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.processing,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Loader, {
+        size: _reactNativeUi.LoaderSize.SMALL,
+        color: _reactNativeUi.LoaderColor.BLUE
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: "h8",
+        style: styles.processingText,
+        children: `${t('voice.preparingTranscript')}...`
+      })]
+    }), flags.isDone && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.contentCollapsed, styles.fullTextMeasure],
+        pointerEvents: "none",
+        onLayout: measureFullText,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VoiceTranscriptContent.VoiceTranscriptContent, {
+          text: transcriptText,
+          isLoading: false
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Typography, {
+        variant: "h5",
+        style: styles.title,
+        children: t('voice.transcriptions')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [styles.transcriptBody, panelAnimation.bodyAnimatedStyle],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.transcriptBodyInner, isExpanded ? styles.contentExpanded : styles.contentCollapsed],
+          onLayout: panelAnimation.onContentLayout,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.ScrollableListScrollView, {
+            style: styles.transcriptScroll,
+            scrollbarWidth: _constants.VOICE_TRANSCRIPT_PANEL.SCROLLBAR_WIDTH,
+            scrollEnabled: isExpanded,
+            hideShadow: true,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              onLayout: measurePreview,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VoiceTranscriptContent.VoiceTranscriptContent, {
+                text: transcriptText,
+                isLoading: false,
+                numberOfLines: isExpanded ? undefined : PREVIEW_LINE_COUNT
+              })
+            })
+          }), !isExpanded && isTruncated && /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviewLineFade, {})]
+        })
+      }), isTruncated && /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedTouchableOpacity, {
+        style: [styles.expandButton, panelAnimation.caretAnimatedStyle],
+        onPress: () => model.dropdown.toggleExpand(),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.CaretDownIcon, {
+          size: CARET_SIZE
+        })
+      })]
+    })]
+  });
+};
+exports.VoiceTranscriptPanel = VoiceTranscriptPanel;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    padding: _reactNativeUi.SPACING[200],
+    borderRadius: _reactNativeUi.BORDER_RADIUS[300],
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
+    overflow: 'hidden',
+    ..._reactNativeUi.SHADOWS['4']
+  },
+  recordingRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _reactNativeUi.SPACING[200]
+  },
+  recordingDot: {
+    width: RECORDING_DOT_SIZE,
+    height: RECORDING_DOT_SIZE,
+    borderRadius: RECORDING_DOT_SIZE / 2,
+    backgroundColor: _reactNativeUi.COLORS.PRIMARY_RED
+  },
+  title: {
+    color: _reactNativeUi.COLORS.NEUTRAL_10,
+    marginLeft: _reactNativeUi.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: _constants.VOICE_TRANSCRIPT_PANEL.WIDTH - _reactNativeUi.SPACING[200] * 2
+  },
+  fullTextMeasure: {
+    position: 'absolute',
+    opacity: 0
+  },
+  contentExpanded: {
+    width: _constants.VOICE_TRANSCRIPT_PANEL.WIDTH_DONE - _reactNativeUi.SPACING[200] * 2
+  },
+  transcriptScroll: {
+    maxHeight: _constants.VOICE_TRANSCRIPT_PANEL.TRANSCRIPT_MAX_HEIGHT
+  },
+  previewFade: {
+    position: 'absolute',
+    right: _reactNativeUi.SPACING[200],
+    bottom: _reactNativeUi.SPACING[100],
+    width: PREVIEW_FADE_WIDTH,
+    height: PREVIEW_LINE_HEIGHT,
+    flexDirection: 'row'
+  },
+  previewFadeStripe: {
+    flex: 1,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1
+  },
+  expandButton: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  processing: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: _reactNativeUi.SPACING[200],
+    paddingVertical: _reactNativeUi.SPACING[200]
+  },
+  processingText: {
+    color: _reactNativeUi.COLORS.NEUTRAL_7
+  }
+});
+//# sourceMappingURL=VoiceTranscriptPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_reactNativeReanimated","_i18n","_constants","_VoiceTranscriptContent","_useTranscriptPanelAnimation","_useVoiceWaveform","_VoiceWaveform","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AnimatedTouchableOpacity","Animated","createAnimatedComponent","TouchableOpacity","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","VOICE_TRANSCRIPT_PANEL","WIDTH","SPACING","RecordingDot","opacity","useSharedValue","useEffect","value","withRepeat","withTiming","duration","easing","Easing","inOut","ease","animatedStyle","useAnimatedStyle","jsx","View","style","styles","recordingDot","PreviewLineFade","previewFade","pointerEvents","children","Array","from","length","_","index","previewFadeStripe","VoiceTranscriptPanel","model","metering","useText","flags","transcript","hasError","isExpanded","useUnit","$flags","$transcript","$hasError","dropdown","$isExpanded","fullTextHeight","setFullTextHeight","useState","previewHeight","setPreviewHeight","levels","useVoiceWaveform","isActive","isRecording","panelAnimation","useTranscriptPanelAnimation","isOpen","transcriptText","isTruncated","measureFullText","event","height","nativeEvent","layout","measurePreview","jsxs","entering","FadeIn","container","containerAnimatedStyle","recordingRow","VoiceWaveform","width","isProcessing","processing","Loader","size","LoaderSize","SMALL","color","LoaderColor","BLUE","Typography","variant","processingText","isDone","contentCollapsed","fullTextMeasure","onLayout","VoiceTranscriptContent","text","isLoading","title","transcriptBody","bodyAnimatedStyle","transcriptBodyInner","contentExpanded","onContentLayout","ScrollableListScrollView","transcriptScroll","scrollbarWidth","SCROLLBAR_WIDTH","scrollEnabled","hideShadow","numberOfLines","undefined","expandButton","caretAnimatedStyle","onPress","toggleExpand","CaretDownIcon","exports","StyleSheet","create","padding","borderRadius","BORDER_RADIUS","backgroundColor","COLORS","NEUTRAL_1","overflow","SHADOWS","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/commonjs/features/voice/recording/components/VoiceWaveform.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoiceWaveform = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("../../constants.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const BAR_STEP = _constants.VOICE_WAVEFORM.BAR_WIDTH + _constants.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(_constants.VOICE_WAVEFORM.MIN_BARS, barsForWidth);
+};
+const getBarHeight = level => Math.max(_constants.VOICE_WAVEFORM.MIN_BAR_HEIGHT, Math.round(level * (_constants.VOICE_WAVEFORM.HEIGHT - _constants.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 * _constants.VOICE_WAVEFORM.FADE_RATIO;
+  return Math.min(1, index / fadeBars);
+};
+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 = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _react.useEffect)(() => {
+    shift.value = 0;
+    shift.value = (0, _reactNativeReanimated.withTiming)(-BAR_STEP, {
+      duration: _constants.VOICE_WAVEFORM.SAMPLE_INTERVAL_MS,
+      easing: _reactNativeReanimated.Easing.linear
+    });
+  }, [levels, shift]);
+
+  // Explicit deps: consumers compile this library without the Reanimated Babel plugin
+  const rowAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateX: shift.value
+    }]
+  }), [shift]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, {
+      width
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.row, rowAnimatedStyle],
+      children: visibleLevels.map((level, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.bar, {
+          height: getBarHeight(level),
+          opacity: getBarOpacity(index, visibleLevels.length)
+        }]
+      }, index))
+    })
+  });
+};
+exports.VoiceWaveform = VoiceWaveform;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: _constants.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: _constants.VOICE_WAVEFORM.BAR_GAP
+  },
+  bar: {
+    width: _constants.VOICE_WAVEFORM.BAR_WIDTH,
+    borderRadius: _constants.VOICE_WAVEFORM.BAR_WIDTH / 2,
+    backgroundColor: _reactNativeUi.COLORS.NEUTRAL_7
+  }
+});
+//# sourceMappingURL=VoiceWaveform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_reactNativeReanimated","_constants","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","BAR_STEP","VOICE_WAVEFORM","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","useSharedValue","useEffect","value","withTiming","duration","SAMPLE_INTERVAL_MS","easing","Easing","linear","rowAnimatedStyle","useAnimatedStyle","transform","translateX","jsx","View","style","styles","container","children","row","map","bar","height","opacity","length","exports","StyleSheet","create","overflow","position","top","bottom","right","flexDirection","alignItems","gap","borderRadius","backgroundColor","COLORS","NEUTRAL_7"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/components/VoiceWaveform.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTranscriptPanelAnimation = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("../../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.
+const useTranscriptPanelAnimation = isExpanded => {
+  const contentHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const onContentLayout = event => {
+    const height = event.nativeEvent.layout.height;
+    if (height <= 0) return;
+    contentHeight.value = contentHeight.value === 0 ? height : (0, _reactNativeReanimated.withTiming)(height, TIMING);
+  };
+  const containerAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: (0, _reactNativeReanimated.withTiming)(isExpanded ? _constants.VOICE_TRANSCRIPT_PANEL.WIDTH_DONE : _constants.VOICE_TRANSCRIPT_PANEL.WIDTH, TIMING)
+  }), [isExpanded]);
+  const bodyAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => contentHeight.value === 0 ? {} : {
+    height: contentHeight.value
+  }, [contentHeight]);
+  const caretAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      rotate: (0, _reactNativeReanimated.withTiming)(isExpanded ? '180deg' : '0deg', TIMING)
+    }]
+  }), [isExpanded]);
+  return {
+    onContentLayout,
+    containerAnimatedStyle,
+    bodyAnimatedStyle,
+    caretAnimatedStyle
+  };
+};
+exports.useTranscriptPanelAnimation = useTranscriptPanelAnimation;
+//# sourceMappingURL=useTranscriptPanelAnimation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_constants","TIMING","duration","useTranscriptPanelAnimation","isExpanded","contentHeight","useSharedValue","onContentLayout","event","height","nativeEvent","layout","value","withTiming","containerAnimatedStyle","useAnimatedStyle","width","VOICE_TRANSCRIPT_PANEL","WIDTH_DONE","WIDTH","bodyAnimatedStyle","caretAnimatedStyle","transform","rotate","exports"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useTranscriptPanelAnimation.ts"],"mappings":";;;;;;AAEA,IAAAA,sBAAA,GAAAC,OAAA;AAMA,IAAAC,UAAA,GAAAD,OAAA;AAEA,MAAME,MAAM,GAAG;EAAEC,QAAQ,EAAE;AAAI,CAAU;;AAEzC;AACA;AACA;AACO,MAAMC,2BAA2B,GAAIC,UAAmB,IAAK;EAClE,MAAMC,aAAa,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAEvC,MAAMC,eAAe,GAAIC,KAAwB,IAAK;IACpD,MAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACF,MAAM;IAC9C,IAAIA,MAAM,IAAI,CAAC,EAAE;IACjBJ,aAAa,CAACO,KAAK,GACjBP,aAAa,CAACO,KAAK,KAAK,CAAC,GAAGH,MAAM,GAAG,IAAAI,iCAAU,EAACJ,MAAM,EAAER,MAAM,CAAC;EACnE,CAAC;EAED,MAAMa,sBAAsB,GAAG,IAAAC,uCAAgB,EAC7C,OAAO;IACLC,KAAK,EAAE,IAAAH,iCAAU,EACfT,UAAU,GAAGa,iCAAsB,CAACC,UAAU,GAAGD,iCAAsB,CAACE,KAAK,EAC7ElB,MACF;EACF,CAAC,CAAC,EACF,CAACG,UAAU,CACb,CAAC;EAED,MAAMgB,iBAAiB,GAAG,IAAAL,uCAAgB,EACxC,MAAOV,aAAa,CAACO,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG;IAAEH,MAAM,EAAEJ,aAAa,CAACO;EAAM,CAAE,EACxE,CAACP,aAAa,CAChB,CAAC;EAED,MAAMgB,kBAAkB,GAAG,IAAAN,uCAAgB,EACzC,OAAO;IACLO,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,IAAAV,iCAAU,EAACT,UAAU,GAAG,QAAQ,GAAG,MAAM,EAAEH,MAAM;IAAE,CAAC;EAC5E,CAAC,CAAC,EACF,CAACG,UAAU,CACb,CAAC;EAED,OAAO;IAAEG,eAAe;IAAEO,sBAAsB;IAAEM,iBAAiB;IAAEC;EAAmB,CAAC;AAC3F,CAAC;AAAAG,OAAA,CAAArB,2BAAA,GAAAA,2BAAA","ignoreList":[]}

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

@@ -9,9 +9,24 @@ var _react = require("react");
 var _reactNativeUi = require("@magmamath/react-native-ui");
 var _constants = require("../../constants.js");
 var _helpers = require("../../helpers.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 = {
+  ..._expoAudio.RecordingPresets.LOW_QUALITY,
+  isMeteringEnabled: true
+};
 const useVoiceRecorder = model => {
-  const recorder = (0, _expoAudio.useAudioRecorder)(_expoAudio.RecordingPresets.LOW_QUALITY, model.recordingStatusUpdate);
-  const recorderState = (0, _expoAudio.useAudioRecorderState)(recorder);
+  const recorder = (0, _expoAudio.useAudioRecorder)(RECORDING_OPTIONS, model.recordingStatusUpdate);
+  const recorderState = (0, _expoAudio.useAudioRecorderState)(recorder, _constants.METERING_UPDATE_INTERVAL_MS);
+  (0, _react.useEffect)(() => {
+    if (_reactNativeUi.IS_WEB) return;
+    model.recorderModel.setMetering(recorderState.metering ?? null);
+  }, [recorderState.metering, model.recorderModel]);
+  (0, _react.useEffect)(() => {
+    if (!_reactNativeUi.IS_WEB || !recorderState.isRecording) return;
+    return (0, _helpers.createWebMeteringMonitor)(recorder, model.recorderModel.setMetering);
+  }, [recorderState.isRecording, recorder, model.recorderModel]);
   (0, _react.useEffect)(() => {
     if (recorderState.durationMillis >= _constants.VOICE_RECORDER_MAX_DURATION_MS && recorderState.isRecording) {
       model.recorderModel.stop();

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

@@ -1 +1 @@
-{"version":3,"names":["_expoAudio","require","_react","_reactNativeUi","_constants","_helpers","useVoiceRecorder","model","recorder","useAudioRecorder","RecordingPresets","LOW_QUALITY","recordingStatusUpdate","recorderState","useAudioRecorderState","useEffect","durationMillis","VOICE_RECORDER_MAX_DURATION_MS","isRecording","recorderModel","stop","setLastKnownDurationMs","IS_WEB","getAvailableInputs","then","inputs","setAvailableInputs","removeListener","addAudioInputsListenerWeb","devices","setVoiceRecordState","VoiceRecorderState","RECORDING","PAUSED","IDLE","reset","exports"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useVoiceRecorder.ts"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAEO,MAAMK,gBAAgB,GAAIC,KAAuB,IAAK;EAC3D,MAAMC,QAAQ,GAAG,IAAAC,2BAAgB,EAACC,2BAAgB,CAACC,WAAW,EAAEJ,KAAK,CAACK,qBAAqB,CAAC;EAC5F,MAAMC,aAAa,GAAG,IAAAC,gCAAqB,EAACN,QAAQ,CAAC;EAErD,IAAAO,gBAAS,EAAC,MAAM;IACd,IACEF,aAAa,CAACG,cAAc,IAAIC,yCAA8B,IAC9DJ,aAAa,CAACK,WAAW,EACzB;MACAX,KAAK,CAACY,aAAa,CAACC,IAAI,CAAC,CAAC;IAC5B;IACA;IACA,IAAIP,aAAa,CAACK,WAAW,IAAIL,aAAa,CAACG,cAAc,GAAG,CAAC,EAAE;MACjET,KAAK,CAACY,aAAa,CAACE,sBAAsB,CAACR,aAAa,CAACG,cAAc,CAAC;IAC1E;EACF,CAAC,EAAE,CAACH,aAAa,CAACG,cAAc,CAAC,CAAC;EAElC,IAAAD,gBAAS,EAAC,MAAM;IACd,IAAI,CAACO,qBAAM,EAAE;MACX;MACA,IAAAC,2BAAkB,EAACf,QAAQ,CAAC,CAACgB,IAAI,CAAEC,MAAM,IAAK;QAC5ClB,KAAK,CAACY,aAAa,CAACO,kBAAkB,CAACD,MAAM,CAAC;MAChD,CAAC,CAAC;MACF;IACF;IAEA,MAAME,cAAc,GAAG,IAAAC,kCAAyB,EAAEC,OAAO,IAAK;MAC5DtB,KAAK,CAACY,aAAa,CAACO,kBAAkB,CAACG,OAAO,CAAC;IACjD,CAAC,CAAC;IAEF,OAAOF,cAAc;EACvB,CAAC,EAAE,CAACnB,QAAQ,EAAED,KAAK,CAACY,aAAa,CAAC,CAAC;EAEnC,IAAAJ,gBAAS,EAAC,MAAM;IACd,IAAIF,aAAa,CAACK,WAAW,EAAE;MAC7BX,KAAK,CAACY,aAAa,CAACW,mBAAmB,CAACC,6BAAkB,CAACC,SAAS,CAAC;MACrE;IACF;IACA,IAAInB,aAAa,CAACG,cAAc,GAAG,CAAC,EAAE;MACpCT,KAAK,CAACY,aAAa,CAACW,mBAAmB,CAACC,6BAAkB,CAACE,MAAM,CAAC;MAClE;IACF;IACA1B,KAAK,CAACY,aAAa,CAACW,mBAAmB,CAACC,6BAAkB,CAACG,IAAI,CAAC;IAEhE,OAAO,MAAM;MACX3B,KAAK,CAACY,aAAa,CAACgB,KAAK,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACtB,aAAa,EAAEN,KAAK,CAACY,aAAa,CAAC,CAAC;EAExC,IAAAJ,gBAAS,EAAC,MAAM;IACdR,KAAK,CAACY,aAAa,CAACX,QAAQ,GAAGA,QAAQ;EACzC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,OAAO;IAAEK;EAAc,CAAC;AAC1B,CAAC;AAAAuB,OAAA,CAAA9B,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_expoAudio","require","_react","_reactNativeUi","_constants","_helpers","RECORDING_OPTIONS","RecordingPresets","LOW_QUALITY","isMeteringEnabled","useVoiceRecorder","model","recorder","useAudioRecorder","recordingStatusUpdate","recorderState","useAudioRecorderState","METERING_UPDATE_INTERVAL_MS","useEffect","IS_WEB","recorderModel","setMetering","metering","isRecording","createWebMeteringMonitor","durationMillis","VOICE_RECORDER_MAX_DURATION_MS","stop","setLastKnownDurationMs","getAvailableInputs","then","inputs","setAvailableInputs","removeListener","addAudioInputsListenerWeb","devices","setVoiceRecordState","VoiceRecorderState","RECORDING","PAUSED","IDLE","reset","exports"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useVoiceRecorder.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useVoiceWaveform = void 0;
+var _react = require("react");
+var _constants = require("../../constants.js");
+var _helpers = require("../../helpers.js");
+const createSilentBuffer = () => new Array(_constants.VOICE_WAVEFORM.BUFFER_SIZE).fill(_constants.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.
+const useVoiceWaveform = ({
+  metering,
+  isActive
+}) => {
+  const meteringRef = (0, _react.useRef)(metering);
+  meteringRef.current = metering;
+  const smoothedLevelRef = (0, _react.useRef)(_constants.VOICE_WAVEFORM.MIN_LEVEL);
+  const [levels, setLevels] = (0, _react.useState)(createSilentBuffer);
+  (0, _react.useEffect)(() => {
+    if (!isActive) {
+      smoothedLevelRef.current = _constants.VOICE_WAVEFORM.MIN_LEVEL;
+      setLevels(createSilentBuffer());
+      return;
+    }
+    const intervalId = setInterval(() => {
+      const target = (0, _helpers.normalizeMetering)(meteringRef.current);
+      smoothedLevelRef.current += (target - smoothedLevelRef.current) * _constants.VOICE_WAVEFORM.LEVEL_SMOOTHING;
+      const level = Math.max(_constants.VOICE_WAVEFORM.MIN_LEVEL, smoothedLevelRef.current);
+      setLevels(prev => [...prev.slice(1), level]);
+    }, _constants.VOICE_WAVEFORM.SAMPLE_INTERVAL_MS);
+    return () => clearInterval(intervalId);
+  }, [isActive]);
+  return levels;
+};
+exports.useVoiceWaveform = useVoiceWaveform;
+//# sourceMappingURL=useVoiceWaveform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_constants","_helpers","createSilentBuffer","Array","VOICE_WAVEFORM","BUFFER_SIZE","fill","MIN_LEVEL","useVoiceWaveform","metering","isActive","meteringRef","useRef","current","smoothedLevelRef","levels","setLevels","useState","useEffect","intervalId","setInterval","target","normalizeMetering","LEVEL_SMOOTHING","level","Math","max","prev","slice","SAMPLE_INTERVAL_MS","clearInterval","exports"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/hooks/useVoiceWaveform.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAOA,MAAMG,kBAAkB,GAAGA,CAAA,KACzB,IAAIC,KAAK,CAASC,yBAAc,CAACC,WAAW,CAAC,CAACC,IAAI,CAACF,yBAAc,CAACG,SAAS,CAAC;;AAE9E;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAiC,CAAC,KAAK;EAClF,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAACH,QAAQ,CAAC;EACpCE,WAAW,CAACE,OAAO,GAAGJ,QAAQ;EAE9B,MAAMK,gBAAgB,GAAG,IAAAF,aAAM,EAACR,yBAAc,CAACG,SAAS,CAAC;EACzD,MAAM,CAACQ,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAWf,kBAAkB,CAAC;EAElE,IAAAgB,gBAAS,EAAC,MAAM;IACd,IAAI,CAACR,QAAQ,EAAE;MACbI,gBAAgB,CAACD,OAAO,GAAGT,yBAAc,CAACG,SAAS;MACnDS,SAAS,CAACd,kBAAkB,CAAC,CAAC,CAAC;MAC/B;IACF;IAEA,MAAMiB,UAAU,GAAGC,WAAW,CAAC,MAAM;MACnC,MAAMC,MAAM,GAAG,IAAAC,0BAAiB,EAACX,WAAW,CAACE,OAAO,CAAC;MACrDC,gBAAgB,CAACD,OAAO,IACtB,CAACQ,MAAM,GAAGP,gBAAgB,CAACD,OAAO,IAAIT,yBAAc,CAACmB,eAAe;MACtE,MAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACtB,yBAAc,CAACG,SAAS,EAAEO,gBAAgB,CAACD,OAAO,CAAC;MAC1EG,SAAS,CAAEW,IAAI,IAAK,CAAC,GAAGA,IAAI,CAACC,KAAK,CAAC,CAAC,CAAC,EAAEJ,KAAK,CAAC,CAAC;IAChD,CAAC,EAAEpB,yBAAc,CAACyB,kBAAkB,CAAC;IAErC,OAAO,MAAMC,aAAa,CAACX,UAAU,CAAC;EACxC,CAAC,EAAE,CAACT,QAAQ,CAAC,CAAC;EAEd,OAAOK,MAAM;AACf,CAAC;AAAAgB,OAAA,CAAAvB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_effector","require","_expoAudio","_constants","AUDIO_MODE_CONFIG","playsInSilentMode","allowsRecording","RecorderModel","stopResolver","reset","createEvent","setVoiceRecordState","setAvailableInputs","setLastKnownDurationMs","$voiceRecordState","restore","VoiceRecorderState","IDLE","$availableInputs","$lastKnownDurationMs","start","createEffect","setAudioModeAsync","recorder","prepareToRecordAsync","record","RECORDING","error","console","stop","getStatus","isRecording","stopAndAwaitResult","Promise","resolve","resolveRecord","result","clearStopResolver","exports"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/model/Recorder.model.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAGA,MAAMG,iBAAiB,GAAG;EACxBC,iBAAiB,EAAE,IAAI;EACvBC,eAAe,EAAE;AACnB,CAAU;AAIH,MAAMC,aAAa,CAAc;EAE9BC,YAAY,GAA2B,IAAI;EAEnCC,KAAK,GAAG,IAAAC,qBAAW,EAAC,CAAC;EACrBC,mBAAmB,GAAG,IAAAD,qBAAW,EAAqB,CAAC;EACvDE,kBAAkB,GAAG,IAAAF,qBAAW,EAAuB,CAAC;EACxDG,sBAAsB,GAAG,IAAAH,qBAAW,EAAS,CAAC;EAE9CI,iBAAiB,GAAG,IAAAC,iBAAO,EACzC,IAAI,CAACJ,mBAAmB,EACxBK,6BAAkB,CAACC,IACrB,CAAC,CAACR,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EACHS,gBAAgB,GAAG,IAAAH,iBAAO,EAAC,IAAI,CAACH,kBAAkB,EAAE,EAAE,CAAC;EACvDO,oBAAoB,GAAG,IAAAJ,iBAAO,EAAC,IAAI,CAACF,sBAAsB,EAAE,CAAC,CAAC,CAACJ,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EAEhFW,KAAK,GAAG,IAAAC,sBAAY,EAAC,YAAY;IAC/C,IAAI;MACF,MAAM,IAAAC,4BAAiB,EAAClB,iBAAiB,CAAC;MAC1C,MAAM,IAAI,CAACmB,QAAQ,CAACC,oBAAoB,CAAC,CAAC;MAC1C,IAAI,CAACD,QAAQ,CAACE,MAAM,CAAC,CAAC;MACtB,IAAI,CAACd,mBAAmB,CAACK,6BAAkB,CAACU,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,GAAG,IAAAR,sBAAY,EAAC,MAAM;IACxC,IAAI,CAAC,IAAI,CAACE,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,CAAC1B,YAAY,GAAG0B,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,CAAC5B,YAAY,EAAE;MACrB,IAAI,CAACA,YAAY,CAAC4B,MAAM,CAAC;MACzB,IAAI,CAAC5B,YAAY,GAAG,IAAI;IAC1B;EACF;EAEO6B,iBAAiBA,CAAA,EAAS;IAC/B,IAAI,CAAC7B,YAAY,GAAG,IAAI;EAC1B;AACF;AAAC8B,OAAA,CAAA/B,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"names":["_effector","require","_expoAudio","_constants","AUDIO_MODE_CONFIG","playsInSilentMode","allowsRecording","RecorderModel","stopResolver","reset","createEvent","setVoiceRecordState","setAvailableInputs","setLastKnownDurationMs","setMetering","$voiceRecordState","restore","VoiceRecorderState","IDLE","$availableInputs","$lastKnownDurationMs","$metering","start","createEffect","setAudioModeAsync","recorder","prepareToRecordAsync","record","RECORDING","error","console","stop","getStatus","isRecording","stopAndAwaitResult","Promise","resolve","resolveRecord","result","clearStopResolver","exports"],"sourceRoot":"../../../../../../src","sources":["features/voice/recording/model/Recorder.model.ts"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAGA,MAAMG,iBAAiB,GAAG;EACxBC,iBAAiB,EAAE,IAAI;EACvBC,eAAe,EAAE;AACnB,CAAU;AAIH,MAAMC,aAAa,CAAc;EAE9BC,YAAY,GAA2B,IAAI;EAEnCC,KAAK,GAAG,IAAAC,qBAAW,EAAC,CAAC;EACrBC,mBAAmB,GAAG,IAAAD,qBAAW,EAAqB,CAAC;EACvDE,kBAAkB,GAAG,IAAAF,qBAAW,EAAuB,CAAC;EACxDG,sBAAsB,GAAG,IAAAH,qBAAW,EAAS,CAAC;EAC9CI,WAAW,GAAG,IAAAJ,qBAAW,EAAgB,CAAC;EAE1CK,iBAAiB,GAAG,IAAAC,iBAAO,EACzC,IAAI,CAACL,mBAAmB,EACxBM,6BAAkB,CAACC,IACrB,CAAC,CAACT,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EACHU,gBAAgB,GAAG,IAAAH,iBAAO,EAAC,IAAI,CAACJ,kBAAkB,EAAE,EAAE,CAAC;EACvDQ,oBAAoB,GAAG,IAAAJ,iBAAO,EAAC,IAAI,CAACH,sBAAsB,EAAE,CAAC,CAAC,CAACJ,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EAChG;EACgBY,SAAS,GAAG,IAAAL,iBAAO,EAAC,IAAI,CAACF,WAAW,EAAE,IAAI,CAAC,CAACL,KAAK,CAAC,IAAI,CAACA,KAAK,CAAC;EAE7Da,KAAK,GAAG,IAAAC,sBAAY,EAAC,YAAY;IAC/C,IAAI;MACF,MAAM,IAAAC,4BAAiB,EAACpB,iBAAiB,CAAC;MAC1C,MAAM,IAAI,CAACqB,QAAQ,CAACC,oBAAoB,CAAC,CAAC;MAC1C,IAAI,CAACD,QAAQ,CAACE,MAAM,CAAC,CAAC;MACtB,IAAI,CAAChB,mBAAmB,CAACM,6BAAkB,CAACW,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,GAAG,IAAAR,sBAAY,EAAC,MAAM;IACxC,IAAI,CAAC,IAAI,CAACE,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,CAAC5B,YAAY,GAAG4B,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,CAAC9B,YAAY,EAAE;MACrB,IAAI,CAACA,YAAY,CAAC8B,MAAM,CAAC;MACzB,IAAI,CAAC9B,YAAY,GAAG,IAAI;IAC1B;EACF;EAEO+B,iBAAiBA,CAAA,EAAS;IAC/B,IAAI,CAAC/B,YAAY,GAAG,IAAI;EAC1B;AACF;AAACgC,OAAA,CAAAjC,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VoiceRecordWithTranscriptModel = void 0;
+var _effector = require("effector");
+var _constants = require("../../constants.js");
+var _transcriptHelpers = require("../../transcript.helpers.js");
+var _VoiceTranscriptPanelModel = require("./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.
+class VoiceRecordWithTranscriptModel {
+  panel = new _VoiceTranscriptPanelModel.VoiceTranscriptPanelModel();
+  constructor({
+    recordModel,
+    getTranscript
+  }) {
+    this.record = recordModel;
+    this.resolveTranscriptFx = (0, _effector.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 (0, _transcriptHelpers.fetchTranscriptWithRetry)(getTranscript, upload.id);
+      if (text === _constants.NO_AUDIO_BE_MESSAGE) throw new Error('Transcript is not available');
+      return text;
+    });
+    this.setupPanelLifecycle();
+    this.setupTranscriptPipeline();
+  }
+  setupPanelLifecycle() {
+    (0, _effector.sample)({
+      clock: this.record.recorderModel.$voiceRecordState,
+      filter: state => state === _constants.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.
+    (0, _effector.sample)({
+      clock: this.record.startAudioUpload,
+      target: this.panel.confirm
+    });
+    (0, _effector.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;
+    (0, _effector.sample)({
+      clock: this.record.$currentRecord.updates,
+      source: this.panel.$flags,
+      filter: (flags, record) => flags.isProcessing && Boolean(record?.audioUploadPromise),
+      fn: (_, record) => record,
+      target: this.resolveTranscriptFx
+    });
+    (0, _effector.sample)({
+      clock: this.resolveTranscriptFx.done,
+      source: this.record.$currentRecord,
+      filter: isFetchedRecordCurrent,
+      fn: (_, {
+        result
+      }) => result,
+      target: this.panel.complete
+    });
+    (0, _effector.sample)({
+      clock: this.resolveTranscriptFx.fail,
+      source: this.record.$currentRecord,
+      filter: isFetchedRecordCurrent,
+      target: this.panel.fail
+    });
+  }
+}
+exports.VoiceRecordWithTranscriptModel = VoiceRecordWithTranscriptModel;
+//# sourceMappingURL=VoiceRecordWithTranscript.model.js.map