move state on workflow show page from header to summary table

app/components/viral/page_header_component.html.erb

@@ -12,11 +12,7 @@
               inline text-2xl font-medium leading-tight text-slate-900 dark:text-white
             "
           ><%= title %></h1>
-          <% if @id_color %>
-            <%= viral_pill(text: id, color: @id_color, border: true) %>
-          <% else %>
-            <%= render PuidComponent.new(puid: id) %>
-          <% end %>
+          <%= render PuidComponent.new(puid: id) %>
         </div>
       <% else %>
         <h1

app/views/projects/workflow_executions/_summary.html.erb

@@ -19,6 +19,10 @@
         <dd class="text-lg font-semibold text-slate-900 dark:text-white"><%= @workflow_execution.name %></dd>
       </div>
     <% end %>
+    <div class="flex flex-col py-3">
+      <dt class="mb-1 text-slate-500 md:text-lg dark:text-slate-400"><%= t(:".state") %></dt>
+      <dd class="text-lg font-semibold text-slate-900 dark:text-white"><%= viral_pill(text: t("workflow_executions.state.#{@workflow_execution.state}"), color: retrieve_pill_color('workflow_executions', @workflow_execution.state), border: true) %></dd>
+    </div>
     <div class="flex flex-col py-3">
       <dt class="mb-1 text-slate-500 md:text-lg dark:text-slate-400"><%= t(:".workflow_name") %></dt>
       <dd class="text-lg font-semibold text-slate-900 dark:text-white"><%= @workflow_execution.metadata["workflow_name"] %></dd>

app/views/projects/workflow_executions/show.html.erb

@@ -4,7 +4,7 @@
 
 <%= turbo_frame_tag "export_dialog" %>
 
-<%= render Viral::PageHeaderComponent.new(title: @workflow_execution.id, id: t("workflow_executions.state.#{@workflow_execution.state}"), id_color: retrieve_pill_color('workflow_executions', @workflow_execution.state)) do |component| %>
+<%= render Viral::PageHeaderComponent.new(title: @workflow_execution.id) do |component| %>
   <%= component.with_icon(name: "beaker", classes: "h-14 w-14 text-primary-700") %>
   <%= component.with_buttons do %>
     <div class="flex flex-row">

app/views/workflow_executions/_summary.html.erb

@@ -18,6 +18,10 @@
       <dd class="text-lg font-semibold text-slate-900 dark:text-white"><%= @workflow_execution.name %></dd>
     </div>
   <% end %>
+  <div class="flex flex-col py-3">
+    <dt class="mb-1 text-slate-500 md:text-lg dark:text-slate-400"><%= t(:".state") %></dt>
+    <dd class="text-lg font-semibold text-slate-900 dark:text-white"><%= viral_pill(text: t("workflow_executions.state.#{@workflow_execution.state}"), color: retrieve_pill_color('workflow_executions', @workflow_execution.state), border: true) %></dd>
+  </div>
   <div class="flex flex-col py-3">
     <dt class="mb-1 text-slate-500 md:text-lg dark:text-slate-400"><%= t(:".workflow_name") %></dt>
     <dd class="text-lg font-semibold text-slate-900 dark:text-white"><%= @workflow_execution.metadata["workflow_name"] %></dd>

app/views/workflow_executions/show.html.erb

@@ -4,7 +4,7 @@
 
 <%= turbo_frame_tag "export_dialog" %>
 
-<%= render Viral::PageHeaderComponent.new(title: @workflow_execution.id, id: t("workflow_executions.state.#{@workflow_execution.state}"), id_color: retrieve_pill_color('workflow_executions', @workflow_execution.state)) do |component| %>
+<%= render Viral::PageHeaderComponent.new(title: @workflow_execution.id) do |component| %>
   <%= component.with_icon(name: "beaker", classes: "h-14 w-14 text-primary-700") %>
   <%= component.with_buttons do %>
     <div class="flex flex-row">

config/locales/en.yml

@@ -1504,6 +1504,7 @@ en:
         created_at: Created
         name: Name
         run_id: Run ID
+        state: State
         updated_at: Last Updated
         workflow_name: Workflow Name
         workflow_version: Workflow Version
@@ -1764,6 +1765,7 @@ en:
       created_at: Created
       name: Name
       run_id: Run ID
+      state: State
       updated_at: Last Updated
       workflow_name: Workflow Name
       workflow_version: Workflow Version

config/locales/fr.yml

@@ -1504,6 +1504,7 @@ fr:
         created_at: Created
         name: Name
         run_id: Run ID
+        state: State
         updated_at: Last Updated
         workflow_name: Workflow Name
         workflow_version: Workflow Version
@@ -1764,6 +1765,7 @@ fr:
       created_at: Created
       name: Name
       run_id: Run ID
+      state: State
       updated_at: Last Updated
       workflow_name: Workflow Name
       workflow_version: Workflow Version