ruby_llm-agents 0.3.3 → 0.3.5

data/app/views/rubyllm/agents/shared/_executions_table.html.erb

@@ -1,193 +0,0 @@
-<% if executions.empty? %>
-  <p class="text-gray-500 dark:text-gray-400 text-center py-8">No executions found.</p>
-<% else %>
-  <div class="overflow-x-auto">
-    <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
-      <thead>
-        <tr>
-          <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>
-          <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>
-          <th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">Model</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">Temp</th>
-          <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>
-          <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>
-          <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>
-          <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>
-        </tr>
-      </thead>
-      <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-100 dark:divide-gray-700">
-        <% executions.each do |execution| %>
-          <!-- Main Row (clickable to expand) -->
-          <tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors cursor-pointer group"
-              onclick="toggleExecutionDetails('<%= execution.id %>')"
-              id="execution-row-<%= execution.id %>">
-            <td class="px-4 py-3 whitespace-nowrap">
-              <div class="flex items-center">
-                <svg class="w-4 h-4 mr-2 text-gray-400 dark:text-gray-500 transform transition-transform duration-200"
-                     id="chevron-<%= execution.id %>" 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>
-                <%= render "rubyllm/agents/shared/status_badge", status: execution.status %>
-              </div>
-            </td>
-            <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-500 dark:text-gray-400">
-              <%= execution.model_id %>
-            </td>
-            <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
-              <%= execution.temperature %>
-            </td>
-            <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100 text-right font-medium">
-              <%= 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">
-              <%= 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">
-              <%= 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">
-              <%= time_ago_in_words(execution.created_at) %> ago
-            </td>
-          </tr>
-
-          <!-- Error Row (if applicable) -->
-          <% if execution.status_error? && execution.error_message.present? %>
-            <tr class="bg-red-50 dark:bg-red-900/30">
-              <td colspan="8" class="px-4 py-2">
-                <p class="text-xs text-red-600 dark:text-red-400">
-                  <span class="font-medium"><%= execution.error_class %>:</span>
-                  <%= truncate(execution.error_message, length: 150) %>
-                </p>
-              </td>
-            </tr>
-          <% end %>
-
-          <!-- Expandable Details Row (hidden by default) -->
-          <tr id="execution-details-<%= execution.id %>" class="hidden bg-gray-50 dark:bg-gray-900">
-            <td colspan="8" class="px-4 py-4">
-              <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
-                <% if execution.respond_to?(:system_prompt) && execution.system_prompt.present? %>
-                  <div>
-                    <h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">System Prompt</h4>
-                    <pre class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-3 text-xs text-gray-900 dark:text-gray-100 overflow-x-auto max-h-48 overflow-y-auto font-mono whitespace-pre-wrap"><%= execution.system_prompt %></pre>
-                  </div>
-                <% end %>
-
-                <% if execution.respond_to?(:user_prompt) && execution.user_prompt.present? %>
-                  <div>
-                    <h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">User Prompt</h4>
-                    <pre class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-3 text-xs text-gray-900 dark:text-gray-100 overflow-x-auto max-h-48 overflow-y-auto font-mono whitespace-pre-wrap"><%= execution.user_prompt %></pre>
-                  </div>
-                <% end %>
-
-                <% if execution.parameters.present? && execution.parameters.any? %>
-                  <div>
-                    <h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">Parameters</h4>
-                    <pre class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-3 text-xs text-gray-900 dark:text-gray-100 overflow-x-auto max-h-48 overflow-y-auto font-mono"><%= JSON.pretty_generate(execution.parameters) %></pre>
-                  </div>
-                <% end %>
-
-                <% if execution.response.present? && execution.response.any? %>
-                  <div>
-                    <h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">Response</h4>
-                    <pre class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-3 text-xs text-gray-900 dark:text-gray-100 overflow-x-auto max-h-48 overflow-y-auto font-mono"><%= JSON.pretty_generate(execution.response) %></pre>
-                  </div>
-                <% end %>
-
-                <% if execution.metadata.present? && execution.metadata.any? %>
-                  <div>
-                    <h4 class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase mb-2">Metadata</h4>
-                    <pre class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-3 text-xs text-gray-900 dark:text-gray-100 overflow-x-auto max-h-48 overflow-y-auto font-mono"><%= JSON.pretty_generate(execution.metadata) %></pre>
-                  </div>
-                <% end %>
-              </div>
-
-              <!-- View Full Details Link -->
-              <div class="mt-3 pt-3 border-t border-gray-200 dark:border-gray-700">
-                <%= link_to ruby_llm_agents.execution_path(execution), class: "text-sm text-blue-600 dark:text-blue-400 hover:underline", onclick: "event.stopPropagation();" do %>
-                  View Full Details &rarr;
-                <% end %>
-              </div>
-            </td>
-          </tr>
-        <% end %>
-      </tbody>
-    </table>
-  </div>
-
-  <% if pagination[:total_pages] > 1 %>
-    <%
-      current_page = pagination[:current_page]
-      total_pages = pagination[:total_pages]
-      total_count = pagination[:total_count]
-      per_page = pagination[:per_page]
-
-      from_record = ((current_page - 1) * per_page) + 1
-      to_record = [current_page * per_page, total_count].min
-    %>
-    <div class="mt-4 flex items-center justify-between border-t border-gray-100 dark:border-gray-700 pt-4">
-      <p class="text-sm text-gray-500 dark:text-gray-400">
-        Showing <%= from_record %>-<%= to_record %> of <%= number_with_delimiter(total_count) %> executions
-      </p>
-      <nav class="flex items-center space-x-1">
-        <% if current_page > 1 %>
-          <%= link_to "Previous", url_for(request.query_parameters.merge(page: current_page - 1)), data: { turbo_frame: "executions_table" }, 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="px-3 py-1.5 text-sm font-medium text-gray-400 dark:text-gray-500 bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md cursor-not-allowed">Previous</span>
-        <% end %>
-
-        <%
-          # Calculate which page numbers to show
-          window = 2
-          left_edge = 1
-          right_edge = 1
-
-          pages_to_show = []
-          (1..total_pages).each do |page|
-            if page <= left_edge ||
-               page > total_pages - right_edge ||
-               (page >= current_page - window && page <= current_page + window)
-              pages_to_show << page
-            elsif pages_to_show.last != :gap
-              pages_to_show << :gap
-            end
-          end
-        %>
-
-        <% pages_to_show.each do |page| %>
-          <% if page == :gap %>
-            <span class="px-2 py-1.5 text-sm text-gray-500 dark:text-gray-400">...</span>
-          <% elsif page == current_page %>
-            <span class="px-3 py-1.5 text-sm font-medium text-white bg-blue-600 border border-blue-600 rounded-md"><%= page %></span>
-          <% else %>
-            <%= link_to page, url_for(request.query_parameters.merge(page: page)), data: { turbo_frame: "executions_table" }, 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(request.query_parameters.merge(page: current_page + 1)), data: { turbo_frame: "executions_table" }, 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="px-3 py-1.5 text-sm font-medium text-gray-400 dark:text-gray-500 bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-md cursor-not-allowed">Next</span>
-        <% end %>
-      </nav>
-    </div>
-  <% end %>
-<% end %>
-
-<script>
-  function toggleExecutionDetails(id) {
-    const detailsRow = document.getElementById(`execution-details-${id}`);
-    const chevron = document.getElementById(`chevron-${id}`);
-
-    if (detailsRow.classList.contains('hidden')) {
-      detailsRow.classList.remove('hidden');
-      chevron.classList.add('rotate-90');
-    } else {
-      detailsRow.classList.add('hidden');
-      chevron.classList.remove('rotate-90');
-    }
-  }
-</script>