@adminide-stack/yantra-mobile 12.0.129-alpha.0 → 12.0.129

package/lib/features/canvas/AudioEditorExperience.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useState,useCallback,useEffect}from'react';import {View,Text,Linking,ActivityIndicator,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {resultUrl,friendlyMediaError}from'./videoEditor/mediaActions.js';import {useCanvasTheme,themedStyles}from'./canvasTheme.js';import {Pressable,pressedStyle,RADIUS,SPACE,TYPE}from'./canvasUi.js';var __defProp = Object.defineProperty;
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useMemo,useState,useCallback,useEffect}from'react';import {View,Text,Linking,ActivityIndicator,ScrollView,StyleSheet}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {friendlyMediaError,resultUrl}from'./videoEditor/mediaActions.js';import {unwrapProxyUrl}from'./videoEditor/remoteMediaClient.js';import {useCanvasTheme,themedStyles}from'./canvasTheme.js';import {Pressable,pressedStyle,RADIUS,SPACE,TYPE}from'./canvasUi.js';import {MediaUrlPicker,ApplyButton,SliderRow,ChoiceRow,ToggleRow,TextField,NumberField}from'./editorControls.js';import {placeholderPeaks,fetchAudioPeaks}from'./audioEditor/audioPeaks.js';import {AudioWaveform}from'./audioEditor/AudioWaveform.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -17,28 +17,154 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const WAVE_BARS = [0.35, 0.55, 0.8, 0.5, 0.65, 0.95, 0.7, 0.45, 0.6, 0.85, 1, 0.75, 0.5, 0.4, 0.62, 0.88, 0.7, 0.52, 0.36, 0.58, 0.8, 0.92, 0.66, 0.48, 0.7, 0.84, 0.6, 0.42, 0.55, 0.78, 0.64, 0.38];
+const HSCROLL = {
+  flexGrow: 0
+};
+const AUDIO_EDIT_ACTIONS = {
+  probe: "YANTRA_AUDIO_EDIT_PROBE",
+  trim: "YANTRA_AUDIO_EDIT_TRIM",
+  volume: "YANTRA_AUDIO_EDIT_VOLUME",
+  volume_db: "YANTRA_AUDIO_EDIT_VOLUME_DB",
+  fade: "YANTRA_AUDIO_EDIT_FADE",
+  mix: "YANTRA_AUDIO_EDIT_MIX",
+  concat: "YANTRA_AUDIO_EDIT_CONCAT",
+  speed: "YANTRA_AUDIO_EDIT_SPEED",
+  normalize: "YANTRA_AUDIO_EDIT_NORMALIZE",
+  delay: "YANTRA_AUDIO_EDIT_DELAY",
+  convert: "YANTRA_AUDIO_EDIT_CONVERT",
+  extract: "YANTRA_AUDIO_EDIT_EXTRACT",
+  silence_remove: "YANTRA_AUDIO_EDIT_SILENCE_REMOVE",
+  reverse: "YANTRA_AUDIO_EDIT_REVERSE"
+};
+const TOOLS = [{
+  id: "trim",
+  label: "Trim",
+  icon: "content-cut"
+}, {
+  id: "volume",
+  label: "Volume",
+  icon: "volume-high"
+}, {
+  id: "fade",
+  label: "Fade",
+  icon: "sine-wave"
+}, {
+  id: "speed",
+  label: "Speed",
+  icon: "speedometer"
+}, {
+  id: "normalize",
+  label: "Normalize",
+  icon: "chart-bar"
+}, {
+  id: "delay",
+  label: "Delay",
+  icon: "clock-outline"
+}, {
+  id: "silence",
+  label: "Silence",
+  icon: "microphone-off"
+}, {
+  id: "reverse",
+  label: "Reverse",
+  icon: "rewind"
+}, {
+  id: "convert",
+  label: "Convert",
+  icon: "file-music-outline"
+}, {
+  id: "mix",
+  label: "Mix",
+  icon: "source-merge"
+}, {
+  id: "concat",
+  label: "Concat",
+  icon: "link-variant"
+}, {
+  id: "extract",
+  label: "Extract",
+  icon: "file-video-outline"
+}, {
+  id: "info",
+  label: "Info",
+  icon: "information-outline"
+}];
+function fmtTime(secs) {
+  if (!Number.isFinite(secs)) return "0:00";
+  const m = Math.floor(secs / 60);
+  const sec = Math.floor(secs % 60);
+  const d = Math.floor(secs % 1 * 10);
+  return `${m}:${String(sec).padStart(2, "0")}.${d}`;
+}
 function AudioEditorExperience({
   src,
   name,
   runAction,
   onClose,
-  onSave
+  onSave,
+  libraryItems
 }) {
+  var _c;
   const theme = useCanvasTheme();
   const styles = useMemo(() => makeStyles(theme), [theme]);
   const [history, setHistory] = useState([src]);
   const [busy, setBusy] = useState(null);
   const [notice, setNotice] = useState(null);
   const [playing, setPlaying] = useState(false);
-  const [durationMs, setDurationMs] = useState(null);
+  const [playhead, setPlayhead] = useState(null);
+  const [durationSec, setDurationSec] = useState(0);
+  const [peaks, setPeaks] = useState(() => placeholderPeaks(src));
+  const [realWave, setRealWave] = useState(false);
+  const [selection, setSelection] = useState(null);
+  const [probe, setProbe] = useState(null);
+  const [tool, setTool] = useState("trim");
+  const current = history[history.length - 1];
+  const edited = history.length > 1;
   const [trim, setTrim] = useState({
     startMs: 0,
     endMs: 0
   });
-  const current = history[history.length - 1];
-  const edited = history.length > 1;
-  const apply = useCallback((label, action, params) => {
+  const [volumeLevel, setVolumeLevel] = useState(1);
+  const [volumeDb, setVolumeDb] = useState(0);
+  const [fade, setFade] = useState({
+    inMs: 1e3,
+    outMs: 1e3,
+    curve: "tri"
+  });
+  const [speed, setSpeed] = useState(1);
+  const [lufs, setLufs] = useState({
+    i: -16,
+    tp: -1.5,
+    lra: 11
+  });
+  const [delayMs, setDelayMs] = useState(500);
+  const [silence, setSilence] = useState({
+    db: -50,
+    minMs: 500,
+    leading: true,
+    trailing: true
+  });
+  const [conv, setConv] = useState({
+    format: "mp3",
+    bitrate: "192k",
+    sampleRate: "",
+    channels: ""
+  });
+  const [mixUrl, setMixUrl] = useState("");
+  const [mixDuration, setMixDuration] = useState("longest");
+  const [mixNormalize, setMixNormalize] = useState(true);
+  const [concatUrl, setConcatUrl] = useState("");
+  const [crossfadeMs, setCrossfadeMs] = useState(0);
+  const [extractUrl, setExtractUrl] = useState("");
+  const media = useMemo(() => (libraryItems != null ? libraryItems : []).filter((item) => item.src !== current).map((item) => ({
+    id: item.id,
+    src: unwrapProxyUrl(item.src),
+    label: item.generatedAssetName,
+    kind: item.type
+  })), [current, libraryItems]);
+  const audioItems = media.filter((m) => m.kind === "audio");
+  const videoItems = media.filter((m) => m.kind === "video");
+  const run = useCallback((label, fn) => {
     if (!runAction) {
       setNotice("Editing needs the host connector - not wired in this host.");
       return;
@@ -46,38 +172,283 @@ function AudioEditorExperience({
     if (busy) return;
     setBusy(label);
     setPlaying(false);
-    runAction("yantra-audio-editing", action, __spreadValues({
-      input_url: current
-    }, params)).then((result) => {
-      setHistory((h) => [...h, resultUrl(result, action)]);
+    fn().then((url) => {
+      setHistory((h) => [...h, url]);
       setNotice(null);
-      setDurationMs(null);
     }).catch((err) => setNotice(friendlyMediaError(err, "audio edit"))).finally(() => setBusy(null));
-  }, [busy, current, runAction]);
+  }, [busy, runAction]);
+  const apply = useCallback((label, op, params, input) => run(label, async () => {
+    const action = AUDIO_EDIT_ACTIONS[op];
+    const result = await runAction("yantra-audio-editing", action, __spreadValues({
+      input_url: unwrapProxyUrl(input != null ? input : current)
+    }, params));
+    return resultUrl(result, action);
+  }), [current, run, runAction]);
   useEffect(() => {
-    if (!runAction || durationMs !== null) return;
+    setSelection(null);
+    setPlayhead(null);
+    setProbe(null);
+    setRealWave(false);
+    setDurationSec(0);
+    setTrim({
+      startMs: 0,
+      endMs: 0
+    });
+    setPeaks(placeholderPeaks(current));
+    if (!runAction) return;
     let cancelled = false;
-    runAction("yantra-audio-editing", "YANTRA_AUDIO_EDIT_PROBE", {
-      input_url: current
+    runAction("yantra-audio-editing", AUDIO_EDIT_ACTIONS.probe, {
+      input_url: unwrapProxyUrl(current)
     }).then((result) => {
-      var _a;
+      var _a2, _b2;
       if (cancelled) return;
-      const secs = Number((_a = result.duration_secs) != null ? _a : result.duration);
+      const data = (_a2 = result.data) != null ? _a2 : result;
+      setProbe(data);
+      const ms = Number(data.duration_ms);
+      const secs = Number.isFinite(ms) && ms > 0 ? ms / 1e3 : Number((_b2 = data.duration_secs) != null ? _b2 : data.duration);
       if (Number.isFinite(secs) && secs > 0) {
-        const ms = Math.round(secs * 1e3);
-        setDurationMs(ms);
+        setDurationSec(secs);
         setTrim({
           startMs: 0,
-          endMs: ms
+          endMs: Math.round(secs * 1e3)
         });
       }
     }).catch(() => {
     });
+    fetchAudioPeaks(runAction, unwrapProxyUrl(current)).then(({
+      peaks: p,
+      durationSec: d
+    }) => {
+      if (cancelled) return;
+      setPeaks(p);
+      setRealWave(true);
+      setDurationSec((prev) => prev > 0 ? prev : d);
+      setTrim((t) => t.endMs > 0 ? t : {
+        startMs: 0,
+        endMs: Math.round(d * 1e3)
+      });
+    }).catch(() => {
+    });
     return () => {
       cancelled = true;
     };
-  }, [current, durationMs, runAction]);
+  }, [current, runAction]);
+  useEffect(() => {
+    if (selection) setTrim({
+      startMs: Math.round(selection.start * 1e3),
+      endMs: Math.round(selection.end * 1e3)
+    });
+  }, [selection]);
   const fmt = (ms) => `${(ms / 1e3).toFixed(1)}s`;
+  const busyOrNo = Boolean(busy) || !runAction;
+  const panel = (() => {
+    switch (tool) {
+      case "trim":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Drag across the waveform to pick the part to keep." }),
+          /* @__PURE__ */ jsxs(View, { style: styles.fieldRow, children: [
+            /* @__PURE__ */ jsx(NumberField, { label: "Start", suffix: "ms", value: trim.startMs, onChange: (v) => setTrim((t) => __spreadProps(__spreadValues({}, t), {
+              startMs: Math.max(0, Math.round(v))
+            })) }),
+            /* @__PURE__ */ jsx(NumberField, { label: "End", suffix: "ms", value: trim.endMs, onChange: (v) => setTrim((t) => __spreadProps(__spreadValues({}, t), {
+              endMs: Math.max(0, Math.round(v))
+            })) })
+          ] }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: `Trim to ${fmt(trim.startMs)} - ${fmt(trim.endMs)}`, disabled: busyOrNo || trim.endMs <= trim.startMs, onPress: () => apply("Trimming", "trim", {
+            start_ms: trim.startMs,
+            end_ms: trim.endMs
+          }) })
+        ] });
+      case "volume":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SliderRow, { label: "Level", value: volumeLevel, min: 0, max: 3, step: 0.05, format: (v) => `${Math.round(v * 100)}%`, onChange: setVolumeLevel }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Apply level", disabled: busyOrNo || volumeLevel === 1, onPress: () => apply("Adjusting volume", "volume", {
+            level: volumeLevel
+          }) }),
+          /* @__PURE__ */ jsx(SliderRow, { label: "Gain", value: volumeDb, min: -24, max: 24, step: 0.5, format: (v) => `${v > 0 ? "+" : ""}${v} dB`, onChange: setVolumeDb }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Apply dB gain", tone: "soft", disabled: busyOrNo || volumeDb === 0, onPress: () => apply("Adjusting gain", "volume_db", {
+            db: volumeDb
+          }) })
+        ] });
+      case "fade":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(View, { style: styles.fieldRow, children: [
+            /* @__PURE__ */ jsx(NumberField, { label: "Fade in", suffix: "ms", value: fade.inMs, onChange: (v) => setFade((f) => __spreadProps(__spreadValues({}, f), {
+              inMs: Math.max(0, Math.round(v))
+            })) }),
+            /* @__PURE__ */ jsx(NumberField, { label: "Fade out", suffix: "ms", value: fade.outMs, onChange: (v) => setFade((f) => __spreadProps(__spreadValues({}, f), {
+              outMs: Math.max(0, Math.round(v))
+            })) })
+          ] }),
+          /* @__PURE__ */ jsx(ChoiceRow, { label: "Curve", options: [{
+            value: "tri",
+            label: "Linear"
+          }, {
+            value: "qsin",
+            label: "Quarter sine"
+          }, {
+            value: "esin",
+            label: "Exp. sine"
+          }, {
+            value: "log",
+            label: "Logarithmic"
+          }, {
+            value: "exp",
+            label: "Exponential"
+          }], value: fade.curve, onChange: (curve) => setFade((f) => __spreadProps(__spreadValues({}, f), {
+            curve
+          })) }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Apply fade", disabled: busyOrNo || fade.inMs === 0 && fade.outMs === 0, onPress: () => apply("Fading", "fade", {
+            fade_in_ms: fade.inMs,
+            fade_out_ms: fade.outMs,
+            curve: fade.curve
+          }) })
+        ] });
+      case "speed":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SliderRow, { label: "Factor", value: speed, min: 0.25, max: 4, step: 0.05, format: (v) => `${v.toFixed(2)}\xD7`, onChange: setSpeed }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Apply speed", disabled: busyOrNo || speed === 1, onPress: () => apply("Changing speed", "speed", {
+            factor: speed
+          }) })
+        ] });
+      case "normalize":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SliderRow, { label: "Target loudness (LUFS)", value: lufs.i, min: -40, max: -5, step: 0.5, onChange: (i) => setLufs((l) => __spreadProps(__spreadValues({}, l), {
+            i
+          })) }),
+          /* @__PURE__ */ jsx(SliderRow, { label: "True peak (dBTP)", value: lufs.tp, min: -9, max: 0, step: 0.1, format: (v) => v.toFixed(1), onChange: (tp) => setLufs((l) => __spreadProps(__spreadValues({}, l), {
+            tp
+          })) }),
+          /* @__PURE__ */ jsx(SliderRow, { label: "Loudness range (LU)", value: lufs.lra, min: 1, max: 20, step: 0.5, format: (v) => v.toFixed(1), onChange: (lra) => setLufs((l) => __spreadProps(__spreadValues({}, l), {
+            lra
+          })) }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Normalize", disabled: busyOrNo, onPress: () => apply("Normalizing", "normalize", {
+            i: lufs.i,
+            tp: lufs.tp,
+            lra: lufs.lra
+          }) })
+        ] });
+      case "delay":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SliderRow, { label: "Delay", value: delayMs, min: 0, max: 1e4, step: 50, format: (v) => fmt(v), onChange: setDelayMs }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Apply delay", disabled: busyOrNo || delayMs === 0, onPress: () => apply("Delaying", "delay", {
+            delay_ms: delayMs
+          }) })
+        ] });
+      case "silence":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SliderRow, { label: "Threshold (dB)", value: silence.db, min: -80, max: -20, onChange: (db) => setSilence((x) => __spreadProps(__spreadValues({}, x), {
+            db
+          })) }),
+          /* @__PURE__ */ jsx(SliderRow, { label: "Min silence", value: silence.minMs, min: 50, max: 5e3, step: 50, format: (v) => `${v} ms`, onChange: (minMs) => setSilence((x) => __spreadProps(__spreadValues({}, x), {
+            minMs
+          })) }),
+          /* @__PURE__ */ jsx(ToggleRow, { label: "Trim leading", value: silence.leading, onChange: (leading) => setSilence((x) => __spreadProps(__spreadValues({}, x), {
+            leading
+          })) }),
+          /* @__PURE__ */ jsx(ToggleRow, { label: "Trim trailing", value: silence.trailing, onChange: (trailing) => setSilence((x) => __spreadProps(__spreadValues({}, x), {
+            trailing
+          })) }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Remove silence", disabled: busyOrNo || !silence.leading && !silence.trailing, onPress: () => apply("Removing silence", "silence_remove", {
+            threshold_db: silence.db,
+            min_silence_ms: silence.minMs,
+            trim_leading: silence.leading,
+            trim_trailing: silence.trailing
+          }) })
+        ] });
+      case "reverse":
+        return /* @__PURE__ */ jsx(ApplyButton, { label: "Reverse audio", disabled: busyOrNo, onPress: () => apply("Reversing", "reverse", {}) });
+      case "convert":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ChoiceRow, { label: "Format", options: ["mp3", "wav", "aac", "ogg", "flac", "m4a"].map((v) => ({
+            value: v,
+            label: v.toUpperCase()
+          })), value: conv.format, onChange: (format) => setConv((c) => __spreadProps(__spreadValues({}, c), {
+            format
+          })) }),
+          /* @__PURE__ */ jsx(TextField, { label: "Bitrate", value: conv.bitrate, onChange: (bitrate) => setConv((c) => __spreadProps(__spreadValues({}, c), {
+            bitrate
+          })), placeholder: "192k" }),
+          /* @__PURE__ */ jsx(ChoiceRow, { label: "Sample rate", options: [{
+            value: "",
+            label: "Keep"
+          }, {
+            value: "22050",
+            label: "22.05 kHz"
+          }, {
+            value: "44100",
+            label: "44.1 kHz"
+          }, {
+            value: "48000",
+            label: "48 kHz"
+          }], value: conv.sampleRate, onChange: (sampleRate) => setConv((c) => __spreadProps(__spreadValues({}, c), {
+            sampleRate
+          })) }),
+          /* @__PURE__ */ jsx(ChoiceRow, { label: "Channels", options: [{
+            value: "",
+            label: "Keep"
+          }, {
+            value: "1",
+            label: "Mono"
+          }, {
+            value: "2",
+            label: "Stereo"
+          }], value: conv.channels, onChange: (channels) => setConv((c) => __spreadProps(__spreadValues({}, c), {
+            channels
+          })) }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: `Convert to ${conv.format.toUpperCase()}`, disabled: busyOrNo, onPress: () => apply(`Converting to ${conv.format}`, "convert", __spreadValues(__spreadValues(__spreadValues({
+            format: conv.format
+          }, conv.bitrate ? {
+            bitrate: conv.bitrate
+          } : {}), conv.sampleRate ? {
+            sample_rate: Number(conv.sampleRate)
+          } : {}), conv.channels ? {
+            channels: Number(conv.channels)
+          } : {})) })
+        ] });
+      case "mix":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(MediaUrlPicker, { label: "Track to mix in", items: audioItems, value: mixUrl, onChange: setMixUrl }),
+          /* @__PURE__ */ jsx(ChoiceRow, { label: "Duration", options: [{
+            value: "longest",
+            label: "Longest"
+          }, {
+            value: "shortest",
+            label: "Shortest"
+          }, {
+            value: "first",
+            label: "This track"
+          }], value: mixDuration, onChange: setMixDuration }),
+          /* @__PURE__ */ jsx(ToggleRow, { label: "Normalize mix", value: mixNormalize, onChange: setMixNormalize }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Mix with current", disabled: busyOrNo || !mixUrl.trim(), onPress: () => apply("Mixing", "mix", {
+            input_urls: [unwrapProxyUrl(mixUrl.trim())],
+            duration: mixDuration,
+            normalize: mixNormalize
+          }) })
+        ] });
+      case "concat":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(MediaUrlPicker, { label: "Track to append", items: audioItems, value: concatUrl, onChange: setConcatUrl }),
+          /* @__PURE__ */ jsx(SliderRow, { label: "Crossfade", value: crossfadeMs, min: 0, max: 5e3, step: 50, format: (v) => `${v} ms`, onChange: setCrossfadeMs }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Append to current", disabled: busyOrNo || !concatUrl.trim(), onPress: () => apply("Concatenating", "concat", {
+            input_urls: [unwrapProxyUrl(concatUrl.trim())],
+            crossfade_ms: crossfadeMs
+          }) })
+        ] });
+      case "extract":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(MediaUrlPicker, { label: "Video", items: videoItems, value: extractUrl, onChange: setExtractUrl, placeholder: "https://...video.mp4" }),
+          /* @__PURE__ */ jsx(Text, { style: styles.hint, children: "Extracts the audio track of a video and replaces the current audio." }),
+          /* @__PURE__ */ jsx(ApplyButton, { label: "Extract audio", disabled: busyOrNo || !extractUrl.trim(), onPress: () => apply("Extracting", "extract", {}, extractUrl.trim()) })
+        ] });
+      case "info":
+      default:
+        return probe ? /* @__PURE__ */ jsx(View, { style: styles.infoList, children: Object.entries(probe).filter(([, v]) => typeof v === "string" || typeof v === "number").map(([k, v]) => /* @__PURE__ */ jsxs(View, { style: styles.infoRow, children: [
+          /* @__PURE__ */ jsx(Text, { style: styles.infoKey, children: k.replace(/_/g, " ") }),
+          /* @__PURE__ */ jsx(Text, { style: styles.infoVal, numberOfLines: 1, children: String(v) })
+        ] }, k)) }) : /* @__PURE__ */ jsx(Text, { style: styles.hint, children: runAction ? "Reading the file\u2026" : "Info needs the host connector." });
+    }
+  })();
   return /* @__PURE__ */ jsxs(View, { style: styles.root, testID: "audio-editor", children: [
     /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
       /* @__PURE__ */ jsx(Pressable, { onPress: onClose, hitSlop: 10, accessibilityRole: "button", accessibilityLabel: "Close editor", style: ({
@@ -100,26 +471,16 @@ function AudioEditorExperience({
       ] })
     ] }),
     /* @__PURE__ */ jsxs(View, { style: styles.stage, children: [
-      /* @__PURE__ */ jsxs(View, { style: styles.wave, children: [
-        WAVE_BARS.map((h, i) => {
-          const pos = i / (WAVE_BARS.length - 1);
-          const inRange = durationMs === null || pos >= trim.startMs / durationMs - 1e-3 && pos <= trim.endMs / durationMs + 1e-3;
-          return /* @__PURE__ */ jsx(View, { style: [styles.waveBar, {
-            height: `${Math.round(h * 100)}%`
-          }, inRange && styles.waveBarOn] }, i);
-        }),
-        /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: [styles.playhead, {
-          left: `${durationMs ? Math.min(100, trim.startMs / durationMs * 100) : 0}%`
-        }] })
-      ] }),
+      /* @__PURE__ */ jsx(AudioWaveform, { peaks, durationSec, selection, playheadSec: playhead, onSelectionChange: setSelection, selectedColor: theme.edAccent }),
       /* @__PURE__ */ jsxs(Text, { style: styles.stageMeta, children: [
-        durationMs !== null ? fmt(durationMs) : "audio",
-        edited ? ` \xB7 edit ${history.length - 1}` : ""
+        selection ? `Selection ${fmtTime(selection.start)} - ${fmtTime(selection.end)}` : durationSec > 0 ? fmtTime(durationSec) : "audio",
+        edited ? ` \xB7 edit ${history.length - 1}` : "",
+        realWave ? "" : " \xB7 waveform approximate"
       ] }),
       null,
       /* @__PURE__ */ jsx(Pressable, { onPress: () => setPlaying((p) => !p), style: ({
         pressed
-      }) => [styles.playBtn, pressedStyle(pressed)], accessibilityRole: "button", accessibilityLabel: playing ? "Pause" : "Play", disabled: true, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: playing ? "pause" : "play", size: 26, color: "#0A0A0C" }) }),
+      }) => [styles.playBtn, pressedStyle(pressed)], accessibilityRole: "button", accessibilityLabel: playing ? "Pause" : selection ? "Play selection" : "Play", disabled: true, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: playing ? "pause" : "play", size: 26, color: "#0A0A0C" }) }),
       busy ? /* @__PURE__ */ jsxs(View, { style: styles.busyVeil, children: [
         /* @__PURE__ */ jsx(ActivityIndicator, { color: "#F7F7FA" }),
         /* @__PURE__ */ jsxs(Text, { style: styles.busyLabel, children: [
@@ -129,53 +490,21 @@ function AudioEditorExperience({
       ] }) : null
     ] }),
     /* @__PURE__ */ jsxs(View, { style: styles.panel, children: [
-      durationMs !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Text, { style: styles.sheetTitle, children: "Trim range" }),
-        /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
-          /* @__PURE__ */ jsx(Stepper, { label: "From", value: fmt(trim.startMs), onLess: () => setTrim((t) => __spreadProps(__spreadValues({}, t), {
-            startMs: Math.max(0, t.startMs - 500)
-          })), onMore: () => setTrim((t) => __spreadProps(__spreadValues({}, t), {
-            startMs: Math.min(t.endMs - 500, t.startMs + 500)
-          })) }),
-          /* @__PURE__ */ jsx(Stepper, { label: "To", value: fmt(trim.endMs), onLess: () => setTrim((t) => __spreadProps(__spreadValues({}, t), {
-            endMs: Math.max(t.startMs + 500, t.endMs - 500)
-          })), onMore: () => setTrim((t) => __spreadProps(__spreadValues({}, t), {
-            endMs: Math.min(durationMs, t.endMs + 500)
-          })) }),
-          /* @__PURE__ */ jsx(Pressable, { onPress: () => apply("Trimming", "YANTRA_AUDIO_EDIT_TRIM", {
-            start_ms: trim.startMs,
-            end_ms: trim.endMs
-          }), style: ({
-            pressed
-          }) => [styles.chip, styles.chipAccent, pressedStyle(pressed)], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, styles.chipLabelDark], children: "Trim" }) })
-        ] })
-      ] }) : null,
-      /* @__PURE__ */ jsx(Text, { style: styles.sheetTitle, children: "Effects" }),
-      /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
-        [0.5, 0.75, 1.25, 1.5].map((level) => /* @__PURE__ */ jsx(Pressable, { onPress: () => apply(`Volume ${level}x`, "YANTRA_AUDIO_EDIT_VOLUME", {
-          level
-        }), style: ({
-          pressed
-        }) => [styles.chip, pressedStyle(pressed)], accessibilityRole: "button", children: /* @__PURE__ */ jsxs(Text, { style: styles.chipLabel, children: [
-          level,
-          "\xD7"
-        ] }) }, level)),
-        /* @__PURE__ */ jsx(Pressable, { onPress: () => apply("Fading", "YANTRA_AUDIO_EDIT_FADE", {
-          fade_in_ms: 1e3,
-          fade_out_ms: 1e3
-        }), style: ({
-          pressed
-        }) => [styles.chip, pressedStyle(pressed)], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.chipLabel, children: "Fade" }) }),
-        /* @__PURE__ */ jsx(Pressable, { onPress: () => apply("Normalizing", "YANTRA_AUDIO_EDIT_NORMALIZE", {}), style: ({
-          pressed
-        }) => [styles.chip, pressedStyle(pressed)], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.chipLabel, children: "Normalize" }) }),
-        /* @__PURE__ */ jsx(Pressable, { onPress: () => apply("Cleaning silence", "YANTRA_AUDIO_EDIT_SILENCE_REMOVE", {}), style: ({
-          pressed
-        }) => [styles.chip, pressedStyle(pressed)], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.chipLabel, children: "Cut silence" }) }),
-        /* @__PURE__ */ jsx(Pressable, { onPress: () => apply("Reversing", "YANTRA_AUDIO_EDIT_REVERSE", {}), style: ({
+      /* @__PURE__ */ jsxs(ScrollView, { style: styles.panelScroll, keyboardShouldPersistTaps: "handled", children: [
+        /* @__PURE__ */ jsx(Text, { style: styles.sheetTitle, children: (_c = TOOLS.find((t) => t.id === tool)) == null ? void 0 : _c.label }),
+        panel
+      ] }),
+      /* @__PURE__ */ jsx(ScrollView, { horizontal: true, style: HSCROLL, showsHorizontalScrollIndicator: false, contentContainerStyle: styles.row, children: TOOLS.map((t) => {
+        const on = t.id === tool;
+        return /* @__PURE__ */ jsxs(Pressable, { onPress: () => setTool(t.id), accessibilityRole: "tab", accessibilityState: {
+          selected: on
+        }, style: ({
           pressed
-        }) => [styles.chip, pressedStyle(pressed)], accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: styles.chipLabel, children: "Reverse" }) })
-      ] })
+        }) => [styles.chip, on && styles.chipAccent, pressedStyle(pressed)], children: [
+          /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: t.icon, size: 15, color: on ? theme.edOnInk : theme.edInk }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.chipLabel, on && styles.chipLabelDark], children: t.label })
+        ] }, t.id);
+      }) })
     ] }),
     notice ? /* @__PURE__ */ jsxs(View, { style: styles.notice, children: [
       /* @__PURE__ */ jsx(Text, { style: styles.noticeText, children: notice }),
@@ -183,25 +512,6 @@ function AudioEditorExperience({
     ] }) : null
   ] });
 }
-function Stepper({
-  label,
-  value,
-  onLess,
-  onMore
-}) {
-  const theme = useCanvasTheme();
-  const styles = useMemo(() => makeStyles(theme), [theme]);
-  return /* @__PURE__ */ jsxs(View, { style: styles.stepper, children: [
-    /* @__PURE__ */ jsx(Text, { style: styles.stepperLabel, children: label }),
-    /* @__PURE__ */ jsx(Pressable, { onPress: onLess, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: `${label} less`, style: ({
-      pressed
-    }) => [styles.stepBtn, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "minus", size: 15, color: theme.edInk }) }),
-    /* @__PURE__ */ jsx(Text, { style: styles.stepperValue, children: value }),
-    /* @__PURE__ */ jsx(Pressable, { onPress: onMore, hitSlop: 8, accessibilityRole: "button", accessibilityLabel: `${label} more`, style: ({
-      pressed
-    }) => [styles.stepBtn, pressedStyle(pressed)], children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "plus", size: 15, color: theme.edInk }) })
-  ] });
-}
 const makeStyles = themedStyles((theme) => StyleSheet.create({
   root: {
     flex: 1,
@@ -325,9 +635,42 @@ const makeStyles = themedStyles((theme) => StyleSheet.create({
     borderTopLeftRadius: RADIUS.xl,
     borderTopRightRadius: RADIUS.xl
   },
-  sheetTitle: __spreadProps(__spreadValues({}, TYPE.caption), {
+  sheetTitle: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.edInk,
+    marginTop: SPACE.xs,
+    marginBottom: SPACE.sm
+  }),
+  panelScroll: {
+    maxHeight: 280
+  },
+  hint: __spreadProps(__spreadValues({}, TYPE.caption), {
+    fontWeight: "400",
     color: theme.edInk2,
-    marginTop: SPACE.xs
+    marginBottom: SPACE.sm
+  }),
+  fieldRow: {
+    flexDirection: "row",
+    gap: SPACE.sm,
+    marginBottom: SPACE.sm
+  },
+  infoList: {
+    gap: SPACE.xs,
+    paddingBottom: SPACE.sm
+  },
+  infoRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    gap: SPACE.md,
+    minHeight: 24
+  },
+  infoKey: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.edInk3,
+    textTransform: "capitalize"
+  }),
+  infoVal: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.edInk,
+    fontVariant: ["tabular-nums"],
+    flexShrink: 1
   }),
   row: {
     flexDirection: "row",
@@ -403,4 +746,4 @@ const makeStyles = themedStyles((theme) => StyleSheet.create({
   noticeDismiss: __spreadProps(__spreadValues({}, TYPE.label), {
     color: theme.edAccent
   })
-}));export{AudioEditorExperience,AudioEditorExperience as default};//# sourceMappingURL=AudioEditorExperience.js.map
+}));export{AUDIO_EDIT_ACTIONS,AudioEditorExperience,AudioEditorExperience as default};//# sourceMappingURL=AudioEditorExperience.js.map