From 65dff40cb2408ac715e7d364f3838de2129e4a0c Mon Sep 17 00:00:00 2001
From: Pulse Monitor <pulse@pulse-monitor.dev>
Date: Tue, 2 Sep 2025 08:44:50 +0000
Subject: [PATCH] improve: show node name with storage when grouped by storage

- removes redundant Node column from storage table
- when grouped by storage, shows node name in gray next to storage name
- when grouped by node, node name already shown in group header
- addresses confusion when multiple nodes have same storage names
---
 .../src/components/Storage/Storage.tsx            | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/frontend-modern/src/components/Storage/Storage.tsx b/frontend-modern/src/components/Storage/Storage.tsx
index a3e814d5b..e6c4b8553 100644
--- a/frontend-modern/src/components/Storage/Storage.tsx
+++ b/frontend-modern/src/components/Storage/Storage.tsx
@@ -246,9 +246,6 @@ const Storage: Component = () => {
               <thead>
                 <tr class="bg-gray-50 dark:bg-gray-700/50 text-gray-600 dark:text-gray-300 border-b border-gray-200 dark:border-gray-600">
                   <th class="px-2 py-1.5 text-left text-[11px] sm:text-xs font-medium uppercase tracking-wider">Storage</th>
-                  <Show when={viewMode() === 'node'}>
-                    <th class="px-2 py-1.5 text-left text-[11px] sm:text-xs font-medium uppercase tracking-wider hidden sm:table-cell">Node</th>
-                  </Show>
                   <th class="px-2 py-1.5 text-left text-[11px] sm:text-xs font-medium uppercase tracking-wider hidden md:table-cell">Type</th>
                   <th class="px-2 py-1.5 text-left text-[11px] sm:text-xs font-medium uppercase tracking-wider hidden lg:table-cell">Content</th>
                   <th class="px-2 py-1.5 text-left text-[11px] sm:text-xs font-medium uppercase tracking-wider hidden sm:table-cell">Status</th>
@@ -308,15 +305,13 @@ const Storage: Component = () => {
                                   <span class="text-sm font-medium text-gray-900 dark:text-gray-100">
                                     {storage.name}
                                   </span>
+                                  <Show when={viewMode() === 'storage'}>
+                                    <span class="text-xs text-gray-500 dark:text-gray-400">
+                                      ({storage.node})
+                                    </span>
+                                  </Show>
                                 </div>
                               </td>
-                              <Show when={viewMode() === 'node'}>
-                                <td class="p-0.5 px-1.5 hidden sm:table-cell">
-                                  <span class="text-xs font-medium text-gray-900 dark:text-gray-100">
-                                    {storage.node}
-                                  </span>
-                                </td>
-                              </Show>
                               <td class="p-0.5 px-1.5 hidden md:table-cell">
                                 <span class="inline-block px-1.5 py-0.5 text-[10px] font-medium rounded bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300">
                                   {storage.type}