From f0b170230b5d0e6ccce5cac896ac5f0cabf1dc89 Mon Sep 17 00:00:00 2001
From: Daniel Bohlin <daniel.bohlin@live.se>
Date: Sat, 18 Apr 2026 13:19:50 +0200
Subject: [PATCH 1/5] update nuget packages

---
 Tharga.Cache.File.Tests/Tharga.Cache.File.Tests.csproj       | 4 ++--
 Tharga.Cache.MongoDB.Tests/Tharga.Cache.MongoDB.Tests.csproj | 4 ++--
 Tharga.Cache.Redis.Tests/Tharga.Cache.Redis.Tests.csproj     | 4 ++--
 Tharga.Cache.Tests/Tharga.Cache.Tests.csproj                 | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/Tharga.Cache.File.Tests/Tharga.Cache.File.Tests.csproj b/Tharga.Cache.File.Tests/Tharga.Cache.File.Tests.csproj
index 3136232..0cd2118 100644
--- a/Tharga.Cache.File.Tests/Tharga.Cache.File.Tests.csproj
+++ b/Tharga.Cache.File.Tests/Tharga.Cache.File.Tests.csproj
@@ -15,11 +15,11 @@
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
-    <PackageReference Include="coverlet.msbuild" Version="8.0.1">
+    <PackageReference Include="coverlet.msbuild" Version="10.0.0">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
-    <PackageReference Include="coverlet.collector" Version="8.0.1">
+    <PackageReference Include="coverlet.collector" Version="10.0.0">
       <PrivateAssets>all</PrivateAssets>
       <IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
     </PackageReference>
diff --git a/Tharga.Cache.MongoDB.Tests/Tharga.Cache.MongoDB.Tests.csproj b/Tharga.Cache.MongoDB.Tests/Tharga.Cache.MongoDB.Tests.csproj
index 579c85f..7c3d375 100644
--- a/Tharga.Cache.MongoDB.Tests/Tharga.Cache.MongoDB.Tests.csproj
+++ b/Tharga.Cache.MongoDB.Tests/Tharga.Cache.MongoDB.Tests.csproj
@@ -15,11 +15,11 @@
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
-		<PackageReference Include="coverlet.msbuild" Version="8.0.1">
+		<PackageReference Include="coverlet.msbuild" Version="10.0.0">
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
-		<PackageReference Include="coverlet.collector" Version="8.0.1">
+		<PackageReference Include="coverlet.collector" Version="10.0.0">
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
diff --git a/Tharga.Cache.Redis.Tests/Tharga.Cache.Redis.Tests.csproj b/Tharga.Cache.Redis.Tests/Tharga.Cache.Redis.Tests.csproj
index 0667623..112950a 100644
--- a/Tharga.Cache.Redis.Tests/Tharga.Cache.Redis.Tests.csproj
+++ b/Tharga.Cache.Redis.Tests/Tharga.Cache.Redis.Tests.csproj
@@ -15,11 +15,11 @@
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
-		<PackageReference Include="coverlet.msbuild" Version="8.0.1">
+		<PackageReference Include="coverlet.msbuild" Version="10.0.0">
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
-		<PackageReference Include="coverlet.collector" Version="8.0.1">
+		<PackageReference Include="coverlet.collector" Version="10.0.0">
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
diff --git a/Tharga.Cache.Tests/Tharga.Cache.Tests.csproj b/Tharga.Cache.Tests/Tharga.Cache.Tests.csproj
index 3b768db..fac71f4 100644
--- a/Tharga.Cache.Tests/Tharga.Cache.Tests.csproj
+++ b/Tharga.Cache.Tests/Tharga.Cache.Tests.csproj
@@ -15,11 +15,11 @@
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
-		<PackageReference Include="coverlet.msbuild" Version="8.0.1">
+		<PackageReference Include="coverlet.msbuild" Version="10.0.0">
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>
-		<PackageReference Include="coverlet.collector" Version="8.0.1">
+		<PackageReference Include="coverlet.collector" Version="10.0.0">
 			<PrivateAssets>all</PrivateAssets>
 			<IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets>
 		</PackageReference>

From 9e5f19136acd13e05ab6176ef693c9392bc9d8fe Mon Sep 17 00:00:00 2001
From: Daniel Bohlin <daniel.bohlin@live.se>
Date: Sat, 18 Apr 2026 13:35:14 +0200
Subject: [PATCH 2/5] =?UTF-8?q?feat:=20Blazor=20UI=20overhaul=20=E2=80=94?=
 =?UTF-8?q?=20slim=20ListView,=20detail=20dialog,=20persist=20type,=20live?=
 =?UTF-8?q?=20refresh?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- CacheTypeInfo: added PersistType field, populated by CacheMonitor.Set/Track
  from CacheOptions.Get<T>().PersistType
- ListView: slimmed columns to Key, Expires, Size, Load Time, Stale; added
  Persist column on the type-level grid (e.g. Memory, Redis, MongoDB, File);
  added chevron button per row to open detail dialog
- DetailView: new Radzen dialog component showing all metadata plus cached
  data as pretty-printed JSON via IEternalCache.PeekAsync<T> reflection;
  uses Tharga.Blazor CopyButton for copy-to-clipboard
- SummaryView + ListView: subscribe to ICacheMonitor DataSetEvent/DataDropEvent
  for live refresh when cache changes (fixes "Clear Cache" not refreshing list)
---
 Tharga.Cache.Blazor/DetailView.razor  | 125 ++++++++++++++++++++++++++
 Tharga.Cache.Blazor/ListView.razor    |  76 ++++++++++------
 Tharga.Cache.Blazor/SummaryView.razor |  18 +++-
 Tharga.Cache/CacheTypeInfo.cs         |   1 +
 Tharga.Cache/Core/CacheMonitor.cs     |   4 +
 plan/feature.md                       |  25 ++++++
 plan/plan.md                          |   8 ++
 7 files changed, 229 insertions(+), 28 deletions(-)
 create mode 100644 Tharga.Cache.Blazor/DetailView.razor
 create mode 100644 plan/feature.md
 create mode 100644 plan/plan.md

diff --git a/Tharga.Cache.Blazor/DetailView.razor b/Tharga.Cache.Blazor/DetailView.razor
new file mode 100644
index 0000000..c4e4580
--- /dev/null
+++ b/Tharga.Cache.Blazor/DetailView.razor
@@ -0,0 +1,125 @@
+@using System.Reflection
+@using System.Text.Json
+@inject IEternalCache Cache
+
+<RadzenStack Orientation="Orientation.Vertical" Gap="1rem">
+    <RadzenRow>
+        <RadzenColumn Size="6">
+            <RadzenText TextStyle="TextStyle.Caption">Key</RadzenText>
+            <RadzenText TextStyle="TextStyle.Body1">@CacheKey</RadzenText>
+        </RadzenColumn>
+        <RadzenColumn Size="6">
+            <RadzenText TextStyle="TextStyle.Caption">Type</RadzenText>
+            <RadzenText TextStyle="TextStyle.Body1">@CacheType?.Name</RadzenText>
+        </RadzenColumn>
+    </RadzenRow>
+    <RadzenRow>
+        <RadzenColumn Size="4">
+            <RadzenText TextStyle="TextStyle.Caption">Created</RadzenText>
+            <DateTimeView Date="@Info?.CreateTime"/>
+        </RadzenColumn>
+        <RadzenColumn Size="4">
+            <RadzenText TextStyle="TextStyle.Caption">Updated</RadzenText>
+            <DateTimeView Date="@Info?.UpdateTime"/>
+        </RadzenColumn>
+        <RadzenColumn Size="4">
+            <RadzenText TextStyle="TextStyle.Caption">Last Accessed</RadzenText>
+            <DateTimeView Date="@Info?.LastAccessTime"/>
+        </RadzenColumn>
+    </RadzenRow>
+    <RadzenRow>
+        <RadzenColumn Size="4">
+            <RadzenText TextStyle="TextStyle.Caption">Fresh Span</RadzenText>
+            <TimeSpanView TimeSpan="@Info?.FreshSpan"/>
+        </RadzenColumn>
+        <RadzenColumn Size="4">
+            <RadzenText TextStyle="TextStyle.Caption">Expires</RadzenText>
+            <DateTimeView Date="@Info?.ExpireTime"/>
+        </RadzenColumn>
+        <RadzenColumn Size="4">
+            <RadzenText TextStyle="TextStyle.Caption">Load Time</RadzenText>
+            <TimeSpanView TimeSpan="@Info?.LoadDuration"/>
+        </RadzenColumn>
+    </RadzenRow>
+    <RadzenRow>
+        <RadzenColumn Size="4">
+            <RadzenText TextStyle="TextStyle.Caption">Size</RadzenText>
+            <RadzenText TextStyle="TextStyle.Body1">@(Info?.Size.ToReadableByteSize() ?? "-")</RadzenText>
+        </RadzenColumn>
+        <RadzenColumn Size="4">
+            <RadzenText TextStyle="TextStyle.Caption">Access Count</RadzenText>
+            <RadzenText TextStyle="TextStyle.Body1">@(Info?.AccessCount.ToString() ?? "-")</RadzenText>
+        </RadzenColumn>
+        <RadzenColumn Size="4">
+            <RadzenText TextStyle="TextStyle.Caption">Stale</RadzenText>
+            <RadzenText TextStyle="TextStyle.Body1">@(Info?.IsStale.ToString() ?? "-")</RadzenText>
+        </RadzenColumn>
+    </RadzenRow>
+    <RadzenRow>
+        <RadzenColumn>
+            <RadzenText TextStyle="TextStyle.Subtitle2">Content</RadzenText>
+            @if (_loading)
+            {
+                <Loading />
+            }
+            else
+            {
+                <pre style="background:#f5f5f5;padding:0.75rem;border-radius:4px;max-height:400px;overflow:auto;">@_json</pre>
+                <CopyButton Content="@_json" />
+            }
+        </RadzenColumn>
+    </RadzenRow>
+</RadzenStack>
+
+@code {
+    [Parameter] public Type CacheType { get; set; }
+    [Parameter] public string CacheKey { get; set; }
+    [Parameter] public CacheItemInfo Info { get; set; }
+
+    private string _json;
+    private bool _loading = true;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadContentAsync();
+    }
+
+    private async Task LoadContentAsync()
+    {
+        _loading = true;
+        try
+        {
+            if (CacheType == null || string.IsNullOrEmpty(CacheKey))
+            {
+                _json = "(no key/type)";
+                return;
+            }
+
+            var method = typeof(ICache).GetMethod(nameof(ICache.PeekAsync), BindingFlags.Public | BindingFlags.Instance);
+            if (method == null)
+            {
+                _json = "(PeekAsync method not found)";
+                return;
+            }
+
+            var generic = method.MakeGenericMethod(CacheType);
+            Key key = CacheKey;
+            var task = (Task)generic.Invoke(Cache, [key]);
+            await task.ConfigureAwait(false);
+            var resultProperty = task.GetType().GetProperty("Result");
+            var data = resultProperty?.GetValue(task);
+
+            _json = data == null
+                ? "(no data)"
+                : JsonSerializer.Serialize(data, new JsonSerializerOptions { WriteIndented = true });
+        }
+        catch (Exception ex)
+        {
+            _json = $"(error: {ex.Message})";
+        }
+        finally
+        {
+            _loading = false;
+        }
+    }
+}
diff --git a/Tharga.Cache.Blazor/ListView.razor b/Tharga.Cache.Blazor/ListView.razor
index ded970c..a964110 100644
--- a/Tharga.Cache.Blazor/ListView.razor
+++ b/Tharga.Cache.Blazor/ListView.razor
@@ -1,4 +1,6 @@
-@inject ICacheMonitor CacheMonitor
+@implements IDisposable
+@inject ICacheMonitor CacheMonitor
+@inject DialogService DialogService
 
 @if (_model == null)
 {
@@ -23,31 +25,11 @@ else
                             <span title="@item.Key">@item.Key</span>
                         </Template>
                     </RadzenDataGridColumn>
-                    <RadzenDataGridColumn Title="Created" SortProperty="Value.CreateTime">
-                        <Template>
-                            <DateTimeView Date="@context.Value.CreateTime"/>
-                        </Template>
-                    </RadzenDataGridColumn>
-                    <RadzenDataGridColumn Title="Updated" SortProperty="Value.UpdateTime">
-                        <Template>
-                            <DateTimeView Date="@context.Value.UpdateTime"/>
-                        </Template>
-                    </RadzenDataGridColumn>
-                    <RadzenDataGridColumn Title="Fresh Span" SortProperty="Value.FreshSpan">
-                        <Template>
-                            <TimeSpanView TimeSpan="@context.Value.FreshSpan"/>
-                        </Template>
-                    </RadzenDataGridColumn>
                     <RadzenDataGridColumn Title="Expires" SortProperty="Value.ExpireTime">
                         <Template>
                             <DateTimeView Date="@context.Value.ExpireTime"/>
                         </Template>
                     </RadzenDataGridColumn>
-                    <RadzenDataGridColumn Title="Last Accessed" SortProperty="Value.LastAccessTime">
-                        <Template>
-                            <DateTimeView Date="@context.Value.LastAccessTime"/>
-                        </Template>
-                    </RadzenDataGridColumn>
                     <RadzenDataGridColumn Title="Load Time" SortProperty="Value.LoadDuration">
                         <Template>
                             <TimeSpanView TimeSpan="@context.Value.LoadDuration"/>
@@ -58,12 +40,13 @@ else
                             @item.Value.Size.ToReadableByteSize()
                         </Template>
                     </RadzenDataGridColumn>
-                    <RadzenDataGridColumn Title="Access Count" SortProperty="Value.AccessCount">
-                        <Template>
-                            @context.Value.AccessCount
+                    <RadzenDataGridColumn Title="Stale" Property="Value.IsStale" Sortable="false"/>
+                    <RadzenDataGridColumn Title="" Sortable="false" Filterable="false" Width="48px" TextAlign="TextAlign.Right">
+                        <Template Context="item">
+                            <RadzenButton Icon="chevron_right" ButtonStyle="ButtonStyle.Light" Size="ButtonSize.Small"
+                                          Click="@(() => OpenDetailAsync(cacheType.Type, item.Key, item.Value))" />
                         </Template>
                     </RadzenDataGridColumn>
-                    <RadzenDataGridColumn Title="Stale" Property="Value.IsStale" Sortable="false"/>
                 </Columns>
             </RadzenDataGrid>
         </Template>
@@ -73,6 +56,11 @@ else
                     @context.Type.Name
                 </Template>
             </RadzenDataGridColumn>
+            <RadzenDataGridColumn Title="Persist">
+                <Template>
+                    @FormatPersistType(context.PersistType)
+                </Template>
+            </RadzenDataGridColumn>
             <RadzenDataGridColumn Title="Count">
                 <Template>
                     @context.Items.Count
@@ -87,10 +75,46 @@ else
     private CacheTypeInfo[] _model;
 
     protected override Task OnInitializedAsync()
+    {
+        Refresh();
+        CacheMonitor.DataSetEvent += OnCacheChanged;
+        CacheMonitor.DataDropEvent += OnCacheChanged;
+        return base.OnInitializedAsync();
+    }
+
+    public void Dispose()
+    {
+        CacheMonitor.DataSetEvent -= OnCacheChanged;
+        CacheMonitor.DataDropEvent -= OnCacheChanged;
+    }
+
+    private void OnCacheChanged(object sender, EventArgs e)
+    {
+        Refresh();
+        InvokeAsync(StateHasChanged);
+    }
+
+    private void Refresh()
     {
         _model = CacheMonitor.GetInfos().ToArray();
+    }
 
-        return base.OnInitializedAsync();
+    private static string FormatPersistType(Type persistType)
+    {
+        if (persistType == null) return "-";
+        var name = persistType.Name;
+        return name.StartsWith("I") && name.Length > 1 && char.IsUpper(name[1]) ? name.Substring(1) : name;
     }
 
+    private async Task OpenDetailAsync(Type type, string key, CacheItemInfo info)
+    {
+        await DialogService.OpenAsync<DetailView>($"Cache: {key}",
+            new Dictionary<string, object>
+            {
+                ["CacheType"] = type,
+                ["CacheKey"] = key,
+                ["Info"] = info
+            },
+            new DialogOptions { Width = "800px", Resizable = true, Draggable = true });
+    }
 }
diff --git a/Tharga.Cache.Blazor/SummaryView.razor b/Tharga.Cache.Blazor/SummaryView.razor
index 6231147..7b6b19b 100644
--- a/Tharga.Cache.Blazor/SummaryView.razor
+++ b/Tharga.Cache.Blazor/SummaryView.razor
@@ -1,4 +1,5 @@
-@inject ICacheMonitor CacheMonitor
+@implements IDisposable
+@inject ICacheMonitor CacheMonitor
 
 <RadzenRow>
     <RadzenColumn>
@@ -28,10 +29,23 @@
     protected override Task OnInitializedAsync()
     {
         LoadCacheInfo();
-
+        CacheMonitor.DataSetEvent += OnCacheChanged;
+        CacheMonitor.DataDropEvent += OnCacheChanged;
         return base.OnInitializedAsync();
     }
 
+    public void Dispose()
+    {
+        CacheMonitor.DataSetEvent -= OnCacheChanged;
+        CacheMonitor.DataDropEvent -= OnCacheChanged;
+    }
+
+    private void OnCacheChanged(object sender, EventArgs e)
+    {
+        LoadCacheInfo();
+        InvokeAsync(StateHasChanged);
+    }
+
     private void LoadCacheInfo()
     {
         _cacheCount = CacheMonitor.GetInfos()?.SelectMany(x => x.Items).Count() ?? 0;
diff --git a/Tharga.Cache/CacheTypeInfo.cs b/Tharga.Cache/CacheTypeInfo.cs
index c8da8a6..1c01715 100644
--- a/Tharga.Cache/CacheTypeInfo.cs
+++ b/Tharga.Cache/CacheTypeInfo.cs
@@ -5,6 +5,7 @@ namespace Tharga.Cache;
 public record CacheTypeInfo
 {
     public required Type Type { get; init; }
+    public required Type PersistType { get; init; }
     public required bool StaleWhileRevalidate { get; init; }
     public required bool ReturnDefaultOnFirstLoad { get; init; }
     public required ConcurrentDictionary<string, CacheItemInfo> Items { get; init; }
diff --git a/Tharga.Cache/Core/CacheMonitor.cs b/Tharga.Cache/Core/CacheMonitor.cs
index 6f28e21..177c27a 100644
--- a/Tharga.Cache/Core/CacheMonitor.cs
+++ b/Tharga.Cache/Core/CacheMonitor.cs
@@ -23,10 +23,12 @@ public CacheMonitor(IPersistLoader persistLoader, CacheOptions cacheOptions)
     public void Set<T>(Type type, Key key, CacheItem<T> item, bool staleWhileRevalidate, bool returnDefaultOnFirstLoad)
     {
         var size = item.Data.ToSize();
+        var persistType = _cacheOptions.Get<T>().PersistType;
 
         _caches.AddOrUpdate(type, new CacheTypeInfo
         {
             Type = type,
+            PersistType = persistType,
             StaleWhileRevalidate = staleWhileRevalidate,
             ReturnDefaultOnFirstLoad = returnDefaultOnFirstLoad,
             Items = new ConcurrentDictionary<string, CacheItemInfo>(new Dictionary<string, CacheItemInfo>
@@ -64,10 +66,12 @@ public void Track<T>(Type type, Key key, CacheItem<T> item, bool staleWhileReval
             return;
 
         var size = item.Data.ToSize();
+        var persistType = _cacheOptions.Get<T>().PersistType;
 
         _caches.AddOrUpdate(type, new CacheTypeInfo
         {
             Type = type,
+            PersistType = persistType,
             StaleWhileRevalidate = staleWhileRevalidate,
             ReturnDefaultOnFirstLoad = returnDefaultOnFirstLoad,
             Items = new ConcurrentDictionary<string, CacheItemInfo>(new Dictionary<string, CacheItemInfo>
diff --git a/plan/feature.md b/plan/feature.md
new file mode 100644
index 0000000..0a634d4
--- /dev/null
+++ b/plan/feature.md
@@ -0,0 +1,25 @@
+# Feature: blazor-ui-overhaul
+
+## Goal
+Overhaul the Blazor monitoring UI: slim ListView columns, move details to a dialog showing all metadata + JSON content, show persist type per cache type, and make Clear Cache refresh the ListView.
+
+## Scope
+- `CacheTypeInfo` — add `PersistType` field
+- `CacheMonitor.Set/Track` — populate `PersistType`
+- `ListView.razor` — slim columns to Key, Expires, Size, Load Time, Stale; add persist type to the type-level grid; add chevron button per row; subscribe to monitor events for live refresh
+- `SummaryView.razor` — subscribe to monitor events for live refresh
+- New `DetailView.razor` — dialog component with all metadata + JSON content via `PeekAsync` + reflection + `CopyButton`
+
+## Acceptance Criteria
+- ListView shows slim columns with chevron to open detail dialog
+- Detail dialog shows all metadata (Created, Updated, Fresh Span, Last Accessed, Access Count) plus cached data as JSON
+- Copy JSON button works
+- Persist type column appears on the type-level grid
+- Clear Cache button refreshes the ListView without reload
+- All tests still pass
+
+## Done Condition
+User confirms the UI works as expected.
+
+## Originating Branch
+develop
diff --git a/plan/plan.md b/plan/plan.md
new file mode 100644
index 0000000..1ef5c29
--- /dev/null
+++ b/plan/plan.md
@@ -0,0 +1,8 @@
+# Plan: blazor-ui-overhaul
+
+## Steps
+- [~] 1. Add `PersistType` to `CacheTypeInfo` and populate in `CacheMonitor`
+- [ ] 2. Slim `ListView.razor` columns + persist type column + chevron button
+- [ ] 3. Create `DetailView.razor` dialog with metadata + JSON + CopyButton
+- [ ] 4. Wire up live refresh via `DataSetEvent`/`DataDropEvent` in SummaryView and ListView
+- [ ] 5. Build, run tests, commit

From c2e4b208dc5c9f509f57ed57d0716c420bc77180 Mon Sep 17 00:00:00 2001
From: Daniel Bohlin <daniel.bohlin@live.se>
Date: Sat, 18 Apr 2026 14:43:35 +0200
Subject: [PATCH 3/5] fix: wire Radzen dialog host and Tharga.Blazor JS in
 sample

- Sample App.razor: set render mode on HeadOutlet/RadzenTheme/Routes to
  InteractiveServerRenderMode(prerender: false), matching Florida pattern.
  Without this the Radzen theme CSS (including Material Icons font) and
  the dialog host did not activate in the interactive circuit.
- Sample MainLayout.razor: added <RadzenComponents /> host so
  DialogService.OpenAsync has a portal to render into.
- Sample App.razor: added tharga.blazor.js script for CopyButton clipboard.
- ListView: icon button uses 'article' instead of 'chevron_right'.
---
 .../Tharga.Cache.BlazorServer/Components/App.razor   |  9 +++++----
 .../Components/Layout/MainLayout.razor               |  2 ++
 Tharga.Cache.Blazor/DetailView.razor                 | 12 ++++++------
 Tharga.Cache.Blazor/ListView.razor                   |  2 +-
 4 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/Sample/Tharga.Cache.BlazorServer/Components/App.razor b/Sample/Tharga.Cache.BlazorServer/Components/App.razor
index 03393c5..b1e5a7a 100644
--- a/Sample/Tharga.Cache.BlazorServer/Components/App.razor
+++ b/Sample/Tharga.Cache.BlazorServer/Components/App.razor
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en">
 
 <head>
@@ -11,14 +11,15 @@
     <link rel="stylesheet" href="@Assets["Tharga.Cache.BlazorServer.styles.css"]" />
     <ImportMap />
     <link rel="icon" type="image/png" href="favicon.png" />
-    <HeadOutlet />
-    <RadzenTheme Theme="material" />
+    <HeadOutlet @rendermode="RenderMode.InteractiveServer" />
+    <RadzenTheme Theme="material" @rendermode="new InteractiveServerRenderMode(prerender: false)" />
 </head>
 
 <body>
-    <Routes />
+    <Routes @rendermode="new InteractiveServerRenderMode(prerender: false)" />
     <ReconnectModal />
     <script src="@Assets["_framework/blazor.web.js"]"></script>
+    <script src="@Assets["_content/Tharga.Blazor/tharga.blazor.js"]"></script>
     <script src="_content/Radzen.Blazor/Radzen.Blazor.js?v=@(typeof(Radzen.Colors).Assembly.GetName().Version)"></script>
 </body>
 
diff --git a/Sample/Tharga.Cache.BlazorServer/Components/Layout/MainLayout.razor b/Sample/Tharga.Cache.BlazorServer/Components/Layout/MainLayout.razor
index 78624f3..2edd86c 100644
--- a/Sample/Tharga.Cache.BlazorServer/Components/Layout/MainLayout.razor
+++ b/Sample/Tharga.Cache.BlazorServer/Components/Layout/MainLayout.razor
@@ -21,3 +21,5 @@
     <a href="." class="reload">Reload</a>
     <span class="dismiss">🗙</span>
 </div>
+
+<RadzenComponents />
diff --git a/Tharga.Cache.Blazor/DetailView.razor b/Tharga.Cache.Blazor/DetailView.razor
index c4e4580..ee45f93 100644
--- a/Tharga.Cache.Blazor/DetailView.razor
+++ b/Tharga.Cache.Blazor/DetailView.razor
@@ -16,29 +16,29 @@
     <RadzenRow>
         <RadzenColumn Size="4">
             <RadzenText TextStyle="TextStyle.Caption">Created</RadzenText>
-            <DateTimeView Date="@Info?.CreateTime"/>
+            <div><DateTimeView Date="@Info?.CreateTime" /></div>
         </RadzenColumn>
         <RadzenColumn Size="4">
             <RadzenText TextStyle="TextStyle.Caption">Updated</RadzenText>
-            <DateTimeView Date="@Info?.UpdateTime"/>
+            <div><DateTimeView Date="@Info?.UpdateTime" /></div>
         </RadzenColumn>
         <RadzenColumn Size="4">
             <RadzenText TextStyle="TextStyle.Caption">Last Accessed</RadzenText>
-            <DateTimeView Date="@Info?.LastAccessTime"/>
+            <div><DateTimeView Date="@Info?.LastAccessTime" /></div>
         </RadzenColumn>
     </RadzenRow>
     <RadzenRow>
         <RadzenColumn Size="4">
             <RadzenText TextStyle="TextStyle.Caption">Fresh Span</RadzenText>
-            <TimeSpanView TimeSpan="@Info?.FreshSpan"/>
+            <div><TimeSpanView TimeSpan="@Info?.FreshSpan" /></div>
         </RadzenColumn>
         <RadzenColumn Size="4">
             <RadzenText TextStyle="TextStyle.Caption">Expires</RadzenText>
-            <DateTimeView Date="@Info?.ExpireTime"/>
+            <div><DateTimeView Date="@Info?.ExpireTime" /></div>
         </RadzenColumn>
         <RadzenColumn Size="4">
             <RadzenText TextStyle="TextStyle.Caption">Load Time</RadzenText>
-            <TimeSpanView TimeSpan="@Info?.LoadDuration"/>
+            <div><TimeSpanView TimeSpan="@Info?.LoadDuration" /></div>
         </RadzenColumn>
     </RadzenRow>
     <RadzenRow>
diff --git a/Tharga.Cache.Blazor/ListView.razor b/Tharga.Cache.Blazor/ListView.razor
index a964110..0907590 100644
--- a/Tharga.Cache.Blazor/ListView.razor
+++ b/Tharga.Cache.Blazor/ListView.razor
@@ -43,7 +43,7 @@ else
                     <RadzenDataGridColumn Title="Stale" Property="Value.IsStale" Sortable="false"/>
                     <RadzenDataGridColumn Title="" Sortable="false" Filterable="false" Width="48px" TextAlign="TextAlign.Right">
                         <Template Context="item">
-                            <RadzenButton Icon="chevron_right" ButtonStyle="ButtonStyle.Light" Size="ButtonSize.Small"
+                            <RadzenButton Icon="article" ButtonStyle="ButtonStyle.Light" Size="ButtonSize.Small"
                                           Click="@(() => OpenDetailAsync(cacheType.Type, item.Key, item.Value))" />
                         </Template>
                     </RadzenDataGridColumn>

From 31e44466597e7cf2a949a142a3df8e5a4d3ae332 Mon Sep 17 00:00:00 2001
From: Daniel Bohlin <daniel.bohlin@live.se>
Date: Sat, 18 Apr 2026 14:55:39 +0200
Subject: [PATCH 4/5] feat: lazy-loaded cache content with ExpandableCard

- Extracted JSON loading into CacheContent.razor so it mounts (and
  OnInitializedAsync fires) only when the ExpandableCard is expanded.
- DetailView wraps CacheContent in <ExpandableCard Text="Content"
  Icon="data_object" AllowSaveState="false">; all other metadata stays
  visible.
- Copy button is a small icon-only RadzenButton anchored top-right of
  the content area, invokes the same clipboard.copyText JS that
  Tharga.Blazor CopyButton uses.
- Sample: added AddBlazoredLocalStorage() (required by ExpandableCard's
  ILocalStorageService injection even when AllowSaveState is false).
---
 Sample/Tharga.Cache.BlazorServer/Program.cs |  2 +
 Tharga.Cache.Blazor/CacheContent.razor      | 84 +++++++++++++++++++++
 Tharga.Cache.Blazor/DetailView.razor        | 69 ++---------------
 3 files changed, 91 insertions(+), 64 deletions(-)
 create mode 100644 Tharga.Cache.Blazor/CacheContent.razor

diff --git a/Sample/Tharga.Cache.BlazorServer/Program.cs b/Sample/Tharga.Cache.BlazorServer/Program.cs
index b480836..d23fa36 100644
--- a/Sample/Tharga.Cache.BlazorServer/Program.cs
+++ b/Sample/Tharga.Cache.BlazorServer/Program.cs
@@ -1,3 +1,4 @@
+using Blazored.LocalStorage;
 using Radzen;
 using Tharga.Cache;
 using Tharga.Cache.BlazorServer.Components;
@@ -13,6 +14,7 @@
     .AddInteractiveServerComponents();
 
 builder.Services.AddRadzenComponents();
+builder.Services.AddBlazoredLocalStorage();
 builder.AddMongoDB();
 builder.Services.AddCache(o =>
 {
diff --git a/Tharga.Cache.Blazor/CacheContent.razor b/Tharga.Cache.Blazor/CacheContent.razor
new file mode 100644
index 0000000..cbf3047
--- /dev/null
+++ b/Tharga.Cache.Blazor/CacheContent.razor
@@ -0,0 +1,84 @@
+@using System.Reflection
+@using System.Text.Json
+@using Microsoft.JSInterop
+@inject IEternalCache Cache
+@inject IJSRuntime Js
+@inject NotificationService NotificationService
+
+<div style="position:relative;">
+    <div style="position:absolute; top:0; right:0;">
+        <RadzenButton Icon="content_copy" Size="ButtonSize.Small" ButtonStyle="ButtonStyle.Light"
+                      Click="CopyAction" Disabled="@_loading" title="Copy JSON" />
+    </div>
+    @if (_loading)
+    {
+        <Loading />
+    }
+    else
+    {
+        <pre style="background:#f5f5f5; padding:0.75rem; padding-right:3rem; border-radius:4px; max-height:400px; overflow:auto; margin:0;">@_json</pre>
+    }
+</div>
+
+@code {
+    [Parameter] public Type CacheType { get; set; }
+    [Parameter] public string CacheKey { get; set; }
+
+    private string _json;
+    private bool _loading = true;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await LoadContentAsync();
+    }
+
+    private async Task LoadContentAsync()
+    {
+        _loading = true;
+        try
+        {
+            if (CacheType == null || string.IsNullOrEmpty(CacheKey))
+            {
+                _json = "(no key/type)";
+                return;
+            }
+
+            var method = typeof(ICache).GetMethod(nameof(ICache.PeekAsync), BindingFlags.Public | BindingFlags.Instance);
+            if (method == null)
+            {
+                _json = "(PeekAsync method not found)";
+                return;
+            }
+
+            var generic = method.MakeGenericMethod(CacheType);
+            Key key = CacheKey;
+            var task = (Task)generic.Invoke(Cache, [key]);
+            await task.ConfigureAwait(false);
+            var resultProperty = task.GetType().GetProperty("Result");
+            var data = resultProperty?.GetValue(task);
+
+            _json = data == null
+                ? "(no data)"
+                : JsonSerializer.Serialize(data, new JsonSerializerOptions { WriteIndented = true });
+        }
+        catch (Exception ex)
+        {
+            _json = $"(error: {ex.Message})";
+        }
+        finally
+        {
+            _loading = false;
+        }
+    }
+
+    private async Task CopyAction()
+    {
+        if (string.IsNullOrWhiteSpace(_json)) return;
+        await Js.InvokeVoidAsync("clipboard.copyText", _json);
+        NotificationService.Notify(new NotificationMessage
+        {
+            Summary = "Content copied.",
+            Severity = NotificationSeverity.Info
+        });
+    }
+}
diff --git a/Tharga.Cache.Blazor/DetailView.razor b/Tharga.Cache.Blazor/DetailView.razor
index ee45f93..852c4fc 100644
--- a/Tharga.Cache.Blazor/DetailView.razor
+++ b/Tharga.Cache.Blazor/DetailView.razor
@@ -1,6 +1,3 @@
-@using System.Reflection
-@using System.Text.Json
-@inject IEternalCache Cache
 
 <RadzenStack Orientation="Orientation.Vertical" Gap="1rem">
     <RadzenRow>
@@ -55,71 +52,15 @@
             <RadzenText TextStyle="TextStyle.Body1">@(Info?.IsStale.ToString() ?? "-")</RadzenText>
         </RadzenColumn>
     </RadzenRow>
-    <RadzenRow>
-        <RadzenColumn>
-            <RadzenText TextStyle="TextStyle.Subtitle2">Content</RadzenText>
-            @if (_loading)
-            {
-                <Loading />
-            }
-            else
-            {
-                <pre style="background:#f5f5f5;padding:0.75rem;border-radius:4px;max-height:400px;overflow:auto;">@_json</pre>
-                <CopyButton Content="@_json" />
-            }
-        </RadzenColumn>
-    </RadzenRow>
+    <ExpandableCard Text="Content" Icon="data_object" AllowSaveState="false">
+        <ChildContent>
+            <CacheContent CacheType="@CacheType" CacheKey="@CacheKey" />
+        </ChildContent>
+    </ExpandableCard>
 </RadzenStack>
 
 @code {
     [Parameter] public Type CacheType { get; set; }
     [Parameter] public string CacheKey { get; set; }
     [Parameter] public CacheItemInfo Info { get; set; }
-
-    private string _json;
-    private bool _loading = true;
-
-    protected override async Task OnInitializedAsync()
-    {
-        await LoadContentAsync();
-    }
-
-    private async Task LoadContentAsync()
-    {
-        _loading = true;
-        try
-        {
-            if (CacheType == null || string.IsNullOrEmpty(CacheKey))
-            {
-                _json = "(no key/type)";
-                return;
-            }
-
-            var method = typeof(ICache).GetMethod(nameof(ICache.PeekAsync), BindingFlags.Public | BindingFlags.Instance);
-            if (method == null)
-            {
-                _json = "(PeekAsync method not found)";
-                return;
-            }
-
-            var generic = method.MakeGenericMethod(CacheType);
-            Key key = CacheKey;
-            var task = (Task)generic.Invoke(Cache, [key]);
-            await task.ConfigureAwait(false);
-            var resultProperty = task.GetType().GetProperty("Result");
-            var data = resultProperty?.GetValue(task);
-
-            _json = data == null
-                ? "(no data)"
-                : JsonSerializer.Serialize(data, new JsonSerializerOptions { WriteIndented = true });
-        }
-        catch (Exception ex)
-        {
-            _json = $"(error: {ex.Message})";
-        }
-        finally
-        {
-            _loading = false;
-        }
-    }
 }

From aaacd2091404d08ee8fea7afc5090ede044b64d6 Mon Sep 17 00:00:00 2001
From: Daniel Bohlin <daniel.bohlin@live.se>
Date: Sat, 18 Apr 2026 14:56:01 +0200
Subject: [PATCH 5/5] feat: blazor-ui-overhaul complete

---
 .../features-done/blazor-ui-overhaul.md                   | 0
 plan/plan.md                                              | 8 --------
 2 files changed, 8 deletions(-)
 rename plan/feature.md => .claude/features-done/blazor-ui-overhaul.md (100%)
 delete mode 100644 plan/plan.md

diff --git a/plan/feature.md b/.claude/features-done/blazor-ui-overhaul.md
similarity index 100%
rename from plan/feature.md
rename to .claude/features-done/blazor-ui-overhaul.md
diff --git a/plan/plan.md b/plan/plan.md
deleted file mode 100644
index 1ef5c29..0000000
--- a/plan/plan.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Plan: blazor-ui-overhaul
-
-## Steps
-- [~] 1. Add `PersistType` to `CacheTypeInfo` and populate in `CacheMonitor`
-- [ ] 2. Slim `ListView.razor` columns + persist type column + chevron button
-- [ ] 3. Create `DetailView.razor` dialog with metadata + JSON + CopyButton
-- [ ] 4. Wire up live refresh via `DataSetEvent`/`DataDropEvent` in SummaryView and ListView
-- [ ] 5. Build, run tests, commit