ruby_llm-agents 0.3.4 → 0.3.5

data/app/views/ruby_llm/agents/dashboard/_agent_comparison.html.erb

@@ -0,0 +1,112 @@
+<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 h-full" x-data="{ activeTab: 'agents' }">
+  <div class="px-4 py-3 border-b border-gray-100 dark:border-gray-700">
+    <div class="flex items-center justify-between">
+      <h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">Performance</h3>
+      <!-- Tab Buttons -->
+      <div class="flex space-x-1 bg-gray-100 dark:bg-gray-700 rounded-lg p-0.5">
+        <button type="button" @click="activeTab = 'agents'"
+                :class="activeTab === 'agents' ? 'bg-white dark:bg-gray-600 shadow-sm' : 'hover:bg-gray-50 dark:hover:bg-gray-600'"
+                class="px-3 py-1 text-xs font-medium rounded-md transition-colors text-gray-700 dark:text-gray-200">
+          Agents
+        </button>
+        <button type="button" @click="activeTab = 'workflows'"
+                :class="activeTab === 'workflows' ? 'bg-white dark:bg-gray-600 shadow-sm' : 'hover:bg-gray-50 dark:hover:bg-gray-600'"
+                class="px-3 py-1 text-xs font-medium rounded-md transition-colors text-gray-700 dark:text-gray-200">
+          Workflows
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Agents Tab -->
+  <div x-show="activeTab === 'agents'">
+    <% if agent_stats&.any? %>
+      <div class="overflow-x-auto">
+        <table class="w-full text-sm">
+          <thead>
+            <tr class="text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
+              <th class="px-4 py-2">Agent</th>
+              <th class="px-4 py-2 text-right">Runs</th>
+              <th class="px-4 py-2 text-right">Cost</th>
+              <th class="px-4 py-2 text-right">Success</th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+            <% agent_stats.first(5).each do |agent| %>
+              <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
+                <td class="px-4 py-2">
+                  <span class="text-sm font-medium text-gray-900 dark:text-gray-100 truncate block max-w-[120px]" title="<%= agent[:agent_type] %>">
+                    <%= agent[:agent_type].to_s.demodulize %>
+                  </span>
+                </td>
+                <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300">
+                  <%= number_with_delimiter(agent[:executions]) %>
+                </td>
+                <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300">
+                  $<%= number_with_precision(agent[:total_cost], precision: 2) %>
+                </td>
+                <td class="px-4 py-2 text-right">
+                  <span class="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium <%= agent[:success_rate] >= 95 ? 'bg-green-100 dark:bg-green-900 text-green-700 dark:text-green-300' : agent[:success_rate] >= 80 ? 'bg-yellow-100 dark:bg-yellow-900 text-yellow-700 dark:text-yellow-300' : 'bg-red-100 dark:bg-red-900 text-red-700 dark:text-red-300' %>">
+                    <%= agent[:success_rate].round %>%
+                  </span>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    <% else %>
+      <div class="px-4 py-8 text-center text-gray-500 dark:text-gray-400">
+        <p class="text-sm">No agent data yet</p>
+      </div>
+    <% end %>
+  </div>
+
+  <!-- Workflows Tab -->
+  <div x-show="activeTab === 'workflows'" x-cloak>
+    <% if @workflow_stats&.any? %>
+      <div class="overflow-x-auto">
+        <table class="w-full text-sm">
+          <thead>
+            <tr class="text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
+              <th class="px-4 py-2">Workflow</th>
+              <th class="px-4 py-2">Type</th>
+              <th class="px-4 py-2 text-right">Runs</th>
+              <th class="px-4 py-2 text-right">Cost</th>
+              <th class="px-4 py-2 text-right">Success</th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+            <% @workflow_stats.first(5).each do |workflow| %>
+              <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
+                <td class="px-4 py-2">
+                  <span class="text-sm font-medium text-gray-900 dark:text-gray-100 truncate block max-w-[100px]" title="<%= workflow[:agent_type] %>">
+                    <%= workflow[:agent_type].to_s.demodulize.gsub(/Workflow$|Pipeline$|Parallel$|Router$/, '') %>
+                  </span>
+                </td>
+                <td class="px-4 py-2">
+                  <%= render "ruby_llm/agents/shared/workflow_type_badge", workflow_type: workflow[:workflow_type], size: :xs, show_label: false %>
+                </td>
+                <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300">
+                  <%= number_with_delimiter(workflow[:executions]) %>
+                </td>
+                <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300">
+                  $<%= number_with_precision(workflow[:total_cost], precision: 2) %>
+                </td>
+                <td class="px-4 py-2 text-right">
+                  <span class="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium <%= workflow[:success_rate] >= 95 ? 'bg-green-100 dark:bg-green-900 text-green-700 dark:text-green-300' : workflow[:success_rate] >= 80 ? 'bg-yellow-100 dark:bg-yellow-900 text-yellow-700 dark:text-yellow-300' : 'bg-red-100 dark:bg-red-900 text-red-700 dark:text-red-300' %>">
+                    <%= workflow[:success_rate].round %>%
+                  </span>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    <% else %>
+      <div class="px-4 py-8 text-center text-gray-500 dark:text-gray-400">
+        <p class="text-sm">No workflow data yet</p>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/{rubyllm → ruby_llm}/agents/dashboard/_execution_item.html.erb

@@ -1,11 +1,14 @@
 <div id="execution-<%= execution.id %>" class="py-2.5 hover:bg-gray-50 dark:hover:bg-gray-700/50 -mx-2 px-2 rounded-lg transition-colors">
-  <%= link_to ruby_llm_agents.execution_path(execution), data: { turbo: false }, class: "block" do %>
+  <%= link_to ruby_llm_agents.execution_path(execution), class: "block" do %>
     <!-- Row 1: Status dot + Agent + Badges + Timestamp -->
     <div class="flex items-center justify-between gap-2">
       <div class="flex items-center gap-2 min-w-0">
-        <%= render "rubyllm/agents/shared/status_dot", status: execution.status %>
+        <%= render "ruby_llm/agents/shared/status_dot", status: execution.status %>
+        <% 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 %>
+        <% end %>
         <span class="font-medium text-sm text-gray-900 dark:text-gray-100 truncate">
-          <%= execution.agent_type.gsub(/Agent$/, '') %>
+          <%= execution.agent_type.gsub(/Agent$|Workflow$|Pipeline$|Parallel$|Router$/, '') %>
         </span>
         <span class="hidden sm:inline text-xs text-gray-400 dark:text-gray-500">v<%= execution.agent_version %></span>
         <% unless execution.status_running? %>
@@ -45,7 +48,7 @@
           $<%= number_with_precision(execution.total_cost || 0, precision: 4) %>
           <span class="mx-1.5 text-gray-300 dark:text-gray-600">·</span>
           <%= number_to_human_short(execution.duration_ms || 0) %>ms
-          <% if execution.attempts_count && execution.attempts_count > 1 %>
+          <% if execution.respond_to?(:attempts_count) && execution.attempts_count && execution.attempts_count > 1 %>
             <span class="mx-1.5 text-gray-300 dark:text-gray-600">·</span>
             <span class="text-amber-600 dark:text-amber-400"><%= execution.attempts_count %> retries</span>
           <% end %>

data/app/views/ruby_llm/agents/dashboard/_tenant_budget.html.erb

@@ -0,0 +1,115 @@
+<%# Tenant Budget Widget - shows budget limits and usage for current tenant %>
+<%# @param tenant_budget [Hash] Budget data from controller %>
+
+<% if tenant_budget.present? %>
+  <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 mb-6">
+    <div class="px-6 py-3 border-b border-gray-100 dark:border-gray-700">
+      <div class="flex items-center justify-between">
+        <div class="flex items-center gap-2">
+          <svg class="w-5 h-5 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="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" />
+          </svg>
+          <h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">
+            Tenant Budget: <%= tenant_budget[:tenant_id] %>
+          </h3>
+        </div>
+        <%# Enforcement badge %>
+        <% enforcement = tenant_budget[:enforcement].to_s %>
+        <% badge_class = case enforcement
+             when "hard" then "bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300"
+             when "soft" then "bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300"
+             else "bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400"
+           end %>
+        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium <%= badge_class %>">
+          <%= enforcement.capitalize %> Enforcement
+        </span>
+      </div>
+    </div>
+
+    <div class="p-6">
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+        <%# Daily Budget %>
+        <div>
+          <div class="flex items-center justify-between mb-2">
+            <span class="text-sm font-medium text-gray-700 dark:text-gray-300">Daily Budget</span>
+            <span class="text-sm text-gray-500 dark:text-gray-400">
+              $<%= number_with_precision(tenant_budget[:daily_spend], precision: 2) %>
+              <% if tenant_budget[:daily_limit] %>
+                / $<%= number_with_precision(tenant_budget[:daily_limit], precision: 2) %>
+              <% else %>
+                (no limit)
+              <% end %>
+            </span>
+          </div>
+          <% if tenant_budget[:daily_limit] %>
+            <% daily_pct = [tenant_budget[:daily_percentage], 100].min %>
+            <% bar_color = if daily_pct >= 100
+                             "bg-red-500"
+                           elsif daily_pct >= 80
+                             "bg-yellow-500"
+                           else
+                             "bg-green-500"
+                           end %>
+            <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
+              <div class="<%= bar_color %> h-2.5 rounded-full transition-all duration-300" style="width: <%= daily_pct %>%"></div>
+            </div>
+            <p class="text-xs text-gray-500 dark:text-gray-400 mt-1"><%= tenant_budget[:daily_percentage] %>% used</p>
+          <% else %>
+            <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
+              <div class="bg-gray-400 h-2.5 rounded-full" style="width: 0%"></div>
+            </div>
+            <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">No daily limit configured</p>
+          <% end %>
+        </div>
+
+        <%# Monthly Budget %>
+        <div>
+          <div class="flex items-center justify-between mb-2">
+            <span class="text-sm font-medium text-gray-700 dark:text-gray-300">Monthly Budget</span>
+            <span class="text-sm text-gray-500 dark:text-gray-400">
+              $<%= number_with_precision(tenant_budget[:monthly_spend], precision: 2) %>
+              <% if tenant_budget[:monthly_limit] %>
+                / $<%= number_with_precision(tenant_budget[:monthly_limit], precision: 2) %>
+              <% else %>
+                (no limit)
+              <% end %>
+            </span>
+          </div>
+          <% if tenant_budget[:monthly_limit] %>
+            <% monthly_pct = [tenant_budget[:monthly_percentage], 100].min %>
+            <% bar_color = if monthly_pct >= 100
+                             "bg-red-500"
+                           elsif monthly_pct >= 80
+                             "bg-yellow-500"
+                           else
+                             "bg-blue-500"
+                           end %>
+            <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
+              <div class="<%= bar_color %> h-2.5 rounded-full transition-all duration-300" style="width: <%= monthly_pct %>%"></div>
+            </div>
+            <p class="text-xs text-gray-500 dark:text-gray-400 mt-1"><%= tenant_budget[:monthly_percentage] %>% used</p>
+          <% else %>
+            <div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
+              <div class="bg-gray-400 h-2.5 rounded-full" style="width: 0%"></div>
+            </div>
+            <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">No monthly limit configured</p>
+          <% end %>
+        </div>
+      </div>
+
+      <%# Per-agent limits if configured %>
+      <% if tenant_budget[:per_agent_daily].present? %>
+        <div class="mt-4 pt-4 border-t border-gray-100 dark:border-gray-700">
+          <p class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-2">Per-Agent Daily Limits</p>
+          <div class="flex flex-wrap gap-2">
+            <% tenant_budget[:per_agent_daily].each do |agent, limit| %>
+              <span class="inline-flex items-center px-2 py-1 rounded text-xs bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300">
+                <%= agent.to_s.gsub(/Agent$/, "") %>: $<%= number_with_precision(limit, precision: 2) %>
+              </span>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/{rubyllm → ruby_llm}/agents/dashboard/index.html.erb

@@ -1,8 +1,11 @@
 <!-- Action Center (only when critical alerts exist) -->
-<%= render partial: "rubyllm/agents/dashboard/action_center", locals: { critical_alerts: @critical_alerts } %>
+<%= render partial: "ruby_llm/agents/dashboard/action_center", locals: { critical_alerts: @critical_alerts } %>
 
 <!-- Now Strip -->
-<%= render partial: "rubyllm/agents/dashboard/now_strip", locals: { now_strip: @now_strip } %>
+<%= render partial: "ruby_llm/agents/dashboard/now_strip", locals: { now_strip: @now_strip } %>
+
+<!-- Tenant Budget (when viewing specific tenant) -->
+<%= render partial: "ruby_llm/agents/dashboard/tenant_budget", locals: { tenant_budget: @tenant_budget } %>
 
 <!-- Activity Chart -->
 <div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 mb-6">
@@ -129,13 +132,13 @@
   <div class="px-6 py-3 border-b border-gray-100 dark:border-gray-700">
     <div class="flex justify-between items-center">
       <h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">Recent Activity</h3>
-      <%= link_to "View All", ruby_llm_agents.executions_path, data: { turbo: false }, class: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium" %>
+      <%= link_to "View All", ruby_llm_agents.executions_path, class: "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 text-sm font-medium" %>
     </div>
   </div>
   <div id="activity-feed" class="px-6 py-2">
     <% if @recent_executions.any? %>
       <% @recent_executions.first(5).each do |execution| %>
-        <%= render partial: "rubyllm/agents/dashboard/execution_item", locals: { execution: execution } %>
+        <%= render partial: "ruby_llm/agents/dashboard/execution_item", locals: { execution: execution } %>
       <% end %>
     <% else %>
       <div class="py-8 text-center text-gray-500 dark:text-gray-400">
@@ -147,6 +150,6 @@
 
 <!-- Agent Comparison + Top Errors -->
 <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
-  <%= render partial: "rubyllm/agents/dashboard/agent_comparison", locals: { agent_stats: @agent_stats } %>
-  <%= render partial: "rubyllm/agents/dashboard/top_errors", locals: { top_errors: @top_errors } %>
+  <%= render partial: "ruby_llm/agents/dashboard/agent_comparison", locals: { agent_stats: @agent_stats } %>
+  <%= render partial: "ruby_llm/agents/dashboard/top_errors", locals: { top_errors: @top_errors } %>
 </div>

data/app/views/{rubyllm → ruby_llm}/agents/executions/_execution.html.erb

@@ -1,4 +1,4 @@
-<%= link_to ruby_llm_agents.execution_path(execution), data: { turbo: false }, class: "block px-6 py-4 hover:bg-gray-50 transition-colors" do %>
+<%= link_to ruby_llm_agents.execution_path(execution), class: "block px-6 py-4 hover:bg-gray-50 transition-colors" do %>
   <div class="flex items-center justify-between">
     <div class="flex items-center space-x-4">
       <!-- Status Badge -->

data/app/views/{rubyllm → ruby_llm}/agents/executions/_filters.html.erb

@@ -3,13 +3,15 @@
   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(",")) : []
 
-  has_filters = selected_agents.any? || selected_statuses.any? || params[:days].present? || selected_models.any?
+  has_filters = selected_agents.any? || selected_statuses.any? || params[:days].present? || selected_models.any? || selected_workflows.any?
   active_filter_count = [
     selected_agents.any? ? 1 : 0,
     selected_statuses.any? ? 1 : 0,
     params[:days].present? ? 1 : 0,
-    selected_models.any? ? 1 : 0
+    selected_models.any? ? 1 : 0,
+    selected_workflows.any? ? 1 : 0
   ].sum
 
   status_options = [
@@ -33,11 +35,23 @@
     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"
      x-data="{ mobileOpen: false }">
   <%= form_with url: ruby_llm_agents.executions_path, method: :get,
-                data: { turbo_stream: true, turbo_action: "advance" },
+                local: true,
                 id: "filters-form" do |f| %>
 
     <%# Mobile: Toggle button (only shows on small screens) %>
@@ -71,7 +85,7 @@
       <div class="flex flex-col md:flex-row md:items-center gap-3">
         <%# Status Filter %>
         <div class="md:w-auto">
-          <%= render "rubyllm/agents/shared/filter_dropdown",
+          <%= render "ruby_llm/agents/shared/filter_dropdown",
               name: "statuses[]",
               filter_id: "statuses",
               label: "Status",
@@ -84,7 +98,7 @@
 
         <%# Time Range Filter %>
         <div class="md:w-auto">
-          <%= render "rubyllm/agents/shared/select_dropdown",
+          <%= render "ruby_llm/agents/shared/select_dropdown",
               name: "days",
               filter_id: "days",
               options: time_options,
@@ -97,7 +111,7 @@
         <%# Model Filter %>
         <% if model_options.any? %>
           <div class="md:w-auto">
-            <%= render "rubyllm/agents/shared/filter_dropdown",
+            <%= render "ruby_llm/agents/shared/filter_dropdown",
                 name: "model_ids[]",
                 filter_id: "model_ids",
                 label: "Model",
@@ -112,7 +126,7 @@
         <%# Agent Types Filter %>
         <% if agent_types.any? %>
           <div class="md:w-auto">
-            <%= render "rubyllm/agents/shared/filter_dropdown",
+            <%= render "ruby_llm/agents/shared/filter_dropdown",
                 name: "agent_types[]",
                 filter_id: "agent_types",
                 label: "Agents",
@@ -125,6 +139,22 @@
           </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>
 
@@ -144,7 +174,6 @@
         <div class="flex items-center gap-2 md:gap-1">
           <% if has_filters %>
             <%= link_to ruby_llm_agents.executions_path,
-                data: { turbo_stream: true, turbo_action: "advance" },
                 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-red-600 md:text-gray-400 dark:text-red-400 md:dark:text-gray-400 bg-red-50 md:bg-transparent dark:bg-red-900/20 md:dark:bg-transparent hover:text-red-500 hover:bg-red-100 md:hover:bg-red-50 dark:hover:bg-red-900/30 md:dark:hover:bg-red-900/20 rounded-lg transition-colors",
                 title: "Clear filters" do %>
               <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -153,10 +182,9 @@
               <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),
+          <%= 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),
               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",
-              data: { turbo: false } do %>
+              title: "Export CSV" do %>
             <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
             </svg>

data/app/views/{rubyllm → ruby_llm}/agents/executions/_list.html.erb

@@ -94,7 +94,7 @@
 
         <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-100 dark:divide-gray-700">
           <% executions.each do |execution| %>
-            <% has_attempts = execution.attempts.present? && execution.attempts.size > 0 %>
+            <% has_attempts = execution.respond_to?(:attempts) && execution.attempts.present? && execution.attempts.size > 0 %>
             <tr
               class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
               id="execution-row-<%= execution.id %>"
@@ -118,13 +118,23 @@
               </td>
 
               <td class="px-4 py-3 whitespace-nowrap cursor-pointer" onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'">
-                <span class="text-sm font-medium text-gray-900 dark:text-gray-100">
-                  <%= execution.agent_type.gsub(/Agent$/, '') %>
-                </span>
+                <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 %>
+                  <% end %>
+                  <span class="text-sm font-medium text-gray-900 dark:text-gray-100">
+                    <%= execution.agent_type.gsub(/Agent$|Workflow$|Pipeline$|Parallel$|Router$/, '') %>
+                  </span>
+                </div>
+                <% if execution.respond_to?(:parent_execution_id) && execution.parent_execution_id.present? %>
+                  <span class="text-xs text-gray-400 dark:text-gray-500 ml-5 block">
+                    child of #<%= execution.parent_execution_id %>
+                  </span>
+                <% end %>
               </td>
 
               <td class="px-4 py-3 whitespace-nowrap cursor-pointer" onclick="window.location='<%= ruby_llm_agents.execution_path(execution) %>'">
-                <%= render "rubyllm/agents/shared/status_badge", status: execution.status %>
+                <%= render "ruby_llm/agents/shared/status_badge", status: execution.status %>
               </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) %>'">
@@ -133,7 +143,7 @@
 
               <!-- 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.attempts_count || (execution.attempts&.size || 1) %>
+                <% 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
@@ -257,7 +267,7 @@
 
         <nav class="flex items-center space-x-1">
           <% if current_page > 1 %>
-            <%= link_to "Previous", url_for(page: current_page - 1), data: { turbo_frame: "executions_content", turbo_action: "advance" }, 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(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="
@@ -297,12 +307,12 @@
                 <%= page %>
               </span>
             <% else %>
-              <%= link_to page, url_for(page: page), data: { turbo_frame: "executions_content", turbo_action: "advance" }, 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(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), data: { turbo_frame: "executions_content", turbo_action: "advance" }, 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(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

@@ -0,0 +1,101 @@
+<%# Simplified Workflow Summary - Clean table approach %>
+<%# @param execution [RubyLLM::Agents::Execution] The workflow execution to display %>
+
+<% if execution.root_workflow? %>
+  <% stats = execution.workflow_aggregate_stats %>
+  <% steps = execution.workflow_steps.to_a %>
+
+  <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden mb-6">
+    <!-- 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 %>
+      </div>
+
+      <% overall_status = execution.workflow_overall_status %>
+      <%= render "ruby_llm/agents/shared/status_badge", status: overall_status.to_s, size: :sm %>
+    </div>
+
+    <!-- Table -->
+    <div class="overflow-x-auto">
+      <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">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>
+            <th class="px-4 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Cost</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
+          <% steps.each_with_index do |step, index| %>
+            <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 %>
+                  <%= step.workflow_step || step.agent_type.gsub(/Agent$/, "") %>
+                <% end %>
+              </td>
+              <td class="px-4 py-2">
+                <% case step.status
+                   when "success" %>
+                  <span class="text-green-600 dark:text-green-400">✓</span>
+                <% when "error" %>
+                  <span class="text-red-600 dark:text-red-400">✗</span>
+                <% when "timeout" %>
+                  <span class="text-orange-600 dark:text-orange-400">⏱</span>
+                <% when "running" %>
+                  <span class="text-blue-600 dark:text-blue-400 animate-pulse">●</span>
+                <% else %>
+                  <span class="text-gray-400">○</span>
+                <% end %>
+              </td>
+              <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300 tabular-nums">
+                <%= step.duration_ms ? "#{number_with_delimiter(step.duration_ms)}ms" : "-" %>
+              </td>
+              <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300 tabular-nums">
+                <%= number_with_delimiter(step.total_tokens || 0) %>
+              </td>
+              <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300 tabular-nums">
+                $<%= number_with_precision(step.total_cost || 0, precision: 4) %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+        <tfoot class="bg-gray-50 dark:bg-gray-900/50 font-medium">
+          <tr>
+            <td class="px-4 py-2 text-gray-700 dark:text-gray-300">Total</td>
+            <td class="px-4 py-2"></td>
+            <td class="px-4 py-2 text-right text-gray-700 dark:text-gray-300 tabular-nums">
+              <%= stats[:wall_clock_ms] ? "#{number_with_delimiter(stats[:wall_clock_ms])}ms" : "-" %>
+            </td>
+            <td class="px-4 py-2 text-right text-gray-700 dark:text-gray-300 tabular-nums">
+              <%= number_with_delimiter(stats[:total_tokens]) %>
+            </td>
+            <td class="px-4 py-2 text-right text-gray-700 dark:text-gray-300 tabular-nums">
+              $<%= number_with_precision(stats[:total_cost], precision: 4) %>
+            </td>
+          </tr>
+        </tfoot>
+      </table>
+    </div>
+  </div>
+<% end %>