rails_pulse 0.1.1 → 0.1.3

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

@@ -1,41 +1,37 @@
 <%= 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>
-
-<div class="mb-4">
-  <%= render 'rails_pulse/components/code_panel', { title: 'Normalized SQL', value: @query.normalized_sql } %>
-</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"
   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,
-            RailsPulse::RoutesController::TIME_RANGE_OPTIONS,
-            { selected: @selected_time_range },
-            { class: "input" }
-          %>
-          <%= form.select :duration,
-            duration_options(:query),
-            { selected: @selected_response_range },
-            { class: "input" }
-          %>
-          <%= link_to "Reset", query_path(@query), class: "btn btn--borderless show@md" if params.has_key?(:q) %>
-          <%= form.submit "Search", class: "btn show@sm" %>
-        </div>
-      <% end %>
+  <%= 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 :period_start_range,
+          RailsPulse::RoutesController::TIME_RANGE_OPTIONS,
+          { selected: @selected_time_range },
+          { class: "input" }
+        %>
+        <%= form.select :duration,
+          duration_options(:query),
+          { selected: @selected_response_range },
+          { class: "input" }
+        %>
+        <%= link_to "Reset", query_path(@query), class: "btn btn--borderless show@md" if params.has_key?(:q) %>
+        <%= form.submit "Search", class: "btn show@sm" %>
+      </div>
+    <% end %>
 
-      <% if @chart_data.present? %>
+    <% 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"
@@ -51,19 +47,34 @@
               chart_start: 0,
               chart_end: @chart_data.length - 1,
               xaxis_formatter: @xaxis_formatter,
-              tooltip_formatter: @tooltip_formatter
+              tooltip_formatter: @tooltip_formatter,
+              zoom_start: @zoom_start,
+              zoom_end: @zoom_end,
+              chart_data: @chart_data
             )
           ) %>
         </div>
       <% end %>
 
-      <%= turbo_frame_tag :index_table do %>
+      <%= turbo_frame_tag :index_table, data: { rails_pulse__index_target: "indexTable" } 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 %>
-  </div>
+  <% end %>
 </div>
 
+<div class="mb-4">
+  <%= render 'rails_pulse/components/code_panel', { title: 'Normalized Query', value: @query.normalized_sql } %>
+</div>
+
+<%= turbo_frame_tag "query_analysis", class: "mb-4" do %>
+  <%= render 'rails_pulse/queries/analysis_section', query: @query %>
+<% end %>
+
 <%= render 'rails_pulse/components/panel', { title: 'Query Locations' } do %>
   <table class="table">
     <thead>
@@ -76,7 +87,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,62 +1,54 @@
-<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| %>
-            <tbody data-controller="rails-pulse--expandable-row">
-            <!-- Main operation row -->
-            <tr
-              class="<%= cycle('bg-shade', 'bg-white') %> operation-row"
-              data-rails-pulse--expandable-row-target="trigger"
-              data-operation-id="<%= bar.operation.id %>"
-            >
+<%= render 'rails_pulse/components/panel', { title: 'Event Sequence ' } do %>
+  <% 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 data-controller="rails-pulse--expandable-rows" data-action="click->rails-pulse--expandable-rows#toggle">
+        <% total_request_duration = @request.duration.to_f %>
+        <% @operation_timeline.bars.each_with_index do |bar, index| %>
+            <tr data-operation-id="<%= bar.operation.id %>">
               <!-- Toggle chevron column -->
-              <td class="text-center cursor-pointer"
-                  data-action="click->rails-pulse--expandable-row#toggle">
-                <div data-rails-pulse--expandable-row-target="chevron">
+              <td class="text-center cursor-pointer">
+                <div class="chevron mbs-2">
                   <%= 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,22 +56,23 @@
                 <% 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 %>"
             >
-              <td colspan="7" class="p-4">
+              <td colspan="7" class="pi-8 pb-4">
                 <%= turbo_frame_tag "operation_#{bar.operation.id}_details", data: { "operation-url": operation_path(bar.operation) } do %>
                 <% end %>
               </td>
             </tr>
-            </tbody>
-          <% end %>
-        </tbody>
-      </table>
-    <% end %>
-  </div>
-</div>
+        <% 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 %>

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

@@ -3,14 +3,14 @@
   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: :occurred_at, label: 'Timestamp', class: 'w-36' },
+    { field: :duration, label: 'Response Time', class: 'w-24' },
     { field: :status, label: 'HTTP Status', class: 'w-20' },
     { field: :status_indicator, label: 'Status', class: 'w-16' }
   ]
 %>
 
-<table class="table mbs-4">
+<table class="table mbs-4" data-controller="rails-pulse--table-sort">
   <%= render "rails_pulse/components/table_head", columns: columns %>
 
   <tbody>

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

@@ -1,37 +1,38 @@
 <%= render 'rails_pulse/components/breadcrumbs' %>
 
-<div class="row">
-  <%= cached_component(component: "metric_card", id: "average_response_times", context: "requests", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "percentile_response_times", context: "requests", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "request_count_totals", context: "requests", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "error_rate_per_route", context: "requests", class: "grid-item block") %>
-</div>
+<% unless turbo_frame_request? %>
+  <div class="row">
+    <%= render 'rails_pulse/components/metric_card', { class: "grid-item block", data: @average_response_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>
+<% end %>
 
 <div
-  class="row"
   data-controller="rails-pulse--index"
   data-rails-pulse--index-chart-id-value="average_response_times_chart"
 >
-  <div class="grid-item">
-    <%= render 'rails_pulse/components/panel', { title: 'Average Response Time', } do %>
-      <%= search_form_for @ransack_query, url: requests_path, class: "flex items-center justify-between gap mb-4" do |form| %>
-        <div class="flex items-center grow gap">
-          <%= form.select :occurred_at_range,
-            RailsPulse::RequestsController::TIME_RANGE_OPTIONS,
-            { selected: @selected_time_range },
-            { class: "input" }
-          %>
-          <%= form.select :duration,
-            duration_options(:request),
-            { selected: @selected_response_range },
-            { class: "input" }
-          %>
-          <%= link_to "Reset", requests_path, class: "btn btn--borderless show@md" if params.has_key?(:q) %>
-          <%= form.submit "Search", class: "btn show@sm" %>
-        </div>
-      <% end %>
+  <%= render 'rails_pulse/components/panel', { title: 'Average Response Time', } do %>
+    <%= search_form_for @ransack_query, url: requests_path, class: "flex items-center justify-between gap mb-4" do |form| %>
+      <div class="flex items-center grow gap">
+        <%= form.select :period_start_range,
+          RailsPulse::RequestsController::TIME_RANGE_OPTIONS,
+          { selected: @selected_time_range },
+          { class: "input" }
+        %>
+        <%= form.select :avg_duration,
+          duration_options(:request),
+          { selected: @selected_response_range },
+          { class: "input" }
+        %>
+        <%= link_to "Reset", requests_path, class: "btn btn--borderless show@md" if params.has_key?(:q) %>
+        <%= form.submit "Search", class: "btn show@sm" %>
+      </div>
+    <% end %>
 
-      <% if @chart_data.present? %>
+    <% 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"
@@ -56,9 +57,13 @@
         </div>
       <% end %>
 
-      <%= turbo_frame_tag :requests_index_table, data: { rails_pulse__index_target: "indexTable" } do %>
+      <%= turbo_frame_tag :index_table, data: { rails_pulse__index_target: "indexTable" } do %>
         <%= render 'rails_pulse/requests/table' %>
       <% end %>
+    <% else %>
+      <%= render 'rails_pulse/components/empty_state',
+          title: 'No request data found for the selected filters.',
+          description: 'Try adjusting your time range or filters to see results.' %>
     <% end %>
-  </div>
+  <% end %>
 </div>

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

@@ -1,26 +1,26 @@
 <% columns = [
-  { field: :path, label: 'Route', class: 'w-auto' },
-  { field: :average_response_time_ms, label: 'Average Response Time', class: 'w-36' },
-  { field: :max_response_time_ms, label: 'Max Response Time', class: 'w-32' },
-  { field: :request_count, label: 'Requests', class: 'w-24' },
+  { field: :route_path, label: 'Route', class: 'w-auto' },
+  { field: :avg_duration_sort, label: 'Average Response Time', class: 'w-36' },
+  { field: :max_duration_sort, label: 'Max Response Time', class: 'w-32' },
+  { field: :count_sort, label: 'Requests', class: 'w-24' },
   { field: :requests_per_minute, label: 'Requests Per Minute', class: 'w-28' },
   { field: :error_rate_percentage, label: 'Error Rate (%)', class: 'w-20' },
-  { field: :status_indicator, label: 'Status', class: 'w-16' }
+  { field: :status_indicator, label: 'Status', class: 'w-16', sortable: false }
 ] %>
 
-<table class="table mbs-4">
+<table class="table mbs-4" data-controller="rails-pulse--table-sort">
   <%= render "rails_pulse/components/table_head", columns: columns %>
 
   <tbody>
-    <% @table_data.each do |route| %>
+    <% @table_data.each do |summary| %>
       <tr>
-        <td class="whitespace-nowrap"><%= link_to route.path_and_method, route, data: { turbo_frame: '_top' } %></td>
-        <td class="whitespace-nowrap"><%= route.average_response_time_ms.to_i %> ms</td>
-        <td class="whitespace-nowrap"><%= route.max_response_time_ms.to_i %> ms</td>
-        <td class="whitespace-nowrap"><%= number_with_delimiter route.request_count %></td>
-        <td class="whitespace-nowrap"><%= route.requests_per_minute < 1 ? '< 1' : route.requests_per_minute.round(2) %></td>
-        <td class="whitespace-nowrap"><%= route.error_rate_percentage %>%</td>
-        <td class="whitespace-nowrap text-center"><%= route_status_indicator(route.status_indicator) %></td>
+        <td class="whitespace-nowrap"><%= link_to "#{summary.path} #{summary.route_method}", route_path(summary.route_id), data: { turbo_frame: '_top' } %></td>
+        <td class="whitespace-nowrap"><%= summary.avg_duration.to_i %> ms</td>
+        <td class="whitespace-nowrap"><%= summary.max_duration.to_i %> ms</td>
+        <td class="whitespace-nowrap"><%= number_with_delimiter summary.count %></td>
+        <td class="whitespace-nowrap"><%= summary.count < 1 ? '< 1' : (summary.count / 60.0).round(2) %></td>
+        <td class="whitespace-nowrap"><%= ((summary.error_count.to_f / summary.count) * 100).round(2) %>%</td>
+        <td class="whitespace-nowrap text-center"><%= route_status_indicator(summary.avg_duration >= 500 ? 1 : 0) %></td>
       </tr>
     <% end %>
   </tbody>

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

@@ -1,38 +1,39 @@
 <%= 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_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>
+<% end %>
 
 <div
-  class="row"
   data-controller="rails-pulse--index"
   data-rails-pulse--index-chart-id-value="average_response_times_chart"
 >
-  <div class="grid-item">
-    <%= render 'rails_pulse/components/panel', { title: 'Average Response Time', } do %>
-      <%= search_form_for @ransack_query, url: routes_path, class: "flex items-center justify-between gap mb-4" do |form| %>
-        <div class="flex items-center grow gap">
-          <%= form.search_field :path_cont, placeholder: "Filter by route", autocomplete: "off", class: "input", style: "max-inline-size: 250px" %>
-          <%= form.select :occurred_at_range,
-            RailsPulse::RoutesController::TIME_RANGE_OPTIONS,
-            { selected: @selected_time_range },
-            { class: "input" }
-          %>
-          <%= form.select :duration,
-            duration_options(:route),
-            { selected: @selected_response_range },
-            { class: "input" }
-          %>
-          <%= link_to "Reset", routes_path, class: "btn btn--borderless show@md" if params.has_key?(:q) %>
-          <%= form.submit "Search", class: "btn show@sm" %>
-        </div>
-      <% end %>
+  <%= render 'rails_pulse/components/panel', { title: 'Average Response Time', card_classes: 'b-full' } do %>
+    <%= search_form_for @ransack_query, url: routes_path, class: "flex items-center justify-between gap mb-4" do |form| %>
+      <div class="flex items-center grow gap">
+        <%= form.search_field :route_path_cont, placeholder: "Filter by route", autocomplete: "off", class: "input", style: "max-inline-size: 250px" %>
+        <%= form.select :period_start_range,
+          RailsPulse::RoutesController::TIME_RANGE_OPTIONS,
+          { selected: @selected_time_range },
+          { class: "input" }
+        %>
+        <%= form.select :avg_duration,
+          duration_options(:route),
+          { selected: @selected_response_range },
+          { class: "input" }
+        %>
+        <%= link_to "Reset", routes_path, class: "btn btn--borderless show@md" if params.has_key?(:q) %>
+        <%= form.submit "Search", class: "btn show@sm" %>
+      </div>
+    <% end %>
 
-      <% if @chart_data.present? %>
+    <% 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"
@@ -57,9 +58,13 @@
         </div>
       <% end %>
 
-      <%= turbo_frame_tag :routes_index_table, data: { rails_pulse__index_target: "indexTable" } do %>
+      <%= turbo_frame_tag :index_table, data: { rails_pulse__index_target: "indexTable" } do %>
         <%= render 'rails_pulse/routes/table' %>
       <% end %>
+    <% else %>
+      <%= render 'rails_pulse/components/empty_state',
+          title: 'No route data found for the selected filters.',
+          description: 'Try adjusting your time range or filters to see results.' %>
     <% end %>
-  </div>
+  <% end %>
 </div>

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

@@ -1,30 +1,31 @@
 <%= render 'rails_pulse/components/breadcrumbs' %>
 
-<h1 class="text-2xl mbe-2"><%= @route.path_and_method %></h1>
+<h1 class="text-2xl mis-2"><%= @route.path_and_method %></h1>
 
-<div class="row">
-  <%= cached_component(component: "metric_card", id: "average_response_times", context: "routes_#{@route.id}", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "percentile_response_times", context: "routes_#{@route.id}", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "request_count_totals", context: "routes_#{@route.id}", class: "grid-item block") %>
-  <%= cached_component(component: "metric_card", id: "error_rate_per_route", context: "routes_#{@route.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_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>
+<% end %>
 
 <div
   class="row"
   data-controller="rails-pulse--index"
   data-rails-pulse--index-chart-id-value="route_repsonses_chart"
-  data-rails-pulse--index-occurred-at-param-value="occurred_at"
 >
   <div class="grid-item">
     <%= render 'rails_pulse/components/panel', { title: 'Route Reqeusts', } do %>
       <%= search_form_for @ransack_query, url: route_path(@route), 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" }
           %>
-          <%= form.select :duration,
+          <%= form.select :avg_duration,
             duration_options(:route),
             { selected: @selected_response_range },
             { class: "input" }
@@ -34,33 +35,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: "route_repsonses_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: "route_repsonses_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 :index_table do %>
-        <%= render 'rails_pulse/requests/table' %>
+        <%= turbo_frame_tag :index_table, data: { rails_pulse__index_target: "indexTable" } do %>
+          <%= render 'rails_pulse/requests/table' %>
+        <% end %>
+      <% else %>
+        <%= render 'rails_pulse/components/empty_state',
+            title: 'No route requests found for the selected filters.',
+            description: 'Try adjusting your time range or filters to see results.' %>
       <% end %>
     <% end %>
   </div>

data/config/initializers/rails_pulse.rb

@@ -71,18 +71,6 @@ RailsPulse.configure do |config|
   config.ignored_requests = []
   config.ignored_queries  = []
 
-  # ====================================================================================================
-  #                                               CACHING
-  # ====================================================================================================
-  # Configure metric card caching to improve performance of the Rails Pulse dashboard.
-  # Caching reduces database load for expensive metric calculations.
-
-  # Enable/disable metric card caching
-  config.component_cache_enabled = true
-
-  # How long to cache metric card results
-  config.component_cache_duration = 1.hour
-
   # ====================================================================================================
   #                                            DATABASE CONFIGURATION
   # ====================================================================================================

data/config/routes.rb

@@ -3,7 +3,11 @@ RailsPulse::Engine.routes.draw do
 
   resources :routes, only: %i[index show]
   resources :requests, only: %i[index show]
-  resources :queries, only: %i[index show]
+  resources :queries, only: %i[index show] do
+    member do
+      post :analyze
+    end
+  end
   resources :operations, only: %i[show]
   resources :caches, only: %i[show], as: :cache
   patch "pagination/limit", to: "application#set_pagination_limit"