Add export button and functionality for annotations in the UI

index.html

@@ -14,6 +14,11 @@
     position: sticky; top: 0; z-index: 10;
   }
   header h1 { font-size: 17px; font-weight: 600; white-space: nowrap; }
+  .btn-export {
+    padding: 4px 12px; border: 1px solid rgba(255,255,255,.3); border-radius: 4px;
+    background: transparent; color: #fff; font-size: 12px; cursor: pointer;
+  }
+  .btn-export:hover { background: rgba(255,255,255,.1); }
   .progress-box { margin-left: auto; font-size: 13px; opacity: .85; display: flex; align-items: center; gap: 10px; }
   .progress-bar { width: 120px; height: 6px; background: #333; border-radius: 3px; overflow: hidden; }
   .progress-fill { height: 100%; background: #22c55e; transition: width .3s; }
@@ -219,6 +224,7 @@
 
 <header>
   <h1>Zusammenfassungs-Evaluation</h1>
+  <button class="btn-export" onclick="exportAnnotations()">Export</button>
   <div class="progress-box">
     <span id="progress-text">-</span>
     <div class="progress-bar"><div class="progress-fill" id="progress-fill" style="width:0"></div></div>
@@ -681,6 +687,20 @@ function toggleOriginal() {
   arrow.classList.toggle("open");
 }
 
+/* ---------- Export ---------- */
+
+async function exportAnnotations() {
+  const res = await fetch("/api/export", { headers: authHeaders() });
+  if (!res.ok) { showToast("Export fehlgeschlagen", "error"); return; }
+  const blob = await res.blob();
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = "annotations.jsonl";
+  a.click();
+  URL.revokeObjectURL(url);
+}
+
 /* ---------- Init ---------- */
 checkAuth();
 </script>