From d73ae59ab8c2795d979152f07d227faca08c850d Mon Sep 17 00:00:00 2001
From: Anso <dev@saelix.com>
Date: Mon, 4 May 2026 23:44:50 -0400
Subject: [PATCH] refactor(frontend): tighten Resources Hub header and relocate
 Scan history (#924)

Remove the page title (icon + 'Resources Hub' heading + remote-node
indicator) so the Reclaim hero leads the page. Active node identity is
already shown by the global node selector chip, so the inline indicator
was redundant.

Move the Scan history button out of the removed header and into the
secondary navigation bar, far right of the Images / Volumes / Networks /
Unmanaged tabs. Vertical centering comes from flex items-center on the
wrapper, which matches the h-9 TabsList height. Tier guard
(trivy.available && isPaid) is unchanged.
---
 frontend/src/components/ResourcesView.tsx | 45 +++++++++--------------
 1 file changed, 18 insertions(+), 27 deletions(-)

diff --git a/frontend/src/components/ResourcesView.tsx b/frontend/src/components/ResourcesView.tsx
index 187e7ccc..165ac225 100644
--- a/frontend/src/components/ResourcesView.tsx
+++ b/frontend/src/components/ResourcesView.tsx
@@ -671,32 +671,6 @@ export default function ResourcesView() {
     return (
         <div className="p-6 h-full overflow-auto text-foreground flex flex-col gap-6 animate-in fade-in-0 duration-300">
 
-            {/* Header */}
-            <div className="flex items-center gap-3">
-                <HardDrive className="w-5 h-5 text-muted-foreground" />
-                <h1 className="text-xl font-medium tracking-tight">Resources Hub</h1>
-                {activeNode?.type === 'remote' && (
-                    <span className="text-sm text-muted-foreground">· {activeNode.name}</span>
-                )}
-                {trivy.available && isPaid && (
-                    <Button
-                        variant="outline"
-                        size="sm"
-                        className="ml-auto border-border"
-                        onClick={() => {
-                            window.dispatchEvent(new CustomEvent<SenchoNavigateDetail>(SENCHO_NAVIGATE_EVENT, {
-                                detail: { view: 'security-history' },
-                            }));
-                        }}
-                        title="View completed vulnerability scans and compare them"
-                        aria-label="Open scan history"
-                    >
-                        <History className="w-4 h-4 mr-2" strokeWidth={1.5} />
-                        Scan history
-                    </Button>
-                )}
-            </div>
-
             {/* Reclaim hero */}
             {usage && isAdmin && (
                 <ReclaimHero
@@ -791,7 +765,7 @@ export default function ResourcesView() {
                 defaultValue="images"
                 className="flex-1 flex flex-col w-full rounded-lg border bg-card shadow-card-bevel overflow-hidden min-h-[400px] animate-in fade-in-0 slide-in-from-bottom-2 duration-300 delay-150"
             >
-                <div className="px-4 pt-3 pb-2">
+                <div className="px-4 pt-3 pb-2 flex items-center justify-between gap-3">
                     <TabsList className="grid grid-cols-4 w-full md:w-[680px] h-9 gap-1 p-0">
                         <TabsHighlight className="rounded-md bg-glass-highlight" transition={springs.snappy}>
                             {(['images', 'volumes', 'networks'] as const).map(tab => (
@@ -813,6 +787,23 @@ export default function ResourcesView() {
                             </TabsHighlightItem>
                         </TabsHighlight>
                     </TabsList>
+                    {trivy.available && isPaid && (
+                        <Button
+                            variant="outline"
+                            size="sm"
+                            className="border-border"
+                            onClick={() => {
+                                window.dispatchEvent(new CustomEvent<SenchoNavigateDetail>(SENCHO_NAVIGATE_EVENT, {
+                                    detail: { view: 'security-history' },
+                                }));
+                            }}
+                            title="View completed vulnerability scans and compare them"
+                            aria-label="Open scan history"
+                        >
+                            <History className="w-4 h-4 mr-2" strokeWidth={1.5} />
+                            Scan history
+                        </Button>
+                    )}
                 </div>
 
                 <ScrollArea className="flex-1 bg-background relative text-sm">