@mieweb/ui 0.7.1 → 0.7.2

package/dist/{chunk-7VF6WO7H.cjs → chunk-Q5VBO3I5.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkGOKC4CCZ_cjs = require('./chunk-GOKC4CCZ.cjs');
-var chunkBYUV3IZV_cjs = require('./chunk-BYUV3IZV.cjs');
-var chunkDFCZPVG4_cjs = require('./chunk-DFCZPVG4.cjs');
-var chunkDAPZPT5N_cjs = require('./chunk-DAPZPT5N.cjs');
-var chunkKJPOFUF5_cjs = require('./chunk-KJPOFUF5.cjs');
-var chunkMSRU3XBH_cjs = require('./chunk-MSRU3XBH.cjs');
-var chunkA2QVQF54_cjs = require('./chunk-A2QVQF54.cjs');
-var chunkFCBQP2U4_cjs = require('./chunk-FCBQP2U4.cjs');
+var chunkYMHOF6WA_cjs = require('./chunk-YMHOF6WA.cjs');
+var chunkOGPJ3LRF_cjs = require('./chunk-OGPJ3LRF.cjs');
+var chunkS3MKIDYG_cjs = require('./chunk-S3MKIDYG.cjs');
+var chunkZBI52NP2_cjs = require('./chunk-ZBI52NP2.cjs');
+var chunkP2VTQ5AR_cjs = require('./chunk-P2VTQ5AR.cjs');
+var chunk6ECKH4DJ_cjs = require('./chunk-6ECKH4DJ.cjs');
+var chunkM26KJKZG_cjs = require('./chunk-M26KJKZG.cjs');
+var chunkNPKPCYAT_cjs = require('./chunk-NPKPCYAT.cjs');
 var chunkNUFUV43P_cjs = require('./chunk-NUFUV43P.cjs');
 var React6 = require('react');
 var classVarianceAuthority = require('class-variance-authority');
@@ -54,12 +54,12 @@ var FillerWordsModal = ({
 }) => {
   const [searchTerm, setSearchTerm] = React6__namespace.useState("");
   const [selectedFillers, setSelectedFillers] = React6__namespace.useState(
-    new Set(chunkFCBQP2U4_cjs.DEFAULT_FILLER_WORDS)
+    new Set(chunkNPKPCYAT_cjs.DEFAULT_FILLER_WORDS)
   );
   const [customWord, setCustomWord] = React6__namespace.useState("");
   const [removeSilence, setRemoveSilence] = React6__namespace.useState(false);
   const [silenceThreshold, setSilenceThreshold] = React6__namespace.useState(0.4);
-  const filteredFillers = chunkFCBQP2U4_cjs.DEFAULT_FILLER_WORDS.filter(
+  const filteredFillers = chunkNPKPCYAT_cjs.DEFAULT_FILLER_WORDS.filter(
     (word) => word.toLowerCase().includes(searchTerm.toLowerCase())
   ).sort((a, b) => {
     const countA = matchingCounts.get(a) || 0;
@@ -67,7 +67,7 @@ var FillerWordsModal = ({
     if (countB !== countA) return countB - countA;
     return a.localeCompare(b);
   });
-  const customFillers = Array.from(selectedFillers).filter((word) => !chunkFCBQP2U4_cjs.DEFAULT_FILLER_WORDS.includes(word)).filter((word) => word.toLowerCase().includes(searchTerm.toLowerCase())).sort((a, b) => {
+  const customFillers = Array.from(selectedFillers).filter((word) => !chunkNPKPCYAT_cjs.DEFAULT_FILLER_WORDS.includes(word)).filter((word) => word.toLowerCase().includes(searchTerm.toLowerCase())).sort((a, b) => {
     const countA = matchingCounts.get(a) || 0;
     const countB = matchingCounts.get(b) || 0;
     if (countB !== countA) return countB - countA;
@@ -105,7 +105,7 @@ var FillerWordsModal = ({
     onClose();
   };
   const selectAll = () => {
-    setSelectedFillers(/* @__PURE__ */ new Set([...chunkFCBQP2U4_cjs.DEFAULT_FILLER_WORDS, ...customFillers]));
+    setSelectedFillers(/* @__PURE__ */ new Set([...chunkNPKPCYAT_cjs.DEFAULT_FILLER_WORDS, ...customFillers]));
   };
   const selectNone = () => {
     setSelectedFillers(/* @__PURE__ */ new Set());
@@ -129,7 +129,7 @@ var FillerWordsModal = ({
         className: "hover:bg-muted flex cursor-pointer items-center gap-2 rounded-md px-1.5 py-1 text-sm transition-colors",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkDFCZPVG4_cjs.Checkbox,
+            chunkS3MKIDYG_cjs.Checkbox,
             {
               size: "sm",
               checked: selectedFillers.has(word),
@@ -166,7 +166,7 @@ var FillerWordsModal = ({
     );
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkKJPOFUF5_cjs.Modal,
+    chunkP2VTQ5AR_cjs.Modal,
     {
       open: isOpen,
       onOpenChange: (open) => {
@@ -174,13 +174,13 @@ var FillerWordsModal = ({
       },
       size: "lg",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkKJPOFUF5_cjs.ModalHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkKJPOFUF5_cjs.ModalTitle, { children: "Remove Filler Words" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkKJPOFUF5_cjs.ModalClose, { "aria-label": "Close modal" })
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkP2VTQ5AR_cjs.ModalHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkP2VTQ5AR_cjs.ModalTitle, { children: "Remove Filler Words" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkP2VTQ5AR_cjs.ModalClose, { "aria-label": "Close modal" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkKJPOFUF5_cjs.ModalBody, { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkP2VTQ5AR_cjs.ModalBody, { className: "flex flex-col gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMSRU3XBH_cjs.Input,
+            chunk6ECKH4DJ_cjs.Input,
             {
               size: "sm",
               type: "text",
@@ -191,12 +191,12 @@ var FillerWordsModal = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkA2QVQF54_cjs.Button, { variant: "ghost", size: "sm", onClick: selectAll, children: "Select All" }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkA2QVQF54_cjs.Button, { variant: "ghost", size: "sm", onClick: selectNone, children: "Select None" })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkM26KJKZG_cjs.Button, { variant: "ghost", size: "sm", onClick: selectAll, children: "Select All" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkM26KJKZG_cjs.Button, { variant: "ghost", size: "sm", onClick: selectNone, children: "Select None" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-muted/40 flex flex-wrap items-center gap-2 rounded-lg border px-3 py-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkDFCZPVG4_cjs.Checkbox,
+              chunkS3MKIDYG_cjs.Checkbox,
               {
                 size: "sm",
                 label: "Remove silences greater than",
@@ -205,7 +205,7 @@ var FillerWordsModal = ({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-24", children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkDAPZPT5N_cjs.Select,
+              chunkZBI52NP2_cjs.Select,
               {
                 size: "sm",
                 options: SILENCE_THRESHOLD_OPTIONS.map((t) => ({
@@ -230,7 +230,7 @@ var FillerWordsModal = ({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkMSRU3XBH_cjs.Input,
+              chunk6ECKH4DJ_cjs.Input,
               {
                 size: "sm",
                 type: "text",
@@ -247,7 +247,7 @@ var FillerWordsModal = ({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkA2QVQF54_cjs.Button,
+              chunkM26KJKZG_cjs.Button,
               {
                 variant: "secondary",
                 size: "sm",
@@ -258,7 +258,7 @@ var FillerWordsModal = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkKJPOFUF5_cjs.ModalFooter, { className: "justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkP2VTQ5AR_cjs.ModalFooter, { className: "justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground text-sm", children: [
             totalMatches,
             " items \u2022 saves ",
@@ -268,9 +268,9 @@ var FillerWordsModal = ({
             formatDuration(newDurationMs)
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkA2QVQF54_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkM26KJKZG_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
             /* @__PURE__ */ jsxRuntime.jsxs(
-              chunkA2QVQF54_cjs.Button,
+              chunkM26KJKZG_cjs.Button,
               {
                 variant: "primary",
                 size: "sm",
@@ -372,7 +372,7 @@ var WordEditorModal = ({
   const preview = isSilence ? parseSilenceSplit(inputValue) : null;
   const applyDisabled = isSilence ? !inputValue.trim() || !!preview?.error || !preview || preview.durations.length === 0 : !inputValue.trim();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkKJPOFUF5_cjs.Modal,
+    chunkP2VTQ5AR_cjs.Modal,
     {
       open: isOpen && editableWord !== null,
       onOpenChange: (open) => {
@@ -380,11 +380,11 @@ var WordEditorModal = ({
       },
       size: "md",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkKJPOFUF5_cjs.ModalHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkKJPOFUF5_cjs.ModalTitle, { children: isSilence ? "Split Silence" : "Edit Word" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkKJPOFUF5_cjs.ModalClose, { "aria-label": "Close editor" })
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkP2VTQ5AR_cjs.ModalHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkP2VTQ5AR_cjs.ModalTitle, { children: isSilence ? "Split Silence" : "Edit Word" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkP2VTQ5AR_cjs.ModalClose, { "aria-label": "Close editor" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkKJPOFUF5_cjs.ModalBody, { className: "flex flex-col gap-2", children: isSilence ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkP2VTQ5AR_cjs.ModalBody, { className: "flex flex-col gap-2", children: isSilence ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-foreground m-0 text-sm", children: [
             "Silence duration:",
             " ",
@@ -395,7 +395,7 @@ var WordEditorModal = ({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground m-0 text-xs", children: 'Enter space-separated durations to split (e.g., "1 1 4 1")' }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMSRU3XBH_cjs.Input,
+            chunk6ECKH4DJ_cjs.Input,
             {
               ref: inputRef,
               type: "text",
@@ -419,7 +419,7 @@ var WordEditorModal = ({
         ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground m-0 text-sm", children: "Edit the word text:" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkMSRU3XBH_cjs.Input,
+            chunk6ECKH4DJ_cjs.Input,
             {
               ref: inputRef,
               type: "text",
@@ -430,9 +430,9 @@ var WordEditorModal = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkKJPOFUF5_cjs.ModalFooter, { className: "justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkP2VTQ5AR_cjs.ModalFooter, { className: "justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkA2QVQF54_cjs.Button,
+            chunkM26KJKZG_cjs.Button,
             {
               variant: editableWord?.deleted ? "secondary" : "danger",
               size: "sm",
@@ -441,9 +441,9 @@ var WordEditorModal = ({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkA2QVQF54_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkM26KJKZG_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkA2QVQF54_cjs.Button,
+              chunkM26KJKZG_cjs.Button,
               {
                 variant: "primary",
                 size: "sm",
@@ -487,7 +487,7 @@ var SilenceSettingsModal = ({
   };
   const formatSeconds = (v) => `${v.toFixed(1)}s`;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkKJPOFUF5_cjs.Modal,
+    chunkP2VTQ5AR_cjs.Modal,
     {
       open: isOpen,
       onOpenChange: (open) => {
@@ -495,14 +495,14 @@ var SilenceSettingsModal = ({
       },
       size: "md",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkKJPOFUF5_cjs.ModalHeader, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkKJPOFUF5_cjs.ModalTitle, { children: "Silence Settings" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkKJPOFUF5_cjs.ModalClose, { "aria-label": "Close modal" })
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkP2VTQ5AR_cjs.ModalHeader, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkP2VTQ5AR_cjs.ModalTitle, { children: "Silence Settings" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkP2VTQ5AR_cjs.ModalClose, { "aria-label": "Close modal" })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkKJPOFUF5_cjs.ModalBody, { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkP2VTQ5AR_cjs.ModalBody, { className: "flex flex-col gap-6", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGOKC4CCZ_cjs.Slider,
+              chunkYMHOF6WA_cjs.Slider,
               {
                 label: "Minimum silence duration",
                 min: 0.1,
@@ -519,7 +519,7 @@ var SilenceSettingsModal = ({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkGOKC4CCZ_cjs.Slider,
+              chunkYMHOF6WA_cjs.Slider,
               {
                 label: "Paragraph break threshold",
                 min: threshold,
@@ -535,9 +535,9 @@ var SilenceSettingsModal = ({
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground m-0 text-xs", children: "Silences longer than this will create paragraph breaks." })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(chunkKJPOFUF5_cjs.ModalFooter, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkA2QVQF54_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkA2QVQF54_cjs.Button, { variant: "primary", size: "sm", onClick: handleApply, children: "Apply" })
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkP2VTQ5AR_cjs.ModalFooter, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkM26KJKZG_cjs.Button, { variant: "secondary", size: "sm", onClick: onClose, children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkM26KJKZG_cjs.Button, { variant: "primary", size: "sm", onClick: handleApply, children: "Apply" })
         ] })
       ]
     }
@@ -756,7 +756,7 @@ var ScriptPanel = ({
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground ml-auto text-[10px]", children: readOnly ? "read-only" : dirty ? "edited" : "live" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkA2QVQF54_cjs.Button,
+            chunkM26KJKZG_cjs.Button,
             {
               variant: "ghost",
               size: "sm",
@@ -789,9 +789,9 @@ var ScriptPanel = ({
           }
         ),
         !readOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border flex shrink-0 items-center gap-2 border-t px-3 py-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkA2QVQF54_cjs.Button, { size: "sm", onClick: handleApply, disabled: !dirty, children: "Apply" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkM26KJKZG_cjs.Button, { size: "sm", onClick: handleApply, disabled: !dirty, children: "Apply" }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkA2QVQF54_cjs.Button,
+            chunkM26KJKZG_cjs.Button,
             {
               variant: "ghost",
               size: "sm",
@@ -823,6 +823,22 @@ var mediaEditorVariants = classVarianceAuthority.cva(
     }
   }
 );
+function scrollWordIntoTranscript(container, wordIndex) {
+  if (!container) return;
+  if (container.scrollHeight <= container.clientHeight) return;
+  const el = container.querySelector(`[data-word-index="${wordIndex}"]`);
+  if (!el) return;
+  const containerBox = container.getBoundingClientRect();
+  const wordBox = el.getBoundingClientRect();
+  const above = wordBox.top - containerBox.top;
+  const below = wordBox.bottom - containerBox.bottom;
+  const delta = above < 0 ? above : below > 0 ? below : 0;
+  if (delta === 0) return;
+  container.scrollTo({
+    top: container.scrollTop + delta,
+    behavior: "smooth"
+  });
+}
 function formatDuration2(ms) {
   const totalSeconds = Math.round(ms / 1e3);
   if (totalSeconds < 90) {
@@ -882,6 +898,11 @@ function wordClassName(s) {
   if (s.hasSpeedMarker) {
     parts.push("ml-0.5 border-l-[3px] border-l-warning pl-1.5");
   }
+  if (s.isSped) {
+    parts.push(
+      "underline decoration-warning decoration-dotted decoration-2 underline-offset-4"
+    );
+  }
   return parts.join(" ");
 }
 var Caret = ({ side }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -898,18 +919,29 @@ var MediaEditor = React6__namespace.forwardRef(
     transcript,
     initialEditedWords,
     initialUndoStack,
+    initialSpeedMarkers,
+    initialDefaultSpeed,
     onEditorStateChange,
     onHasEditsChange,
     onCursorTimestampChange,
     onEditedWordsRender,
+    onSpeedStateChange,
+    onUndoBeyond,
+    canUndoBeyond = false,
+    undoBeyondLabel,
+    onRedo,
+    canRedo = false,
+    redoLabel,
     playerRef: externalPlayerRef,
     className,
     splitLayout
   }, ref) => {
-    const edits = chunkFCBQP2U4_cjs.useTranscriptEdits({
+    const edits = chunkNPKPCYAT_cjs.useTranscriptEdits({
       transcript,
       initialEditedWords,
       initialUndoStack,
+      initialSpeedMarkers,
+      initialDefaultSpeed,
       onChange: onEditorStateChange
     });
     const {
@@ -918,6 +950,8 @@ var MediaEditor = React6__namespace.forwardRef(
       clipboard,
       hasEdits,
       undo,
+      redo,
+      canRedo: canRedoWords,
       toggleWordDeleted,
       deleteRange,
       cut,
@@ -934,6 +968,7 @@ var MediaEditor = React6__namespace.forwardRef(
       defaultSpeed,
       setDefaultSpeed,
       toggleSpeedMarker,
+      setSpeedForRange,
       removeSpeedMarker,
       getSpeedAtIndex,
       getSpeedMarkerAtIndex,
@@ -941,6 +976,9 @@ var MediaEditor = React6__namespace.forwardRef(
       stats,
       fillerAnalysis
     } = edits;
+    const canUndoAnything = undoStack.length > 0 || canUndoBeyond && !!onUndoBeyond;
+    const canRedoAnything = canRedoWords || canRedo && !!onRedo;
+    const showUndoRedo = canUndoAnything || canRedoAnything || !!onRedo;
     const [activeWordIndex, setActiveWordIndex] = React6__namespace.useState(
       null
     );
@@ -987,6 +1025,10 @@ var MediaEditor = React6__namespace.forwardRef(
       null
     );
     const longPressTriggered = React6__namespace.useRef(false);
+    const selectionAnchorRef = React6__namespace.useRef(null);
+    const dragPointer = React6__namespace.useRef(null);
+    const dragScrollFrame = React6__namespace.useRef(null);
+    const dragListeners = React6__namespace.useRef(null);
     const wordPlaybackStartMs = React6__namespace.useRef(null);
     const wordPlaybackEndMs = React6__namespace.useRef(null);
     const sequenceSegments = React6__namespace.useRef([]);
@@ -997,6 +1039,13 @@ var MediaEditor = React6__namespace.forwardRef(
     React6__namespace.useEffect(() => {
       onEditedWordsRender?.(editedWords);
     }, [editedWords, onEditedWordsRender]);
+    const onSpeedStateChangeRef = React6__namespace.useRef(onSpeedStateChange);
+    React6__namespace.useEffect(() => {
+      onSpeedStateChangeRef.current = onSpeedStateChange;
+    });
+    React6__namespace.useEffect(() => {
+      onSpeedStateChangeRef.current?.(speedMarkers, defaultSpeed);
+    }, [speedMarkers, defaultSpeed]);
     React6__namespace.useEffect(() => {
       if (onCursorTimestampChange) {
         const word = editedWords[cursorIndex];
@@ -1034,13 +1083,10 @@ var MediaEditor = React6__namespace.forwardRef(
     }, [activeWordIndex]);
     React6__namespace.useEffect(() => {
       if (activeWordIndex === null) return;
-      const el = contentRef.current?.querySelector(
-        `[data-word-index="${activeWordIndex}"]`
-      );
-      el?.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      scrollWordIntoTranscript(contentRef.current, activeWordIndex);
     }, [activeWordIndex]);
     React6__namespace.useEffect(() => {
-      contentRef.current?.focus();
+      contentRef.current?.focus({ preventScroll: true });
     }, [transcript]);
     React6__namespace.useEffect(() => {
       const player = playerRef.current;
@@ -1236,6 +1282,157 @@ var MediaEditor = React6__namespace.forwardRef(
         setSelection(null);
       }
     };
+    const AUTOSCROLL_EDGE_PX = 24;
+    const AUTOSCROLL_MAX_STEP_PX = 24;
+    const extendDragSelection = (index) => {
+      const anchor = selectionAnchorRef.current;
+      if (!isDragging.current || anchor === null) return;
+      setSelection({
+        start: Math.min(anchor, index),
+        end: Math.max(anchor, index)
+      });
+      setCursorIndex(index);
+    };
+    const wordIndexAtPoint = (x, y) => {
+      const span = document.elementFromPoint?.(x, y)?.closest?.("[data-word-index]");
+      if (!span) return null;
+      const parsed = Number(span.dataset.wordIndex);
+      return Number.isInteger(parsed) ? parsed : null;
+    };
+    const extendSelectionToPointer = () => {
+      const container = contentRef.current;
+      const pointer = dragPointer.current;
+      if (!container || !pointer) return;
+      const rect = container.getBoundingClientRect();
+      const top = Math.max(rect.top, 0);
+      const bottom = Math.min(rect.bottom, window.innerHeight);
+      const left = Math.max(rect.left, 0);
+      const right = Math.min(rect.right, window.innerWidth);
+      if (bottom <= top || right <= left) return;
+      const y = Math.min(Math.max(pointer.y, top + 2), bottom - 2);
+      const x = Math.min(Math.max(pointer.x, left + 2), right - 2);
+      for (const rawX of [x, left + (right - left) / 2, left + 16]) {
+        const probeX = Math.min(Math.max(rawX, left + 2), right - 2);
+        const index = wordIndexAtPoint(probeX, y);
+        if (index !== null) {
+          extendDragSelection(index);
+          return;
+        }
+      }
+      const spans = container.querySelectorAll("[data-word-index]");
+      if (spans.length === 0) return;
+      if (spans[0].getBoundingClientRect().top > y) {
+        const parsed = Number(spans[0].dataset.wordIndex);
+        if (Number.isInteger(parsed)) extendDragSelection(parsed);
+        return;
+      }
+      for (let i = spans.length - 1; i >= 0; i--) {
+        const spanRect = spans[i].getBoundingClientRect();
+        if (spanRect.top <= y) {
+          const parsed = Number(spans[i].dataset.wordIndex);
+          if (Number.isInteger(parsed)) extendDragSelection(parsed);
+          return;
+        }
+      }
+    };
+    const stepDragAutoScroll = () => {
+      dragScrollFrame.current = null;
+      const container = contentRef.current;
+      const pointer = dragPointer.current;
+      if (!isDragging.current || !container || !pointer) return;
+      const rect = container.getBoundingClientRect();
+      const top = Math.max(rect.top, 0);
+      const bottom = Math.min(rect.bottom, window.innerHeight);
+      if (bottom <= top) {
+        dragScrollFrame.current = requestAnimationFrame(stepDragAutoScroll);
+        return;
+      }
+      let step = 0;
+      if (pointer.y < top + AUTOSCROLL_EDGE_PX) {
+        step = Math.max(
+          (pointer.y - (top + AUTOSCROLL_EDGE_PX)) / 3,
+          -AUTOSCROLL_MAX_STEP_PX
+        );
+      } else if (pointer.y > bottom - AUTOSCROLL_EDGE_PX) {
+        step = Math.min(
+          (pointer.y - (bottom - AUTOSCROLL_EDGE_PX)) / 3,
+          AUTOSCROLL_MAX_STEP_PX
+        );
+      }
+      if (step !== 0) {
+        const before = container.scrollTop;
+        container.scrollTop += step;
+        if (container.scrollTop !== before) {
+          extendSelectionToPointer();
+        }
+      }
+      dragScrollFrame.current = requestAnimationFrame(stepDragAutoScroll);
+    };
+    const detachDragListeners = () => {
+      if (dragListeners.current) {
+        document.removeEventListener("mousemove", dragListeners.current.move);
+        document.removeEventListener("mouseup", dragListeners.current.up);
+        dragListeners.current = null;
+      }
+      if (dragScrollFrame.current !== null) {
+        cancelAnimationFrame(dragScrollFrame.current);
+        dragScrollFrame.current = null;
+      }
+    };
+    const handleMouseUp = () => {
+      if (longPressTimer.current) {
+        clearTimeout(longPressTimer.current);
+        longPressTimer.current = null;
+      }
+      if (isDragging.current) {
+        isDragging.current = false;
+      }
+      detachDragListeners();
+    };
+    const beginDragTracking = () => {
+      detachDragListeners();
+      const up = () => handleMouseUp();
+      const move = (e) => {
+        if (!isDragging.current) return;
+        if (e.buttons === 0) {
+          up();
+          return;
+        }
+        dragPointer.current = { x: e.clientX, y: e.clientY };
+        const container = contentRef.current;
+        if (container && longPressTimer.current) {
+          const rect = container.getBoundingClientRect();
+          const outside = e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom;
+          if (outside) {
+            clearTimeout(longPressTimer.current);
+            longPressTimer.current = null;
+          }
+        }
+        extendSelectionToPointer();
+      };
+      dragListeners.current = { move, up };
+      document.addEventListener("mousemove", move);
+      document.addEventListener("mouseup", up);
+      dragScrollFrame.current = requestAnimationFrame(stepDragAutoScroll);
+    };
+    React6__namespace.useEffect(
+      () => () => {
+        if (dragListeners.current) {
+          document.removeEventListener("mousemove", dragListeners.current.move);
+          document.removeEventListener("mouseup", dragListeners.current.up);
+          dragListeners.current = null;
+        }
+        if (dragScrollFrame.current !== null) {
+          cancelAnimationFrame(dragScrollFrame.current);
+          dragScrollFrame.current = null;
+        }
+        if (longPressTimer.current) {
+          clearTimeout(longPressTimer.current);
+          longPressTimer.current = null;
+        }
+      },
+      []
+    );
     const handleWordMouseDown = (index, e) => {
       if (e.button !== 0) return;
       longPressTriggered.current = false;
@@ -1244,31 +1441,20 @@ var MediaEditor = React6__namespace.forwardRef(
         openWordEditor(index);
       }, 500);
       isDragging.current = true;
+      selectionAnchorRef.current = index;
+      dragPointer.current = { x: e.clientX, y: e.clientY };
       setSelectionAnchor(index);
       setCursorIndex(index);
       setCursorPosition("before");
       setSelection(null);
+      beginDragTracking();
     };
     const handleWordMouseEnter = (index) => {
       if (longPressTimer.current) {
         clearTimeout(longPressTimer.current);
         longPressTimer.current = null;
       }
-      if (!isDragging.current || selectionAnchor === null) return;
-      setSelection({
-        start: Math.min(selectionAnchor, index),
-        end: Math.max(selectionAnchor, index)
-      });
-      setCursorIndex(index);
-    };
-    const handleMouseUp = () => {
-      if (longPressTimer.current) {
-        clearTimeout(longPressTimer.current);
-        longPressTimer.current = null;
-      }
-      if (isDragging.current) {
-        isDragging.current = false;
-      }
+      extendDragSelection(index);
     };
     const handleWordContextMenu = (index, e) => {
       e.preventDefault();
@@ -1307,6 +1493,10 @@ var MediaEditor = React6__namespace.forwardRef(
         } else if ((e.metaKey || e.ctrlKey) && e.key === "z" && !e.shiftKey) {
           undo();
           handled = true;
+        } else if ((e.metaKey || e.ctrlKey) && (e.key === "z" && e.shiftKey || e.key === "y")) {
+          if (canRedoWords) redo();
+          else if (canRedo && onRedo) onRedo();
+          handled = true;
         } else if (e.key === "ArrowLeft") {
           if (cursorPosition === "after") {
             setCursorPosition("before");
@@ -1420,10 +1610,7 @@ var MediaEditor = React6__namespace.forwardRef(
             setSelection(null);
             setSelectionAnchor(null);
           }
-          const wordElement = contentRef.current?.querySelector(
-            `[data-word-index="${newIndex}"]`
-          );
-          wordElement?.scrollIntoView({ block: "nearest", behavior: "smooth" });
+          scrollWordIntoTranscript(contentRef.current, newIndex);
         }
       },
       [
@@ -1438,6 +1625,10 @@ var MediaEditor = React6__namespace.forwardRef(
         handleCut,
         handlePaste,
         undo,
+        redo,
+        canRedoWords,
+        canRedo,
+        onRedo,
         openWordEditor
       ]
     );
@@ -1485,7 +1676,8 @@ var MediaEditor = React6__namespace.forwardRef(
               isSilenceNewline,
               isAnchor,
               isFocused,
-              hasSpeedMarker
+              hasSpeedMarker,
+              isSped: effectiveSpeed !== defaultSpeed
             }),
             onClick: (e) => handleWordClick(ew.word, index, e),
             onDoubleClick: (e) => handleWordDoubleClick(index, e),
@@ -1532,9 +1724,9 @@ var MediaEditor = React6__namespace.forwardRef(
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
-                    className: `border-border bg-background min-h-0 shrink-0 ${splitLayout === "vertical" ? "md:w-1/2 md:border-r" : "max-h-[50%] border-b"}`,
+                    className: `border-border bg-background flex min-h-0 shrink-0 ${splitLayout === "vertical" ? "max-h-[55dvh] md:max-h-none md:w-1/2 md:border-r" : "max-h-[55dvh] border-b md:max-h-[50%]"}`,
                     children: /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkBYUV3IZV_cjs.MediaPlayer,
+                      chunkOGPJ3LRF_cjs.MediaPlayer,
                       {
                         ref: playerRef,
                         src,
@@ -1563,7 +1755,7 @@ var MediaEditor = React6__namespace.forwardRef(
                             }
                           ),
                           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20", children: /* @__PURE__ */ jsxRuntime.jsx(
-                            chunkDAPZPT5N_cjs.Select,
+                            chunkZBI52NP2_cjs.Select,
                             {
                               id: "media-editor-default-speed",
                               size: "sm",
@@ -1589,7 +1781,7 @@ var MediaEditor = React6__namespace.forwardRef(
                             }
                           ),
                           /* @__PURE__ */ jsxRuntime.jsx(
-                            chunkA2QVQF54_cjs.Button,
+                            chunkM26KJKZG_cjs.Button,
                             {
                               variant: "ghost",
                               size: "sm",
@@ -1599,25 +1791,42 @@ var MediaEditor = React6__namespace.forwardRef(
                               children: "\u2702\uFE0F"
                             }
                           ),
-                          undoStack.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-                            chunkA2QVQF54_cjs.Button,
+                          showUndoRedo && /* @__PURE__ */ jsxRuntime.jsxs(
+                            chunkM26KJKZG_cjs.Button,
                             {
                               variant: "ghost",
                               size: "sm",
-                              onClick: undo,
-                              "aria-label": `Undo (${undoStack.length} available)`,
-                              title: "Undo (\u2318Z)",
+                              disabled: !canUndoAnything,
+                              onClick: undoStack.length > 0 ? undo : onUndoBeyond,
+                              "aria-label": undoStack.length > 0 ? `Undo (${undoStack.length} available)` : canUndoBeyond && undoBeyondLabel ? `Undo: ${undoBeyondLabel}` : "Undo",
+                              title: undoStack.length > 0 ? `Undo (\u2318Z) \u2014 ${undoStack.length} step${undoStack.length === 1 ? "" : "s"}` : canUndoBeyond ? undoBeyondLabel ? `Undo (\u2318Z) \u2014 back to "${undoBeyondLabel}"` : "Undo (\u2318Z)" : "Nothing to undo",
                               children: [
-                                "Undo (",
-                                undoStack.length,
-                                ")"
+                                "Undo",
+                                undoStack.length > 0 ? ` (${undoStack.length})` : "",
+                                " ",
+                                /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "text-[10px] opacity-60", children: "\u2318Z" })
+                              ]
+                            }
+                          ),
+                          showUndoRedo && /* @__PURE__ */ jsxRuntime.jsxs(
+                            chunkM26KJKZG_cjs.Button,
+                            {
+                              variant: "ghost",
+                              size: "sm",
+                              onClick: canRedoWords ? redo : onRedo,
+                              disabled: !canRedoAnything,
+                              "aria-label": !canRedoWords && canRedo && redoLabel ? `Redo: ${redoLabel}` : "Redo",
+                              title: canRedoWords ? "Redo (\u21E7\u2318Z)" : canRedo && redoLabel ? `Redo (\u21E7\u2318Z) \u2014 forward to "${redoLabel}"` : canRedo ? "Redo (\u21E7\u2318Z)" : "Nothing to redo",
+                              children: [
+                                "Redo ",
+                                /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "text-[10px] opacity-60", children: "\u21E7\u2318Z" })
                               ]
                             }
                           )
                         ] }),
                         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-xs", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(
-                            chunkA2QVQF54_cjs.Button,
+                            chunkM26KJKZG_cjs.Button,
                             {
                               variant: "ghost",
                               size: "sm",
@@ -1659,7 +1868,7 @@ var MediaEditor = React6__namespace.forwardRef(
                       ] }),
                       showEditBar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border bg-muted/40 flex shrink-0 items-center gap-1 border-b px-3 py-1", children: [
                         /* @__PURE__ */ jsxRuntime.jsxs(
-                          chunkA2QVQF54_cjs.Button,
+                          chunkM26KJKZG_cjs.Button,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -1672,7 +1881,7 @@ var MediaEditor = React6__namespace.forwardRef(
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsxs(
-                          chunkA2QVQF54_cjs.Button,
+                          chunkM26KJKZG_cjs.Button,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -1685,7 +1894,7 @@ var MediaEditor = React6__namespace.forwardRef(
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsxs(
-                          chunkA2QVQF54_cjs.Button,
+                          chunkM26KJKZG_cjs.Button,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -1698,7 +1907,7 @@ var MediaEditor = React6__namespace.forwardRef(
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsxs(
-                          chunkA2QVQF54_cjs.Button,
+                          chunkM26KJKZG_cjs.Button,
                           {
                             variant: "ghost",
                             size: "sm",
@@ -1723,7 +1932,6 @@ var MediaEditor = React6__namespace.forwardRef(
                           onFocus: () => setIsFocused(true),
                           onBlur: () => setIsFocused(false),
                           onMouseUp: handleMouseUp,
-                          onMouseLeave: handleMouseUp,
                           role: "listbox",
                           "aria-label": "Transcript words",
                           "aria-activedescendant": `word-${cursorIndex}`,
@@ -1787,7 +1995,10 @@ var MediaEditor = React6__namespace.forwardRef(
               currentMarker: speedMenuWordIndex !== null ? getSpeedMarkerAtIndex(speedMenuWordIndex) : void 0,
               defaultSpeed,
               onSetSpeed: (speed) => {
-                if (speedMenuWordIndex !== null) {
+                if (speedMenuWordIndex === null) return;
+                if (selection) {
+                  setSpeedForRange(selection.start, selection.end, speed);
+                } else {
                   toggleSpeedMarker(speedMenuWordIndex, speed);
                 }
               },
@@ -1814,5 +2025,5 @@ exports.MediaEditor = MediaEditor;
 exports.SilenceSettingsModal = SilenceSettingsModal;
 exports.SpeedMarkerMenu = SpeedMarkerMenu;
 exports.WordEditorModal = WordEditorModal;
-//# sourceMappingURL=chunk-7VF6WO7H.cjs.map
-//# sourceMappingURL=chunk-7VF6WO7H.cjs.map
+//# sourceMappingURL=chunk-Q5VBO3I5.cjs.map
+//# sourceMappingURL=chunk-Q5VBO3I5.cjs.map