ruby_llm-agents 1.0.0 → 1.1.0

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

@@ -0,0 +1,179 @@
+<div class="mb-6">
+  <div class="flex items-center gap-2">
+    <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Workflows</h1>
+    <%= render "ruby_llm/agents/shared/doc_link" %>
+  </div>
+  <p class="text-gray-500 dark:text-gray-400 mt-1">Orchestrated multi-agent workflows with execution statistics</p>
+</div>
+
+<% if @workflows.empty? %>
+  <%= render "ruby_llm/agents/agents/empty_state", type: "workflows" %>
+<% else %>
+  <div class="bg-white dark:bg-gray-800 rounded-lg shadow overflow-hidden">
+    <div class="overflow-x-auto">
+      <table class="w-full divide-y divide-gray-200 dark:divide-gray-700">
+        <thead class="bg-gray-50 dark:bg-gray-900">
+          <tr>
+            <%= render "ruby_llm/agents/agents/sortable_header",
+                column: "name", label: "Name",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
+
+            <th scope="col" class="px-4 py-3 text-left text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400">
+              Status
+            </th>
+
+            <th scope="col" class="px-4 py-3 text-left text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400 hidden md:table-cell">
+              Steps
+            </th>
+
+            <%= render "ruby_llm/agents/agents/sortable_header",
+                column: "execution_count", label: "Executions",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
+
+            <%= render "ruby_llm/agents/agents/sortable_header",
+                column: "total_cost", label: "Cost",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction],
+                th_class: "hidden md:table-cell" %>
+
+            <%= render "ruby_llm/agents/agents/sortable_header",
+                column: "success_rate", label: "Success",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
+
+            <%= render "ruby_llm/agents/agents/sortable_header",
+                column: "last_executed", label: "Last Run",
+                current_sort: @sort_params[:column], current_direction: @sort_params[:direction] %>
+          </tr>
+        </thead>
+
+        <% @workflows.each_with_index do |workflow, index| %>
+          <%
+            row_bg = index.even? ? '' : 'bg-gray-50/50 dark:bg-gray-900/30'
+            success_rate = workflow[:success_rate] || 0
+            steps_count = workflow[:workflow_children]&.size || 0
+            has_steps = workflow[:workflow_children].present? && workflow[:workflow_children].any?
+          %>
+          <tbody x-data="{ expanded: false }" class="<%= index > 0 ? 'border-t border-gray-100/50 dark:border-gray-700/50' : '' %>">
+            <tr class="<%= row_bg %> hover:bg-emerald-50/50 dark:hover:bg-emerald-900/20 transition-colors">
+              <!-- Name -->
+              <td class="px-4 py-3">
+                <a href="<%= ruby_llm_agents.workflow_path(ERB::Util.url_encode(workflow[:name])) %>" class="block">
+                  <div class="flex items-center gap-2">
+                    <span class="text-sm font-medium text-gray-900 dark:text-gray-100">
+                      <% name_parts = workflow[:name].split('::') %>
+                      <% if name_parts.length > 1 %>
+                        <span class="text-gray-400 dark:text-gray-500 font-normal"><%= name_parts[0..-2].join('::') %>::</span>
+                      <% end %>
+                      <%= name_parts.last %>
+                    </span>
+                    <span class="hidden lg:inline text-xs text-gray-400 dark:text-gray-500">v<%= workflow[:version] %></span>
+                  </div>
+                  <% if workflow[:description].present? %>
+                    <p class="text-xs text-gray-500 dark:text-gray-400 truncate max-w-64 mt-0.5" title="<%= workflow[:description] %>">
+                      <%= workflow[:description] %>
+                    </p>
+                  <% end %>
+                </a>
+              </td>
+
+              <!-- Status -->
+              <td class="px-4 py-3 whitespace-nowrap">
+                <% if workflow[:active] %>
+                  <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 dark:bg-green-900/50 text-green-800 dark:text-green-300">
+                    Active
+                  </span>
+                <% else %>
+                  <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400">
+                    Deleted
+                  </span>
+                <% end %>
+              </td>
+
+              <!-- Steps -->
+              <td class="px-4 py-3 whitespace-nowrap hidden md:table-cell">
+                <% if steps_count > 0 %>
+                  <button
+                    type="button"
+                    @click.stop="expanded = !expanded"
+                    class="inline-flex items-center gap-1 px-2 py-0.5 rounded text-xs font-medium bg-emerald-100 dark:bg-emerald-900/50 text-emerald-700 dark:text-emerald-300 hover:bg-emerald-200 dark:hover:bg-emerald-800 transition-colors"
+                  >
+                    <%= steps_count %> steps
+                    <svg class="w-3 h-3 transition-transform duration-200" :class="{ 'rotate-180': expanded }" 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>
+                  </button>
+                <% else %>
+                  <span class="text-sm text-gray-400 dark:text-gray-500">-</span>
+                <% end %>
+              </td>
+
+              <!-- Executions -->
+              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300 font-mono">
+                <%= number_with_delimiter(workflow[:execution_count] || 0) %>
+              </td>
+
+              <!-- Cost -->
+              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-700 dark:text-gray-300 font-mono hidden md:table-cell">
+                $<%= number_with_precision(workflow[:total_cost] || 0, precision: 4) %>
+              </td>
+
+              <!-- Success Rate -->
+              <td class="px-4 py-3 whitespace-nowrap">
+                <div class="flex items-center gap-1.5">
+                  <% if success_rate >= 95 %>
+                    <span class="w-2 h-2 rounded-full bg-green-500"></span>
+                    <span class="text-sm text-green-600 dark:text-green-400"><%= success_rate %>%</span>
+                  <% elsif success_rate >= 80 %>
+                    <span class="w-2 h-2 rounded-full bg-yellow-500"></span>
+                    <span class="text-sm text-yellow-600 dark:text-yellow-400"><%= success_rate %>%</span>
+                  <% else %>
+                    <span class="w-2 h-2 rounded-full bg-red-500"></span>
+                    <span class="text-sm text-red-600 dark:text-red-400"><%= success_rate %>%</span>
+                  <% end %>
+                </div>
+              </td>
+
+              <!-- Last Executed -->
+              <td class="px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
+                <% if workflow[:last_executed] %>
+                  <%= time_ago_in_words(workflow[:last_executed]) %> ago
+                <% else %>
+                  <span class="text-gray-400 dark:text-gray-500">Never</span>
+                <% end %>
+              </td>
+            </tr>
+
+            <!-- Expandable Steps Row -->
+            <% if has_steps %>
+              <tr
+                x-show="expanded"
+                x-cloak
+                x-transition:enter="transition ease-out duration-200"
+                x-transition:enter-start="opacity-0"
+                x-transition:enter-end="opacity-100"
+                class="bg-gray-50/80 dark:bg-gray-900/50"
+              >
+                <td colspan="7" class="px-4 py-3">
+                  <div class="flex flex-wrap gap-2">
+                    <% workflow[:workflow_children].each_with_index do |child, step_index| %>
+                      <div class="inline-flex items-center gap-1.5 px-2 py-1 rounded bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-xs">
+                        <span class="w-4 h-4 flex items-center justify-center rounded-full bg-emerald-100 dark:bg-emerald-900/50 text-emerald-600 dark:text-emerald-300 text-[10px] font-medium">
+                          <%= step_index + 1 %>
+                        </span>
+                        <span class="font-medium text-gray-700 dark:text-gray-300"><%= child[:name] %></span>
+                        <span class="text-gray-400 dark:text-gray-500">-></span>
+                        <span class="text-gray-500 dark:text-gray-400 font-mono"><%= child[:agent] %></span>
+                        <% if child[:optional] %>
+                          <span class="text-gray-400 dark:text-gray-500 italic">(optional)</span>
+                        <% end %>
+                      </div>
+                    <% end %>
+                  </div>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        <% end %>
+      </table>
+    </div>
+  </div>
+<% end %>

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

@@ -1,7 +1,7 @@
 <%= render "ruby_llm/agents/shared/breadcrumbs", items: [
   { label: "Dashboard", path: ruby_llm_agents.root_path },
   { label: "Workflows", path: ruby_llm_agents.agents_path(tab: "workflows") },
-  { label: @workflow_type.gsub(/Workflow$|Pipeline$|Parallel$|Router$/, '') }
+  { label: @workflow_type.split('::').last }
 ] %>
 
 <!-- Header -->
@@ -11,12 +11,13 @@
       <div class="flex items-center space-x-3">
         <%= render "ruby_llm/agents/shared/workflow_type_badge", workflow_type: @workflow_type_kind, size: :md %>
         <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">
-          <% name_parts = @workflow_type.gsub(/Workflow$|Pipeline$|Parallel$|Router$/, '').split('::') %>
+          <% name_parts = @workflow_type.split('::') %>
           <% if name_parts.length > 1 %>
             <span class="text-gray-400 dark:text-gray-500 font-normal"><%= name_parts[0..-2].join('::') %>::</span>
           <% end %>
           <%= name_parts.last %>
         </h1>
+        <%= render "ruby_llm/agents/shared/doc_link" %>
 
         <% if @workflow_active %>
           <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900/50 text-green-800 dark:text-green-300">
@@ -40,32 +41,6 @@
           <%= @config[:description] %>
         </p>
       <% end %>
-
-      <!-- Workflow Summary Line -->
-      <div class="flex items-center gap-4 mt-3 text-sm text-gray-500 dark:text-gray-400">
-        <% if @workflow_type_kind == "pipeline" && @steps.present? %>
-          <span><%= @steps.size %> steps</span>
-        <% elsif @workflow_type_kind == "parallel" && @branches.present? %>
-          <span><%= @branches.size %> branches</span>
-        <% elsif @workflow_type_kind == "router" && @routes.present? %>
-          <span><%= @routes.size %> routes</span>
-        <% end %>
-
-        <% if @config && @config[:timeout] %>
-          <span class="text-gray-300 dark:text-gray-600">|</span>
-          <span>timeout <%= @config[:timeout] %>s</span>
-        <% end %>
-
-        <% if @config && @config[:max_cost] %>
-          <span class="text-gray-300 dark:text-gray-600">|</span>
-          <span>max cost $<%= @config[:max_cost] %></span>
-        <% end %>
-
-        <% if @workflow_type_kind == "router" && @config && @config[:classifier_model] %>
-          <span class="text-gray-300 dark:text-gray-600">|</span>
-          <span>classifier: <%= @config[:classifier_model] %></span>
-        <% end %>
-      </div>
     </div>
 
     <div class="text-right">
@@ -94,43 +69,160 @@
   </div>
 </div>
 
+<!-- Workflow Details Panel -->
+<% if @config %>
+  <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-4 mb-6">
+    <div class="flex flex-wrap items-center gap-x-6 gap-y-2">
+      <!-- Structure Summary -->
+      <div class="flex items-center gap-4 text-sm">
+        <% if @steps.present? %>
+          <span class="text-gray-700 dark:text-gray-300">
+            <span class="font-medium"><%= @steps.size %></span>
+            <span class="text-gray-500 dark:text-gray-400">steps</span>
+          </span>
+        <% end %>
+        <% if @parallel_groups.present? && @parallel_groups.any? %>
+          <span class="text-purple-600 dark:text-purple-400">
+            <span class="font-medium"><%= @parallel_groups.size %></span> parallel
+          </span>
+        <% end %>
+        <% if @config[:has_routing] %>
+          <span class="text-amber-600 dark:text-amber-400">routing</span>
+        <% end %>
+      </div>
+
+      <!-- Divider -->
+      <span class="hidden sm:block w-px h-5 bg-gray-200 dark:bg-gray-700"></span>
+
+      <!-- Constraints -->
+      <div class="flex items-center gap-4 text-sm text-gray-600 dark:text-gray-400">
+        <% if @config[:timeout] %>
+          <span class="inline-flex items-center gap-1">
+            <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 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
+            <%= @config[:timeout] %>s timeout
+          </span>
+        <% end %>
+        <% if @config[:max_cost] %>
+          <span class="inline-flex items-center gap-1">
+            <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 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1"/></svg>
+            $<%= @config[:max_cost] %> max
+          </span>
+        <% end %>
+      </div>
+
+      <!-- Divider -->
+      <% if @config[:has_lifecycle_hooks] || @config[:has_conditions] || @config[:has_retries] || @config[:has_fallbacks] || @config[:has_input_schema] %>
+        <span class="hidden sm:block w-px h-5 bg-gray-200 dark:bg-gray-700"></span>
+      <% end %>
+
+      <!-- Features -->
+      <div class="flex flex-wrap items-center gap-2">
+        <% if @config[:has_input_schema] %>
+          <span class="text-xs px-2 py-1 rounded-full bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300">
+            Input Schema
+          </span>
+        <% end %>
+        <% if @config[:has_lifecycle_hooks] %>
+          <span class="text-xs px-2 py-1 rounded-full bg-emerald-100 dark:bg-emerald-900/50 text-emerald-700 dark:text-emerald-300">
+            Lifecycle Hooks
+          </span>
+        <% end %>
+        <% if @config[:has_conditions] %>
+          <span class="text-xs px-2 py-1 rounded-full bg-cyan-100 dark:bg-cyan-900/50 text-cyan-700 dark:text-cyan-300">
+            Conditional
+          </span>
+        <% end %>
+        <% if @config[:has_retries] %>
+          <span class="text-xs px-2 py-1 rounded-full bg-orange-100 dark:bg-orange-900/50 text-orange-700 dark:text-orange-300">
+            Retries
+          </span>
+        <% end %>
+        <% if @config[:has_fallbacks] %>
+          <span class="text-xs px-2 py-1 rounded-full bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300">
+            Fallbacks
+          </span>
+        <% end %>
+      </div>
+    </div>
+  </div>
+<% end %>
+
 <!-- Workflow Structure -->
-<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-6">
+<div id="structure" class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-6 scroll-mt-16" x-data="{ expanded: false }">
   <div class="flex items-center justify-between mb-4">
     <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
       Workflow Structure
     </h3>
 
-    <% if @workflow_type_kind == "parallel" && @config %>
-      <span class="text-sm text-gray-500 dark:text-gray-400">
-        fail_fast: <%= @config[:fail_fast] ? 'on' : 'off' %>
+    <button @click="expanded = !expanded" class="inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors cursor-pointer">
+      <span x-text="expanded ? 'Collapse' : 'Expand'">Collapse</span>
+      <svg class="w-4 h-4 transition-transform duration-200" :class="expanded ? 'rotate-180' : ''" 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>
+    </button>
+  </div>
+
+  <!-- Collapsed: Compact Flow Summary -->
+  <div x-show="!expanded" x-collapse class="py-4">
+    <div class="flex items-center justify-center gap-2 flex-wrap">
+      <!-- Start -->
+      <span class="px-3 py-1 rounded-full bg-green-100 dark:bg-green-900/50 text-green-700 dark:text-green-300 text-sm font-medium">
+        Start
       </span>
-    <% elsif @workflow_type_kind == "router" && @config && @config[:classifier_model] %>
-      <span class="text-sm text-gray-500 dark:text-gray-400">
-        classifier: <%= @config[:classifier_model] %> @ <%= @config[:classifier_temperature] || 0.0 %>
+
+      <% (@steps || []).each_with_index do |step, idx| %>
+        <svg class="w-4 h-4 text-gray-400 dark:text-gray-500 flex-shrink-0" 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>
+
+        <%
+          step_bg = if step[:workflow]
+            "bg-emerald-100 dark:bg-emerald-900/50 text-emerald-700 dark:text-emerald-300"
+          elsif step[:iteration]
+            "bg-blue-100 dark:bg-blue-900/50 text-blue-700 dark:text-blue-300"
+          elsif step[:routing]
+            "bg-amber-100 dark:bg-amber-900/50 text-amber-700 dark:text-amber-300"
+          elsif step[:parallel_group]
+            "bg-purple-100 dark:bg-purple-900/50 text-purple-700 dark:text-purple-300"
+          else
+            "bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300"
+          end
+        %>
+        <span class="px-3 py-1 rounded-full <%= step_bg %> text-sm font-medium">
+          <%= step[:name].to_s.titleize.truncate(20) %>
+        </span>
+      <% end %>
+
+      <svg class="w-4 h-4 text-gray-400 dark:text-gray-500 flex-shrink-0" 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 -->
+      <span class="px-3 py-1 rounded-full bg-red-100 dark:bg-red-900/50 text-red-700 dark:text-red-300 text-sm font-medium">
+        End
       </span>
-    <% end %>
-  </div>
+    </div>
 
-  <% case @workflow_type_kind %>
-  <% when "pipeline" %>
-    <%= render "ruby_llm/agents/workflows/structure_pipeline", steps: @steps || [] %>
-  <% when "parallel" %>
-    <%= render "ruby_llm/agents/workflows/structure_parallel", branches: @branches || [] %>
-  <% when "router" %>
-    <%= render "ruby_llm/agents/workflows/structure_router", routes: @routes || [] %>
-  <% else %>
-    <p class="text-gray-500 dark:text-gray-400 italic">
-      Workflow structure unavailable
+    <p class="text-center text-xs text-gray-500 dark:text-gray-400 mt-3">
+      Click "Expand" to see full diagram with details
     </p>
-  <% end %>
+  </div>
+
+  <!-- Expanded: Full Diagram -->
+  <div x-show="expanded" x-collapse>
+    <%= render "ruby_llm/agents/workflows/workflow_diagram",
+        steps: @steps || [],
+        parallel_groups: @parallel_groups || [],
+        input_schema_fields: @input_schema_fields || {},
+        lifecycle_hooks: @lifecycle_hooks || {} %>
+  </div>
 </div>
 
 <!-- Stats Grid -->
 <% success_rate = @stats[:success_rate] || 0 %>
 <% success_rate_color = success_rate >= 95 ? 'text-green-600' : success_rate >= 80 ? 'text-yellow-600' : 'text-red-600' %>
 
-<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mb-6">
+<div id="stats" class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mb-6 scroll-mt-16">
   <%= render "ruby_llm/agents/shared/stat_card",
       title: "Executions",
       value: number_with_delimiter(@stats[:count]),
@@ -167,30 +259,33 @@
       icon_color: "text-purple-500" %>
 </div>
 
-<!-- Step/Branch/Route Performance -->
+<!-- Step Performance -->
 <% if @step_stats.present? %>
-  <%= render "ruby_llm/agents/workflows/step_performance",
-      workflow_type: @workflow_type_kind,
-      step_stats: @step_stats,
-      route_distribution: @route_distribution %>
+  <div id="performance" class="scroll-mt-16">
+    <%= render "ruby_llm/agents/workflows/step_performance",
+        workflow_type: @workflow_type_kind,
+        step_stats: @step_stats %>
+  </div>
 <% end %>
 
 <!-- Charts Section -->
-<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
-  <!-- Executions Over Time -->
-  <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 overflow-hidden">
-    <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">
-      Executions (30 days)
-    </h3>
-    <div id="executions-chart" style="height: 220px;"></div>
-  </div>
+<div id="trends" class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-6 scroll-mt-16">
+  <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">
+    Trends (30 days)
+  </h3>
 
-  <!-- Cost Over Time -->
-  <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 overflow-hidden">
-    <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">
-      Cost (30 days)
-    </h3>
-    <div id="cost-chart" style="height: 220px;"></div>
+  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+    <!-- Executions Over Time -->
+    <div>
+      <h4 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-3">Executions</h4>
+      <div id="executions-chart" style="height: 200px;"></div>
+    </div>
+
+    <!-- Cost Over Time -->
+    <div>
+      <h4 class="text-sm font-medium text-gray-700 dark:text-gray-300 mb-3">Cost</h4>
+      <div id="cost-chart" style="height: 200px;"></div>
+    </div>
   </div>
 </div>
 
@@ -258,79 +353,9 @@
   </div>
 <% end %>
 
-<% if @config %>
-  <!-- Configuration -->
-  <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-6">
-    <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">
-      Configuration
-    </h3>
-
-    <!-- Basic Configuration -->
-    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">
-      Basic
-    </p>
-
-    <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
-      <div>
-        <p class="text-sm text-gray-500 dark:text-gray-400">Version</p>
-        <p class="font-medium text-gray-900 dark:text-gray-100">
-          <%= @config[:version] || 'N/A' %>
-        </p>
-      </div>
-
-      <div>
-        <p class="text-sm text-gray-500 dark:text-gray-400">Timeout</p>
-        <p class="font-medium text-gray-900 dark:text-gray-100">
-          <%= @config[:timeout] ? "#{@config[:timeout]}s" : 'N/A' %>
-        </p>
-      </div>
-
-      <div>
-        <p class="text-sm text-gray-500 dark:text-gray-400">Max Cost</p>
-        <p class="font-medium text-gray-900 dark:text-gray-100">
-          <%= @config[:max_cost] ? "$#{@config[:max_cost]}" : 'N/A' %>
-        </p>
-      </div>
-
-      <% if @workflow_type_kind == "parallel" %>
-        <div>
-          <p class="text-sm text-gray-500 dark:text-gray-400">Fail Fast</p>
-          <p class="font-medium text-gray-900 dark:text-gray-100">
-            <%= @config[:fail_fast] ? 'Yes' : 'No' %>
-          </p>
-        </div>
-      <% end %>
-    </div>
-
-    <% if @workflow_type_kind == "router" && @config[:classifier_model] %>
-      <!-- Router Settings -->
-      <div class="border-t border-gray-100 dark:border-gray-700 pt-4">
-        <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">
-          Router Settings
-        </p>
-
-        <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
-          <div>
-            <p class="text-sm text-gray-500 dark:text-gray-400">Classifier Model</p>
-            <p class="font-medium text-gray-900 dark:text-gray-100">
-              <%= @config[:classifier_model] %>
-            </p>
-          </div>
-
-          <div>
-            <p class="text-sm text-gray-500 dark:text-gray-400">Temperature</p>
-            <p class="font-medium text-gray-900 dark:text-gray-100">
-              <%= @config[:classifier_temperature] || 0.0 %>
-            </p>
-          </div>
-        </div>
-      </div>
-    <% end %>
-  </div>
-<% end %>
 
 <!-- Executions -->
-<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+<div id="executions" class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 scroll-mt-16">
   <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100 mb-4">
     Executions
   </h3>

data/config/routes.rb

@@ -5,7 +5,7 @@ RubyLLM::Agents::Engine.routes.draw do
   get "chart_data", to: "dashboard#chart_data"
 
   resources :agents, only: [:index, :show]
-  resources :workflows, only: [:show]
+  resources :workflows, only: [:index, :show]
 
   resources :executions, only: [:index, :show] do
     collection do

data/lib/generators/ruby_llm_agents/agent_generator.rb

@@ -7,10 +7,9 @@ module RubyLlmAgents
   #
   # Usage:
   #   rails generate ruby_llm_agents:agent SearchIntent query:required limit:10
-  #   rails generate ruby_llm_agents:agent SearchIntent query:required --root=ai
   #
   # This will create:
-  #   - app/{root}/agents/search_intent_agent.rb
+  #   - app/agents/search_intent_agent.rb
   #
   # Parameter syntax:
   #   name           - Optional parameter
@@ -28,18 +27,9 @@ module RubyLlmAgents
                  desc: "The temperature setting (0.0-1.0)"
     class_option :cache, type: :string, default: nil,
                  desc: "Cache TTL (e.g., '1.hour', '30.minutes')"
-    class_option :root,
-                 type: :string,
-                 default: nil,
-                 desc: "Root directory name (default: uses config or 'llm')"
-    class_option :namespace,
-                 type: :string,
-                 default: nil,
-                 desc: "Root namespace (default: camelized root or config)"
 
     def ensure_base_class_and_skill_file
-      @root_namespace = root_namespace
-      agents_dir = "app/#{root_directory}/agents"
+      agents_dir = "app/agents"
 
       # Create directory if needed
       empty_directory agents_dir
@@ -58,17 +48,15 @@ module RubyLlmAgents
     end
 
     def create_agent_file
-      # Support nested paths: "chat/support" -> "app/{root}/agents/chat/support_agent.rb"
-      # Rails' class_name handles namespacing: "chat/support" -> "Chat::Support"
-      @root_namespace = root_namespace
+      # Support nested paths: "chat/support" -> "app/agents/chat/support_agent.rb"
       agent_path = name.underscore
-      template "agent.rb.tt", "app/#{root_directory}/agents/#{agent_path}_agent.rb"
+      template "agent.rb.tt", "app/agents/#{agent_path}_agent.rb"
     end
 
     def show_usage
-      # Build full class name from path (e.g., "chat/support" -> "Chat::Support")
+      # Build full class name from path (e.g., "chat/support" -> "Chat::SupportAgent")
       agent_class_name = name.split("/").map(&:camelize).join("::")
-      full_class_name = "#{root_namespace}::#{agent_class_name}Agent"
+      full_class_name = "#{agent_class_name}Agent"
       say ""
       say "Agent #{full_class_name} created!", :green
       say ""
@@ -80,24 +68,6 @@ module RubyLlmAgents
 
     private
 
-    def root_directory
-      @root_directory ||= options[:root] || RubyLLM::Agents.configuration.root_directory
-    end
-
-    def root_namespace
-      @root_namespace ||= options[:namespace] || camelize(root_directory)
-    end
-
-    def camelize(str)
-      # Handle special cases for common abbreviations
-      return "AI" if str.downcase == "ai"
-      return "ML" if str.downcase == "ml"
-      return "LLM" if str.downcase == "llm"
-
-      # Standard camelization
-      str.split(/[-_]/).map(&:capitalize).join
-    end
-
     def parsed_params
       @parsed_params ||= params.map do |param|
         name, modifier = param.split(":")