RubyGems - ruby_llm-agents - Versions diffs - 0.3.3 → 0.3.5 - Mend

ruby_llm-agents 0.3.3 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (97) hide show

data/app/views/layouts/rubyllm/agents/application.html.erb DELETED Viewed

@@ -1,626 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>RubyLLM Agents Dashboard</title>
-    <!-- Prevent flash of wrong theme - must run before any rendering -->
-    <script>
-      (function() {
-        const preference = localStorage.getItem('ruby_llm_agents_theme') || 'auto';
-        const isDark = preference === 'dark' ||
-          (preference === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches);
-        if (isDark) {
-          document.documentElement.classList.add('dark');
-        }
-      })();
-    </script>
-    <!-- Tailwind CSS via CDN -->
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script>
-      tailwind.config = {
-        darkMode: 'class'
-      }
-    </script>
-    <!-- Highcharts for charts -->
-    <script src="https://code.highcharts.com/highcharts.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/chartkick@5.0.1"></script>
-    <!-- Configure Highcharts defaults -->
-    <script>
-      Highcharts.setOptions({
-        credits: { enabled: false },
-        chart: {
-          backgroundColor: 'transparent',
-          style: { fontFamily: 'inherit' }
-        },
-        title: { text: null },
-        xAxis: {
-          labels: { style: { color: '#9CA3AF' } },
-          lineColor: 'rgba(156, 163, 175, 0.2)',
-          tickColor: 'rgba(156, 163, 175, 0.2)'
-        },
-        yAxis: {
-          labels: { style: { color: '#9CA3AF' } },
-          gridLineColor: 'rgba(156, 163, 175, 0.2)'
-        },
-        legend: {
-          itemStyle: { color: '#9CA3AF' },
-          itemHoverStyle: { color: '#D1D5DB' }
-        },
-        tooltip: {
-          backgroundColor: 'rgba(17, 24, 39, 0.9)',
-          borderColor: 'rgba(75, 85, 99, 0.5)',
-          style: { color: '#F3F4F6' }
-        }
-      });
-    </script>
-    <!-- Stimulus -->
-    <script
-      src="https://unpkg.com/@hotwired/stimulus@3.2.2/dist/stimulus.umd.js"
-    ></script>
-    <!-- Alpine.js -->
-    <script
-      defer
-      src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.3/dist/cdn.min.js"
-    ></script>
-    <style>[x-cloak] { display: none !important; }</style>
-    <!-- Auto-refresh for dashboard updates -->
-    <script>
-      (function() {
-        // Simple polling for real-time updates (5 second interval)
-        const POLL_INTERVAL = 5000
-        let pollTimer = null
-        function startPolling() {
-          if (pollTimer) return
-          // Update indicator to show polling is active
-          const indicator = document.getElementById("live-indicator")
-          if (indicator) {
-            indicator.className = "hidden sm:flex items-center text-blue-600 dark:text-blue-400"
-            indicator.innerHTML = '<span class="w-1.5 h-1.5 bg-blue-500 rounded-full mr-1 animate-pulse"></span><span class="hidden sm:inline">Auto</span>'
-          }
-          pollTimer = setInterval(() => {
-            // Dashboard page - detected by presence of activity feed
-            if (document.getElementById("activity-feed")) {
-              fetch(window.location.href, {
-                headers: { "Accept": "text/html" }
-              })
-              .then(response => response.text())
-              .then(html => {
-                const parser = new DOMParser()
-                const doc = parser.parseFromString(html, "text/html")
-                // Update activity feed
-                const newFeed = doc.getElementById("activity-feed")
-                const currentFeed = document.getElementById("activity-feed")
-                if (newFeed && currentFeed) {
-                  currentFeed.innerHTML = newFeed.innerHTML
-                }
-                // Update now strip
-                const newStrip = doc.getElementById("now-strip-values")
-                const currentStrip = document.getElementById("now-strip-values")
-                if (newStrip && currentStrip) {
-                  currentStrip.innerHTML = newStrip.innerHTML
-                }
-                // Note: Chart has its own 1-second live update built-in
-                // Update action center
-                const newActionCenter = doc.getElementById("action-center")
-                const currentActionCenter = document.getElementById("action-center")
-                if (newActionCenter && currentActionCenter) {
-                  currentActionCenter.outerHTML = newActionCenter.outerHTML
-                } else if (newActionCenter && !currentActionCenter) {
-                  // Insert action center if it appeared
-                  const main = document.querySelector("main")
-                  if (main) main.insertAdjacentHTML("afterbegin", newActionCenter.outerHTML)
-                } else if (!newActionCenter && currentActionCenter) {
-                  // Remove action center if it disappeared
-                  currentActionCenter.remove()
-                }
-              })
-              .catch(err => console.log("[RubyLLM::Agents] Poll error:", err))
-            }
-            // Execution show page - detected by presence of execution-detail element
-            const executionDetail = document.getElementById("execution-detail")
-            if (executionDetail) {
-              const currentStatus = executionDetail.dataset.status
-              // Only poll if execution is still running
-              if (currentStatus === "running") {
-                fetch(window.location.href, {
-                  headers: { "Accept": "text/html" }
-                })
-                .then(response => response.text())
-                .then(html => {
-                  const parser = new DOMParser()
-                  const doc = parser.parseFromString(html, "text/html")
-                  // Update the main content area when status changes
-                  const newContent = doc.getElementById("execution-detail")
-                  if (newContent && newContent.dataset.status !== "running") {
-                    // Execution completed - do a full content update
-                    executionDetail.outerHTML = newContent.outerHTML
-                  }
-                })
-                .catch(err => console.log("[RubyLLM::Agents] Poll error:", err))
-              }
-            }
-          }, POLL_INTERVAL)
-        }
-        function stopPolling() {
-          if (pollTimer) {
-            clearInterval(pollTimer)
-            pollTimer = null
-          }
-        }
-        // Start polling on page load
-        document.addEventListener("DOMContentLoaded", startPolling)
-        // Handle visibility changes - pause when tab is hidden
-        document.addEventListener("visibilitychange", () => {
-          if (document.hidden) {
-            stopPolling()
-          } else {
-            startPolling()
-          }
-        })
-      })()
-    </script>
-    <!-- Live Clock Script -->
-    <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',
-            second: '2-digit',
-            hour12: false
-          });
-        }
-      }
-      // Start clock on page load
-      document.addEventListener('turbo:load', function() {
-        if (window.rubyLLMAgentsClock) clearInterval(window.rubyLLMAgentsClock);
-        updateClock();
-        window.rubyLLMAgentsClock = setInterval(updateClock, 1000);
-        // Handle data-href clickable rows (semantic alternative to onclick)
-        document.querySelectorAll('[data-href]').forEach(function(element) {
-          element.addEventListener('click', function(e) {
-            // Don't navigate if clicking on a link or button inside the row
-            if (e.target.closest('a, button')) return;
-            window.location = element.dataset.href;
-          });
-        });
-      });
-    </script>
-    <!-- Stimulus Controllers -->
-    <script>
-      (function() {
-        // Initialize Stimulus immediately (works with Turbo)
-        if (!window.Stimulus) {
-          window.Stimulus = {};
-        }
-        const Stimulus = window.Stimulus;
-        // Only initialize once
-        if (!Stimulus.application) {
-          Stimulus.application = Stimulus.Application.start();
-          // Theme Controller - handles dark mode switching
-          Stimulus.application.register("theme", class extends Stimulus.Controller {
-            static targets = ["select"]
-            connect() {
-              this.mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
-              this.applyTheme(this.getPreference())
-              this.boundHandleSystemChange = this.handleSystemChange.bind(this)
-              this.mediaQuery.addEventListener('change', this.boundHandleSystemChange)
-              // Set the select value to match stored preference
-              if (this.hasSelectTarget) {
-                this.selectTarget.value = this.getPreference()
-              }
-            }
-            disconnect() {
-              this.mediaQuery.removeEventListener('change', this.boundHandleSystemChange)
-            }
-            change(event) {
-              const preference = event.target.value
-              localStorage.setItem('ruby_llm_agents_theme', preference)
-              this.applyTheme(preference)
-            }
-            getPreference() {
-              return localStorage.getItem('ruby_llm_agents_theme') || 'auto'
-            }
-            applyTheme(preference) {
-              const isDark = preference === 'dark' ||
-                (preference === 'auto' && this.mediaQuery.matches)
-              document.documentElement.classList.toggle('dark', isDark)
-            }
-            handleSystemChange() {
-              if (this.getPreference() === 'auto') {
-                this.applyTheme('auto')
-              }
-            }
-          });
-          console.log('[RubyLLM::Agents] Stimulus initialized');
-        }
-      })();
-    </script>
-    <style>
-    /* Custom styles for the dashboard */
-    .stat-card {
-      @apply bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 p-4 transition-shadow;
-    }
-    .stat-card:hover {
-      @apply shadow-md;
-    }
-    .stat-value {
-      @apply text-2xl font-bold text-gray-900 dark:text-gray-100 mt-2;
-    }
-    @media (min-width: 1024px) {
-      .stat-value {
-        font-size: 1.5rem;
-      }
-    }
-    .stat-label {
-      @apply text-xs text-gray-500 dark:text-gray-400 uppercase tracking-wide font-medium;
-    }
-    .chart-card {
-      @apply bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-100 dark:border-gray-700 p-6;
-    }
-    .nav-link {
-      @apply px-4 py-2 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors;
-    }
-    .nav-link.active {
-      @apply bg-blue-50 dark:bg-blue-900 text-blue-700 dark:text-blue-300;
-    }
-    .badge {
-      @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
-    }
-    .badge-running {
-      @apply bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200;
-    }
-    .badge-success {
-      @apply bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200;
-    }
-    .badge-error {
-      @apply bg-red-100 dark:bg-red-900 text-red-800 dark:text-red-200;
-    }
-    .badge-timeout {
-      @apply bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200;
-    }
-    .badge-cyan {
-      @apply bg-cyan-100 dark:bg-cyan-900/50 text-cyan-700 dark:text-cyan-300;
-    }
-    .badge-purple {
-      @apply bg-purple-100 dark:bg-purple-900/50 text-purple-700 dark:text-purple-300;
-    }
-    .badge-orange {
-      @apply bg-orange-100 dark:bg-orange-900/50 text-orange-700 dark:text-orange-300;
-    }
-  </style>
-  </head>
-  <body class="bg-gray-50 dark:bg-gray-900 min-h-screen flex flex-col">
-    <!-- Header -->
-    <header
-      class="
-        bg-white dark:bg-gray-800 border-b border-gray-200
-        dark:border-gray-700
-      "
-      x-data="{ mobileMenuOpen: false }"
-    >
-      <div class="max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center">
-        <div class="flex justify-between items-center w-full">
-          <div class="flex items-center space-x-8">
-            <%= link_to ruby_llm_agents.root_path, class: "flex items-center space-x-2" do %>
-              <span class="text-lg">🤖</span>
-              <span class="font-semibold text-gray-900 dark:text-gray-100">
-                RubyLLM Agents
-              </span>
-            <% end %>
-            <!-- Desktop Navigation -->
-            <nav class="hidden md:flex items-center space-x-1">
-              <%= link_to ruby_llm_agents.root_path, class: "inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md #{current_page?(ruby_llm_agents.root_path) ? 'bg-gray-200 dark:bg-gray-700 dark:text-gray-100' : 'text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700'}" do %>
-                <svg
-                  class="w-4 h-4 mr-1.5"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-                  />
-                </svg>
-                Dashboard
-              <% end %>
-              <%= link_to ruby_llm_agents.agents_path, class: "inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md #{request.path.start_with?(ruby_llm_agents.agents_path) ? 'bg-gray-200 dark:bg-gray-700 dark:text-gray-100' : 'text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700'}" do %>
-                <svg
-                  class="w-4 h-4 mr-1.5"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-                  />
-                </svg>
-                Agents
-              <% end %>
-              <%= link_to ruby_llm_agents.executions_path, class: "inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md #{current_page?(ruby_llm_agents.executions_path) ? 'bg-gray-200 dark:bg-gray-700 dark:text-gray-100' : 'text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700'}" do %>
-                <svg
-                  class="w-4 h-4 mr-1.5"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
-                  />
-                </svg>
-                Executions
-              <% end %>
-              <%= link_to ruby_llm_agents.settings_path, class: "inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md #{current_page?(ruby_llm_agents.settings_path) ? 'bg-gray-200 dark:bg-gray-700 dark:text-gray-100' : 'text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700'}" do %>
-                <svg
-                  class="w-4 h-4 mr-1.5"
-                  fill="none"
-                  stroke="currentColor"
-                  viewBox="0 0 24 24"
-                >
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-                  />
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-                  />
-                </svg>
-                Settings
-              <% end %>
-            </nav>
-          </div>
-          <div
-            class="
-              flex items-center space-x-2 text-xs text-gray-500
-              dark:text-gray-400
-            "
-          >
-            <span id="live-clock" class="tabular-nums"></span>
-            <span
-              id="live-indicator"
-              class="hidden sm:flex items-center text-blue-600 dark:text-blue-400"
-            >
-              <span class="w-1.5 h-1.5 bg-blue-500 rounded-full mr-1 animate-pulse"></span>
-              <span class="hidden sm:inline">Auto</span>
-            </span>
-            <!-- Mobile menu button -->
-            <button
-              type="button"
-              @click="mobileMenuOpen = !mobileMenuOpen"
-              :aria-expanded="mobileMenuOpen"
-              aria-controls="mobile-menu"
-              class="
-                md:hidden inline-flex items-center justify-center p-2
-                rounded-md text-gray-500 dark:text-gray-400
-                hover:text-gray-900 dark:hover:text-gray-100
-                hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none
-                focus:ring-2 focus:ring-inset focus:ring-blue-500
-              "
-            >
-              <span class="sr-only">Open main menu</span>
-              <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="M4 6h16M4 12h16M4 18h16"
-                />
-              </svg>
-            </button>
-          </div>
-        </div>
-      </div>
-      <!-- Mobile Navigation Menu -->
-      <div
-        id="mobile-menu"
-        x-show="mobileMenuOpen"
-        x-cloak
-        x-transition:enter="transition ease-out duration-200"
-        x-transition:enter-start="opacity-0 -translate-y-1"
-        x-transition:enter-end="opacity-100 translate-y-0"
-        x-transition:leave="transition ease-in duration-150"
-        x-transition:leave-start="opacity-100 translate-y-0"
-        x-transition:leave-end="opacity-0 -translate-y-1"
-        @click.outside="mobileMenuOpen = false"
-        class="
-          md:hidden border-t border-gray-200 dark:border-gray-700 bg-white
-          dark:bg-gray-800
-        "
-      >
-        <nav class="max-w-7xl mx-auto px-4 py-3 space-y-1">
-          <%= link_to ruby_llm_agents.root_path, "x-on:click": "mobileMenuOpen = false", class: "flex items-center px-3 py-2 text-base font-medium rounded-md #{current_page?(ruby_llm_agents.root_path) ? 'bg-gray-200 dark:bg-gray-700 text-gray-900 dark:text-gray-100' : 'text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700'}" do %>
-            <svg
-              class="w-5 h-5 mr-3"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-              />
-            </svg>
-            Dashboard
-          <% end %>
-          <%= link_to ruby_llm_agents.agents_path, "x-on:click": "mobileMenuOpen = false", class: "flex items-center px-3 py-2 text-base font-medium rounded-md #{request.path.start_with?(ruby_llm_agents.agents_path) ? 'bg-gray-200 dark:bg-gray-700 text-gray-900 dark:text-gray-100' : 'text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700'}" do %>
-            <svg
-              class="w-5 h-5 mr-3"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-              />
-            </svg>
-            Agents
-          <% end %>
-          <%= link_to ruby_llm_agents.executions_path, "x-on:click": "mobileMenuOpen = false", class: "flex items-center px-3 py-2 text-base font-medium rounded-md #{current_page?(ruby_llm_agents.executions_path) ? 'bg-gray-200 dark:bg-gray-700 text-gray-900 dark:text-gray-100' : 'text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700'}" do %>
-            <svg
-              class="w-5 h-5 mr-3"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
-              />
-            </svg>
-            Executions
-          <% end %>
-          <%= link_to ruby_llm_agents.settings_path, "x-on:click": "mobileMenuOpen = false", class: "flex items-center px-3 py-2 text-base font-medium rounded-md #{current_page?(ruby_llm_agents.settings_path) ? 'bg-gray-200 dark:bg-gray-700 text-gray-900 dark:text-gray-100' : 'text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100 dark:hover:bg-gray-700'}" do %>
-            <svg
-              class="w-5 h-5 mr-3"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-              />
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-              />
-            </svg>
-            Settings
-          <% end %>
-        </nav>
-      </div>
-    </header>
-    <!-- Main content -->
-    <main class="max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-8 h-full">
-      <%= yield %>
-    </main>
-    <!-- Footer -->
-    <footer
-      class="border-t bg-white dark:bg-gray-800 dark:border-gray-700 mt-auto"
-      data-controller="theme"
-    >
-      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
-        <div class="flex flex-col sm:flex-row items-center sm:justify-between gap-3 sm:gap-0">
-          <div class="flex items-center space-x-2">
-            <label
-              for="theme-select"
-              class="text-sm text-gray-500 dark:text-gray-400"
-            >
-              Theme:
-            </label>
-            <select
-              id="theme-select"
-              data-theme-target="select"
-              data-action="change->theme#change"
-              class="
-                text-sm border border-gray-300 dark:border-gray-600
-                dark:bg-gray-700 dark:text-gray-200 rounded-md shadow-sm
-                focus:ring-blue-500 focus:border-blue-500 py-1 px-2
-              "
-            >
-              <option value="light">Light</option>
-              <option value="dark">Dark</option>
-              <option value="auto">Auto</option>
-            </select>
-          </div>
-          <p class="text-sm text-gray-500 dark:text-gray-400 text-center">
-            Powered by
-            <a href="https://github.com/adham90/ruby_llm-agents" class="text-blue-600 dark:text-blue-400 hover:underline">ruby_llm-agents</a>
-          </p>
-        </div>
-      </div>
-    </footer>
-  </body>
-</html>

data/app/views/rubyllm/agents/agents/index.html.erb DELETED Viewed

@@ -1,20 +0,0 @@
-<div class="mb-6">
-  <h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100">Agents</h1>
-  <p class="text-gray-500 dark:text-gray-400 mt-1">All available agents and their execution statistics</p>
-</div>
-<% if @agents.empty? %>
-  <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-8 text-center">
-    <svg class="mx-auto h-12 w-12 text-gray-400 dark:text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
-    </svg>
-    <h3 class="mt-2 text-sm font-medium text-gray-900 dark:text-gray-100">No agents found</h3>
-    <p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Create an agent by running <code class="bg-gray-100 dark:bg-gray-700 dark:text-gray-200 px-1 rounded">rails g ruby_llm_agents:agent YourAgentName</code></p>
-  </div>
-<% else %>
-  <div class="space-y-3 sm:space-y-4">
-    <% @agents.each do |agent| %>
-      <%= render partial: "rubyllm/agents/agents/agent", locals: { agent: agent } %>
-    <% end %>
-  </div>
-<% end %>