refine product rule management UI

Signed-off-by: tdruez <tdruez@aboutcode.org>

Author: tdruez

product_portfolio/templates/product_portfolio/modals/manage_triage_rulesets_form.html

@@ -14,14 +14,30 @@
                  id="ruleset_{{ ruleset.uuid }}"
                  {% if ruleset.id in assigned_ruleset_ids %}checked{% endif %}>
           <span class="flex-grow-1">
-            <span class="d-flex justify-content-between align-items-baseline">
+            <span class="d-flex justify-content-between align-items-baseline mb-1">
               <strong>{{ ruleset.name }}</strong>
               <span class="badge bg-secondary-subtle text-secondary-emphasis ms-2 flex-shrink-0">
                 {% trans "Precedence:" %} {{ ruleset.precedence }}
               </span>
             </span>
-            <span class="d-block small text-body-secondary">
-              {{ ruleset.action_label }}{% if ruleset.description %}, {{ ruleset.description }}{% endif %}
+            {% if ruleset.description %}
+              <span class="d-block small text-body-secondary mb-1">{{ ruleset.description }}</span>
+            {% endif %}
+            {% if ruleset.active_rules %}
+              <span class="d-flex align-items-center flex-wrap gap-1 mb-1">
+                <span class="small text-body-secondary me-1">{% trans "Conditions:" %}</span>
+                {% for rule in ruleset.active_rules %}
+                  <span class="badge bg-secondary-subtle text-secondary-emphasis fw-normal">
+                    {{ rule.label }}{% if rule.params_str %} ({{ rule.params_str }}){% endif %}
+                  </span>
+                {% endfor %}
+              </span>
+            {% endif %}
+            <span class="d-flex align-items-center gap-2 mt-1">
+              <span class="small text-body-secondary">{% trans "Recommended action:" %}</span>
+              <span class="badge {{ ruleset.action_badge_class }} text-nowrap">
+                <i class="fas {{ ruleset.action_icon }} me-1"></i>{{ ruleset.action_label }}
+              </span>
             </span>
           </span>
         </label>

product_portfolio/views.py

@@ -155,6 +155,7 @@
 from vulnerabilities.triage.models import TriageAction
 from vulnerabilities.triage.models import TriageRecord
 from vulnerabilities.triage.models import TriageRuleset
+from vulnerabilities.triage.rules import RULE_REGISTRY as TRIAGE_RULE_REGISTRY
 
 TRIAGE_ACTION_STYLES = {
     "upgrade": ("bg-danger-subtle text-danger-emphasis", "fa-arrow-circle-up"),
@@ -2173,6 +2174,22 @@ def manage_triage_rulesets_view(request, dataspace, name, version=""):
     action_labels = dict(TriageAction.choices)
     for ruleset in available_rulesets:
         ruleset.action_label = action_labels.get(ruleset.action, ruleset.action)
+        action_badge_class, action_icon = TRIAGE_ACTION_STYLES.get(
+            ruleset.action, TRIAGE_ACTION_DEFAULT_STYLE
+        )
+        ruleset.action_badge_class = action_badge_class
+        ruleset.action_icon = action_icon
+        active_rules = []
+        for rule_type, config in ruleset.rules_config.items():
+            if rule_type not in TRIAGE_RULE_REGISTRY or not config.get("is_active"):
+                continue
+            handler = TRIAGE_RULE_REGISTRY[rule_type]
+            params = {key: value for key, value in config.items() if key != "is_active"}
+            params_str = ", ".join(
+                f"{key.replace('_', ' ')}: {value}" for key, value in params.items()
+            )
+            active_rules.append({"label": handler.label, "params_str": params_str})
+        ruleset.active_rules = active_rules
 
     return render(
         request,