ruby_llm-agents 1.0.0 → 1.2.0

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

@@ -30,6 +30,7 @@
       <h2 class="text-lg font-bold text-gray-900 dark:text-gray-100 truncate">
         <%= @execution.agent_type.gsub(/Agent$/, '') %>
       </h2>
+      <%= render "ruby_llm/agents/shared/doc_link" %>
       <%= render "ruby_llm/agents/shared/status_badge", status: @execution.status, size: :md %>
       <% if secondary_badges.any? %>
         <div class="relative" x-data="{ showDetails: false }">
@@ -216,28 +217,17 @@
 <% if (@execution.workflow_type.present? || @execution.workflow_step.present? || @execution.routed_to.present?) && !(@execution.respond_to?(:root_workflow?) && @execution.root_workflow?) %>
   <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-4 sm:p-5 mb-6">
     <div class="flex items-center gap-2 mb-4">
-      <% case @execution.workflow_type
-         when "pipeline" %>
-        <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-sm font-medium bg-indigo-100 dark:bg-indigo-900/50 text-indigo-700 dark:text-indigo-300">
-          <span class="text-base">→</span> Pipeline Workflow
+      <% if @execution.workflow_type.present? %>
+        <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-sm font-medium bg-emerald-100 dark:bg-emerald-900/50 text-emerald-700 dark:text-emerald-300">
+          <span class="text-base">◈</span> Workflow
         </span>
-      <% when "parallel" %>
-        <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-sm font-medium bg-cyan-100 dark:bg-cyan-900/50 text-cyan-700 dark:text-cyan-300">
-          <span class="text-base">⫴</span> Parallel Workflow
-        </span>
-      <% when "router" %>
-        <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-sm font-medium bg-amber-100 dark:bg-amber-900/50 text-amber-700 dark:text-amber-300">
-          <span class="text-base">⑂</span> Router Workflow
+      <% elsif @execution.workflow_step.present? %>
+        <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-sm font-medium bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300">
+          <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="M13 5l7 7-7 7M5 5l7 7-7 7"/>
+          </svg>
+          Workflow Step
         </span>
-      <% else %>
-        <% if @execution.workflow_step.present? %>
-          <span class="inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-sm font-medium bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300">
-            <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="M13 5l7 7-7 7M5 5l7 7-7 7"/>
-            </svg>
-            Workflow Step
-          </span>
-        <% end %>
       <% end %>
       <% if @execution.workflow_id.present? %>
         <span class="text-xs text-gray-400 dark:text-gray-500 font-mono" title="Workflow ID: <%= @execution.workflow_id %>">

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

@@ -85,7 +85,8 @@
       { badge: "px-2 py-0.5", icon: "text-xs", text: "text-xs" }
     end
 %>
-<span class="inline-flex items-center gap-1 rounded-md font-medium <%= config[:bg] %> <%= config[:text] %> <%= size_classes[:badge] %>">
+<span class="inline-flex items-center gap-1 rounded-md font-medium <%= config[:bg] %> <%= config[:text] %> <%= size_classes[:badge] %>"
+      title="<%= config[:label] %>">
   <span class="<%= size_classes[:icon] %>" aria-hidden="true"><%= config[:icon_char] %></span>
   <% if show_label %>
     <span class="<%= size_classes[:text] %>"><%= config[:label] %></span>

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

@@ -0,0 +1,12 @@
+<% doc_url = documentation_url %>
+<% if doc_url %>
+  <%= link_to doc_url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      class: "text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 transition-colors",
+      title: "View documentation" do %>
+    <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="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/>
+    </svg>
+  <% end %>
+<% end %>

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

@@ -42,17 +42,7 @@
                   <%= execution.agent_type.gsub(/Agent$/, "") %>
                 <% end %>
                 <% if is_workflow %>
-                  <% badge_style = case execution.workflow_type
-                       when "pipeline" then "text-indigo-600 dark:text-indigo-400"
-                       when "parallel" then "text-cyan-600 dark:text-cyan-400"
-                       when "router" then "text-amber-600 dark:text-amber-400"
-                     end %>
-                  <% badge_icon = case execution.workflow_type
-                       when "pipeline" then "→"
-                       when "parallel" then "⫴"
-                       when "router" then "⑂"
-                     end %>
-                  <span class="text-xs <%= badge_style %>"><%= badge_icon %></span>
+                  <span class="text-xs text-emerald-600 dark:text-emerald-400">◈</span>
                 <% end %>
               </div>
             </td>
@@ -134,12 +124,10 @@
                   </div>
                 </td>
 
-                <%# Step/Branch Name %>
+                <%# Step Name %>
                 <td class="px-4 py-2 whitespace-nowrap">
                   <%= link_to ruby_llm_agents.execution_path(child), class: "text-gray-600 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400" do %>
-                    <% if execution.pipeline_workflow? %>
-                      <span class="text-gray-400 dark:text-gray-500 text-xs"><%= index + 1 %>.</span>
-                    <% end %>
+                    <span class="text-gray-400 dark:text-gray-500 text-xs"><%= index + 1 %>.</span>
                     <%= child.workflow_step || child.agent_type.gsub(/Agent$/, "") %>
                   <% end %>
                 </td>

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

@@ -45,7 +45,7 @@
     class="<%= full_width ? 'w-full md:w-auto justify-between md:justify-start' : '' %> flex items-center gap-2 px-3 py-2 text-sm
            bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg
            hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors
-           <%= has_selection ? 'ring-2 ring-blue-500 dark:ring-offset-gray-900' : '' %>">
+           <%= has_selection ? 'border-blue-300 dark:border-blue-600' : '' %>">
     <div class="flex items-center gap-2">
       <% if current_color.present? %>
         <span class="w-2 h-2 rounded-full <%= current_color %> <%= current_color.include?('blue') && selected.first == 'running' ? 'animate-pulse' : '' %>"></span>

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

@@ -31,7 +31,7 @@
     class="<%= full_width ? 'w-full md:w-auto justify-between md:justify-start' : '' %> flex items-center gap-2 px-3 py-2 text-sm
            bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg
            hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors
-           <%= has_selection ? 'ring-2 ring-blue-500 dark:ring-offset-gray-900' : '' %>">
+           <%= has_selection ? 'border-blue-300 dark:border-blue-600' : '' %>">
     <div class="flex items-center gap-2">
       <% if local_assigns[:icon].present? %>
         <svg class="w-4 h-4 text-gray-400 dark:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">

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

@@ -0,0 +1,53 @@
+<%#
+  Sortable column header component
+
+  Creates a clickable table header that toggles sort direction and
+  displays visual feedback for the current sort state.
+
+  Usage:
+    render "ruby_llm/agents/shared/sortable_header",
+      column: "created_at",
+      label: "Time",
+      current_sort: @sort_params[:column],
+      current_direction: @sort_params[:direction],
+      align: "right"
+
+  Parameters:
+    column           - (String) The column name used in sort URL parameter
+    label            - (String) Display text for the header
+    current_sort     - (String) Currently active sort column
+    current_direction - (String) Current sort direction ('asc' or 'desc')
+    align            - (String) Text alignment: 'left' (default), 'center', or 'right'
+%>
+<%
+  align = local_assigns[:align] || "left"
+  is_active = column == current_sort
+  next_direction = is_active && current_direction == "asc" ? "desc" : "asc"
+  sort_url = url_for(request.query_parameters.merge(sort: column, direction: next_direction, page: 1))
+
+  align_class = case align
+                when "right" then "text-right justify-end"
+                when "center" then "text-center justify-center"
+                else "text-left justify-start"
+                end
+%>
+<th scope="col" class="px-4 py-3">
+  <a href="<%= sort_url %>"
+     class="group inline-flex items-center gap-1 <%= align_class %> w-full
+            text-xs font-semibold uppercase tracking-wider
+            <%= is_active ? 'text-blue-600 dark:text-blue-400' : 'text-gray-500 dark:text-gray-400' %>
+            hover:text-blue-600 dark:hover:text-blue-400 transition-colors">
+    <span><%= label %></span>
+    <span class="<%= is_active ? 'opacity-100' : 'opacity-0 group-hover:opacity-50' %> transition-opacity">
+      <% if is_active && current_direction == "asc" %>
+        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/>
+        </svg>
+      <% else %>
+        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+        </svg>
+      <% end %>
+    </span>
+  </a>
+</th>

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

@@ -62,4 +62,11 @@
     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="<%= config[:icon] %>"/>
   </svg>
   <span class="<%= size_classes[:text] %>"><%= status.to_s.capitalize %></span>
+  <% if local_assigns[:attempts_count] && attempts_count.to_i > 1 %>
+    <span class="opacity-70" title="<%= attempts_count %> attempts (retried)">
+      <svg class="<%= size_classes[:icon] %>" 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>
+    </span>
+  <% end %>
 </span>

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

@@ -15,4 +15,4 @@
       { color: "bg-gray-500", animate: false }
     end
 %>
-<span class="w-2.5 h-2.5 rounded-full <%= config[:color] %> <%= config[:animate] ? 'animate-pulse' : '' %> flex-shrink-0"></span>
+<span class="inline-block w-2.5 h-2.5 rounded-full <%= config[:color] %> <%= config[:animate] ? 'animate-pulse' : '' %> flex-shrink-0"></span>

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

@@ -1,6 +1,6 @@
 <%
   # Workflow type badge with icon and color coding
-  # Usage: render "ruby_llm/agents/shared/workflow_type_badge", workflow_type: "pipeline"
+  # Usage: render "ruby_llm/agents/shared/workflow_type_badge", workflow_type: "workflow"
   # Options:
   #   size: :xs, :sm (default), :md
   #   show_label: true (default) or false for icon-only mode
@@ -9,40 +9,14 @@
   size = local_assigns[:size] || :sm
   show_label = local_assigns.fetch(:show_label, true)
 
-  config = case workflow_type.to_s
-    when "pipeline"
-      {
-        icon: "arrow-right",
-        label: "Pipeline",
-        bg: "bg-indigo-100 dark:bg-indigo-900/50",
-        text: "text-indigo-700 dark:text-indigo-300",
-        icon_char: "→"
-      }
-    when "parallel"
-      {
-        icon: "parallel",
-        label: "Parallel",
-        bg: "bg-cyan-100 dark:bg-cyan-900/50",
-        text: "text-cyan-700 dark:text-cyan-300",
-        icon_char: "⫿"
-      }
-    when "router"
-      {
-        icon: "router",
-        label: "Router",
-        bg: "bg-amber-100 dark:bg-amber-900/50",
-        text: "text-amber-700 dark:text-amber-300",
-        icon_char: "⌂"
-      }
-    else
-      {
-        icon: "workflow",
-        label: "Workflow",
-        bg: "bg-gray-100 dark:bg-gray-700",
-        text: "text-gray-700 dark:text-gray-300",
-        icon_char: "⚙"
-      }
-    end
+  # All workflows use unified DSL workflow style
+  config = {
+    icon: "workflow",
+    label: "Workflow",
+    bg: "bg-emerald-100 dark:bg-emerald-900/50",
+    text: "text-emerald-700 dark:text-emerald-300",
+    icon_char: "◈"
+  }
 
   size_classes = case size
     when :xs

data/app/views/ruby_llm/agents/system_config/show.html.erb

@@ -7,7 +7,10 @@
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
       </svg>
       <div>
-        <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">System Configuration</h1>
+        <div class="flex items-center gap-2">
+          <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">System Configuration</h1>
+          <%= render "ruby_llm/agents/shared/doc_link" %>
+        </div>
         <p class="text-sm text-gray-500 dark:text-gray-400">Settings configured in <code class="bg-gray-100 dark:bg-gray-700 px-1 rounded">config/initializers/ruby_llm_agents.rb</code></p>
       </div>
     </div>

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

@@ -1,5 +1,8 @@
 <div class="mb-6">
-  <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Tenants</h1>
+  <div class="flex items-center gap-2">
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Tenants</h1>
+    <%= render "ruby_llm/agents/shared/doc_link" %>
+  </div>
   <p class="text-gray-500 dark:text-gray-400 mt-1">Manage tenant budget configurations</p>
 </div>
 

data/app/views/ruby_llm/agents/workflows/_step_performance.html.erb

@@ -1,28 +1,20 @@
 <%
-  # Step/Branch/Route Performance Analytics
+  # Step Performance Analytics
   # Shows per-step metrics in a table format
   workflow_type = local_assigns[:workflow_type]
   step_stats = local_assigns[:step_stats] || []
   route_distribution = local_assigns[:route_distribution] || {}
 
-  # Determine labels based on workflow type
-  section_title = case workflow_type
-    when "pipeline" then "Step Performance"
-    when "parallel" then "Branch Performance"
-    when "router" then "Route Distribution"
-    else "Step Performance"
-  end
-
-  column_label = case workflow_type
-    when "pipeline" then "Step"
-    when "parallel" then "Branch"
-    when "router" then "Route"
-    else "Step"
-  end
+  # Unified labels
+  section_title = "Step Performance"
+  column_label = "Step"
 
   # Calculate max values for bar charts
   max_duration = step_stats.map { |s| s[:avg_duration_ms] }.compact.max || 1
   max_cost = step_stats.map { |s| s[:avg_cost] }.compact.max || 0.001
+
+  # Check if any steps are parallel
+  has_parallel = step_stats.any? { |s| s[:name].to_s.include?("parallel") || workflow_type == "parallel" }
 %>
 
 <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-6">