From 26b5465f53dd719cd8682d4c9ea5e964d6a05757 Mon Sep 17 00:00:00 2001
From: s4luorth <s4luorth@uni-trier.de>
Date: Sat, 7 Feb 2026 14:03:54 +0100
Subject: [PATCH] final

---
 .../__pycache__/app.cpython-310.pyc           |  Bin 14886 -> 15365 bytes
 website-checker/app.py                        |   23 +
 website-checker/templates/index.html          | 1476 +++++------------
 3 files changed, 472 insertions(+), 1027 deletions(-)

diff --git a/website-checker/__pycache__/app.cpython-310.pyc b/website-checker/__pycache__/app.cpython-310.pyc
index fc5dde59339447dca690d16cee8e4a3eef7f32a9..6611d46d1aa0232eeca2d9bf097ee8f812208a20 100644
GIT binary patch
delta 2824
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

delta 2191
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
CNjB5~

diff --git a/website-checker/app.py b/website-checker/app.py
index c88e863..f9e4403 100644
--- a/website-checker/app.py
+++ b/website-checker/app.py
@@ -35,6 +35,20 @@ IGNORE_SELECTORS = [
 
 CHUNK_SIZE = 9000  # stay under 10k limit
 
+# LanguageTool rule IDs to silently ignore
+IGNORED_RULES = {
+    "LEERZEICHEN_VOR_SATZZEICHEN",
+    "WHITESPACE_RULE",
+    "WHITESPACE_BEFORE_PUNCTUATION",
+    "LEERZEICHEN_VOR_DOPPELPUNKT",
+    "LEERZEICHEN_VOR_SEMIKOLON",
+    "LEERZEICHEN_VOR_AUSRUFEZEICHEN",
+    "LEERZEICHEN_VOR_FRAGEZEICHEN",
+}
+
+# Regex: space(s) directly before punctuation — catch any remaining cases
+SPACE_BEFORE_PUNCT_RE = re.compile(r"\s+[,.:;!?\"\u201C\u201D\u201E\u201F]")
+
 
 def normalize_url(url: str) -> str:
     """Remove fragment and trailing slash for dedup."""
@@ -289,6 +303,15 @@ def check_text_with_languagetool(
             if resp.status_code == 200:
                 result = resp.json()
                 for match in result.get("matches", []):
+                    rule_id = match.get("rule", {}).get("id", "")
+                    if rule_id in IGNORED_RULES:
+                        continue
+                    # Extra filter: skip any match that is just whitespace before punctuation
+                    m_off = match.get("offset", 0)
+                    m_len = match.get("length", 0)
+                    matched_text = chunk_text[m_off:m_off + m_len]
+                    if SPACE_BEFORE_PUNCT_RE.fullmatch(matched_text):
+                        continue
                     match["offset"] += offset
                     all_matches.append(match)
             elif resp.status_code in (401, 403):
diff --git a/website-checker/templates/index.html b/website-checker/templates/index.html
index b349a10..3505bfe 100644
--- a/website-checker/templates/index.html
+++ b/website-checker/templates/index.html
@@ -6,517 +6,186 @@
     <title>LanguageTool Website Checker</title>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-
         :root {
-            --bg: #f8f9fa;
-            --surface: #ffffff;
-            --border: #e2e8f0;
-            --text: #1a202c;
-            --text-secondary: #64748b;
-            --primary: #4f46e5;
-            --primary-hover: #4338ca;
-            --spelling: #ef4444;
-            --spelling-bg: #fef2f2;
-            --grammar: #f59e0b;
-            --grammar-bg: #fffbeb;
-            --style: #3b82f6;
-            --style-bg: #eff6ff;
-            --success: #22c55e;
-            --success-bg: #f0fdf4;
+            --bg: #f8f9fa; --surface: #ffffff; --border: #e2e8f0;
+            --text: #1a202c; --text-secondary: #64748b;
+            --primary: #4f46e5; --primary-hover: #4338ca;
+            --spelling: #ef4444; --spelling-bg: #fef2f2;
+            --grammar: #f59e0b; --grammar-bg: #fffbeb;
+            --style: #3b82f6; --style-bg: #eff6ff;
+            --success: #22c55e; --success-bg: #f0fdf4;
             --error-bg: #fef2f2;
             --radius: 8px;
             --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
         }
-
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            background: var(--bg);
-            color: var(--text);
-            line-height: 1.6;
-            min-height: 100vh;
-        }
-
+        body { font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; min-height: 100vh; }
         .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
 
         /* Header */
-        .header {
-            background: var(--surface);
-            border-bottom: 1px solid var(--border);
-            padding: 16px 0;
-            position: sticky;
-            top: 0;
-            z-index: 100;
-        }
-        .header-inner {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-        }
-        .header h1 {
-            font-size: 18px;
-            font-weight: 700;
-            color: var(--primary);
-        }
-        .header-back {
-            font-size: 14px;
-            color: var(--primary);
-            cursor: pointer;
-            text-decoration: none;
-            display: none;
-        }
+        .header { background: var(--surface); border-bottom: 1px solid var(--border); padding: 16px 0; position: sticky; top: 0; z-index: 100; }
+        .header-inner { display: flex; align-items: center; justify-content: space-between; }
+        .header h1 { font-size: 18px; font-weight: 700; color: var(--primary); }
+        .header-back { font-size: 14px; color: var(--primary); cursor: pointer; text-decoration: none; display: none; }
         .header-back:hover { text-decoration: underline; }
-
-        /* Legend */
-        .legend {
-            display: flex;
-            gap: 16px;
-            font-size: 13px;
-            color: var(--text-secondary);
-        }
+        .legend { display: flex; gap: 16px; font-size: 13px; color: var(--text-secondary); }
         .legend-item { display: flex; align-items: center; gap: 4px; }
-        .legend-dot {
-            width: 10px;
-            height: 10px;
-            border-radius: 50%;
-            display: inline-block;
-        }
+        .legend-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
         .legend-dot.spelling { background: var(--spelling); }
         .legend-dot.grammar { background: var(--grammar); }
         .legend-dot.style { background: var(--style); }
 
         /* Form */
         .form-view { padding: 60px 0; }
-        .form-card {
-            background: var(--surface);
-            border: 1px solid var(--border);
-            border-radius: var(--radius);
-            padding: 40px;
-            max-width: 560px;
-            margin: 0 auto;
-            box-shadow: var(--shadow);
-        }
-        .form-card h2 {
-            font-size: 22px;
-            margin-bottom: 4px;
-        }
-        .form-card .subtitle {
-            color: var(--text-secondary);
-            font-size: 14px;
-            margin-bottom: 28px;
-        }
+        .form-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 40px; max-width: 560px; margin: 0 auto; box-shadow: var(--shadow); }
+        .form-card h2 { font-size: 22px; margin-bottom: 4px; }
+        .form-card .subtitle { color: var(--text-secondary); font-size: 14px; margin-bottom: 28px; }
         .form-group { margin-bottom: 18px; }
-        .form-group label {
-            display: block;
-            font-size: 13px;
-            font-weight: 600;
-            margin-bottom: 5px;
-            color: var(--text);
-        }
-        .form-group input, .form-group select {
-            width: 100%;
-            padding: 10px 12px;
-            border: 1px solid var(--border);
-            border-radius: 6px;
-            font-size: 14px;
-            color: var(--text);
-            background: var(--bg);
-            transition: border-color 0.15s;
-        }
-        .form-group input:focus, .form-group select:focus {
-            outline: none;
-            border-color: var(--primary);
-            box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
-        }
-        .form-row {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 12px;
-        }
-        .btn-primary {
-            width: 100%;
-            padding: 12px;
-            background: var(--primary);
-            color: white;
-            border: none;
-            border-radius: 6px;
-            font-size: 15px;
-            font-weight: 600;
-            cursor: pointer;
-            transition: background 0.15s;
-            margin-top: 8px;
-        }
+        .form-group label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; }
+        .form-group input, .form-group select { width: 100%; padding: 10px 12px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; color: var(--text); background: var(--bg); }
+        .form-group input:focus, .form-group select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(79,70,229,0.1); }
+        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
+        .btn-primary { width: 100%; padding: 12px; background: var(--primary); color: white; border: none; border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; margin-top: 8px; }
         .btn-primary:hover { background: var(--primary-hover); }
-        .btn-primary:disabled {
-            opacity: 0.6;
-            cursor: not-allowed;
-        }
+        .btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }
 
         /* Progress */
         .progress-view { padding: 80px 0; text-align: center; display: none; }
-        .progress-card {
-            background: var(--surface);
-            border: 1px solid var(--border);
-            border-radius: var(--radius);
-            padding: 48px 40px;
-            max-width: 560px;
-            margin: 0 auto;
-            box-shadow: var(--shadow);
-        }
-        .spinner {
-            width: 40px;
-            height: 40px;
-            border: 3px solid var(--border);
-            border-top-color: var(--primary);
-            border-radius: 50%;
-            animation: spin 0.8s linear infinite;
-            margin: 0 auto 20px;
-        }
+        .progress-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 48px 40px; max-width: 560px; margin: 0 auto; box-shadow: var(--shadow); }
+        .spinner { width: 40px; height: 40px; border: 3px solid var(--border); border-top-color: var(--primary); border-radius: 50%; animation: spin 0.8s linear infinite; margin: 0 auto 20px; }
         @keyframes spin { to { transform: rotate(360deg); } }
-        .progress-text {
-            font-size: 15px;
-            font-weight: 600;
-            margin-bottom: 6px;
-        }
-        .progress-detail {
-            font-size: 13px;
-            color: var(--text-secondary);
-            word-break: break-all;
-        }
-        .progress-bar-outer {
-            width: 100%;
-            height: 6px;
-            background: var(--border);
-            border-radius: 3px;
-            margin-top: 20px;
-            overflow: hidden;
-        }
-        .progress-bar-inner {
-            height: 100%;
-            background: var(--primary);
-            border-radius: 3px;
-            transition: width 0.3s;
-            width: 0%;
-        }
+        .progress-text { font-size: 15px; font-weight: 600; margin-bottom: 6px; }
+        .progress-detail { font-size: 13px; color: var(--text-secondary); word-break: break-all; }
+        .progress-bar-outer { width: 100%; height: 6px; background: var(--border); border-radius: 3px; margin-top: 20px; overflow: hidden; }
+        .progress-bar-inner { height: 100%; background: var(--primary); border-radius: 3px; transition: width 0.3s; width: 0%; }
 
-        /* Error message */
-        .error-banner {
-            background: var(--error-bg);
-            border: 1px solid var(--spelling);
-            color: var(--spelling);
-            padding: 12px 16px;
-            border-radius: 6px;
-            font-size: 14px;
-            margin-top: 16px;
-            display: none;
-        }
+        .error-banner { background: var(--error-bg); border: 1px solid var(--spelling); color: var(--spelling); padding: 12px 16px; border-radius: 6px; font-size: 14px; margin-top: 16px; display: none; }
 
         /* Results Overview */
         .results-view { padding: 32px 0; display: none; }
-
-        .stats-grid {
-            display: grid;
-            grid-template-columns: repeat(4, 1fr);
-            gap: 12px;
-            margin-bottom: 28px;
-        }
-        .stat-card {
-            background: var(--surface);
-            border: 1px solid var(--border);
-            border-radius: var(--radius);
-            padding: 18px;
-            text-align: center;
-            box-shadow: var(--shadow);
-        }
-        .stat-number {
-            font-size: 28px;
-            font-weight: 700;
-            line-height: 1.2;
-        }
+        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 28px; }
+        .stat-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px; text-align: center; box-shadow: var(--shadow); }
+        .stat-number { font-size: 28px; font-weight: 700; line-height: 1.2; }
         .stat-number.spelling { color: var(--spelling); }
         .stat-number.grammar { color: var(--grammar); }
         .stat-number.style { color: var(--style); }
-        .stat-label {
-            font-size: 12px;
-            color: var(--text-secondary);
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            margin-top: 4px;
-        }
+        .stat-label { font-size: 12px; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 4px; }
+        .results-info { font-size: 13px; color: var(--text-secondary); margin-bottom: 16px; }
 
-        .results-info {
-            font-size: 13px;
-            color: var(--text-secondary);
-            margin-bottom: 16px;
-        }
+        .search-bar { margin-bottom: 16px; }
+        .search-bar input { width: 100%; padding: 10px 14px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; background: var(--surface); }
+        .search-bar input:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(79,70,229,0.1); }
+        .search-results { margin-bottom: 24px; }
+        .search-result-item { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 12px 16px; margin-bottom: 6px; cursor: pointer; }
+        .search-result-item:hover { border-color: var(--primary); }
+        .search-result-url { font-size: 11px; color: var(--text-secondary); margin-bottom: 4px; word-break: break-all; }
+        .search-result-context { font-family: 'Cascadia Code','Fira Code','Consolas',monospace; font-size: 13px; }
+        .search-highlight { background: #fef08a; padding: 1px 2px; border-radius: 2px; }
 
         .page-list { display: flex; flex-direction: column; gap: 6px; }
-
-        .page-item {
-            background: var(--surface);
-            border: 1px solid var(--border);
-            border-radius: var(--radius);
-            padding: 14px 18px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            cursor: pointer;
-            transition: border-color 0.15s, box-shadow 0.15s;
-        }
-        .page-item:hover {
-            border-color: var(--primary);
-            box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.08);
-        }
-        .page-item.skipped {
-            opacity: 0.5;
-            cursor: default;
-        }
-        .page-url {
-            font-size: 14px;
-            color: var(--text);
-            word-break: break-all;
-            flex: 1;
-            margin-right: 12px;
-        }
-        .page-badges { display: flex; gap: 6px; flex-shrink: 0; }
-        .badge {
-            display: inline-flex;
-            align-items: center;
-            padding: 3px 8px;
-            border-radius: 12px;
-            font-size: 12px;
-            font-weight: 600;
-        }
+        .page-item { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 18px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
+        .page-item:hover { border-color: var(--primary); box-shadow: 0 0 0 2px rgba(79,70,229,0.08); }
+        .page-item.skipped { opacity: 0.5; cursor: default; }
+        .page-item.dismissed { opacity: 0.45; }
+        .page-url { font-size: 14px; word-break: break-all; flex: 1; margin-right: 12px; }
+        .page-badges { display: flex; gap: 6px; flex-shrink: 0; align-items: center; }
+        .badge { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 12px; font-size: 12px; font-weight: 600; }
         .badge.spelling { background: var(--spelling-bg); color: var(--spelling); }
         .badge.grammar { background: var(--grammar-bg); color: var(--grammar); }
         .badge.style { background: var(--style-bg); color: var(--style); }
         .badge.success { background: var(--success-bg); color: var(--success); }
         .badge.error { background: var(--error-bg); color: var(--spelling); }
+        .page-dismiss-icon { font-size: 16px; font-weight: 700; cursor: pointer; flex-shrink: 0; margin-left: 10px; line-height: 1; }
+        .page-dismiss-icon.pending { color: var(--spelling); }
+        .page-dismiss-icon.done { color: var(--success); }
 
         /* Detail View */
         .detail-view { padding: 32px 0; display: none; }
-        .detail-url {
-            font-size: 14px;
-            color: var(--primary);
-            text-decoration: none;
-            word-break: break-all;
-        }
+        .detail-url { font-size: 14px; color: var(--primary); text-decoration: none; word-break: break-all; }
         .detail-url:hover { text-decoration: underline; }
-
-        .detail-stats {
-            display: flex;
-            gap: 12px;
-            margin: 16px 0 12px;
-        }
-
-        .filter-bar {
-            display: flex;
-            gap: 8px;
-            margin-bottom: 20px;
-            flex-wrap: wrap;
-        }
-        .filter-btn {
-            padding: 6px 14px;
-            border: 2px solid var(--border);
-            border-radius: 20px;
-            background: var(--surface);
-            font-size: 13px;
-            font-weight: 600;
-            cursor: pointer;
-            transition: all 0.15s;
-            color: var(--text-secondary);
-        }
+        .detail-stats { display: flex; gap: 12px; margin: 16px 0 12px; }
+        .detail-toolbar { display: flex; gap: 8px; margin-bottom: 20px; flex-wrap: wrap; align-items: center; }
+        .filter-btn { padding: 6px 14px; border: 2px solid var(--border); border-radius: 20px; background: var(--surface); font-size: 13px; font-weight: 600; cursor: pointer; color: var(--text-secondary); }
         .filter-btn:hover { border-color: var(--text-secondary); }
         .filter-btn.active { color: white; }
         .filter-btn.active[data-filter="all"] { background: var(--primary); border-color: var(--primary); }
         .filter-btn.active[data-filter="spelling"] { background: var(--spelling); border-color: var(--spelling); }
         .filter-btn.active[data-filter="grammar"] { background: var(--grammar); border-color: var(--grammar); }
         .filter-btn.active[data-filter="style"] { background: var(--style); border-color: var(--style); }
+        .toolbar-spacer { flex: 1; }
+        .dismiss-all-btn { padding: 6px 14px; border: 1px solid var(--success); border-radius: 6px; background: var(--success-bg); color: var(--success); font-size: 13px; font-weight: 600; cursor: pointer; }
+        .dismiss-all-btn:hover { background: var(--success); color: white; }
 
-        .section-block {
-            background: var(--surface);
-            border: 1px solid var(--border);
-            border-radius: var(--radius);
-            margin-bottom: 12px;
-            overflow: hidden;
-        }
-        .section-header {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 10px 16px;
-            background: var(--bg);
-            border-bottom: 1px solid var(--border);
-            font-size: 12px;
-            font-weight: 600;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            color: var(--text-secondary);
-        }
-        .section-check {
-            color: var(--success);
-            font-size: 14px;
-        }
-        .section-body {
-            padding: 16px;
-            font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
-            font-size: 14px;
-            line-height: 1.8;
-            white-space: pre-wrap;
-            word-wrap: break-word;
-        }
+        .section-block { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: 12px; overflow: hidden; }
+        .section-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 10px 16px; background: var(--bg); border-bottom: 1px solid var(--border); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-secondary); gap: 12px; }
+        .section-header-left { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 0; }
+        .section-type-label { white-space: nowrap; }
+        .section-corrections { display: flex; flex-direction: column; gap: 2px; text-transform: none; letter-spacing: normal; font-weight: 400; }
+        .section-correction-item { display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 1.4; padding: 3px 6px; border-radius: 4px; cursor: pointer; user-select: none; }
+        .section-correction-item:hover { background: rgba(0,0,0,0.04); }
+        .section-correction-item.dismissed-item { opacity: 0.35; }
+        .section-correction-item.dismissed-item .section-corr-original,
+        .section-correction-item.dismissed-item .section-corr-arrow,
+        .section-correction-item.dismissed-item .section-corr-suggestion,
+        .section-correction-item.dismissed-item .section-corr-msg { text-decoration: line-through; }
+        .section-corr-marker { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
+        .section-corr-marker.spelling { background: var(--spelling); }
+        .section-corr-marker.grammar { background: var(--grammar); }
+        .section-corr-marker.style { background: var(--style); }
+        .section-corr-original { font-weight: 600; color: var(--text); }
+        .section-corr-arrow { color: var(--success); }
+        .section-corr-suggestion { color: var(--success); font-weight: 600; cursor: pointer; }
+        .section-corr-suggestion:hover { text-decoration: underline; }
+        .section-corr-msg { color: var(--text-secondary); margin-left: 4px; }
+        .section-corr-extra { color: var(--text-secondary); margin-left: 2px; }
+        .section-corr-status { flex-shrink: 0; margin-left: auto; font-size: 14px; font-weight: 700; line-height: 1; }
+        .section-corr-status.pending { color: var(--spelling); }
+        .section-corr-status.done { color: var(--success); }
+        .section-check { color: var(--success); font-size: 14px; flex-shrink: 0; }
+        .section-body { padding: 16px; font-family: 'Cascadia Code','Fira Code','Consolas',monospace; font-size: 14px; line-height: 1.8; white-space: pre-wrap; word-wrap: break-word; }
 
-        /* Error highlights */
-        .error-mark {
-            position: relative;
-            cursor: help;
-            padding: 1px 2px;
-            border-radius: 2px;
-        }
-        .error-mark.spelling {
-            background: var(--spelling-bg);
-            border-bottom: 2px solid var(--spelling);
-            text-decoration-color: var(--spelling);
-        }
-        .error-mark.grammar {
-            background: var(--grammar-bg);
-            border-bottom: 2px solid var(--grammar);
-        }
-        .error-mark.style {
-            background: var(--style-bg);
-            border-bottom: 2px solid var(--style);
-        }
+        /* Error marks — clickable, copies first suggestion */
+        .error-mark { position: relative; cursor: pointer; padding: 1px 2px; border-radius: 2px; }
+        .error-mark.dismissed { opacity: 0.25; text-decoration: line-through; cursor: default; pointer-events: none; }
+        .error-mark.spelling { background: var(--spelling-bg); border-bottom: 2px solid var(--spelling); }
+        .error-mark.grammar { background: var(--grammar-bg); border-bottom: 2px solid var(--grammar); }
+        .error-mark.style { background: var(--style-bg); border-bottom: 2px solid var(--style); }
 
-        /* Tooltip */
-        .tooltip {
-            display: none;
-            position: fixed;
-            background: var(--text);
-            color: white;
-            padding: 12px 16px;
-            border-radius: var(--radius);
-            font-size: 13px;
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            max-width: 360px;
-            z-index: 1000;
-            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
-            line-height: 1.5;
-            pointer-events: none;
-        }
-        .tooltip.visible { display: block; }
-        .tooltip-category {
-            font-size: 11px;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-            margin-bottom: 4px;
-            opacity: 0.7;
-        }
-        .tooltip-message { margin-bottom: 6px; }
-        .tooltip-suggestion {
-            background: rgba(255,255,255,0.15);
-            padding: 4px 8px;
-            border-radius: 4px;
-            font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
-            display: inline-block;
-            margin-top: 2px;
-        }
+        /* (inline checkbox removed — now at end of correction row in header) */
 
-        /* Preview View */
+        /* (error-list removed — corrections now shown in section header) */
+
+        /* Copied toast */
+        .copied-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); background: var(--text); color: white; padding: 8px 20px; border-radius: 20px; font-size: 13px; font-weight: 600; z-index: 9999; opacity: 0; transition: opacity 0.2s; pointer-events: none; }
+        .copied-toast.show { opacity: 1; }
+
+        /* Preview */
         .preview-view { padding: 32px 0; display: none; }
-        .preview-card {
-            background: var(--surface);
-            border: 1px solid var(--border);
-            border-radius: var(--radius);
-            padding: 28px;
-            max-width: 700px;
-            margin: 0 auto;
-            box-shadow: var(--shadow);
-        }
+        .preview-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px; max-width: 700px; margin: 0 auto; box-shadow: var(--shadow); }
         .preview-card h2 { font-size: 18px; margin-bottom: 4px; }
-        .preview-info {
-            font-size: 13px;
-            color: var(--text-secondary);
-            margin-bottom: 16px;
-        }
-        .preview-actions {
-            display: flex;
-            gap: 8px;
-            margin-bottom: 16px;
-            align-items: center;
-        }
-        .preview-actions button {
-            padding: 5px 12px;
-            border: 1px solid var(--border);
-            border-radius: 6px;
-            background: var(--surface);
-            font-size: 12px;
-            cursor: pointer;
-            color: var(--text-secondary);
-        }
+        .preview-info { font-size: 13px; color: var(--text-secondary); margin-bottom: 16px; }
+        .preview-actions { display: flex; gap: 8px; margin-bottom: 16px; align-items: center; }
+        .preview-actions button { padding: 5px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); font-size: 12px; cursor: pointer; color: var(--text-secondary); }
         .preview-actions button:hover { border-color: var(--primary); color: var(--primary); }
-        .preview-count {
-            font-size: 13px;
-            color: var(--text-secondary);
-            margin-left: auto;
-        }
-        .preview-list {
-            max-height: 400px;
-            overflow-y: auto;
-            border: 1px solid var(--border);
-            border-radius: 6px;
-            margin-bottom: 16px;
-        }
-        .preview-item {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            padding: 8px 12px;
-            border-bottom: 1px solid var(--border);
-            font-size: 13px;
-        }
+        .preview-count { font-size: 13px; color: var(--text-secondary); margin-left: auto; }
+        .preview-list { max-height: 400px; overflow-y: auto; border: 1px solid var(--border); border-radius: 6px; margin-bottom: 16px; }
+        .preview-item { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-bottom: 1px solid var(--border); font-size: 13px; }
         .preview-item:last-child { border-bottom: none; }
-        .preview-item input[type="checkbox"] {
-            width: 16px;
-            height: 16px;
-            flex-shrink: 0;
-            accent-color: var(--primary);
-        }
-        .preview-item label {
-            word-break: break-all;
-            cursor: pointer;
-            flex: 1;
-        }
-        .preview-buttons {
-            display: flex;
-            gap: 10px;
-        }
-        .btn-secondary {
-            padding: 10px 20px;
-            background: var(--surface);
-            color: var(--text);
-            border: 1px solid var(--border);
-            border-radius: 6px;
-            font-size: 14px;
-            font-weight: 600;
-            cursor: pointer;
-        }
+        .preview-item input[type="checkbox"] { width: 16px; height: 16px; flex-shrink: 0; accent-color: var(--primary); }
+        .preview-item label { word-break: break-all; cursor: pointer; flex: 1; }
+        .preview-buttons { display: flex; gap: 10px; }
+        .btn-secondary { padding: 10px 20px; background: var(--surface); color: var(--text); border: 1px solid var(--border); border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; }
         .btn-secondary:hover { border-color: var(--text-secondary); }
 
-        /* Responsive */
-        @media (max-width: 768px) {
-            .stats-grid { grid-template-columns: repeat(2, 1fr); }
-            .form-row { grid-template-columns: 1fr; }
-            .legend { flex-wrap: wrap; gap: 8px; }
-        }
+        @media (max-width: 768px) { .stats-grid { grid-template-columns: repeat(2, 1fr); } .form-row { grid-template-columns: 1fr; } .legend { flex-wrap: wrap; gap: 8px; } }
     </style>
 </head>
 <body>
 
-<!-- Header -->
 <div class="header">
     <div class="container header-inner">
         <h1>LanguageTool Website Checker</h1>
         <a class="header-back" id="backBtn" onclick="goBack()">&#8592; Zurück zur Übersicht</a>
-        <div class="legend" id="legend">
+        <div class="legend">
             <div class="legend-item"><span class="legend-dot spelling"></span> Rechtschreibung</div>
             <div class="legend-item"><span class="legend-dot grammar"></span> Grammatik</div>
             <div class="legend-item"><span class="legend-dot style"></span> Stil</div>
@@ -524,87 +193,52 @@
     </div>
 </div>
 
-<!-- Tooltip -->
-<div class="tooltip" id="tooltip"></div>
+<div class="copied-toast" id="copiedToast">In Zwischenablage kopiert</div>
 
-<!-- Form View -->
+<!-- Form -->
 <div class="form-view" id="formView">
-    <div class="container">
-        <div class="form-card">
-            <h2>Website prüfen</h2>
-            <p class="subtitle">Crawlt alle Seiten einer Website und prüft Texte mit LanguageTool.</p>
-
-            <div class="form-group">
-                <label>Domain</label>
-                <input type="text" id="domain" placeholder="beispiel.de" autocomplete="off">
-            </div>
-
-            <div class="form-group">
-                <label>LanguageTool E-Mail / Username</label>
-                <input type="text" id="username" placeholder="mail@beispiel.de" autocomplete="off">
-            </div>
-
-            <div class="form-group">
-                <label>LanguageTool API Key</label>
-                <input type="password" id="apiKey" placeholder="API Key eingeben" autocomplete="off">
-            </div>
-
-            <div class="form-row">
-                <div class="form-group">
-                    <label>Sprache</label>
-                    <select id="language">
-                        <option value="de-DE">Deutsch (DE)</option>
-                        <option value="de-AT">Deutsch (AT)</option>
-                        <option value="de-CH">Deutsch (CH)</option>
-                        <option value="en-US">English (US)</option>
-                        <option value="en-GB">English (GB)</option>
-                    </select>
-                </div>
-                <div class="form-group">
-                    <label>Max. Seiten</label>
-                    <input type="number" id="maxPages" value="50" min="1" max="500">
-                </div>
-            </div>
-
-            <button class="btn-primary" id="startBtn" onclick="startCheck()">Website prüfen</button>
-            <div class="error-banner" id="formError"></div>
+    <div class="container"><div class="form-card">
+        <h2>Website prüfen</h2>
+        <p class="subtitle">Crawlt alle Seiten einer Website und prüft Texte mit LanguageTool.</p>
+        <div class="form-group"><label>Domain</label><input type="text" id="domain" placeholder="beispiel.de" autocomplete="off"></div>
+        <div class="form-group"><label>LanguageTool E-Mail / Username</label><input type="text" id="username" placeholder="mail@beispiel.de" autocomplete="off"></div>
+        <div class="form-group"><label>LanguageTool API Key</label><input type="password" id="apiKey" placeholder="API Key eingeben" autocomplete="off"></div>
+        <div class="form-row">
+            <div class="form-group"><label>Sprache</label><select id="language"><option value="de-DE">Deutsch (DE)</option><option value="de-AT">Deutsch (AT)</option><option value="de-CH">Deutsch (CH)</option><option value="en-US">English (US)</option><option value="en-GB">English (GB)</option></select></div>
+            <div class="form-group"><label>Max. Seiten</label><input type="number" id="maxPages" value="50" min="1" max="500"></div>
         </div>
-    </div>
+        <button class="btn-primary" id="startBtn" onclick="startCheck()">Website prüfen</button>
+        <div class="error-banner" id="formError"></div>
+    </div></div>
 </div>
 
-<!-- Progress View -->
+<!-- Progress -->
 <div class="progress-view" id="progressView">
-    <div class="container">
-        <div class="progress-card">
-            <div class="spinner"></div>
-            <div class="progress-text" id="progressText">Starte...</div>
-            <div class="progress-detail" id="progressDetail"></div>
-            <div class="progress-bar-outer">
-                <div class="progress-bar-inner" id="progressBar"></div>
-            </div>
-        </div>
-    </div>
+    <div class="container"><div class="progress-card">
+        <div class="spinner"></div>
+        <div class="progress-text" id="progressText">Starte...</div>
+        <div class="progress-detail" id="progressDetail"></div>
+        <div class="progress-bar-outer"><div class="progress-bar-inner" id="progressBar"></div></div>
+    </div></div>
 </div>
 
-<!-- Preview View -->
+<!-- Preview -->
 <div class="preview-view" id="previewView">
-    <div class="container">
-        <div class="preview-card">
-            <h2>Gefundene Seiten</h2>
-            <div class="preview-info" id="previewInfo"></div>
-            <div class="preview-actions">
-                <button onclick="toggleAllUrls(true)">Alle auswählen</button>
-                <button onclick="toggleAllUrls(false)">Keine auswählen</button>
-                <span class="preview-count" id="previewCount"></span>
-            </div>
-            <div class="preview-list" id="previewList"></div>
-            <div class="error-banner" id="previewError"></div>
-            <div class="preview-buttons">
-                <button class="btn-secondary" onclick="showView('form')">Zurück</button>
-                <button class="btn-primary" style="flex:1" id="checkSelectedBtn" onclick="startCheckSelected()">Ausgewählte prüfen</button>
-            </div>
+    <div class="container"><div class="preview-card">
+        <h2>Gefundene Seiten</h2>
+        <div class="preview-info" id="previewInfo"></div>
+        <div class="preview-actions">
+            <button onclick="toggleAllUrls(true)">Alle auswählen</button>
+            <button onclick="toggleAllUrls(false)">Keine auswählen</button>
+            <span class="preview-count" id="previewCount"></span>
         </div>
-    </div>
+        <div class="preview-list" id="previewList"></div>
+        <div class="error-banner" id="previewError"></div>
+        <div class="preview-buttons">
+            <button class="btn-secondary" onclick="showView('form')">Zurück</button>
+            <button class="btn-primary" style="flex:1" id="checkSelectedBtn" onclick="startCheckSelected()">Ausgewählte prüfen</button>
+        </div>
+    </div></div>
 </div>
 
 <!-- Results Overview -->
@@ -612,6 +246,8 @@
     <div class="container">
         <div class="stats-grid" id="statsGrid"></div>
         <div class="results-info" id="resultsInfo"></div>
+        <div class="search-bar"><input type="text" id="globalSearch" placeholder="Fehler durchsuchen... (z.B. &quot;dass&quot; oder &quot;Komma&quot;)" oninput="onGlobalSearch()"></div>
+        <div class="search-results" id="searchResults"></div>
         <div class="page-list" id="pageList"></div>
     </div>
 </div>
@@ -621,544 +257,330 @@
     <div class="container">
         <a class="detail-url" id="detailUrl" target="_blank" rel="noopener"></a>
         <div class="detail-stats" id="detailStats"></div>
-        <div class="filter-bar" id="filterBar"></div>
+        <div class="detail-toolbar" id="detailToolbar"></div>
         <div id="detailSections"></div>
     </div>
 </div>
 
 <script>
-    // State
-    let currentSessionId = null;
-    let currentResults = null;
-    let currentView = 'form'; // form, preview, progress, results, detail
-    let currentDetailIdx = null;
-    let currentFilter = 'all'; // all, spelling, grammar, style
-    let crawledUrls = []; // URLs from crawl preview
+// ==================== STATE ====================
+let currentSessionId = null, currentResults = null, currentView = 'form';
+let currentDetailIdx = null, currentFilter = 'all', crawledUrls = [];
+let dismissedErrors = new Set(), dismissedPages = new Set();
 
-    // Views
-    const formView = document.getElementById('formView');
-    const previewView = document.getElementById('previewView');
-    const progressView = document.getElementById('progressView');
-    const resultsView = document.getElementById('resultsView');
-    const detailView = document.getElementById('detailView');
-    const backBtn = document.getElementById('backBtn');
+const formView = document.getElementById('formView');
+const previewView = document.getElementById('previewView');
+const progressView = document.getElementById('progressView');
+const resultsView = document.getElementById('resultsView');
+const detailView = document.getElementById('detailView');
+const backBtn = document.getElementById('backBtn');
 
-    // --- localStorage cache (NOT the API key) ---
-    function saveFormCache() {
-        const cache = {
-            domain: document.getElementById('domain').value,
-            username: document.getElementById('username').value,
-            language: document.getElementById('language').value,
-            maxPages: document.getElementById('maxPages').value,
-        };
-        localStorage.setItem('wc_form', JSON.stringify(cache));
-    }
-    function loadFormCache() {
-        try {
-            const cache = JSON.parse(localStorage.getItem('wc_form'));
-            if (!cache) return;
-            if (cache.domain) document.getElementById('domain').value = cache.domain;
-            if (cache.username) document.getElementById('username').value = cache.username;
-            if (cache.language) document.getElementById('language').value = cache.language;
-            if (cache.maxPages) document.getElementById('maxPages').value = cache.maxPages;
-        } catch (e) {}
-    }
-    loadFormCache();
+function showView(name) {
+    currentView = name;
+    formView.style.display = name === 'form' ? 'block' : 'none';
+    previewView.style.display = name === 'preview' ? 'block' : 'none';
+    progressView.style.display = name === 'progress' ? 'block' : 'none';
+    resultsView.style.display = name === 'results' ? 'block' : 'none';
+    detailView.style.display = name === 'detail' ? 'block' : 'none';
+    backBtn.style.display = (name === 'detail' || name === 'results') ? 'inline' : 'none';
+}
+function goBack() {
+    if (currentView === 'detail') { renderOverview(); showView('results'); }
+    else if (currentView === 'results') showView('form');
+}
 
-    function showView(name) {
-        currentView = name;
-        formView.style.display = name === 'form' ? 'block' : 'none';
-        previewView.style.display = name === 'preview' ? 'block' : 'none';
-        progressView.style.display = name === 'progress' ? 'block' : 'none';
-        resultsView.style.display = name === 'results' ? 'block' : 'none';
-        detailView.style.display = name === 'detail' ? 'block' : 'none';
-        backBtn.style.display = (name === 'detail') ? 'inline' : 'none';
-    }
+// ==================== LOCALSTORAGE ====================
+function saveFormCache() {
+    localStorage.setItem('wc_form', JSON.stringify({
+        domain: document.getElementById('domain').value,
+        username: document.getElementById('username').value,
+        language: document.getElementById('language').value,
+        maxPages: document.getElementById('maxPages').value,
+    }));
+}
+function loadFormCache() {
+    try {
+        const c = JSON.parse(localStorage.getItem('wc_form')); if (!c) return;
+        if (c.domain) document.getElementById('domain').value = c.domain;
+        if (c.username) document.getElementById('username').value = c.username;
+        if (c.language) document.getElementById('language').value = c.language;
+        if (c.maxPages) document.getElementById('maxPages').value = c.maxPages;
+    } catch (e) {}
+}
+loadFormCache();
 
-    function goBack() {
-        if (currentView === 'detail') showView('results');
-    }
+// ==================== CRAWL ====================
+async function startCheck() {
+    const domain = document.getElementById('domain').value.trim();
+    const username = document.getElementById('username').value.trim();
+    const apiKey = document.getElementById('apiKey').value.trim();
+    const maxPages = parseInt(document.getElementById('maxPages').value) || 50;
+    document.getElementById('formError').style.display = 'none';
+    if (!domain) { showError('Bitte eine Domain eingeben.'); return; }
+    if (!username || !apiKey) { showError('Bitte LanguageTool Credentials eingeben.'); return; }
+    saveFormCache();
+    const btn = document.getElementById('startBtn');
+    btn.disabled = true; btn.textContent = 'Crawle Seiten...';
+    try {
+        const resp = await fetch('/api/crawl', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ domain, maxPages }) });
+        const data = await resp.json();
+        if (data.error) { showError(data.error); btn.disabled = false; btn.textContent = 'Website prüfen'; return; }
+        crawledUrls = data.urls; renderPreview(data); showView('preview');
+    } catch (e) { showError('Netzwerkfehler: ' + e.message); }
+    btn.disabled = false; btn.textContent = 'Website prüfen';
+}
+function showError(msg) { const el = document.getElementById('formError'); el.textContent = msg; el.style.display = 'block'; }
 
-    // Step 1: Crawl and show preview
-    async function startCheck() {
-        const domain = document.getElementById('domain').value.trim();
-        const username = document.getElementById('username').value.trim();
-        const apiKey = document.getElementById('apiKey').value.trim();
-        const maxPages = parseInt(document.getElementById('maxPages').value) || 50;
-        const errorEl = document.getElementById('formError');
+// ==================== PREVIEW ====================
+function renderPreview(data) {
+    document.getElementById('previewInfo').textContent = `${data.urls.length} Seiten gefunden via ${data.sitemap_used ? 'Sitemap' : 'Link-Crawling'} auf ${data.domain}`;
+    document.getElementById('previewError').style.display = 'none';
+    document.getElementById('previewList').innerHTML = data.urls.map((url, i) =>
+        `<div class="preview-item"><input type="checkbox" id="url_${i}" checked data-url="${esc(url)}"><label for="url_${i}">${esc(url)}</label></div>`
+    ).join('');
+    updatePreviewCount();
+    document.querySelectorAll('#previewList input[type="checkbox"]').forEach(cb => cb.addEventListener('change', updatePreviewCount));
+}
+function updatePreviewCount() {
+    const all = document.querySelectorAll('#previewList input[type="checkbox"]');
+    const checked = document.querySelectorAll('#previewList input[type="checkbox"]:checked');
+    document.getElementById('previewCount').textContent = `${checked.length} / ${all.length} ausgewählt`;
+    document.getElementById('checkSelectedBtn').disabled = checked.length === 0;
+}
+function toggleAllUrls(state) { document.querySelectorAll('#previewList input[type="checkbox"]').forEach(cb => cb.checked = state); updatePreviewCount(); }
 
-        errorEl.style.display = 'none';
+// ==================== CHECK ====================
+async function startCheckSelected() {
+    const urls = []; document.querySelectorAll('#previewList input[type="checkbox"]:checked').forEach(cb => urls.push(cb.getAttribute('data-url')));
+    if (!urls.length) { document.getElementById('previewError').textContent = 'Bitte mindestens eine Seite auswählen.'; document.getElementById('previewError').style.display = 'block'; return; }
+    const domain = document.getElementById('domain').value.trim(), username = document.getElementById('username').value.trim();
+    const apiKey = document.getElementById('apiKey').value.trim(), language = document.getElementById('language').value;
+    const btn = document.getElementById('checkSelectedBtn'); btn.disabled = true; btn.textContent = 'Starte Prüfung...';
+    try {
+        const resp = await fetch('/api/check', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ domain, username, apiKey, language, urls }) });
+        const data = await resp.json();
+        if (data.error) { document.getElementById('previewError').textContent = data.error; document.getElementById('previewError').style.display = 'block'; btn.disabled = false; btn.textContent = 'Ausgewählte prüfen'; return; }
+        currentSessionId = data.sessionId; showView('progress'); pollStatus();
+    } catch (e) { document.getElementById('previewError').textContent = 'Netzwerkfehler: ' + e.message; document.getElementById('previewError').style.display = 'block'; }
+    btn.disabled = false; btn.textContent = 'Ausgewählte prüfen';
+}
 
-        if (!domain) { showError('Bitte eine Domain eingeben.'); return; }
-        if (!username || !apiKey) { showError('Bitte LanguageTool Credentials eingeben.'); return; }
-
-        saveFormCache();
-
-        const btn = document.getElementById('startBtn');
-        btn.disabled = true;
-        btn.textContent = 'Crawle Seiten...';
-
-        try {
-            const resp = await fetch('/api/crawl', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ domain, maxPages }),
-            });
-            const data = await resp.json();
-
-            if (data.error) {
-                showError(data.error);
-                btn.disabled = false;
-                btn.textContent = 'Website prüfen';
-                return;
-            }
-
-            crawledUrls = data.urls;
-            renderPreview(data);
-            showView('preview');
-        } catch (e) {
-            showError('Netzwerkfehler: ' + e.message);
+// ==================== POLLING ====================
+function pollStatus() {
+    const evtSource = new EventSource('/api/stream/' + currentSessionId);
+    evtSource.onmessage = function(event) {
+        const d = JSON.parse(event.data);
+        document.getElementById('progressText').textContent = d.message;
+        if (d.progress && d.progress.total > 0) {
+            document.getElementById('progressBar').style.width = Math.round((d.progress.current / d.progress.total) * 100) + '%';
+            document.getElementById('progressDetail').textContent = `Seite ${d.progress.current} von ${d.progress.total}`;
         }
-        btn.disabled = false;
-        btn.textContent = 'Website prüfen';
-    }
+        if (d.status === 'done') { evtSource.close(); loadResults(); }
+        else if (d.status === 'error') { evtSource.close(); showView('form'); showError(d.message); document.getElementById('startBtn').disabled = false; document.getElementById('startBtn').textContent = 'Website prüfen'; }
+    };
+    evtSource.onerror = function() { evtSource.close(); setTimeout(pollViaRest, 1000); };
+}
+async function pollViaRest() {
+    try {
+        const resp = await fetch('/api/status/' + currentSessionId); const d = await resp.json();
+        document.getElementById('progressText').textContent = d.message;
+        if (d.progress && d.progress.total > 0) { document.getElementById('progressBar').style.width = Math.round((d.progress.current / d.progress.total) * 100) + '%'; document.getElementById('progressDetail').textContent = `Seite ${d.progress.current} von ${d.progress.total}`; }
+        if (d.status === 'done') loadResults(); else if (d.status === 'error') { showView('form'); showError(d.message); } else setTimeout(pollViaRest, 1000);
+    } catch (e) { setTimeout(pollViaRest, 2000); }
+}
 
-    // Preview rendering
-    function renderPreview(data) {
-        const info = `${data.urls.length} Seiten gefunden via ${data.sitemap_used ? 'Sitemap' : 'Link-Crawling'} auf ${data.domain}`;
-        document.getElementById('previewInfo').textContent = info;
-        document.getElementById('previewError').style.display = 'none';
+// ==================== RESULTS ====================
+async function loadResults() {
+    try {
+        const resp = await fetch('/api/results/' + currentSessionId); currentResults = await resp.json();
+        if (currentResults.error) { showView('form'); showError(currentResults.error); return; }
+        dismissedErrors = new Set(); dismissedPages = new Set();
+        renderOverview(); showView('results');
+    } catch (e) { showView('form'); showError('Fehler beim Laden der Ergebnisse.'); }
+    document.getElementById('startBtn').disabled = false; document.getElementById('startBtn').textContent = 'Website prüfen';
+}
+function renderOverview() {
+    const r = currentResults;
+    const total = r.total_errors.spelling + r.total_errors.grammar + r.total_errors.style;
+    document.getElementById('statsGrid').innerHTML = `
+        <div class="stat-card"><div class="stat-number">${r.pages_checked}</div><div class="stat-label">Seiten</div></div>
+        <div class="stat-card"><div class="stat-number spelling">${r.total_errors.spelling}</div><div class="stat-label">Rechtschreibung</div></div>
+        <div class="stat-card"><div class="stat-number grammar">${r.total_errors.grammar}</div><div class="stat-label">Grammatik</div></div>
+        <div class="stat-card"><div class="stat-number style">${r.total_errors.style}</div><div class="stat-label">Stil</div></div>`;
+    document.getElementById('resultsInfo').textContent = `${r.domain} — ${r.pages_checked} Seiten geprüft, ${total} Fehler gesamt` + (r.pages_skipped > 0 ? `, ${r.pages_skipped} übersprungen` : '');
+    document.getElementById('globalSearch').value = ''; document.getElementById('searchResults').innerHTML = '';
+    document.getElementById('pageList').innerHTML = r.pages.map((page, idx) => {
+        if (page.skipped) return `<div class="page-item skipped"><span class="page-url">${esc(page.url)}</span><span class="badge error">${esc(page.error_message || 'Übersprungen')}</span></div>`;
+        const dm = dismissedPages.has(idx);
+        const b = [];
+        if (page.error_count.spelling > 0) b.push(`<span class="badge spelling">${page.error_count.spelling}</span>`);
+        if (page.error_count.grammar > 0) b.push(`<span class="badge grammar">${page.error_count.grammar}</span>`);
+        if (page.error_count.style > 0) b.push(`<span class="badge style">${page.error_count.style}</span>`);
+        if (page.total_errors === 0) b.push(`<span class="badge success">Fehlerfrei</span>`);
+        if (dm) b.push(`<span class="badge success">Erledigt</span>`);
+        const pageIcon = dm
+            ? '<span class="page-dismiss-icon done" title="Erledigt – klick zum Enthaken" onclick="event.stopPropagation();togglePageDismiss('+idx+')">&#10003;</span>'
+            : '<span class="page-dismiss-icon pending" title="Ausstehend – klick zum Abhaken" onclick="event.stopPropagation();togglePageDismiss('+idx+')">&#10005;</span>';
+        return `<div class="page-item ${dm?'dismissed':''}" onclick="showDetail(${idx})"><span class="page-url">${esc(page.url)}</span><div class="page-badges">${b.join('')}${pageIcon}</div></div>`;
+    }).join('');
+}
 
-        const listHtml = data.urls.map((url, i) =>
-            `<div class="preview-item">
-                <input type="checkbox" id="url_${i}" checked data-url="${escapeHtml(url)}">
-                <label for="url_${i}">${escapeHtml(url)}</label>
-            </div>`
-        ).join('');
-        document.getElementById('previewList').innerHTML = listHtml;
-        updatePreviewCount();
-
-        // Listen for checkbox changes
-        document.querySelectorAll('#previewList input[type="checkbox"]').forEach(cb => {
-            cb.addEventListener('change', updatePreviewCount);
-        });
-    }
-
-    function updatePreviewCount() {
-        const all = document.querySelectorAll('#previewList input[type="checkbox"]');
-        const checked = document.querySelectorAll('#previewList input[type="checkbox"]:checked');
-        document.getElementById('previewCount').textContent = `${checked.length} / ${all.length} ausgewählt`;
-        document.getElementById('checkSelectedBtn').disabled = checked.length === 0;
-    }
-
-    function toggleAllUrls(state) {
-        document.querySelectorAll('#previewList input[type="checkbox"]').forEach(cb => {
-            cb.checked = state;
-        });
-        updatePreviewCount();
-    }
-
-    // Step 2: Check selected URLs
-    async function startCheckSelected() {
-        const selectedUrls = [];
-        document.querySelectorAll('#previewList input[type="checkbox"]:checked').forEach(cb => {
-            selectedUrls.push(cb.getAttribute('data-url'));
-        });
-
-        if (selectedUrls.length === 0) {
-            document.getElementById('previewError').textContent = 'Bitte mindestens eine Seite auswählen.';
-            document.getElementById('previewError').style.display = 'block';
-            return;
-        }
-
-        const domain = document.getElementById('domain').value.trim();
-        const username = document.getElementById('username').value.trim();
-        const apiKey = document.getElementById('apiKey').value.trim();
-        const language = document.getElementById('language').value;
-
-        const btn = document.getElementById('checkSelectedBtn');
-        btn.disabled = true;
-        btn.textContent = 'Starte Prüfung...';
-
-        try {
-            const resp = await fetch('/api/check', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ domain, username, apiKey, language, urls: selectedUrls }),
-            });
-            const data = await resp.json();
-
-            if (data.error) {
-                document.getElementById('previewError').textContent = data.error;
-                document.getElementById('previewError').style.display = 'block';
-                btn.disabled = false;
-                btn.textContent = 'Ausgewählte prüfen';
-                return;
+// ==================== GLOBAL SEARCH ====================
+function onGlobalSearch() {
+    const q = document.getElementById('globalSearch').value.trim().toLowerCase(), c = document.getElementById('searchResults');
+    if (!q || q.length < 2 || !currentResults) { c.innerHTML = ''; return; }
+    const res = [];
+    for (let pi = 0; pi < currentResults.pages.length && res.length < 50; pi++) {
+        const page = currentResults.pages[pi]; if (page.skipped) continue;
+        for (let si = 0; si < page.sections.length && res.length < 50; si++) {
+            const sec = page.sections[si]; if (!sec.matches) continue;
+            for (let mi = 0; mi < sec.matches.length && res.length < 50; mi++) {
+                const m = sec.matches[mi]; if (dismissedErrors.has(`${pi}:${si}:${mi}`)) continue;
+                const et = sec.text.substring(m.offset, m.offset + m.length), msg = m.message || '';
+                const ctx = sec.text.substring(Math.max(0, m.offset - 20), m.offset + m.length + 20);
+                if (et.toLowerCase().includes(q) || msg.toLowerCase().includes(q) || (m.replacements && m.replacements.some(r => r.toLowerCase().includes(q))))
+                    res.push({ pi, et, ctx, msg, url: page.url });
             }
-
-            currentSessionId = data.sessionId;
-            showView('progress');
-            pollStatus();
-        } catch (e) {
-            document.getElementById('previewError').textContent = 'Netzwerkfehler: ' + e.message;
-            document.getElementById('previewError').style.display = 'block';
-        }
-        btn.disabled = false;
-        btn.textContent = 'Ausgewählte prüfen';
-    }
-
-    function showError(msg) {
-        const el = document.getElementById('formError');
-        el.textContent = msg;
-        el.style.display = 'block';
-    }
-
-    // Poll status via SSE
-    function pollStatus() {
-        const evtSource = new EventSource('/api/stream/' + currentSessionId);
-
-        evtSource.onmessage = function(event) {
-            const data = JSON.parse(event.data);
-            document.getElementById('progressText').textContent = data.message;
-
-            if (data.progress && data.progress.total > 0) {
-                const pct = Math.round((data.progress.current / data.progress.total) * 100);
-                document.getElementById('progressBar').style.width = pct + '%';
-                document.getElementById('progressDetail').textContent =
-                    `Seite ${data.progress.current} von ${data.progress.total}`;
-            }
-
-            if (data.status === 'done') {
-                evtSource.close();
-                loadResults();
-            } else if (data.status === 'error') {
-                evtSource.close();
-                showView('form');
-                const btn = document.getElementById('startBtn');
-                btn.disabled = false;
-                btn.textContent = 'Website prüfen';
-                showError(data.message);
-            }
-        };
-
-        evtSource.onerror = function() {
-            evtSource.close();
-            // Fallback: poll via REST
-            setTimeout(() => pollViaRest(), 1000);
-        };
-    }
-
-    async function pollViaRest() {
-        try {
-            const resp = await fetch('/api/status/' + currentSessionId);
-            const data = await resp.json();
-
-            document.getElementById('progressText').textContent = data.message;
-
-            if (data.progress && data.progress.total > 0) {
-                const pct = Math.round((data.progress.current / data.progress.total) * 100);
-                document.getElementById('progressBar').style.width = pct + '%';
-                document.getElementById('progressDetail').textContent =
-                    `Seite ${data.progress.current} von ${data.progress.total}`;
-            }
-
-            if (data.status === 'done') {
-                loadResults();
-            } else if (data.status === 'error') {
-                showView('form');
-                const btn = document.getElementById('startBtn');
-                btn.disabled = false;
-                btn.textContent = 'Website prüfen';
-                showError(data.message);
-            } else {
-                setTimeout(() => pollViaRest(), 1000);
-            }
-        } catch (e) {
-            setTimeout(() => pollViaRest(), 2000);
         }
     }
+    if (!res.length) { c.innerHTML = '<div style="font-size:13px;color:var(--text-secondary);padding:8px 0;">Keine Treffer.</div>'; return; }
+    c.innerHTML = res.map(r => {
+        const hl = r.ctx.replace(new RegExp(`(${escRx(r.et)})`, 'gi'), '<span class="search-highlight">$1</span>');
+        return `<div class="search-result-item" onclick="showDetail(${r.pi})"><div class="search-result-url">${esc(r.url)}</div><div class="search-result-context">${hl}</div><div style="font-size:11px;color:var(--text-secondary);margin-top:4px">${esc(r.msg)}</div></div>`;
+    }).join('');
+}
 
-    // Load and render results
-    async function loadResults() {
-        try {
-            const resp = await fetch('/api/results/' + currentSessionId);
-            currentResults = await resp.json();
+// ==================== PAGE DISMISS ====================
+function togglePageDismiss(idx) {
+    const p = currentResults.pages[idx];
+    if (dismissedPages.has(idx)) {
+        dismissedPages.delete(idx);
+        if (p) p.sections.forEach((s,si) => (s.matches||[]).forEach((m,mi) => dismissedErrors.delete(`${idx}:${si}:${mi}`)));
+    } else {
+        dismissedPages.add(idx);
+        if (p) p.sections.forEach((s,si) => (s.matches||[]).forEach((m,mi) => dismissedErrors.add(`${idx}:${si}:${mi}`)));
+    }
+    renderOverview();
+}
 
-            if (currentResults.error) {
-                showView('form');
-                showError(currentResults.error);
-                return;
-            }
+// ==================== DETAIL VIEW ====================
+function showDetail(idx) {
+    const page = currentResults.pages[idx]; if (!page || page.skipped) return;
+    currentDetailIdx = idx; currentFilter = 'all';
+    document.getElementById('detailUrl').href = page.url; document.getElementById('detailUrl').textContent = page.url;
+    const s = [];
+    if (page.error_count.spelling > 0) s.push(`<span class="badge spelling">${page.error_count.spelling} Rechtschreibung</span>`);
+    if (page.error_count.grammar > 0) s.push(`<span class="badge grammar">${page.error_count.grammar} Grammatik</span>`);
+    if (page.error_count.style > 0) s.push(`<span class="badge style">${page.error_count.style} Stil</span>`);
+    if (page.total_errors === 0) s.push(`<span class="badge success">Fehlerfrei</span>`);
+    document.getElementById('detailStats').innerHTML = s.join('');
+    renderToolbar(page); renderSections(page, 'all'); showView('detail'); window.scrollTo(0, 0);
+}
+function renderToolbar(page) {
+    const bar = document.getElementById('detailToolbar'), c = page.error_count;
+    if (page.total_errors === 0) { bar.innerHTML = ''; return; }
+    let h = `<button class="filter-btn active" data-filter="all" onclick="setFilter('all')">Alle</button>`;
+    if (c.spelling > 0) h += `<button class="filter-btn" data-filter="spelling" onclick="setFilter('spelling')">Rechtschreibung (${c.spelling})</button>`;
+    if (c.grammar > 0) h += `<button class="filter-btn" data-filter="grammar" onclick="setFilter('grammar')">Grammatik (${c.grammar})</button>`;
+    if (c.style > 0) h += `<button class="filter-btn" data-filter="style" onclick="setFilter('style')">Stil (${c.style})</button>`;
+    h += `<span class="toolbar-spacer"></span><button class="dismiss-all-btn" onclick="dismissAllOnPage(${currentDetailIdx})">Alle abhaken</button>`;
+    bar.innerHTML = h;
+}
+function setFilter(f) {
+    currentFilter = f;
+    document.querySelectorAll('.filter-btn').forEach(b => b.classList.toggle('active', b.getAttribute('data-filter') === f));
+    renderSections(currentResults.pages[currentDetailIdx], f);
+}
+function dismissAllOnPage(idx) {
+    const p = currentResults.pages[idx];
+    p.sections.forEach((s, si) => (s.matches || []).forEach((m, mi) => dismissedErrors.add(`${idx}:${si}:${mi}`)));
+    dismissedPages.add(idx); renderSections(p, currentFilter); renderToolbar(p);
+}
+function toggleError(pi, si, mi) {
+    const key = `${pi}:${si}:${mi}`;
+    if (dismissedErrors.has(key)) {
+        dismissedErrors.delete(key);
+        dismissedPages.delete(pi);  // un-dismiss page if any error unchecked
+    } else {
+        dismissedErrors.add(key);
+        // Check if all errors on this page are now dismissed
+        const page = currentResults.pages[pi]; let allDone = true;
+        page.sections.forEach((s, si2) => (s.matches || []).forEach((m, mi2) => { if (!dismissedErrors.has(`${pi}:${si2}:${mi2}`)) allDone = false; }));
+        if (allDone) dismissedPages.add(pi);
+    }
+    renderSections(currentResults.pages[pi], currentFilter);
+}
 
-            renderOverview();
-            showView('results');
-        } catch (e) {
-            showView('form');
-            showError('Fehler beim Laden der Ergebnisse.');
+// ==================== RENDER SECTIONS ====================
+function renderSections(page, filter) {
+    const pi = currentDetailIdx, html = [];
+    for (let si = 0; si < page.sections.length; si++) {
+        const sec = page.sections[si], allM = sec.matches || [];
+        const fm = filter === 'all' ? allM : allM.filter(m => m.category === filter);
+        if (filter !== 'all' && fm.length === 0) continue;
+
+        const mws = fm.map(m => { const ri = allM.indexOf(m); return { ...m, dis: dismissedErrors.has(`${pi}:${si}:${ri}`), ri }; });
+        const active = mws.filter(m => !m.dis).length;
+        const allDone = mws.length > 0 && active === 0;
+        const check = (!mws.length || allDone) ? '<span class="section-check">&#10003;</span>' : '';
+
+        // Build highlighted text with inline checkboxes
+        const textHtml = mws.length > 0 ? renderText(sec.text, mws, pi, si) : esc(sec.text);
+
+        // Build corrections directly in the section header
+        let correctionsHtml = '';
+        if (mws.length > 0) {
+            correctionsHtml = '<div class="section-corrections">' + mws.map(m => {
+                const orig = sec.text.substring(m.offset, m.offset + m.length);
+                const sugg = m.replacements && m.replacements.length > 0 ? m.replacements[0] : '';
+                const dimClass = m.dis ? ' dismissed-item' : '';
+                const statusIcon = m.dis
+                    ? '<span class="section-corr-status done">&#10003;</span>'
+                    : '<span class="section-corr-status pending">&#10005;</span>';
+                const copyClick = sugg ? `event.stopPropagation();copyText('${esc(sugg.replace(/'/g, "\\'"))}')` : '';
+                return `<div class="section-correction-item${dimClass}" onclick="toggleError(${pi},${si},${m.ri})"><span class="section-corr-marker ${m.category}"></span><span class="section-corr-original">${esc(orig)}</span>${sugg ? `<span class="section-corr-arrow">&rarr;</span><span class="section-corr-suggestion" onclick="${copyClick}" title="Klick kopiert">${esc(sugg)}</span>` : ''}${m.replacements && m.replacements.length > 1 ? `<span class="section-corr-extra">(+${m.replacements.length - 1})</span>` : ''}<span class="section-corr-msg">${esc(m.message)}</span>${statusIcon}</div>`;
+            }).join('') + '</div>';
         }
 
-        // Reset form button
-        const btn = document.getElementById('startBtn');
-        btn.disabled = false;
-        btn.textContent = 'Website prüfen';
+        html.push(`<div class="section-block">
+            <div class="section-header"><div class="section-header-left"><span class="section-type-label">${esc(sec.type)}</span>${correctionsHtml}</div>${check}</div>
+            <div class="section-body">${textHtml}</div>
+        </div>`);
     }
+    document.getElementById('detailSections').innerHTML = html.join('');
+}
 
-    function renderOverview() {
-        const r = currentResults;
-        const totalErrors = r.total_errors.spelling + r.total_errors.grammar + r.total_errors.style;
-
-        // Stats
-        document.getElementById('statsGrid').innerHTML = `
-            <div class="stat-card">
-                <div class="stat-number">${r.pages_checked}</div>
-                <div class="stat-label">Seiten geprüft</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number spelling">${r.total_errors.spelling}</div>
-                <div class="stat-label">Rechtschreibung</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number grammar">${r.total_errors.grammar}</div>
-                <div class="stat-label">Grammatik</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number style">${r.total_errors.style}</div>
-                <div class="stat-label">Stil</div>
-            </div>
-        `;
-
-        // Info line
-        document.getElementById('resultsInfo').textContent =
-            `${r.domain} — ${r.pages_checked} Seiten geprüft, ${totalErrors} Fehler gesamt` +
-            (r.pages_skipped > 0 ? `, ${r.pages_skipped} übersprungen` : '');
-
-        // Page list
-        const listHtml = r.pages.map((page, idx) => {
-            if (page.skipped) {
-                return `<div class="page-item skipped">
-                    <span class="page-url">${escapeHtml(page.url)}</span>
-                    <span class="badge error">${escapeHtml(page.error_message || 'Übersprungen')}</span>
-                </div>`;
-            }
-
-            const badges = [];
-            if (page.error_count.spelling > 0)
-                badges.push(`<span class="badge spelling">${page.error_count.spelling} Rechtschr.</span>`);
-            if (page.error_count.grammar > 0)
-                badges.push(`<span class="badge grammar">${page.error_count.grammar} Grammatik</span>`);
-            if (page.error_count.style > 0)
-                badges.push(`<span class="badge style">${page.error_count.style} Stil</span>`);
-            if (page.total_errors === 0)
-                badges.push(`<span class="badge success">Fehlerfrei</span>`);
-
-            return `<div class="page-item" onclick="showDetail(${idx})">
-                <span class="page-url">${escapeHtml(page.url)}</span>
-                <div class="page-badges">${badges.join('')}</div>
-            </div>`;
-        }).join('');
-
-        document.getElementById('pageList').innerHTML = listHtml;
+function renderText(text, matches, pi, si) {
+    const sorted = [...matches].sort((a, b) => a.offset - b.offset);
+    let r = '', last = 0;
+    for (const m of sorted) {
+        const s = m.offset, e = s + m.length;
+        if (s < last) continue;
+        r += esc(text.slice(last, s));
+        const word = text.slice(s, e);
+        const sugg = m.replacements && m.replacements.length > 0 ? m.replacements[0] : '';
+        const dc = m.dis ? ' dismissed' : '';
+        const clickCopy = sugg && !m.dis ? `onclick="copyText('${esc(sugg.replace(/'/g, "\\'"))}')"` : '';
+        const title = sugg && !m.dis ? `title="Klick kopiert: ${esc(sugg)}"` : '';
+        r += `<span class="error-mark ${m.category}${dc}" ${clickCopy} ${title}>${esc(word)}</span>`;
+        last = e;
     }
+    r += esc(text.slice(last));
+    return r;
+}
 
-    function showDetail(pageIdx) {
-        const page = currentResults.pages[pageIdx];
-        if (!page || page.skipped) return;
-
-        currentDetailIdx = pageIdx;
-        currentFilter = 'all';
-
-        // URL
-        const urlEl = document.getElementById('detailUrl');
-        urlEl.href = page.url;
-        urlEl.textContent = page.url;
-
-        // Stats
-        const statsHtml = [];
-        if (page.error_count.spelling > 0)
-            statsHtml.push(`<span class="badge spelling">${page.error_count.spelling} Rechtschreibung</span>`);
-        if (page.error_count.grammar > 0)
-            statsHtml.push(`<span class="badge grammar">${page.error_count.grammar} Grammatik</span>`);
-        if (page.error_count.style > 0)
-            statsHtml.push(`<span class="badge style">${page.error_count.style} Stil</span>`);
-        if (page.total_errors === 0)
-            statsHtml.push(`<span class="badge success">Alle Abschnitte fehlerfrei</span>`);
-        document.getElementById('detailStats').innerHTML = statsHtml.join('');
-
-        // Filter buttons
-        renderFilterBar(page);
-
-        // Sections
-        renderDetailSections(page, 'all');
-
-        showView('detail');
-        window.scrollTo(0, 0);
-    }
-
-    function renderFilterBar(page) {
-        const bar = document.getElementById('filterBar');
-        const counts = page.error_count;
-        const hasAny = page.total_errors > 0;
-
-        if (!hasAny) {
-            bar.innerHTML = '';
-            return;
-        }
-
-        let html = `<button class="filter-btn active" data-filter="all" onclick="setFilter('all')">Alle Fehler</button>`;
-        if (counts.spelling > 0)
-            html += `<button class="filter-btn" data-filter="spelling" onclick="setFilter('spelling')">Rechtschreibung (${counts.spelling})</button>`;
-        if (counts.grammar > 0)
-            html += `<button class="filter-btn" data-filter="grammar" onclick="setFilter('grammar')">Grammatik (${counts.grammar})</button>`;
-        if (counts.style > 0)
-            html += `<button class="filter-btn" data-filter="style" onclick="setFilter('style')">Stil (${counts.style})</button>`;
-
-        bar.innerHTML = html;
-    }
-
-    function setFilter(filter) {
-        currentFilter = filter;
-        const page = currentResults.pages[currentDetailIdx];
-
-        // Update active button
-        document.querySelectorAll('.filter-btn').forEach(btn => {
-            btn.classList.toggle('active', btn.getAttribute('data-filter') === filter);
-        });
-
-        renderDetailSections(page, filter);
-    }
-
-    function renderDetailSections(page, filter) {
-        const sectionsHtml = [];
-
-        for (const section of page.sections) {
-            const allMatches = section.matches || [];
-
-            // Filter matches by category
-            const filteredMatches = filter === 'all'
-                ? allMatches
-                : allMatches.filter(m => m.category === filter);
-
-            // If filtering by type, skip sections that have no matches of that type
-            if (filter !== 'all' && filteredMatches.length === 0) continue;
-
-            const hasErrors = filteredMatches.length > 0;
-            const checkMark = !hasErrors ? '<span class="section-check">&#10003;</span>' : '';
-            const errorCount = hasErrors
-                ? `<span style="font-size:11px;color:var(--spelling)">${filteredMatches.length} Fehler</span>`
-                : '';
-
-            let bodyHtml;
-            if (hasErrors) {
-                bodyHtml = renderHighlightedText(section.text, filteredMatches);
-            } else {
-                bodyHtml = escapeHtml(section.text);
-            }
-
-            sectionsHtml.push(`<div class="section-block">
-                <div class="section-header">
-                    <span>${escapeHtml(section.type)}</span>
-                    <span>${errorCount}${checkMark}</span>
-                </div>
-                <div class="section-body">${bodyHtml}</div>
-            </div>`);
-        }
-
-        document.getElementById('detailSections').innerHTML = sectionsHtml.join('');
-    }
-
-    function renderHighlightedText(text, matches) {
-        if (!matches || matches.length === 0) return escapeHtml(text);
-
-        // Sort matches by offset
-        const sorted = [...matches].sort((a, b) => a.offset - b.offset);
-
-        let result = '';
-        let lastIdx = 0;
-
-        for (const match of sorted) {
-            const start = match.offset;
-            const end = start + match.length;
-
-            // Skip overlapping matches
-            if (start < lastIdx) continue;
-
-            // Text before match
-            result += escapeHtml(text.slice(lastIdx, start));
-
-            // Matched text
-            const matchedText = text.slice(start, end);
-            const categoryLabel = {
-                spelling: 'Rechtschreibung',
-                grammar: 'Grammatik',
-                style: 'Stil',
-            }[match.category] || match.category;
-
-            const suggestions = match.replacements && match.replacements.length > 0
-                ? match.replacements.join(', ') : '';
-
-            const tooltipData = JSON.stringify({
-                category: categoryLabel,
-                message: match.message,
-                suggestions: suggestions,
-            }).replace(/"/g, '&quot;');
-
-            result += `<span class="error-mark ${match.category}" data-tooltip="${tooltipData}" onmouseenter="showTooltip(event, this)" onmouseleave="hideTooltip()">${escapeHtml(matchedText)}</span>`;
-
-            lastIdx = end;
-        }
-
-        // Remaining text
-        result += escapeHtml(text.slice(lastIdx));
-        return result;
-    }
-
-    // Tooltip
-    const tooltipEl = document.getElementById('tooltip');
-
-    function showTooltip(event, el) {
-        const data = JSON.parse(el.getAttribute('data-tooltip').replace(/&quot;/g, '"'));
-
-        let html = `<div class="tooltip-category">${escapeHtml(data.category)}</div>`;
-        html += `<div class="tooltip-message">${escapeHtml(data.message)}</div>`;
-        if (data.suggestions) {
-            html += `<div class="tooltip-suggestion">${escapeHtml(data.suggestions)}</div>`;
-        }
-
-        tooltipEl.innerHTML = html;
-        tooltipEl.classList.add('visible');
-
-        // Position
-        const rect = el.getBoundingClientRect();
-        let left = rect.left;
-        let top = rect.bottom + 8;
-
-        // Keep in viewport
-        const tipRect = tooltipEl.getBoundingClientRect();
-        if (left + 360 > window.innerWidth) left = window.innerWidth - 370;
-        if (left < 10) left = 10;
-        if (top + tipRect.height > window.innerHeight) top = rect.top - tipRect.height - 8;
-
-        tooltipEl.style.left = left + 'px';
-        tooltipEl.style.top = top + 'px';
-    }
-
-    function hideTooltip() {
-        tooltipEl.classList.remove('visible');
-    }
-
-    function escapeHtml(str) {
-        if (!str) return '';
-        return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
-                  .replace(/"/g, '&quot;').replace(/'/g, '&#039;');
-    }
-
-    // Enter key on form
-    document.querySelectorAll('#formView input').forEach(el => {
-        el.addEventListener('keydown', e => {
-            if (e.key === 'Enter') startCheck();
-        });
+// ==================== CLIPBOARD ====================
+function copyText(text) {
+    navigator.clipboard.writeText(text).then(() => {
+        const t = document.getElementById('copiedToast');
+        t.classList.add('show'); setTimeout(() => t.classList.remove('show'), 1500);
     });
-</script>
+}
 
+// ==================== UTILS ====================
+function esc(s) { return s ? s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#039;') : ''; }
+function escRx(s) { return s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); }
+document.querySelectorAll('#formView input').forEach(el => el.addEventListener('keydown', e => { if (e.key === 'Enter') startCheck(); }));
+</script>
 </body>
 </html>