lyrics-transcriber 0.46.0__py3-none-any.whl → 0.48.0__py3-none-any.whl

lyrics_transcriber/frontend/dist/assets/{index-BXOpmKq-.js → index-BvRLUQmZ.js}

@@ -33018,7 +33018,7 @@ function useWordClick({
         gap2 = matchingGap2;
       }
     }
-    if (mode === "highlight" || mode === "edit") {
+    if (mode === "highlight" || mode === "edit" || mode === "delete_word") {
       if (belongsToAnchor && anchor) {
         onWordClick == null ? void 0 : onWordClick({
           word_id: wordId,
@@ -33050,7 +33050,7 @@ function useWordClick({
           gap: void 0
         });
       }
-    } else if (mode === "details") {
+    } else {
       if (belongsToAnchor && anchor) {
         onElementClick({
           type: "anchor",
@@ -33650,6 +33650,243 @@ function SegmentDetailsModal({
 const PlayCircleOutlineIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("path", {
   d: "m10 16.5 6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
 }), "PlayCircleOutline");
+const DeleteOutlineIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z"
+}), "DeleteOutline");
+const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+let nanoid = (size = 21) => {
+  let id = "";
+  let bytes = crypto.getRandomValues(new Uint8Array(size |= 0));
+  while (size--) {
+    id += urlAlphabet[bytes[size] & 63];
+  }
+  return id;
+};
+const addSegmentBefore = (data, beforeIndex) => {
+  const newData = { ...data };
+  const beforeSegment = newData.corrected_segments[beforeIndex];
+  const newStartTime = Math.max(0, (beforeSegment.start_time ?? 1) - 1);
+  const newEndTime = newStartTime + 1;
+  const newSegment = {
+    id: nanoid(),
+    text: "REPLACE",
+    start_time: newStartTime,
+    end_time: newEndTime,
+    words: [{
+      id: nanoid(),
+      text: "REPLACE",
+      start_time: newStartTime,
+      end_time: newEndTime,
+      confidence: 1
+    }]
+  };
+  newData.corrected_segments.splice(beforeIndex, 0, newSegment);
+  return newData;
+};
+const splitSegment = (data, segmentIndex, afterWordIndex) => {
+  const newData = { ...data };
+  const segment = newData.corrected_segments[segmentIndex];
+  const firstHalfWords = segment.words.slice(0, afterWordIndex + 1);
+  const secondHalfWords = segment.words.slice(afterWordIndex + 1);
+  if (secondHalfWords.length === 0) return null;
+  const lastFirstWord = firstHalfWords[firstHalfWords.length - 1];
+  const firstSecondWord = secondHalfWords[0];
+  const lastSecondWord = secondHalfWords[secondHalfWords.length - 1];
+  const firstSegment = {
+    ...segment,
+    words: firstHalfWords,
+    text: firstHalfWords.map((w) => w.text).join(" "),
+    end_time: lastFirstWord.end_time ?? null
+  };
+  const secondSegment = {
+    id: nanoid(),
+    words: secondHalfWords,
+    text: secondHalfWords.map((w) => w.text).join(" "),
+    start_time: firstSecondWord.start_time ?? null,
+    end_time: lastSecondWord.end_time ?? null
+  };
+  newData.corrected_segments.splice(segmentIndex, 1, firstSegment, secondSegment);
+  return newData;
+};
+const deleteSegment = (data, segmentIndex) => {
+  const newData = { ...data };
+  const deletedSegment = newData.corrected_segments[segmentIndex];
+  newData.corrected_segments = newData.corrected_segments.filter((_, index) => index !== segmentIndex);
+  newData.anchor_sequences = newData.anchor_sequences.map((anchor) => ({
+    ...anchor,
+    transcribed_word_ids: anchor.transcribed_word_ids.filter(
+      (wordId) => !deletedSegment.words.some((deletedWord) => deletedWord.id === wordId)
+    )
+  }));
+  newData.gap_sequences = newData.gap_sequences.map((gap2) => ({
+    ...gap2,
+    transcribed_word_ids: gap2.transcribed_word_ids.filter(
+      (wordId) => !deletedSegment.words.some((deletedWord) => deletedWord.id === wordId)
+    )
+  }));
+  return newData;
+};
+const updateSegment = (data, segmentIndex, updatedSegment) => {
+  const newData = { ...data };
+  updatedSegment.words = updatedSegment.words.map((word) => ({
+    ...word,
+    id: word.id || nanoid()
+  }));
+  newData.corrected_segments[segmentIndex] = updatedSegment;
+  return newData;
+};
+function mergeSegment(data, segmentIndex, mergeWithNext) {
+  const segments = [...data.corrected_segments];
+  const targetIndex = mergeWithNext ? segmentIndex + 1 : segmentIndex - 1;
+  if (targetIndex < 0 || targetIndex >= segments.length) {
+    return data;
+  }
+  const baseSegment = segments[segmentIndex];
+  const targetSegment = segments[targetIndex];
+  const mergedSegment = {
+    id: nanoid(),
+    words: mergeWithNext ? [...baseSegment.words, ...targetSegment.words] : [...targetSegment.words, ...baseSegment.words],
+    text: mergeWithNext ? `${baseSegment.text} ${targetSegment.text}` : `${targetSegment.text} ${baseSegment.text}`,
+    start_time: Math.min(
+      baseSegment.start_time ?? Infinity,
+      targetSegment.start_time ?? Infinity
+    ),
+    end_time: Math.max(
+      baseSegment.end_time ?? -Infinity,
+      targetSegment.end_time ?? -Infinity
+    )
+  };
+  const minIndex = Math.min(segmentIndex, targetIndex);
+  segments.splice(minIndex, 2, mergedSegment);
+  return {
+    ...data,
+    corrected_segments: segments
+  };
+}
+function findAndReplace(data, findText, replaceText, options = {
+  caseSensitive: false,
+  useRegex: false,
+  fullTextMode: false
+}) {
+  const newData = { ...data };
+  if (options.fullTextMode) {
+    newData.corrected_segments = data.corrected_segments.map((segment) => {
+      let pattern;
+      if (options.useRegex) {
+        pattern = new RegExp(findText, options.caseSensitive ? "g" : "gi");
+      } else {
+        const escapedFindText = findText.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+        pattern = new RegExp(escapedFindText, options.caseSensitive ? "g" : "gi");
+      }
+      const segmentText = segment.text;
+      if (!pattern.test(segmentText)) {
+        return segment;
+      }
+      pattern.lastIndex = 0;
+      const newSegmentText = segmentText.replace(pattern, replaceText);
+      const newWordTexts = newSegmentText.trim().split(/\s+/).filter((text) => text.length > 0);
+      const newWords = [];
+      if (newWordTexts.length === segment.words.length) {
+        for (let i = 0; i < newWordTexts.length; i++) {
+          newWords.push({
+            ...segment.words[i],
+            text: newWordTexts[i]
+          });
+        }
+      } else if (newWordTexts.length < segment.words.length) {
+        let oldWordIndex = 0;
+        for (let i = 0; i < newWordTexts.length; i++) {
+          while (oldWordIndex < segment.words.length && segment.words[oldWordIndex].text.trim() === "") {
+            oldWordIndex++;
+          }
+          if (oldWordIndex < segment.words.length) {
+            newWords.push({
+              ...segment.words[oldWordIndex],
+              text: newWordTexts[i]
+            });
+            oldWordIndex++;
+          } else {
+            newWords.push({
+              id: nanoid(),
+              text: newWordTexts[i],
+              start_time: null,
+              end_time: null
+            });
+          }
+        }
+      } else {
+        for (let i = 0; i < newWordTexts.length; i++) {
+          if (i < segment.words.length) {
+            newWords.push({
+              ...segment.words[i],
+              text: newWordTexts[i]
+            });
+          } else {
+            newWords.push({
+              id: nanoid(),
+              text: newWordTexts[i],
+              start_time: null,
+              end_time: null
+            });
+          }
+        }
+      }
+      return {
+        ...segment,
+        words: newWords,
+        text: newSegmentText
+      };
+    });
+  } else {
+    newData.corrected_segments = data.corrected_segments.map((segment) => {
+      let newWords = segment.words.map((word) => {
+        let pattern;
+        if (options.useRegex) {
+          pattern = new RegExp(findText, options.caseSensitive ? "g" : "gi");
+        } else {
+          const escapedFindText = findText.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+          pattern = new RegExp(escapedFindText, options.caseSensitive ? "g" : "gi");
+        }
+        return {
+          ...word,
+          text: word.text.replace(pattern, replaceText)
+        };
+      });
+      newWords = newWords.filter((word) => word.text.trim() !== "");
+      return {
+        ...segment,
+        words: newWords,
+        text: newWords.map((w) => w.text).join(" ")
+      };
+    });
+  }
+  newData.corrected_segments = newData.corrected_segments.filter((segment) => segment.words.length > 0);
+  return newData;
+}
+function deleteWord(data, wordId) {
+  const segmentIndex = data.corrected_segments.findIndex(
+    (segment2) => segment2.words.some((word) => word.id === wordId)
+  );
+  if (segmentIndex === -1) {
+    return data;
+  }
+  const segment = data.corrected_segments[segmentIndex];
+  const wordIndex = segment.words.findIndex((word) => word.id === wordId);
+  if (wordIndex === -1) {
+    return data;
+  }
+  const updatedWords = segment.words.filter((_, index) => index !== wordIndex);
+  if (updatedWords.length > 0) {
+    const updatedSegment = {
+      ...segment,
+      words: updatedWords,
+      text: updatedWords.map((w) => w.text).join(" ")
+    };
+    return updateSegment(data, segmentIndex, updatedSegment);
+  } else {
+    return deleteSegment(data, segmentIndex);
+  }
+}
 const SegmentIndex = styled(Typography)(({ theme: theme2 }) => ({
   color: theme2.palette.text.secondary,
   width: "1.8em",
@@ -33688,9 +33925,16 @@ function TranscriptionView({
   mode,
   onPlaySegment,
   currentTime = 0,
-  anchors = []
+  anchors = [],
+  onDataChange
 }) {
   const [selectedSegmentIndex, setSelectedSegmentIndex] = reactExports.useState(null);
+  const handleDeleteSegment = (segmentIndex) => {
+    if (onDataChange) {
+      const updatedData = deleteSegment(data, segmentIndex);
+      onDataChange(updatedData);
+    }
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Paper, { sx: { p: 0.8 }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center", mb: 0.5 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "h6", sx: { fontSize: "0.9rem", mb: 0 }, children: "Corrected Transcription" }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { display: "flex", flexDirection: "column", gap: 0.2 }, children: data.corrected_segments.map((segment, segmentIndex) => {
@@ -33745,6 +33989,22 @@ function TranscriptionView({
               children: segmentIndex
             }
           ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            IconButton,
+            {
+              size: "small",
+              onClick: () => handleDeleteSegment(segmentIndex),
+              sx: {
+                padding: "1px",
+                height: "18px",
+                width: "18px",
+                minHeight: "18px",
+                minWidth: "18px"
+              },
+              title: "Delete segment",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteOutlineIcon, { sx: { fontSize: "0.9rem", color: "error.main" } })
+            }
+          ),
           segment.start_time !== null && /* @__PURE__ */ jsxRuntimeExports.jsx(
             IconButton,
             {
@@ -33757,6 +34017,7 @@ function TranscriptionView({
                 minHeight: "18px",
                 minWidth: "18px"
               },
+              title: "Play segment",
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(PlayCircleOutlineIcon, { sx: { fontSize: "0.9rem" } })
             }
           )
@@ -33794,15 +34055,6 @@ function TranscriptionView({
 const StopIcon = createSvgIcon(/* @__PURE__ */ jsxRuntimeExports.jsx("path", {
   d: "M6 6h12v12H6z"
 }), "Stop");
-const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-let nanoid = (size = 21) => {
-  let id = "";
-  let bytes = crypto.getRandomValues(new Uint8Array(size |= 0));
-  while (size--) {
-    id += urlAlphabet[bytes[size] & 63];
-  }
-  return id;
-};
 const TAP_THRESHOLD_MS = 200;
 const DEFAULT_WORD_DURATION = 1;
 const OVERLAP_BUFFER = 0.01;
@@ -34766,9 +35018,16 @@ const WordRow = reactExports.memo(function WordRow2({
   onWordUpdate,
   onSplitWord,
   onRemoveWord,
-  wordsLength
+  wordsLength,
+  onTabNavigation
 }) {
   var _a, _b;
+  const handleKeyDown = (e) => {
+    if (e.key === "Tab" && !e.shiftKey) {
+      e.preventDefault();
+      onTabNavigation(index);
+    }
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: {
     display: "flex",
     gap: 2,
@@ -34781,8 +35040,10 @@ const WordRow = reactExports.memo(function WordRow2({
         label: `Word ${index}`,
         value: word.text,
         onChange: (e) => onWordUpdate(index, { text: e.target.value }),
+        onKeyDown: handleKeyDown,
         fullWidth: true,
-        size: "small"
+        size: "small",
+        id: `word-text-${index}`
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -34844,7 +35105,8 @@ const WordItem = reactExports.memo(function WordItem2({
   onAddSegment,
   onMergeSegment,
   wordsLength,
-  isGlobal
+  isGlobal,
+  onTabNavigation
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -34855,7 +35117,8 @@ const WordItem = reactExports.memo(function WordItem2({
         onWordUpdate,
         onSplitWord,
         onRemoveWord,
-        wordsLength
+        wordsLength,
+        onTabNavigation
       }
     ),
     !isGlobal && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -34915,6 +35178,33 @@ function EditWordList({
   const handlePageChange = (_event, value) => {
     setPage(value);
   };
+  const handleTabNavigation = (currentIndex) => {
+    const nextIndex = (currentIndex + 1) % words.length;
+    if (isGlobal && (nextIndex < startIndex || nextIndex >= endIndex)) {
+      const nextPage = Math.floor(nextIndex / pageSize) + 1;
+      setPage(nextPage);
+      setTimeout(() => {
+        focusWordTextField(nextIndex);
+      }, 50);
+    } else {
+      focusWordTextField(nextIndex);
+    }
+  };
+  const focusWordTextField = (index) => {
+    const element = document.getElementById(`word-text-${index}`);
+    if (element) {
+      let input = element.querySelector("input");
+      if (!input) {
+        input = element.querySelector(".MuiInputBase-input");
+      }
+      if (input) {
+        input.focus();
+        input.select();
+      } else {
+        element.focus();
+      }
+    }
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 1, flexGrow: 1, minHeight: 0 }, children: [
     !isGlobal && /* @__PURE__ */ jsxRuntimeExports.jsx(
       WordDivider,
@@ -34966,7 +35256,8 @@ function EditWordList({
           onAddSegment,
           onMergeSegment,
           wordsLength: words.length,
-          isGlobal
+          isGlobal,
+          onTabNavigation: handleTabNavigation
         },
         word.id
       );
@@ -35179,15 +35470,6 @@ function EditModal({
   isGlobal = false,
   isLoading = false
 }) {
-  console.log("EditModal - Render", {
-    open,
-    isGlobal,
-    isLoading,
-    hasSegment: !!segment,
-    segmentIndex,
-    hasOriginalSegment: !!originalSegment,
-    hasOriginalTranscribedSegment: !!originalTranscribedSegment
-  });
   const [editedSegment, setEditedSegment] = reactExports.useState(segment);
   const [isPlaying, setIsPlaying] = reactExports.useState(false);
   const updateSegment2 = reactExports.useCallback((newWords) => {
@@ -35218,19 +35500,12 @@ function EditModal({
     updateSegment: updateSegment2
   });
   const handleClose = reactExports.useCallback(() => {
-    console.log("EditModal - handleClose called");
     cleanupManualSync();
     onClose();
   }, [onClose, cleanupManualSync]);
   reactExports.useEffect(() => {
     const spacebarHandler = handleSpacebar;
     if (open) {
-      console.log("EditModal - Setting up modal spacebar handler", {
-        hasPlaySegment: !!onPlaySegment,
-        editedSegmentId: editedSegment == null ? void 0 : editedSegment.id,
-        handlerFunction: spacebarHandler.toString().slice(0, 100),
-        isLoading
-      });
       const handleKeyEvent = (e) => {
         if (e.code === "Space") {
           spacebarHandler(e);
@@ -35239,7 +35514,6 @@ function EditModal({
       setModalSpacebarHandler(() => handleKeyEvent);
       return () => {
         if (!open) {
-          console.log("EditModal - Cleanup: clearing modal spacebar handler");
           setModalSpacebarHandler(void 0);
         }
       };
@@ -35261,11 +35535,6 @@ function EditModal({
     }
   }, [currentTime, editedSegment]);
   reactExports.useEffect(() => {
-    console.log("EditModal - segment changed", {
-      hasSegment: !!segment,
-      segmentId: segment == null ? void 0 : segment.id,
-      wordCount: segment == null ? void 0 : segment.words.length
-    });
     setEditedSegment(segment);
   }, [segment]);
   reactExports.useEffect(() => {
@@ -35273,7 +35542,6 @@ function EditModal({
     if (!editedSegment) return;
     const endTime = editedSegment.end_time ?? 0;
     if (window.isAudioPlaying && currentTime > endTime) {
-      console.log("Stopping playback: current time exceeded end time");
       (_a = window.toggleAudioPlayback) == null ? void 0 : _a.call(window);
       cleanupManualSync();
     }
@@ -35436,7 +35704,6 @@ function EditModal({
     return getSafeTimeRange(editedSegment);
   }, [getSafeTimeRange, editedSegment]);
   const dialogTitle = reactExports.useMemo(() => {
-    console.log("EditModal - Rendering dialog title", { isLoading, isGlobal });
     if (isLoading) {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogTitle, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { flex: 1, display: "flex", alignItems: "center", gap: 1 }, children: [
@@ -35466,23 +35733,11 @@ function EditModal({
     ] });
   }, [isGlobal, segmentIndex, segment, onPlaySegment, handlePlayButtonClick, isPlaying, onClose, isLoading]);
   if (!isLoading && (!segment || !editedSegment || !originalSegment)) {
-    console.log("EditModal - Early return: missing required data", {
-      hasSegment: !!segment,
-      hasEditedSegment: !!editedSegment,
-      hasOriginalSegment: !!originalSegment,
-      isLoading
-    });
     return null;
   }
   if (!isLoading && !isGlobal && segmentIndex === null) {
-    console.log("EditModal - Early return: non-global mode with null segmentIndex");
     return null;
   }
-  console.log("EditModal - Rendering dialog content", {
-    isLoading,
-    hasEditedSegment: !!editedSegment,
-    hasOriginalSegment: !!originalSegment
-  });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Dialog,
     {
@@ -35964,207 +36219,6 @@ function ReviewChangesModal({
     }
   );
 }
-const addSegmentBefore = (data, beforeIndex) => {
-  const newData = { ...data };
-  const beforeSegment = newData.corrected_segments[beforeIndex];
-  const newStartTime = Math.max(0, (beforeSegment.start_time ?? 1) - 1);
-  const newEndTime = newStartTime + 1;
-  const newSegment = {
-    id: nanoid(),
-    text: "REPLACE",
-    start_time: newStartTime,
-    end_time: newEndTime,
-    words: [{
-      id: nanoid(),
-      text: "REPLACE",
-      start_time: newStartTime,
-      end_time: newEndTime,
-      confidence: 1
-    }]
-  };
-  newData.corrected_segments.splice(beforeIndex, 0, newSegment);
-  return newData;
-};
-const splitSegment = (data, segmentIndex, afterWordIndex) => {
-  const newData = { ...data };
-  const segment = newData.corrected_segments[segmentIndex];
-  const firstHalfWords = segment.words.slice(0, afterWordIndex + 1);
-  const secondHalfWords = segment.words.slice(afterWordIndex + 1);
-  if (secondHalfWords.length === 0) return null;
-  const lastFirstWord = firstHalfWords[firstHalfWords.length - 1];
-  const firstSecondWord = secondHalfWords[0];
-  const lastSecondWord = secondHalfWords[secondHalfWords.length - 1];
-  const firstSegment = {
-    ...segment,
-    words: firstHalfWords,
-    text: firstHalfWords.map((w) => w.text).join(" "),
-    end_time: lastFirstWord.end_time ?? null
-  };
-  const secondSegment = {
-    id: nanoid(),
-    words: secondHalfWords,
-    text: secondHalfWords.map((w) => w.text).join(" "),
-    start_time: firstSecondWord.start_time ?? null,
-    end_time: lastSecondWord.end_time ?? null
-  };
-  newData.corrected_segments.splice(segmentIndex, 1, firstSegment, secondSegment);
-  return newData;
-};
-const deleteSegment = (data, segmentIndex) => {
-  const newData = { ...data };
-  const deletedSegment = newData.corrected_segments[segmentIndex];
-  newData.corrected_segments = newData.corrected_segments.filter((_, index) => index !== segmentIndex);
-  newData.anchor_sequences = newData.anchor_sequences.map((anchor) => ({
-    ...anchor,
-    transcribed_word_ids: anchor.transcribed_word_ids.filter(
-      (wordId) => !deletedSegment.words.some((deletedWord) => deletedWord.id === wordId)
-    )
-  }));
-  newData.gap_sequences = newData.gap_sequences.map((gap2) => ({
-    ...gap2,
-    transcribed_word_ids: gap2.transcribed_word_ids.filter(
-      (wordId) => !deletedSegment.words.some((deletedWord) => deletedWord.id === wordId)
-    )
-  }));
-  return newData;
-};
-const updateSegment = (data, segmentIndex, updatedSegment) => {
-  const newData = { ...data };
-  updatedSegment.words = updatedSegment.words.map((word) => ({
-    ...word,
-    id: word.id || nanoid()
-  }));
-  newData.corrected_segments[segmentIndex] = updatedSegment;
-  return newData;
-};
-function mergeSegment(data, segmentIndex, mergeWithNext) {
-  const segments = [...data.corrected_segments];
-  const targetIndex = mergeWithNext ? segmentIndex + 1 : segmentIndex - 1;
-  if (targetIndex < 0 || targetIndex >= segments.length) {
-    return data;
-  }
-  const baseSegment = segments[segmentIndex];
-  const targetSegment = segments[targetIndex];
-  const mergedSegment = {
-    id: nanoid(),
-    words: mergeWithNext ? [...baseSegment.words, ...targetSegment.words] : [...targetSegment.words, ...baseSegment.words],
-    text: mergeWithNext ? `${baseSegment.text} ${targetSegment.text}` : `${targetSegment.text} ${baseSegment.text}`,
-    start_time: Math.min(
-      baseSegment.start_time ?? Infinity,
-      targetSegment.start_time ?? Infinity
-    ),
-    end_time: Math.max(
-      baseSegment.end_time ?? -Infinity,
-      targetSegment.end_time ?? -Infinity
-    )
-  };
-  const minIndex = Math.min(segmentIndex, targetIndex);
-  segments.splice(minIndex, 2, mergedSegment);
-  return {
-    ...data,
-    corrected_segments: segments
-  };
-}
-function findAndReplace(data, findText, replaceText, options = {
-  caseSensitive: false,
-  useRegex: false,
-  fullTextMode: false
-}) {
-  const newData = { ...data };
-  if (options.fullTextMode) {
-    newData.corrected_segments = data.corrected_segments.map((segment) => {
-      let pattern;
-      if (options.useRegex) {
-        pattern = new RegExp(findText, options.caseSensitive ? "g" : "gi");
-      } else {
-        const escapedFindText = findText.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-        pattern = new RegExp(escapedFindText, options.caseSensitive ? "g" : "gi");
-      }
-      const segmentText = segment.text;
-      if (!pattern.test(segmentText)) {
-        return segment;
-      }
-      pattern.lastIndex = 0;
-      const newSegmentText = segmentText.replace(pattern, replaceText);
-      const newWordTexts = newSegmentText.trim().split(/\s+/).filter((text) => text.length > 0);
-      const newWords = [];
-      if (newWordTexts.length === segment.words.length) {
-        for (let i = 0; i < newWordTexts.length; i++) {
-          newWords.push({
-            ...segment.words[i],
-            text: newWordTexts[i]
-          });
-        }
-      } else if (newWordTexts.length < segment.words.length) {
-        let oldWordIndex = 0;
-        for (let i = 0; i < newWordTexts.length; i++) {
-          while (oldWordIndex < segment.words.length && segment.words[oldWordIndex].text.trim() === "") {
-            oldWordIndex++;
-          }
-          if (oldWordIndex < segment.words.length) {
-            newWords.push({
-              ...segment.words[oldWordIndex],
-              text: newWordTexts[i]
-            });
-            oldWordIndex++;
-          } else {
-            newWords.push({
-              id: nanoid(),
-              text: newWordTexts[i],
-              start_time: null,
-              end_time: null
-            });
-          }
-        }
-      } else {
-        for (let i = 0; i < newWordTexts.length; i++) {
-          if (i < segment.words.length) {
-            newWords.push({
-              ...segment.words[i],
-              text: newWordTexts[i]
-            });
-          } else {
-            newWords.push({
-              id: nanoid(),
-              text: newWordTexts[i],
-              start_time: null,
-              end_time: null
-            });
-          }
-        }
-      }
-      return {
-        ...segment,
-        words: newWords,
-        text: newSegmentText
-      };
-    });
-  } else {
-    newData.corrected_segments = data.corrected_segments.map((segment) => {
-      let newWords = segment.words.map((word) => {
-        let pattern;
-        if (options.useRegex) {
-          pattern = new RegExp(findText, options.caseSensitive ? "g" : "gi");
-        } else {
-          const escapedFindText = findText.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-          pattern = new RegExp(escapedFindText, options.caseSensitive ? "g" : "gi");
-        }
-        return {
-          ...word,
-          text: word.text.replace(pattern, replaceText)
-        };
-      });
-      newWords = newWords.filter((word) => word.text.trim() !== "");
-      return {
-        ...segment,
-        words: newWords,
-        text: newWords.map((w) => w.text).join(" ")
-      };
-    });
-  }
-  newData.corrected_segments = newData.corrected_segments.filter((segment) => segment.words.length > 0);
-  return newData;
-}
 const generateStorageKey = (data) => {
   var _a;
   const text = ((_a = data.original_segments[0]) == null ? void 0 : _a.text) || "";
@@ -36238,6 +36292,12 @@ const setModalHandler = (handler, open) => {
 };
 const setupKeyboardHandlers = (state) => {
   Math.random().toString(36).substr(2, 9);
+  const resetModifierStates = () => {
+    var _a;
+    state.setIsShiftPressed(false);
+    (_a = state.setIsCtrlPressed) == null ? void 0 : _a.call(state, false);
+    document.body.style.userSelect = "";
+  };
   const handleKeyDown = (e) => {
     var _a;
     if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {
@@ -36246,7 +36306,7 @@ const setupKeyboardHandlers = (state) => {
     if (e.key === "Shift") {
       state.setIsShiftPressed(true);
       document.body.style.userSelect = "none";
-    } else if (e.key === "Meta") {
+    } else if (e.key === "Control" || e.key === "Ctrl" || e.key === "Meta") {
       (_a = state.setIsCtrlPressed) == null ? void 0 : _a.call(state, true);
     } else if (e.key === " " || e.code === "Space") {
       e.preventDefault();
@@ -36258,20 +36318,30 @@ const setupKeyboardHandlers = (state) => {
     }
   };
   const handleKeyUp = (e) => {
-    var _a;
-    if (e.key === "Shift") {
-      state.setIsShiftPressed(false);
-      document.body.style.userSelect = "";
-    } else if (e.key === "Meta") {
-      (_a = state.setIsCtrlPressed) == null ? void 0 : _a.call(state, false);
-    } else if (e.key === " " || e.code === "Space") {
+    resetModifierStates();
+    if (e.key === " " || e.code === "Space") {
       e.preventDefault();
       if (isModalOpen && currentModalHandler) {
         currentModalHandler(e);
       }
     }
   };
-  return { handleKeyDown, handleKeyUp };
+  const handleWindowBlur = () => {
+    resetModifierStates();
+  };
+  const handleWindowFocus = () => {
+    resetModifierStates();
+  };
+  window.addEventListener("blur", handleWindowBlur);
+  window.addEventListener("focus", handleWindowFocus);
+  return {
+    handleKeyDown,
+    handleKeyUp,
+    cleanup: () => {
+      window.removeEventListener("blur", handleWindowBlur);
+      window.removeEventListener("focus", handleWindowFocus);
+    }
+  };
 };
 function ModeSelector({ effectiveMode, onChange }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.2, height: "32px" }, children: [
@@ -36281,7 +36351,7 @@ function ModeSelector({ effectiveMode, onChange }) {
       {
         value: effectiveMode,
         exclusive: true,
-        onChange: (_, newMode) => newMode && onChange(newMode),
+        onChange: (_, newMode) => newMode === "edit" && onChange(newMode),
         size: "small",
         sx: {
           height: "32px",
@@ -36292,28 +36362,38 @@ function ModeSelector({ effectiveMode, onChange }) {
           }
         },
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Default mode; click words to edit that lyrics segment", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
             ToggleButton,
             {
               value: "edit",
-              title: "Click to edit segments and make corrections in the transcription view",
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, { sx: { mr: 0.5, fontSize: "1rem" } }),
                 "Edit"
               ]
             }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Hold SHIFT and click words to highlight the matching anchor sequence in the reference lyrics", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
             ToggleButton,
             {
               value: "highlight",
-              title: "Click words in the transcription view to highlight the matching anchor sequence in the reference lyrics. You can also hold SHIFT to temporarily activate this mode.",
+              disabled: true,
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(HighlightIcon, { sx: { mr: 0.5, fontSize: "1rem" } }),
                 "Highlight"
               ]
             }
-          )
+          ) }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Hold CTRL and click words to delete them", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            ToggleButton,
+            {
+              value: "delete_word",
+              disabled: true,
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteIcon, { sx: { mr: 0.5, fontSize: "1rem" } }),
+                "Delete"
+              ]
+            }
+          ) }) })
         ]
       }
     )
@@ -37105,7 +37185,8 @@ const MemoizedTranscriptionView = reactExports.memo(function MemoizedTranscripti
   onPlaySegment,
   currentTime,
   anchors,
-  disableHighlighting
+  disableHighlighting,
+  onDataChange
 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     TranscriptionView,
@@ -37119,7 +37200,8 @@ const MemoizedTranscriptionView = reactExports.memo(function MemoizedTranscripti
       highlightInfo,
       onPlaySegment,
       currentTime: disableHighlighting ? void 0 : currentTime,
-      anchors
+      anchors,
+      onDataChange
     }
   );
 });
@@ -37209,6 +37291,7 @@ function LyricsAnalyzer({ data: initialData, onFileLoad, apiClient, isReadOnly,
   const [originalData] = reactExports.useState(() => JSON.parse(JSON.stringify(initialData)));
   const [interactionMode, setInteractionMode] = reactExports.useState("edit");
   const [isShiftPressed, setIsShiftPressed] = reactExports.useState(false);
+  const [isCtrlPressed, setIsCtrlPressed] = reactExports.useState(false);
   const [editModalSegment, setEditModalSegment] = reactExports.useState(null);
   const [isEditAllModalOpen, setIsEditAllModalOpen] = reactExports.useState(false);
   const [globalEditSegment, setGlobalEditSegment] = reactExports.useState(null);
@@ -37239,27 +37322,30 @@ function LyricsAnalyzer({ data: initialData, onFileLoad, apiClient, isReadOnly,
     }
   }, [data, isReadOnly, initialData]);
   reactExports.useEffect(() => {
-    const { handleKeyDown, handleKeyUp } = setupKeyboardHandlers({
-      setIsShiftPressed
+    const { handleKeyDown, handleKeyUp, cleanup } = setupKeyboardHandlers({
+      setIsShiftPressed,
+      setIsCtrlPressed
     });
     window.addEventListener("keydown", handleKeyDown);
     window.addEventListener("keyup", handleKeyUp);
     if (isAnyModalOpen) {
       setIsShiftPressed(false);
+      setIsCtrlPressed(false);
     }
     return () => {
       window.removeEventListener("keydown", handleKeyDown);
       window.removeEventListener("keyup", handleKeyUp);
       document.body.style.userSelect = "";
+      cleanup();
     };
-  }, [setIsShiftPressed, isAnyModalOpen]);
+  }, [setIsShiftPressed, setIsCtrlPressed, isAnyModalOpen]);
   reactExports.useEffect(() => {
     const modalOpen = Boolean(
       modalContent || editModalSegment || isReviewModalOpen || isAddLyricsModalOpen || isFindReplaceModalOpen || isEditAllModalOpen
     );
     setIsAnyModalOpen(modalOpen);
   }, [modalContent, editModalSegment, isReviewModalOpen, isAddLyricsModalOpen, isFindReplaceModalOpen, isEditAllModalOpen]);
-  const effectiveMode = isShiftPressed ? "highlight" : interactionMode;
+  const effectiveMode = isCtrlPressed ? "delete_word" : isShiftPressed ? "highlight" : interactionMode;
   const handleFlash = reactExports.useCallback((type, info) => {
     setFlashingType(null);
     setHighlightInfo(null);
@@ -37278,6 +37364,12 @@ function LyricsAnalyzer({ data: initialData, onFileLoad, apiClient, isReadOnly,
   }, []);
   const handleWordClick = reactExports.useCallback((info) => {
     var _a, _b, _c, _d, _e, _f, _g;
+    if (effectiveMode === "delete_word") {
+      const newData = deleteWord(data, info.word_id);
+      setData(newData);
+      handleFlash("word");
+      return;
+    }
     if (effectiveMode === "highlight") {
       const correction = (_a = data.corrections) == null ? void 0 : _a.find(
         (c) => c.corrected_word_id === info.word_id || c.word_id === info.word_id
@@ -37385,7 +37477,7 @@ function LyricsAnalyzer({ data: initialData, onFileLoad, apiClient, isReadOnly,
         });
       }
     }
-  }, [data, effectiveMode, setModalContent]);
+  }, [data, effectiveMode, setModalContent, handleFlash, deleteWord]);
   const handleUpdateSegment = reactExports.useCallback((updatedSegment) => {
     if (!editModalSegment) return;
     const newData = updateSegment(data, editModalSegment.index, updatedSegment);
@@ -37676,7 +37768,10 @@ function LyricsAnalyzer({ data: initialData, onFileLoad, apiClient, isReadOnly,
             onPlaySegment: handlePlaySegment,
             currentTime: currentAudioTime,
             anchors: data.anchor_sequences,
-            disableHighlighting: isAnyModalOpenMemo
+            disableHighlighting: isAnyModalOpenMemo,
+            onDataChange: (updatedData) => {
+              setData(updatedData);
+            }
           }
         ),
         !isReadOnly && apiClient && /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: {
@@ -38158,4 +38253,4 @@ ReactDOM$1.createRoot(document.getElementById("root")).render(
     /* @__PURE__ */ jsxRuntimeExports.jsx(App, {})
   ] })
 );
-//# sourceMappingURL=index-BXOpmKq-.js.map
+//# sourceMappingURL=index-BvRLUQmZ.js.map