From f5b5e06399b2aa2ecee3000f238f14fc5de4c213 Mon Sep 17 00:00:00 2001 From: Chuck Smith Date: Wed, 27 May 2026 07:48:49 -0400 Subject: [PATCH 1/2] feat: unify detail card layout and CSS across all three sections - Wrap cache entry detail in sqw-detail-card cards (matches jobs/failed_jobs) - Replace sqw-detail/sqw-detail__row with sqw-dl (one definition list class) - Replace sqw-value-pre with sqw-code-block (one code block class, 400px max-height) - Remove inline margin-top style from failed_jobs/show; use CSS sibling selector instead Co-Authored-By: Claude Sonnet 4.6 --- .../solid_stack_web/_09_detail.css | 31 ++----------------- .../cache_entries/show.html.erb | 25 +++++++-------- .../solid_stack_web/failed_jobs/show.html.erb | 2 +- 3 files changed, 15 insertions(+), 43 deletions(-) diff --git a/app/assets/stylesheets/solid_stack_web/_09_detail.css b/app/assets/stylesheets/solid_stack_web/_09_detail.css index f2463b4..608f2a8 100644 --- a/app/assets/stylesheets/solid_stack_web/_09_detail.css +++ b/app/assets/stylesheets/solid_stack_web/_09_detail.css @@ -70,20 +70,9 @@ overflow-y: auto; } -.sqw-detail { - display: grid; - grid-template-columns: auto 1fr; - gap: 0.5rem 1.5rem; - font-size: 13px; - margin-bottom: 1.5rem; -} -.sqw-detail__row { - display: contents; -} -.sqw-detail__row dt { color: var(--muted); white-space: nowrap; align-self: start; padding-top: 0.15rem; } -.sqw-detail__row dd { word-break: break-all; } - -.sqw-value-preview { margin-top: 1rem; } +.sqw-detail-card--mt, +.sqw-detail-card + .sqw-detail-card, +.sqw-detail-grid + .sqw-detail-card { margin-top: 1.5rem; } .sqw-value-preview__header { display: flex; @@ -93,20 +82,6 @@ } .sqw-value-preview__header .sqw-section-title { margin-bottom: 0; } -.sqw-value-pre { - font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; - font-size: 12px; - background: var(--bg); - border: 1px solid var(--border); - border-radius: var(--radius); - padding: 0.75rem; - overflow-x: auto; - white-space: pre-wrap; - word-break: break-word; - max-height: 500px; - overflow-y: auto; -} - .sqw-value-truncated { font-size: 12px; margin-top: 0.5rem; } .sqw-link { color: var(--primary); text-decoration: none; } diff --git a/app/views/solid_stack_web/cache_entries/show.html.erb b/app/views/solid_stack_web/cache_entries/show.html.erb index b639453..52e7f93 100644 --- a/app/views/solid_stack_web/cache_entries/show.html.erb +++ b/app/views/solid_stack_web/cache_entries/show.html.erb @@ -10,33 +10,30 @@ -
-
+
+

Details

+
Key
<%= @entry.key %>
-
-
Size
<%= number_to_human_size(@entry.byte_size) %>
-
-
Created
<%= local_time(@entry.created_at, format: :long) %>
-
-
+ + -
+
+ <% formatted = SolidStackWeb.allow_value_preview ? format_cache_value(@entry.value) : nil %>

Value

- <% if SolidStackWeb.allow_value_preview %> - <% formatted = format_cache_value(@entry.value) %> + <% if formatted %> <%= formatted[:label] %> <% end %>
- <% if SolidStackWeb.allow_value_preview %> + <% if formatted %> <% content = formatted[:content] %> <% truncated = content.length > 4096 %> - 
<%= truncated ? content[0, 4096] : content %>
+ 
<%= truncated ? content[0, 4096] : content %>
<% if truncated %>

Showing first 4 KB of <%= number_to_human_size(@entry.byte_size) %> total.

<% end %> @@ -45,4 +42,4 @@

Value preview is disabled. Set config.allow_value_preview = true in your initializer to enable.

<% end %> -
\ No newline at end of file + \ No newline at end of file diff --git a/app/views/solid_stack_web/failed_jobs/show.html.erb b/app/views/solid_stack_web/failed_jobs/show.html.erb index 349e0b2..2412b5d 100644 --- a/app/views/solid_stack_web/failed_jobs/show.html.erb +++ b/app/views/solid_stack_web/failed_jobs/show.html.erb @@ -45,7 +45,7 @@ -
+

Arguments

<%= form_with url: failed_job_arguments_path(@execution), method: :patch do |f| %> <%= f.text_area :arguments, value: @arguments, rows: 12, From 9328e4ad87a50e577445cce82b61771a1d8b4780 Mon Sep 17 00:00:00 2001 From: Chuck Smith Date: Wed, 27 May 2026 07:50:14 -0400 Subject: [PATCH 2/2] chore: update CHANGELOG and ROADMAP for UI polish Co-Authored-By: Claude Sonnet 4.6 --- CHANGELOG.md | 4 ++++ ROADMAP.md | 1 - 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 35e9dac..760cada 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] +### Changed + +- Unify detail page layout across all three sections — cache entry detail now uses the same card-based layout as job and failed job detail pages; consolidate `sqw-detail`/`sqw-value-pre` CSS into the shared `sqw-dl`/`sqw-code-block` classes; inline margin style on the failed-job arguments card replaced with a CSS sibling-selector rule + ## [0.9.0] - 2026-05-27 ### Changed diff --git a/ROADMAP.md b/ROADMAP.md index 2567969..09a57a0 100644 --- a/ROADMAP.md +++ b/ROADMAP.md @@ -11,7 +11,6 @@ The path to v1.0.0 is staged: first achieve feature parity with `solid_queue_das > _Declare a stable public API and commit to semantic versioning guarantees._ ### Added -- Final UI polish pass — visual consistency across all three sections - Complete README with configuration reference, screenshot gallery, and security guidance - Public API stability policy documented — breaking changes require a major version bump - Deprecation warnings for any config keys renamed between 0.x and 1.0