solid_ops 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: c23d7cb9a0254d9ad25a6607b818be3131397965279c8b6b6fe4f61ff5a3af10
+  data.tar.gz: 51aeada8c37701a73c706576fd990365021f0e095057376adc7b496c184de99e
+SHA512:
+  metadata.gz: bbdfa855cc0f2204f46f3c90c4f6a6def166d07081098ea60390c77c5d203e8fccd02756c0af12868020ebbf5ebf902fa1d8cef356d76776198b233c350d8c5e
+  data.tar.gz: 98fdad7ca5334957a47e6bc95d06e6806841de55ccc57828809c47f53c5932dd8f0015982aa9e9364fe07f0f110db866b566bb84d30266d916bb6f9dcf14e26f

data/CHANGELOG.md

@@ -0,0 +1,5 @@
+## [Unreleased]
+
+## [0.1.0] - 2026-02-24
+
+- Initial release

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,10 @@
+# Code of Conduct
+
+"solid_ops" follows [The Ruby Community Conduct Guideline](https://www.ruby-lang.org/en/conduct) in all "collaborative space", which is defined as community communications channels (such as mailing lists, submitted patches, commit comments, etc.):
+
+* Participants will be tolerant of opposing views.
+* Participants must ensure that their language and actions are free of personal attacks and disparaging personal remarks.
+* When interpreting the words and actions of others, participants should always assume good intentions.
+* Behaviour which can be reasonably considered harassment will not be tolerated.
+
+If you have any concerns about behaviour within this project, please contact us at ["samuelmurphy15@gmail.com"](mailto:"samuelmurphy15@gmail.com").

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2026 samuel-murphy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,308 @@
+# SolidOps
+
+Rails-native observability and control plane for the **Solid Trifecta** — [Solid Queue](https://github.com/rails/solid_queue), [Solid Cache](https://github.com/rails/solid_cache), and [Solid Cable](https://github.com/rails/solid_cable).
+
+A mountable Rails engine that gives you a real-time dashboard and management UI with zero JavaScript dependencies.
+
+![Ruby](https://img.shields.io/badge/ruby-%3E%3D%203.2-red) ![Rails](https://img.shields.io/badge/rails-%3E%3D%207.1-red) ![License](https://img.shields.io/badge/license-MIT-green)
+
+## Quick Start
+
+Get SolidOps running in a fresh Rails app in under two minutes:
+
+```bash
+# 1. Add the gem
+bundle add solid_ops
+
+# 2. Run the installer (installs Solid Queue/Cache/Cable if missing)
+bin/rails generate solid_ops:install --all
+
+# 3. Update config/database.yml for multi-database (see "Database setup" below)
+
+# 4. Create databases and run migrations (safe for existing apps — never drops data)
+bin/rails db:prepare
+
+# 5. Start your app and visit the dashboard
+bin/rails server
+# → http://localhost:3000/solid_ops
+```
+
+The dashboard works immediately — enqueue a job, write to cache, or broadcast on Cable, then refresh the SolidOps dashboard to see events flowing in.
+
+## Features
+
+**Observability** — automatic event capture via ActiveSupport instrumentation:
+- Job lifecycle tracking (enqueue, perform_start, perform)
+- Cache operation monitoring (read, write, delete with hit/miss rates)
+- Cable broadcast tracking
+- Correlation IDs across request → job → cache flows
+- Configurable sampling, redaction, and retention
+
+**Queue Management** (Solid Queue):
+- Queue overview with pause/resume controls
+- Job inspection, retry, and discard
+- Failed jobs dashboard with bulk retry/discard
+- Process monitoring (workers & supervisors)
+- Recurring task browser
+
+**Cache Management** (Solid Cache):
+- Browse and search cache entries
+- Inspect individual entries
+- Delete entries or clear all
+
+**Channel Management** (Solid Cable):
+- Channel overview with message counts
+- Message inspection per channel
+- Trim old messages
+
+## Installation
+
+Add to your Gemfile:
+
+```ruby
+gem "solid_ops"
+```
+
+Run the install generator:
+
+```bash
+bundle install
+bin/rails generate solid_ops:install
+```
+
+The generator will ask if you want to install all Solid components. Say yes and it handles everything — adds the gems, runs their installers, and migrates all databases.
+
+### Install options
+
+```bash
+# Interactive — asks what you want
+bin/rails generate solid_ops:install
+
+# Install everything at once (no prompts)
+bin/rails generate solid_ops:install --all
+
+# Pick specific components
+bin/rails generate solid_ops:install --queue          # just Solid Queue
+bin/rails generate solid_ops:install --queue --cache   # Queue + Cache
+```
+
+The generator will:
+1. Create `config/initializers/solid_ops.rb` with all configuration options
+2. Mount the engine at `/solid_ops` in your routes
+3. Add selected Solid gems to your `Gemfile` and run their installers
+4. Configure `development.rb` and `test.rb` with `connects_to` for Solid Queue & Cache
+5. Configure `cable.yml` to use `solid_cable` adapter in development/test
+6. Print `database.yml` changes you need to apply (see below)
+
+### Database setup
+
+The Solid gem installers only configure `database.yml` for **production**. You need to update
+your `development` and `test` sections to use multi-database so the Solid tables have their
+own SQLite files.
+
+Replace your `development:` and `test:` sections in `config/database.yml`.
+
+**SQLite:**
+
+```yaml
+development:
+  primary:
+    <<: *default
+    database: storage/development.sqlite3
+  queue:
+    <<: *default
+    database: storage/development_queue.sqlite3
+    migrations_paths: db/queue_migrate
+  cache:
+    <<: *default
+    database: storage/development_cache.sqlite3
+    migrations_paths: db/cache_migrate
+  cable:
+    <<: *default
+    database: storage/development_cable.sqlite3
+    migrations_paths: db/cable_migrate
+```
+
+**PostgreSQL:**
+
+```yaml
+development:
+  primary:
+    <<: *default
+    database: myapp_development
+  queue:
+    <<: *default
+    database: myapp_development_queue
+    migrations_paths: db/queue_migrate
+  cache:
+    <<: *default
+    database: myapp_development_cache
+    migrations_paths: db/cache_migrate
+  cable:
+    <<: *default
+    database: myapp_development_cable
+    migrations_paths: db/cable_migrate
+```
+
+**MySQL:**
+
+```yaml
+development:
+  primary:
+    <<: *default
+    database: myapp_development
+  queue:
+    <<: *default
+    database: myapp_development_queue
+    migrations_paths: db/queue_migrate
+  cache:
+    <<: *default
+    database: myapp_development_cache
+    migrations_paths: db/cache_migrate
+  cable:
+    <<: *default
+    database: myapp_development_cable
+    migrations_paths: db/cable_migrate
+```
+
+Apply the same pattern for `test:`. Only include the `queue:`, `cache:`, and/or `cable:` entries for the components you installed.
+
+Then create and prepare all databases:
+
+```bash
+bin/rails db:prepare
+```
+
+## Configuration
+
+All options are documented in the generated initializer (`config/initializers/solid_ops.rb`):
+
+```ruby
+SolidOps.configure do |config|
+  # Enable/disable event capture
+  config.enabled = true
+
+  # Sampling rate: 1.0 = everything, 0.1 = 10%
+  config.sample_rate = 1.0
+
+  # Auto-purge events older than this
+  config.retention_period = 7.days
+
+  # Maximum metadata payload size before truncation
+  config.max_payload_bytes = 10_000
+
+  # Strip sensitive data from metadata before storage
+  config.redactor = ->(meta) { meta.except(:password, :token, :secret) }
+
+  # Multi-tenant support
+  config.tenant_resolver = ->(request) { request.subdomain }
+
+  # Track which user triggered each event
+  config.actor_resolver = ->(request) { request.env["warden"]&.user&.id }
+
+  # Restrict access to the dashboard (nil = open to all)
+  config.auth_check = ->(controller) { controller.current_user&.admin? }
+end
+```
+
+### Authentication
+
+**Important:** If no `auth_check` is configured, SolidOps logs a prominent warning at boot:
+
+```
+[SolidOps] WARNING: No auth_check configured — the dashboard is publicly accessible.
+```
+
+Use `auth_check` to restrict access:
+
+```ruby
+# Devise admin check
+config.auth_check = ->(controller) { controller.current_user&.admin? }
+
+# Basic HTTP auth
+config.auth_check = ->(controller) {
+  controller.authenticate_or_request_with_http_basic do |user, pass|
+    user == "admin" && pass == Rails.application.credentials.solid_ops_password
+  end
+}
+```
+
+### Automatic Purging
+
+Old events are not purged automatically. Set up a recurring job or cron:
+
+```ruby
+# In config/recurring.yml (Solid Queue)
+solid_ops_purge:
+  class: SolidOps::PurgeJob
+  schedule: every day at 3am
+
+# Or via rake
+# crontab: 0 3 * * * cd /app && bin/rails solid_ops:purge
+```
+
+## Production Notes
+
+- **Authentication** — configure `auth_check` in your initializer. Without it the dashboard is open to anyone who can reach the mount path. A boot-time warning is logged if unconfigured.
+- **Running jobs** — the Running Jobs page uses `COUNT(*)` for the total and caps the displayed list at 500 rows to avoid loading thousands of records into memory.
+- **Bulk operations** — `Retry All` processes failed jobs in batches of 100. `Clear All` (cache) deletes in batches of 1,000. Neither locks the table for the full duration.
+- **Availability checks** — `solid_queue_available?`, `solid_cache_available?`, and `solid_cable_available?` are memoized per-process (one schema query at boot, not per request).
+- **Event recording** — all `record_event!` calls are wrapped in `rescue` and will never crash your application. A warning is logged on failure.
+- **CSS isolation** — all styles are scoped to `.solid-ops` via Tailwind's `important` selector strategy with Preflight disabled. No global CSS leaks into your host app.
+
+## Requirements
+
+- **Ruby** >= 3.2
+- **Rails** >= 7.1
+- At least one of: `solid_queue`, `solid_cache`, `solid_cable`
+
+SolidOps gracefully handles missing Solid components — pages for unconfigured components show a clear message instead of erroring.
+
+## Routes
+
+The engine mounts at `/solid_ops` by default. Available pages:
+
+| Path | Description |
+|------|-------------|
+| `/solid_ops` | Main dashboard with event breakdown |
+| `/solid_ops/dashboard/jobs` | Job event analytics |
+| `/solid_ops/dashboard/cache` | Cache hit/miss analytics |
+| `/solid_ops/dashboard/cable` | Cable broadcast analytics |
+| `/solid_ops/events` | Event explorer with filtering |
+| `/solid_ops/queues` | Queue management (pause/resume) |
+| `/solid_ops/jobs/running` | Currently executing jobs |
+| `/solid_ops/jobs/failed` | Failed jobs (retry/discard) |
+| `/solid_ops/processes` | Active workers & supervisors |
+| `/solid_ops/recurring-tasks` | Recurring task browser |
+| `/solid_ops/cache` | Cache entry browser |
+| `/solid_ops/channels` | Cable channel browser |
+
+## Development
+
+```bash
+git clone https://github.com/h0m1c1de/solid_ops.git
+cd solid_ops
+bin/setup
+rake spec
+```
+
+### Rebuilding CSS
+
+The dashboard UI is styled with Tailwind CSS, compiled at release time into a single static stylesheet. The gem ships pre-built CSS — **no Node.js, Tailwind, or build step is needed at deploy time**.
+
+If you modify any view templates, rebuild the CSS before committing:
+
+```bash
+npm install          # first time only
+./bin/build_css      # compiles app/assets/stylesheets/solid_ops/application.css
+```
+
+Requires Node.js (for `npx tailwindcss@3`). The compiled CSS is checked into git so consumers of the gem never need Node.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/h0m1c1de/solid_ops. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](CODE_OF_CONDUCT.md).
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+require "rubocop/rake_task"
+
+RuboCop::RakeTask.new
+
+task default: %i[spec rubocop]

data/app/assets/stylesheets/solid_ops/application.css

@@ -0,0 +1 @@
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.solid-ops .absolute{position:absolute}.solid-ops .relative{position:relative}.solid-ops .sticky{position:sticky}.solid-ops .inset-x-0{left:0;right:0}.solid-ops .-left-\[25px\]{left:-25px}.solid-ops .left-0{left:0}.solid-ops .right-0{right:0}.solid-ops .top-0{top:0}.solid-ops .top-1{top:.25rem}.solid-ops .z-50{z-index:50}.solid-ops .-mx-3{margin-left:-.75rem;margin-right:-.75rem}.solid-ops .mx-auto{margin-left:auto;margin-right:auto}.solid-ops .mb-1{margin-bottom:.25rem}.solid-ops .mb-1\.5{margin-bottom:.375rem}.solid-ops .mb-2{margin-bottom:.5rem}.solid-ops .mb-3{margin-bottom:.75rem}.solid-ops .mb-4{margin-bottom:1rem}.solid-ops .mb-6{margin-bottom:1.5rem}.solid-ops .mb-8{margin-bottom:2rem}.solid-ops .ml-1{margin-left:.25rem}.solid-ops .mt-0\.5{margin-top:.125rem}.solid-ops .mt-1{margin-top:.25rem}.solid-ops .mt-1\.5{margin-top:.375rem}.solid-ops .mt-12{margin-top:3rem}.solid-ops .mt-2{margin-top:.5rem}.solid-ops .mt-4{margin-top:1rem}.solid-ops .mt-6{margin-top:1.5rem}.solid-ops .mt-8{margin-top:2rem}.solid-ops .block{display:block}.solid-ops .inline-block{display:inline-block}.solid-ops .inline{display:inline}.solid-ops .flex{display:flex}.solid-ops .inline-flex{display:inline-flex}.solid-ops .table{display:table}.solid-ops .grid{display:grid}.solid-ops .hidden{display:none}.solid-ops .h-0\.5{height:.125rem}.solid-ops .h-1{height:.25rem}.solid-ops .h-10{height:2.5rem}.solid-ops .h-14{height:3.5rem}.solid-ops .h-16{height:4rem}.solid-ops .h-2{height:.5rem}.solid-ops .h-3{height:.75rem}.solid-ops .h-3\.5{height:.875rem}.solid-ops .h-4{height:1rem}.solid-ops .h-5{height:1.25rem}.solid-ops .h-6{height:1.5rem}.solid-ops .h-7{height:1.75rem}.solid-ops .h-8{height:2rem}.solid-ops .h-full{height:100%}.solid-ops .max-h-64{max-height:16rem}.solid-ops .max-h-80{max-height:20rem}.solid-ops .min-h-\[calc\(100vh-8rem\)\]{min-height:calc(100vh - 8rem)}.solid-ops .w-10{width:2.5rem}.solid-ops .w-14{width:3.5rem}.solid-ops .w-16{width:4rem}.solid-ops .w-2{width:.5rem}.solid-ops .w-20{width:5rem}.solid-ops .w-24{width:6rem}.solid-ops .w-3{width:.75rem}.solid-ops .w-3\.5{width:.875rem}.solid-ops .w-32{width:8rem}.solid-ops .w-4{width:1rem}.solid-ops .w-5{width:1.25rem}.solid-ops .w-6{width:1.5rem}.solid-ops .w-7{width:1.75rem}.solid-ops .w-8{width:2rem}.solid-ops .w-full{width:100%}.solid-ops .min-w-\[120px\]{min-width:120px}.solid-ops .min-w-\[160px\]{min-width:160px}.solid-ops .min-w-full{min-width:100%}.solid-ops .max-w-2xl{max-width:42rem}.solid-ops .max-w-7xl{max-width:80rem}.solid-ops .max-w-lg{max-width:32rem}.solid-ops .max-w-md{max-width:28rem}.solid-ops .max-w-xs{max-width:20rem}.solid-ops .flex-1{flex:1 1 0%}.solid-ops .flex-shrink-0{flex-shrink:0}.solid-ops .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.solid-ops .animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.solid-ops .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.solid-ops .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.solid-ops .flex-wrap{flex-wrap:wrap}.solid-ops .items-start{align-items:flex-start}.solid-ops .items-end{align-items:flex-end}.solid-ops .items-center{align-items:center}.solid-ops .justify-center{justify-content:center}.solid-ops .justify-between{justify-content:space-between}.solid-ops .gap-1{gap:.25rem}.solid-ops .gap-1\.5{gap:.375rem}.solid-ops .gap-2{gap:.5rem}.solid-ops .gap-2\.5{gap:.625rem}.solid-ops .gap-3{gap:.75rem}.solid-ops .gap-4{gap:1rem}.solid-ops .gap-6{gap:1.5rem}.solid-ops :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.solid-ops :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.solid-ops :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.solid-ops :is(.divide-y>:not([hidden])~:not([hidden])){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.solid-ops :is(.divide-gray-100>:not([hidden])~:not([hidden])){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.solid-ops :is(.divide-gray-50>:not([hidden])~:not([hidden])){--tw-divide-opacity:1;border-color:rgb(249 250 251/var(--tw-divide-opacity,1))}.solid-ops .overflow-hidden{overflow:hidden}.solid-ops .overflow-x-auto{overflow-x:auto}.solid-ops .overflow-y-auto{overflow-y:auto}.solid-ops .truncate{overflow:hidden;text-overflow:ellipsis}.solid-ops .truncate,.solid-ops .whitespace-nowrap{white-space:nowrap}.solid-ops .break-all{word-break:break-all}.solid-ops .rounded{border-radius:.25rem}.solid-ops .rounded-2xl{border-radius:1rem}.solid-ops .rounded-full{border-radius:9999px}.solid-ops .rounded-lg{border-radius:.5rem}.solid-ops .rounded-md{border-radius:.375rem}.solid-ops .rounded-xl{border-radius:.75rem}.solid-ops .border{border-width:1px}.solid-ops .border-2{border-width:2px}.solid-ops .border-b{border-bottom-width:1px}.solid-ops .border-l-2{border-left-width:2px}.solid-ops .border-t{border-top-width:1px}.solid-ops .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.solid-ops .border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.solid-ops .border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.solid-ops .border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.solid-ops .border-emerald-400{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.solid-ops .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.solid-ops .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.solid-ops .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.solid-ops .border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.solid-ops .border-purple-400{--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.solid-ops .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.solid-ops .border-red-200\/50{border-color:hsla(0,96%,89%,.5)}.solid-ops .border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.solid-ops .bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.solid-ops .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.solid-ops .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.solid-ops .bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.solid-ops .bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.solid-ops .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.solid-ops .bg-blue-50\/50{background-color:rgba(239,246,255,.5)}.solid-ops .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.solid-ops .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.solid-ops .bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.solid-ops .bg-emerald-200{--tw-bg-opacity:1;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))}.solid-ops .bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.solid-ops .bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.solid-ops .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.solid-ops .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.solid-ops .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.solid-ops .bg-gray-50\/50{background-color:rgba(249,250,251,.5)}.solid-ops .bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.solid-ops .bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.solid-ops .bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.solid-ops .bg-purple-200{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.solid-ops .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.solid-ops .bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.solid-ops .bg-red-100\/50{background-color:hsla(0,93%,94%,.5)}.solid-ops .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.solid-ops .bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.solid-ops .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.solid-ops .bg-white\/15{background-color:hsla(0,0%,100%,.15)}.solid-ops .bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.solid-ops .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.solid-ops .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.solid-ops .from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,191,36,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,251,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgba(96,165,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-emerald-400{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgba(52,211,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,253,245,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgba(16,185,129,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-gray-200{--tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-gray-300{--tw-gradient-from:#d1d5db var(--tw-gradient-from-position);--tw-gradient-to:rgba(209,213,219,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-gray-400{--tw-gradient-from:#9ca3af var(--tw-gradient-from-position);--tw-gradient-to:rgba(156,163,175,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-indigo-400{--tw-gradient-from:#818cf8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(129,140,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:rgba(99,102,241,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-orange-400{--tw-gradient-from:#fb923c var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,146,60,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-red-400{--tw-gradient-from:#f87171 var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,91%,71%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgba(15,23,42,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,204,21,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.solid-ops .via-slate-800{--tw-gradient-to:rgba(30,41,59,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e293b var(--tw-gradient-via-position),var(--tw-gradient-to)}.solid-ops .to-amber-400{--tw-gradient-to:#fbbf24 var(--tw-gradient-to-position)}.solid-ops .to-amber-500{--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)}.solid-ops .to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.solid-ops .to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.solid-ops .to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.solid-ops .to-emerald-400{--tw-gradient-to:#34d399 var(--tw-gradient-to-position)}.solid-ops .to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.solid-ops .to-gray-300{--tw-gradient-to:#d1d5db var(--tw-gradient-to-position)}.solid-ops .to-gray-400{--tw-gradient-to:#9ca3af var(--tw-gradient-to-position)}.solid-ops .to-gray-500{--tw-gradient-to:#6b7280 var(--tw-gradient-to-position)}.solid-ops .to-gray-600{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)}.solid-ops .to-green-50{--tw-gradient-to:#f0fdf4 var(--tw-gradient-to-position)}.solid-ops .to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.solid-ops .to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.solid-ops .to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.solid-ops .to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.solid-ops .to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.solid-ops .to-yellow-50{--tw-gradient-to:#fefce8 var(--tw-gradient-to-position)}.solid-ops .to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.solid-ops .p-1{padding:.25rem}.solid-ops .p-4{padding:1rem}.solid-ops .p-5{padding:1.25rem}.solid-ops .p-6{padding:1.5rem}.solid-ops .px-2{padding-left:.5rem;padding-right:.5rem}.solid-ops .px-2\.5{padding-left:.625rem;padding-right:.625rem}.solid-ops .px-3{padding-left:.75rem;padding-right:.75rem}.solid-ops .px-4{padding-left:1rem;padding-right:1rem}.solid-ops .px-5{padding-left:1.25rem;padding-right:1.25rem}.solid-ops .px-6{padding-left:1.5rem;padding-right:1.5rem}.solid-ops .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.solid-ops .py-1{padding-top:.25rem;padding-bottom:.25rem}.solid-ops .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.solid-ops .py-16{padding-top:4rem;padding-bottom:4rem}.solid-ops .py-2{padding-top:.5rem;padding-bottom:.5rem}.solid-ops .py-20{padding-top:5rem;padding-bottom:5rem}.solid-ops .py-3{padding-top:.75rem;padding-bottom:.75rem}.solid-ops .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.solid-ops .py-4{padding-top:1rem;padding-bottom:1rem}.solid-ops .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.solid-ops .py-6{padding-top:1.5rem;padding-bottom:1.5rem}.solid-ops .py-8{padding-top:2rem;padding-bottom:2rem}.solid-ops .pl-6{padding-left:1.5rem}.solid-ops .pt-0\.5{padding-top:.125rem}.solid-ops .pt-5{padding-top:1.25rem}.solid-ops .pt-6{padding-top:1.5rem}.solid-ops .text-left{text-align:left}.solid-ops .text-center{text-align:center}.solid-ops .text-right{text-align:right}.solid-ops .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.solid-ops .font-sans{font-family:Inter,system-ui,-apple-system,sans-serif}.solid-ops .text-2xl{font-size:1.5rem;line-height:2rem}.solid-ops .text-3xl{font-size:1.875rem;line-height:2.25rem}.solid-ops .text-\[10px\]{font-size:10px}.solid-ops .text-\[11px\]{font-size:11px}.solid-ops .text-base{font-size:1rem;line-height:1.5rem}.solid-ops .text-sm{font-size:.875rem;line-height:1.25rem}.solid-ops .text-xl{font-size:1.25rem;line-height:1.75rem}.solid-ops .text-xs{font-size:.75rem;line-height:1rem}.solid-ops .font-bold{font-weight:700}.solid-ops .font-extrabold{font-weight:800}.solid-ops .font-medium{font-weight:500}.solid-ops .font-semibold{font-weight:600}.solid-ops .uppercase{text-transform:uppercase}.solid-ops .capitalize{text-transform:capitalize}.solid-ops .leading-relaxed{line-height:1.625}.solid-ops .tracking-tight{letter-spacing:-.025em}.solid-ops .tracking-wide{letter-spacing:.025em}.solid-ops .tracking-wider{letter-spacing:.05em}.solid-ops .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.solid-ops .text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.solid-ops .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.solid-ops .text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.solid-ops .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.solid-ops .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.solid-ops .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.solid-ops .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.solid-ops .text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.solid-ops .text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.solid-ops .text-emerald-600\/70{color:rgba(5,150,105,.7)}.solid-ops .text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.solid-ops .text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.solid-ops .text-emerald-900{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.solid-ops .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.solid-ops .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.solid-ops .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.solid-ops .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.solid-ops .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.solid-ops .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.solid-ops .text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.solid-ops .text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.solid-ops .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.solid-ops .text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.solid-ops .text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.solid-ops .text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.solid-ops .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.solid-ops .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.solid-ops .text-red-500\/80{color:rgba(239,68,68,.8)}.solid-ops .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.solid-ops .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.solid-ops .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.solid-ops .text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.solid-ops .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.solid-ops .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.solid-ops .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.solid-ops .text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.solid-ops .text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.solid-ops .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.solid-ops .opacity-0{opacity:0}.solid-ops .opacity-75{opacity:.75}.solid-ops .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.solid-ops .shadow-lg,.solid-ops .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.solid-ops .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.solid-ops .shadow-blue-500\/25{--tw-shadow-color:rgba(59,130,246,.25);--tw-shadow:var(--tw-shadow-colored)}.solid-ops .shadow-slate-900\/10{--tw-shadow-color:rgba(15,23,42,.1);--tw-shadow:var(--tw-shadow-colored)}.solid-ops .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.solid-ops .ring-1,.solid-ops .ring-4{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.solid-ops .ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.solid-ops .ring-inset{--tw-ring-inset:inset}.solid-ops .ring-amber-500\/20{--tw-ring-color:rgba(245,158,11,.2)}.solid-ops .ring-amber-600\/10{--tw-ring-color:rgba(217,119,6,.1)}.solid-ops .ring-amber-600\/20{--tw-ring-color:rgba(217,119,6,.2)}.solid-ops .ring-blue-100{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}.solid-ops .ring-blue-50{--tw-ring-opacity:1;--tw-ring-color:rgb(239 246 255/var(--tw-ring-opacity,1))}.solid-ops .ring-blue-500\/10{--tw-ring-color:rgba(59,130,246,.1)}.solid-ops .ring-blue-700\/10{--tw-ring-color:rgba(29,78,216,.1)}.solid-ops .ring-emerald-500\/10{--tw-ring-color:rgba(16,185,129,.1)}.solid-ops .ring-emerald-600\/20{--tw-ring-color:rgba(5,150,105,.2)}.solid-ops .ring-gray-200{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity,1))}.solid-ops .ring-gray-500\/10{--tw-ring-color:hsla(220,9%,46%,.1)}.solid-ops .ring-gray-900\/5{--tw-ring-color:rgba(17,24,39,.05)}.solid-ops .ring-indigo-500\/10{--tw-ring-color:rgba(99,102,241,.1)}.solid-ops .ring-indigo-700\/10{--tw-ring-color:rgba(67,56,202,.1)}.solid-ops .ring-orange-600\/20{--tw-ring-color:rgba(234,88,12,.2)}.solid-ops .ring-purple-600\/20{--tw-ring-color:rgba(147,51,234,.2)}.solid-ops .ring-purple-700\/10{--tw-ring-color:rgba(126,34,206,.1)}.solid-ops .ring-red-600\/10{--tw-ring-color:rgba(220,38,38,.1)}.solid-ops .ring-yellow-600\/20{--tw-ring-color:rgba(202,138,4,.2)}.solid-ops .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.solid-ops .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.solid-ops .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.solid-ops .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.solid-ops .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.solid-ops .duration-150{transition-duration:.15s}.solid-ops .animate-fade-in{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.solid-ops .animate-slide-in{animation:slideIn .25s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.solid-ops{*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-size:.875rem;color:#111827;background-color:#f9fafb;min-height:100vh;h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}ol,ul{list-style:none;margin:0;padding:0}canvas,img,svg,video{display:block;vertical-align:middle;max-width:100%}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}[role=button],button{cursor:pointer}button,select{text-transform:none}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1em}hr{height:0;color:inherit;border-top-width:1px}}.solid-ops ::-webkit-scrollbar{width:6px;height:6px}.solid-ops ::-webkit-scrollbar-track{background:transparent}.solid-ops ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.solid-ops ::-webkit-scrollbar-thumb:hover{background:#9ca3af}.solid-ops .hover\:border-blue-200:hover{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.solid-ops .hover\:border-emerald-200:hover{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.solid-ops .hover\:border-indigo-200:hover{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.solid-ops .hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.solid-ops .hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.solid-ops .hover\:bg-blue-50\/30:hover{background-color:rgba(239,246,255,.3)}.solid-ops .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.solid-ops .hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.solid-ops .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.solid-ops .hover\:bg-gray-50\/80:hover{background-color:rgba(249,250,251,.8)}.solid-ops .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.solid-ops .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.solid-ops .hover\:bg-red-50\/30:hover{background-color:hsla(0,86%,97%,.3)}.solid-ops .hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.solid-ops .hover\:text-blue-600:hover{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.solid-ops .hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.solid-ops .hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.solid-ops .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.solid-ops .hover\:text-purple-700:hover{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.solid-ops .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.solid-ops .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.solid-ops .hover\:shadow-md:hover,.solid-ops .hover\:shadow-sm:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.solid-ops .hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.solid-ops .focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.solid-ops .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.solid-ops .focus\:ring-blue-500\/20:focus{--tw-ring-color:rgba(59,130,246,.2)}.solid-ops :is(.group:hover .group-hover\:text-blue-500){--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.solid-ops :is(.group:hover .group-hover\:text-blue-600){--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.solid-ops :is(.group:hover .group-hover\:text-emerald-600){--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.solid-ops :is(.group:hover .group-hover\:text-indigo-600){--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.solid-ops :is(.group:hover .group-hover\:text-purple-500){--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.solid-ops :is(.group:hover .group-hover\:opacity-100){opacity:1}.solid-ops :is(.group:hover .group-hover\:shadow-blue-500\/40){--tw-shadow-color:rgba(59,130,246,.4);--tw-shadow:var(--tw-shadow-colored)}@media (min-width:640px){.solid-ops .sm\:flex{display:flex}.solid-ops .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.solid-ops .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.solid-ops .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.solid-ops .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.solid-ops .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.solid-ops .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.solid-ops .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.solid-ops .lg\:px-8{padding-left:2rem;padding-right:2rem}}

data/app/controllers/solid_ops/application_controller.rb

@@ -0,0 +1,127 @@
+# frozen_string_literal: true
+
+module SolidOps
+  class ApplicationController < ActionController::Base
+    layout "solid_ops/application"
+    helper SolidOps::ApplicationHelper
+    helper_method :solid_queue_available?, :solid_cache_available?, :solid_cable_available?,
+                  :component_diagnostics
+
+    before_action :authenticate_solid_ops!
+
+    private
+
+    def authenticate_solid_ops!
+      check = SolidOps.configuration.auth_check
+      return unless check.respond_to?(:call)
+
+      return if check.call(self)
+
+      head :unauthorized
+    end
+
+    # Server-side pagination helper — returns the paginated scope
+    # and sets @current_page, @total_pages, @total_count, @per_page
+    def paginate(scope, per_page: 25)
+      @per_page     = per_page
+      @total_count  = scope.count
+      @total_pages  = [(@total_count.to_f / @per_page).ceil, 1].max
+      @current_page = params[:page].to_i.clamp(1, @total_pages)
+      scope.offset((@current_page - 1) * @per_page).limit(@per_page)
+    end
+
+    def solid_queue_available?
+      return false unless defined?(SolidQueue)
+
+      @@_sq_available = SolidQueue::Job.table_exists? unless defined?(@@_sq_available)
+      @@_sq_available
+    rescue StandardError
+      false
+    end
+
+    def solid_cache_available?
+      return false unless defined?(SolidCache)
+
+      @@_sc_available = SolidCache::Entry.table_exists? unless defined?(@@_sc_available)
+      @@_sc_available
+    rescue StandardError
+      false
+    end
+
+    def solid_cable_available?
+      return false unless defined?(SolidCable)
+
+      @@_scb_available = SolidCable::Message.table_exists? unless defined?(@@_scb_available)
+      @@_scb_available
+    rescue StandardError
+      false
+    end
+
+    def require_solid_queue!
+      return if solid_queue_available?
+
+      render_component_unavailable(
+        name: "Solid Queue",
+        gem: "solid_queue",
+        install_command: "bin/rails solid_queue:install",
+        description: "background job processing"
+      )
+    end
+
+    def require_solid_cache!
+      return if solid_cache_available?
+
+      render_component_unavailable(
+        name: "Solid Cache",
+        gem: "solid_cache",
+        install_command: "bin/rails solid_cache:install",
+        description: "database-backed caching"
+      )
+    end
+
+    def require_solid_cable!
+      return if solid_cable_available?
+
+      render_component_unavailable(
+        name: "Solid Cable",
+        gem: "solid_cable",
+        install_command: "bin/rails solid_cable:install",
+        description: "database-backed Action Cable"
+      )
+    end
+
+    def render_component_unavailable(name:, gem:, install_command:, description:)
+      @component_name = name
+      @component_gem = gem
+      @install_command = install_command
+      @component_description = description
+      render "solid_ops/shared/component_unavailable", status: :service_unavailable
+    end
+
+    def component_diagnostics
+      @component_diagnostics ||= {
+        queue: check_component("SolidQueue", "SolidQueue::Job"),
+        cache: check_component("SolidCache", "SolidCache::Entry"),
+        cable: check_component("SolidCable", "SolidCable::Message")
+      }
+    end
+
+    def check_component(mod_name, model_name)
+      unless Object.const_defined?(mod_name)
+        return { available: false, reason: "Gem not loaded — #{mod_name.underscore} is not in Gemfile or not required" }
+      end
+
+      model = model_name.constantize
+      return { available: false, reason: "No database connection for #{model_name}" } unless model.connection
+
+      db_config = model.connection_db_config
+      db_info = "#{db_config.adapter}://#{db_config.database}"
+
+      return { available: false, reason: "Table '#{model.table_name}' not found in #{db_info} — run db:migrate" } unless model.table_exists?
+
+      { available: true, reason: "Connected to #{db_info}, table '#{model.table_name}' exists" }
+    rescue StandardError => e
+      { available: false, reason: "#{e.class}: #{e.message}" }
+    end
+  end
+end

data/app/controllers/solid_ops/cache_entries_controller.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+module SolidOps
+  class CacheEntriesController < ApplicationController
+    before_action :require_solid_cache!
+
+    def index
+      @total_entries = SolidCache::Entry.count
+      @total_bytes = begin
+        SolidCache::Entry.sum(:byte_size)
+      rescue ActiveRecord::StatementInvalid
+        nil
+      end
+
+      @entries = paginate(SolidCache::Entry.order(created_at: :desc))
+    end
+
+    def show
+      @entry = SolidCache::Entry.find(params[:id])
+    end
+
+    def destroy
+      entry = SolidCache::Entry.find(params[:id])
+      key = entry.key
+      entry.destroy
+      redirect_to cache_entries_path, notice: "Cache key '#{key}' deleted."
+    end
+
+    def clear_all
+      count = SolidCache::Entry.count
+      loop do
+        deleted = SolidCache::Entry.limit(1_000).delete_all
+        break if deleted.zero?
+      end
+      redirect_to cache_entries_path, notice: "#{count} cache entries cleared."
+    end
+  end
+end

data/app/controllers/solid_ops/channels_controller.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module SolidOps
+  class ChannelsController < ApplicationController
+    before_action :require_solid_cable!
+
+    def index
+      @total_messages = SolidCable::Message.count
+      @channels = SolidCable::Message
+                  .group(:channel)
+                  .select("channel, COUNT(*) as message_count, MAX(created_at) as last_message_at")
+                  .order(Arel.sql("COUNT(*) DESC"))
+                  .limit(100)
+    end
+
+    def show
+      @channel = params[:id]
+      @messages = SolidCable::Message
+                  .where(channel: @channel)
+                  .order(created_at: :desc)
+                  .limit(100)
+    end
+
+    def trim
+      count = SolidCable::Message.where("created_at < ?", 1.hour.ago).count
+      SolidCable::Message.where("created_at < ?", 1.hour.ago).delete_all
+      redirect_to channels_path, notice: "#{count} old messages trimmed."
+    end
+  end
+end