solid_ops 0.1.0

data/app/views/solid_ops/queues/show.html.erb

@@ -0,0 +1,121 @@
+
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 animate-fade-in">
+  <div class="flex items-center justify-between mb-8">
+    <div>
+      <p class="text-xs font-medium text-gray-400 uppercase tracking-wider mb-1">Queues</p>
+      <h1 class="text-2xl font-extrabold text-gray-900 tracking-tight">Queue: <%= @queue_name %></h1>
+      <div class="mt-2">
+        <% if @paused %>
+          <span class="<%= status_pill('paused') %>">Paused</span>
+        <% else %>
+          <span class="<%= status_pill('ready') %>">Active</span>
+        <% end %>
+      </div>
+    </div>
+    <div class="flex items-center gap-3">
+      <% if @paused %>
+        <%= form_tag(solid_ops.resume_queue_path(@queue_name), method: :post, class: "inline") do %>
+          <button type="submit" class="inline-flex items-center gap-2 px-4 py-2 text-sm font-semibold text-emerald-700 bg-emerald-50 border border-emerald-200 rounded-lg hover:bg-emerald-100 transition-colors ring-1 ring-inset ring-emerald-600/20">
+            <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="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"/></svg>
+            Resume Queue
+          </button>
+        <% end %>
+      <% else %>
+        <%= form_tag(solid_ops.pause_queue_path(@queue_name), method: :post, class: "inline") do %>
+          <button type="submit" class="inline-flex items-center gap-2 px-4 py-2 text-sm font-semibold text-amber-700 bg-amber-50 border border-amber-200 rounded-lg hover:bg-amber-100 transition-colors ring-1 ring-inset ring-amber-600/20"
+                  onclick="return confirm('Pause this queue?')">
+            <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="M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
+            Pause Queue
+          </button>
+        <% end %>
+      <% end %>
+      <a href="<%= solid_ops.queues_path %>" class="inline-flex items-center gap-1.5 px-4 py-2 text-sm text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors shadow-sm">
+        <svg class="w-3.5 h-3.5" 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>
+        All Queues
+      </a>
+    </div>
+  </div>
+
+  <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-8">
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm relative overflow-hidden">
+      <div class="absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-yellow-400 to-yellow-500"></div>
+      <div class="p-4 pt-5">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Ready</p>
+        <p class="text-2xl font-extrabold font-mono mt-1 text-yellow-600"><%= @ready_count %></p>
+      </div>
+    </div>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm relative overflow-hidden">
+      <div class="absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-indigo-400 to-indigo-600"></div>
+      <div class="p-4 pt-5">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Scheduled</p>
+        <p class="text-2xl font-extrabold font-mono mt-1 text-indigo-600"><%= @scheduled_count %></p>
+      </div>
+    </div>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm relative overflow-hidden">
+      <div class="absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-blue-400 to-blue-600"></div>
+      <div class="p-4 pt-5">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Claimed</p>
+        <p class="text-2xl font-extrabold font-mono mt-1 text-blue-600"><%= @claimed_count %></p>
+      </div>
+    </div>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm relative overflow-hidden">
+      <div class="absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-red-400 to-red-600"></div>
+      <div class="p-4 pt-5">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Failed</p>
+        <p class="text-2xl font-extrabold font-mono mt-1 text-red-600"><%= @failed_count %></p>
+      </div>
+    </div>
+  </div>
+
+  <div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
+    <div class="px-6 py-4 border-b border-gray-100">
+      <h2 class="text-sm font-bold text-gray-900">Recent Jobs in this Queue</h2>
+    </div>
+    <% if @jobs.any? %>
+      <div style="padding: 0.625rem 1rem; border-bottom: 1px solid rgb(243 244 246);">
+        <div style="position: relative; display: inline-block;">
+          <svg style="position: absolute; left: 0.625rem; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; color: #9ca3af; pointer-events: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
+          <input type="text" data-solid-search="queue-jobs-table" placeholder="Filter jobs…" style="padding: 0.375rem 0.75rem 0.375rem 2rem; font-size: 0.875rem; border: 1px solid #e5e7eb; border-radius: 0.5rem; width: 18rem; background: rgba(249,250,251,0.5);">
+        </div>
+      </div>
+      <table id="queue-jobs-table" class="min-w-full divide-y divide-gray-100">
+        <thead>
+          <tr class="bg-gray-50">
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="num">ID</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="text">Class</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="text">Status</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="num">Priority</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="text">Created</th>
+            <th class="px-6 py-3 text-right text-[11px] font-bold text-gray-500 uppercase tracking-wider">Actions</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-50">
+          <% @jobs.each do |job| %>
+            <tr class="hover:bg-gray-50/80 transition-colors group" style="cursor: pointer;" onclick="window.location='<%= solid_ops.job_path(job.id) %>'">
+              <td class="px-6 py-3.5 font-mono text-xs text-blue-600 font-medium"><%= job.id %></td>
+              <td class="px-6 py-3.5 font-mono text-sm text-gray-700"><%= job.class_name %></td>
+              <td class="px-6 py-3.5">
+                <% status = job.finished? ? "finished" : (job.failed_execution ? "failed" : (job.claimed_execution ? "claimed" : "ready")) %>
+                <span class="<%= status_pill(status) %>"><%= status %></span>
+              </td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-500"><%= job.priority || 0 %></td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-500"><%= time_ago_short(job.created_at) %></td>
+              <td class="px-6 py-3.5 text-right">
+                <svg class="w-4 h-4 text-gray-300 group-hover:text-blue-500 transition-colors inline-block" 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>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+      <%= render "solid_ops/shared/pagination", current_page: @current_page, total_pages: @total_pages, total_count: @total_count %>
+    <% else %>
+      <div class="py-20 text-center">
+        <div class="inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gray-100 mb-4">
+          <svg class="h-7 w-7 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"/></svg>
+        </div>
+        <p class="text-sm text-gray-500 font-medium">No jobs in this queue</p>
+      </div>
+    <% end %>
+  </div>
+</div>
+

data/app/views/solid_ops/recurring_tasks/index.html.erb

@@ -0,0 +1,64 @@
+
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 animate-fade-in">
+  <div class="flex items-center justify-between mb-8">
+    <div>
+      <p class="text-xs font-medium text-gray-400 uppercase tracking-wider mb-1">Queues</p>
+      <h1 class="text-2xl font-extrabold text-gray-900 tracking-tight">Recurring Tasks</h1>
+      <p class="text-sm text-gray-500 mt-1">Cron-style jobs configured in Solid Queue</p>
+    </div>
+    <a href="<%= solid_ops.queues_path %>" class="inline-flex items-center gap-1.5 px-4 py-2 text-sm text-gray-500 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors shadow-sm">
+      <svg class="w-3.5 h-3.5" 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>
+      Queues
+    </a>
+  </div>
+
+  <div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
+    <% if @tasks.any? %>
+      <div class="px-6 py-4 border-b border-gray-100 flex items-center justify-between">
+        <h2 class="text-sm font-bold text-gray-900">Scheduled Tasks</h2>
+        <span class="text-xs text-gray-400"><%= @tasks.size %> configured</span>
+      </div>
+      <div style="padding: 0.625rem 1rem; border-bottom: 1px solid rgb(243 244 246);">
+        <div style="position: relative; display: inline-block;">
+          <svg style="position: absolute; left: 0.625rem; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; color: #9ca3af; pointer-events: none;" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
+          <input type="text" data-solid-search="tasks-table" placeholder="Filter tasks…" style="padding: 0.375rem 0.75rem 0.375rem 2rem; font-size: 0.875rem; border: 1px solid #e5e7eb; border-radius: 0.5rem; width: 18rem; background: rgba(249,250,251,0.5);">
+        </div>
+      </div>
+      <table id="tasks-table" class="min-w-full divide-y divide-gray-100">
+        <thead>
+          <tr class="bg-gray-50">
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="text">Key</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="text">Class / Command</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="text">Schedule</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="text">Queue</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="num">Priority</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="text">Description</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-50">
+          <% @tasks.each do |task| %>
+            <tr class="hover:bg-gray-50/80 transition-colors">
+              <td class="px-6 py-3.5 font-mono text-sm font-semibold text-gray-900"><%= task.key %></td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-700"><%= task.class_name.presence || task.command %></td>
+              <td class="px-6 py-3.5">
+                <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[11px] font-semibold bg-indigo-50 text-indigo-700 ring-1 ring-inset ring-indigo-700/10"><%= task.schedule %></span>
+              </td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-500"><%= task.queue_name || "default" %></td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-500"><%= task.priority || 0 %></td>
+              <td class="px-6 py-3.5 text-xs text-gray-500 max-w-xs truncate"><%= task.description || "—" %></td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    <% else %>
+      <div class="py-20 text-center">
+        <div class="inline-flex items-center justify-center w-14 h-14 rounded-2xl bg-gray-100 mb-4">
+          <svg class="h-7 w-7 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
+        </div>
+        <p class="text-sm text-gray-500 font-medium">No recurring tasks configured</p>
+        <p class="text-xs text-gray-400 mt-1">Define recurring tasks in your Solid Queue configuration</p>
+      </div>
+    <% end %>
+  </div>
+</div>
+

data/app/views/solid_ops/shared/_nav.html.erb

@@ -0,0 +1,50 @@
+<nav class="sticky top-0 z-50 bg-gradient-to-r from-slate-900 via-slate-800 to-slate-900 shadow-lg shadow-slate-900/10">
+  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+    <div class="flex items-center justify-between h-14">
+      <div class="flex items-center gap-6">
+        <a href="<%= solid_ops.root_path %>" class="flex items-center gap-2.5 group">
+          <div class="w-8 h-8 rounded-lg bg-gradient-to-br from-blue-500 to-indigo-600 flex items-center justify-center shadow-lg shadow-blue-500/25 group-hover:shadow-blue-500/40 transition-shadow">
+            <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"/></svg>
+          </div>
+          <span class="font-bold text-base text-white tracking-tight">SolidOps</span>
+        </a>
+
+        <div class="hidden sm:flex items-center gap-1">
+          <%
+            nav_items = [
+              { label: "Dashboard", path: solid_ops.dashboard_path, match: [solid_ops.dashboard_path, solid_ops.root_path],
+                icon: "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" },
+            ]
+            if solid_queue_available?
+              nav_items << { label: "Queues", path: solid_ops.queues_path, match: [solid_ops.queues_path],
+                icon: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }
+              nav_items << { label: "Running", path: solid_ops.running_jobs_path, match: [solid_ops.running_jobs_path],
+                icon: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" }
+            end
+            if solid_cache_available?
+              nav_items << { label: "Cache", path: solid_ops.cache_entries_path, match: [solid_ops.cache_entries_path],
+                icon: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" }
+            end
+            if solid_cable_available?
+              nav_items << { label: "Channels", path: solid_ops.channels_path, match: [solid_ops.channels_path],
+                icon: "M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.14 0M1.394 9.393c5.857-5.858 15.355-5.858 21.213 0" }
+            end
+            nav_items << { label: "Events", path: solid_ops.events_path, match: [solid_ops.events_path],
+              icon: "M9 5H7a2 2 0 00-2 2v10a2 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 2" }
+          %>
+          <% nav_items.each do |item| %>
+            <% active = item[:match].any? { |p| current_page?(p) } %>
+            <a href="<%= item[:path] %>"
+               class="flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-all duration-150
+                      <%= active ? 'bg-white/15 text-white shadow-sm' : 'text-slate-400 hover:text-white hover:bg-white/5' %>">
+              <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="<%= item[:icon] %>"/></svg>
+              <%= item[:label] %>
+            </a>
+          <% end %>
+        </div>
+      </div>
+
+      <span class="text-[10px] text-slate-500 font-mono bg-slate-800 px-2 py-0.5 rounded-full border border-slate-700">v<%= SolidOps::VERSION %></span>
+    </div>
+  </div>
+</nav>

data/app/views/solid_ops/shared/_pagination.html.erb

@@ -0,0 +1,31 @@
+<% if total_pages > 1 %>
+  <div class="px-6 py-3 border-t border-gray-100 flex items-center justify-between bg-gray-50/50">
+    <p class="text-xs text-gray-500">
+      Page <span class="font-semibold text-gray-700"><%= current_page %></span> of
+      <span class="font-semibold text-gray-700"><%= total_pages %></span>
+      <span class="text-gray-400 ml-1">(<%= number_with_delimiter(total_count) %> total)</span>
+    </p>
+    <nav class="flex items-center gap-1">
+      <% if current_page > 1 %>
+        <a href="<%= "#{request.path}?#{request.query_parameters.merge('page' => current_page - 1).to_query}" %>"
+           class="px-2.5 py-1 text-xs font-medium text-gray-600 bg-white border border-gray-200 rounded-md hover:bg-gray-50 transition-colors">&larr; Prev</a>
+      <% end %>
+
+      <% pages_to_show(current_page, total_pages).each do |pg| %>
+        <% if pg == :gap %>
+          <span class="px-1.5 py-1 text-xs text-gray-400">&hellip;</span>
+        <% elsif pg == current_page %>
+          <span class="px-2.5 py-1 text-xs font-bold text-white bg-blue-600 rounded-md shadow-sm"><%= pg %></span>
+        <% else %>
+          <a href="<%= "#{request.path}?#{request.query_parameters.merge('page' => pg).to_query}" %>"
+             class="px-2.5 py-1 text-xs font-medium text-gray-600 bg-white border border-gray-200 rounded-md hover:bg-gray-50 transition-colors"><%= pg %></a>
+        <% end %>
+      <% end %>
+
+      <% if current_page < total_pages %>
+        <a href="<%= "#{request.path}?#{request.query_parameters.merge('page' => current_page + 1).to_query}" %>"
+           class="px-2.5 py-1 text-xs font-medium text-gray-600 bg-white border border-gray-200 rounded-md hover:bg-gray-50 transition-colors">Next &rarr;</a>
+      <% end %>
+    </nav>
+  </div>
+<% end %>

data/app/views/solid_ops/shared/_time_window.html.erb

@@ -0,0 +1,10 @@
+<% window_param = params[:window].presence || "1h" %>
+<div class="flex items-center gap-1 bg-gray-100 rounded-lg p-1">
+  <% %w[5m 15m 30m 1h 6h 24h 7d].each do |w| %>
+    <a href="<%= url_for(request.query_parameters.merge(window: w)) %>"
+       class="px-3 py-1.5 rounded-md text-xs font-medium transition-all duration-150
+              <%= window_param == w ? 'bg-white text-gray-900 shadow-sm ring-1 ring-gray-200' : 'text-gray-500 hover:text-gray-700' %>">
+      <%= w %>
+    </a>
+  <% end %>
+</div>

data/app/views/solid_ops/shared/component_unavailable.html.erb

@@ -0,0 +1,63 @@
+<% content_for :title, "#{@component_name} Not Available" %>
+
+<main class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+  <div class="text-center">
+    <div class="inline-flex items-center justify-center w-16 h-16 rounded-2xl bg-amber-50 mb-6 ring-1 ring-inset ring-amber-500/20">
+      <svg class="w-8 h-8 text-amber-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
+              d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
+      </svg>
+    </div>
+
+    <h1 class="text-xl font-extrabold text-gray-900 tracking-tight mb-2"><%= @component_name %> is not available</h1>
+    <p class="text-sm text-gray-500 mb-8">
+      <%= @component_name %> provides <%= @component_description %>.
+      It needs to be installed and configured before SolidOps can manage it.
+    </p>
+  </div>
+
+  <div class="bg-white rounded-xl border border-gray-200 shadow-sm divide-y divide-gray-100 overflow-hidden">
+    <div class="px-6 py-4 border-b border-gray-100">
+      <h2 class="text-[11px] font-bold text-gray-500 uppercase tracking-wider">Setup steps</h2>
+    </div>
+    <div class="px-6 py-5">
+      <ol class="space-y-4 text-sm">
+        <li class="flex gap-3">
+          <span class="flex-shrink-0 w-6 h-6 rounded-lg bg-blue-100 text-blue-700 flex items-center justify-center text-xs font-bold ring-1 ring-inset ring-blue-700/10">1</span>
+          <div>
+            <p class="text-gray-700 font-medium">Add the gem to your Gemfile</p>
+            <code class="mt-1.5 block bg-gray-50 rounded-lg px-3 py-2 text-xs font-mono text-gray-600 ring-1 ring-inset ring-gray-900/5">gem "<%= @component_gem %>"</code>
+          </div>
+        </li>
+        <li class="flex gap-3">
+          <span class="flex-shrink-0 w-6 h-6 rounded-lg bg-blue-100 text-blue-700 flex items-center justify-center text-xs font-bold ring-1 ring-inset ring-blue-700/10">2</span>
+          <div>
+            <p class="text-gray-700 font-medium">Install and run migrations</p>
+            <code class="mt-1.5 block bg-gray-50 rounded-lg px-3 py-2 text-xs font-mono text-gray-600 ring-1 ring-inset ring-gray-900/5">bundle install && <%= @install_command %></code>
+          </div>
+        </li>
+        <li class="flex gap-3">
+          <span class="flex-shrink-0 w-6 h-6 rounded-lg bg-blue-100 text-blue-700 flex items-center justify-center text-xs font-bold ring-1 ring-inset ring-blue-700/10">3</span>
+          <div>
+            <p class="text-gray-700 font-medium">Restart your Rails server</p>
+          </div>
+        </li>
+      </ol>
+    </div>
+
+    <div class="px-6 py-4 bg-gray-50/50">
+      <p class="text-xs text-gray-400">
+        Already installed? Make sure the database is created and migrations have been run.
+        <br>
+        <code class="font-mono text-gray-500">bin/rails db:create db:migrate</code>
+      </p>
+    </div>
+  </div>
+
+  <div class="mt-8 text-center">
+    <a href="<%= solid_ops.root_path %>" class="inline-flex items-center gap-1.5 text-xs font-medium text-blue-600 hover:text-blue-800 transition-colors">
+      <svg class="w-3.5 h-3.5" 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>
+      Back to Dashboard
+    </a>
+  </div>
+</main>

data/config/routes.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+SolidOps::Engine.routes.draw do
+  root to: "dashboard#index"
+  get "dashboard", to: "dashboard#index", as: :dashboard
+  get "dashboard/jobs", to: "dashboard#jobs", as: :dashboard_jobs
+  get "dashboard/cache", to: "dashboard#cache", as: :dashboard_cache
+  get "dashboard/cable", to: "dashboard#cable", as: :dashboard_cable
+
+  # Queue management (Solid Queue)
+  resources :queues, only: %i[index show] do
+    member do
+      post :pause
+      post :resume
+    end
+  end
+  resources :jobs, only: %i[show destroy] do
+    member do
+      post :retry
+      post :discard
+    end
+    collection do
+      get :running
+      get :failed
+      post :retry_all
+      post :discard_all
+      post :clear_finished
+    end
+  end
+  resources :recurring_tasks, only: [:index], path: "recurring-tasks"
+  resources :processes, only: [:index]
+
+  # Cache management (Solid Cache)
+  resources :cache_entries, only: %i[index show destroy], path: "cache" do
+    collection do
+      post :clear_all
+    end
+  end
+
+  # Cable management (Solid Cable)
+  resources :channels, only: %i[index show] do
+    collection do
+      post :trim
+    end
+  end
+
+  # Event explorer
+  resources :events, only: %i[index show]
+end

data/db/migrate/20260224000100_create_solid_ops_events.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+class CreateSolidOpsEvents < ActiveRecord::Migration[7.1]
+  def change
+    create_table :solid_ops_events do |t|
+      t.string :event_type, null: false
+      t.string :name, null: false
+
+      t.string :correlation_id
+      t.string :request_id
+      t.string :tenant_id
+      t.string :actor_id
+
+      t.float :duration_ms
+      t.datetime :occurred_at, null: false
+
+      t.json :metadata, null: false, default: {}
+
+      t.timestamps
+    end
+
+    add_index :solid_ops_events, :occurred_at
+    add_index :solid_ops_events, :event_type
+    add_index :solid_ops_events, :correlation_id
+    add_index :solid_ops_events, :request_id
+    add_index :solid_ops_events, :tenant_id
+    add_index :solid_ops_events, :actor_id
+    add_index :solid_ops_events, :name
+    add_index :solid_ops_events, %i[event_type occurred_at]
+  end
+end