From 12c3ffc5560f29b22adc2433671454c6ae8d51fb Mon Sep 17 00:00:00 2001
From: averel10 <achille.huenenberger@gmail.com>
Date: Fri, 10 Apr 2026 07:44:43 +0200
Subject: [PATCH] feat: added Transkription-Display in Calibration and
 Annotation

---
 src/app/actions/annotations.ts                            | 1 +
 .../AnnotationViews/SingleChoiceBinaryEntryView.tsx       | 8 ++++++++
 src/components/AnnotationViews/SingleChoiceEntryView.tsx  | 8 ++++++++
 src/components/CalibrationViews/CalibrationEntryView.tsx  | 8 ++++++++
 src/lib/dialects.ts                                       | 1 +
 5 files changed, 26 insertions(+)

diff --git a/src/app/actions/annotations.ts b/src/app/actions/annotations.ts
index c2a3235..84113b2 100644
--- a/src/app/actions/annotations.ts
+++ b/src/app/actions/annotations.ts
@@ -156,6 +156,7 @@ export async function getAnnotationEntries(experimentId: number): Promise<Datase
     experimentId: experimentId,
     datasetId: e.datasetId,
     annotation: annotationEntries.find((a) => a.datasetEntryId === e.id)?.rating || null,
+    utteranceText: e.utteranceText,
   }));
 
   return sortEntriesByWeightedDialectScore(mapped, dialectScores, session.user.id);
diff --git a/src/components/AnnotationViews/SingleChoiceBinaryEntryView.tsx b/src/components/AnnotationViews/SingleChoiceBinaryEntryView.tsx
index d5507da..53fd9f0 100644
--- a/src/components/AnnotationViews/SingleChoiceBinaryEntryView.tsx
+++ b/src/components/AnnotationViews/SingleChoiceBinaryEntryView.tsx
@@ -70,6 +70,14 @@ export default function SingleChoiceBinaryEntryView({
         </p>
       )}
 
+      {/* Utterance text */}
+      {entry.utteranceText && (
+        <div className="mt-4 mb-4 p-3 bg-gray-100 rounded-lg">
+          <p className="text-xs text-gray-500 uppercase tracking-wide font-semibold mb-1">Transkription</p>
+          <p className="text-sm text-gray-800 italic">"{entry.utteranceText}"</p>
+        </div>
+      )}
+
       {/* Dialect + question */}
       <div className="mt-4 mb-3">
         <div className="text-s font-semibold text-gray-700">
diff --git a/src/components/AnnotationViews/SingleChoiceEntryView.tsx b/src/components/AnnotationViews/SingleChoiceEntryView.tsx
index 498e6f3..7be3191 100644
--- a/src/components/AnnotationViews/SingleChoiceEntryView.tsx
+++ b/src/components/AnnotationViews/SingleChoiceEntryView.tsx
@@ -71,6 +71,14 @@ export default function SingleChoiceEntryView({
         </p>
       )}
 
+      {/* Utterance text */}
+      {entry.utteranceText && (
+        <div className="mt-4 mb-4 p-3 bg-gray-100 rounded-lg">
+          <p className="text-xs text-gray-500 uppercase tracking-wide font-semibold mb-1">Transkription</p>
+          <p className="text-sm text-gray-800 italic">"{entry.utteranceText}"</p>
+        </div>
+      )}
+
       {/* Dialect + question */}
       <div className="mt-4 mb-3">
         <div className="text-s font-semibold text-gray-700">
diff --git a/src/components/CalibrationViews/CalibrationEntryView.tsx b/src/components/CalibrationViews/CalibrationEntryView.tsx
index 397c95e..317d86a 100644
--- a/src/components/CalibrationViews/CalibrationEntryView.tsx
+++ b/src/components/CalibrationViews/CalibrationEntryView.tsx
@@ -92,6 +92,14 @@ export default function CalibrationEntryView({
         </p>
       )}
 
+      {/* Utterance text */}
+      {entry.utteranceText && (
+        <div className="mt-4 mb-4 p-3 bg-gray-100 rounded-lg">
+          <p className="text-xs text-gray-500 uppercase tracking-wide font-semibold mb-1">Transkription</p>
+          <p className="text-sm text-gray-800 italic">"{entry.utteranceText}"</p>
+        </div>
+      )}
+
       {/* Questions container */}
       <div className="mt-6 flex flex-col lg:flex-row gap-6">
         {/* Dialect question */}
diff --git a/src/lib/dialects.ts b/src/lib/dialects.ts
index 818fadf..95f45c1 100644
--- a/src/lib/dialects.ts
+++ b/src/lib/dialects.ts
@@ -28,4 +28,5 @@ export type DatasetEntryForAnnotation = {
   datasetId: number;
   experimentId: number;
   annotation: number | null;
+  utteranceText: string | null;
 };