RubyGems - solid_ops - Versions diffs - 0.1.0 - Mend

solid_ops 0.1.0

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 (60) hide show

checksums.yaml +7 -0
data/.DS_Store +0 -0
data/CHANGELOG.md +5 -0
data/CODE_OF_CONDUCT.md +10 -0
data/LICENSE.txt +21 -0
data/README.md +308 -0
data/Rakefile +12 -0
data/app/assets/stylesheets/solid_ops/application.css +1 -0
data/app/controllers/solid_ops/application_controller.rb +127 -0
data/app/controllers/solid_ops/cache_entries_controller.rb +38 -0
data/app/controllers/solid_ops/channels_controller.rb +30 -0
data/app/controllers/solid_ops/dashboard_controller.rb +80 -0
data/app/controllers/solid_ops/events_controller.rb +37 -0
data/app/controllers/solid_ops/jobs_controller.rb +64 -0
data/app/controllers/solid_ops/processes_controller.rb +11 -0
data/app/controllers/solid_ops/queues_controller.rb +75 -0
data/app/controllers/solid_ops/recurring_tasks_controller.rb +11 -0
data/app/helpers/solid_ops/application_helper.rb +112 -0
data/app/jobs/solid_ops/purge_job.rb +16 -0
data/app/models/solid_ops/event.rb +34 -0
data/app/views/layouts/solid_ops/application.html.erb +118 -0
data/app/views/solid_ops/cache_entries/index.html.erb +86 -0
data/app/views/solid_ops/cache_entries/show.html.erb +153 -0
data/app/views/solid_ops/channels/index.html.erb +81 -0
data/app/views/solid_ops/channels/show.html.erb +66 -0
data/app/views/solid_ops/dashboard/cable.html.erb +98 -0
data/app/views/solid_ops/dashboard/cache.html.erb +104 -0
data/app/views/solid_ops/dashboard/index.html.erb +169 -0
data/app/views/solid_ops/dashboard/jobs.html.erb +108 -0
data/app/views/solid_ops/events/index.html.erb +98 -0
data/app/views/solid_ops/events/show.html.erb +108 -0
data/app/views/solid_ops/jobs/failed.html.erb +89 -0
data/app/views/solid_ops/jobs/running.html.erb +134 -0
data/app/views/solid_ops/jobs/show.html.erb +116 -0
data/app/views/solid_ops/processes/index.html.erb +69 -0
data/app/views/solid_ops/queues/index.html.erb +182 -0
data/app/views/solid_ops/queues/show.html.erb +121 -0
data/app/views/solid_ops/recurring_tasks/index.html.erb +64 -0
data/app/views/solid_ops/shared/_nav.html.erb +50 -0
data/app/views/solid_ops/shared/_pagination.html.erb +31 -0
data/app/views/solid_ops/shared/_time_window.html.erb +10 -0
data/app/views/solid_ops/shared/component_unavailable.html.erb +63 -0
data/config/routes.rb +49 -0
data/db/migrate/20260224000100_create_solid_ops_events.rb +31 -0
data/lib/generators/solid_ops/install/install_generator.rb +348 -0
data/lib/generators/solid_ops/install/templates/create_solid_ops_events.rb +31 -0
data/lib/generators/solid_ops/install/templates/solid_ops_initializer.rb +31 -0
data/lib/solid_ops/configuration.rb +28 -0
data/lib/solid_ops/context.rb +34 -0
data/lib/solid_ops/current.rb +10 -0
data/lib/solid_ops/engine.rb +60 -0
data/lib/solid_ops/job_extension.rb +50 -0
data/lib/solid_ops/middleware.rb +52 -0
data/lib/solid_ops/subscribers.rb +215 -0
data/lib/solid_ops/version.rb +5 -0
data/lib/solid_ops.rb +25 -0
data/lib/tasks/solid_ops.rake +32 -0
data/log/test.log +2 -0
data/sig/solid_ops.rbs +4 -0
metadata +119 -0

data/app/views/solid_ops/cache_entries/show.html.erb ADDED Viewed

@@ -0,0 +1,153 @@
+<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">Cache</p>
+      <h1 class="text-2xl font-extrabold text-gray-900 tracking-tight">Cache Entry</h1>
+      <p class="text-sm text-gray-500 mt-1 font-mono truncate max-w-lg"><%= @entry.key %></p>
+    </div>
+    <div class="flex items-center gap-3">
+      <%= form_tag(solid_ops.cache_entry_path(@entry.id), method: :delete, class: "inline") do %>
+        <button type="submit" class="inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium text-red-700 bg-red-50 border border-red-200 rounded-lg hover:bg-red-100 transition-colors ring-1 ring-inset ring-red-600/10"
+                onclick="return confirm('Delete this cache entry?')">
+          <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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>
+          Delete
+        </button>
+      <% end %>
+      <a href="<%= solid_ops.cache_entries_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>
+        Cache
+      </a>
+    </div>
+  </div>
+  <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+    <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">
+        <h3 class="text-sm font-bold text-gray-900">Entry Details</h3>
+      </div>
+      <div class="p-6">
+        <dl class="space-y-3">
+          <% details = [
+            ["Key", @entry.key],
+            ["Size", format_bytes(@entry.byte_size)],
+            ["Key Hash", @entry.key_hash],
+            ["Created", format_datetime(@entry.created_at)],
+          ]
+          details << ["Updated", format_datetime(@entry.updated_at)] if @entry.respond_to?(:updated_at)
+          details.each do |label, value| %>
+            <div class="flex items-start">
+              <dt class="w-24 flex-shrink-0 text-[11px] font-bold text-gray-400 uppercase tracking-wide pt-0.5"><%= label %></dt>
+              <dd class="font-mono text-sm text-gray-700 break-all"><%= value.presence || "—" %></dd>
+            </div>
+          <% end %>
+        </dl>
+      </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">
+        <h3 class="text-sm font-bold text-gray-900">Value Preview</h3>
+      </div>
+      <div class="p-6">
+        <%
+          raw = @entry.value.to_s
+          deserialized = nil
+          decode_method = nil
+          # Strategy 1: Use the cache store's internal deserializer on the raw blob
+          begin
+            if Rails.cache.respond_to?(:deserialize_entry, true)
+              entry_obj = Rails.cache.send(:deserialize_entry, raw)
+              if entry_obj.respond_to?(:value)
+                deserialized = entry_obj.value
+                decode_method = "cache deserializer"
+              end
+            end
+          rescue; end
+          # Strategy 2: Try Marshal.load (older Rails / Marshal coder)
+          if deserialized.nil?
+            begin
+              restored = Marshal.load(raw)
+              if restored.respond_to?(:value) && restored.is_a?(ActiveSupport::Cache::Entry)
+                deserialized = restored.value
+              else
+                deserialized = restored
+              end
+              decode_method = "Marshal"
+            rescue; end
+          end
+          # Strategy 3: Read back through the cache store by key
+          if deserialized.nil?
+            begin
+              result = Rails.cache.read(@entry.key)
+              unless result.nil?
+                deserialized = result
+                decode_method = "cache read"
+              end
+            rescue; end
+          end
+          # Strategy 4: Try raw UTF-8 string interpretation
+          if deserialized.nil?
+            begin
+              str = raw.dup.force_encoding("UTF-8")
+              if str.valid_encoding? && str.match?(/[[:print:]]/)
+                deserialized = str
+                decode_method = "raw string"
+              end
+            rescue; end
+          end
+          if !deserialized.nil?
+            display_value = begin
+              case deserialized
+              when Hash, Array
+                # Convert symbol keys to strings for JSON compatibility
+                json_safe = JSON.parse(JSON.generate(deserialized))
+                JSON.pretty_generate(json_safe)
+              when String
+                # Try to parse as JSON for pretty-printing
+                begin
+                  parsed = JSON.parse(deserialized)
+                  JSON.pretty_generate(parsed)
+                rescue
+                  deserialized
+                end
+              when Numeric, TrueClass, FalseClass
+                deserialized.to_s
+              else
+                # Use PP for complex objects — one attribute per line
+                PP.pp(deserialized, StringIO.new).string
+              end
+            rescue
+              # Last resort: pretty-print via PP or inspect
+              begin
+                PP.pp(deserialized, StringIO.new).string
+              rescue
+                deserialized.inspect
+              end
+            end
+            value_type = deserialized.class.name
+          else
+            raw_bytes = raw.bytesize
+            display_value = raw_bytes.to_s + " bytes (serialized, preview unavailable)"
+            value_type = nil
+          end
+        %>
+        <div class="flex items-center gap-2 mb-2">
+          <% if value_type %>
+            <span class="inline-flex items-center px-2 py-0.5 rounded text-[10px] font-semibold bg-blue-50 text-blue-700 ring-1 ring-inset ring-blue-700/10"><%= value_type %></span>
+          <% end %>
+          <% if decode_method %>
+            <span class="text-[10px] text-gray-400">via <%= decode_method %></span>
+          <% end %>
+        </div>
+        <pre class="bg-gray-50 rounded-lg p-4 text-xs font-mono text-gray-700 max-h-80 overflow-y-auto ring-1 ring-inset ring-gray-900/5" style="white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word;"><%= display_value.to_s.truncate(10_000) %></pre>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/solid_ops/channels/index.html.erb ADDED Viewed

@@ -0,0 +1,81 @@
+<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>
+      <h1 class="text-2xl font-extrabold text-gray-900 tracking-tight">Channel Management</h1>
+      <p class="text-sm text-gray-500 mt-1">Solid Cable &mdash; inspect channels and messages</p>
+    </div>
+    <div class="flex items-center gap-3">
+      <%= form_tag(solid_ops.trim_channels_path, method: :post, class: "inline") do %>
+        <button type="submit" class="inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium 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/10"
+                onclick="return confirm('Trim messages older than 1 hour?')">
+          <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="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
+          Trim Old Messages
+        </button>
+      <% end %>
+    </div>
+  </div>
+  <div class="grid grid-cols-2 gap-4 mb-8">
+    <div class="bg-white rounded-xl border border-gray-200 p-5 shadow-sm hover:shadow-md transition-shadow relative overflow-hidden">
+      <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-purple-400 to-purple-600"></div>
+      <p class="text-xs font-medium text-gray-500 uppercase tracking-wide">Total Messages</p>
+      <p class="text-3xl font-extrabold font-mono mt-2 text-purple-600"><%= number_with_delimiter(@total_messages) %></p>
+    </div>
+    <div class="bg-white rounded-xl border border-gray-200 p-5 shadow-sm hover:shadow-md transition-shadow relative overflow-hidden">
+      <div class="absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-gray-400 to-gray-600"></div>
+      <p class="text-xs font-medium text-gray-500 uppercase tracking-wide">Active Channels</p>
+      <p class="text-3xl font-extrabold font-mono mt-2"><%= @channels.length %></p>
+    </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 flex items-center justify-between">
+      <h2 class="text-sm font-bold text-gray-900">Channels</h2>
+      <span class="text-xs text-gray-400"><%= @channels.length %> channels</span>
+    </div>
+    <% if @channels.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="channels-table" placeholder="Filter channels…" 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="channels-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">Channel</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="num">Messages</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider" data-sort="text">Last Message</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">
+          <% @channels.each do |ch| %>
+            <tr class="hover:bg-gray-50/80 transition-colors group" style="cursor: pointer;" onclick="window.location='<%= solid_ops.channel_path(ch.channel) %>'">
+              <td class="px-6 py-3.5 font-mono text-sm text-purple-600 font-semibold"><%= ch.channel %></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-purple-50 text-purple-700 ring-1 ring-inset ring-purple-700/10">
+                  <%= ch.message_count %>
+                </span>
+              </td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-500"><%= time_ago_short(ch.last_message_at) %></td>
+              <td class="px-6 py-3.5 text-right">
+                <svg class="w-4 h-4 text-gray-300 group-hover:text-purple-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>
+    <% 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="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"/></svg>
+        </div>
+        <p class="text-sm text-gray-500 font-medium">No channels found</p>
+        <p class="text-xs text-gray-400 mt-1">Messages appear here when ActionCable broadcasts</p>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/solid_ops/channels/show.html.erb ADDED Viewed

@@ -0,0 +1,66 @@
+<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">Channels</p>
+      <h1 class="text-2xl font-extrabold text-gray-900 tracking-tight">Channel: <%= @channel %></h1>
+      <p class="text-sm text-gray-500 mt-1"><%= @messages.size %> recent messages</p>
+    </div>
+    <a href="<%= solid_ops.channels_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>
+      Channels
+    </a>
+  </div>
+  <div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden">
+    <% if @messages.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">Messages</h2>
+        <span class="text-xs text-gray-400"><%= @messages.size %> messages</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="messages-table" placeholder="Filter messages…" 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="messages-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">Created</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Payload</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-50">
+          <% @messages.each do |msg| %>
+            <tr class="hover:bg-gray-50/80 transition-colors">
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-500"><%= msg.id %></td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-500 whitespace-nowrap"><%= format_datetime(msg.created_at) %></td>
+              <td class="px-6 py-3.5">
+                <%
+                  formatted_payload = begin
+                    parsed = JSON.parse(msg.payload.to_s)
+                    JSON.pretty_generate(parsed)
+                  rescue
+                    msg.payload.to_s
+                  end
+                %>
+                <pre class="text-xs font-mono text-gray-700 max-w-2xl bg-gray-50 rounded px-2 py-1 max-h-48 overflow-y-auto ring-1 ring-inset ring-gray-900/5" style="white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word;"><%= formatted_payload %></pre>
+              </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="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
+        </div>
+        <p class="text-sm text-gray-500 font-medium">No messages in this channel</p>
+        <p class="text-xs text-gray-400 mt-1">Messages will appear when broadcasts occur</p>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/solid_ops/dashboard/cable.html.erb ADDED Viewed

@@ -0,0 +1,98 @@
+<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">Dashboard</p>
+      <h1 class="text-2xl font-extrabold text-gray-900 tracking-tight">Cable Events</h1>
+      <p class="text-sm text-gray-500 mt-1">ActionCable broadcasts observed via instrumentation</p>
+    </div>
+    <%= render "solid_ops/shared/time_window" %>
+  </div>
+  <div class="grid grid-cols-2 md:grid-cols-3 gap-4 mb-8">
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow relative overflow-hidden">
+      <div class="absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-purple-400 to-purple-600"></div>
+      <div class="p-5 pt-6">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Broadcasts</p>
+        <p class="text-3xl font-extrabold font-mono mt-2 text-purple-600"><%= number_with_delimiter(@broadcast_count) %></p>
+      </div>
+    </div>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow relative overflow-hidden">
+      <div class="absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-gray-300 to-gray-400"></div>
+      <div class="p-5 pt-6">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Avg Duration</p>
+        <p class="text-3xl font-extrabold font-mono mt-2 text-gray-900"><%= format_duration(@avg_duration) %></p>
+      </div>
+    </div>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow 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-5 pt-6">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Active Streams</p>
+        <p class="text-3xl font-extrabold font-mono mt-2 text-indigo-600"><%= @streams.length %></p>
+      </div>
+    </div>
+  </div>
+  <% if @streams.any? %>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm mb-8 overflow-hidden">
+      <div class="px-6 py-4 border-b border-gray-100">
+        <h2 class="text-sm font-bold text-gray-900">Streams by Activity</h2>
+      </div>
+      <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">Stream</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Broadcasts</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Avg Duration</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-50">
+          <% @streams.each do |s| %>
+            <tr class="hover:bg-gray-50/80 transition-colors group" style="cursor: pointer;" onclick="window.location='<%= solid_ops.events_path(event_type: 'cable.broadcast', q: s.name) %>'">
+              <td class="px-6 py-3.5 font-mono text-sm text-purple-600 font-medium"><%= s.name %></td>
+              <td class="px-6 py-3.5 font-mono text-sm font-semibold text-gray-900"><%= s.event_count %></td>
+              <td class="px-6 py-3.5 font-mono text-sm text-gray-500"><%= format_duration(s.avg_duration) %></td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
+  <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 Broadcasts</h2>
+    </div>
+    <% if @recent.any? %>
+      <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">Time</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Stream</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Duration</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Correlation</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-50">
+          <% @recent.each do |e| %>
+            <tr class="hover:bg-gray-50/80 transition-colors group" style="cursor: pointer;" onclick="window.location='<%= solid_ops.event_path(e.id) %>'">
+              <td class="px-6 py-3.5 font-mono text-xs text-blue-600 font-medium"><%= format_time(e.occurred_at) %></td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-700"><%= e.name %></td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-500"><%= format_duration(e.duration_ms) %></td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-400"><%= e.correlation_id&.first(8) %></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="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"/></svg>
+        </div>
+        <p class="text-sm text-gray-500 font-medium">No cable events in this time window</p>
+        <p class="text-xs text-gray-400 mt-1">Try selecting a larger time range above</p>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/solid_ops/dashboard/cache.html.erb ADDED Viewed

@@ -0,0 +1,104 @@
+<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">Dashboard</p>
+      <h1 class="text-2xl font-extrabold text-gray-900 tracking-tight">Cache Events</h1>
+      <p class="text-sm text-gray-500 mt-1">Cache operations observed via instrumentation</p>
+    </div>
+    <%= render "solid_ops/shared/time_window" %>
+  </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 hover:shadow-md transition-shadow relative overflow-hidden">
+      <div class="absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-gray-300 to-gray-400"></div>
+      <div class="p-5 pt-6">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Reads</p>
+        <p class="text-3xl font-extrabold font-mono mt-2 text-gray-900"><%= number_with_delimiter(@read_count) %></p>
+      </div>
+    </div>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow relative overflow-hidden">
+      <div class="absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-emerald-400 to-emerald-600"></div>
+      <div class="p-5 pt-6">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Hit Rate</p>
+        <p class="text-3xl font-extrabold font-mono mt-2 text-emerald-600"><%= @hit_rate ? "#{@hit_rate}%" : "—" %></p>
+        <p class="text-xs text-gray-400 mt-1"><%= @hit_count %> hits / <%= @miss_count %> misses</p>
+      </div>
+    </div>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow 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-5 pt-6">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Writes</p>
+        <p class="text-3xl font-extrabold font-mono mt-2 text-blue-600"><%= number_with_delimiter(@write_count) %></p>
+      </div>
+    </div>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm hover:shadow-md transition-shadow relative overflow-hidden">
+      <div class="absolute top-0 inset-x-0 h-1 bg-gradient-to-r from-orange-400 to-orange-500"></div>
+      <div class="p-5 pt-6">
+        <p class="text-xs font-semibold text-gray-500 uppercase tracking-wide">Deletes</p>
+        <p class="text-3xl font-extrabold font-mono mt-2 text-orange-600"><%= number_with_delimiter(@delete_count) %></p>
+      </div>
+    </div>
+  </div>
+  <% if @top_keys.any? %>
+    <div class="bg-white rounded-xl border border-gray-200 shadow-sm mb-8 overflow-hidden">
+      <div class="px-6 py-4 border-b border-gray-100">
+        <h2 class="text-sm font-bold text-gray-900">Top Keys by Activity</h2>
+      </div>
+      <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">Key</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Operations</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-50">
+          <% @top_keys.each do |k| %>
+            <tr class="hover:bg-gray-50/80 transition-colors group" style="cursor: pointer;" onclick="window.location='<%= solid_ops.events_path(q: k.name) %>'">
+              <td class="px-6 py-3.5 font-mono text-sm text-blue-600 font-medium"><%= k.name %></td>
+              <td class="px-6 py-3.5 font-mono text-sm font-semibold text-gray-900"><%= k.event_count %></td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% end %>
+  <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 Cache Events</h2>
+    </div>
+    <% if @recent.any? %>
+      <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">Time</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Type</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Key</th>
+            <th class="px-6 py-3 text-left text-[11px] font-bold text-gray-500 uppercase tracking-wider">Duration</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-50">
+          <% @recent.each do |e| %>
+            <tr class="hover:bg-gray-50/80 transition-colors group" style="cursor: pointer;" onclick="window.location='<%= solid_ops.event_path(e.id) %>'">
+              <td class="px-6 py-3.5 font-mono text-xs text-blue-600 font-medium"><%= format_time(e.occurred_at) %></td>
+              <td class="px-6 py-3.5"><span class="<%= event_pill_class(e.event_type) %>"><%= e.event_type %></span></td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-700"><%= e.name %></td>
+              <td class="px-6 py-3.5 font-mono text-xs text-gray-500"><%= format_duration(e.duration_ms) %></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="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/></svg>
+        </div>
+        <p class="text-sm text-gray-500 font-medium">No cache events in this time window</p>
+        <p class="text-xs text-gray-400 mt-1">Try selecting a larger time range above</p>
+      </div>
+    <% end %>
+  </div>
+</div>