ruby_llm-agents 1.3.4 → 2.1.0

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

@@ -1,56 +0,0 @@
-<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 h-full">
-  <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">Model Performance</h3>
-      <span class="text-xs text-gray-500 dark:text-gray-400">By cost</span>
-    </div>
-  </div>
-
-  <% if model_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">Model</th>
-            <th class="px-4 py-2 text-right">Runs</th>
-            <th class="px-4 py-2 text-right">$/1K tok</th>
-            <th class="px-4 py-2 text-right">Avg Time</th>
-            <th class="px-4 py-2 text-right">Success</th>
-          </tr>
-        </thead>
-        <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
-          <% model_stats.first(8).each do |model| %>
-            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
-              <td class="px-4 py-2">
-                <span class="font-mono text-xs font-medium text-gray-900 dark:text-gray-100 truncate max-w-[120px] block" title="<%= model[:model_id] %>">
-                  <%= model[:model_id].to_s.split('/').last.truncate(20) %>
-                </span>
-              </td>
-              <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300">
-                <%= number_with_delimiter(model[:executions]) %>
-              </td>
-              <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300">
-                $<%= number_with_precision(model[:cost_per_1k_tokens], precision: 4) %>
-              </td>
-              <td class="px-4 py-2 text-right text-gray-600 dark:text-gray-300">
-                <%= format_duration_ms(model[:avg_duration_ms]) %>
-              </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 <%= model[:success_rate] >= 95 ? 'bg-green-100 dark:bg-green-900 text-green-700 dark:text-green-300' : model[: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' %>">
-                  <%= model[: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">
-      <svg class="w-8 h-8 mx-auto mb-2 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"/>
-      </svg>
-      <p class="text-sm">No model data yet</p>
-    </div>
-  <% end %>
-</div>

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

@@ -1,115 +0,0 @@
-<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 h-full">
-  <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">Cost by Model</h3>
-      <span class="text-xs text-gray-500 dark:text-gray-400">
-        $<%= number_with_precision(model_stats.sum { |m| m[:total_cost] }, precision: 2) %> total
-      </span>
-    </div>
-  </div>
-
-  <% if model_stats.any? && model_stats.sum { |m| m[:total_cost] } > 0 %>
-    <div class="p-4">
-      <div id="model-cost-chart" style="width: 100%; height: 200px;"></div>
-
-      <!-- Legend -->
-      <div class="mt-4 space-y-2">
-        <% colors = ['#6366F1', '#8B5CF6', '#EC4899', '#F59E0B', '#10B981', '#3B82F6', '#EF4444', '#6B7280'] %>
-        <% model_stats.first(5).each_with_index do |model, i| %>
-          <div class="flex items-center justify-between text-sm">
-            <div class="flex items-center gap-2">
-              <span class="w-3 h-3 rounded-full flex-shrink-0" style="background-color: <%= colors[i % colors.length] %>"></span>
-              <span class="text-gray-700 dark:text-gray-300 truncate max-w-[140px]" title="<%= model[:model_id] %>">
-                <%= model[:model_id].to_s.split('/').last.truncate(18) %>
-              </span>
-            </div>
-            <div class="flex items-center gap-2">
-              <span class="text-gray-900 dark:text-gray-100 font-medium">$<%= number_with_precision(model[:total_cost], precision: 2) %></span>
-              <span class="text-gray-500 dark:text-gray-400 text-xs w-12 text-right"><%= model[:cost_percentage] %>%</span>
-            </div>
-          </div>
-        <% end %>
-        <% if model_stats.length > 5 %>
-          <% other_cost = model_stats[5..].sum { |m| m[:total_cost] } %>
-          <% other_percentage = model_stats[5..].sum { |m| m[:cost_percentage] } %>
-          <div class="flex items-center justify-between text-sm">
-            <div class="flex items-center gap-2">
-              <span class="w-3 h-3 rounded-full flex-shrink-0 bg-gray-400"></span>
-              <span class="text-gray-700 dark:text-gray-300">Other (<%= model_stats.length - 5 %> models)</span>
-            </div>
-            <div class="flex items-center gap-2">
-              <span class="text-gray-900 dark:text-gray-100 font-medium">$<%= number_with_precision(other_cost, precision: 2) %></span>
-              <span class="text-gray-500 dark:text-gray-400 text-xs w-12 text-right"><%= other_percentage.round(1) %>%</span>
-            </div>
-          </div>
-        <% end %>
-      </div>
-    </div>
-
-    <script>
-      (function() {
-        const colors = ['#6366F1', '#8B5CF6', '#EC4899', '#F59E0B', '#10B981', '#3B82F6', '#EF4444', '#6B7280'];
-        const data = [
-          <% model_stats.first(5).each_with_index do |model, i| %>
-            { name: '<%= model[:model_id].to_s.split('/').last.truncate(15).gsub("'", "\\'") %>', y: <%= model[:total_cost] %>, color: colors[<%= i %>] },
-          <% end %>
-          <% if model_stats.length > 5 %>
-            { name: 'Other', y: <%= model_stats[5..].sum { |m| m[:total_cost] } %>, color: '#9CA3AF' },
-          <% end %>
-        ];
-
-        function initChart() {
-          if (typeof Highcharts === 'undefined') {
-            setTimeout(initChart, 100);
-            return;
-          }
-
-          Highcharts.chart('model-cost-chart', {
-            chart: {
-              type: 'pie',
-              backgroundColor: 'transparent',
-              spacing: [0, 0, 0, 0]
-            },
-            title: { text: null },
-            credits: { enabled: false },
-            tooltip: {
-              backgroundColor: 'rgba(17, 24, 39, 0.95)',
-              borderColor: 'transparent',
-              borderRadius: 8,
-              style: { color: '#F3F4F6', fontSize: '12px' },
-              pointFormat: '<b>${point.y:.2f}</b> ({point.percentage:.1f}%)'
-            },
-            plotOptions: {
-              pie: {
-                innerSize: '60%',
-                dataLabels: { enabled: false },
-                borderWidth: 0,
-                states: {
-                  hover: { brightness: 0.1 }
-                }
-              }
-            },
-            series: [{
-              name: 'Cost',
-              data: data
-            }]
-          });
-        }
-
-        if (document.readyState === 'loading') {
-          document.addEventListener('DOMContentLoaded', initChart);
-        } else {
-          initChart();
-        }
-      })();
-    </script>
-  <% else %>
-    <div class="px-4 py-8 text-center text-gray-500 dark:text-gray-400">
-      <svg class="w-8 h-8 mx-auto mb-2 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z"/>
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z"/>
-      </svg>
-      <p class="text-sm">No cost data yet</p>
-    </div>
-  <% end %>
-</div>

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

@@ -1,59 +0,0 @@
-<div class="mb-6">
-  <div class="flex items-center justify-end mb-4">
-    <div class="flex space-x-1 bg-gray-100 dark:bg-gray-700 rounded-lg p-1">
-      <%= link_to "Today", ruby_llm_agents.root_path(range: "today"),
-          class: "px-3 py-1 text-xs font-medium rounded-md transition-colors #{@selected_range == 'today' ? 'bg-white dark:bg-gray-600 text-gray-900 dark:text-white shadow-sm' : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'}" %>
-      <%= link_to "7 Days", ruby_llm_agents.root_path(range: "7d"),
-          class: "px-3 py-1 text-xs font-medium rounded-md transition-colors #{@selected_range == '7d' ? 'bg-white dark:bg-gray-600 text-gray-900 dark:text-white shadow-sm' : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'}" %>
-      <%= link_to "30 Days", ruby_llm_agents.root_path(range: "30d"),
-          class: "px-3 py-1 text-xs font-medium rounded-md transition-colors #{@selected_range == '30d' ? 'bg-white dark:bg-gray-600 text-gray-900 dark:text-white shadow-sm' : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'}" %>
-    </div>
-  </div>
-
-  <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4">
-    <!-- Success -->
-    <div class="bg-white dark:bg-gray-800 rounded-lg p-5 shadow-sm border-t-2 border-green-500">
-      <p class="text-2xl font-bold text-gray-900 dark:text-gray-100">
-        <%= now_strip[:success_today] %>
-        <%= comparison_indicator(now_strip.dig(:comparisons, :success_change), metric_type: :success) %>
-      </p>
-      <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">Success</p>
-    </div>
-
-    <!-- Errors -->
-    <div class="bg-white dark:bg-gray-800 rounded-lg p-5 shadow-sm border-t-2 border-red-500">
-      <p class="text-2xl font-bold <%= now_strip[:errors_today] > 0 ? 'text-red-600 dark:text-red-400' : 'text-gray-900 dark:text-gray-100' %>">
-        <%= now_strip[:errors_today] %>
-        <%= comparison_indicator(now_strip.dig(:comparisons, :errors_change), metric_type: :errors) %>
-      </p>
-      <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">Errors</p>
-    </div>
-
-    <!-- Cost -->
-    <div class="bg-white dark:bg-gray-800 rounded-lg p-5 shadow-sm border-t-2 border-amber-500">
-      <p class="text-2xl font-bold text-gray-900 dark:text-gray-100">
-        $<%= number_with_precision(now_strip[:cost_today], precision: 4) %>
-        <%= comparison_indicator(now_strip.dig(:comparisons, :cost_change), metric_type: :cost) %>
-      </p>
-      <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">Cost</p>
-    </div>
-
-    <!-- Avg Duration -->
-    <div class="bg-white dark:bg-gray-800 rounded-lg p-5 shadow-sm border-t-2 border-purple-500">
-      <p class="text-2xl font-bold text-gray-900 dark:text-gray-100">
-        <%= format_duration_ms(now_strip[:avg_duration_ms]) %>
-        <%= comparison_indicator(now_strip.dig(:comparisons, :duration_change), metric_type: :duration) %>
-      </p>
-      <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">Avg Duration</p>
-    </div>
-
-    <!-- Tokens -->
-    <div class="bg-white dark:bg-gray-800 rounded-lg p-5 shadow-sm border-t-2 border-indigo-500">
-      <p class="text-2xl font-bold text-gray-900 dark:text-gray-100">
-        <%= number_to_human_short(now_strip[:total_tokens]) %>
-        <%= comparison_indicator(now_strip.dig(:comparisons, :tokens_change), metric_type: :tokens) %>
-      </p>
-      <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">Tokens</p>
-    </div>
-  </div>
-</div>

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

@@ -1,60 +0,0 @@
-<div class="bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 h-full">
-  <div class="px-4 py-3 border-b border-gray-100 dark:border-gray-700">
-    <h3 class="text-base font-semibold text-gray-900 dark:text-gray-100">Top Errors</h3>
-  </div>
-
-  <% if top_errors.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">Error</th>
-            <th class="px-4 py-2 text-right">Count</th>
-            <th class="px-4 py-2 text-right">Last Seen</th>
-          </tr>
-        </thead>
-        <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
-          <% top_errors.first(5).each do |error| %>
-            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/50">
-              <td class="px-4 py-2">
-                <div>
-                  <span class="text-sm font-medium text-gray-900 dark:text-gray-100 truncate block max-w-[180px]" title="<%= error[:error_class] %>">
-                    <%= error[:error_class].to_s.split("::").last %>
-                  </span>
-                  <!-- Progress bar showing error distribution -->
-                  <div class="mt-1 w-full h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden">
-                    <div class="h-full bg-red-500 rounded-full transition-all duration-300" style="width: <%= error[:percentage] %>%"></div>
-                  </div>
-                </div>
-              </td>
-              <td class="px-4 py-2 text-right">
-                <div class="flex items-center justify-end gap-1">
-                  <span class="inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-red-100 dark:bg-red-900 text-red-700 dark:text-red-300">
-                    <%= number_with_delimiter(error[:count]) %>
-                  </span>
-                  <span class="text-xs text-gray-500 dark:text-gray-400">
-                    (<%= error[:percentage] %>%)
-                  </span>
-                </div>
-              </td>
-              <td class="px-4 py-2 text-right text-xs text-gray-500 dark:text-gray-400">
-                <% if error[:last_seen] %>
-                  <%= time_ago_in_words(error[:last_seen]) %>
-                <% else %>
-                  -
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
-  <% else %>
-    <div class="px-4 py-8 text-center text-green-500 dark:text-green-400">
-      <svg class="w-8 h-8 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-      </svg>
-      <p class="text-sm">No errors</p>
-    </div>
-  <% end %>
-</div>

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

@@ -1,86 +0,0 @@
-<%# 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">
-        <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 %>
-      <%= 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">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>
-            <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 %>
-                  <span class="text-gray-400 dark:text-gray-500"><%= index + 1 %>.</span>
-                  <%= 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 %>

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

@@ -1,149 +0,0 @@
-<div class="mb-6">
-  <%= link_to ruby_llm_agents.execution_path(@execution), class: "inline-flex items-center text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200" do %>
-    <svg
-      class="w-4 h-4 mr-1"
-      fill="none"
-      stroke="currentColor"
-      viewBox="0 0 24 24"
-    >
-      <path
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="2"
-        d="M10 19l-7-7m0 0l7-7m-7 7h18"
-      />
-    </svg>
-    Back to Execution
-  <% end %>
-</div>
-
-<!-- Header -->
-<div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-xl p-6 mb-6">
-  <div class="flex items-center gap-3 mb-2">
-    <svg class="w-6 h-6 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="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
-    </svg>
-    <h2 class="text-xl font-bold text-blue-900 dark:text-blue-100">Dry Run Preview</h2>
-  </div>
-  <p class="text-sm text-blue-700 dark:text-blue-300">
-    This is a preview of what would be sent to the LLM. No API call was made and no execution was recorded.
-  </p>
-</div>
-
-<!-- Agent Info -->
-<div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6 mb-6">
-  <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide mb-4">Agent Configuration</h3>
-
-  <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-    <div>
-      <p class="text-xs text-gray-500 dark:text-gray-400">Agent</p>
-      <p class="text-sm font-medium text-gray-900 dark:text-gray-100"><%= @dry_run_result[:agent] || @execution.agent_type %></p>
-    </div>
-    <div>
-      <p class="text-xs text-gray-500 dark:text-gray-400">Model</p>
-      <p class="text-sm font-medium text-gray-900 dark:text-gray-100"><%= @dry_run_result[:model] || 'N/A' %></p>
-    </div>
-    <div>
-      <p class="text-xs text-gray-500 dark:text-gray-400">Temperature</p>
-      <p class="text-sm font-medium text-gray-900 dark:text-gray-100"><%= @dry_run_result[:temperature] || 'N/A' %></p>
-    </div>
-    <div>
-      <p class="text-xs text-gray-500 dark:text-gray-400">Version</p>
-      <p class="text-sm font-medium text-gray-900 dark:text-gray-100"><%= @dry_run_result[:version] || 'N/A' %></p>
-    </div>
-  </div>
-</div>
-
-<!-- System Prompt -->
-<% if @dry_run_result[:system_prompt].present? %>
-  <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6 mb-6">
-    <div class="flex items-center justify-between mb-4">
-      <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">System Prompt</h3>
-      <button
-        type="button"
-        onclick="copyToClipboard(this, 'system-prompt-content')"
-        class="inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors"
-      >
-        <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="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/>
-        </svg>
-        <span>Copy</span>
-      </button>
-    </div>
-    <pre id="system-prompt-content" class="bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 rounded-lg p-4 text-sm overflow-x-auto whitespace-pre-wrap"><%= @dry_run_result[:system_prompt] %></pre>
-  </div>
-<% end %>
-
-<!-- User Prompt -->
-<% if @dry_run_result[:user_prompt].present? %>
-  <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6 mb-6">
-    <div class="flex items-center justify-between mb-4">
-      <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">User Prompt</h3>
-      <button
-        type="button"
-        onclick="copyToClipboard(this, 'user-prompt-content')"
-        class="inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors"
-      >
-        <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="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"/>
-        </svg>
-        <span>Copy</span>
-      </button>
-    </div>
-    <pre id="user-prompt-content" class="bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 rounded-lg p-4 text-sm overflow-x-auto whitespace-pre-wrap"><%= @dry_run_result[:user_prompt] %></pre>
-  </div>
-<% end %>
-
-<!-- Parameters -->
-<% if @dry_run_result[:parameters].present? %>
-  <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6 mb-6">
-    <div class="flex items-center justify-between mb-4">
-      <h3 class="text-sm font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide">Parameters</h3>
-    </div>
-    <pre class="bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 rounded-lg p-4 text-sm overflow-x-auto font-mono"><%= highlight_json(@dry_run_result[:parameters]) %></pre>
-  </div>
-<% end %>
-
-<!-- Actions -->
-<div class="flex items-center gap-4">
-  <%= link_to execution_path(@execution), class: "inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors" 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="M10 19l-7-7m0 0l7-7m-7 7h18"/>
-    </svg>
-    Back to Execution
-  <% end %>
-
-  <%= button_to rerun_execution_path(@execution),
-      method: :post,
-      class: "inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors",
-      data: { confirm: "This will make a real API call and create a new execution. Are you sure?" } 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="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/>
-    </svg>
-    Execute for Real
-  <% end %>
-</div>
-
-<script>
-  function copyToClipboard(button, elementId) {
-    const content = document.getElementById(elementId).textContent;
-    const span = button.querySelector('span');
-
-    navigator.clipboard.writeText(content).then(function() {
-      span.textContent = 'Copied!';
-      button.classList.add('text-green-600');
-
-      setTimeout(function() {
-        span.textContent = 'Copy';
-        button.classList.remove('text-green-600');
-      }, 2000);
-    }).catch(function(err) {
-      console.error('Failed to copy:', err);
-      span.textContent = 'Failed';
-      setTimeout(function() {
-        span.textContent = 'Copy';
-      }, 2000);
-    });
-  }
-</script>

data/app/views/ruby_llm/agents/shared/_breadcrumbs.html.erb

@@ -1,48 +0,0 @@
-<%
-  # Breadcrumb navigation partial
-  # Usage:
-  #   render "ruby_llm/agents/shared/breadcrumbs", items: [
-  #     { label: "Dashboard", path: ruby_llm_agents.root_path },
-  #     { label: "Executions", path: ruby_llm_agents.executions_path },
-  #     { label: "#123" }  # Current page (no path)
-  #   ]
-  #
-  # Or with simple array:
-  #   render "ruby_llm/agents/shared/breadcrumbs", items: [
-  #     ["Dashboard", ruby_llm_agents.root_path],
-  #     ["Executions", ruby_llm_agents.executions_path],
-  #     ["#123"]
-  #   ]
-
-  items = local_assigns[:items] || []
-%>
-<nav class="flex items-center text-sm mb-4" aria-label="Breadcrumb">
-  <ol class="flex items-center space-x-1">
-    <% items.each_with_index do |item, index| %>
-      <%
-        # Normalize item format
-        if item.is_a?(Array)
-          label = item[0]
-          path = item[1]
-        else
-          label = item[:label]
-          path = item[:path]
-        end
-        is_last = index == items.length - 1
-      %>
-      <li class="flex items-center">
-        <% if index > 0 %>
-          <svg class="w-4 h-4 text-gray-400 dark:text-gray-500 mx-1" 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>
-        <% end %>
-
-        <% if path.present? && !is_last %>
-          <%= link_to label, path, class: "text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-colors" %>
-        <% else %>
-          <span class="text-gray-900 dark:text-gray-100 font-medium"><%= label %></span>
-        <% end %>
-      </li>
-    <% end %>
-  </ol>
-</nav>

data/app/views/ruby_llm/agents/shared/_nav_link.html.erb

@@ -1,27 +0,0 @@
-<%# Reusable navigation link for desktop and mobile %>
-<%
-  # Determine if link is active
-  is_active = if path == ruby_llm_agents.root_path
-    current_page?(path)
-  elsif path == ruby_llm_agents.agents_path
-    request.path.start_with?(path)
-  else
-    current_page?(path)
-  end
-
-  # Style classes
-  base_classes = mobile ? "flex items-center px-3 py-2 text-base font-medium rounded-md" : "inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md"
-  active_classes = "bg-gray-200 dark:bg-gray-700 text-gray-900 dark:text-gray-100"
-  inactive_classes = "text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700"
-  icon_classes = mobile ? "w-5 h-5 mr-3" : "w-4 h-4 mr-1.5"
-
-  link_options = { class: "#{base_classes} #{is_active ? active_classes : inactive_classes}" }
-  link_options["x-on:click"] = "mobileMenuOpen = false" if mobile
-%>
-
-<%= link_to path, **link_options do %>
-  <svg class="<%= icon_classes %>" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-    <%= icon.html_safe %>
-  </svg>
-  <%= label %>
-<% end %>

data/app/views/ruby_llm/agents/shared/_stat_card.html.erb

@@ -1,14 +0,0 @@
-<div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-4">
-  <div class="flex items-center justify-between">
-    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wide font-medium"><%= title %></p>
-    <span class="<%= local_assigns[:icon_color] || 'text-gray-400 dark:text-gray-500' %>">
-      <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="<%= icon %>"/>
-      </svg>
-    </span>
-  </div>
-  <p class="text-xl font-semibold <%= local_assigns[:value_color] || 'text-gray-900 dark:text-gray-100' %> mt-2"><%= value %></p>
-  <% if local_assigns[:subtitle].present? %>
-    <p class="text-xs text-gray-400 dark:text-gray-500"><%= subtitle %></p>
-  <% end %>
-</div>