PyPI - lyrics-transcriber - Versions diffs - 0.49.3__py3-none-any.whl → 0.52.0__py3-none-any.whl - Mend

lyrics-transcriber 0.49.3py3-none-any.whl → 0.52.0py3-none-any.whl

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

lyrics_transcriber/frontend/dist/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Lyrics Transcriber Analyzer</title>
-    <script type="module" crossorigin src="/assets/index-DSQidWB1.js"></script>
+    <script type="module" crossorigin src="/assets/index-C5ftSgQo.js"></script>
   </head>
   <body>
     <div id="root"></div>

lyrics_transcriber/frontend/src/components/Header.tsx CHANGED Viewed

@@ -5,6 +5,7 @@ import FindReplaceIcon from '@mui/icons-material/FindReplace'
 import EditIcon from '@mui/icons-material/Edit'
 import UndoIcon from '@mui/icons-material/Undo'
 import RedoIcon from '@mui/icons-material/Redo'
+import TimerIcon from '@mui/icons-material/Timer'
 import { CorrectionData, InteractionMode } from '../types'
 import CorrectionMetrics from './CorrectionMetrics'
 import ModeSelector from './ModeSelector'
@@ -31,6 +32,8 @@ interface HeaderProps {
     onHandlerClick?: (handler: string) => void
     onFindReplace?: () => void
     onEditAll?: () => void
+    onTimingOffset?: () => void
+    timingOffsetMs?: number
     onUndo: () => void
     onRedo: () => void
     canUndo: boolean
@@ -52,6 +55,8 @@ export default function Header({
     onHandlerClick,
     onFindReplace,
     onEditAll,
+    onTimingOffset,
+    timingOffsetMs = 0,
     onUndo,
     onRedo,
     canUndo,
@@ -311,6 +316,32 @@ export default function Header({
                                 Edit All
                             </Button>
                         )}
+                        {!isReadOnly && onTimingOffset && (
+                            <Box sx={{ display: 'flex', alignItems: 'center' }}>
+                                <Button
+                                    variant="outlined"
+                                    size="small"
+                                    onClick={onTimingOffset}
+                                    startIcon={<TimerIcon />}
+                                    color={timingOffsetMs !== 0 ? "secondary" : "primary"}
+                                    sx={{ minWidth: 'fit-content', height: '32px' }}
+                                >
+                                    Timing Offset
+                                </Button>
+                                {timingOffsetMs !== 0 && (
+                                    <Typography
+                                        variant="body2"
+                                        sx={{
+                                            ml: 1,
+                                            fontWeight: 'bold',
+                                            color: theme.palette.secondary.main
+                                        }}
+                                    >
+                                        {timingOffsetMs > 0 ? '+' : ''}{timingOffsetMs}ms
+                                    </Typography>
+                                )}
+                            </Box>
+                        )}
                         <AudioPlayer
                             apiClient={apiClient}
                             onTimeUpdate={onTimeUpdate}

lyrics_transcriber/frontend/src/components/LyricsAnalyzer.tsx CHANGED Viewed

@@ -31,6 +31,8 @@ import { getWordsFromIds } from './shared/utils/wordUtils'
 import AddLyricsModal from './AddLyricsModal'
 import { RestoreFromTrash, OndemandVideo } from '@mui/icons-material'
 import FindReplaceModal from './FindReplaceModal'
+import TimingOffsetModal from './TimingOffsetModal'
+import { applyOffsetToCorrectionData, applyOffsetToSegment } from './shared/utils/timingUtils'
 // Add type for window augmentation at the top of the file
 declare global {
@@ -185,6 +187,8 @@ interface MemoizedHeaderProps {
     onAddLyrics?: () => void
     onFindReplace?: () => void
     onEditAll?: () => void
+    onTimingOffset: () => void
+    timingOffsetMs: number
     onUndo: () => void
     onRedo: () => void
     canUndo: boolean
@@ -207,6 +211,8 @@ const MemoizedHeader = memo(function MemoizedHeader({
     onHandlerClick,
     onFindReplace,
     onEditAll,
+    onTimingOffset,
+    timingOffsetMs,
     onUndo,
     onRedo,
     canUndo,
@@ -228,6 +234,8 @@ const MemoizedHeader = memo(function MemoizedHeader({
             onHandlerClick={onHandlerClick}
             onFindReplace={onFindReplace}
             onEditAll={onEditAll}
+            onTimingOffset={onTimingOffset}
+            timingOffsetMs={timingOffsetMs}
             onUndo={onUndo}
             onRedo={onRedo}
             canUndo={canUndo}
@@ -270,6 +278,8 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
     const [isAddLyricsModalOpen, setIsAddLyricsModalOpen] = useState(false)
     const [isAnyModalOpen, setIsAnyModalOpen] = useState(false)
     const [isFindReplaceModalOpen, setIsFindReplaceModalOpen] = useState(false)
+    const [isTimingOffsetModalOpen, setIsTimingOffsetModalOpen] = useState(false)
+    const [timingOffsetMs, setTimingOffsetMs] = useState(0)
     const theme = useTheme()
     const isMobile = useMediaQuery(theme.breakpoints.down('md'))
@@ -387,10 +397,11 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
             isReviewModalOpen ||
             isAddLyricsModalOpen ||
             isFindReplaceModalOpen ||
-            isEditAllModalOpen
+            isEditAllModalOpen ||
+            isTimingOffsetModalOpen
         )
         setIsAnyModalOpen(modalOpen)
-    }, [modalContent, editModalSegment, isReviewModalOpen, isAddLyricsModalOpen, isFindReplaceModalOpen, isEditAllModalOpen])
+    }, [modalContent, editModalSegment, isReviewModalOpen, isAddLyricsModalOpen, isFindReplaceModalOpen, isEditAllModalOpen, isTimingOffsetModalOpen])
     // Calculate effective mode based on modifier key states
     const effectiveMode = isCtrlPressed ? 'delete_word' : (isShiftPressed ? 'highlight' : interactionMode)
@@ -595,8 +606,9 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
     }, [data, updateDataWithHistory])
     const handleFinishReview = useCallback(() => {
+        console.log(`[TIMING] handleFinishReview - Current timing offset: ${timingOffsetMs}ms`);
         setIsReviewModalOpen(true)
-    }, [])
+    }, [timingOffsetMs])
     const handleSubmitToServer = useCallback(async () => {
         if (!apiClient) return
@@ -605,7 +617,28 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
             if (debugLog) {
                 console.log('Submitting changes to server')
             }
-            await apiClient.submitCorrections(data)
+            // Debug logging for timing offset
+            console.log(`[TIMING] handleSubmitToServer - Current timing offset: ${timingOffsetMs}ms`);
+            // Apply timing offset to the data before submission if needed
+            const dataToSubmit = timingOffsetMs !== 0
+                ? applyOffsetToCorrectionData(data, timingOffsetMs)
+                : data
+            // Log some example timestamps after potential offset application
+            if (dataToSubmit.corrected_segments.length > 0) {
+                const firstSegment = dataToSubmit.corrected_segments[0];
+                console.log(`[TIMING] Submitting data - First segment id: ${firstSegment.id}`);
+                console.log(`[TIMING] - start_time: ${firstSegment.start_time}, end_time: ${firstSegment.end_time}`);
+                if (firstSegment.words.length > 0) {
+                    const firstWord = firstSegment.words[0];
+                    console.log(`[TIMING] - first word "${firstWord.text}" time: ${firstWord.start_time} -> ${firstWord.end_time}`);
+                }
+            }
+            await apiClient.submitCorrections(dataToSubmit)
             setIsReviewComplete(true)
             setIsReviewModalOpen(false)
@@ -616,14 +649,19 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
             console.error('Failed to submit corrections:', error)
             alert('Failed to submit corrections. Please try again.')
         }
-    }, [apiClient, data])
+    }, [apiClient, data, timingOffsetMs])
     // Update play segment handler
     const handlePlaySegment = useCallback((startTime: number) => {
         if (window.seekAndPlayAudio) {
-            window.seekAndPlayAudio(startTime)
+            // Apply the timing offset to the start time
+            const adjustedStartTime = timingOffsetMs !== 0
+                ? startTime + (timingOffsetMs / 1000)
+                : startTime;
+            window.seekAndPlayAudio(adjustedStartTime)
         }
-    }, [])
+    }, [timingOffsetMs])
     const handleResetCorrections = useCallback(() => {
         if (window.confirm('Are you sure you want to reset all corrections? This cannot be undone.')) {
@@ -993,7 +1031,41 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
     // Determine if any modal is open to disable highlighting
     const isAnyModalOpenMemo = useMemo(() => isAnyModalOpen, [isAnyModalOpen]);
+    // For the TranscriptionView, we need to apply the timing offset when displaying
+    const displayData = useMemo(() => {
+        return timingOffsetMs !== 0
+            ? applyOffsetToCorrectionData(data, timingOffsetMs)
+            : data;
+    }, [data, timingOffsetMs]);
+    // Handler for opening the timing offset modal
+    const handleOpenTimingOffsetModal = useCallback(() => {
+        setIsTimingOffsetModalOpen(true)
+    }, [])
+    // Handler for applying the timing offset
+    const handleApplyTimingOffset = useCallback((offsetMs: number) => {
+        // Only update if the offset has changed
+        if (offsetMs !== timingOffsetMs) {
+            console.log(`[TIMING] handleApplyTimingOffset: Changing offset from ${timingOffsetMs}ms to ${offsetMs}ms`);
+            setTimingOffsetMs(offsetMs)
+            // If we're applying an offset, we don't need to update history
+            // since we're not modifying the original data
+            if (debugLog) {
+                console.log(`[DEBUG] handleApplyTimingOffset: Setting offset to ${offsetMs}ms`);
+            }
+        } else {
+            console.log(`[TIMING] handleApplyTimingOffset: Offset unchanged at ${offsetMs}ms`);
+        }
+    }, [timingOffsetMs])
+    // Add logging for timing offset changes
+    useEffect(() => {
+        console.log(`[TIMING] timingOffsetMs changed to: ${timingOffsetMs}ms`);
+    }, [timingOffsetMs]);
     return (
         <Box sx={{
             p: 1,
@@ -1014,9 +1086,10 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
                 onHandlerToggle={handleHandlerToggle}
                 isUpdatingHandlers={isUpdatingHandlers}
                 onHandlerClick={handleHandlerClick}
-                onAddLyrics={() => setIsAddLyricsModalOpen(true)}
                 onFindReplace={() => setIsFindReplaceModalOpen(true)}
                 onEditAll={handleEditAll}
+                onTimingOffset={handleOpenTimingOffsetModal}
+                timingOffsetMs={timingOffsetMs}
                 onUndo={handleUndo}
                 onRedo={handleRedo}
                 canUndo={canUndo}
@@ -1026,7 +1099,7 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
             <Grid container direction={isMobile ? 'column' : 'row'}>
                 <Grid item xs={12} md={6}>
                     <MemoizedTranscriptionView
-                        data={data}
+                        data={displayData}
                         mode={effectiveMode}
                         onElementClick={setModalContent}
                         onWordClick={handleWordClick}
@@ -1098,14 +1171,26 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
                     setOriginalTranscribedGlobalSegment(null)
                     handleSetModalSpacebarHandler(undefined)
                 }}
-                segment={globalEditSegment}
+                segment={globalEditSegment ?
+                    timingOffsetMs !== 0 ?
+                        applyOffsetToSegment(globalEditSegment, timingOffsetMs) :
+                        globalEditSegment :
+                    null}
                 segmentIndex={null}
-                originalSegment={originalGlobalSegment}
+                originalSegment={originalGlobalSegment ?
+                    timingOffsetMs !== 0 ?
+                        applyOffsetToSegment(originalGlobalSegment, timingOffsetMs) :
+                        originalGlobalSegment :
+                    null}
                 onSave={handleSaveGlobalEdit}
                 onPlaySegment={handlePlaySegment}
                 currentTime={currentAudioTime}
                 setModalSpacebarHandler={handleSetModalSpacebarHandler}
-                originalTranscribedSegment={originalTranscribedGlobalSegment}
+                originalTranscribedSegment={originalTranscribedGlobalSegment ?
+                    timingOffsetMs !== 0 ?
+                        applyOffsetToSegment(originalTranscribedGlobalSegment, timingOffsetMs) :
+                        originalTranscribedGlobalSegment :
+                    null}
                 isGlobal={true}
                 isLoading={isLoadingGlobalEdit}
             />
@@ -1116,9 +1201,17 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
                     setEditModalSegment(null)
                     handleSetModalSpacebarHandler(undefined)
                 }}
-                segment={editModalSegment?.segment ?? null}
+                segment={editModalSegment?.segment ?
+                    timingOffsetMs !== 0 ?
+                        applyOffsetToSegment(editModalSegment.segment, timingOffsetMs) :
+                        editModalSegment.segment :
+                    null}
                 segmentIndex={editModalSegment?.index ?? null}
-                originalSegment={editModalSegment?.originalSegment ?? null}
+                originalSegment={editModalSegment?.originalSegment ?
+                    timingOffsetMs !== 0 ?
+                        applyOffsetToSegment(editModalSegment.originalSegment, timingOffsetMs) :
+                        editModalSegment.originalSegment :
+                    null}
                 onSave={handleUpdateSegment}
                 onDelete={handleDeleteSegment}
                 onAddSegment={handleAddSegment}
@@ -1128,10 +1221,16 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
                 currentTime={currentAudioTime}
                 setModalSpacebarHandler={handleSetModalSpacebarHandler}
                 originalTranscribedSegment={
-                    editModalSegment?.segment && editModalSegment?.index !== null
-                        ? originalData.original_segments.find(
-                            (s: LyricsSegment) => s.id === editModalSegment.segment.id
-                        ) || null
+                    editModalSegment?.segment && editModalSegment?.index !== null && originalData.original_segments
+                        ? (() => {
+                            const origSegment = originalData.original_segments.find(
+                                (s: LyricsSegment) => s.id === editModalSegment.segment.id
+                            ) || null;
+                            return origSegment && timingOffsetMs !== 0
+                                ? applyOffsetToSegment(origSegment, timingOffsetMs)
+                                : origSegment;
+                        })()
                         : null
                 }
             />
@@ -1144,6 +1243,7 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
                 onSubmit={handleSubmitToServer}
                 apiClient={apiClient}
                 setModalSpacebarHandler={handleSetModalSpacebarHandler}
+                timingOffsetMs={timingOffsetMs}
             />
             <AddLyricsModal
@@ -1159,6 +1259,13 @@ export default function LyricsAnalyzer({ data: initialData, onFileLoad, apiClien
                 onReplace={handleFindReplace}
                 data={data}
             />
+            <TimingOffsetModal
+                open={isTimingOffsetModalOpen}
+                onClose={() => setIsTimingOffsetModalOpen(false)}
+                currentOffset={timingOffsetMs}
+                onApply={handleApplyTimingOffset}
+            />
         </Box>
     )
 }

lyrics_transcriber/frontend/src/components/PreviewVideoSection.tsx CHANGED Viewed

@@ -2,19 +2,22 @@ import { Box, Typography, CircularProgress, Alert, Button } from '@mui/material'
 import { useState, useEffect } from 'react'
 import { ApiClient } from '../api'
 import { CorrectionData } from '../types'
+import { applyOffsetToCorrectionData } from './shared/utils/timingUtils'
 interface PreviewVideoSectionProps {
     apiClient: ApiClient | null
     isModalOpen: boolean
     updatedData: CorrectionData
     videoRef?: React.RefObject<HTMLVideoElement>
+    timingOffsetMs?: number
 }
 export default function PreviewVideoSection({
     apiClient,
     isModalOpen,
     updatedData,
-    videoRef
+    videoRef,
+    timingOffsetMs = 0
 }: PreviewVideoSectionProps) {
     const [previewState, setPreviewState] = useState<{
         status: 'loading' | 'ready' | 'error';
@@ -28,7 +31,27 @@ export default function PreviewVideoSection({
             const generatePreview = async () => {
                 setPreviewState({ status: 'loading' });
                 try {
-                    const response = await apiClient.generatePreviewVideo(updatedData);
+                    // Debug logging for timing offset
+                    console.log(`[TIMING] PreviewVideoSection - Current timing offset: ${timingOffsetMs}ms`);
+                    // Apply timing offset if needed
+                    const dataToPreview = timingOffsetMs !== 0
+                        ? applyOffsetToCorrectionData(updatedData, timingOffsetMs)
+                        : updatedData;
+                    // Log some example timestamps after potential offset application
+                    if (dataToPreview.corrected_segments.length > 0) {
+                        const firstSegment = dataToPreview.corrected_segments[0];
+                        console.log(`[TIMING] Preview - First segment id: ${firstSegment.id}`);
+                        console.log(`[TIMING] - start_time: ${firstSegment.start_time}, end_time: ${firstSegment.end_time}`);
+                        if (firstSegment.words.length > 0) {
+                            const firstWord = firstSegment.words[0];
+                            console.log(`[TIMING] - first word "${firstWord.text}" time: ${firstWord.start_time} -> ${firstWord.end_time}`);
+                        }
+                    }
+                    const response = await apiClient.generatePreviewVideo(dataToPreview);
                     if (response.status === 'error') {
                         setPreviewState({
@@ -61,7 +84,7 @@ export default function PreviewVideoSection({
             generatePreview();
         }
-    }, [isModalOpen, apiClient, updatedData]);
+    }, [isModalOpen, apiClient, updatedData, timingOffsetMs]);
     if (!apiClient) return null;

lyrics_transcriber/frontend/src/components/ReviewChangesModal.tsx CHANGED Viewed

@@ -22,6 +22,7 @@ interface ReviewChangesModalProps {
     onSubmit: () => void
     apiClient: ApiClient | null
     setModalSpacebarHandler: (handler: (() => (e: KeyboardEvent) => void) | undefined) => void
+    timingOffsetMs?: number
 }
 interface DiffResult {
@@ -69,7 +70,8 @@ export default function ReviewChangesModal({
     updatedData,
     onSubmit,
     apiClient,
-    setModalSpacebarHandler
+    setModalSpacebarHandler,
+    timingOffsetMs = 0
 }: ReviewChangesModalProps) {
     // Add ref to video element
     const videoRef = useRef<HTMLVideoElement>(null)
@@ -107,6 +109,13 @@ export default function ReviewChangesModal({
         }
     }, [open, setModalSpacebarHandler])
+    // Debug logging for timing offset
+    useEffect(() => {
+        if (open) {
+            console.log(`[TIMING] ReviewChangesModal opened - timingOffsetMs: ${timingOffsetMs}ms`);
+        }
+    }, [open, timingOffsetMs]);
     const differences = useMemo(() => {
         const diffs: DiffResult[] = []
@@ -292,9 +301,15 @@ export default function ReviewChangesModal({
                     isModalOpen={open}
                     updatedData={updatedData}
                     videoRef={videoRef}  // Pass the ref to PreviewVideoSection
+                    timingOffsetMs={timingOffsetMs}
                 />
                 <Box sx={{ p: 2, mt: 0 }}>
+                    {timingOffsetMs !== 0 && (
+                        <Typography variant="body2" fontWeight="bold" sx={{ mt: 1 }}>
+                            Global Timing Offset applied to all words: {timingOffsetMs > 0 ? '+' : ''}{timingOffsetMs}ms
+                        </Typography>
+                    )}
                     {differences.length === 0 ? (
                         <Box>
                             <Typography color="text.secondary">

lyrics_transcriber/frontend/src/components/TimingOffsetModal.tsx ADDED Viewed

@@ -0,0 +1,131 @@
+import {
+    Dialog,
+    DialogTitle,
+    DialogContent,
+    DialogActions,
+    Button,
+    TextField,
+    Box,
+    Typography,
+    ButtonGroup,
+    IconButton,
+} from '@mui/material';
+import CloseIcon from '@mui/icons-material/Close';
+import { useState, useEffect } from 'react';
+interface TimingOffsetModalProps {
+    open: boolean;
+    onClose: () => void;
+    currentOffset: number;
+    onApply: (offsetMs: number) => void;
+}
+export default function TimingOffsetModal({
+    open,
+    onClose,
+    currentOffset,
+    onApply,
+}: TimingOffsetModalProps) {
+    const [offsetMs, setOffsetMs] = useState(currentOffset);
+    // Reset the offset value when the modal opens
+    useEffect(() => {
+        if (open) {
+            setOffsetMs(currentOffset);
+        }
+    }, [open, currentOffset]);
+    // Handle preset buttons click
+    const handlePresetClick = (value: number) => {
+        setOffsetMs((prev) => prev + value);
+    };
+    // Handle direct input change
+    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        const value = e.target.value === '' ? 0 : parseInt(e.target.value, 10);
+        if (!isNaN(value)) {
+            setOffsetMs(value);
+        }
+    };
+    // Apply the offset
+    const handleApply = () => {
+        onApply(offsetMs);
+        onClose();
+    };
+    return (
+        <Dialog
+            open={open}
+            onClose={onClose}
+            maxWidth="sm"
+            fullWidth
+            PaperProps={{
+                sx: {
+                    overflowY: 'visible',
+                }
+            }}
+        >
+            <DialogTitle sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+                Adjust Global Timing Offset
+                <IconButton onClick={onClose} size="small">
+                    <CloseIcon />
+                </IconButton>
+            </DialogTitle>
+            <DialogContent>
+                <Box sx={{ mb: 3, mt: 1 }}>
+                    <Typography variant="body2" sx={{ mb: 1 }}>
+                        Adjust the timing of all words in the transcription. Positive values delay the timing, negative values advance it.
+                    </Typography>
+                    <Typography variant="body2" sx={{ fontStyle: 'italic', mb: 2 }}>
+                        Note: This offset is applied globally but doesn't modify the original timestamps.
+                    </Typography>
+                    <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>
+                        <Typography variant="body1" sx={{ mr: 2 }}>
+                            Offset:
+                        </Typography>
+                        <TextField
+                            value={offsetMs}
+                            onChange={handleInputChange}
+                            type="number"
+                            variant="outlined"
+                            size="small"
+                            InputProps={{
+                                endAdornment: <Typography variant="body2" sx={{ ml: 1 }}>ms</Typography>,
+                            }}
+                            sx={{ width: 120 }}
+                        />
+                    </Box>
+                    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
+                        <Typography variant="body2">Quick adjust:</Typography>
+                        <Box sx={{ display: 'flex', justifyContent: 'center', gap: 1 }}>
+                            <ButtonGroup size="small">
+                                <Button onClick={() => handlePresetClick(-100)}>-100ms</Button>
+                                <Button onClick={() => handlePresetClick(-50)}>-50ms</Button>
+                                <Button onClick={() => handlePresetClick(-10)}>-10ms</Button>
+                            </ButtonGroup>
+                            <ButtonGroup size="small">
+                                <Button onClick={() => handlePresetClick(10)}>+10ms</Button>
+                                <Button onClick={() => handlePresetClick(50)}>+50ms</Button>
+                                <Button onClick={() => handlePresetClick(100)}>+100ms</Button>
+                            </ButtonGroup>
+                        </Box>
+                    </Box>
+                </Box>
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={onClose}>Cancel</Button>
+                <Button
+                    onClick={handleApply}
+                    variant="contained"
+                    color={offsetMs === 0 ? "warning" : "primary"}
+                >
+                    {offsetMs === 0 ? "Remove Offset" : "Apply Offset"}
+                </Button>
+            </DialogActions>
+        </Dialog>
+    );
+}

lyrics_transcriber/frontend/src/components/shared/utils/keyboardHandlers.ts CHANGED Viewed

@@ -109,6 +109,14 @@ export const setupKeyboardHandlers = (state: KeyboardState) => {
             })
         }
+        // Ignore keyup events in input and textarea elements
+        if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {
+            if (debugLog) {
+                console.log(`[${handlerId}] Ignoring keyup in input/textarea`)
+            }
+            return
+        }
         // Always reset the modifier states regardless of the key which was released
         // to help prevent accidentally getting stuck in a mode or accidentally deleting words
         resetModifierStates()

lyrics-transcriber 0.49.3__py3-none-any.whl → 0.52.0__py3-none-any.whl

lyrics-transcriber 0.49.3py3-none-any.whl → 0.52.0py3-none-any.whl