From 30b131cc3d92ba3aad09828d3f3d1d1e1460007a Mon Sep 17 00:00:00 2001
From: Mark Gregory <mark.gregory@mpba.co.uk>
Date: Wed, 24 Jun 2026 11:17:52 +0100
Subject: [PATCH] design updates, nee images

---
 .../Helpdesk/Resources/views/index.blade.php  | 89 ++++++++++++-------
 Modules/Helpdesk/changelog.yaml               | 10 +++
 Modules/Helpdesk/module.json                  |  2 +-
 3 files changed, 70 insertions(+), 31 deletions(-)

diff --git a/Modules/Helpdesk/Resources/views/index.blade.php b/Modules/Helpdesk/Resources/views/index.blade.php
index aa11755d..cd89d5df 100644
--- a/Modules/Helpdesk/Resources/views/index.blade.php
+++ b/Modules/Helpdesk/Resources/views/index.blade.php
@@ -177,41 +177,70 @@
 <div class="hd-helpdesk-surface space-y-5">
     <div class="overflow-hidden rounded-2xl border border-blue-400/20 bg-slate-950 shadow-sm ring-1 ring-white/5">
         <div class="relative min-h-[9.5rem] bg-[radial-gradient(circle_at_78%_18%,rgba(37,99,235,0.28),transparent_34%),linear-gradient(135deg,#020617_0%,#07112d_48%,#111827_100%)] px-5 py-5 text-white sm:px-6">
-            <div class="absolute inset-y-0 right-0 hidden w-[42%] overflow-hidden lg:block" aria-hidden="true">
-                <div class="absolute right-6 top-5 h-28 w-64 rotate-[-8deg] rounded-2xl border border-blue-300/25 bg-blue-950/35 shadow-2xl shadow-blue-950/50">
-                    <div class="absolute inset-3 rounded-xl border border-white/10 bg-slate-950/70 p-3">
-                        <div class="flex items-center justify-between">
-                            <div class="h-2 w-24 rounded-full bg-blue-200/80"></div>
-                            <div class="flex gap-1.5">
-                                <span class="h-2.5 w-2.5 rounded-full bg-emerald-300"></span>
-                                <span class="h-2.5 w-2.5 rounded-full bg-amber-300"></span>
-                                <span class="h-2.5 w-2.5 rounded-full bg-rose-300"></span>
+            <div class="absolute inset-y-0 right-0 hidden w-[43%] overflow-hidden lg:block" aria-hidden="true">
+                <div class="absolute inset-0 bg-[radial-gradient(circle_at_72%_22%,rgba(59,130,246,0.32),transparent_30%),radial-gradient(circle_at_88%_88%,rgba(16,185,129,0.22),transparent_28%)]"></div>
+                <div class="absolute right-6 top-5 w-[25rem] rounded-2xl border border-blue-200/20 bg-slate-950/72 p-4 shadow-2xl shadow-blue-950/40 ring-1 ring-white/10 backdrop-blur-sm">
+                    <div class="flex items-center justify-between border-b border-white/10 pb-3">
+                        <div>
+                            <div class="h-2.5 w-36 rounded-full bg-blue-200/90 shadow-[0_0_18px_rgba(147,197,253,.35)]"></div>
+                            <div class="mt-2 h-1.5 w-24 rounded-full bg-slate-500/80"></div>
+                        </div>
+                        <div class="flex items-center gap-2">
+                            <span class="h-2.5 w-2.5 rounded-full bg-emerald-300 shadow-[0_0_14px_rgba(110,231,183,.55)]"></span>
+                            <span class="h-2.5 w-2.5 rounded-full bg-amber-300 shadow-[0_0_14px_rgba(252,211,77,.45)]"></span>
+                            <span class="h-2.5 w-2.5 rounded-full bg-rose-300 shadow-[0_0_14px_rgba(253,164,175,.45)]"></span>
+                        </div>
+                    </div>
+
+                    <div class="mt-4 grid grid-cols-3 gap-3">
+                        <div class="rounded-xl border border-blue-300/20 bg-blue-500/12 p-3">
+                            <div class="mb-3 flex items-center gap-2">
+                                <span class="h-7 w-7 rounded-lg bg-blue-500/30"></span>
+                                <span class="h-2 w-12 rounded-full bg-blue-200/70"></span>
                             </div>
+                            <div class="h-16 rounded-lg bg-gradient-to-b from-blue-300/28 to-blue-900/20"></div>
+                            <div class="mt-3 h-1.5 w-full rounded-full bg-blue-200/70"></div>
+                            <div class="mt-2 h-1.5 w-2/3 rounded-full bg-slate-500/70"></div>
                         </div>
-                        <div class="mt-4 grid grid-cols-3 gap-2">
-                            <div class="h-10 rounded-lg bg-blue-400/20 ring-1 ring-blue-300/20"></div>
-                            <div class="h-10 rounded-lg bg-emerald-400/15 ring-1 ring-emerald-300/20"></div>
-                            <div class="h-10 rounded-lg bg-violet-400/15 ring-1 ring-violet-300/20"></div>
+                        <div class="rounded-xl border border-emerald-300/20 bg-emerald-500/10 p-3">
+                            <div class="mb-3 flex items-center gap-2">
+                                <span class="h-7 w-7 rounded-lg bg-emerald-500/25"></span>
+                                <span class="h-2 w-12 rounded-full bg-emerald-100/70"></span>
+                            </div>
+                            <div class="flex h-16 items-end gap-1.5 rounded-lg bg-slate-950/40 p-2">
+                                <span class="h-5 w-full rounded bg-emerald-300/70"></span>
+                                <span class="h-8 w-full rounded bg-emerald-300/80"></span>
+                                <span class="h-11 w-full rounded bg-emerald-300/90"></span>
+                                <span class="h-7 w-full rounded bg-emerald-300/75"></span>
+                            </div>
+                            <div class="mt-3 h-1.5 w-11/12 rounded-full bg-emerald-100/70"></div>
+                            <div class="mt-2 h-1.5 w-1/2 rounded-full bg-slate-500/70"></div>
                         </div>
-                        <div class="mt-3 space-y-1.5">
-                            <div class="h-1.5 w-11/12 rounded-full bg-blue-300/70"></div>
-                            <div class="h-1.5 w-8/12 rounded-full bg-emerald-300/70"></div>
-                            <div class="h-1.5 w-6/12 rounded-full bg-amber-300/70"></div>
+                        <div class="rounded-xl border border-violet-300/20 bg-violet-500/10 p-3">
+                            <div class="mb-3 flex items-center gap-2">
+                                <span class="h-7 w-7 rounded-lg bg-violet-500/25"></span>
+                                <span class="h-2 w-12 rounded-full bg-violet-100/70"></span>
+                            </div>
+                            <div class="relative h-16 rounded-lg bg-slate-950/40 p-2">
+                                <div class="absolute bottom-3 left-3 h-8 w-8 rounded-full border-[6px] border-violet-300/80 border-r-violet-900/50"></div>
+                                <div class="absolute bottom-4 right-3 h-2 w-14 rounded-full bg-violet-200/70"></div>
+                                <div class="absolute right-3 top-4 h-2 w-10 rounded-full bg-slate-500/70"></div>
+                            </div>
+                            <div class="mt-3 h-1.5 w-10/12 rounded-full bg-violet-100/70"></div>
+                            <div class="mt-2 h-1.5 w-7/12 rounded-full bg-slate-500/70"></div>
                         </div>
                     </div>
-                </div>
-                <div class="absolute bottom-4 right-12 grid grid-cols-3 gap-2">
-                    <div class="rounded-xl border border-blue-300/25 bg-blue-500/15 px-3 py-2 shadow-lg shadow-blue-950/30">
-                        <div class="text-[0.6rem] font-black uppercase tracking-widest text-blue-100">Tickets</div>
-                        <div class="mt-1 text-lg font-black">{{ number_format($totalTickets ?? 0) }}</div>
-                    </div>
-                    <div class="rounded-xl border border-emerald-300/25 bg-emerald-500/15 px-3 py-2 shadow-lg shadow-emerald-950/20">
-                        <div class="text-[0.6rem] font-black uppercase tracking-widest text-emerald-100">SLA</div>
-                        <div class="mt-1 text-lg font-black">96%</div>
-                    </div>
-                    <div class="rounded-xl border border-violet-300/25 bg-violet-500/15 px-3 py-2 shadow-lg shadow-violet-950/20">
-                        <div class="text-[0.6rem] font-black uppercase tracking-widest text-violet-100">Git</div>
-                        <div class="mt-1 text-lg font-black">{{ number_format($gitCommits ?? 0) }}</div>
+
+                    <div class="mt-4 rounded-xl border border-white/10 bg-slate-900/70 p-3">
+                        <div class="mb-3 flex items-center justify-between">
+                            <div class="text-[0.62rem] font-black uppercase tracking-[0.22em] text-blue-100/90">Live support workload</div>
+                            <div class="rounded-full bg-emerald-400/15 px-2 py-1 text-[0.62rem] font-black text-emerald-100">Healthy</div>
+                        </div>
+                        <div class="space-y-2">
+                            <div class="h-2 rounded-full bg-slate-800"><div class="h-2 w-[78%] rounded-full bg-blue-300"></div></div>
+                            <div class="h-2 rounded-full bg-slate-800"><div class="h-2 w-[62%] rounded-full bg-emerald-300"></div></div>
+                            <div class="h-2 rounded-full bg-slate-800"><div class="h-2 w-[43%] rounded-full bg-amber-300"></div></div>
+                        </div>
                     </div>
                 </div>
             </div>
diff --git a/Modules/Helpdesk/changelog.yaml b/Modules/Helpdesk/changelog.yaml
index b49ba539..a21887b7 100644
--- a/Modules/Helpdesk/changelog.yaml
+++ b/Modules/Helpdesk/changelog.yaml
@@ -367,3 +367,13 @@
     - Reworked dashboard metrics, recent tickets, SLA and Git sections into a polished dark operations layout.
     - Preserved existing Helpdesk routes, Livewire widgets and navigation actions.
     - Preserved append-only changelog history.
+
+- version: 1.10.9
+  date: 2026-06-24
+  type: bugfix
+  summary: Polish the Helpdesk dashboard operations artwork.
+  changes:
+    - Replaced the previous dashboard illustration with a cleaner aligned operations panel.
+    - Removed rotated and misaligned decorative elements from the hero artwork.
+    - Kept the compact dashboard header height to preserve screen space.
+    - Preserved append-only changelog history.
diff --git a/Modules/Helpdesk/module.json b/Modules/Helpdesk/module.json
index e88aa0bf..025e7c42 100644
--- a/Modules/Helpdesk/module.json
+++ b/Modules/Helpdesk/module.json
@@ -22,5 +22,5 @@
         "Modules\\Helpdesk\\Providers\\HelpdeskServiceProvider"
     ],
     "files": [],
-    "version": "1.10.8"
+    "version": "1.10.9"
 }