From 0f296fdfcbc2dbccac55d1a5c07fdfd41dfe5f01 Mon Sep 17 00:00:00 2001
From: phantomptr <phantomptr@gmail.com>
Date: Mon, 28 Sep 2026 07:58:19 -0700
Subject: [PATCH] style(icons): one icon per screen, the same in the menu and
 the page header

Audit log, Connection, Game activity and Processes showed a different icon in
their header than in the menu; Cheats shared the Games gamepad, Edit game image
shared the Volumes drive, Processes shared the Console CPU. Now: audit log
shield-check, connection cable, game activity clock, processes layers, cheats
wand, edit game image file-pen, games gamepad.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 client/src/layout/navItems.ts             | 13 +++++++------
 client/src/screens/AuditLog/index.tsx     |  4 ++--
 client/src/screens/Cheats/index.tsx       | 14 ++------------
 client/src/screens/Connection/index.tsx   | 14 ++------------
 client/src/screens/GameActivity/index.tsx |  4 ++--
 client/src/screens/LocalImage/index.tsx   |  4 ++--
 client/src/screens/Processes/index.tsx    | 10 ++--------
 7 files changed, 19 insertions(+), 44 deletions(-)

diff --git a/client/src/layout/navItems.ts b/client/src/layout/navItems.ts
index 4e492b83..034e3c8b 100644
--- a/client/src/layout/navItems.ts
+++ b/client/src/layout/navItems.ts
@@ -18,12 +18,10 @@ import {
   Upload,
   PackageOpen,
   Gamepad2,
-  LibraryBig,
   Search,
   FolderTree,
   Cpu,
   CircleUserRound,
-  Gauge,
   Boxes,
   Save,
   Image as ImageIcon,
@@ -50,6 +48,9 @@ import {
   Stethoscope,
   HardDrive,
   PackagePlus,
+  Layers,
+  WandSparkles,
+  FilePen,
 } from "lucide-react";
 
 export interface NavItem {
@@ -130,7 +131,7 @@ export const NAV_ITEMS: NavItem[] = [
     to: "/games",
     key: "v5_tab_games",
     fallback: "Games",
-    icon: LibraryBig,
+    icon: Gamepad2,
     section: { key: "nav_section_games_mods", fallback: "Games & content" },
   },
   {
@@ -157,7 +158,7 @@ export const NAV_ITEMS: NavItem[] = [
     to: "/local-image",
     key: "local_image",
     fallback: "Edit Game Image",
-    icon: HardDrive,
+    icon: FilePen,
   },
   {
     to: "/game-activity",
@@ -169,7 +170,7 @@ export const NAV_ITEMS: NavItem[] = [
     to: "/cheats",
     key: "cheats_title",
     fallback: "Cheats",
-    icon: Gamepad2,
+    icon: WandSparkles,
   },
   // Observe and manage the selected console.
   {
@@ -183,7 +184,7 @@ export const NAV_ITEMS: NavItem[] = [
     to: "/processes",
     key: "processes",
     fallback: "Processes",
-    icon: Gauge,
+    icon: Layers,
   },
   {
     to: "/profile",
diff --git a/client/src/screens/AuditLog/index.tsx b/client/src/screens/AuditLog/index.tsx
index f8a6ab3d..333349b4 100644
--- a/client/src/screens/AuditLog/index.tsx
+++ b/client/src/screens/AuditLog/index.tsx
@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { ScrollText } from "lucide-react";
+import { ShieldCheck } from "lucide-react";
 
 import { PageHeader } from "../../components";
 import { useTr } from "../../state/lang";
@@ -37,7 +37,7 @@ export default function AuditLogScreen() {
   return (
     <div className="app-page">
       <PageHeader
-        icon={ScrollText}
+        icon={ShieldCheck}
         title={tr("audit_log_title", undefined, "Audit log")}
         description={tr(
           "audit_log_description",
diff --git a/client/src/screens/Cheats/index.tsx b/client/src/screens/Cheats/index.tsx
index c4451dbc..d8bbb462 100644
--- a/client/src/screens/Cheats/index.tsx
+++ b/client/src/screens/Cheats/index.tsx
@@ -1,15 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from "react";
-import {
-  Gamepad2,
-  RefreshCw,
-  Power,
-  Trash2,
-  ToggleLeft,
-  ToggleRight,
-  ChevronRight,
-  Zap,
-  Download,
-} from "lucide-react";
+import { Gamepad2, RefreshCw, Power, Trash2, ToggleLeft, ToggleRight, ChevronRight, Zap, Download, WandSparkles } from "lucide-react";
 import {
   PageHeader,
   Button,
@@ -234,7 +224,7 @@ export default function CheatsScreen() {
   return (
     <div className="app-page space-y-4">
       <PageHeader
-        icon={Gamepad2}
+        icon={WandSparkles}
         title={tr("cheats_title", undefined, "Cheats")}
         description={tr(
           "cheats_description",
diff --git a/client/src/screens/Connection/index.tsx b/client/src/screens/Connection/index.tsx
index d3820b58..1f4aec41 100644
--- a/client/src/screens/Connection/index.tsx
+++ b/client/src/screens/Connection/index.tsx
@@ -22,17 +22,7 @@ import { pollUntilReady, type PollHandle } from "../../lib/pollUntilReady";
 import { parsePS5Firmware } from "../../lib/ps5Firmware";
 import { compareVersions } from "../../lib/semver";
 import { safeGetItem, safeSetItem } from "../../lib/safeStorage";
-import {
-  AlertTriangle,
-  CheckCircle2,
-  CircleDashed,
-  XCircle,
-  Send,
-  ArrowRight,
-  Plug,
-  Radar,
-  Sparkles,
-} from "lucide-react";
+import { AlertTriangle, CheckCircle2, CircleDashed, XCircle, Send, ArrowRight, Radar, Sparkles, Cable } from "lucide-react";
 import { PageHeader, Button, Spinner, ErrorCard } from "../../components";
 import { useRosterStore } from "../../state/roster";
 import { hostOf } from "../../lib/addr";
@@ -594,7 +584,7 @@ export default function ConnectionScreen() {
   return (
     <div className="app-page">
       <PageHeader
-        icon={Plug}
+        icon={Cable}
         title={tr("connection_title", undefined, "Connect to your PS5")}
         description={tr(
           "connection_description",
diff --git a/client/src/screens/GameActivity/index.tsx b/client/src/screens/GameActivity/index.tsx
index fe9ce07d..8ae1c9f1 100644
--- a/client/src/screens/GameActivity/index.tsx
+++ b/client/src/screens/GameActivity/index.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
-import { Activity, RefreshCw, Database, Clock, TrendingUp, Trash2 } from "lucide-react";
+import { RefreshCw, Database, Clock, TrendingUp, Trash2 } from "lucide-react";
 import { PageHeader, Button, ErrorCard, ConnectionGate, EmptyState, Card, Spinner, Modal } from "../../components";
 import { useTr } from "../../state/lang";
 import { useConnectionStore } from "../../state/connection";
@@ -118,7 +118,7 @@ export default function GameActivityScreen() {
     <div className="app-page">
       <ConnectionGate>
         <PageHeader
-          icon={Activity}
+          icon={Clock}
           title={tr("game_activity_title", undefined, "Game Activity Tracker")}
           description={tr(
             "game_activity_subtitle",
diff --git a/client/src/screens/LocalImage/index.tsx b/client/src/screens/LocalImage/index.tsx
index cf0b313a..a7b84879 100644
--- a/client/src/screens/LocalImage/index.tsx
+++ b/client/src/screens/LocalImage/index.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
-import { HardDrive, FolderOpen, Eject, Info } from "lucide-react";
+import { HardDrive, FolderOpen, Eject, Info, FilePen } from "lucide-react";
 import {
   PageHeader,
   Button,
@@ -103,7 +103,7 @@ export default function LocalImageScreen() {
   return (
     <div className="app-page">
       <PageHeader
-        icon={HardDrive}
+        icon={FilePen}
         title={tr("localimage_title", undefined, "Edit Game Image")}
         description={tr(
           "localimage_subtitle",
diff --git a/client/src/screens/Processes/index.tsx b/client/src/screens/Processes/index.tsx
index f6cce07e..f2950a1d 100644
--- a/client/src/screens/Processes/index.tsx
+++ b/client/src/screens/Processes/index.tsx
@@ -1,11 +1,5 @@
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import {
-  Cpu,
-  RefreshCw,
-  RotateCw,
-  Skull,
-  TriangleAlert,
-} from "lucide-react";
+import { Cpu, RefreshCw, RotateCw, Skull, TriangleAlert, Layers } from "lucide-react";
 
 import { useConnectionStore } from "../../state/connection";
 import { mgmtAddr, transferAddr } from "../../lib/addr";
@@ -240,7 +234,7 @@ export default function ProcessesScreen() {
   return (
     <div className="app-page">
       <PageHeader
-        icon={Cpu}
+        icon={Layers}
         title={tr("processes_title", undefined, "Processes")}
         count={procs.length || undefined}
         description={tr(