ruby_llm-agents 0.4.0 → 1.0.0.beta.1

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

@@ -0,0 +1,211 @@
+<%= render "ruby_llm/agents/shared/breadcrumbs", items: [
+  { label: "Dashboard", path: ruby_llm_agents.root_path },
+  { label: "API Configuration" }
+] %>
+
+<!-- Header -->
+<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-6">
+  <div class="flex items-start justify-between">
+    <div class="flex items-center space-x-3">
+      <div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 dark:bg-indigo-900/50 flex items-center justify-center">
+        <svg class="w-5 h-5 text-indigo-600 dark:text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
+        </svg>
+      </div>
+      <div>
+        <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">API Configuration</h1>
+        <p class="text-sm text-gray-500 dark:text-gray-400">
+          Manage API keys and connection settings for LLM providers
+        </p>
+      </div>
+    </div>
+
+    <div>
+      <%= link_to edit_api_configuration_path, class: "inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors" do %>
+        <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
+        </svg>
+        Edit Configuration
+      <% end %>
+    </div>
+  </div>
+</div>
+
+<!-- Provider Status Grid -->
+<div class="mb-6">
+  <h3 class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">Provider Status</h3>
+  <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+    <% @provider_statuses.each do |provider| %>
+      <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-4">
+        <div class="flex items-center justify-between mb-2">
+          <h4 class="font-medium text-gray-900 dark:text-gray-100"><%= provider[:name] %></h4>
+          <% if provider[:configured] %>
+            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900/50 text-green-800 dark:text-green-200">
+              Active
+            </span>
+          <% else %>
+            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400">
+              Not Set
+            </span>
+          <% end %>
+        </div>
+
+        <% if provider[:configured] %>
+          <div class="mb-2">
+            <code class="text-xs text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded font-mono">
+              <%= provider[:masked_key] %>
+            </code>
+          </div>
+          <div class="flex items-center text-xs text-gray-500 dark:text-gray-400">
+            <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
+              <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" />
+            </svg>
+            Source: <%= provider[:source].gsub("_", " ").titleize %>
+          </div>
+        <% else %>
+          <p class="text-xs text-gray-400 dark:text-gray-500">
+            Configure in settings or environment
+          </p>
+        <% end %>
+
+        <% if provider[:capabilities].present? %>
+          <div class="mt-2 flex flex-wrap gap-1">
+            <% provider[:capabilities].each do |cap| %>
+              <span class="text-xs px-1.5 py-0.5 bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 rounded">
+                <%= cap %>
+              </span>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<!-- Configuration Details -->
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+  <!-- Default Models -->
+  <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+    <h3 class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-4">Default Models</h3>
+    <div class="space-y-4">
+      <div class="flex justify-between items-center">
+        <div>
+          <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Chat Model</p>
+          <p class="text-xs text-gray-500 dark:text-gray-400">Default for chat completions</p>
+        </div>
+        <% if @resolved.default_model.present? %>
+          <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-sm"><%= @resolved.default_model %></code>
+        <% else %>
+          <span class="text-xs text-gray-400 dark:text-gray-500">Not set</span>
+        <% end %>
+      </div>
+
+      <div class="flex justify-between items-center">
+        <div>
+          <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Embedding Model</p>
+          <p class="text-xs text-gray-500 dark:text-gray-400">Default for embeddings</p>
+        </div>
+        <% if @resolved.default_embedding_model.present? %>
+          <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-sm"><%= @resolved.default_embedding_model %></code>
+        <% else %>
+          <span class="text-xs text-gray-400 dark:text-gray-500">Not set</span>
+        <% end %>
+      </div>
+
+      <div class="flex justify-between items-center">
+        <div>
+          <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Image Model</p>
+          <p class="text-xs text-gray-500 dark:text-gray-400">Default for image generation</p>
+        </div>
+        <% if @resolved.default_image_model.present? %>
+          <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-sm"><%= @resolved.default_image_model %></code>
+        <% else %>
+          <span class="text-xs text-gray-400 dark:text-gray-500">Not set</span>
+        <% end %>
+      </div>
+    </div>
+  </div>
+
+  <!-- Connection Settings -->
+  <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+    <h3 class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-4">Connection Settings</h3>
+    <div class="space-y-4">
+      <div class="flex justify-between items-center">
+        <div>
+          <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Request Timeout</p>
+          <p class="text-xs text-gray-500 dark:text-gray-400">Seconds before timing out</p>
+        </div>
+        <% if @resolved.request_timeout.present? %>
+          <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-sm"><%= @resolved.request_timeout %>s</code>
+        <% else %>
+          <span class="text-xs text-gray-400 dark:text-gray-500">Default</span>
+        <% end %>
+      </div>
+
+      <div class="flex justify-between items-center">
+        <div>
+          <p class="text-sm font-medium text-gray-900 dark:text-gray-100">Max Retries</p>
+          <p class="text-xs text-gray-500 dark:text-gray-400">Retry attempts on failure</p>
+        </div>
+        <% if @resolved.max_retries.present? %>
+          <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-sm"><%= @resolved.max_retries %></code>
+        <% else %>
+          <span class="text-xs text-gray-400 dark:text-gray-500">Default</span>
+        <% end %>
+      </div>
+
+      <div class="flex justify-between items-center">
+        <div>
+          <p class="text-sm font-medium text-gray-900 dark:text-gray-100">HTTP Proxy</p>
+          <p class="text-xs text-gray-500 dark:text-gray-400">Proxy for API requests</p>
+        </div>
+        <% if @resolved.http_proxy.present? %>
+          <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-sm truncate max-w-[200px]"><%= @resolved.http_proxy %></code>
+        <% else %>
+          <span class="text-xs text-gray-400 dark:text-gray-500">None</span>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Custom Endpoints -->
+<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-6">
+  <h3 class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-4">Custom Endpoints</h3>
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+    <% [
+      { attr: :openai_api_base, label: "OpenAI Base URL" },
+      { attr: :gemini_api_base, label: "Gemini Base URL" },
+      { attr: :ollama_api_base, label: "Ollama Base URL" },
+      { attr: :gpustack_api_base, label: "GPUStack Base URL" },
+      { attr: :xai_api_base, label: "xAI Base URL" }
+    ].each do |endpoint| %>
+      <div class="flex justify-between items-center">
+        <p class="text-sm font-medium text-gray-900 dark:text-gray-100"><%= endpoint[:label] %></p>
+        <% value = @resolved.send(endpoint[:attr]) %>
+        <% if value.present? %>
+          <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-xs truncate max-w-[250px]"><%= value %></code>
+        <% else %>
+          <span class="text-xs text-gray-400 dark:text-gray-500">Default</span>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<!-- Security Notice -->
+<div class="bg-amber-50 dark:bg-amber-900/20 rounded-lg p-4 border border-amber-200 dark:border-amber-800">
+  <div class="flex">
+    <svg class="w-5 h-5 text-amber-400 mr-3 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
+      <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/>
+    </svg>
+    <div>
+      <h4 class="text-sm font-medium text-amber-800 dark:text-amber-200">Security Note</h4>
+      <p class="text-sm text-amber-700 dark:text-amber-300 mt-1">
+        API keys stored in the database are encrypted at rest using Rails encrypted attributes.
+        For highest security, consider using environment variables for production deployments.
+        Database-stored keys are useful for multi-tenant configurations or dynamic key management.
+      </p>
+    </div>
+  </div>
+</div>

data/app/views/ruby_llm/agents/api_configurations/tenant.html.erb

@@ -0,0 +1,179 @@
+<%= render "ruby_llm/agents/shared/breadcrumbs", items: [
+  { label: "Dashboard", path: ruby_llm_agents.root_path },
+  { label: "Tenants", path: tenants_path },
+  { label: @tenant_budget&.display_name || @tenant_id, path: @tenant_budget ? tenant_path(@tenant_budget) : nil },
+  { label: "API Configuration" }
+] %>
+
+<!-- Header -->
+<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 mb-6">
+  <div class="flex items-start justify-between">
+    <div class="flex items-center space-x-3">
+      <div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 dark:bg-indigo-900/50 flex items-center justify-center">
+        <svg class="w-5 h-5 text-indigo-600 dark:text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
+        </svg>
+      </div>
+      <div>
+        <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">
+          API Configuration
+        </h1>
+        <p class="text-sm text-gray-500 dark:text-gray-400">
+          Tenant: <span class="font-medium"><%= @tenant_budget&.display_name || @tenant_id %></span>
+        </p>
+      </div>
+      <% if @config.inherit_global_defaults %>
+        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200">
+          Inheriting Global
+        </span>
+      <% end %>
+    </div>
+
+    <div class="flex items-center space-x-3">
+      <% if @tenant_budget %>
+        <%= link_to tenant_path(@tenant_budget), class: "inline-flex items-center px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors" do %>
+          <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
+          </svg>
+          Tenant Details
+        <% end %>
+      <% end %>
+
+      <%= link_to edit_tenant_api_configuration_path(@tenant_id), class: "inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600 transition-colors" do %>
+        <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
+        </svg>
+        Edit Configuration
+      <% end %>
+    </div>
+  </div>
+</div>
+
+<!-- Provider Status Grid -->
+<div class="mb-6">
+  <h3 class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-3">Provider Status</h3>
+  <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+    <% @provider_statuses.each do |provider| %>
+      <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-4">
+        <div class="flex items-center justify-between mb-2">
+          <h4 class="font-medium text-gray-900 dark:text-gray-100"><%= provider[:name] %></h4>
+          <% if provider[:configured] %>
+            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 dark:bg-green-900/50 text-green-800 dark:text-green-200">
+              Active
+            </span>
+          <% else %>
+            <span class="inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400">
+              Not Set
+            </span>
+          <% end %>
+        </div>
+
+        <% if provider[:configured] %>
+          <div class="mb-2">
+            <code class="text-xs text-gray-600 dark:text-gray-400 bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded font-mono">
+              <%= provider[:masked_key] %>
+            </code>
+          </div>
+          <div class="flex items-center text-xs text-gray-500 dark:text-gray-400">
+            <% source = provider[:source] %>
+            <% source_class = case source
+                              when /^tenant:/ then "text-indigo-600 dark:text-indigo-400"
+                              when "global_db" then "text-blue-600 dark:text-blue-400"
+                              else "text-gray-500 dark:text-gray-400"
+                              end %>
+            <svg class="w-3 h-3 mr-1 <%= source_class %>" fill="currentColor" viewBox="0 0 20 20">
+              <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" />
+            </svg>
+            <span class="<%= source_class %>">
+              <%= case source
+                  when /^tenant:/ then "Tenant Override"
+                  when "global_db" then "Global DB"
+                  when "ruby_llm_config" then "Config File"
+                  else "Unknown"
+                  end %>
+            </span>
+          </div>
+        <% else %>
+          <p class="text-xs text-gray-400 dark:text-gray-500">
+            Not configured
+          </p>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<!-- Configuration Details -->
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-6">
+  <!-- Default Models -->
+  <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+    <h3 class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-4">Default Models</h3>
+    <div class="space-y-4">
+      <% [
+        { attr: :default_model, label: "Chat Model", desc: "Default for chat completions" },
+        { attr: :default_embedding_model, label: "Embedding Model", desc: "Default for embeddings" },
+        { attr: :default_image_model, label: "Image Model", desc: "Default for image generation" }
+      ].each do |model_info| %>
+        <div class="flex justify-between items-center">
+          <div>
+            <p class="text-sm font-medium text-gray-900 dark:text-gray-100"><%= model_info[:label] %></p>
+            <p class="text-xs text-gray-500 dark:text-gray-400"><%= model_info[:desc] %></p>
+          </div>
+          <% value = @resolved.send(model_info[:attr]) %>
+          <% source = @resolved.source_for(model_info[:attr]) %>
+          <% if value.present? %>
+            <div class="text-right">
+              <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-sm"><%= value %></code>
+              <p class="text-xs text-gray-400 dark:text-gray-500 mt-1"><%= source.gsub("_", " ").titleize %></p>
+            </div>
+          <% else %>
+            <span class="text-xs text-gray-400 dark:text-gray-500">Not set</span>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+
+  <!-- Connection Settings -->
+  <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+    <h3 class="text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-4">Connection Settings</h3>
+    <div class="space-y-4">
+      <% [
+        { attr: :request_timeout, label: "Request Timeout", suffix: "s" },
+        { attr: :max_retries, label: "Max Retries" },
+        { attr: :http_proxy, label: "HTTP Proxy" }
+      ].each do |setting| %>
+        <div class="flex justify-between items-center">
+          <p class="text-sm font-medium text-gray-900 dark:text-gray-100"><%= setting[:label] %></p>
+          <% value = @resolved.send(setting[:attr]) %>
+          <% if value.present? %>
+            <code class="bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200 px-2 py-1 rounded text-sm"><%= value %><%= setting[:suffix] %></code>
+          <% else %>
+            <span class="text-xs text-gray-400 dark:text-gray-500">Default</span>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>
+
+<!-- Inheritance Info -->
+<div class="bg-blue-50 dark:bg-blue-900/20 rounded-lg p-4 border border-blue-200 dark:border-blue-800">
+  <div class="flex">
+    <svg class="w-5 h-5 text-blue-400 mr-3 flex-shrink-0 mt-0.5" 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>
+      <h4 class="text-sm font-medium text-blue-800 dark:text-blue-200">Configuration Resolution</h4>
+      <p class="text-sm text-blue-700 dark:text-blue-300 mt-1">
+        <% if @config.inherit_global_defaults %>
+          This tenant inherits unset values from the global configuration.
+          Values shown with "Global DB" or "Config File" source will be used unless overridden.
+        <% else %>
+          This tenant does <strong>not</strong> inherit from global configuration.
+          Only values explicitly set for this tenant will be used.
+        <% end %>
+      </p>
+    </div>
+  </div>
+</div>

data/app/views/ruby_llm/agents/dashboard/_action_center.html.erb

@@ -39,7 +39,7 @@
                 </p>
               </div>
             </div>
-            <%= link_to "Adjust", ruby_llm_agents.settings_path, class: "text-xs text-red-600 dark:text-red-400 hover:underline font-medium ml-5 sm:ml-0" %>
+            <%= link_to "Adjust", ruby_llm_agents.system_config_path, class: "text-xs text-red-600 dark:text-red-400 hover:underline font-medium ml-5 sm:ml-0" %>
 
           <% when :error_spike %>
             <div class="flex items-center">