Add more descriptive labels to rule rows

app/models/rule/action.rb

@@ -11,6 +11,18 @@ class Rule::Action < ApplicationRecord
     executor.options
   end
 
+  def value_display
+    if value.present?
+      if options
+        options.find { |option| option.last == value }&.first
+      else
+        ""
+      end
+    else
+      ""
+    end
+  end
+
   def executor
     rule.registry.get_executor!(action_type)
   end

app/models/rule/condition.rb

@@ -35,6 +35,18 @@ class Rule::Condition < ApplicationRecord
     end
   end
 
+  def value_display
+    if value.present?
+      if options
+        options.find { |option| option.last == value }&.first
+      else
+        value
+      end
+    else
+      ""
+    end
+  end
+
   def options
     filter.options
   end

app/views/rules/_rule.html.erb

@@ -2,9 +2,25 @@
 
 <div class="flex justify-between items-center gap-4 bg-white shadow-border-xs rounded-md p-4">
   <div class="text-sm space-y-1.5">
+    <% if rule.conditions.any? %>
+      <p class="flex items-center flex-wrap gap-1.5">
+        <span class="px-2 py-1 border border-alpha-black-200 rounded-full">
+          If <%= rule.conditions.first.filter.label %> <%= rule.conditions.first.operator %> <%= rule.conditions.first.value_display %>
+        </span>
+
+        <% if rule.conditions.count > 1 %>
+          and <%= rule.conditions.count - 1 %> more <%= rule.conditions.count - 1 == 1 ? "condition" : "conditions" %>
+        <% end %>
+      </p>
+    <% end %>
+
     <p class="flex items-center flex-wrap gap-1.5">
       <span class="px-2 py-1 border border-alpha-black-200 rounded-full">
-        <%= rule.actions.first.executor.label %>
+        <% if rule.actions.first.value && rule.actions.first.options %>
+          <%= rule.actions.first.executor.label %> to <%= rule.actions.first.value_display %>
+        <% else%>
+          <%= rule.actions.first.executor.label %>
+        <% end %>
       </span>
 
       <% if rule.actions.count > 1 %>