frontend/messages/de.json

@@ -321,6 +321,7 @@
 	"doc_panel_tab_history": "Verlauf",
 	"doc_panel_annotate": "Annotieren",
 	"doc_panel_annotate_stop": "Fertig",
+	"doc_panel_annotate_hint": "Klicken und ziehen Sie, um einen Bereich zu markieren",
 	"doc_panel_annotation_thread_title": "Annotation",
 	"doc_panel_discussion_annotation_tab": "Annotation · Seite {page}",
 	"pdf_annotations_show": "Annotierungen anzeigen",

frontend/messages/en.json

@@ -321,6 +321,7 @@
 	"doc_panel_tab_history": "History",
 	"doc_panel_annotate": "Annotate",
 	"doc_panel_annotate_stop": "Done",
+	"doc_panel_annotate_hint": "Click and drag to mark an area",
 	"doc_panel_annotation_thread_title": "Annotation",
 	"doc_panel_discussion_annotation_tab": "Annotation · Page {page}",
 	"pdf_annotations_show": "Show annotations",

frontend/messages/es.json

@@ -321,6 +321,7 @@
 	"doc_panel_tab_history": "Historial",
 	"doc_panel_annotate": "Anotar",
 	"doc_panel_annotate_stop": "Listo",
+	"doc_panel_annotate_hint": "Haga clic y arrastre para marcar un área",
 	"doc_panel_annotation_thread_title": "Anotación",
 	"doc_panel_discussion_annotation_tab": "Anotación · Página {page}",
 	"pdf_annotations_show": "Mostrar anotaciones",

frontend/src/lib/components/AnnotateHintStrip.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+import { m } from '$lib/paraglide/messages.js';
+
 type Props = {
 	annotateMode: boolean;
 };
@@ -12,7 +14,9 @@ let { annotateMode }: Props = $props();
 		class="hidden h-[29px] items-center gap-2 border-t border-dashed px-3.5 md:flex"
 		style="background: rgba(1,40,81,0.05); border-color: rgba(1,40,81,0.20)"
 	>
-		<span class="text-[16px] font-bold tracking-wide text-primary uppercase">Annotieren</span>
-		<span class="text-[16px] text-ink-2">Klicken Sie auf einen Bereich im Dokument</span>
+		<span class="text-[16px] font-bold tracking-wide text-primary uppercase"
+			>{m.doc_panel_annotate()}</span
+		>
+		<span class="text-[16px] text-ink-2">{m.doc_panel_annotate_hint()}</span>
 	</div>
 {/if}