ruby_llm-agents 0.4.0 → 1.0.0.beta.1

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

@@ -0,0 +1,76 @@
+<%
+  # Parallel workflow structure visualization
+  # Shows branches executing concurrently
+  branches = local_assigns[:branches] || []
+%>
+
+<% if branches.any? %>
+  <!-- Visual Parallel Flow -->
+  <div class="py-4">
+    <div class="flex items-stretch gap-4">
+      <!-- Parallel Symbol -->
+      <div class="flex items-center">
+        <span class="text-3xl font-light text-cyan-500 dark:text-cyan-400">⫿</span>
+      </div>
+
+      <!-- Branches Container -->
+      <div class="flex-1 border-l-4 border-cyan-300 dark:border-cyan-600 pl-4">
+        <div class="space-y-2">
+          <% branches.each do |branch| %>
+            <div class="flex items-center gap-3 py-2 px-3 rounded-lg bg-cyan-50 dark:bg-cyan-900/20 border border-cyan-200 dark:border-cyan-800 <%= branch[:optional] ? 'border-dashed' : '' %>">
+              <span class="font-semibold text-cyan-700 dark:text-cyan-300 min-w-28">
+                <%= branch[:name] %>
+              </span>
+              <span class="text-cyan-400 dark:text-cyan-500">-></span>
+              <code class="text-sm font-mono text-gray-600 dark:text-gray-400">
+                <%= branch[:agent] %>
+              </code>
+              <% if branch[:optional] %>
+                <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 ml-auto">
+                  optional
+                </span>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+
+    <p class="text-sm text-gray-500 dark:text-gray-400 mt-4 ml-12">
+      All branches execute concurrently
+    </p>
+  </div>
+
+  <!-- Branch Details Table -->
+  <div class="border-t border-gray-100 dark:border-gray-700 pt-4 mt-4">
+    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">
+      Branch Details
+    </p>
+
+    <div class="space-y-2">
+      <% branches.each_with_index do |branch, index| %>
+        <div class="flex items-center gap-3 py-2 px-3 rounded-lg bg-gray-50 dark:bg-gray-900/50">
+          <span class="w-6 h-6 flex items-center justify-center rounded-full bg-cyan-100 dark:bg-cyan-900/50 text-xs font-medium text-cyan-600 dark:text-cyan-300">
+            <%= index + 1 %>
+          </span>
+          <span class="font-medium text-gray-700 dark:text-gray-300 min-w-24">
+            <%= branch[:name] %>
+          </span>
+          <span class="text-gray-400 dark:text-gray-500 text-sm">-></span>
+          <code class="text-sm font-mono text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded">
+            <%= branch[:agent] %>
+          </code>
+          <% if branch[:optional] %>
+            <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">
+              optional
+            </span>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% else %>
+  <p class="text-gray-500 dark:text-gray-400 italic py-4">
+    No branches defined for this parallel workflow.
+  </p>
+<% end %>

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

@@ -0,0 +1,74 @@
+<%
+  # Pipeline workflow structure visualization
+  # Shows steps in sequential order with arrows between them
+  steps = local_assigns[:steps] || []
+%>
+
+<% if steps.any? %>
+  <!-- Visual Pipeline Flow -->
+  <div class="py-4 overflow-x-auto">
+    <div class="flex items-center justify-center gap-2 min-w-max px-4">
+      <% steps.each_with_index do |step, index| %>
+        <!-- Step Box -->
+        <div class="flex flex-col items-center">
+          <div class="w-28 h-16 flex flex-col items-center justify-center rounded-lg border-2 border-indigo-200 dark:border-indigo-700 bg-indigo-50 dark:bg-indigo-900/30 <%= step[:optional] ? 'border-dashed' : '' %>">
+            <span class="text-sm font-semibold text-indigo-700 dark:text-indigo-300 truncate max-w-24 px-1">
+              <%= step[:name] %>
+            </span>
+          </div>
+          <span class="text-xs text-gray-500 dark:text-gray-400 mt-1 truncate max-w-28" title="<%= step[:agent] %>">
+            <%= step[:agent]&.gsub(/Agent$/, '') %>
+          </span>
+          <% if step[:optional] %>
+            <span class="text-[10px] text-gray-400 dark:text-gray-500 italic">(optional)</span>
+          <% end %>
+        </div>
+
+        <!-- Arrow between steps -->
+        <% unless index == steps.length - 1 %>
+          <div class="flex items-center text-indigo-400 dark:text-indigo-500 -mt-6">
+            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
+            </svg>
+          </div>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+
+  <!-- Step Details Table -->
+  <div class="border-t border-gray-100 dark:border-gray-700 pt-4 mt-4">
+    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">
+      Step Details
+    </p>
+
+    <div class="space-y-2">
+      <% steps.each_with_index do |step, index| %>
+        <div class="flex items-center gap-3 py-2 px-3 rounded-lg bg-gray-50 dark:bg-gray-900/50">
+          <span class="w-6 h-6 flex items-center justify-center rounded-full bg-indigo-100 dark:bg-indigo-900/50 text-xs font-medium text-indigo-600 dark:text-indigo-300">
+            <%= index + 1 %>
+          </span>
+          <span class="font-medium text-gray-700 dark:text-gray-300 min-w-24">
+            <%= step[:name] %>
+          </span>
+          <span class="text-gray-400 dark:text-gray-500 text-sm">-></span>
+          <code class="text-sm font-mono text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded">
+            <%= step[:agent] %>
+          </code>
+          <% if step[:optional] %>
+            <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">
+              optional
+            </span>
+            <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-yellow-100 dark:bg-yellow-900/50 text-yellow-700 dark:text-yellow-300">
+              continue_on_error
+            </span>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% else %>
+  <p class="text-gray-500 dark:text-gray-400 italic py-4">
+    No steps defined for this pipeline workflow.
+  </p>
+<% end %>

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

@@ -0,0 +1,108 @@
+<%
+  # Router workflow structure visualization
+  # Shows classifier branching to different routes
+  routes = local_assigns[:routes] || []
+  default_route = routes.find { |r| r[:default] }
+%>
+
+<% if routes.any? %>
+  <!-- Visual Router Flow -->
+  <div class="py-4">
+    <div class="flex items-start gap-6">
+      <!-- Classifier Box -->
+      <div class="flex flex-col items-center">
+        <div class="w-24 h-12 flex items-center justify-center rounded-lg border-2 border-amber-300 dark:border-amber-600 bg-amber-50 dark:bg-amber-900/30">
+          <span class="text-sm font-semibold text-amber-700 dark:text-amber-300">classify</span>
+        </div>
+      </div>
+
+      <!-- Routes Fan-out -->
+      <div class="flex-1 relative">
+        <!-- Connection Lines (visual only) -->
+        <div class="absolute left-0 top-0 bottom-0 w-8 flex flex-col justify-around items-end">
+          <% routes.each do |route| %>
+            <div class="text-amber-400 dark:text-amber-500">
+              <svg class="w-6 h-4" viewBox="0 0 24 16" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M0 8 L12 8 L18 8" stroke-linecap="round"/>
+                <path d="M14 4 L18 8 L14 12" stroke-linecap="round" stroke-linejoin="round"/>
+              </svg>
+            </div>
+          <% end %>
+        </div>
+
+        <!-- Route Boxes -->
+        <div class="space-y-2 ml-10">
+          <% routes.each do |route| %>
+            <div class="flex items-center gap-3 py-2 px-3 rounded-lg bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 <%= route[:default] ? 'border-dashed' : '' %>">
+              <span class="font-semibold text-amber-700 dark:text-amber-300 min-w-24">
+                <%= route[:name] %>
+              </span>
+              <span class="text-amber-400 dark:text-amber-500">-></span>
+              <code class="text-sm font-mono text-gray-600 dark:text-gray-400">
+                <%= route[:agent] %>
+              </code>
+              <% if route[:description].present? %>
+                <span class="text-xs text-gray-500 dark:text-gray-400 italic truncate max-w-xs ml-2" title="<%= route[:description] %>">
+                  "<%= route[:description].truncate(40) %>"
+                </span>
+              <% end %>
+              <% if route[:default] %>
+                <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 ml-auto">
+                  fallback
+                </span>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Route Details Table -->
+  <div class="border-t border-gray-100 dark:border-gray-700 pt-4 mt-4">
+    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">
+      Route Details
+    </p>
+
+    <div class="space-y-2">
+      <% routes.each do |route| %>
+        <div class="flex items-start gap-3 py-2 px-3 rounded-lg bg-gray-50 dark:bg-gray-900/50">
+          <span class="w-6 h-6 flex items-center justify-center rounded-full <%= route[:default] ? 'bg-gray-200 dark:bg-gray-700' : 'bg-amber-100 dark:bg-amber-900/50' %> text-xs font-medium <%= route[:default] ? 'text-gray-600 dark:text-gray-400' : 'text-amber-600 dark:text-amber-300' %> mt-0.5">
+            <% if route[:default] %>
+              *
+            <% else %>
+              <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"/>
+              </svg>
+            <% end %>
+          </span>
+          <div class="flex-1">
+            <div class="flex items-center gap-3">
+              <span class="font-medium text-gray-700 dark:text-gray-300">
+                <%= route[:name] %>
+              </span>
+              <span class="text-gray-400 dark:text-gray-500 text-sm">-></span>
+              <code class="text-sm font-mono text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded">
+                <%= route[:agent] %>
+              </code>
+              <% if route[:default] %>
+                <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">
+                  fallback route
+                </span>
+              <% end %>
+            </div>
+            <% if route[:description].present? %>
+              <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">
+                <%= route[:description] %>
+              </p>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% else %>
+  <p class="text-gray-500 dark:text-gray-400 italic py-4">
+    No routes defined for this router workflow.
+  </p>
+<% end %>