save

app.py

@@ -3,7 +3,8 @@ import gradio as gr
 from rapidfuzz import fuzz
 
 from audio_files import get_audio_structure
-from check import load_dialogue_lines, highlight_fuzzy_diff  # додано highlight_fuzzy_diff
+from dialogue import load_dialogue_lines  # додано highlight_fuzzy_diff
+from highlighter import highlight_fuzzy_diff
 
 # === Audio structure ===
 audio_structure = get_audio_structure()

check.py → dialogue.py

@@ -1,10 +1,3 @@
-import os
-
-from rapidfuzz import fuzz
-
-from highlighter import highlight_fuzzy_diff
-
-
 def format_as_dialogue(text: str) -> str:
     """Formats raw transcript text into styled HTML dialogue."""
     lines = text.strip().split('\n')
@@ -20,45 +13,6 @@ def format_as_dialogue(text: str) -> str:
     return "<div class='dialogue-text'>" + "".join(html_lines) + "</div>"
 
 
-def check_transcription(audio_path, user_text):
-    transcript_path = audio_path.replace(".mp3", ".txt").replace("audio", "transcripts")
-
-    if not os.path.exists(transcript_path):
-        return audio_path, "<p style='color:red;'>Transcript not found.</p>", "", "<p>❌ No transcript file found.</p>"
-
-    with open(transcript_path, 'r') as f:
-        original = f.read().strip()
-
-    diff_html = highlight_fuzzy_diff(user_text, original)
-    score = round(fuzz.ratio(user_text, original))
-
-    # Emoji feedback
-    if score > 90:
-        emoji = "✅"
-        comment = "Great job! Keep it up."
-    elif score > 70:
-        emoji = "⚠️"
-        comment = "Not bad, but pay attention to some words."
-    else:
-        emoji = "❌"
-        comment = "Try again. There are too many mistakes."
-
-    simple_feedback = f"""
-    <div style='font-size: 16px; margin-bottom: 6px;'>
-        Similarity: <b>{score}%</b> {emoji}
-    </div>
-    <div style='margin-top: 4px;'>{comment}</div>
-    """
-
-    return (
-        audio_path,
-        format_as_dialogue(original),
-        "<div style='margin-bottom: 10px;'><b>⬜ Extra / incorrect words</b>, "
-        "<b>🟥 Missing words</b>, <b>🟩 Correct words</b></div>" + diff_html,
-        simple_feedback
-    )
-
-
 def load_dialogue_lines(path):
     with open(path, "r", encoding="utf-8") as f:
         lines = []

style.css

@@ -1,128 +0,0 @@
-/* Base styles */
-body, .gradio-container {
-    background: #f4f6f8;
-    font-family: 'Inter', sans-serif;
-    color: #111;
-}
-
-/* Header */
-h1, h2, h3, h4 {
-    color: #222;
-    font-weight: 700;
-    margin-bottom: 0.5em;
-}
-
-/* Dropdowns and audio row */
-div[class*="gr-row"] > div {
-    padding: 8px;
-}
-
-/* Dropdown styling */
-label {
-    font-weight: 600;
-    color: #444;
-    font-size: 16px;
-}
-
-select, .gr-box input[type="text"] {
-    padding: 10px;
-    font-size: 15px;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    width: 100%;
-}
-
-/* Audio player styling */
-.gradio-audio {
-    border-radius: 12px;
-    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
-}
-
-/* Textboxes */
-textarea, input[type="text"] {
-    font-size: 16px;
-    line-height: 1.6;
-    padding: 12px;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    background-color: #fff;
-    color: #222;
-    resize: vertical;
-}
-
-/* Feedback panel */
-.gr-html {
-    padding: 16px;
-    background: #ffffff;
-    border: 1px solid #ddd;
-    border-radius: 10px;
-    margin-top: 12px;
-}
-
-/* Button */
-button {
-    background: linear-gradient(90deg, #4f46e5, #3b82f6);
-    color: white;
-    border: none;
-    border-radius: 8px;
-    padding: 12px 20px;
-    font-size: 16px;
-    font-weight: 600;
-    cursor: pointer;
-    transition: 0.3s ease;
-}
-
-button:hover {
-    background: linear-gradient(90deg, #4338ca, #2563eb);
-}
-
-/* Markdown title */
-.gr-markdown {
-    font-size: 26px !important;
-    text-align: center;
-    color: #111827;
-    margin-bottom: 20px;
-}
-
-/* Improve spacing between blocks */
-.gradio-container .block {
-    margin-bottom: 20px;
-}
-
-.dialogue-text p {
-    font-size: 16px;
-    line-height: 1.6;
-    margin-bottom: 6px;
-    font-family: "Segoe UI", sans-serif;
-    color: #222;
-}
-
-.dialogue-text strong {
-    color: #1a73e8;
-    margin-right: 8px;
-}
-
-/* Diff word highlights */
-span[style*="background-color:#f0f0f0"] {
-    background-color: #e6f2ff !important;
-    color: #004080 !important;
-}
-
-span[style*="background-color:#e6ffe6"] {
-    background-color: #d9fdd3 !important;
-    color: #207200 !important;
-}
-
-span[style*="background-color:#ffe6e6"] {
-    background-color: #ffd6d6 !important;
-    color: #b00020 !important;
-}
-
-.gr-accordion {
-    background-color: #f9f9ff;
-    border-radius: 10px;
-    padding: 8px 12px;
-    border: 1px solid #dcdcdc;
-    font-weight: 500;
-    font-size: 16px;
-}