rails_pulse 0.1.0 → 0.1.2

data/app/views/layouts/rails_pulse/application.html.erb

@@ -28,12 +28,12 @@
         <dialog class="sheet sheet--left" style="--sheet-size: 288px;" data-rails-pulse--dialog-target="menu" data-action="click->rails-pulse--dialog#closeOnClickOutside">
           <div class="sheet__content p-2">
             <div class="sidebar-menu">
-              <a class="btn sidebar-menu__button" href="#">
+              <%= link_to rails_pulse.root_path, class: "btn sidebar-menu__button" do %>
                 <div class="flex flex-col text-start leading-tight overflow-hidden">
                   <span class="overflow-ellipsis font-semibold">Rails Pulse</span>
                   <span class="overflow-ellipsis text-xs">Open Source</span>
                 </div>
-              </a>
+              <% end %>
               <div class="sidebar-menu__content">
                 <div class="sidebar-menu__group">
                   <nav class="sidebar-menu__items">
@@ -47,9 +47,9 @@
       </div>
 
       <div class="flex items-center gap">
-        <a class="flex items-center gap mie-2" href="#">
+        <%= link_to rails_pulse.root_path, class: "flex items-center gap mie-2" do %>
           <span class="font-bold">Rails Pulse</span>
-        </a>
+        <% end %>
         <nav class="flex items-center gap text-sm text-subtle show@md" style="--column-gap: 1rem">
           <%= render 'layouts/rails_pulse/menu_items' %>
         </nav>

data/app/views/rails_pulse/components/_empty_state.html.erb

@@ -0,0 +1,11 @@
+<div class="flex items-center justify-center pbs-12 pbe-12 pis-6 pie-6 mb-8">
+  <div class="flex items-center gap">
+    <div class="shrink-0">
+      <img src="<%= asset_path('search.svg') %>" class="w-32 h-24 opacity-50" alt="No data available" />
+    </div>
+    <div class="text-subtle pis-8">
+      <p class="text-lg font-semibold mbe-2"><%= title %></p>
+      <p class="text-sm"><%= description %></p>
+    </div>
+  </div>
+</div>

data/app/views/rails_pulse/components/_metric_card.html.erb

@@ -1,15 +1,15 @@
 <%
-  @component_data ||= {}
-  id ||= @component_data[:id]
-  context ||= @component_data[:context]
-  title ||= @component_data[:title]
-  summary ||= @component_data[:summary]
-  line_chart_data ||= @component_data[:line_chart_data]
-  trend_icon ||= @component_data[:trend_icon]
-  trend_amount ||= @component_data[:trend_amount]
-  trend_text ||= @component_data[:trend_text]
+  # Use the passed data object directly
+  id = data[:id]
+  context = data[:context]
+  title = data[:title]
+  summary = data[:summary]
+  line_chart_data = data[:line_chart_data]
+  trend_icon = data[:trend_icon]
+  trend_amount = data[:trend_amount]
+  trend_text = data[:trend_text]
 %>
-<div class="grid-item" data-controller="rails-pulse--chart">
+<div class="grid-item" data-controller="rails-pulse--chart" id="<%= id %>">
   <%= render 'rails_pulse/components/panel', { title: title, card_classes: 'card-compact' } do %>
     <div class="row mbs-2" style="height: 50px; margin-bottom: 0;">
       <div class="grid-item">
@@ -35,20 +35,6 @@
           <%= trend_amount %>
           <p class="mis-2 text-subtle text-xs"><%= trend_text %></p>
         </span>
-        <%
-          refresh_path = rails_pulse.cache_path(id: id, context: context, refresh: true)
-          cached_iso = @cached_at ? @cached_at.iso8601 : nil
-        %>
-        <%= link_to refresh_path,
-            data: {
-              controller: "rails-pulse--timezone",
-              rails_pulse__timezone_target_frame_value: "#{id}_card",
-              rails_pulse__timezone_cached_at_value: cached_iso,
-              turbo_frame: "#{id}_card",
-              turbo_prefetch: "false"
-            } do %>
-          <%= rails_pulse_icon 'refresh-cw', height: "15px", width: "15px" %>
-        <% end %>
       </div>
     </div>
   <% end %>

data/app/views/rails_pulse/dashboard/index.html.erb

@@ -1,64 +1,82 @@
 <div class="row">
-  <%= cached_component(component: "metric_card", id: "average_response_times", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "percentile_response_times", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "request_count_totals", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "error_rate_per_route", class: "grid-item block") %>
+  <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @average_query_times_metric_card } %>
+  <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @percentile_response_times_metric_card } %>
+  <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @request_count_totals_metric_card } %>
+  <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @error_rate_per_route_metric_card } %>
 </div>
 
 <div class="row">
   <div class="grid-item" style="height:300px">
-    <%= cached_component(
-      component: "panel",
-      id: "dashboard_average_response_time",
-      card_classes: 'b-full',
+    <%= render 'rails_pulse/components/panel', {
       title: 'Average Response Time',
+      card_classes: 'b-full',
       help_heading: 'Average Response Time',
       help_text: 'This panel measures the average server-side response time in milliseconds for all HTTP requests processed by your application. This is the time it takes from the server receiving a request until the request is returned to the client in milliseconds.',
-      actions: [{ url: routes_path, icon: 'external-link', title: 'View details', data: { turbo_frame: '_top' } }],
-      refresh_action: true,
-      content_partial: 'rails_pulse/dashboard/charts/bar_chart')
-    %>
+      actions: [{ url: routes_path, icon: 'external-link', title: 'View details', data: { turbo_frame: '_top' } }]
+    } do %>
+      <% if @average_response_time_chart_data.present? %>
+        <div class="chart-container chart-container--slim">
+          <%= bar_chart(
+            @average_response_time_chart_data,
+            code: false,
+            id: "dashboard_average_response_time_chart",
+            height: "100%",
+            options: bar_chart_options(
+              units: "ms"
+            )
+          ) %>
+        </div>
+      <% end %>
+    <% end %>
   </div>
 
   <div class="grid-item">
-    <%= cached_component(
-      component: "panel",
-      id: "dashboard_p95_response_time",
-      card_classes: 'b-full',
+    <%= render 'rails_pulse/components/panel', {
       title: 'Query Performance',
+      card_classes: 'b-full',
       help_heading: 'Query Performance',
       help_text: 'This panel measures the 95th percentile response time in milliseconds for queries in your application. This represents the query performance below which 95% of queries fall, indicating the upper-bound performance for most database operations.',
-      actions: [{ url: routes_path, icon: 'external-link', title: 'View details', data: { turbo_frame: '_top' } }],
-      refresh_action: true,
-      content_partial: 'rails_pulse/dashboard/charts/bar_chart')
-    %>
+      actions: [{ url: queries_path, icon: 'external-link', title: 'View details', data: { turbo_frame: '_top' } }]
+    } do %>
+      <% if @p95_response_time_chart_data.present? %>
+        <div class="chart-container chart-container--slim">
+          <%= bar_chart(
+            @p95_response_time_chart_data,
+            code: false,
+            id: "dashboard_p95_response_time_chart",
+            height: "100%",
+            options: bar_chart_options(
+              units: "ms"
+            )
+          ) %>
+        </div>
+      <% end %>
+    <% end %>
   </div>
 </div>
 
 <div class="row">
   <div class="grid-item">
-    <%= cached_component(
-      component: "panel",
-      id: "dashboard_slow_routes",
+    <%= render 'rails_pulse/components/panel', {
       title: 'Slowest Routes This Week',
       help_heading: 'Slowest Routes',
-      help_text: 'This panel shows the slowest routes in your application this week compared to last week, including average response time, week-over-week change, and total request count.',
-      refresh_action: true,
-      content_partial: 'rails_pulse/dashboard/tables/standard_table',
-      class: "table-container")
-    %>
+      help_text: 'This panel shows the slowest routes in your application this week, including average response time and total request count.',
+      actions: [{ url: routes_path, icon: 'external-link', title: 'View details', data: { turbo_frame: '_top' } }],
+      card_classes: 'table-container'
+    } do %>
+      <%= render 'rails_pulse/components/table', table_data: @slow_routes_table_data %>
+    <% end %>
   </div>
 
   <div class="grid-item">
-    <%= cached_component(
-      component: "panel",
-      id: "dashboard_slow_queries",
+    <%= render 'rails_pulse/components/panel', {
       title: 'Slowest Queries This Week',
-      help_heading: 'Slowest Queries',
+      help_heading: 'Slowest Queries', 
       help_text: 'This panel shows the slowest database queries in your application this week, including average execution time and when they were last seen.',
-      refresh_action: true,
-      content_partial: 'rails_pulse/dashboard/tables/standard_table',
-      class: "table-container")
-    %>
+      actions: [{ url: queries_path, icon: 'external-link', title: 'View details', data: { turbo_frame: '_top' } }],
+      card_classes: 'table-container'
+    } do %>
+      <%= render 'rails_pulse/components/table', table_data: @slow_queries_table_data %>
+    <% end %>
   </div>
 </div>

data/app/views/rails_pulse/queries/_show_table.html.erb

@@ -1,5 +1,5 @@
 <% columns = [
-  { field: :occurred_at, label: 'Occurred At', class: 'w-auto' },
+  { field: :occurred_at, label: 'Timestamp', class: 'w-auto' },
   { field: :duration, label: 'Duration', class: 'w-32'}
 ] %>
 

data/app/views/rails_pulse/queries/_table.html.erb

@@ -1,28 +1,26 @@
 <% columns = [
   { field: :normalized_sql, label: 'Query', class: 'w-auto' },
-  { field: :execution_count, label: 'Executions', class: 'w-24' },
-  { field: :average_query_time_ms, label: 'Avg Time', class: 'w-24' },
-  { field: :total_time_consumed, label: 'Total Time', class: 'w-28' },
-  { field: :performance_status, label: 'Status', class: 'w-16' },
-  { field: :occurred_at, label: 'Last Seen', class: 'w-32' }
+  { field: :execution_count_sort, label: 'Executions', class: 'w-24' },
+  { field: :avg_duration_sort, label: 'Avg Time', class: 'w-24' },
+  { field: :total_time_consumed_sort, label: 'Total Time', class: 'w-28' },
+  { field: :performance_status, label: 'Status', class: 'w-16', sortable: false }
 ] %>
 
 <table class="table mbs-4">
   <%= render "rails_pulse/components/table_head", columns: columns %>
 
   <tbody>
-    <% @table_data.each do |query| %>
+    <% @table_data.each do |summary| %>
       <tr>
         <td class="whitespace-nowrap">
           <div>
-            <%= link_to html_escape(truncate_sql(query.normalized_sql)), query_path(query), data: { turbo_frame: '_top', } %>
+            <%= link_to html_escape(truncate_sql(summary.normalized_sql)), query_path(summary.query_id), data: { turbo_frame: '_top', } %>
           </div>
         </td>
-        <td class="whitespace-nowrap"><%= number_with_delimiter query.execution_count %></td>
-        <td class="whitespace-nowrap"><%= query.average_query_time_ms.to_i %> ms</td>
-        <td class="whitespace-nowrap"><%= number_with_delimiter query.total_time_consumed.to_i %> ms</td>
-        <td class="whitespace-nowrap text-center"><%= query_status_indicator(query.average_query_time_ms) %></td>
-        <td class="whitespace-nowrap"><%= human_readable_occurred_at(query.occurred_at) if query.occurred_at %></td>
+        <td class="whitespace-nowrap"><%= number_with_delimiter summary.execution_count %></td>
+        <td class="whitespace-nowrap"><%= summary.avg_duration.to_i %> ms</td>
+        <td class="whitespace-nowrap"><%= number_with_delimiter summary.total_time_consumed.to_i %> ms</td>
+        <td class="whitespace-nowrap text-center"><%= query_status_indicator(summary.avg_duration) %></td>
       </tr>
     <% end %>
   </tbody>

data/app/views/rails_pulse/queries/index.html.erb

@@ -1,11 +1,12 @@
 <%= render 'rails_pulse/components/breadcrumbs' %>
 
-<div class="row">
-  <%= cached_component(component: "metric_card", id: "average_response_times", context: "routes", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "percentile_response_times", context: "routes", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "request_count_totals", context: "routes", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "error_rate_per_route", context: "routes", class: "grid-item block") %>
-</div>
+<% unless turbo_frame_request? %>
+  <div class="row">
+    <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @average_query_times_metric_card } %>
+    <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @percentile_query_times_metric_card } %>
+    <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @execution_rate_metric_card } %>
+  </div>
+<% end %>
 
 <div
   class="row"
@@ -16,12 +17,12 @@
     <%= render 'rails_pulse/components/panel', { title: 'Average Query Time', } do %>
       <%= search_form_for @ransack_query, url: queries_path, class: "flex items-center justify-between gap mb-4" do |form| %>
         <div class="flex items-center grow gap">
-          <%= form.select :occurred_at_range,
+          <%= form.select :period_start_range,
             RailsPulse::QueriesController::TIME_RANGE_OPTIONS,
             { selected: @selected_time_range },
             { class: "input" }
           %>
-          <%= form.select :duration,
+          <%= form.select :avg_duration,
             duration_options(:query),
             { selected: @selected_response_range },
             { class: "input" }
@@ -31,33 +32,39 @@
         </div>
       <% end %>
 
-      <% if @chart_data.present? %>
-        <div
-          class="chart-container chart-container--slim"
-          data-rails-pulse--index-target="chart"
-        >
-          <%= bar_chart(
-            @chart_data,
-            code: false,
-            id: "average_query_times_chart",
-            height: "100%",
-            options: bar_chart_options(
-              units: "ms",
-              zoom: true,
-              chart_start: 0,
-              chart_end: @chart_data.length - 1,
-              xaxis_formatter: @xaxis_formatter,
-              tooltip_formatter: @tooltip_formatter,
-              zoom_start: @zoom_start,
-              zoom_end: @zoom_end,
-              chart_data: @chart_data
-            )
-          ) %>
-        </div>
-      <% end %>
+      <% if @has_data %>
+        <% if @chart_data && @chart_data.values.any? { |v| v > 0 } %>
+          <div
+            class="chart-container chart-container--slim"
+            data-rails-pulse--index-target="chart"
+          >
+            <%= bar_chart(
+              @chart_data,
+              code: false,
+              id: "average_query_times_chart",
+              height: "100%",
+              options: bar_chart_options(
+                units: "ms",
+                zoom: true,
+                chart_start: 0,
+                chart_end: @chart_data.length - 1,
+                xaxis_formatter: @xaxis_formatter,
+                tooltip_formatter: @tooltip_formatter,
+                zoom_start: @zoom_start,
+                zoom_end: @zoom_end,
+                chart_data: @chart_data
+              )
+            ) %>
+          </div>
+        <% end %>
 
-      <%= turbo_frame_tag :queries_index_table, data: { rails_pulse__index_target: "indexTable" } do %>
-        <%= render 'rails_pulse/queries/table' %>
+        <%= turbo_frame_tag :queries_index_table, data: { rails_pulse__index_target: "indexTable" } do %>
+          <%= render 'rails_pulse/queries/table' %>
+        <% end %>
+      <% else %>
+        <%= render 'rails_pulse/components/empty_state', 
+            title: 'No query data found for the selected filters.', 
+            description: 'Try adjusting your time range or filters to see results.' %>
       <% end %>
     <% end %>
   </div>

data/app/views/rails_pulse/queries/show.html.erb

@@ -1,10 +1,12 @@
 <%= render 'rails_pulse/components/breadcrumbs' %>
 
-<div class="row">
-  <%= cached_component(component: "metric_card", id: "average_query_times", context: "query_#{@query.id}", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "request_count_totals", context: "query_#{@query.id}", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "execution_rate", context: "query_#{@query.id}", class: "grid-item block") %>
-</div>
+<% unless turbo_frame_request? %>
+  <div class="row">
+    <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @average_query_times_metric_card } %>
+    <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @percentile_query_times_metric_card } %>
+    <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @execution_rate_metric_card } %>
+  </div>
+<% end %>
 
 <div class="mb-4">
   <%= render 'rails_pulse/components/code_panel', { title: 'Normalized SQL', value: @query.normalized_sql } %>
@@ -14,13 +16,12 @@
   class="row"
   data-controller="rails-pulse--index"
   data-rails-pulse--index-chart-id-value="query_responses_chart"
-  data-rails-pulse--index-occurred-at-param-value="occurred_at"
 >
   <div class="grid-item">
     <%= render 'rails_pulse/components/panel', { title: 'Query Responses' } do %>
       <%= search_form_for @ransack_query, url: query_path(@query), class: "flex items-center justify-between gap mb-4" do |form| %>
         <div class="flex items-center grow gap">
-          <%= form.select :occurred_at_range,
+          <%= form.select :period_start_range,
             RailsPulse::RoutesController::TIME_RANGE_OPTIONS,
             { selected: @selected_time_range },
             { class: "input" }
@@ -35,30 +36,36 @@
         </div>
       <% end %>
 
-      <% if @chart_data.present? %>
-        <div
-          class="chart-container chart-container--slim"
-          data-rails-pulse--index-target="chart"
-        >
-          <%= bar_chart(
-            @chart_data,
-            code: false,
-            id: "query_responses_chart",
-            height: "100%",
-            options: bar_chart_options(
-              units: "ms",
-              zoom: true,
-              chart_start: 0,
-              chart_end: @chart_data.length - 1,
-              xaxis_formatter: @xaxis_formatter,
-              tooltip_formatter: @tooltip_formatter
-            )
-          ) %>
-        </div>
-      <% end %>
+      <% if @has_data %>
+        <% if @chart_data && @chart_data.values.any? { |v| v > 0 } %>
+          <div
+            class="chart-container chart-container--slim"
+            data-rails-pulse--index-target="chart"
+          >
+            <%= bar_chart(
+              @chart_data,
+              code: false,
+              id: "query_responses_chart",
+              height: "100%",
+              options: bar_chart_options(
+                units: "ms",
+                zoom: true,
+                chart_start: 0,
+                chart_end: @chart_data.length - 1,
+                xaxis_formatter: @xaxis_formatter,
+                tooltip_formatter: @tooltip_formatter
+              )
+            ) %>
+          </div>
+        <% end %>
 
-      <%= turbo_frame_tag :index_table do %>
-        <%= render 'rails_pulse/queries/show_table' %>
+        <%= turbo_frame_tag :index_table do %>
+          <%= render 'rails_pulse/queries/show_table' %>
+        <% end %>
+      <% else %>
+        <%= render 'rails_pulse/components/empty_state', 
+            title: 'No query responses found for the selected filters.', 
+            description: 'Try adjusting your time range or filters to see results.' %>
       <% end %>
     <% end %>
   </div>
@@ -76,7 +83,7 @@
     <tbody>
       <% @query.operations.group_by(&:codebase_location).each do |codebase_location, operations| %>
         <tr>
-          <td><%= link_to codebase_location, '#' %></td>
+          <td><%= codebase_location %></td>
           <td><%= (operations.sum(&:duration) / operations.count).round(2) %></td>
           <td><%= operations.count %></td>
         </tr>

data/app/views/rails_pulse/requests/_operations.html.erb

@@ -1,21 +1,22 @@
 <div class="row">
   <div class="grid-item">
     <%= render 'rails_pulse/components/panel', { title: 'Event Sequence ' } do %>
-      <table class="table operations-table">
-        <thead>
-          <tr>
-            <th class="w-8"></th>
-            <th class="operations-label-cell">Operation</th>
-            <th class="operations-duration-cell">Duration</th>
-            <th class="w-20">Impact</th>
-            <th class="w-16"></th>
-            <th class="operations-event-cell">Timeline</th>
-            <th class="w-16">Actions</th>
-          </tr>
-        </thead>
-        <tbody>
-          <% total_request_duration = @request.duration.to_f %>
-          <% @operation_timeline.bars.each_with_index do |bar, index| %>
+      <% if operations.any? %>
+        <table class="table operations-table">
+          <thead>
+            <tr>
+              <th class="w-8"></th>
+              <th class="operations-label-cell">Operation</th>
+              <th class="operations-duration-cell">Duration</th>
+              <th class="w-20">Impact</th>
+              <th class="w-16"></th>
+              <th class="operations-event-cell">Timeline</th>
+              <th class="w-16">Actions</th>
+            </tr>
+          </thead>
+          <tbody>
+            <% total_request_duration = @request.duration.to_f %>
+            <% @operation_timeline.bars.each_with_index do |bar, index| %>
             <tbody data-controller="rails-pulse--expandable-row">
             <!-- Main operation row -->
             <tr
@@ -30,33 +31,33 @@
                   <%= rails_pulse_icon('chevron-right', width: '16', class: 'transition-transform duration-200') %>
                 </div>
               </td>
-              
+
               <td class="operations-label-cell">
                 <span class="text-link" style="color: <%= event_color(bar.operation.operation_type) %>;">
                   <%= html_escape(bar.operation.label) %>
                 </span>
               </td>
-              
+
               <td class="whitespace-nowrap">
                 <%= bar.duration.round(2) %> ms
               </td>
-              
+
               <td class="whitespace-nowrap">
                 <% impact_percentage = total_request_duration > 0 ? (bar.operation.duration / total_request_duration * 100).round(1) : 0 %>
                 <%= impact_percentage %>%
               </td>
-              
+
               <td class="whitespace-nowrap text-center">
                 <%= operation_status_indicator(bar.operation) %>
               </td>
-              
+
               <td class="operations-event-cell">
                 <div
                   class="operations-event"
                   style="left: <%= bar.left_pct %>%; width: <%= bar.width_pct %>%; background-color: <%= event_color(bar.operation.operation_type) %>;">
                 </div>
               </td>
-              
+
               <td>
                 <%= link_to rails_pulse_icon('eye', width: '16', class: 'inline-block mbi-2'), operation_path(bar.operation), title: 'View details', data: { turbo_frame: "_top" } %>
                 <% if bar.operation.operation_type == "sql" && bar.operation.query.present? %>
@@ -64,9 +65,9 @@
                 <% end %>
               </td>
             </tr>
-            
+
             <!-- Expandable details row -->
-            <tr 
+            <tr
               class="operation-details-row hidden"
               data-rails-pulse--expandable-row-target="details"
               data-operation-id="<%= bar.operation.id %>"
@@ -77,9 +78,14 @@
               </td>
             </tr>
             </tbody>
-          <% end %>
-        </tbody>
-      </table>
+            <% end %>
+          </tbody>
+        </table>
+      <% else %>
+        <%= render 'rails_pulse/components/empty_state', 
+            title: 'No operations found for this request.', 
+            description: 'This request may not have had any tracked operations.' %>
+      <% end %>
     <% end %>
   </div>
 </div>

data/app/views/rails_pulse/requests/_table.html.erb

@@ -3,8 +3,7 @@
   columns << { field: :route_path, label: 'Route', class: 'w-auto' } if @route.blank?
 
   columns += [
-    { field: :occurred_at, label: 'Timestamp', class: (@route.present? ? 'w-auto' : 'w-40') },
-    { field: :duration, label: 'Duration', class: 'w-24' },
+    { field: :duration, label: 'Response Time', class: 'w-24' },
     { field: :status, label: 'HTTP Status', class: 'w-20' },
     { field: :status_indicator, label: 'Status', class: 'w-16' }
   ]
@@ -19,7 +18,6 @@
         <% if @route.blank? %>
           <td class="whitespace-nowrap"><%= link_to route_request.route.path_and_method, request_path(route_request), data: { turbo_frame: '_top' } %></td>
         <% end %>
-        <td class="whitespace-nowrap"><%= link_to human_readable_occurred_at(route_request.occurred_at), request_path(route_request), data: { turbo_frame: '_top' } %></td>
         <td class="whitespace-nowrap"><%= route_request.duration.round(2) %> ms</td>
         <td class="whitespace-nowrap"><%= route_request.status %></td>
         <td class="whitespace-nowrap text-center"><%= request_status_indicator(route_request.duration) %></td>