feat: add gt filter label

src/components/workflows/filters/Filters.vue

@@ -12,21 +12,25 @@ onMounted(() => {
 </script>
 
 <template>
-  <MultiSelect
-    :model-value="filtersStore.gt"
-    @update:model-value="filtersStore.gt = $event"
-    :options="gtOptions"
-    optionLabel="label"
-    placeholder="Select Ground Truth"
-    panel-class="max-w-[500px]"
-    max-selected-labels="1"
-    filter
-    class="relative"
-  >
-    <template #option="{ option }: { option: FilterOption }">
-      <span class="truncate">{{ option.label }}</span>
-    </template>
-  </MultiSelect>
+  <div class="flex items-center">
+    <span class="font-semibold mr-4">{{ $t('documents')}} ({{ $t('ground_truth')}}):</span>
+    <MultiSelect
+        :model-value="filtersStore.gt"
+        @update:model-value="filtersStore.gt = $event"
+        :options="gtOptions"
+        optionLabel="label"
+        placeholder="Select Ground Truth"
+        panel-class="max-w-[500px]"
+        max-selected-labels="1"
+        filter
+        class="relative flex-1"
+    >
+      <template #option="{ option }: { option: FilterOption }">
+        <span class="truncate">{{ option.label }}</span>
+      </template>
+    </MultiSelect>
+  </div>
+
 </template>
 
 <style scoped lang="scss">

src/locales/de.json

@@ -52,5 +52,6 @@
   "wer": "WER",
   "pages_per_minute": "Seiten pro Minute",
   "cpu_standard_deviation": "CPU Standardabweichung",
-  "date": "Datum"
+  "date": "Datum",
+  "ground_truth": "Ground Truth"
 }

src/locales/en.json

@@ -46,5 +46,6 @@
   "wer": "WER",
   "pages_per_minute": "Pages per minute",
   "cpu_standard_deviation": "CPU Standard Deviation",
-  "date": "Date"
+  "date": "Date",
+  "ground_truth": "Ground Truth"
 }