pgbus 0.19.4 → 0.20.0

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" %>

data/config/i18n-tasks.yml

@@ -45,6 +45,12 @@ ignore_unused:
   - "pgbus.processes.state.activity.slots.*"
   - "pgbus.processes.state.activity.threads.*"
   - "pgbus.processes.state.kinds.*"
+  # Workflows (issue #542): plural forms reached through a dynamic key.
+  - "pgbus.workflows.attention.confirm.*"
+  - "pgbus.workflows.flash.bulk_resume.*"
+  - "pgbus.workflows.flash.bulk_cancel.*"
+  # Workflow insights (issue #549): plural forms reached through a dynamic key.
+  - "pgbus.workflow_insights.show.funnel.here.*"
   # Plural forms reached through the dynamic summary.<key> lookup (issue #491).
   - "pgbus.queues.show.summary.drained_by_html.*"
   - "pgbus.queues.show.summary.drained_wildcard_html.*"