ruby_llm-agents 1.0.0.beta.1 → 1.1.0

data/app/views/ruby_llm/agents/executions/_filters.html.erb

@@ -3,17 +3,25 @@
   selected_agents = params[:agent_types].present? ? (params[:agent_types].is_a?(Array) ? params[:agent_types] : params[:agent_types].split(",")) : []
   selected_statuses = params[:statuses].present? ? (params[:statuses].is_a?(Array) ? params[:statuses] : params[:statuses].split(",")) : []
   selected_models = params[:model_ids].present? ? (params[:model_ids].is_a?(Array) ? params[:model_ids] : params[:model_ids].split(",")) : []
-  selected_workflows = params[:workflow_types].present? ? (params[:workflow_types].is_a?(Array) ? params[:workflow_types] : params[:workflow_types].split(",")) : []
+  selected_execution_type = params[:execution_type].presence
 
-  has_filters = selected_agents.any? || selected_statuses.any? || params[:days].present? || selected_models.any? || selected_workflows.any?
+  has_filters = selected_agents.any? || selected_statuses.any? || params[:days].present? || selected_models.any? || params[:tenant_id].present? || selected_execution_type.present?
   active_filter_count = [
     selected_agents.any? ? 1 : 0,
     selected_statuses.any? ? 1 : 0,
     params[:days].present? ? 1 : 0,
     selected_models.any? ? 1 : 0,
-    selected_workflows.any? ? 1 : 0
+    params[:tenant_id].present? ? 1 : 0,
+    selected_execution_type.present? ? 1 : 0
   ].sum
 
+  # Execution type options (replaces the old tabs)
+  execution_type_options = [
+    { value: "", label: "All Executions" },
+    { value: "agents", label: "Agents Only" },
+    { value: "workflows", label: "Workflows" }
+  ]
+
   status_options = [
     { value: "success", label: "Success", color: "bg-green-500" },
     { value: "error", label: "Error", color: "bg-red-500" },
@@ -35,20 +43,8 @@
     short_name = m.split("/").last.split(":").first # Handle "provider/model:version" format
     { value: m, label: short_name }
   end || []
-
-  # Build workflow type options with icons
-  workflow_type_labels = {
-    "pipeline" => { label: "Pipeline", icon: "→" },
-    "parallel" => { label: "Parallel", icon: "⫴" },
-    "router" => { label: "Router", icon: "⑂" }
-  }
-  workflow_options = [{ value: "single", label: "Single Agent" }]
-  workflow_options += (local_assigns[:workflow_types] || []).map do |wt|
-    info = workflow_type_labels[wt] || { label: wt.titleize, icon: "" }
-    { value: wt, label: "#{info[:icon]} #{info[:label]}".strip }
-  end
 %>
-<div id="filters-container" class="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-4 mb-6"
+<div id="filters-container" class="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 p-3 mb-6"
      x-data="{ mobileOpen: false }">
   <%= form_with url: ruby_llm_agents.executions_path, method: :get,
                 local: true,
@@ -82,7 +78,19 @@
          :class="{ 'hidden md:block': !mobileOpen, 'block': mobileOpen }">
 
       <%# Responsive flex: column on mobile, row on desktop %>
-      <div class="flex flex-col md:flex-row md:items-center gap-3">
+      <div class="flex flex-col md:flex-row md:items-center gap-2">
+        <%# Execution Type Filter (replaces tabs) %>
+        <div class="md:w-auto">
+          <%= render "ruby_llm/agents/shared/select_dropdown",
+              name: "execution_type",
+              filter_id: "execution_type",
+              options: execution_type_options,
+              selected: selected_execution_type,
+              icon: "M4 6h16M4 10h16M4 14h16M4 18h16",
+              width: "w-44",
+              full_width: true %>
+        </div>
+
         <%# Status Filter %>
         <div class="md:w-auto">
           <%= render "ruby_llm/agents/shared/filter_dropdown",
@@ -96,6 +104,23 @@
               full_width: true %>
         </div>
 
+        <%# Visual separator between filter groups %>
+        <div class="hidden md:block w-px h-6 bg-gray-200 dark:bg-gray-700 mx-1"></div>
+
+        <%# Tenant Filter %>
+        <% if tenant_filter_enabled? && available_tenants.any? %>
+          <div class="md:w-auto">
+            <%= render "ruby_llm/agents/shared/select_dropdown",
+                name: "tenant_id",
+                filter_id: "tenant_id",
+                options: [{ value: "", label: "All Tenants" }] + available_tenants.map { |t| { value: t, label: t.truncate(15) } },
+                selected: params[:tenant_id],
+                icon: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4",
+                width: "w-40",
+                full_width: true %>
+          </div>
+        <% end %>
+
         <%# Time Range Filter %>
         <div class="md:w-auto">
           <%= render "ruby_llm/agents/shared/select_dropdown",
@@ -108,6 +133,9 @@
               full_width: true %>
         </div>
 
+        <%# Visual separator between filter groups %>
+        <div class="hidden md:block w-px h-6 bg-gray-200 dark:bg-gray-700 mx-1"></div>
+
         <%# Model Filter %>
         <% if model_options.any? %>
           <div class="md:w-auto">
@@ -139,33 +167,17 @@
           </div>
         <% end %>
 
-        <%# Workflow Type Filter %>
-        <% if workflow_options.length > 1 %>
-          <div class="md:w-auto">
-            <%= render "ruby_llm/agents/shared/filter_dropdown",
-                name: "workflow_types[]",
-                filter_id: "workflow_types",
-                label: "Type",
-                all_label: "All Types",
-                options: workflow_options,
-                selected: selected_workflows,
-                icon: "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zm0 8a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zm12 0a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z",
-                width: "w-44",
-                full_width: true %>
-          </div>
-        <% end %>
-
         <%# Spacer (desktop only) %>
         <div class="hidden md:block flex-1"></div>
 
         <%# Stats %>
-        <div id="filter-stats" class="flex items-center justify-between md:justify-end gap-3 py-2 px-3 md:p-0 bg-gray-50 md:bg-transparent dark:bg-gray-700/50 md:dark:bg-transparent rounded-lg md:rounded-none">
-          <span class="text-xs text-gray-500 dark:text-gray-400 md:hidden">Results</span>
-          <div class="flex items-center gap-3 text-xs text-gray-500 dark:text-gray-400">
+        <div id="filter-stats" class="flex items-center justify-between md:justify-end gap-2 py-2 px-3 md:p-0 bg-gray-50 md:bg-transparent dark:bg-gray-700/50 md:dark:bg-transparent rounded-lg md:rounded-none">
+          <span class="text-xs text-gray-400 dark:text-gray-500 md:hidden">Results</span>
+          <div class="flex items-center gap-2 text-xs text-gray-400 dark:text-gray-500">
             <span class="tabular-nums"><%= number_to_human_short(filter_stats[:total_count]) %><span class="md:hidden"> executions</span></span>
-            <span class="text-gray-300 dark:text-gray-600">|</span>
+            <span class="text-gray-300 dark:text-gray-600">/</span>
             <span class="tabular-nums"><%= number_to_human_short(filter_stats[:total_cost], prefix: "$", precision: 2) %></span>
-            <span class="hidden md:inline text-gray-300 dark:text-gray-600">|</span>
+            <span class="hidden md:inline text-gray-300 dark:text-gray-600">/</span>
             <span class="hidden md:inline tabular-nums"><%= number_to_human_short(filter_stats[:total_tokens]) %>t</span>
           </div>
         </div>
@@ -182,7 +194,7 @@
               <span class="md:hidden">Clear</span>
             <% end %>
           <% end %>
-          <%= link_to ruby_llm_agents.export_executions_path(agent_types: selected_agents.presence, statuses: selected_statuses.presence, days: params[:days].presence, model_ids: selected_models.presence, workflow_types: selected_workflows.presence),
+          <%= link_to ruby_llm_agents.export_executions_path(agent_types: selected_agents.presence, statuses: selected_statuses.presence, days: params[:days].presence, model_ids: selected_models.presence, tenant_id: params[:tenant_id].presence, execution_type: selected_execution_type),
               class: "flex-1 md:flex-initial flex items-center justify-center gap-2 px-3 py-2 md:p-2 text-sm md:text-base text-gray-600 md:text-gray-400 dark:text-gray-300 md:dark:text-gray-400 bg-gray-50 md:bg-transparent dark:bg-gray-700 md:dark:bg-transparent hover:text-gray-600 md:hover:text-gray-600 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 md:dark:hover:bg-gray-700 rounded-lg transition-colors",
               title: "Export CSV" do %>
             <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">

data/app/views/ruby_llm/agents/executions/_list.html.erb

@@ -9,115 +9,50 @@
       <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
         <thead class="bg-gray-50 dark:bg-gray-900">
           <tr>
-            <th scope="col" class="px-2 py-3 w-8"></th>
-            <th
-              scope="col"
-              class="
-                px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400
-                uppercase tracking-wider
-              "
-            >
-              Agent
-            </th>
+            <%= render "ruby_llm/agents/shared/sortable_header",
+                column: "agent_type", label: "Agent",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
 
-            <th
-              scope="col"
-              class="
-                px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400
-                uppercase tracking-wider
-              "
-            >
-              Status
-            </th>
+            <%= render "ruby_llm/agents/shared/sortable_header",
+                column: "status", label: "Status",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
 
-            <th
-              scope="col"
-              class="
-                px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400
-                uppercase tracking-wider
-              "
-            >
-              Version
-            </th>
+            <%= render "ruby_llm/agents/shared/sortable_header",
+                column: "model_id", label: "Model",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
 
-            <th
-              scope="col"
-              class="
-                px-4 py-3 text-center text-xs font-medium text-gray-500 dark:text-gray-400
-                uppercase tracking-wider
-              "
-            >
-              Attempts
-            </th>
+            <%= render "ruby_llm/agents/shared/sortable_header",
+                column: "agent_version", label: "Version",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
 
-            <th
-              scope="col"
-              class="
-                px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400
-                uppercase tracking-wider
-              "
-            >
-              Tokens
-            </th>
+            <%= render "ruby_llm/agents/shared/sortable_header",
+                column: "total_tokens", label: "Tokens",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
 
-            <th
-              scope="col"
-              class="
-                px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400
-                uppercase tracking-wider
-              "
-            >
-              Cost
-            </th>
+            <%= render "ruby_llm/agents/shared/sortable_header",
+                column: "total_cost", label: "Cost",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
 
-            <th
-              scope="col"
-              class="
-                px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400
-                uppercase tracking-wider
-              "
-            >
-              Duration
-            </th>
+            <%= render "ruby_llm/agents/shared/sortable_header",
+                column: "duration_ms", label: "Duration",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
 
-            <th
-              scope="col"
-              class="
-                px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400
-                uppercase tracking-wider
-              "
-            >
-              Time
-            </th>
+            <%= render "ruby_llm/agents/shared/sortable_header",
+                column: "created_at", label: "Time",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
           </tr>
         </thead>
 
-        <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-100 dark:divide-gray-700">
-          <% executions.each do |execution| %>
-            <% has_attempts = execution.respond_to?(:attempts) && execution.attempts.present? && execution.attempts.size > 0 %>
+        <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-100/50 dark:divide-gray-700/50">
+          <% executions.each_with_index do |execution, index| %>
+            <% attempts_count = (execution.respond_to?(:attempts_count) && execution.attempts_count) || (execution.respond_to?(:attempts) && execution.attempts&.size) || 1 %>
+            <% row_bg = index.even? ? '' : 'bg-gray-50/50 dark:bg-gray-900/30' %>
             <tr
-              class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
+              class="<%= row_bg %> hover:bg-blue-50/50 dark:hover:bg-blue-900/20 transition-colors cursor-pointer"
               id="execution-row-<%= execution.id %>"
+              onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'"
             >
-              <!-- Expand/Collapse Button -->
-              <td class="px-2 py-3 whitespace-nowrap">
-                <% if has_attempts %>
-                  <button
-                    type="button"
-                    onclick="toggleAttempts(<%= execution.id %>); event.stopPropagation();"
-                    class="expand-btn p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors"
-                    data-execution-id="<%= execution.id %>"
-                    aria-expanded="false"
-                    aria-label="Toggle attempts"
-                  >
-                    <svg class="w-4 h-4 text-gray-500 dark:text-gray-400 transform transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
-                    </svg>
-                  </button>
-                <% end %>
-              </td>
-
-              <td class="px-4 py-3 whitespace-nowrap cursor-pointer" onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'">
+              <td class="px-4 py-3 whitespace-nowrap">
                 <div class="flex items-center gap-2">
                   <% if execution.respond_to?(:workflow_type) && execution.workflow_type.present? %>
                     <%= render "ruby_llm/agents/shared/workflow_type_badge", workflow_type: execution.workflow_type, size: :xs, show_label: false %>
@@ -133,120 +68,43 @@
                 <% end %>
               </td>
 
-              <td class="px-4 py-3 whitespace-nowrap cursor-pointer" onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'">
-                <%= render "ruby_llm/agents/shared/status_badge", status: execution.status %>
+              <td class="px-4 py-3 whitespace-nowrap">
+                <div>
+                  <%= render "ruby_llm/agents/shared/status_badge", status: execution.status, attempts_count: attempts_count %>
+                </div>
+                <% if execution.status_error? && execution.error_class.present? %>
+                  <span class="text-xs text-red-500 dark:text-red-400 block mt-0.5">
+                    <%= execution.error_class.split("::").last %>
+                  </span>
+                <% end %>
               </td>
 
-              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400 cursor-pointer" onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'">
-                v<%= execution.agent_version %>
+              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
+                <span title="<%= execution.model_id %>">
+                  <%= execution.model_id&.split("/")&.last || execution.model_id || "-" %>
+                </span>
               </td>
 
-              <!-- Attempts Count -->
-              <td class="px-4 py-3 whitespace-nowrap text-sm text-center cursor-pointer" onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'">
-                <% attempts_count = (execution.respond_to?(:attempts_count) && execution.attempts_count) || (execution.respond_to?(:attempts) && execution.attempts&.size) || 1 %>
-                <% if attempts_count > 1 %>
-                  <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200">
-                    <%= attempts_count %> attempts
-                  </span>
-                <% else %>
-                  <span class="text-gray-400 dark:text-gray-500">1</span>
-                <% end %>
+              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
+                v<%= execution.agent_version %>
               </td>
 
-              <td
-                class="
-                  px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100
-                  text-right font-medium cursor-pointer
-                "
-                onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'"
-              >
+              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300 font-mono">
                 <%= number_to_human_short(execution.total_tokens || 0) %>
               </td>
 
-              <td
-                class="
-                  px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100
-                  text-right font-medium cursor-pointer
-                "
-                onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'"
-              >
+              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300 font-mono">
                 <%= number_to_human_short(execution.total_cost || 0, prefix: "$", precision: 2) %>
               </td>
 
-              <td
-                class="
-                  px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100
-                  text-right font-medium cursor-pointer
-                "
-                onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'"
-              >
+              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300 font-mono">
                 <%= number_with_delimiter(execution.duration_ms || 0) %>ms
               </td>
 
-              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400 text-right cursor-pointer" onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'">
+              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                 <%= time_ago_in_words(execution.created_at) %> ago
               </td>
             </tr>
-
-            <!-- Inline Attempts Expansion Row (hidden by default) -->
-            <% if has_attempts %>
-              <tr id="attempts-row-<%= execution.id %>" class="hidden bg-gray-50 dark:bg-gray-900">
-                <td colspan="9" class="px-4 py-3">
-                  <div class="ml-6">
-                    <h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">Attempts Timeline</h4>
-                    <div class="space-y-2">
-                      <% execution.attempts.each_with_index do |attempt, idx| %>
-                        <% is_successful = attempt["error_class"].nil? && !attempt["short_circuited"] %>
-                        <% is_short_circuited = attempt["short_circuited"] %>
-                        <div class="flex items-center gap-3 text-sm <%= is_successful ? 'bg-green-50 dark:bg-green-900/20 border-l-2 border-green-500' : is_short_circuited ? 'bg-gray-100 dark:bg-gray-800 border-l-2 border-gray-400' : 'bg-red-50 dark:bg-red-900/20 border-l-2 border-red-500' %> px-3 py-2 rounded-r">
-                          <span class="font-medium text-gray-700 dark:text-gray-300 w-6">#<%= idx + 1 %></span>
-                          <span class="text-gray-600 dark:text-gray-400 w-32 truncate" title="<%= attempt["model_id"] %>">
-                            <%= attempt["model_id"]&.split("/")&.last || "unknown" %>
-                          </span>
-                          <% if is_successful %>
-                            <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800 dark:bg-green-800 dark:text-green-200">
-                              Success
-                            </span>
-                          <% elsif is_short_circuited %>
-                            <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-200 text-gray-600 dark:bg-gray-700 dark:text-gray-400">
-                              Skipped (breaker)
-                            </span>
-                          <% else %>
-                            <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-800 dark:bg-red-800 dark:text-red-200" title="<%= attempt["error_message"] %>">
-                              <%= attempt["error_class"]&.split("::")&.last || "Error" %>
-                            </span>
-                          <% end %>
-                          <% if attempt["duration_ms"] %>
-                            <span class="text-gray-500 dark:text-gray-400 text-xs">
-                              <%= number_with_delimiter(attempt["duration_ms"].to_i) %>ms
-                            </span>
-                          <% end %>
-                          <% if attempt["input_tokens"] || attempt["output_tokens"] %>
-                            <span class="text-gray-500 dark:text-gray-400 text-xs">
-                              <%= number_to_human_short((attempt["input_tokens"] || 0) + (attempt["output_tokens"] || 0)) %> tokens
-                            </span>
-                          <% end %>
-                        </div>
-                      <% end %>
-                    </div>
-                  </div>
-                </td>
-              </tr>
-            <% end %>
-
-            <% if execution.status_error? && execution.error_message.present? %>
-              <tr class="bg-red-50 dark:bg-red-900/30">
-                <td colspan="9" class="px-4 py-2">
-                  <p class="text-xs text-red-600 dark:text-red-400 ml-8">
-                    <span class="font-medium">
-                      <%= execution.error_class %>:
-                    </span>
-
-                    <%= truncate(execution.error_message, length: 150) %>
-                  </p>
-                </td>
-              </tr>
-            <% end %>
           <% end %>
         </tbody>
       </table>
@@ -267,7 +125,7 @@
 
         <nav class="flex items-center space-x-1">
           <% if current_page > 1 %>
-            <%= link_to "Previous", url_for(page: current_page - 1), class: "px-3 py-1.5 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md hover:bg-gray-50 dark:hover:bg-gray-700" %>
+            <%= link_to "Previous", url_for(request.query_parameters.merge(page: current_page - 1)), class: "px-3 py-1.5 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md hover:bg-gray-50 dark:hover:bg-gray-700" %>
           <% else %>
             <span
               class="
@@ -307,12 +165,12 @@
                 <%= page %>
               </span>
             <% else %>
-              <%= link_to page, url_for(page: page), class: "px-3 py-1.5 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md hover:bg-gray-50 dark:hover:bg-gray-700" %>
+              <%= link_to page, url_for(request.query_parameters.merge(page: page)), class: "px-3 py-1.5 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md hover:bg-gray-50 dark:hover:bg-gray-700" %>
             <% end %>
           <% end %>
 
           <% if current_page < total_pages %>
-            <%= link_to "Next", url_for(page: current_page + 1), class: "px-3 py-1.5 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md hover:bg-gray-50 dark:hover:bg-gray-700" %>
+            <%= link_to "Next", url_for(request.query_parameters.merge(page: current_page + 1)), class: "px-3 py-1.5 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 rounded-md hover:bg-gray-50 dark:hover:bg-gray-700" %>
           <% else %>
             <span
               class="

data/app/views/ruby_llm/agents/executions/_workflow_summary.html.erb

@@ -9,20 +9,9 @@
     <!-- Header -->
     <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
       <div class="flex items-center gap-2">
-        <% case execution.workflow_type
-           when "pipeline" %>
-          <span class="text-indigo-600 dark:text-indigo-400">→</span>
-          <span class="font-medium text-gray-900 dark:text-gray-100">Pipeline</span>
-          <span class="text-gray-500 dark:text-gray-400">· <%= stats[:steps_count] %> steps</span>
-        <% when "parallel" %>
-          <span class="text-cyan-600 dark:text-cyan-400">⫴</span>
-          <span class="font-medium text-gray-900 dark:text-gray-100">Parallel</span>
-          <span class="text-gray-500 dark:text-gray-400">· <%= stats[:steps_count] %> branches</span>
-        <% when "router" %>
-          <span class="text-amber-600 dark:text-amber-400">⑂</span>
-          <span class="font-medium text-gray-900 dark:text-gray-100">Router</span>
-          <span class="text-gray-500 dark:text-gray-400">→ <%= execution.routed_to %></span>
-        <% end %>
+        <span class="text-emerald-600 dark:text-emerald-400">◈</span>
+        <span class="font-medium text-gray-900 dark:text-gray-100">Workflow</span>
+        <span class="text-gray-500 dark:text-gray-400">· <%= stats[:steps_count] %> steps</span>
       </div>
 
       <% overall_status = execution.workflow_overall_status %>
@@ -34,9 +23,7 @@
       <table class="min-w-full text-sm">
         <thead class="bg-gray-50 dark:bg-gray-900/50">
           <tr>
-            <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">
-              <%= execution.pipeline_workflow? ? "Step" : execution.parallel_workflow? ? "Branch" : "Route" %>
-            </th>
+            <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Step</th>
             <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Status</th>
             <th class="px-4 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Duration</th>
             <th class="px-4 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Tokens</th>
@@ -48,9 +35,7 @@
             <tr class="hover:bg-gray-50 dark:hover:bg-gray-800/50">
               <td class="px-4 py-2">
                 <%= link_to ruby_llm_agents.execution_path(step.id), class: "text-blue-600 dark:text-blue-400 hover:underline" do %>
-                  <% if execution.pipeline_workflow? %>
-                    <span class="text-gray-400 dark:text-gray-500"><%= index + 1 %>.</span>
-                  <% end %>
+                  <span class="text-gray-400 dark:text-gray-500"><%= index + 1 %>.</span>
                   <%= step.workflow_step || step.agent_type.gsub(/Agent$/, "") %>
                 <% end %>
               </td>

data/app/views/ruby_llm/agents/executions/index.html.erb

@@ -1,88 +1,12 @@
-<h2 class="text-2xl font-bold text-gray-900 dark:text-gray-100 mb-6">Executions</h2>
-
-<div id="executions_content" x-data="{ activeTab: '<%= params[:execution_type] || 'all' %>', activeWorkflowType: '<%= params[:workflow_type_tab] %>' }">
-  <!-- Top-Level Execution Type Tabs -->
-  <div class="border-b border-gray-200 dark:border-gray-700 mb-4">
-    <nav class="-mb-px flex space-x-6" aria-label="Execution Types">
-      <button type="button" @click="activeTab = 'all'; activeWorkflowType = ''; submitFilters()"
-              :class="activeTab === 'all' ? 'border-blue-500 text-blue-600 dark:text-blue-400' : 'border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300'"
-              class="whitespace-nowrap py-3 px-1 border-b-2 font-medium text-sm transition-colors">
-        All
-      </button>
-      <button type="button" @click="activeTab = 'agents'; activeWorkflowType = ''; submitFilters()"
-              :class="activeTab === 'agents' ? 'border-blue-500 text-blue-600 dark:text-blue-400' : 'border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300'"
-              class="whitespace-nowrap py-3 px-1 border-b-2 font-medium text-sm transition-colors">
-        Agents Only
-      </button>
-      <button type="button" @click="activeTab = 'workflows'; activeWorkflowType = ''; submitFilters()"
-              :class="activeTab === 'workflows' ? 'border-blue-500 text-blue-600 dark:text-blue-400' : 'border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300'"
-              class="whitespace-nowrap py-3 px-1 border-b-2 font-medium text-sm transition-colors">
-        Workflows
-      </button>
-    </nav>
-  </div>
-
-  <!-- Workflow Sub-tabs -->
-  <div x-show="activeTab === 'workflows'" x-cloak class="mb-4">
-    <div class="flex flex-wrap gap-2">
-      <button type="button" @click="activeWorkflowType = ''; submitFilters()"
-              :class="activeWorkflowType === '' ? 'bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-900' : 'bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600'"
-              class="px-3 py-1.5 rounded-md text-sm font-medium transition-colors">
-        All Workflows
-      </button>
-      <button type="button" @click="activeWorkflowType = 'pipeline'; submitFilters()"
-              :class="activeWorkflowType === 'pipeline' ? 'bg-indigo-600 text-white' : 'bg-indigo-100 dark:bg-indigo-900/50 text-indigo-700 dark:text-indigo-300 hover:bg-indigo-200 dark:hover:bg-indigo-800'"
-              class="px-3 py-1.5 rounded-md text-sm font-medium transition-colors inline-flex items-center gap-1.5">
-        <span aria-hidden="true">-></span> Pipeline
-      </button>
-      <button type="button" @click="activeWorkflowType = 'parallel'; submitFilters()"
-              :class="activeWorkflowType === 'parallel' ? 'bg-cyan-600 text-white' : 'bg-cyan-100 dark:bg-cyan-900/50 text-cyan-700 dark:text-cyan-300 hover:bg-cyan-200 dark:hover:bg-cyan-800'"
-              class="px-3 py-1.5 rounded-md text-sm font-medium transition-colors inline-flex items-center gap-1.5">
-        <span aria-hidden="true">//</span> Parallel
-      </button>
-      <button type="button" @click="activeWorkflowType = 'router'; submitFilters()"
-              :class="activeWorkflowType === 'router' ? 'bg-amber-600 text-white' : 'bg-amber-100 dark:bg-amber-900/50 text-amber-700 dark:text-amber-300 hover:bg-amber-200 dark:hover:bg-amber-800'"
-              class="px-3 py-1.5 rounded-md text-sm font-medium transition-colors inline-flex items-center gap-1.5">
-        <span aria-hidden="true">&lt;&gt;</span> Router
-      </button>
-    </div>
+<div class="mb-6">
+  <div class="flex items-center gap-2">
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Executions</h1>
+    <%= render "ruby_llm/agents/shared/doc_link" %>
   </div>
+  <p class="text-gray-500 dark:text-gray-400 mt-1">All agent and workflow execution history</p>
+</div>
 
-  <!-- Hidden inputs for tab state -->
-  <input type="hidden" id="execution-type-filter" name="execution_type" x-model="activeTab" form="filters-form">
-  <input type="hidden" id="workflow-type-tab-filter" name="workflow_type_tab" x-model="activeWorkflowType" form="filters-form">
-
+<div id="executions_content">
   <%= render partial: "ruby_llm/agents/executions/filters", locals: { agent_types: @agent_types, model_ids: @model_ids, workflow_types: @workflow_types, filter_stats: @filter_stats } %>
   <%= render partial: "ruby_llm/agents/executions/list", locals: { executions: @executions, pagination: @pagination, filter_stats: @filter_stats } %>
 </div>
-
-<script>
-  // Toggle attempts expansion (used by executions list)
-  function toggleAttempts(executionId) {
-    const attemptsRow = document.getElementById('attempts-row-' + executionId);
-    const expandBtn = document.querySelector(`button[data-execution-id="${executionId}"]`);
-
-    if (attemptsRow) {
-      const isHidden = attemptsRow.classList.contains('hidden');
-      attemptsRow.classList.toggle('hidden');
-
-      // Rotate the chevron
-      if (expandBtn) {
-        const svg = expandBtn.querySelector('svg');
-        if (svg) {
-          svg.classList.toggle('rotate-90', isHidden);
-        }
-        expandBtn.setAttribute('aria-expanded', isHidden ? 'true' : 'false');
-      }
-    }
-  }
-
-  // Submit filters when tabs change
-  function submitFilters() {
-    // Delay to allow Alpine to update x-model values
-    setTimeout(function() {
-      const form = document.getElementById('filters-form');
-      if (form) form.requestSubmit();
-    }, 50);
-  }
-</script>