ruby_llm-agents 0.5.0 → 1.0.0

data/app/views/layouts/ruby_llm/agents/application.html.erb

@@ -69,24 +69,10 @@
 
     <style>[x-cloak] { display: none !important; }</style>
 
-    <!-- Clock and clickable rows -->
+    <!-- Clickable rows -->
     <script type="module">
-      function updateClock() {
-        const clock = document.getElementById('live-clock');
-        if (clock) {
-          const now = new Date();
-          clock.textContent = now.toLocaleTimeString('en-US', {
-            hour: '2-digit',
-            minute: '2-digit',
-            hour12: false
-          });
-        }
-      }
-
       // Initialize on page load
       document.addEventListener('DOMContentLoaded', function() {
-        updateClock();
-
         // Handle data-href clickable rows (semantic alternative to onclick)
         document.querySelectorAll('[data-href]').forEach(function(element) {
           element.addEventListener('click', function(e) {
@@ -281,7 +267,7 @@
                   class="absolute right-0 mt-1 w-48 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg z-50 py-1"
                 >
                   <a
-                    href="<%= url_for(request.query_parameters.except('tenant_id').merge(tenant_id: nil)) %>"
+                    href="<%= all_tenants_url %>"
                     class="block px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-700 <%= 'bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300' if current_tenant_id.blank? %>"
                   >
                     All Tenants
@@ -299,19 +285,6 @@
               </div>
             <% end %>
 
-            <span id="live-clock" class="tabular-nums"></span>
-
-            <button
-              id="refresh-button"
-              onclick="window.location.reload()"
-              title="Refresh page"
-              class="p-1.5 rounded-md 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 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="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>
-            </button>
-
             <!-- Mobile menu button -->
             <button
               type="button"

data/app/views/ruby_llm/agents/agents/_agent.html.erb

@@ -1,4 +1,4 @@
-<%= link_to ruby_llm_agents.agent_path(ERB::Util.url_encode(agent[:name])), class: "block bg-white dark:bg-gray-800 rounded-lg shadow hover:shadow-md transition-shadow" do %>
+<%= link_to ruby_llm_agents.agent_path(ERB::Util.url_encode(agent[:name]), tab: local_assigns[:current_tab], subtab: local_assigns[:current_subtab]), class: "block bg-white dark:bg-gray-800 rounded-lg shadow hover:shadow-md transition-shadow relative z-10", data: { turbo: false }, style: "pointer-events: auto;" do %>
   <div class="p-4 sm:p-5">
     <!-- Row 1: Agent name + badge + model/timestamp -->
     <div class="flex items-center justify-between gap-2">
@@ -16,6 +16,18 @@
         <% else %>
           <span class="inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400">Deleted</span>
         <% end %>
+        <% if agent[:agent_type] && agent[:agent_type] != "agent" %>
+          <span class="inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium
+            <%= case agent[:agent_type]
+                when 'embedder' then 'bg-purple-100 dark:bg-purple-900/50 text-purple-800 dark:text-purple-300'
+                when 'moderator' then 'bg-orange-100 dark:bg-orange-900/50 text-orange-800 dark:text-orange-300'
+                when 'speaker' then 'bg-green-100 dark:bg-green-900/50 text-green-800 dark:text-green-300'
+                when 'transcriber' then 'bg-pink-100 dark:bg-pink-900/50 text-pink-800 dark:text-pink-300'
+                else ''
+                end %>">
+            <%= agent[:agent_type].capitalize %>
+          </span>
+        <% end %>
       </div>
       <!-- Desktop: model -->
       <span class="hidden sm:block text-sm text-gray-500 dark:text-gray-400"><%= agent[:model] %></span>

data/app/views/ruby_llm/agents/agents/_config_agent.html.erb

@@ -0,0 +1,235 @@
+<%# Configuration partial for Base Agent types %>
+<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">Model</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <%= config[: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[:temperature] %>
+      </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] %> seconds
+      </p>
+    </div>
+
+    <div>
+      <p class="text-sm text-gray-500 dark:text-gray-400">Cache</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:cache_enabled] %>
+          Enabled (<%= config[:cache_ttl].inspect %>)
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">Disabled</span>
+        <% end %>
+      </p>
+    </div>
+  </div>
+
+  <!-- Reliability Configuration -->
+  <% retries_config = config[:retries] || {}
+    fallback_models = Array(config[:fallback_models]).compact
+    has_retries = (retries_config[:max] || 0) > 0
+    has_fallbacks = fallback_models.any?
+    has_total_timeout = config[:total_timeout].present?
+    has_circuit_breaker = config[:circuit_breaker].present?
+    has_any_reliability = has_retries || has_fallbacks || has_total_timeout || has_circuit_breaker %>
+
+  <div class="border-t border-gray-100 dark:border-gray-700 pt-4 mb-6">
+    <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">
+      Reliability
+    </p>
+
+    <% if has_any_reliability %>
+      <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+        <!-- Retries -->
+        <div class="flex items-start gap-3 p-3 rounded-lg <%= has_retries ? 'bg-green-50 dark:bg-green-900/20' : 'bg-gray-50 dark:bg-gray-700/50' %>">
+          <div class="flex-shrink-0 mt-0.5">
+            <% if has_retries %>
+              <svg class="w-5 h-5 text-green-500" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
+              </svg>
+            <% else %>
+              <svg class="w-5 h-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
+              </svg>
+            <% end %>
+          </div>
+          <div>
+            <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Retries</p>
+            <% if has_retries %>
+              <p class="text-xs text-gray-600 dark:text-gray-400 mt-1">
+                Max: <%= retries_config[:max] %> &middot; Backoff: <%= retries_config[:backoff] %> &middot; Base: <%= retries_config[:base] %>s &middot; Max delay: <%= retries_config[:max_delay] %>s
+              </p>
+            <% else %>
+              <p class="text-xs text-gray-400 dark:text-gray-500 mt-1">Not configured</p>
+            <% end %>
+          </div>
+        </div>
+
+        <!-- Fallback Models -->
+        <div class="flex items-start gap-3 p-3 rounded-lg <%= has_fallbacks ? 'bg-green-50 dark:bg-green-900/20' : 'bg-gray-50 dark:bg-gray-700/50' %>">
+          <div class="flex-shrink-0 mt-0.5">
+            <% if has_fallbacks %>
+              <svg class="w-5 h-5 text-green-500" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
+              </svg>
+            <% else %>
+              <svg class="w-5 h-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
+              </svg>
+            <% end %>
+          </div>
+          <div>
+            <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Fallback Models</p>
+            <% if has_fallbacks %>
+              <p class="text-xs text-gray-600 dark:text-gray-400 mt-1"><%= fallback_models.join(" → ") %></p>
+            <% else %>
+              <p class="text-xs text-gray-400 dark:text-gray-500 mt-1">Not configured</p>
+            <% end %>
+          </div>
+        </div>
+
+        <!-- Total Timeout -->
+        <div class="flex items-start gap-3 p-3 rounded-lg <%= has_total_timeout ? 'bg-green-50 dark:bg-green-900/20' : 'bg-gray-50 dark:bg-gray-700/50' %>">
+          <div class="flex-shrink-0 mt-0.5">
+            <% if has_total_timeout %>
+              <svg class="w-5 h-5 text-green-500" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
+              </svg>
+            <% else %>
+              <svg class="w-5 h-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
+              </svg>
+            <% end %>
+          </div>
+          <div>
+            <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Total Timeout</p>
+            <% if has_total_timeout %>
+              <p class="text-xs text-gray-600 dark:text-gray-400 mt-1"><%= config[:total_timeout] %> seconds across all attempts</p>
+            <% else %>
+              <p class="text-xs text-gray-400 dark:text-gray-500 mt-1">Not configured</p>
+            <% end %>
+          </div>
+        </div>
+
+        <!-- Circuit Breaker -->
+        <div class="flex items-start gap-3 p-3 rounded-lg <%= has_circuit_breaker ? 'bg-green-50 dark:bg-green-900/20' : 'bg-gray-50 dark:bg-gray-700/50' %>">
+          <div class="flex-shrink-0 mt-0.5">
+            <% if has_circuit_breaker %>
+              <svg class="w-5 h-5 text-green-500" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
+              </svg>
+            <% else %>
+              <svg class="w-5 h-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
+                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/>
+              </svg>
+            <% end %>
+          </div>
+          <div>
+            <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Circuit Breaker</p>
+            <% if has_circuit_breaker %>
+              <% cb = config[:circuit_breaker] %>
+              <p class="text-xs text-gray-600 dark:text-gray-400 mt-1">
+                Opens after <%= cb[:errors] %> errors within <%= cb[:within] %>s &middot; Cooldown: <%= cb[:cooldown] %>s
+              </p>
+            <% else %>
+              <p class="text-xs text-gray-400 dark:text-gray-500 mt-1">Not configured</p>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    <% else %>
+      <p class="text-sm text-gray-400 dark:text-gray-500">No reliability features configured</p>
+    <% end %>
+  </div>
+
+  <!-- Parameters -->
+  <% if config[:params].present? && config[:params].any? %>
+    <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">
+        Parameters
+      </p>
+      <div class="space-y-2">
+        <% config[:params].each do |name, opts| %>
+          <div class="flex items-center text-sm">
+            <code class="bg-gray-100 dark:bg-gray-700 dark:text-gray-200 px-2 py-0.5 rounded font-mono">
+              <%= name %>
+            </code>
+            <% if opts[:required] %>
+              <span class="ml-2 text-xs text-red-500 dark:text-red-400 font-medium">required</span>
+            <% elsif opts[:default].present? %>
+              <span class="ml-2 text-xs text-gray-400 dark:text-gray-500">default: <%= opts[:default].inspect %></span>
+            <% else %>
+              <span class="ml-2 text-xs text-gray-400 dark:text-gray-500">optional</span>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+
+  <!-- Available Tools -->
+  <%
+    class_tools = @agent_class.respond_to?(:tools) ? (@agent_class.tools || []) : []
+    has_dynamic_tools = @agent_class.instance_methods(false).include?(:tools)
+  %>
+  <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">
+      Available Tools
+      <% if class_tools.any? %>
+        <span class="inline-flex items-center ml-2 px-1.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-300">
+          <%= class_tools.size %>
+        </span>
+      <% elsif has_dynamic_tools %>
+        <span class="inline-flex items-center ml-2 px-1.5 py-0.5 rounded-full text-xs font-medium bg-purple-100 dark:bg-purple-900/50 text-purple-800 dark:text-purple-300">
+          Dynamic
+        </span>
+      <% else %>
+        <span class="inline-flex items-center ml-2 px-1.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400">
+          0
+        </span>
+      <% end %>
+    </p>
+
+    <% if class_tools.any? %>
+      <div class="space-y-2">
+        <% class_tools.each do |tool_class| %>
+          <div class="flex items-center text-sm">
+            <code class="bg-gray-100 dark:bg-gray-700 dark:text-gray-200 px-2 py-0.5 rounded font-mono">
+              <%= tool_class.respond_to?(:tool_name) ? tool_class.tool_name : tool_class.name.demodulize %>
+            </code>
+          </div>
+        <% end %>
+      </div>
+    <% elsif has_dynamic_tools %>
+      <p class="text-sm text-purple-600 dark:text-purple-400">
+        This agent configures tools dynamically at runtime based on context.
+      </p>
+      <p class="text-xs text-gray-400 dark:text-gray-500 mt-1">
+        Tools vary per execution based on feature flags and configuration.
+      </p>
+    <% else %>
+      <p class="text-sm text-gray-400 dark:text-gray-500 italic">
+        No tools configured for this agent.
+      </p>
+    <% end %>
+  </div>
+</div>

data/app/views/ruby_llm/agents/agents/_config_embedder.html.erb

@@ -0,0 +1,70 @@
+<%# Configuration partial for Embedder types %>
+<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>
+
+  <!-- Embedding Configuration -->
+  <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">
+    Embedding Settings
+  </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">Model</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <%= config[:model] %>
+      </p>
+    </div>
+
+    <div>
+      <p class="text-sm text-gray-500 dark:text-gray-400">Dimensions</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:dimensions] %>
+          <%= config[:dimensions] %>
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">Default</span>
+        <% end %>
+      </p>
+    </div>
+
+    <div>
+      <p class="text-sm text-gray-500 dark:text-gray-400">Batch Size</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:batch_size] %>
+          <%= config[:batch_size] %> texts
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">Default</span>
+        <% end %>
+      </p>
+    </div>
+
+    <div>
+      <p class="text-sm text-gray-500 dark:text-gray-400">Cache</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:cache_enabled] %>
+          Enabled (<%= config[:cache_ttl].inspect %>)
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">Disabled</span>
+        <% end %>
+      </p>
+    </div>
+  </div>
+
+  <!-- Info Section -->
+  <div class="border-t border-gray-100 dark:border-gray-700 pt-4">
+    <div class="flex items-start gap-3 p-3 rounded-lg bg-blue-50 dark:bg-blue-900/20">
+      <div class="flex-shrink-0 mt-0.5">
+        <svg class="w-5 h-5 text-blue-500" fill="currentColor" viewBox="0 0 20 20">
+          <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"/>
+        </svg>
+      </div>
+      <div>
+        <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Embedder</p>
+        <p class="text-xs text-gray-600 dark:text-gray-400 mt-1">
+          Generates vector embeddings for text content. Use for semantic search, similarity matching, and RAG applications.
+        </p>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/ruby_llm/agents/agents/_config_image_generator.html.erb

@@ -0,0 +1,152 @@
+<%# Configuration partial for ImageGenerator types %>
+<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>
+
+  <!-- Image Generation Configuration -->
+  <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">
+    Image Generation Settings
+  </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">Model</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <%= config[:model] %>
+      </p>
+    </div>
+
+    <div>
+      <p class="text-sm text-gray-500 dark:text-gray-400">Size</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:size] %>
+          <%= config[:size] %>
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">Default</span>
+        <% end %>
+      </p>
+    </div>
+
+    <div>
+      <p class="text-sm text-gray-500 dark:text-gray-400">Quality</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:quality] %>
+          <span class="<%= config[:quality] == 'hd' ? 'text-green-600 dark:text-green-400' : '' %>">
+            <%= config[:quality].to_s.upcase %>
+          </span>
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">Standard</span>
+        <% end %>
+      </p>
+    </div>
+
+    <div>
+      <p class="text-sm text-gray-500 dark:text-gray-400">Style</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:style] %>
+          <%= config[:style].to_s.titleize %>
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">Default</span>
+        <% end %>
+      </p>
+    </div>
+  </div>
+
+  <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">Content Policy</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% policy = config[:content_policy] || :standard %>
+        <% policy_colors = {
+          none: 'text-gray-400 dark:text-gray-500',
+          standard: 'text-blue-600 dark:text-blue-400',
+          moderate: 'text-yellow-600 dark:text-yellow-400',
+          strict: 'text-green-600 dark:text-green-400'
+        } %>
+        <span class="<%= policy_colors[policy.to_sym] || 'text-gray-600' %>">
+          <%= policy.to_s.titleize %>
+        </span>
+      </p>
+    </div>
+
+    <div>
+      <p class="text-sm text-gray-500 dark:text-gray-400">Cache</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:cache_enabled] %>
+          Enabled (<%= config[:cache_ttl].inspect %>)
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">Disabled</span>
+        <% end %>
+      </p>
+    </div>
+
+    <% if config[:seed] %>
+      <div>
+        <p class="text-sm text-gray-500 dark:text-gray-400">Seed</p>
+        <p class="font-medium text-gray-900 dark:text-gray-100">
+          <%= config[:seed] %>
+        </p>
+      </div>
+    <% end %>
+
+    <% if config[:guidance_scale] %>
+      <div>
+        <p class="text-sm text-gray-500 dark:text-gray-400">Guidance Scale</p>
+        <p class="font-medium text-gray-900 dark:text-gray-100">
+          <%= config[:guidance_scale] %>
+        </p>
+      </div>
+    <% end %>
+  </div>
+
+  <% if config[:steps] %>
+    <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">Inference Steps</p>
+        <p class="font-medium text-gray-900 dark:text-gray-100">
+          <%= config[:steps] %>
+        </p>
+      </div>
+    </div>
+  <% end %>
+
+  <% if config[:template].present? %>
+    <div class="mb-6">
+      <p class="text-sm text-gray-500 dark:text-gray-400 mb-2">Prompt Template</p>
+      <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-3">
+        <code class="text-sm text-gray-700 dark:text-gray-300">
+          <%= config[:template] %>
+        </code>
+      </div>
+    </div>
+  <% end %>
+
+  <% if config[:negative_prompt].present? %>
+    <div class="mb-6">
+      <p class="text-sm text-gray-500 dark:text-gray-400 mb-2">Negative Prompt</p>
+      <div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-3">
+        <code class="text-sm text-gray-700 dark:text-gray-300">
+          <%= config[:negative_prompt] %>
+        </code>
+      </div>
+    </div>
+  <% end %>
+
+  <!-- Info Section -->
+  <div class="border-t border-gray-100 dark:border-gray-700 pt-4">
+    <div class="flex items-start gap-3 p-3 rounded-lg bg-teal-50 dark:bg-teal-900/20">
+      <div class="flex-shrink-0 mt-0.5">
+        <svg class="w-5 h-5 text-teal-500" fill="currentColor" viewBox="0 0 20 20">
+          <path fill-rule="evenodd" d="M4 3a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V5a2 2 0 00-2-2H4zm12 12H4l4-8 3 6 2-4 3 6z" clip-rule="evenodd"/>
+        </svg>
+      </div>
+      <div>
+        <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Image Generator</p>
+        <p class="text-xs text-gray-600 dark:text-gray-400 mt-1">
+          Generates images from text prompts using AI models. Supports various sizes, quality levels, and style presets.
+        </p>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/ruby_llm/agents/agents/_config_moderator.html.erb

@@ -0,0 +1,63 @@
+<%# Configuration partial for Moderator types %>
+<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>
+
+  <!-- Moderation Configuration -->
+  <p class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">
+    Moderation Settings
+  </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">Model</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <%= config[:model] %>
+      </p>
+    </div>
+
+    <div>
+      <p class="text-sm text-gray-500 dark:text-gray-400">Threshold</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:threshold] %>
+          <%= config[:threshold] %>
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">Default</span>
+        <% end %>
+      </p>
+    </div>
+
+    <div class="col-span-2">
+      <p class="text-sm text-gray-500 dark:text-gray-400">Categories</p>
+      <p class="font-medium text-gray-900 dark:text-gray-100">
+        <% if config[:categories].present? %>
+          <% config[:categories].each do |category| %>
+            <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-orange-100 dark:bg-orange-900/50 text-orange-800 dark:text-orange-300 mr-1 mb-1">
+              <%= category %>
+            </span>
+          <% end %>
+        <% else %>
+          <span class="text-gray-400 dark:text-gray-500">All categories</span>
+        <% end %>
+      </p>
+    </div>
+  </div>
+
+  <!-- Info Section -->
+  <div class="border-t border-gray-100 dark:border-gray-700 pt-4">
+    <div class="flex items-start gap-3 p-3 rounded-lg bg-orange-50 dark:bg-orange-900/20">
+      <div class="flex-shrink-0 mt-0.5">
+        <svg class="w-5 h-5 text-orange-500" fill="currentColor" viewBox="0 0 20 20">
+          <path fill-rule="evenodd" d="M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z" clip-rule="evenodd"/>
+        </svg>
+      </div>
+      <div>
+        <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Moderator</p>
+        <p class="text-xs text-gray-600 dark:text-gray-400 mt-1">
+          Checks content for policy violations including hate speech, violence, and other harmful content categories.
+        </p>
+      </div>
+    </div>
+  </div>
+</div>