pgbus 0.19.4 → 0.20.1

data/app/views/pgbus/workflows/attention.html.erb

@@ -0,0 +1,88 @@
+<%# The needs-attention view (issue #542): every ongoing run with a stuck
+    reason, grouped by (class, step, reason, error class). Each group has bulk
+    Resume and Cancel (as its runs' status allows) with an optional reason,
+    and a link to the filtered list. Not auto-refreshed: a typed reason stays. %>
+<div class="flex flex-wrap items-start justify-between gap-4 mb-6">
+  <div>
+    <div class="mb-2"><%= pgbus_link_to t("pgbus.workflows.attention.back"), pgbus.workflows_path %></div>
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= t("pgbus.workflows.attention.title") %></h1>
+    <p class="mt-1 text-sm text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.attention.description") %></p>
+    <% if @workflow_class %>
+      <p class="mt-2 flex flex-wrap items-center gap-2 text-sm text-gray-700 dark:text-gray-300" data-testid="attention-class-filter">
+        <span><%= t("pgbus.workflows.attention.only_class_html", workflow: tag.code(@workflow_class, class: "font-mono")) %></span>
+        <%= pgbus_link_to t("pgbus.workflows.attention.show_all"), pgbus.attention_workflows_path %>
+      </p>
+    <% end %>
+  </div>
+</div>
+
+<div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
+  <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+    <thead class="bg-gray-50 dark:bg-gray-900">
+      <tr>
+        <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.attention.headers.workflow") %></th>
+        <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.attention.headers.reason") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.attention.headers.runs") %></th>
+        <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.attention.headers.seen") %></th>
+        <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.attention.headers.actions") %></th>
+      </tr>
+    </thead>
+    <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+      <% @groups.each_with_index do |group, index| %>
+        <% actions = group[:available_actions] & %i[resume cancel] %>
+        <% list_query = { status: group[:status], workflow_class: group[:workflow_class], step: group[:step_name], error_class: group[:error_class] }.compact %>
+        <tr data-reason="<%= group[:reason] %>" class="align-top hover:bg-gray-50 dark:hover:bg-gray-700/50">
+          <td data-label="<%= t("pgbus.workflows.attention.headers.workflow") %>" class="px-4 py-3 text-sm text-gray-900 dark:text-white">
+            <span class="block font-medium"><%= group[:workflow_class] %></span>
+            <span class="block text-xs text-gray-600 dark:text-gray-300"><%= t("pgbus.workflows.attention.at_step_html", step: tag.code(group[:step_name], class: "font-mono")) %></span>
+          </td>
+          <td data-label="<%= t("pgbus.workflows.attention.headers.reason") %>" class="px-4 py-3 text-sm max-w-md">
+            <span class="block text-gray-900 dark:text-white"><%= t("pgbus.workflows.attention.reasons.#{group[:reason]}") %></span>
+            <% if group[:error_class] %>
+              <span class="mt-1 block font-mono text-xs text-red-700 dark:text-red-300"><%= group[:error_class] %></span>
+            <% end %>
+            <% if group[:error_message].present? %>
+              <span class="block text-xs text-gray-700 dark:text-gray-300 break-words"><%= group[:error_message] %></span>
+            <% end %>
+          </td>
+          <td data-label="<%= t("pgbus.workflows.attention.headers.runs") %>" class="px-4 py-3 text-right font-mono text-sm text-gray-900 dark:text-white"><%= number_with_delimiter(group[:count]) %></td>
+          <td data-label="<%= t("pgbus.workflows.attention.headers.seen") %>" class="px-4 py-3 text-xs text-gray-600 dark:text-gray-300">
+            <span class="block"><%= t("pgbus.workflows.attention.first_seen_html", time: pgbus_time(group[:first_seen_at])) %></span>
+            <span class="block"><%= t("pgbus.workflows.attention.last_seen_html", time: pgbus_time(group[:last_seen_at])) %></span>
+          </td>
+          <td data-label="<%= t("pgbus.workflows.attention.headers.actions") %>" class="px-4 py-3 text-sm">
+            <% if actions.any? %>
+              <form action="<%= pgbus.bulk_cancel_workflows_path %>" method="post" data-turbo-frame="_top" class="space-y-2">
+                <%= hidden_field_tag :authenticity_token, form_authenticity_token, id: nil %>
+                <% if @workflow_class %>
+                  <input type="hidden" name="workflow_class" value="<%= @workflow_class %>">
+                <% end %>
+                <% Pgbus::WorkflowsController::GROUP_FIELDS.each do |field| %>
+                  <input type="hidden" name="group[<%= field %>]" value="<%= group[field] %>">
+                <% end %>
+                <label for="attention-reason-<%= index %>" class="block text-xs font-medium text-gray-700 dark:text-gray-300"><%= t("pgbus.workflows.show.reason_label") %></label>
+                <input type="text" autocomplete="off" id="attention-reason-<%= index %>" name="reason" maxlength="1000" class="<%= Pgbus::WorkflowsHelper::INPUT_CSS %>">
+                <div class="flex flex-wrap gap-2">
+                  <% if actions.include?(:resume) %>
+                    <%= pgbus_button_tag t("pgbus.workflows.attention.resume_all", count: group[:count]), variant: :success, size: :sm,
+                          formaction: pgbus.bulk_resume_workflows_path, confirm: pgbus_workflow_bulk_confirm(:resume, group) %>
+                  <% end %>
+                  <% if actions.include?(:cancel) %>
+                    <%= pgbus_button_tag t("pgbus.workflows.attention.cancel_all", count: group[:count]), variant: :danger, size: :sm,
+                          formaction: pgbus.bulk_cancel_workflows_path, confirm: pgbus_workflow_bulk_confirm(:cancel, group) %>
+                  <% end %>
+                </div>
+              </form>
+            <% end %>
+            <div class="mt-2"><%= pgbus_link_to t("pgbus.workflows.attention.show_runs"), pgbus.workflows_path(list_query), size: :sm %></div>
+          </td>
+        </tr>
+      <% end %>
+      <% if @groups.empty? %>
+        <%= render "pgbus/shared/empty_row", colspan: 5,
+              message: safe_join([content_tag(:p, t("pgbus.workflows.attention.empty_title"), class: "text-lg font-medium"),
+                                  content_tag(:p, t("pgbus.workflows.attention.empty_hint"), class: "mt-1")]) %>
+      <% end %>
+    </tbody>
+  </table>
+</div>

data/app/views/pgbus/workflows/definitions/_by_revision.html.erb

@@ -0,0 +1,52 @@
+<%# The numbers per app revision (issue #549): the last five revisions that
+    finished an attempt in the window, newest first, each with its totals and
+    its steps. A failure rate more than five points above the same row on the
+    revision before says so. Locals: definition. %>
+<% revisions = definition[:by_revision] %>
+<section class="mb-8" aria-labelledby="workflow-by-revision-title">
+  <h2 id="workflow-by-revision-title" class="text-lg font-medium text-gray-900 dark:text-white"><%= t("pgbus.workflow_insights.show.by_revision.title") %></h2>
+  <p class="mt-1 text-sm text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.by_revision.caption") %></p>
+  <div class="mt-3 rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700" data-testid="workflow-by-revision">
+    <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+      <thead class="bg-gray-50 dark:bg-gray-900">
+        <tr>
+          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.by_revision.headers.revision") %></th>
+          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.by_revision.headers.step") %></th>
+          <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.by_revision.headers.attempts") %></th>
+          <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.by_revision.headers.failed") %></th>
+          <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.by_revision.headers.reattempted") %></th>
+          <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.by_revision.headers.skipped") %></th>
+          <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.by_revision.headers.run_time") %></th>
+        </tr>
+      </thead>
+      <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+        <% revisions.each_with_index do |revision, index| %>
+          <% [nil, *revision[:steps]].each do |step| %>
+            <% row = step || revision %>
+            <% worse = pgbus_insight_worse(revisions, index, step) %>
+            <tr data-revision="<%= revision[:revision] %>" data-step="<%= step ? step[:name] : "" %>" class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
+              <td data-label="<%= t("pgbus.workflow_insights.show.by_revision.headers.revision") %>" class="px-4 py-3 text-sm text-gray-700 dark:text-gray-300">
+                <code class="font-mono text-gray-900 dark:text-white"><%= revision[:revision] %></code>
+                <% unless step %>
+                  <span class="block text-xs text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.by_revision.seen_html", from: pgbus_time(revision[:first_seen_at]), to: pgbus_time(revision[:last_seen_at])) %></span>
+                <% end %>
+              </td>
+              <td data-label="<%= t("pgbus.workflow_insights.show.by_revision.headers.step") %>" class="px-4 py-3 text-sm <%= step ? 'font-mono text-gray-700 dark:text-gray-300' : 'font-medium text-gray-900 dark:text-white' %>"><%= step ? step[:name] : t("pgbus.workflow_insights.show.by_revision.all_steps") %></td>
+              <td data-label="<%= t("pgbus.workflow_insights.show.by_revision.headers.attempts") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_number(row[:attempts]) %></td>
+              <td data-label="<%= t("pgbus.workflow_insights.show.by_revision.headers.failed") %>" class="px-4 py-3 text-sm text-right font-mono <%= worse ? 'text-red-700 dark:text-red-300' : 'text-gray-700 dark:text-gray-300' %>">
+                <%= pgbus_insight_rate(row[:rates][:failed]) %>
+                <% if worse %><span class="block text-xs"><%= worse %></span><% end %>
+              </td>
+              <td data-label="<%= t("pgbus.workflow_insights.show.by_revision.headers.reattempted") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_insight_rate(row[:rates][:reattempted]) %></td>
+              <td data-label="<%= t("pgbus.workflow_insights.show.by_revision.headers.skipped") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_insight_rate(row[:rates][:skipped]) %></td>
+              <td data-label="<%= t("pgbus.workflow_insights.show.by_revision.headers.run_time") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_insight_percentiles(row[:run_ms], %i[p50 p95]) %></td>
+            </tr>
+          <% end %>
+        <% end %>
+        <% if revisions.empty? %>
+          <%= render "pgbus/shared/empty_row", colspan: 7, message: t("pgbus.workflow_insights.show.by_revision.empty") %>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</section>

data/app/views/pgbus/workflows/definitions/_duration_table.html.erb

@@ -0,0 +1,18 @@
+<%# The duration chart's data table (issue #549): the finished runs per
+    end-to-end duration range. Locals: definition. %>
+<table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+  <thead class="bg-gray-50 dark:bg-gray-900">
+    <tr>
+      <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.charts.durations.headers.range") %></th>
+      <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.charts.durations.headers.runs") %></th>
+    </tr>
+  </thead>
+  <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+    <% definition[:duration_histogram].each do |bin| %>
+      <tr>
+        <td data-label="<%= t("pgbus.workflow_insights.show.charts.durations.headers.range") %>" class="px-4 py-2 text-sm text-gray-700 dark:text-gray-300"><%= pgbus_insight_bin_label(bin) %></td>
+        <td data-label="<%= t("pgbus.workflow_insights.show.charts.durations.headers.runs") %>" class="px-4 py-2 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_number(bin[:count]) %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/app/views/pgbus/workflows/definitions/_funnel.html.erb

@@ -0,0 +1,49 @@
+<%# The funnel (issue #549): of the runs started in the window, how many
+    reached each step (have a row for it), and where each run is now, by
+    status, each count linked to those runs. Locals: definition. %>
+<% name = definition[:workflow_class] %>
+<% since = definition[:window][:since] %>
+<% started = definition[:started] %>
+<section class="mb-8" aria-labelledby="workflow-funnel-title">
+  <h2 id="workflow-funnel-title" class="text-lg font-medium text-gray-900 dark:text-white"><%= t("pgbus.workflow_insights.show.funnel.title") %></h2>
+  <p class="mt-1 text-sm text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.funnel.caption", count: started) %></p>
+  <div class="mt-3 rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700" data-testid="workflow-funnel">
+    <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+      <thead class="bg-gray-50 dark:bg-gray-900">
+        <tr>
+          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.funnel.headers.step") %></th>
+          <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.funnel.headers.reached") %></th>
+          <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.funnel.headers.share") %></th>
+          <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.funnel.headers.now_here") %></th>
+        </tr>
+      </thead>
+      <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+        <% if started.positive? %>
+          <% definition[:funnel].each do |step| %>
+            <% here = Pgbus::WorkflowInsightsHelper::STOPPED_STATUSES.select { |status| step[:stopped][status.to_sym].positive? } %>
+            <tr data-step="<%= step[:name] %>" class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
+              <td data-label="<%= t("pgbus.workflow_insights.show.funnel.headers.step") %>" class="px-4 py-3 text-sm font-mono text-gray-900 dark:text-white"><%= step[:name] %></td>
+              <td data-label="<%= t("pgbus.workflow_insights.show.funnel.headers.reached") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_number(step[:reached]) %></td>
+              <td data-label="<%= t("pgbus.workflow_insights.show.funnel.headers.share") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300"><%= pgbus_percent(step[:reached].to_f / started) %></td>
+              <td data-label="<%= t("pgbus.workflow_insights.show.funnel.headers.now_here") %>" class="px-4 py-3 text-sm text-gray-700 dark:text-gray-300">
+                <% if here.empty? %>
+                  <%= Pgbus::Web::TimeFormat::NONE %>
+                <% else %>
+                  <ul class="flex flex-wrap gap-x-3">
+                    <% here.each do |status| %>
+                      <li><%= pgbus_link_to t("pgbus.workflow_insights.show.funnel.here.#{status}", count: step[:stopped][status.to_sym]),
+                                            pgbus_insight_runs_path(status: status, workflow_class: name, step: step[:name], created_from: since, created_to: @window.now),
+                                            data: { turbo_frame: "_top" } %></li>
+                    <% end %>
+                  </ul>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        <% else %>
+          <%= render "pgbus/shared/empty_row", colspan: 4, message: t("pgbus.workflow_insights.show.funnel.empty") %>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</section>

data/app/views/pgbus/workflows/definitions/_pipeline.html.erb

@@ -0,0 +1,16 @@
+<%# The pipeline (issue #549): the class's steps in order, one card each,
+    side by side and scrolled sideways when they do not fit. Locals:
+    definition. %>
+<section class="mb-8" aria-labelledby="workflow-pipeline-title">
+  <h2 id="workflow-pipeline-title" class="text-lg font-medium text-gray-900 dark:text-white"><%= t("pgbus.workflow_insights.show.pipeline.title") %></h2>
+  <p class="mt-1 text-sm text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.pipeline.caption") %></p>
+  <% if definition[:steps].empty? %>
+    <p class="mt-3 rounded-lg bg-white dark:bg-gray-800 p-6 text-center text-sm text-gray-500 dark:text-gray-400 shadow ring-1 ring-gray-200 dark:ring-gray-700"><%= t("pgbus.workflow_insights.show.pipeline.empty") %></p>
+  <% else %>
+    <ol class="mt-3 flex gap-4 overflow-x-auto pb-2" data-testid="workflow-pipeline" tabindex="0" aria-labelledby="workflow-pipeline-title">
+      <% definition[:steps].each_with_index do |step, index| %>
+        <%= render "pgbus/workflows/definitions/step_card", step: step, position: index + 1, name: definition[:workflow_class] %>
+      <% end %>
+    </ol>
+  <% end %>
+</section>

data/app/views/pgbus/workflows/definitions/_step_card.html.erb

@@ -0,0 +1,31 @@
+<%# One step of the pipeline (issue #549): the runs sitting at it now, each
+    count linked to those runs, then how its attempts that finished in the
+    window did. Locals: step, position, name (the workflow class). %>
+<li data-step="<%= step[:name] %>" class="w-72 shrink-0 rounded-lg bg-white dark:bg-gray-800 p-4 shadow ring-1 ring-gray-200 dark:ring-gray-700">
+  <div class="flex items-start justify-between gap-2">
+    <h3 class="text-sm font-medium text-gray-900 dark:text-white">
+      <span class="text-gray-600 dark:text-gray-300"><%= position %>.</span>
+      <%= pgbus_link_to step[:name], pgbus_insight_runs_path(workflow_class: name, step: step[:name]), class: "font-mono",
+            aria: { label: t("pgbus.workflow_insights.show.pipeline.step_link", step: step[:name]) } %>
+    </h3>
+    <%= pgbus_insight_kind(step) %>
+  </div>
+  <ul class="mt-3 grid grid-cols-2 gap-x-3 gap-y-1 text-sm" aria-label="<%= t("pgbus.workflow_insights.show.pipeline.now_label") %>">
+    <% Pgbus::WorkflowInsightsHelper::LIVE_STATUSES.each do |status| %>
+      <% count = step[:counts][status.to_sym] %>
+      <li class="flex items-center justify-between gap-2">
+        <span class="text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.pipeline.live.#{status}") %></span>
+        <span class="font-mono text-gray-900 dark:text-white"><%= pgbus_insight_count(count, pgbus_insight_runs_path(status: status, workflow_class: name, step: step[:name]),
+                                                                                       t("pgbus.workflow_insights.links.at_step", status: t("pgbus.workflow_insights.show.pipeline.live.#{status}").downcase, step: step[:name])) %></span>
+      </li>
+    <% end %>
+  </ul>
+  <ul class="mt-3 space-y-1 border-t border-gray-200 pt-3 text-sm dark:border-gray-700" aria-label="<%= t("pgbus.workflow_insights.show.pipeline.window_label") %>">
+    <li><span class="text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.pipeline.run_time") %></span> <span class="font-mono text-gray-900 dark:text-white"><%= pgbus_insight_percentiles(step[:run_ms]) %></span></li>
+    <li><span class="text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.pipeline.pickup") %></span> <span class="font-mono text-gray-900 dark:text-white"><%= pgbus_insight_percentiles(step[:pickup_ms], %i[p50 p95]) %></span></li>
+    <% %i[failed reattempted skipped].each do |rate| %>
+      <li><span class="text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.pipeline.#{rate}") %></span> <span class="font-mono text-gray-900 dark:text-white"><%= pgbus_insight_rate(step[:rates][rate]) %></span></li>
+    <% end %>
+    <li class="text-xs text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.pipeline.attempts", count: step[:sample_size]) %></li>
+  </ul>
+</li>

data/app/views/pgbus/workflows/definitions/_throughput_table.html.erb

@@ -0,0 +1,32 @@
+<%# The throughput chart's data table (issue #549): one row per bucket, each
+    count linked to those runs (from the bucket's first moment to just before
+    the next one's, so a 23- or 25-hour DST day links exactly). Locals: definition. %>
+<% name = definition[:workflow_class] %>
+<table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+  <thead class="bg-gray-50 dark:bg-gray-900">
+    <tr>
+      <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.charts.throughput.headers.from") %></th>
+      <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.charts.throughput.headers.started") %></th>
+      <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.charts.throughput.headers.finished") %></th>
+      <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.charts.throughput.headers.cancelled") %></th>
+    </tr>
+  </thead>
+  <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+    <% definition[:throughput].each do |bucket| %>
+      <% from = bucket[:from] %>
+      <% to = bucket[:to] - Rational(1, 1_000_000) %>
+      <tr>
+        <td data-label="<%= t("pgbus.workflow_insights.show.charts.throughput.headers.from") %>" class="px-4 py-2 text-sm text-gray-700 dark:text-gray-300"><%= pgbus_absolute_time(from) %></td>
+        <td data-label="<%= t("pgbus.workflow_insights.show.charts.throughput.headers.started") %>" class="px-4 py-2 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+          <%= pgbus_insight_count(bucket[:started], pgbus_insight_runs_path(status: "all", workflow_class: name, created_from: from, created_to: to), t("pgbus.workflow_insights.links.started_bucket")) %>
+        </td>
+        <td data-label="<%= t("pgbus.workflow_insights.show.charts.throughput.headers.finished") %>" class="px-4 py-2 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+          <%= pgbus_insight_count(bucket[:finished], pgbus_insight_runs_path(status: "finished", workflow_class: name, ended_from: from, ended_to: to), t("pgbus.workflow_insights.links.finished_bucket")) %>
+        </td>
+        <td data-label="<%= t("pgbus.workflow_insights.show.charts.throughput.headers.cancelled") %>" class="px-4 py-2 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+          <%= pgbus_insight_count(bucket[:cancelled], pgbus_insight_runs_path(status: "cancelled", workflow_class: name, ended_from: from, ended_to: to), t("pgbus.workflow_insights.links.cancelled_bucket")) %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/app/views/pgbus/workflows/definitions/_window.html.erb

@@ -0,0 +1,17 @@
+<%# The window selector (issue #549): 1h, 24h, 7d, 30d. Locals: path, a
+    lambda from a window name to the same page over that window. A window
+    longer than workflow_retention is capped, and the page says so. %>
+<div>
+  <nav class="flex flex-wrap gap-2" aria-label="<%= t("pgbus.workflow_insights.window_label") %>" data-testid="workflow-insights-window">
+    <% Pgbus::Web::WorkflowWindow::CHOICES.each_key do |name| %>
+      <% active = name == @window.name %>
+      <a href="<%= path.call(name) %>" aria-current="<%= active ? "page" : "false" %>"
+         class="inline-flex items-center rounded-md px-3 py-2 text-sm font-medium <%= active ? 'bg-gray-800 text-white dark:bg-gray-700' : 'text-gray-600 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-white' %>">
+        <%= name %>
+      </a>
+    <% end %>
+  </nav>
+  <% if @window.capped? %>
+    <p class="mt-2 text-xs text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.capped", retention: pgbus_duration(@window.seconds)) %></p>
+  <% end %>
+</div>

data/app/views/pgbus/workflows/definitions/index.html.erb

@@ -0,0 +1,71 @@
+<%# The workflow insights' class list (issue #549): every registered
+    workflow class and every class still in the rows, with its runs going on
+    now, the runs that ended in the window and how long a run takes end to
+    end. Each count links to the Workflows list filtered to those runs. %>
+<div class="flex flex-wrap items-start justify-between gap-4 mb-6">
+  <div>
+    <div class="mb-2"><%= pgbus_link_to t("pgbus.workflow_insights.back_to_runs"), pgbus.workflows_path %></div>
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= t("pgbus.workflow_insights.index.title") %></h1>
+    <p class="mt-1 text-sm text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.index.description", window: pgbus_insight_window_name(@window)) %></p>
+  </div>
+  <%= render "pgbus/workflows/definitions/window", path: ->(name) { pgbus.workflow_definitions_path(window: name) } %>
+</div>
+
+<%# The window's own lower bound: the one the counts were read with. %>
+<% since = @window.since %>
+<div class="rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700">
+  <table class="pgbus-table min-w-full divide-y divide-gray-200 dark:divide-gray-700">
+    <thead class="bg-gray-50 dark:bg-gray-900">
+      <tr>
+        <th class="px-4 py-3 text-left text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.index.headers.workflow_class") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.index.headers.ongoing") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.index.headers.paused") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.index.headers.attention") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.index.headers.finished") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.index.headers.cancelled") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.index.headers.duration_p50") %></th>
+        <th class="px-4 py-3 text-right text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.index.headers.duration_p95") %></th>
+      </tr>
+    </thead>
+    <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+      <% @definitions.each do |row| %>
+        <% name = row[:workflow_class] %>
+        <tr data-workflow-class="<%= name %>" class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
+          <td data-label="<%= t("pgbus.workflow_insights.index.headers.workflow_class") %>" class="px-4 py-3 text-sm">
+            <div><%= pgbus_link_to name, pgbus_insight_definition_path(name, @window), class: "font-mono" %></div>
+            <div class="mt-1 flex flex-wrap gap-1">
+              <%= pgbus_insight_not_loaded_badge unless row[:loaded] %>
+              <%= pgbus_insight_removed_links(name, row[:removed_in_flight]) %>
+            </div>
+          </td>
+          <td data-label="<%= t("pgbus.workflow_insights.index.headers.ongoing") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+            <%= pgbus_insight_count(row[:ongoing], pgbus_insight_runs_path(workflow_class: name), t("pgbus.workflow_insights.links.ongoing", workflow: name)) %>
+          </td>
+          <td data-label="<%= t("pgbus.workflow_insights.index.headers.paused") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+            <%= pgbus_insight_count(row[:paused], pgbus_insight_runs_path(status: "paused", workflow_class: name), t("pgbus.workflow_insights.links.paused", workflow: name)) %>
+          </td>
+          <td data-label="<%= t("pgbus.workflow_insights.index.headers.attention") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+            <%= pgbus_insight_count(row[:attention], pgbus.attention_workflows_path(workflow_class: name), t("pgbus.workflow_insights.links.attention", workflow: name)) %>
+          </td>
+          <td data-label="<%= t("pgbus.workflow_insights.index.headers.finished") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+            <%= pgbus_insight_count(row[:finished], pgbus_insight_runs_path(status: "finished", workflow_class: name, ended_from: since, ended_to: @window.now), t("pgbus.workflow_insights.links.finished", workflow: name)) %>
+          </td>
+          <td data-label="<%= t("pgbus.workflow_insights.index.headers.cancelled") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+            <%= pgbus_insight_count(row[:cancelled], pgbus_insight_runs_path(status: "cancelled", workflow_class: name, ended_from: since, ended_to: @window.now), t("pgbus.workflow_insights.links.cancelled", workflow: name)) %>
+          </td>
+          <td data-label="<%= t("pgbus.workflow_insights.index.headers.duration_p50") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+            <%= pgbus_insight_ms(row[:e2e_ms][:p50]) %>
+          </td>
+          <td data-label="<%= t("pgbus.workflow_insights.index.headers.duration_p95") %>" class="px-4 py-3 text-sm text-right font-mono text-gray-700 dark:text-gray-300">
+            <%= pgbus_insight_ms(row[:e2e_ms][:p95]) %>
+          </td>
+        </tr>
+      <% end %>
+      <% if @definitions.empty? %>
+        <%= render "pgbus/shared/empty_row", colspan: 8,
+              message: safe_join([content_tag(:p, t("pgbus.workflow_insights.index.empty_title"), class: "text-lg font-medium"),
+                                  content_tag(:p, t("pgbus.workflow_insights.index.empty_hint"), class: "mt-1")]) %>
+      <% end %>
+    </tbody>
+  </table>
+</div>

data/app/views/pgbus/workflows/definitions/not_found.html.erb

@@ -0,0 +1,5 @@
+<div class="mb-6">
+  <div class="mb-2"><%= pgbus_link_to t("pgbus.workflow_insights.back_to_classes"), pgbus.workflow_definitions_path(window: @window.name) %></div>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= t("pgbus.workflow_insights.not_found.title") %></h1>
+  <p class="mt-1 text-sm text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.not_found.hint", workflow: params[:workflow_class]) %></p>
+</div>

data/app/views/pgbus/workflows/definitions/show.html.erb

@@ -0,0 +1,80 @@
+<%# One workflow class's insights (issue #549) over a window: the runs it
+    started and ended, its pipeline (each step with the runs at it now and
+    how its attempts did), the throughput and duration charts, the funnel of
+    the runs started in the window and the same numbers per app revision. %>
+<% definition = @definition %>
+<% name = definition[:workflow_class] %>
+<% since = definition[:window][:since] %>
+<div class="flex flex-wrap items-start justify-between gap-4 mb-6">
+  <div>
+    <div class="mb-2"><%= pgbus_link_to t("pgbus.workflow_insights.back_to_classes"), pgbus.workflow_definitions_path(window: @window.name) %></div>
+    <h1 class="text-2xl font-bold font-mono text-gray-900 dark:text-white"><%= name %></h1>
+    <p class="mt-1 text-sm text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.show.description", window: pgbus_insight_window_name(@window)) %></p>
+    <div class="mt-2 flex flex-wrap gap-1">
+      <%= pgbus_insight_not_loaded_badge unless definition[:loaded] %>
+      <%= pgbus_insight_removed_links(name, definition[:removed_in_flight]) %>
+    </div>
+    <% unless definition[:loaded] %>
+      <p class="mt-2 max-w-2xl text-sm text-gray-600 dark:text-gray-300"><%= t("pgbus.workflow_insights.not_loaded_hint") %></p>
+    <% end %>
+  </div>
+  <%= render "pgbus/workflows/definitions/window", path: ->(window) { pgbus.workflow_definition_path(name, window: window) } %>
+</div>
+
+<div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6 mb-8" data-testid="workflow-insights-summary">
+  <% summary = {
+       started: pgbus_insight_count(definition[:started], pgbus_insight_runs_path(status: "all", workflow_class: name, created_from: since, created_to: @window.now), t("pgbus.workflow_insights.links.started", workflow: name), size: :lg),
+       finished: pgbus_insight_count(definition[:finished], pgbus_insight_runs_path(status: "finished", workflow_class: name, ended_from: since, ended_to: @window.now), t("pgbus.workflow_insights.links.finished", workflow: name), size: :lg),
+       cancelled: pgbus_insight_count(definition[:cancelled], pgbus_insight_runs_path(status: "cancelled", workflow_class: name, ended_from: since, ended_to: @window.now), t("pgbus.workflow_insights.links.cancelled", workflow: name), size: :lg),
+       ongoing: pgbus_insight_count(definition[:ongoing], pgbus_insight_runs_path(workflow_class: name), t("pgbus.workflow_insights.links.ongoing", workflow: name), size: :lg),
+       attention: pgbus_insight_count(definition[:attention], pgbus.attention_workflows_path(workflow_class: name), t("pgbus.workflow_insights.links.attention", workflow: name), size: :lg)
+     } %>
+  <% summary.each do |key, value| %>
+    <dl class="rounded-lg bg-white dark:bg-gray-800 p-4 shadow ring-1 ring-gray-200 dark:ring-gray-700">
+      <dt class="text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.summary.#{key}") %></dt>
+      <dd class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white"><%= value %></dd>
+    </dl>
+  <% end %>
+  <dl class="rounded-lg bg-white dark:bg-gray-800 p-4 shadow ring-1 ring-gray-200 dark:ring-gray-700">
+    <dt class="text-xs font-medium uppercase text-gray-500 dark:text-gray-400"><%= t("pgbus.workflow_insights.show.summary.duration") %></dt>
+    <dd class="mt-1 text-2xl font-semibold text-gray-900 dark:text-white"><%= pgbus_insight_ms(definition[:e2e_ms][:p50]) %></dd>
+    <dd class="mt-1 text-xs text-gray-600 dark:text-gray-300"><%= pgbus_insight_percentiles(definition[:e2e_ms], %i[p95 p99]) %></dd>
+  </dl>
+</div>
+
+<%= render "pgbus/workflows/definitions/pipeline", definition: definition %>
+
+<% payload = pgbus_insight_chart_payload(definition) %>
+<% totals = definition[:throughput].each_with_object(Hash.new(0)) { |bucket, sums| %i[started finished cancelled].each { |key| sums[key] += bucket[key] } } %>
+<% bucket = pgbus_insight_span(definition[:bucket_seconds]) %>
+<div class="grid grid-cols-1 gap-6 lg:grid-cols-2 mb-8">
+  <%= render layout: "pgbus/insights/chart_card",
+             locals: { id: "workflow-throughput-chart", title: t("pgbus.workflow_insights.show.charts.throughput.title", bucket: bucket),
+                       caption: t("pgbus.workflow_insights.show.charts.throughput.caption", bucket: bucket, window: pgbus_insight_window_name(@window),
+                                  started: totals[:started], finished: totals[:finished], cancelled: totals[:cancelled]),
+                       empty: totals.values.sum.zero? } do %>
+    <%= render "pgbus/workflows/definitions/throughput_table", definition: definition %>
+  <% end %>
+  <% finished = definition[:duration_histogram].sum { |bin| bin[:count] } %>
+  <%= render layout: "pgbus/insights/chart_card",
+             locals: { id: "workflow-duration-chart", title: t("pgbus.workflow_insights.show.charts.durations.title"),
+                       caption: t("pgbus.workflow_insights.show.charts.durations.caption", count: finished),
+                       empty: finished.zero? } do %>
+    <%= render "pgbus/workflows/definitions/duration_table", definition: definition %>
+  <% end %>
+</div>
+
+<%= render "pgbus/workflows/definitions/funnel", definition: definition %>
+<%= render "pgbus/workflows/definitions/by_revision", definition: definition %>
+
+<%# The chart series, embedded once; json_escape keeps a value from closing the tag. %>
+<%= tag.script(json_escape(payload.to_json).html_safe, type: "application/json", id: "pgbus-workflow-insights-data") %> <%# herb:disable erb-no-unsafe-raw %>
+<script type="module" nonce="<%= content_security_policy_nonce %>">
+  import { renderWorkflowInsights, observeThemeChanges } from "charts";
+
+  const i18n = <%= json_escape(pgbus_insight_chart_i18n.to_json).html_safe %>;
+  const data = JSON.parse(document.getElementById("pgbus-workflow-insights-data").textContent);
+
+  renderWorkflowInsights(data, i18n);
+  observeThemeChanges(() => data, i18n, renderWorkflowInsights);
+</script>

data/app/views/pgbus/workflows/index.html.erb

@@ -0,0 +1,15 @@
+<div class="flex flex-wrap items-start justify-between gap-4 mb-6">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= t("pgbus.workflows.index.title") %></h1>
+    <p class="mt-1 text-sm text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.index.description") %></p>
+  </div>
+  <div class="flex flex-wrap items-center gap-2">
+    <%= pgbus_link_to t("pgbus.workflows.index.insights_link"), pgbus.workflow_definitions_path, variant: :secondary %>
+    <%= pgbus_link_to t("pgbus.workflows.index.attention_link", count: @attention_count), pgbus.attention_workflows_path,
+          variant: @attention_count.positive? ? :warning : :secondary %>
+  </div>
+</div>
+
+<%= render "pgbus/workflows/status_filter" %>
+<%= render "pgbus/workflows/filters" %>
+<%= render "pgbus/workflows/workflows_table" %>

data/app/views/pgbus/workflows/not_found.html.erb

@@ -0,0 +1,5 @@
+<div class="mb-6">
+  <div class="mb-2"><%= pgbus_link_to t("pgbus.workflows.show.back"), pgbus.workflows_path %></div>
+  <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= t("pgbus.workflows.not_found.title") %></h1>
+  <p class="mt-1 text-sm text-gray-600 dark:text-gray-300"><%= t("pgbus.workflows.not_found.hint") %></p>
+</div>

data/app/views/pgbus/workflows/show.html.erb

@@ -0,0 +1,93 @@
+<% result = pgbus_workflow_state(@workflow) %>
+<% card = "rounded-lg bg-white dark:bg-gray-800 shadow ring-1 ring-gray-200 dark:ring-gray-700" %>
+<div class="mb-6">
+  <div class="mb-2"><%= pgbus_link_to t("pgbus.workflows.show.back"), pgbus.workflows_path %></div>
+  <div class="flex flex-wrap items-center gap-3">
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-white"><%= @workflow[:workflow_class] %></h1>
+    <%= pgbus_workflow_badge(result) %>
+  </div>
+  <p class="mt-1 font-mono text-xs text-gray-500 dark:text-gray-400"><%= @workflow[:workflow_id] %></p>
+  <p class="mt-2 text-sm text-gray-700 dark:text-gray-300" data-testid="workflow-next"><%= pgbus_workflow_next(@workflow, result) %></p>
+  <% if @workflow[:definition_outdated] %>
+    <p class="mt-3 rounded-md bg-yellow-50 px-3 py-2 text-sm text-yellow-800 ring-1 ring-yellow-200 dark:bg-yellow-900/30 dark:text-yellow-200 dark:ring-yellow-800">
+      <%= t("pgbus.workflows.show.definition_outdated", workflow_class: @workflow[:workflow_class]) %>
+    </p>
+  <% end %>
+  <% unless @workflow[:class_loaded] %>
+    <p class="mt-3 rounded-md bg-gray-50 px-3 py-2 text-sm text-gray-700 ring-1 ring-gray-200 dark:bg-gray-900/40 dark:text-gray-200 dark:ring-gray-700">
+      <%= t("pgbus.workflows.show.class_missing", workflow_class: @workflow[:workflow_class]) %>
+    </p>
+  <% end %>
+</div>
+
+<div class="grid grid-cols-1 gap-6 lg:grid-cols-3 mb-8">
+  <section class="<%= card %> lg:col-span-2" aria-labelledby="workflow-details-title">
+    <h2 id="workflow-details-title" class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 text-lg font-medium text-gray-900 dark:text-white"><%= t("pgbus.workflows.show.details") %></h2>
+    <dl class="grid grid-cols-1 gap-4 p-4 sm:grid-cols-2">
+      <div>
+        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.headers.subject") %></dt>
+        <dd class="mt-1 text-sm text-gray-900 dark:text-white"><%= pgbus_workflow_subject(@workflow) %></dd>
+      </div>
+      <div>
+        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.headers.current_step") %></dt>
+        <dd class="mt-1 text-sm text-gray-900 dark:text-white"><code class="font-mono"><%= @workflow[:current_step] || Pgbus::Web::TimeFormat::NONE %></code></dd>
+      </div>
+      <div>
+        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.headers.started") %></dt>
+        <dd class="mt-1 text-sm text-gray-900 dark:text-white"><%= pgbus_timestamp(@workflow[:created_at]) %></dd>
+      </div>
+      <div>
+        <dt class="text-sm font-medium text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.headers.last_activity") %></dt>
+        <dd class="mt-1 text-sm text-gray-900 dark:text-white"><%= pgbus_timestamp(@workflow[:updated_at]) %></dd>
+      </div>
+      <% { paused_at: :paused_at, finished_at: :finished_at, cancelled_at: :cancelled_at }.each do |field, label| %>
+        <% next unless @workflow[field] %>
+        <div>
+          <dt class="text-sm font-medium text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.show.#{label}") %></dt>
+          <dd class="mt-1 text-sm text-gray-900 dark:text-white"><%= pgbus_timestamp(@workflow[field]) %></dd>
+        </div>
+      <% end %>
+      <% if @workflow[:rerun_of_workflow_id] %>
+        <div>
+          <dt class="text-sm font-medium text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.show.rerun_of") %></dt>
+          <dd class="mt-1 text-sm font-mono"><%= pgbus_link_to @workflow[:rerun_of_workflow_id][0, 8], pgbus.workflow_path(@workflow[:rerun_of_workflow_id]) %></dd>
+        </div>
+      <% end %>
+      <% if @workflow[:reruns].any? %>
+        <div>
+          <dt class="text-sm font-medium text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.show.reruns") %></dt>
+          <dd class="mt-1 space-y-1 text-sm text-gray-900 dark:text-white">
+            <% @workflow[:reruns].each do |rerun| %>
+              <span class="block"><%= pgbus_link_to rerun[:workflow_id][0, 8], pgbus.workflow_path(rerun[:workflow_id]), class: "font-mono" %>
+                · <%= t("pgbus.workflows.statuses.#{rerun[:status]}") %> · <%= pgbus_time(rerun[:created_at]) %></span>
+            <% end %>
+          </dd>
+        </div>
+      <% end %>
+    </dl>
+  </section>
+
+  <section class="<%= card %>" aria-labelledby="workflow-arguments-title" data-testid="workflow-arguments">
+    <h2 id="workflow-arguments-title" class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 text-lg font-medium text-gray-900 dark:text-white"><%= t("pgbus.workflows.show.arguments") %></h2>
+    <% arguments = Pgbus::Web::PayloadFilter.filter(@workflow[:arguments] || {}) %>
+    <% if arguments.empty? %>
+      <p class="p-4 text-sm text-gray-500 dark:text-gray-400"><%= t("pgbus.workflows.show.no_arguments") %></p>
+    <% else %>
+      <dl class="space-y-3 p-4">
+        <% arguments.each do |key, value| %>
+          <div>
+            <dt class="font-mono text-xs font-medium text-gray-500 dark:text-gray-400"><%= key %></dt>
+            <dd class="mt-0.5 break-all font-mono text-sm text-gray-900 dark:text-white"><%= pgbus_workflow_value(value) %></dd>
+          </div>
+        <% end %>
+      </dl>
+    <% end %>
+  </section>
+</div>
+
+<%= render "pgbus/workflows/actions" %>
+<%= render "pgbus/workflows/signal_form" if @workflow[:available_actions].include?(:signal) %>
+<%= render "pgbus/workflows/timeline" %>
+<%= render "pgbus/workflows/steps_table" %>
+<%= render "pgbus/workflows/signals_table" %>
+<%= render "pgbus/workflows/events_table" %>