Polish docker command view summary

Author: FolderView Plus Test

archive/folderview.plus-2026.04.15.29.txz

@@ -0,0 +1 @@
+38a66a26fac07b367ca62cb08fd5ec3c0618eb499222404f6932ebc0fda1af8e  folderview.plus-2026.04.15.29.txz

archive/folderview.plus-2026.04.15.29.txz.sha256

@@ -0,0 +1,3 @@
+- UX: Removed the `experimental` label from the Docker command-view selector and the command-view header.
+- UX: Expanded the command-view overview row with more runtime summary cards, including container totals and state counts.
+- UX: Tightened member-tile bottom spacing so the quick-action strip sits closer to the content and the cards read more compactly.

docs/releases/2026.04.15.29.md

@@ -6,13 +6,19 @@
 <!ENTITY launch "Settings/FolderViewPlus">
 <!ENTITY plugdir "/usr/local/emhttp/plugins/&name;">
 <!ENTITY pluginURL "https://raw.githubusercontent.com/&github;/dev/folderview.plus.plg">
-<!ENTITY version "2026.04.15.28">
-<!ENTITY md5 "32bf0fefa61ea490f3967b2c5863df47">
+<!ENTITY version "2026.04.15.29">
+<!ENTITY md5 "b46911ca828b275dd9a6475cf2f3b70d">
 ]>
 
 <PLUGIN name="&name;" author="&author;" version="&version;" launch="&launch;" pluginURL="&pluginURL;" icon="folder-icon.png" support="https://forums.unraid.net/topic/197631-plugin-folderview-plus/" min="7.0.0">
     <CHANGES>
 
+###2026.04.15.29
+- UX: Removed the `experimental` label from the Docker command-view selector and the command-view header.
+- UX: Expanded the command-view overview row with more runtime summary cards, including container totals and state counts.
+- UX: Tightened member-tile bottom spacing so the quick-action strip sits closer to the content and the cards read more compactly.
+
+
 ###2026.04.15.28
 - Fix: Docker command-view now forwards the original pointer coordinates through the native Docker row trigger so the Unraid container menu opens at the click point instead of the screen corner.
 - UX: Running command-view member tiles now use a forced green border treatment instead of inheriting the light theme border color.

folderview.plus.plg

@@ -215,7 +215,7 @@ if (!empty($fvplusRuntimeConflicts)) {
                         <select id="docker-page-view-mode" onchange="changeRuntimePref('docker', 'pageViewMode', this.value)">
                             <option value="folderview">FolderView</option>
                             <option value="host">No FolderView (host list only)</option>
-                            <option value="command">Command view (experimental)</option>
+                            <option value="command">Command view</option>
                         </select>
                     </label>
                     <label class="setting-toggle"><input id="docker-live-refresh-enabled" type="checkbox" onchange="changeRuntimePref('docker', 'liveRefreshEnabled', this.checked)"> Live auto-refresh</label>

src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/FolderViewPlus.page

@@ -492,16 +492,22 @@
                 return false;
             }
             const cards = buildFolderCards(snapshot);
+            const runtimeEntries = Object.values(snapshot.runtimeInfoByName || {});
             const activeFolders = cards.filter((card) => card.running > 0).length;
             const cardsWithUpdates = cards.filter((card) => card.updates > 0).length;
             const pinnedFolders = cards.filter((card) => card.pinned).length;
+            const lockedFolders = cards.filter((card) => card.locked).length;
+            const containerCount = runtimeEntries.length;
+            const runningContainers = runtimeEntries.filter((entry) => resolveContainerState(entry) === 'running').length;
+            const pausedContainers = runtimeEntries.filter((entry) => resolveContainerState(entry) === 'paused').length;
+            const stoppedContainers = runtimeEntries.filter((entry) => resolveContainerState(entry) === 'stopped').length;
+            const updatedContainers = runtimeEntries.filter((entry) => containerHasUpdate(entry)).length;
             root.innerHTML = `
                 <div class="fv-docker-command-shell">
                     <div class="fv-docker-command-header">
                         <div class="fv-docker-command-header-copy">
-                            <div class="fv-docker-command-kicker">Experimental</div>
                             <h2>Docker Command View</h2>
-                            <p>Isolated test surface for folder actions. The existing FolderView and host-list modes stay untouched behind the page-view selector.</p>
+                            <p>Folder-first Docker controls with the standard host-list and classic FolderView modes still available from the page-view selector.</p>
                         </div>
                         <div class="fv-docker-command-toolbar">
                             <button type="button" class="fv-docker-command-button is-primary" data-fv-command-action="refresh">Refresh</button>
@@ -511,8 +517,14 @@
                     <div class="fv-docker-command-overview">
                         <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${cards.length}</span><span class="fv-docker-command-overview-label">folders</span></div>
                         <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${activeFolders}</span><span class="fv-docker-command-overview-label">active folders</span></div>
+                        <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${containerCount}</span><span class="fv-docker-command-overview-label">containers</span></div>
+                        <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${runningContainers}</span><span class="fv-docker-command-overview-label">running</span></div>
+                        <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${pausedContainers}</span><span class="fv-docker-command-overview-label">paused</span></div>
+                        <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${stoppedContainers}</span><span class="fv-docker-command-overview-label">stopped</span></div>
                         <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${cardsWithUpdates}</span><span class="fv-docker-command-overview-label">with updates</span></div>
+                        <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${updatedContainers}</span><span class="fv-docker-command-overview-label">update ready</span></div>
                         <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${pinnedFolders}</span><span class="fv-docker-command-overview-label">pinned</span></div>
+                        <div class="fv-docker-command-overview-card"><span class="fv-docker-command-overview-value">${lockedFolders}</span><span class="fv-docker-command-overview-label">locked</span></div>
                     </div>
                     <div class="fv-docker-command-stack">
                         ${cards.length ? cards.map((card) => {

src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/scripts/docker.runtime.command-view.js

@@ -55,25 +55,12 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
     justify-content: space-between;
     gap: 1rem;
     align-items: flex-start;
-    margin-bottom: 1rem;
-}
-
-.fv-docker-command-kicker {
-    display: inline-flex;
-    align-items: center;
-    padding: 0.18rem 0.5rem;
-    border-radius: 999px;
-    border: 1px solid var(--fv-docker-command-border);
-    color: var(--fv-docker-command-accent);
-    background: var(--fv-docker-command-accent-soft);
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-    font-size: 0.72rem;
+    margin-bottom: 0.85rem;
 }
 
 .fv-docker-command-header-copy h2,
 .fv-docker-command-empty h3 {
-    margin: 0.25rem 0 0;
+    margin: 0;
     color: var(--fv-docker-command-text-primary);
 }
 
@@ -132,9 +119,9 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
 
 .fv-docker-command-overview {
     display: grid;
-    grid-template-columns: repeat(4, minmax(0, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
     gap: 0.75rem;
-    margin-bottom: 1rem;
+    margin-bottom: 0.85rem;
 }
 
 .fv-docker-command-overview-card {
@@ -264,7 +251,7 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
     width: 220px;
     max-width: 220px;
     min-width: 220px;
-    min-height: 48px;
+    min-height: 44px;
     display: flex;
     flex-direction: column;
     border: 1px solid var(--fv-docker-command-border-faint);
@@ -292,11 +279,11 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
 
 .fv-docker-command-member-surface {
     width: 100%;
-    min-height: 48px;
+    min-height: 44px;
     display: flex;
     align-items: center;
     gap: 0.58rem;
-    padding: 0.42rem 0.55rem;
+    padding: 0.4rem 0.55rem 0.28rem;
     background: transparent;
     color: inherit;
     text-align: left;
@@ -391,8 +378,9 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
     align-items: center;
     gap: 5px;
     margin-left: auto;
-    padding: 0 0.55rem 0.45rem;
+    padding: 0 0.55rem 0.2rem;
     align-self: flex-end;
+    min-height: 16px;
 }
 
 .fv-docker-command-member-actions .folder-element-custom-btn {
@@ -425,7 +413,7 @@ body[data-fvplus-docker-command-view-mounted="true"] table#docker_containers {
 
 @media (max-width: 1100px) {
     .fv-docker-command-overview {
-        grid-template-columns: repeat(2, minmax(0, 1fr));
+        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
     }
 }
 

src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/styles/docker.command-view.css

@@ -122,7 +122,7 @@ test('settings page exposes theme fallback controls and runtime self-heal action
     assert.match(page, /id="docker-page-view-mode"/);
     assert.doesNotMatch(page, /id="vm-page-view-mode"/);
     assert.match(page, /Docker page view/);
-    assert.match(page, /<option value="command">Command view \(experimental\)<\/option>/);
+    assert.match(page, /<option value="command">Command view<\/option>/);
     const dockerSortRowStart = page.indexOf('<div class="sort-row">');
     const dockerSortRowEnd = page.indexOf('<input id="docker-folder-filter"');
     assert.ok(dockerSortRowStart >= 0 && dockerSortRowEnd > dockerSortRowStart, 'docker sort row slice should be present');