fix: FIT-1097: Viewing Data Manager under Annotators account show disabled state of 'Task State' column; I can't use neither Columns nor Filters (#8955)

Co-authored-by: bmartel <[email protected]>

Author: yyassi-heartex

label_studio/fsm/serializers.py

@@ -23,6 +23,20 @@ class StateModelSerializer(serializers.Serializer):
     created_at = serializers.DateTimeField(read_only=True)
     context_data = serializers.JSONField(read_only=True)
 
+    def to_representation(self, instance):
+        """
+        Override to exclude triggered_by field for annotators.
+        """
+        data = super().to_representation(instance)
+
+        request = self.context.get('request')
+        if request and hasattr(request, 'user'):
+            user = request.user
+            if getattr(user, 'is_annotator', False):
+                data.pop('triggered_by', None)
+
+        return data
+
 
 class FSMTransitionExecuteRequestSerializer(serializers.Serializer):
     """

web/libs/app-common/src/components/state-chips/state-history-popover-content.tsx

@@ -98,19 +98,27 @@ export function StateHistoryPopoverContent({ entityType, entityId, isOpen, onClo
 
         {!isLoading && !isError && history.length > 0 && (
           <div className="space-y-3">
-            {history.map((item: StateHistoryItem, index: number) => (
-              <div key={index} className="pb-3 border-b border-neutral-border last:border-0 last:pb-0">
-                <div className="flex items-center justify-between mb-2">
-                  <Badge className={getStateColorClass(item.state)}>{formatStateName(item.state)}</Badge>
-                  <Typography variant="body" size="smallest" className="text-neutral-content-subtle">
-                    {formatTimestamp(item.created_at)}
-                  </Typography>
+            {history.map((item: StateHistoryItem, index: number) => {
+              const reasonText = item.triggered_by ? formatUserName(item.triggered_by) : item.context_data?.reason;
+              return (
+                <div
+                  key={index}
+                  className="flex flex-col gap-2 pb-3 border-b border-neutral-border last:border-0 last:pb-0"
+                >
+                  <div className="flex items-center justify-between">
+                    <Badge className={getStateColorClass(item.state)}>{formatStateName(item.state)}</Badge>
+                    <Typography variant="body" size="smallest" className="text-neutral-content-subtle">
+                      {formatTimestamp(item.created_at)}
+                    </Typography>
+                  </div>
+                  {reasonText && (
+                    <Typography variant="body" size="smallest" className="text-muted-foreground">
+                      {reasonText}
+                    </Typography>
+                  )}
                 </div>
-                <Typography variant="body" size="smallest" className="text-muted-foreground">
-                  {item.triggered_by ? `By: ${formatUserName(item.triggered_by)}` : item.context_data?.reason}
-                </Typography>
-              </div>
-            ))}
+              );
+            })}
           </div>
         )}
       </div>