@konfuzio/document-validation-ui 0.1.25-dev.0 → 0.1.25-dev.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konfuzio/document-validation-ui",
-  "version": "0.1.25-dev.0",
+  "version": "0.1.25-dev.2",
   "repository": "git://github.com:konfuzio-ai/document-validation-ui.git",
   "main": "dist/app.js",
   "scripts": {

package/src/components/DocumentAnnotations/AnnotationContent.vue

@@ -198,6 +198,7 @@ export default {
         y1: this.span.y1,
         start_offset: this.span.start_offset,
         end_offset: this.span.end_offset,
+        is_custom: this.span.offset_string !== annotationText,
       };
     },
   },

package/src/components/DocumentAnnotations/AnnotationRow.vue

@@ -527,6 +527,7 @@ export default {
           ))
       ) {
         let spans = [];
+        let showAiWarning = false;
 
         if (!decline) {
           Object.keys(this.$refs).forEach((ref) => {
@@ -539,13 +540,24 @@ export default {
 
               // only add span if it's not null (offset_string not empty)
               if (span) {
+                showAiWarning = span.is_custom;
                 spans.push(span);
               }
             }
           });
         }
 
-        this.saveAnnotationChanges(spans, decline);
+        if (showAiWarning) {
+          this.$buefy.dialog.confirm({
+            container: "#app .dv-ui-app-container",
+            canCancel: "button",
+            message: this.$t("edit_ann_content_warning"),
+            onConfirm: () => this.saveAnnotationChanges(spans, decline),
+            onCancel: () => this.handleCancelButton(),
+          });
+        } else {
+          this.saveAnnotationChanges(spans, decline);
+        }
       } else if (
         (!this.annotation || this.isNegative(this.annotation)) &&
         this.isAnnotationInEditMode(this.annotationId())

package/src/components/DocumentAnnotations/DocumentAnnotations.vue

@@ -191,7 +191,6 @@ export default {
       "splittingSuggestions",
       "sidebarAnnotationSelected",
     ]),
-    ...mapGetters("category", ["category"]),
     ...mapGetters("document", [
       "numberOfAnnotationSetGroup",
       "emptyLabels",

package/src/components/DocumentPage/DocumentPage.vue

@@ -81,7 +81,7 @@
                 :key="'ann' + annotation.id + '-' + index"
                 :config="annotationRect(bbox, annotation.id)"
                 @click="handleFocusedAnnotation(annotation)"
-                @mouseenter="onElementEnter"
+                @mouseenter="onElementEnter(annotation, bbox)"
                 @mouseleave="onElementLeave"
               />
             </template>
@@ -310,6 +310,7 @@ export default {
       "isDocumentReadyToBeReviewed",
       "entitiesOnSelection",
       "isDocumentReviewed",
+      "labelOfAnnotation",
     ]),
   },
   watch: {
@@ -477,7 +478,7 @@ export default {
       }
     },
 
-    onElementEnter() {
+    onElementEnter(annotation = null, span = null) {
       if (
         !this.categorizeModalIsActive &&
         !this.publicView &&
@@ -486,10 +487,23 @@ export default {
       ) {
         this.$refs.stage.$el.style.cursor = "pointer";
       }
+
+      if (annotation) {
+        const label = this.labelOfAnnotation(annotation);
+        if (label) {
+          this.$store.dispatch("document/setDocumentAnnotationSelected", {
+            annotation,
+            label,
+            span,
+            scrollTo: false,
+          });
+        }
+      }
     },
 
     onElementLeave() {
       this.$refs.stage.$el.style.cursor = "inherit";
+      this.$store.dispatch("document/disableDocumentAnnotationSelected");
     },
 
     /**

package/src/components/DocumentPage/EditAnnotation.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    v-if="annotation"
+    v-if="annotation && !hide"
     class="annotation-popup small"
     :style="{ left: `${left}px`, top: `${top}px` }"
   >
@@ -101,15 +101,15 @@
       <b-button
         type="is-text"
         class="cancel-button popup-button primary-button"
-        :label="$t('cancel')"
+        :label="$t('hide')"
         :disabled="loading"
-        @click.prevent="close"
+        @click.prevent="hide = true"
       />
       <b-button
         type="is-primary"
         class="popup-button primary-button"
         :label="$t('save')"
-        :disabled="loading || !spanSelection || !selectedLabel"
+        :disabled="loading || !spanSelection || !selectedLabel || !wasChanged"
         @click.prevent="save"
       />
     </div>
@@ -155,6 +155,7 @@ export default {
       loading: false,
       isAnnSetModalShowing: false,
       setsList: [],
+      hide: false,
     };
   },
   computed: {
@@ -195,12 +196,19 @@ export default {
         return left > 0 ? left : 0;
       }
     },
+    wasChanged() {
+      return (
+        this.editAnnotation.annotationSet.id !== this.selectedSet.id ||
+        this.editAnnotation.label.id !== this.selectedLabel.id
+      );
+    },
   },
   watch: {
     selectedSet(newValue) {
       this.labelsFiltered = this.labelsFilteredForAnnotationCreation(newValue);
     },
     editAnnotation() {
+      this.hide = false;
       this.loadInfo();
     },
   },
@@ -247,10 +255,7 @@ export default {
     async save() {
       this.loading = true;
 
-      if (
-        this.editAnnotation.labelSet.id !== this.selectedSet.id ||
-        this.editAnnotation.label.id !== this.selectedLabel.id
-      ) {
+      if (this.wasChanged) {
         // first delete annotation, then create new one
         await this.$store
           .dispatch("document/deleteAnnotation", {

package/src/locales/de.json

@@ -20,6 +20,7 @@
   "save": "Speichern",
   "autosaving": "Automatisches Speichern...",
   "saved": "Gespeichert",
+  "hide": "Verstecken",
   "not_saved": "Konnte nicht gespeichert werden. Versuchen Sie es noch einmal",
   "handover": "Übergeben",
   "handover_document": "Übergabedokument",
@@ -155,5 +156,6 @@
   "document_details": "Einzelheiten",
   "human_feedback_needed": "Menschliches Feedback erforderlich",
   "label_missing_annotations": "Fehlende Annotationen",
-  "accepted_annotations": "Akzeptierte Annotationen"
+  "accepted_annotations": "Akzeptierte Annotationen",
+  "edit_ann_content_warning": "Wenn Sie den Text ändern, kann die KI diese Annotation nicht verwenden. Dadurch werden auch die Trainingsdaten ungültig. Versuchen Sie, die Auswahl zu verändern, um den Text zu erfassen,bevor Sie ihn manuell hinzufügen, oder drücken Sie OK, um trotzdem fortzufahren."
 }

package/src/locales/en.json

@@ -21,6 +21,7 @@
   "details": "Details",
   "autosaving": "Auto saving...",
   "saved": "Saved",
+  "hide": "Hide",
   "not_saved": "Could not save. Try again",
   "handover": "Handover",
   "handover_document": "Handover document",
@@ -156,5 +157,6 @@
   "document_details": "Details",
   "human_feedback_needed": "Human Feedback needed",
   "label_missing_annotations": "Missing Annotations",
-  "accepted_annotations": "Accepted Annotations"
+  "accepted_annotations": "Accepted Annotations",
+  "edit_ann_content_warning": "If you change the text, the AI cannot use this annotation. You will also invalidate the training data. Try to change the selection to capture the text before adding it manually, or press OK to continue anyway."
 }

package/src/locales/es.json

@@ -20,6 +20,7 @@
   "save": "Guardar",
   "autosaving": "Auto guardando...",
   "saved": "Guardado",
+  "hide": "Ocultar",
   "not_saved": "No se pudo guardar. Inténtelo de nuevo.",
   "handover": "Asignar",
   "handover_document": "Asignar documento",
@@ -155,5 +156,6 @@
   "document_details": "Detalles",
   "human_feedback_needed": "Necesita feedback humano",
   "label_missing_annotations": "Anotaciones faltantes",
-  "accepted_annotations": "Anotaciones aceptadas"
+  "accepted_annotations": "Anotaciones aceptadas",
+  "edit_ann_content_warning": "Si cambia el texto, la IA no puede utilizar esta anotación. También invalidarás los datos del entrenamiento. Intente cambiar la selección para capturar el texto antes de agregarlo manualmente, o presione OK para continuar de todos modos."
 }

package/src/store/document.js

@@ -269,6 +269,28 @@ const getters = {
     return foundAnnotationSet;
   },
 
+  /* Get label for a given annotation */
+  labelOfAnnotation: (state) => (annotationToFind) => {
+    let foundLabel = null;
+    state.annotationSets.forEach((annotationSet) => {
+      annotationSet.labels.forEach((label) => {
+        label.annotations.forEach((annotation) => {
+          if (annotation.id === annotationToFind.id) {
+            foundLabel = label;
+            return;
+          }
+        });
+        if (foundLabel) {
+          return;
+        }
+      });
+      if (foundLabel) {
+        return;
+      }
+    });
+    return foundLabel;
+  },
+
   /* Process annotations and extract labels and sets */
   processAnnotationSets:
     (state, getters) =>