{t('progress.nonYoutubeHint')}
+ )} )} @@ -156,6 +162,7 @@ function App() { status={state.status} progress={state.progress} currentStep={state.currentStep} + subtitleSource={state.subtitleSource ?? undefined} steps={SUBTITLE_STEPS} /> @@ -225,6 +232,7 @@ function App() { status={state.status} progress={state.progress} currentStep={state.currentStep} + subtitleSource={state.subtitleSource ?? undefined} /> )} diff --git a/frontend/src/api/client.ts b/frontend/src/api/client.ts index f3687ce..1fac7d1 100644 --- a/frontend/src/api/client.ts +++ b/frontend/src/api/client.ts @@ -1,5 +1,7 @@ import { FileType } from '../constants'; import type { + GlossaryEntry, + GlossaryListResponse, JobCreateRequest, JobCreateResponse, JobStatusResponse, @@ -144,6 +146,48 @@ class ApiClient { getDownloadUrl(jobId: string, fileType: FileType): string { return `${this.baseUrl}/api/jobs/${jobId}/download/${fileType}`; } + + async getGlossary(): Promise+ {t('glossary.title')} +
+ +{error}
+{t('glossary.empty')}
+ ) : ( + entries.map(entry => ( ++ {t('progress.subtitleSource')} + {': '} + {subtitleSource === SubtitleSource.YOUTUBE_MANUAL + ? t('progress.subtitleSourceYoutube') + : t('progress.subtitleSourceWhisper')} +
+ )} ); } diff --git a/frontend/src/components/SubtitleEditor.tsx b/frontend/src/components/SubtitleEditor.tsx index 69d1d91..3deb6f5 100644 --- a/frontend/src/components/SubtitleEditor.tsx +++ b/frontend/src/components/SubtitleEditor.tsx @@ -1,10 +1,12 @@ import { useState, useEffect, useMemo, useCallback, useRef } from 'react'; import { useTranslation } from 'react-i18next'; +import { BookOpen } from 'lucide-react'; import { apiClient } from '@/api/client'; import { FileType } from '@/constants'; import { parseSrt, serializeSrt, srtTimeToSeconds, isValidSrtTime } from '@/utils/srt'; import { triggerDownload } from '@/utils/download'; import type { SrtEntry } from '@/types'; +import { GlossaryPanel } from './GlossaryPanel'; interface SubtitleEditorProps { jobId: string; @@ -35,6 +37,7 @@ export function SubtitleEditor({ jobId, onBurn, isBurning }: SubtitleEditorProps const [retranslateChoices, setRetranslateChoices] = useState{t('editor.retranslateHint', { count: selectedCount })} @@ -567,9 +583,27 @@ export function SubtitleEditor({ jobId, onBurn, isBurning }: SubtitleEditorProps {/* Original text (read-only) */} {entry.original && ( -
- {entry.original} -
++ {entry.original} +
+ +