+
+ Every problem has a status that determines its visibility and the
+ presence of annotations. The status of a problem is indicated by a
+ badge.
+
+
+
+
-
+
+
+ -
+ This problem has been marked as gold by a master annotator.
+ Anyone can see it.
+
+
+
+
-
+
+
+ -
+ This problem has not been marked as gold but has label or
+ knowledge base annotations attached to it. Only registered users
+ and (master) annotators can see it.
+
+
+
+
-
+
+
+ -
+ This problem has neither gold status nor label or knowledge base
+ annotations. Only registered users and (master) annotators can
+ see it.
+
+
+
+
+ You can filter problems based on their status using the select menu on
+ the left.
+
+ @if (canChangeStatus$ | async) {
+
+ You can toggle 'gold' status on a problem by clicking the
+ 'Gold'/'Ungold' button below the problem status badge.
+
+ }
+
+
diff --git a/frontend/src/app/annotate/search/status-info-modal/status-info-modal.component.scss b/frontend/src/app/annotate/search/status-info-modal/status-info-modal.component.scss
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/frontend/src/app/annotate/search/status-info-modal/status-info-modal.component.scss
@@ -0,0 +1 @@
+
diff --git a/frontend/src/app/annotate/search/status-info-modal/status-info-modal.component.spec.ts b/frontend/src/app/annotate/search/status-info-modal/status-info-modal.component.spec.ts
new file mode 100644
index 00000000..2efba84c
--- /dev/null
+++ b/frontend/src/app/annotate/search/status-info-modal/status-info-modal.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { StatusInfoModalComponent } from './status-info-modal.component';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
+import { provideHttpClient } from '@angular/common/http';
+
+describe('StatusInfoModalComponent', () => {
+ let component: StatusInfoModalComponent;
+ let fixture: ComponentFixture