From 6440a2439077f19124e1a6c7773dbed9cd64704a Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Wed, 22 Apr 2026 01:43:38 -0400
Subject: [PATCH] feat: add dark/light mode toggle to navigation, enhance
 sidebar styles, and update layout colors

- Implemented a button for toggling between dark and light modes in the navigation component.
- Adjusted sidebar width and improved active link indicators with shadows for better visibility.
- Updated layout colors for a more vibrant and cohesive theme, focusing on a "Pure Neutral Black + Neon" aesthetic.
- Refined ambient gradient accents for improved content readability across devices.
- Enhanced console layout for better responsiveness and user experience.
---
 .claude/settings.local.json                   |  10 +
 .../components/navigation/index.blade.php     |  10 +-
 extensions/Others/ForceTheme/ForceTheme.php   |   3 +-
 .../UptimeLab/resources/views/index.blade.php |   2 +-
 .../Proxmox/views/components/layout.blade.php |  27 +-
 themes/lucentui/css/app.css                   | 296 +++++++++++++-
 .../views/components/button/primary.blade.php |   2 +-
 .../components/button/secondary.blade.php     |   2 +-
 .../views/components/form/input.blade.php     |   2 +-
 .../form/password-strength.blade.php          |   2 +-
 .../views/components/form/radio.blade.php     |   4 +-
 .../views/components/form/select.blade.php    |   4 +-
 .../views/components/form/textarea.blade.php  |   2 +-
 .../components/navigation/index.blade.php     |   8 +
 .../components/navigation/sidebar.blade.php   |  10 +-
 themes/lucentui/views/layouts/app.blade.php   |  23 +-
 .../lucentui/views/layouts/colors.blade.php   |  64 ++--
 .../views/layouts/colors.blade.php.bak        |   1 +
 .../vendor/pterodactyl2/console.blade.php     |   2 +-
 ...cover-43419e1773d5590e98dcbfc1b7903297.php | 361 ++++++++++++++++++
 ...cover-4dd8aa2c89a79640c26a5af93ae899b1.php | 314 +++++++++++++++
 ...cover-bf37f1dc35944596ec71c910bc1ca84f.php | 154 ++++++++
 22 files changed, 1244 insertions(+), 59 deletions(-)
 create mode 100644 .claude/settings.local.json
 create mode 100644 themes/lucentui/views/layouts/colors.blade.php.bak
 create mode 100644 vendor/_laravel_ide/discover-43419e1773d5590e98dcbfc1b7903297.php
 create mode 100644 vendor/_laravel_ide/discover-4dd8aa2c89a79640c26a5af93ae899b1.php
 create mode 100644 vendor/_laravel_ide/discover-bf37f1dc35944596ec71c910bc1ca84f.php

diff --git a/.claude/settings.local.json b/.claude/settings.local.json
new file mode 100644
index 000000000..e3e8b368a
--- /dev/null
+++ b/.claude/settings.local.json
@@ -0,0 +1,10 @@
+{
+  "permissions": {
+    "allow": [
+      "WebFetch(domain:raw.githubusercontent.com)"
+    ],
+    "additionalDirectories": [
+      "C:\\Users\\Owner\\.ssh"
+    ]
+  }
+}
diff --git a/extensions/Others/CreditsPlus/resources/views/components/navigation/index.blade.php b/extensions/Others/CreditsPlus/resources/views/components/navigation/index.blade.php
index 2a3157817..62ab98cf5 100644
--- a/extensions/Others/CreditsPlus/resources/views/components/navigation/index.blade.php
+++ b/extensions/Others/CreditsPlus/resources/views/components/navigation/index.blade.php
@@ -109,13 +109,19 @@ Unauthorized copying, modification, or distribution is prohibited.
                             Credits: {{ $userCreditsDisplay }}
                         </a>
                     @endif
-
-                    <x-theme-toggle />
                 </div>
 
                 <!-- Cart (always visible) -->
                 <livewire:components.cart />
 
+                <!-- Dark/Light mode toggle (left of user icon) -->
+                <button @click="darkMode = !darkMode" type="button"
+                        class="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-neutral/50 transition-colors duration-200"
+                        :aria-label="darkMode ? 'Switch to light mode' : 'Switch to dark mode'">
+                    <svg x-show="!darkMode" xmlns="http://www.w3.org/2000/svg" class="size-4 text-base" viewBox="0 0 24 24" fill="currentColor"><path d="M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z"/></svg>
+                    <svg x-show="darkMode" x-cloak xmlns="http://www.w3.org/2000/svg" class="size-4 text-base" viewBox="0 0 24 24" fill="currentColor"><path d="M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7Z"/></svg>
+                </button>
+
                 <!-- Desktop account menu -->
                 @if(auth()->check())
                     <div class="hidden lg:flex">
diff --git a/extensions/Others/ForceTheme/ForceTheme.php b/extensions/Others/ForceTheme/ForceTheme.php
index a1a399494..6d25546fc 100644
--- a/extensions/Others/ForceTheme/ForceTheme.php
+++ b/extensions/Others/ForceTheme/ForceTheme.php
@@ -41,7 +41,8 @@ class ForceTheme extends Extension
             $key = $this->config('local_storage_key') ?: '_x_darkMode';
             $modeJs = e($mode);
             $keyJs = e($key);
-            $script = "<script>(function(){try{var m='" . $modeJs . "';var k='" . $keyJs . "';var def='_x_darkMode';var v=(m==='dark')?'true':'false';localStorage.setItem(k, v);if(k!==def){localStorage.setItem(def, v);} }catch(e){}})();</script>";
+            // Only set the default when the user has not yet made a choice; respect any existing selection so toggles persist.
+            $script = "<script>(function(){try{var m='" . $modeJs . "';var k='" . $keyJs . "';var def='_x_darkMode';var v=(m==='dark')?'true':'false';if(localStorage.getItem(def)===null){localStorage.setItem(def, v);}if(k!==def&&localStorage.getItem(k)===null){localStorage.setItem(k, v);} }catch(e){}})();</script>";
             return ['view' => new HtmlString($script)];
         });
     }
diff --git a/extensions/Others/UptimeLab/resources/views/index.blade.php b/extensions/Others/UptimeLab/resources/views/index.blade.php
index 2a5777e13..6d00a4b68 100644
--- a/extensions/Others/UptimeLab/resources/views/index.blade.php
+++ b/extensions/Others/UptimeLab/resources/views/index.blade.php
@@ -1,4 +1,4 @@
-<div class="w-full">
+<div class="container mx-auto px-4 py-8 sm:px-6 lg:px-8">
     <!-- Custom CSS for animations -->
     <style>
         @keyframes status-pulse {
diff --git a/extensions/Servers/Proxmox/views/components/layout.blade.php b/extensions/Servers/Proxmox/views/components/layout.blade.php
index 0226e6c4b..49469715e 100644
--- a/extensions/Servers/Proxmox/views/components/layout.blade.php
+++ b/extensions/Servers/Proxmox/views/components/layout.blade.php
@@ -46,7 +46,32 @@
                 })">
                     <button @click="openModal()" :title="icon ? 'Customize server icon' : 'Set server icon'" class="group flex items-center gap-5 hover:opacity-80 transition-opacity">
                         <div class="relative flex items-center justify-center">
-                            <div x-show="icon" :style="color ? 'color: ' + color : ''" x-html="getIconSvg(icon, iconPrefix)" class="size-10 flex items-center justify-center"></div>
+                            @php
+                                $initialIconName = $server->user_set_icon;
+                                $initialIconPrefix = $server->user_set_icon_prefix ?: 'ri';
+                                $initialIconComponent = null;
+                                if ($initialIconName) {
+                                    $initialIconComponent = $initialIconPrefix === 'vaadin'
+                                        ? 'vaadin-' . str_replace('_', '-', $initialIconName)
+                                        : $initialIconPrefix . '-' . $initialIconName;
+                                }
+                            @endphp
+                            @if($initialIconComponent)
+                                {{-- Server-rendered initial icon: shown while Alpine's icon state matches what was saved.
+                                     Once the user opens the modal and picks a different icon, the x-html branch takes over
+                                     (the icon-btn lookup only works after the modal template has rendered its icons). --}}
+                                <div x-show="icon === @js($initialIconName) && iconPrefix === @js($initialIconPrefix)"
+                                     :style="color ? 'color: ' + color : ''"
+                                     class="size-10 flex items-center justify-center">
+                                    <x-dynamic-component :component="$initialIconComponent" class="size-10" />
+                                </div>
+                                <div x-show="icon && !(icon === @js($initialIconName) && iconPrefix === @js($initialIconPrefix))"
+                                     :style="color ? 'color: ' + color : ''"
+                                     x-html="getIconSvg(icon, iconPrefix)"
+                                     class="size-10 flex items-center justify-center"></div>
+                            @else
+                                <div x-show="icon" :style="color ? 'color: ' + color : ''" x-html="getIconSvg(icon, iconPrefix)" class="size-10 flex items-center justify-center"></div>
+                            @endif
                             <x-ri-server-line x-show="!icon" class="size-10 text-secondary" />
                             <!-- Edit indicator badge -->
                             <div class="absolute -top-1 -right-1 size-4 bg-primary/90 rounded-full flex items-center justify-center shadow-sm opacity-60 group-hover:opacity-100 transition-opacity">
diff --git a/themes/lucentui/css/app.css b/themes/lucentui/css/app.css
index 7e16c4d8b..217e3e7a0 100644
--- a/themes/lucentui/css/app.css
+++ b/themes/lucentui/css/app.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
 @import 'tailwindcss';
 
 @plugin '@tailwindcss/forms' {
@@ -13,6 +14,9 @@
 
 /* =============================================================================
    FONT DEFINITIONS
+   -----------------------------------------------------------------------------
+   Inter is the canonical Volt dashboard font. Figtree is kept as a fallback
+   for the local bundled font file.
    ============================================================================= */
 
 @font-face {
@@ -48,7 +52,25 @@
    ============================================================================= */
 
 @theme {
-  --font-sans: "Figtree", "Poppins", "Nunito", ui-sans-serif, system-ui, sans-serif;
+  --font-sans: "Inter", "Figtree", "Poppins", "Nunito", ui-sans-serif, system-ui, sans-serif;
+
+  /* Dark-first neutral shadow scale (rest state) */
+  --shadow-volt-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.35);
+  --shadow-volt-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.45), 0 1px 2px -1px rgba(0, 0, 0, 0.35);
+  --shadow-volt: 0 4px 12px -2px rgba(0, 0, 0, 0.5), 0 2px 6px -2px rgba(0, 0, 0, 0.35);
+  --shadow-volt-lg: 0 12px 32px -6px rgba(0, 0, 0, 0.6), 0 6px 14px -6px rgba(0, 0, 0, 0.4);
+
+  /* Neon glow shadows — used on hover/focus for interactive elements */
+  --shadow-glow-primary: 0 0 0 1px hsl(var(--color-primary) / 0.35), 0 8px 32px -4px hsl(var(--color-primary) / 0.35);
+  --shadow-glow-secondary: 0 0 0 1px hsl(var(--color-secondary) / 0.35), 0 8px 32px -4px hsl(var(--color-secondary) / 0.35);
+  --shadow-glow-primary-sm: 0 0 16px -2px hsl(var(--color-primary) / 0.45);
+  --shadow-glow-secondary-sm: 0 0 16px -2px hsl(var(--color-secondary) / 0.45);
+
+  /* Border radius scale */
+  --radius-volt-sm: 0.375rem;
+  --radius-volt: 0.5rem;
+  --radius-volt-lg: 0.75rem;
+  --radius-volt-xl: 1rem;
 }
 
 @theme inline {
@@ -106,6 +128,44 @@ html {
   text-wrap: wrap;
 }
 
+/* =============================================================================
+   CARD GLASS — canonical dark glass-morphism surface.
+   Use .card-glass on any panel/card. Hover adds a subtle primary edge-glow.
+   ============================================================================= */
+@utility card-glass {
+  position: relative;
+  border-radius: 1rem;
+  border: 1px solid hsl(var(--color-neutral) / 0.6);
+  background-color: hsl(var(--color-background-secondary) / 0.6);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  box-shadow: var(--shadow-volt);
+  transition: border-color 240ms ease, box-shadow 240ms ease, transform 240ms ease;
+}
+
+@utility card-glass-hover {
+  transition: border-color 240ms ease, box-shadow 240ms ease, transform 240ms ease;
+}
+.card-glass:hover,
+.card-glass-hover:hover {
+  border-color: hsl(var(--color-primary) / 0.45);
+  box-shadow: var(--shadow-volt-lg), var(--shadow-glow-primary-sm);
+}
+
+/* Neon glow on focus ring for interactive elements */
+@utility glow-primary {
+  box-shadow: var(--shadow-glow-primary);
+}
+@utility glow-secondary {
+  box-shadow: var(--shadow-glow-secondary);
+}
+@utility glow-primary-sm {
+  box-shadow: var(--shadow-glow-primary-sm);
+}
+@utility glow-secondary-sm {
+  box-shadow: var(--shadow-glow-secondary-sm);
+}
+
 /* Line clamp utilities - removed excessive containment */
 .line-clamp-2 {
     display: -webkit-box;
@@ -2156,3 +2216,237 @@ a:hover .card-arrow-animate {
         transition: none !important;
     }
 }
+
+
+/* =============================================================================
+   VOLT-INSPIRED VISUAL POLISH (appended)
+   -----------------------------------------------------------------------------
+   Non-invasive refinements layered on top of existing styles.
+   Based on Themesberg Volt Laravel Dashboard visual language:
+   softer shadows, Inter typography, cleaner cards, modern focus rings,
+   and improved mobile ergonomics. Functionality is unchanged.
+   ============================================================================= */
+
+/* --- Typography baseline ------------------------------------------------- */
+html {
+    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+}
+
+body {
+    font-family: "Inter", "Figtree", "Poppins", ui-sans-serif, system-ui, sans-serif;
+    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+    letter-spacing: -0.01em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    letter-spacing: -0.02em;
+    font-weight: 600;
+}
+
+/* --- Modern card surface (opt-in via .volt-card) ------------------------- */
+.volt-card {
+    background-color: hsl(var(--color-background-secondary));
+    border: 1px solid hsl(var(--color-neutral) / 0.7);
+    border-radius: 0.75rem;
+    box-shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.06),
+                0 1px 2px -1px rgba(15, 23, 42, 0.04);
+    transition: box-shadow 0.25s ease, transform 0.25s ease,
+                border-color 0.25s ease;
+}
+
+.volt-card:hover {
+    box-shadow: 0 10px 20px -5px rgba(15, 23, 42, 0.08),
+                0 4px 6px -2px rgba(15, 23, 42, 0.04);
+    border-color: hsl(var(--color-neutral));
+}
+
+.dark .volt-card {
+    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3),
+                0 1px 2px -1px rgba(0, 0, 0, 0.2);
+}
+
+.dark .volt-card:hover {
+    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4),
+                0 8px 10px -6px rgba(0, 0, 0, 0.25);
+}
+
+/* --- Softer global shadow replacements ----------------------------------- */
+/* Rebalance Tailwind's shadow-lg / shadow-xl on the site to feel lighter  */
+/* without removing existing utilities: targeted overrides only.           */
+main .shadow-lg,
+main .shadow-xl,
+main .shadow-2xl {
+    box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.08),
+                0 2px 6px -2px rgba(15, 23, 42, 0.05) !important;
+}
+
+.dark main .shadow-lg,
+.dark main .shadow-xl,
+.dark main .shadow-2xl {
+    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.35),
+                0 2px 6px -2px rgba(0, 0, 0, 0.25) !important;
+}
+
+/* --- Button refinements (additive; does not break existing) -------------- */
+button,
+a.btn-primary,
+button.btn-primary,
+[role="button"] {
+    font-weight: 500;
+    letter-spacing: -0.005em;
+}
+
+.btn-primary {
+    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.08);
+}
+
+.btn-primary:focus-visible {
+    outline: 2px solid hsl(var(--color-primary) / 0.5);
+    outline-offset: 2px;
+}
+
+/* --- Form focus polish --------------------------------------------------- */
+.form-input:focus,
+input:focus,
+select:focus,
+textarea:focus {
+    box-shadow: 0 0 0 3px hsl(var(--color-primary) / 0.18);
+    border-color: hsl(var(--color-primary));
+}
+
+/* --- Navigation (topbar) visual lift -------------------------------------- */
+nav.scrolled,
+header.scrolled {
+    backdrop-filter: saturate(180%) blur(12px);
+    -webkit-backdrop-filter: saturate(180%) blur(12px);
+    box-shadow: 0 1px 0 0 hsl(var(--color-neutral) / 0.6),
+                0 4px 12px -6px rgba(15, 23, 42, 0.08);
+}
+
+/* --- Sidebar active indicator (Volt-style left accent) ------------------- */
+.sidebar-active,
+[aria-current="page"] {
+    position: relative;
+}
+
+/* --- Tables: cleaner Volt-style rows ------------------------------------- */
+table thead th {
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: hsl(var(--color-muted));
+}
+
+table tbody tr {
+    transition: background-color 0.15s ease;
+}
+
+table tbody tr:hover {
+    background-color: hsl(var(--color-primary) / 0.04);
+}
+
+.dark table tbody tr:hover {
+    background-color: hsl(var(--color-primary) / 0.10);
+}
+
+/* --- Badges softened ----------------------------------------------------- */
+.badge,
+[class*="bg-success"],
+[class*="bg-error"],
+[class*="bg-warning"],
+[class*="bg-info"] {
+    font-weight: 500;
+    letter-spacing: 0.01em;
+}
+
+/* =============================================================================
+   RESPONSIVE / MOBILE POLISH
+   ============================================================================= */
+
+/* Tighter, safer horizontal padding on very small screens */
+@media (max-width: 480px) {
+    main.container {
+        padding-left: 0.875rem !important;
+        padding-right: 0.875rem !important;
+    }
+
+    /* Avoid giant rounded corners eating width on tiny screens */
+    .rounded-3xl { border-radius: 1.25rem !important; }
+    .rounded-2xl { border-radius: 1rem !important; }
+
+    /* Stack nav avatars/buttons with spacing */
+    nav .gap-4 { gap: 0.75rem !important; }
+}
+
+/* Prevent horizontal overflow on any page */
+html, body {
+    overflow-x: hidden;
+    max-width: 100vw;
+}
+
+/* Prevent fixed navbar from covering content on short viewports */
+@media (max-height: 600px) {
+    main {
+        margin-top: 4.5rem !important;
+    }
+}
+
+/* Ensure tables never force horizontal page scroll on mobile */
+@media (max-width: 768px) {
+    table {
+        display: block;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        max-width: 100%;
+    }
+
+    /* Reduce visually noisy background blobs on mobile */
+    .animate-pulse-optimized {
+        opacity: 0.08 !important;
+        animation-duration: 8s !important;
+    }
+
+    /* Lift touch targets inside cards */
+    .volt-card button,
+    .volt-card a {
+        min-height: 40px;
+    }
+}
+
+/* Larger screens: hero/card spacing tightened */
+@media (min-width: 1024px) {
+    main.container {
+        padding-left: 2rem !important;
+        padding-right: 2rem !important;
+    }
+}
+
+/* =============================================================================
+   DARK MODE FINE-TUNING (Volt-style deep navy)
+   ============================================================================= */
+.dark body {
+    color-scheme: dark;
+}
+
+.dark input,
+.dark select,
+.dark textarea {
+    background-color: hsl(var(--color-background-secondary)) !important;
+    border-color: hsl(var(--color-neutral)) !important;
+}
+
+.dark .form-input {
+    background: hsl(var(--color-background-secondary) / 0.6);
+}
+
+/* Subtle gradient divider accent used on the Volt dashboard footer/hero edge */
+.volt-divider {
+    height: 1px;
+    background: linear-gradient(
+        to right,
+        transparent,
+        hsl(var(--color-neutral) / 0.9),
+        transparent
+    );
+}
\ No newline at end of file
diff --git a/themes/lucentui/views/components/button/primary.blade.php b/themes/lucentui/views/components/button/primary.blade.php
index 1c99ca96b..6c90867b2 100644
--- a/themes/lucentui/views/components/button/primary.blade.php
+++ b/themes/lucentui/views/components/button/primary.blade.php
@@ -1,5 +1,5 @@
 <button 
-    {{ $attributes->merge(['class' => 'flex items-center gap-2 justify-center bg-primary text-white text-sm font-semibold hover:bg-primary/80 active:scale-95 py-2.5 lg:py-2 px-4.5 rounded-md w-full duration-300 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-primary/50 focus:ring-offset-2 focus:ring-offset-background transition-transform']) }}>
+    {{ $attributes->merge(['class' => 'flex items-center gap-2 justify-center bg-primary text-white text-sm font-semibold hover:bg-primary/90 hover:glow-primary-sm active:scale-95 py-2.5 lg:py-2 px-4.5 rounded-md w-full duration-300 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-primary/60 focus:ring-offset-2 focus:ring-offset-background transition-all']) }}>
     @if (isset($type) && $type === 'submit')
         <div role="status" wire:loading>
             <x-ri-loader-5-fill aria-hidden="true" class="size-6 me-2 fill-background animate-spin" />
diff --git a/themes/lucentui/views/components/button/secondary.blade.php b/themes/lucentui/views/components/button/secondary.blade.php
index a48dbae61..eead19de2 100644
--- a/themes/lucentui/views/components/button/secondary.blade.php
+++ b/themes/lucentui/views/components/button/secondary.blade.php
@@ -1,5 +1,5 @@
 <button 
-    {{ $attributes->merge(['class' => 'flex items-center gap-2 justify-center bg-background-secondary text-sm font-semibold border border-neutral hover:bg-background-secondary/80 active:scale-95 py-2.5 lg:py-2 px-4.5 rounded-md w-full duration-300 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-neutral/50 focus:ring-offset-2 focus:ring-offset-background transition-transform']) }}>
+    {{ $attributes->merge(['class' => 'flex items-center gap-2 justify-center bg-background-secondary/60 backdrop-blur-sm text-sm font-semibold border border-neutral/60 hover:bg-background-secondary/80 hover:border-primary/50 active:scale-95 py-2.5 lg:py-2 px-4.5 rounded-md w-full duration-300 cursor-pointer disabled:cursor-not-allowed disabled:opacity-50 focus:outline-none focus:ring-2 focus:ring-primary/40 focus:ring-offset-2 focus:ring-offset-background transition-all']) }}>
     @if (isset($type) && $type === 'submit')
         <div role="status" wire:loading>
             <x-ri-loader-5-fill aria-hidden="true" class="size-6 me-2 fill-background animate-spin" />
diff --git a/themes/lucentui/views/components/form/input.blade.php b/themes/lucentui/views/components/form/input.blade.php
index 277428e89..ce8e115eb 100644
--- a/themes/lucentui/views/components/form/input.blade.php
+++ b/themes/lucentui/views/components/form/input.blade.php
@@ -12,7 +12,7 @@
         </legend>
     @endif
     <input type="{{ $type ?? 'text' }}" id="{{ $id ?? $name }}" name="{{ $name }}"
-        class="block w-full text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out disabled:bg-background-secondary/50 disabled:cursor-not-allowed {{ $class ?? '' }} @if ($type !== 'color') px-2.5 py-2.5 @endif"
+        class="block w-full text-sm text-base bg-background-secondary/40 border border-neutral/60 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/40 focus:border-primary hover:border-neutral transition-all duration-300 ease-in-out disabled:bg-background-secondary/30 disabled:cursor-not-allowed {{ $class ?? '' }} @if ($type !== 'color') px-2.5 py-2.5 @endif"
         placeholder="{{ $placeholder ?? ($label ?? '') }}"
         @if ($dirty && isset($attributes['wire:model'])) wire:dirty.class="!border-yellow-600" @endif
         {{ $attributes->except(['placeholder', 'label', 'id', 'name', 'type', 'class', 'divClass', 'required', 'hideRequiredIndicator', 'dirty']) }} @required($required) />
diff --git a/themes/lucentui/views/components/form/password-strength.blade.php b/themes/lucentui/views/components/form/password-strength.blade.php
index e9a603db5..6d559682b 100644
--- a/themes/lucentui/views/components/form/password-strength.blade.php
+++ b/themes/lucentui/views/components/form/password-strength.blade.php
@@ -30,7 +30,7 @@
             id="{{ $id ?? $name }}" 
             name="{{ $name }}" 
             placeholder="{{ $placeholder ?? ($label ?? '') }}"
-            class="block w-full text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none transition-all duration-300 ease-in-out disabled:bg-background-secondary/50 disabled:cursor-not-allowed px-2.5 py-2.5 pr-10 {{ $class ?? '' }}"
+            class="block w-full text-sm text-base bg-background-secondary/40 border border-neutral/60 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/40 focus:border-primary hover:border-neutral transition-all duration-300 ease-in-out disabled:bg-background-secondary/30 disabled:cursor-not-allowed px-2.5 py-2.5 pr-10 {{ $class ?? '' }}"
             @if ($dirty && isset($attributes['wire:model'])) wire:dirty.class="!border-yellow-600" @endif
             {{ $attributes->except(['placeholder', 'label', 'id', 'name', 'class', 'divClass', 'required', 'hideRequiredIndicator', 'dirty', 'minStrengthLevel']) }}
             @required($required)
diff --git a/themes/lucentui/views/components/form/radio.blade.php b/themes/lucentui/views/components/form/radio.blade.php
index 04c9226c4..bf4563ed7 100644
--- a/themes/lucentui/views/components/form/radio.blade.php
+++ b/themes/lucentui/views/components/form/radio.blade.php
@@ -30,8 +30,8 @@
                         <input type="radio" id="{{ $name }}_{{ $key }}" name="{{ $name }}"
                             value="{{ gettype($options) == 'array' ? $option : $key }}" 
                             {{ ($multiple && $selected ? in_array($key, $selected) : $selected==$option) ? 'checked' : '' }}
-                            class="peer form-radio size-5 text-primary border-2 border-neutral bg-background-secondary/50 
-                                   focus:ring-2 focus:ring-primary/30 focus:ring-offset-0 focus:outline-none
+                            class="peer form-radio size-5 text-primary border-2 border-neutral/60 bg-background-secondary/40 
+                                   focus:ring-2 focus:ring-primary/40 focus:ring-offset-0 focus:outline-none
                                    checked:bg-primary checked:border-primary
                                    hover:border-primary/50 transition-all duration-200 cursor-pointer
                                    appearance-none rounded-full" />
diff --git a/themes/lucentui/views/components/form/select.blade.php b/themes/lucentui/views/components/form/select.blade.php
index a3021bb6c..1724ede70 100644
--- a/themes/lucentui/views/components/form/select.blade.php
+++ b/themes/lucentui/views/components/form/select.blade.php
@@ -23,8 +23,8 @@
 
     <select id="{{ $id ?? $name }}" {{ $multiple ? 'multiple' : '' }} {{ $attributes->only(['required', 'wire:model',
         'wire:dirty.class', 'wire:model.live']) }}
-        class="block px-2.5 py-2.5 w-full text-sm text-base bg-background-secondary/50 border border-neutral
-        rounded-md shadow-sm outline-none focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out form-select">
+        class="block px-2.5 py-2.5 w-full text-sm text-base bg-background-secondary/40 border border-neutral/60
+        rounded-md shadow-sm outline-none focus:outline-none focus:ring-2 focus:ring-primary/40 focus:border-primary hover:border-neutral transition-all duration-300 ease-in-out form-select">
         @if (count($options) == 0 && $slot)
         {{ $slot }}
         @else
diff --git a/themes/lucentui/views/components/form/textarea.blade.php b/themes/lucentui/views/components/form/textarea.blade.php
index c0ccba1f9..54b9ccc62 100644
--- a/themes/lucentui/views/components/form/textarea.blade.php
+++ b/themes/lucentui/views/components/form/textarea.blade.php
@@ -23,7 +23,7 @@
     </legend>
     @endif
     <textarea type="{{ $type ?? 'text' }}" id="{{ $id ?? $name }}" name="{{ $name }}"
-        class="block w-full text-sm text-base bg-background-secondary/50 border border-neutral rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary transition-all duration-300 ease-in-out disabled:bg-background-secondary/50 disabled:cursor-not-allowed resize-y min-h-[100px] {{ $class ?? '' }} @if ($type !== 'color') px-2.5 py-2.5 @endif"
+        class="block w-full text-sm text-base bg-background-secondary/40 border border-neutral/60 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-primary/40 focus:border-primary hover:border-neutral transition-all duration-300 ease-in-out disabled:bg-background-secondary/30 disabled:cursor-not-allowed resize-y min-h-[100px] {{ $class ?? '' }} @if ($type !== 'color') px-2.5 py-2.5 @endif"
         placeholder="{{ $placeholder ?? ($label ?? '') }}" @if ($dirty && isset($attributes['wire:model']))
         wire:dirty.class="!border-yellow-600" @endif {{ $attributes->except(['placeholder', 'label', 'id', 'name', 'type', 'class', 'divClass', 'required', 'hideRequiredIndicator', 'dirty']) }}
         @required($required)>{{ $slot }}</textarea>
diff --git a/themes/lucentui/views/components/navigation/index.blade.php b/themes/lucentui/views/components/navigation/index.blade.php
index f25b97b01..898dc880d 100644
--- a/themes/lucentui/views/components/navigation/index.blade.php
+++ b/themes/lucentui/views/components/navigation/index.blade.php
@@ -135,6 +135,14 @@
 
                 <livewire:components.cart />
 
+                <!-- Dark/Light mode toggle (left of user icon / login & register) -->
+                <button @click="darkMode = !darkMode" type="button"
+                        class="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-neutral/50 transition-colors duration-200"
+                        :aria-label="darkMode ? 'Switch to light mode' : 'Switch to dark mode'">
+                    <svg x-show="!darkMode" xmlns="http://www.w3.org/2000/svg" class="size-4 text-base" viewBox="0 0 24 24" fill="currentColor"><path d="M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z"/></svg>
+                    <svg x-show="darkMode" x-cloak xmlns="http://www.w3.org/2000/svg" class="size-4 text-base" viewBox="0 0 24 24" fill="currentColor"><path d="M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7Z"/></svg>
+                </button>
+
                 <!-- User account dropdown (desktop) -->
                 @if(auth()->check())
                     <div class="hidden lg:block">
diff --git a/themes/lucentui/views/components/navigation/sidebar.blade.php b/themes/lucentui/views/components/navigation/sidebar.blade.php
index 9f08405a7..c37b2d1ab 100644
--- a/themes/lucentui/views/components/navigation/sidebar.blade.php
+++ b/themes/lucentui/views/components/navigation/sidebar.blade.php
@@ -1,4 +1,4 @@
-<aside class="mt-24 ml-8 w-64 h-[calc(100vh-2rem)] md:flex hidden flex-col fixed top-0 left-0 rtl:right-0 z-10">
+<aside class="mt-24 ml-8 w-56 h-[calc(100vh-2rem)] md:flex hidden flex-col fixed top-0 left-0 rtl:right-0 z-10">
     <div class="h-9/10 bg-background-secondary/80 backdrop-blur-md border border-neutral/50 rounded-2xl shadow-xl overflow-hidden">
         <div class="flex flex-col h-full">
             
@@ -45,7 +45,7 @@
                                                             {{ $child['active'] ? 'text-primary bg-primary/10 border border-primary/20' : 'text-base/70 hover:text-foreground hover:bg-background/50' }}">
                                                         {{ $child['name'] }}
                                                         @if($child['active'])
-                                                            <div class="ml-auto w-2 h-2 bg-primary rounded-full"></div>
+                                                            <div class="ml-auto w-2 h-2 bg-primary rounded-full shadow-[0_0_8px_2px] shadow-primary/60"></div>
                                                         @endif
                                                     </x-navigation.link>
                                                 @endforeach
@@ -63,7 +63,7 @@
                                         @endisset
                                         <span>{{ $nav['name'] }}</span>
                                         @if($nav['active'])
-                                            <div class="ml-auto w-2 h-2 bg-primary rounded-full"></div>
+                                            <div class="ml-auto w-2 h-2 bg-primary rounded-full shadow-[0_0_8px_2px] shadow-primary/60"></div>
                                         @endif
                                     </x-navigation.link>
                                 @endif
@@ -104,7 +104,7 @@
                                                                 {{ $child['active'] ? 'text-primary bg-primary/10 border border-primary/20' : 'text-base/70 hover:text-foreground hover:bg-background/50' }}">
                                                             {{ $child['name'] }}
                                                             @if($child['active'])
-                                                                <div class="ml-auto w-2 h-2 bg-primary rounded-full"></div>
+                                                                <div class="ml-auto w-2 h-2 bg-primary rounded-full shadow-[0_0_8px_2px] shadow-primary/60"></div>
                                                             @endif
                                                         </x-navigation.link>
                                                     @endif
@@ -123,7 +123,7 @@
                                         @endisset
                                         <span>{{ $nav['name'] }}</span>
                                         @if($nav['active'])
-                                            <div class="ml-auto w-2 h-2 bg-primary rounded-full"></div>
+                                            <div class="ml-auto w-2 h-2 bg-primary rounded-full shadow-[0_0_8px_2px] shadow-primary/60"></div>
                                         @endif
                                     </x-navigation.link>
                                 @endif
diff --git a/themes/lucentui/views/layouts/app.blade.php b/themes/lucentui/views/layouts/app.blade.php
index e73d1184d..b2fafa4bb 100644
--- a/themes/lucentui/views/layouts/app.blade.php
+++ b/themes/lucentui/views/layouts/app.blade.php
@@ -253,17 +253,16 @@
     <x-navigation />
 
     @if(!theme('background_image_url'))
-        <div class="fixed inset-0 overflow-hidden pointer-events-none z-0">
-            <div class="absolute top-[50%] left-[50%] w-[300px] h-[300px] sm:w-[400px] sm:h-[400px] bg-primary rounded-full mix-blend-normal sm:mix-blend-screen filter blur-[40px] sm:blur-[120px] opacity-15 animate-pulse-optimized transform -translate-x-1/2 -translate-y-1/2"></div>
-            
-            <div class="hidden sm:block absolute top-[30%] right-[30%] w-32 h-32 sm:w-48 sm:h-48 bg-primary rounded-full mix-blend-screen filter blur-[80px] sm:blur-[120px] opacity-10 animate-pulse-optimized" 
-                 style="animation-delay: -1s;"></div>
-            
-            <div class="hidden md:block absolute bottom-[15%] right-[15%] w-40 h-40 sm:w-60 sm:h-60 bg-primary rounded-full mix-blend-screen filter blur-[70px] sm:blur-[100px] opacity-15 animate-pulse-optimized" 
+        {{-- Subtle ambient gradient accents (Volt-inspired). Kept minimal so
+             content readability stays crisp on both desktop and mobile. --}}
+        <div class="fixed inset-0 overflow-hidden pointer-events-none z-0" aria-hidden="true">
+            <div class="absolute top-[-10%] left-[-10%] w-[420px] h-[420px] bg-primary rounded-full filter blur-[110px] opacity-[0.10] sm:opacity-[0.14] animate-pulse-optimized"></div>
+
+            <div class="hidden md:block absolute bottom-[-15%] right-[-10%] w-[480px] h-[480px] bg-secondary rounded-full filter blur-[120px] opacity-[0.10] animate-pulse-optimized"
                  style="animation-delay: -2s;"></div>
-            
-            <div class="hidden sm:block absolute top-[25%] left-[25%] w-[150px] h-[150px] sm:w-[200px] sm:h-[200px] bg-primary rounded-full mix-blend-screen filter blur-[60px] sm:blur-[90px] opacity-10 animate-pulse-optimized" 
-                 style="animation-delay: -3s;"></div>
+
+            <div class="hidden lg:block absolute top-[30%] right-[20%] w-[260px] h-[260px] bg-primary rounded-full filter blur-[90px] opacity-[0.06] animate-pulse-optimized"
+                 style="animation-delay: -4s;"></div>
         </div>
     @endif
 
@@ -274,14 +273,14 @@
         
         <div class="{{ (isset($sidebar) && $sidebar) ? 'md:ml-64 rtl:ml-0 rtl:md:mr-64' : '' }} flex min-w-0 flex-col flex-grow overflow-y-auto overflow-x-hidden">
             
-            <main class="container mt-24 mx-auto min-w-0 max-w-full px-4 sm:px-6 md:px-16 lg:px-16 relative z-10 overflow-x-auto">
+            <main class="w-full mt-24 mx-auto min-w-0 max-w-full px-4 sm:px-6 md:px-16 lg:px-16 relative z-10">
                 {{ $slot }}
             </main>
             
             <x-notification />
             
             {{-- Same width and horizontal padding as <main> so footer aligns with page containers --}}
-            <div class="container relative z-0 mx-auto mb-3 min-w-0 max-w-full px-4 py-4 sm:px-6 md:px-16 lg:px-16">
+            <div class="w-full relative z-0 mx-auto mb-3 min-w-0 max-w-full px-4 py-4 sm:px-6 md:px-16 lg:px-16">
                 <x-navigation.footer />
             </div>
         </div>
diff --git a/themes/lucentui/views/layouts/colors.blade.php b/themes/lucentui/views/layouts/colors.blade.php
index cb00d0452..e9aa06a83 100644
--- a/themes/lucentui/views/layouts/colors.blade.php
+++ b/themes/lucentui/views/layouts/colors.blade.php
@@ -1,44 +1,56 @@
 <style>
+    /*
+     * Palette: "Pure Neutral Black + Neon" dark-first aesthetic.
+     * Dark mode is the canonical design; light mode is a retuned fallback.
+     * Admin-configured theme() values still take precedence over these defaults.
+     */
     :root {
-        /* Branding Colors (Light) */
-        --color-primary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('primary', '229 100% 64%'))) }};
-        --color-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('secondary', '237 33% 60%'))) }};
+        /* Branding Colors (Light) — electric violet + neon cyan */
+        --color-primary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('primary', '265 85% 55%'))) }};
+        --color-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('secondary', '190 85% 42%'))) }};
 
         /* Neutral Colors - Borders, Accents... (Light) */
-        --color-neutral: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('neutral', '220 25% 85%'))) }};
+        --color-neutral: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('neutral', '220 13% 88%'))) }};
 
         /* Text Colors (Light) */
-        --color-base: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('base', '0 0% 0%'))) }};
-        --color-muted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('muted', '220 28% 25%'))) }};
-        --color-inverted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('inverted', '100 100% 100%'))) }};
+        --color-base: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('base', '240 10% 10%'))) }};
+        --color-muted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('muted', '240 5% 45%'))) }};
+        --color-inverted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('inverted', '0 0% 100%'))) }};
 
         /* State Colors */
-        --color-success: 142 71% 45%;
-        --color-error: 0 75% 60%;
-        --color-warning: 25 95% 53%;
-        --color-inactive: 0 0% 63%;
-        --color-info: 210 100% 60%;
+        --color-success: 152 76% 45%;
+        --color-error: 350 85% 55%;
+        --color-warning: 38 95% 55%;
+        --color-inactive: 220 9% 64%;
+        --color-info: 210 90% 55%;
 
-        /* Background Colors (Light) */
-        --color-background: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('background', '100 100% 100%'))) }};
-        --color-background-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('background-secondary', '0 0% 97%'))) }};
+        /* Background Colors (Light) — cooler, higher contrast */
+        --color-background: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('background', '220 20% 97%'))) }};
+        --color-background-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('background-secondary', '0 0% 100%'))) }};
     }
 
     .dark {
-        /* Branding Colors (Dark) */
-        --color-primary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-primary', '229 100% 64%'))) }};
-        --color-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-secondary', '237 33% 60%'))) }};
+        /* Branding Colors (Dark) — electric violet + neon cyan */
+        --color-primary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-primary', '265 90% 66%'))) }};
+        --color-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-secondary', '190 95% 55%'))) }};
 
-        /* Neutral Colors - Borders, Accents... (Dark) */
-        --color-neutral: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-neutral', '220 25% 29%'))) }};
+        /* Neutral Colors - Borders, Accents... (Dark) — subtle slate */
+        --color-neutral: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-neutral', '240 5% 18%'))) }};
 
         /* Text Colors (Dark) */
-        --color-base: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-base', '100 100% 100%'))) }};
-        --color-muted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-muted', '220 28% 25%'))) }};
-        --color-inverted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-inverted', '220 14% 60%'))) }};
+        --color-base: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-base', '0 0% 98%'))) }};
+        --color-muted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-muted', '240 5% 65%'))) }};
+        --color-inverted: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-inverted', '0 0% 4%'))) }};
 
-        /* Background Colors (Dark) */
-        --color-background: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-background', '221 39% 11%'))) }};
-        --color-background-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-background-secondary', '217 33% 16%'))) }};
+        /* State Colors (Dark) — brighter for contrast */
+        --color-success: 152 76% 55%;
+        --color-error: 350 90% 65%;
+        --color-warning: 38 95% 62%;
+        --color-inactive: 240 5% 45%;
+        --color-info: 210 90% 65%;
+
+        /* Background Colors (Dark) — near-black OLED surfaces */
+        --color-background: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-background', '0 0% 4%'))) }};
+        --color-background-secondary: {{ str_replace(',', '', preg_replace('/^hsl\((.+)\)$/', '$1', theme('dark-background-secondary', '240 6% 8%'))) }};
     }
 </style>
\ No newline at end of file
diff --git a/themes/lucentui/views/layouts/colors.blade.php.bak b/themes/lucentui/views/layouts/colors.blade.php.bak
new file mode 100644
index 000000000..4053e7023
--- /dev/null
+++ b/themes/lucentui/views/layouts/colors.blade.php.bak
@@ -0,0 +1 @@
+{{-- Backup of colors.blade.php before Volt-inspired theme refresh --}}
diff --git a/themes/lucentui/views/vendor/pterodactyl2/console.blade.php b/themes/lucentui/views/vendor/pterodactyl2/console.blade.php
index 107f9b3c2..9c5341491 100644
--- a/themes/lucentui/views/vendor/pterodactyl2/console.blade.php
+++ b/themes/lucentui/views/vendor/pterodactyl2/console.blade.php
@@ -54,7 +54,7 @@
 @endassets
 
 <section
-    class="fade-appear-done fade-enter-done p-6 rounded-xl mx-auto"
+    class="fade-appear-done fade-enter-done container mx-auto px-4 py-8 sm:px-6 lg:px-8"
     id="console-section">
 
     {{-- Page Header --}}
diff --git a/vendor/_laravel_ide/discover-43419e1773d5590e98dcbfc1b7903297.php b/vendor/_laravel_ide/discover-43419e1773d5590e98dcbfc1b7903297.php
new file mode 100644
index 000000000..a0f81547e
--- /dev/null
+++ b/vendor/_laravel_ide/discover-43419e1773d5590e98dcbfc1b7903297.php
@@ -0,0 +1,361 @@
+<?php
+
+
+error_reporting(E_ERROR | E_PARSE);
+
+define('LARAVEL_START', microtime(true));
+
+require_once __DIR__ . '/../autoload.php';
+
+class LaravelVsCode
+{
+    public static function relativePath($path)
+    {
+        if (!str_contains($path, base_path())) {
+            return (string) $path;
+        }
+
+        return ltrim(str_replace(base_path(), '', realpath($path) ?: $path), DIRECTORY_SEPARATOR);
+    }
+
+    public static function isVendor($path)
+    {
+        return str_contains($path, base_path("vendor"));
+    }
+
+    public static function outputMarker($key)
+    {
+        return '__VSCODE_LARAVEL_' . $key . '__';
+    }
+
+    public static function startupError(\Throwable $e)
+    {
+        throw new Error(self::outputMarker('STARTUP_ERROR') . ': ' . $e->getMessage());
+    }
+}
+
+try {
+    $app = require_once __DIR__ . '/../../bootstrap/app.php';
+} catch (\Throwable $e) {
+    LaravelVsCode::startupError($e);
+    exit(1);
+}
+
+$app->register(new class($app) extends \Illuminate\Support\ServiceProvider
+{
+    public function boot()
+    {
+        config([
+            'logging.channels.null' => [
+                'driver' => 'monolog',
+                'handler' => \Monolog\Handler\NullHandler::class,
+            ],
+            'logging.default' => 'null',
+        ]);
+    }
+});
+
+try {
+    $kernel = $app->make(Illuminate\Contracts\Console\Kernel::class);
+    $kernel->bootstrap();
+} catch (\Throwable $e) {
+    LaravelVsCode::startupError($e);
+    exit(1);
+}
+
+echo LaravelVsCode::outputMarker('START_OUTPUT');
+
+if (class_exists('\phpDocumentor\Reflection\DocBlockFactory')) {
+    $factory = \phpDocumentor\Reflection\DocBlockFactory::createInstance();
+} else {
+    $factory = null;
+}
+
+$docblocks = new class($factory) {
+    public function __construct(protected $factory) {}
+
+    public function forMethod($method)
+    {
+        if ($this->factory !== null) {
+            $docblock = $this->factory->create($method->getDocComment());
+            $params = collect($docblock->getTagsByName("param"))->map(fn($p) => (string) $p)->all();
+            $return = (string) $docblock->getTagsByName("return")[0] ?? null;
+
+            return [$params, $return];
+        }
+
+
+        $params = collect($method->getParameters())
+            ->map(function (\ReflectionParameter $param) {
+                $types = match ($param?->getType()) {
+                    null => [],
+                    default => method_exists($param->getType(), "getTypes")
+                        ? $param->getType()->getTypes()
+                        : [$param->getType()]
+                };
+
+                $types = collect($types)
+                    ->filter()
+                    ->values()
+                    ->map(fn($t) => $t->getName());
+
+                return trim($types->join("|") . " $" . $param->getName());
+            })
+            ->all();
+
+        $return = $method->getReturnType()?->getName();
+
+        return [$params, $return];
+    }
+};
+
+$models = new class($factory) {
+    protected $output;
+
+    public function __construct(protected $factory)
+    {
+        $this->output = new \Symfony\Component\Console\Output\BufferedOutput();
+    }
+
+    public function all()
+    {
+        if (\Illuminate\Support\Facades\File::isDirectory(base_path('app/Models'))) {
+            collect(\Illuminate\Support\Facades\File::allFiles(base_path('app/Models')))
+                ->filter(fn(\Symfony\Component\Finder\SplFileInfo $file) => $file->getExtension() === 'php')
+                ->each(fn($file) => include_once($file));
+        }
+
+        return collect(get_declared_classes())
+            ->filter(fn($class) => is_subclass_of($class, \Illuminate\Database\Eloquent\Model::class))
+            ->filter(fn($class) => !in_array($class, [\Illuminate\Database\Eloquent\Relations\Pivot::class, \Illuminate\Foundation\Auth\User::class]))
+            ->values()
+            ->flatMap(fn(string $className) => $this->getInfo($className))
+            ->filter();
+    }
+
+    protected function getCastReturnType($className)
+    {
+        if ($className === null) {
+            return null;
+        }
+
+        try {
+            $method = (new \ReflectionClass($className))->getMethod('get');
+
+            if ($method->hasReturnType()) {
+                return $method->getReturnType()->getName();
+            }
+
+            return $className;
+        } catch (\Exception | \Throwable $e) {
+            return $className;
+        }
+    }
+
+    protected function fromArtisan($className)
+    {
+        try {
+            \Illuminate\Support\Facades\Artisan::call(
+                "model:show",
+                [
+                    "model" => $className,
+                    "--json" => true,
+                ],
+                $this->output
+            );
+        } catch (\Exception | \Throwable $e) {
+            return null;
+        }
+
+        return json_decode($this->output->fetch(), true);
+    }
+
+    protected function collectExistingProperties($reflection)
+    {
+        if ($this->factory === null) {
+            return collect();
+        }
+
+        if ($comment = $reflection->getDocComment()) {
+            $docblock = $this->factory->create($comment);
+
+            $existingProperties = collect($docblock->getTagsByName("property"))->map(fn($p) => $p->getVariableName());
+            $existingReadProperties = collect($docblock->getTagsByName("property-read"))->map(fn($p) => $p->getVariableName());
+
+            return $existingProperties->merge($existingReadProperties);
+        }
+
+        return collect();
+    }
+
+    protected function getParentClass(\ReflectionClass $reflection)
+    {
+        if (!$reflection->getParentClass()) {
+            return null;
+        }
+
+        $parent = $reflection->getParentClass()->getName();
+
+        if ($parent === \Illuminate\Database\Eloquent\Model::class) {
+            return null;
+        }
+
+        return \Illuminate\Support\Str::start($parent, '\\');
+    }
+
+    protected function getInfo($className)
+    {
+        if (($data = $this->fromArtisan($className)) === null) {
+            return null;
+        }
+
+        $reflection = new \ReflectionClass($className);
+
+        $data["extends"] = $this->getParentClass($reflection);
+
+        $existingProperties = $this->collectExistingProperties($reflection);
+
+        $data['attributes'] = collect($data['attributes'])
+            ->map(fn($attrs) => array_merge($attrs, [
+                'title_case' => str($attrs['name'])->title()->replace('_', '')->toString(),
+                'documented' => $existingProperties->contains($attrs['name']),
+                'cast' =>  $this->getCastReturnType($attrs['cast'])
+            ]))
+            ->toArray();
+
+        $data['scopes'] = collect($reflection->getMethods())
+            ->filter(fn(\ReflectionMethod $method) => !$method->isStatic() && ($method->getAttributes(\Illuminate\Database\Eloquent\Attributes\Scope::class) || ($method->isPublic() && str_starts_with($method->name, 'scope'))))
+            ->map(fn(\ReflectionMethod $method) => [
+                "name" => str($method->name)->replace('scope', '')->lcfirst()->toString(),
+                "method" => $method->name,
+                "parameters" => collect($method->getParameters())->map($this->getScopeParameterInfo(...)),
+            ])
+            ->values()
+            ->toArray();
+
+        $data['relations'] = collect($data['relations'])
+            ->map(fn($relation) => array_merge($relation, [
+                'snake_case' => \Illuminate\Support\Str::snake($relation['name']),
+            ]))
+            ->toArray();
+
+        $data['path'] = LaravelVsCode::relativePath($reflection->getFileName() ?: '');
+
+        return [
+            $className => $data,
+        ];
+    }
+
+    protected function getScopeParameterInfo(\ReflectionParameter $parameter): array
+    {
+        $result = [
+            "name" => $parameter->getName(),
+            "type" => $this->typeToString($parameter->getType()),
+            "hasDefault" => $parameter->isDefaultValueAvailable(),
+            "isVariadic" => $parameter->isVariadic(),
+            "isPassedByReference" => $parameter->isPassedByReference(),
+        ];
+
+        if ($parameter->isDefaultValueAvailable()) {
+            $result['default'] = $this->defaultValueToString($parameter);
+        }
+
+        return $result;
+    }
+
+    protected function typeToString(?\ReflectionType $type): string
+    {
+        return match (true) {
+            $type instanceof \ReflectionNamedType => $this->namedTypeToString($type),
+            $type instanceof \ReflectionUnionType => $this->unionTypeToString($type),
+            $type instanceof \ReflectionIntersectionType => $this->intersectionTypeToString($type),
+            default => 'mixed',
+        };
+    }
+
+    protected function namedTypeToString(\ReflectionNamedType $type): string
+    {
+        $name = $type->getName();
+
+        if (! $type->isBuiltin() && ! in_array($name, ['self', 'parent', 'static'])) {
+            $name = '\\'.$name;
+        }
+
+        if ($type->allowsNull() && ! in_array($name, ['null', 'mixed', 'void'])) {
+            $name = '?'.$name;
+        }
+
+        return $name;
+    }
+
+    protected function unionTypeToString(\ReflectionUnionType $type): string
+    {
+        return implode('|', array_map(function (\ReflectionType $type) {
+            $result = $this->typeToString($type);
+
+            if ($type instanceof \ReflectionIntersectionType) {
+                return "({$result})";
+            }
+
+            return $result;
+        }, $type->getTypes()));
+    }
+
+    protected function intersectionTypeToString(\ReflectionIntersectionType $type): string
+    {
+        return implode('&', array_map($this->typeToString(...), $type->getTypes()));
+    }
+
+    protected function defaultValueToString(\ReflectionParameter $param): string
+    {
+        if ($param->isDefaultValueConstant()) {
+            return '\\'.$param->getDefaultValueConstantName();
+        }
+
+        $value = $param->getDefaultValue();
+
+        return match (true) {
+            is_null($value) => 'null',
+            is_numeric($value) => $value,
+            is_bool($value) => $value ? 'true' : 'false',
+            is_array($value) => '[]',
+            is_object($value) => 'new \\'.get_class($value),
+            default => "'{$value}'",
+        };
+    }
+};
+
+$builder = new class($docblocks) {
+    public function __construct(protected $docblocks) {}
+
+    public function methods()
+    {
+        $reflection = new \ReflectionClass(\Illuminate\Database\Query\Builder::class);
+
+        return collect($reflection->getMethods(\ReflectionMethod::IS_PUBLIC | \ReflectionMethod::IS_PROTECTED))
+            ->filter(fn(ReflectionMethod $method) => !str_starts_with($method->getName(), "__") || (!$method->isPublic() && empty($method->getAttributes(\Illuminate\Database\Eloquent\Attributes\Scope::class))))
+            ->map(fn(\ReflectionMethod $method) => $this->getMethodInfo($method))
+            ->filter()
+            ->values();
+    }
+
+    protected function getMethodInfo($method)
+    {
+        [$params, $return] = $this->docblocks->forMethod($method);
+
+        return [
+            "name" => $method->getName(),
+            "parameters" => $params,
+            "return" => $return,
+        ];
+    }
+};
+
+echo json_encode([
+    'builderMethods' => $builder->methods(),
+    'models' => $models->all(),
+]);
+
+echo LaravelVsCode::outputMarker('END_OUTPUT');
+
+exit(0);
diff --git a/vendor/_laravel_ide/discover-4dd8aa2c89a79640c26a5af93ae899b1.php b/vendor/_laravel_ide/discover-4dd8aa2c89a79640c26a5af93ae899b1.php
new file mode 100644
index 000000000..62052d1d0
--- /dev/null
+++ b/vendor/_laravel_ide/discover-4dd8aa2c89a79640c26a5af93ae899b1.php
@@ -0,0 +1,314 @@
+<?php
+
+
+error_reporting(E_ERROR | E_PARSE);
+
+define('LARAVEL_START', microtime(true));
+
+require_once __DIR__ . '/../autoload.php';
+
+class LaravelVsCode
+{
+    public static function relativePath($path)
+    {
+        if (!str_contains($path, base_path())) {
+            return (string) $path;
+        }
+
+        return ltrim(str_replace(base_path(), '', realpath($path) ?: $path), DIRECTORY_SEPARATOR);
+    }
+
+    public static function isVendor($path)
+    {
+        return str_contains($path, base_path("vendor"));
+    }
+
+    public static function outputMarker($key)
+    {
+        return '__VSCODE_LARAVEL_' . $key . '__';
+    }
+
+    public static function startupError(\Throwable $e)
+    {
+        throw new Error(self::outputMarker('STARTUP_ERROR') . ': ' . $e->getMessage());
+    }
+}
+
+try {
+    $app = require_once __DIR__ . '/../../bootstrap/app.php';
+} catch (\Throwable $e) {
+    LaravelVsCode::startupError($e);
+    exit(1);
+}
+
+$app->register(new class($app) extends \Illuminate\Support\ServiceProvider
+{
+    public function boot()
+    {
+        config([
+            'logging.channels.null' => [
+                'driver' => 'monolog',
+                'handler' => \Monolog\Handler\NullHandler::class,
+            ],
+            'logging.default' => 'null',
+        ]);
+    }
+});
+
+try {
+    $kernel = $app->make(Illuminate\Contracts\Console\Kernel::class);
+    $kernel->bootstrap();
+} catch (\Throwable $e) {
+    LaravelVsCode::startupError($e);
+    exit(1);
+}
+
+echo LaravelVsCode::outputMarker('START_OUTPUT');
+
+use Illuminate\Support\Facades\File;
+use Pest\Contracts\HasPrintableTestCaseName;
+use Pest\Support\Str as PestStr;
+use Pest\TestSuite;
+use PHPUnit\Framework\Attributes\Test;
+use PHPUnit\Framework\TestCase;
+use PHPUnit\Runner\TestSuiteLoader;
+use PHPUnit\TextUI\XmlConfiguration\LoadedFromFileConfiguration;
+use PHPUnit\TextUI\XmlConfiguration\Loader as XmlConfigurationLoader;
+use SebastianBergmann\FileIterator\Facade as FileIterator;
+
+$tests = new class {
+    public function all(): array
+    {
+        if (! $this->isPhpUnitInstalled()) {
+            return [];
+        }
+
+        if ($this->isPestInstalled()) {
+            $this->bootPest();
+        }
+
+        return collect(
+            $this->getTestSuites()
+        )->map(fn ($suite) => [
+            'name' => $suite['name'],
+            'files' => collect(array_merge(
+                $this->collectPhpUnitTests($suite['files']),
+                $this->collectPestTests($suite['files']),
+            ))->map($this->pathsTransformer($suite['directories'])),
+        ])->all();
+    }
+
+    protected function pathsTransformer(array $directories): callable
+    {
+        $directories = array_map(LaravelVsCode::relativePath(...), $directories);
+
+        return function (array $file) use ($directories) {
+            return array_merge($file, [
+                'path' => $path = LaravelVsCode::relativePath($file['path']),
+                'name' => str($path)->basename()->replace('.php', ''),
+                'directories' => str($path)->dirname()
+                    ->replace($directories, '')
+                    ->ltrim(DIRECTORY_SEPARATOR)
+                    ->explode(DIRECTORY_SEPARATOR)
+                    ->filter(),
+            ]);
+        };
+    }
+
+    protected function isPhpUnitInstalled(): bool
+    {
+        return class_exists(TestCase::class);
+    }
+
+    protected function isPestInstalled(): bool
+    {
+        return class_exists(TestSuite::class);
+    }
+
+    protected function bootPest(): void
+    {
+        require_once base_path('vendor/pestphp/pest/overrides/Runner/TestSuiteLoader.php');
+
+        TestSuite::getInstance(base_path(), 'tests');
+
+        if (file_exists($pestFile = base_path('tests/Pest.php'))) {
+            require_once $pestFile;
+        }
+    }
+
+    /**
+     * @return array<int, array{name: string, directories: array<int, string>, files: array<int, string>}>
+     */
+    protected function getTestSuites(): array
+    {
+        if (is_null($config = $this->loadConfig())) {
+            return [[
+                'name' => 'default',
+                'directories' => [base_path('tests')],
+                'files' => $this->findTestFiles(base_path('tests')),
+            ]];
+        }
+
+        $result = [];
+
+        foreach ($config->testSuite() as $suite) {
+            $files = collect();
+
+            foreach ($suite->directories() as $directory) {
+                $files->push(...$this->findTestFiles($directory->path()));
+            }
+
+            foreach ($suite->files() as $file) {
+                $files->push($file->path());
+            }
+
+            $result[] = [
+                'name' => $suite->name(),
+                'directories' => collect($suite->directories()->asArray())->map->path()->all(),
+                'files' => $files->all(),
+            ];
+        }
+
+        return $result;
+    }
+
+    protected function loadConfig(): ?LoadedFromFileConfiguration
+    {
+        foreach ([
+            base_path('phpunit.xml'),
+            base_path('phpunit.xml.dist'),
+        ] as $path) {
+            if (File::exists($path)) {
+                return (new XmlConfigurationLoader)->load($path);
+            }
+        }
+
+        return null;
+    }
+
+    /**
+     * @return array<int, string>
+     */
+    protected function findTestFiles(string $directory): array
+    {
+        return (new FileIterator)->getFilesAsArray($directory, 'Test.php');
+    }
+
+    /**
+     * @param  array<int, string>  $files
+     * @return array{path:string, tests: array<int, array{name: string, line: int}>}
+     */
+    protected function collectPestTests(array $files): array
+    {
+        if (! $this->isPestInstalled()) {
+            return [];
+        }
+
+        if (is_null($pest = TestSuite::getInstance())) {
+            return [];
+        }
+
+        $results = [];
+
+        foreach ($files as $path) {
+            if (is_null($factory = $pest->tests->get($path))) {
+                continue;
+            }
+
+            $results[] = [
+                'path' => $path,
+                'tests' => collect($factory->methods)
+                    ->whereNotNull('description')
+                    ->map(fn ($method) => [
+                        'name' => $method->description,
+                        'eventName' => PestStr::evaluable($method->description),
+                        'line' => (new ReflectionFunction($method->closure))->getStartLine(),
+                    ])
+                    ->values()
+                    ->all(),
+            ];
+        }
+
+        return $results;
+    }
+
+    /**
+     * @param  array<int, string>  $files
+     * @return array{path:string, tests: array<int, array{name: string, line: int}>}
+     */
+    protected function collectPhpUnitTests(array $files): array
+    {
+        $loader = new TestSuiteLoader;
+
+        $results = [];
+
+        foreach ($files as $path) {
+            try {
+                $reflection = $loader->load($path);
+            } catch (Throwable $e) {
+                continue;
+            }
+
+            if (! $this->isPhpUnitTest($reflection)) {
+                continue;
+            }
+
+            $tests = $this->extractTestMethods($reflection);
+
+            if (! empty($tests)) {
+                $results[] = compact('path', 'tests');
+            }
+        }
+
+        return $results;
+    }
+
+    protected function isPhpUnitTest(ReflectionClass $reflection): bool
+    {
+        if (! $this->isPestInstalled()) {
+            return $reflection->isSubclassOf(TestCase::class);
+        }
+
+        return $reflection->isSubclassOf(TestCase::class)
+            && ! $reflection->implementsInterface(HasPrintableTestCaseName::class);
+    }
+
+    /**
+     * @param  ReflectionClass<TestCase>  $reflection
+     * @return array<int, array{name: string, line: int}>
+     */
+    protected function extractTestMethods(ReflectionClass $reflection): array
+    {
+        $tests = [];
+
+        foreach ($reflection->getMethods(ReflectionMethod::IS_PUBLIC) as $method) {
+            if ($method->getDeclaringClass()->getName() !== $reflection->getName()) {
+                continue;
+            }
+
+            if (! $this->isTestMethod($method)) {
+                continue;
+            }
+
+            $tests[] = [
+                'name' => $name = $method->getName(),
+                'eventName' => $name,
+                'line' => $method->getStartLine(),
+            ];
+        }
+
+        return $tests;
+    }
+
+    protected function isTestMethod(ReflectionMethod $method): bool
+    {
+        return str_starts_with($method->getName(), 'test')
+            || $method->getAttributes(Test::class) !== [];
+    }
+};
+
+echo json_encode($tests->all());
+
+echo LaravelVsCode::outputMarker('END_OUTPUT');
+
+exit(0);
diff --git a/vendor/_laravel_ide/discover-bf37f1dc35944596ec71c910bc1ca84f.php b/vendor/_laravel_ide/discover-bf37f1dc35944596ec71c910bc1ca84f.php
new file mode 100644
index 000000000..6255f926b
--- /dev/null
+++ b/vendor/_laravel_ide/discover-bf37f1dc35944596ec71c910bc1ca84f.php
@@ -0,0 +1,154 @@
+<?php
+
+
+error_reporting(E_ERROR | E_PARSE);
+
+define('LARAVEL_START', microtime(true));
+
+require_once __DIR__ . '/../autoload.php';
+
+class LaravelVsCode
+{
+    public static function relativePath($path)
+    {
+        if (!str_contains($path, base_path())) {
+            return (string) $path;
+        }
+
+        return ltrim(str_replace(base_path(), '', realpath($path) ?: $path), DIRECTORY_SEPARATOR);
+    }
+
+    public static function isVendor($path)
+    {
+        return str_contains($path, base_path("vendor"));
+    }
+
+    public static function outputMarker($key)
+    {
+        return '__VSCODE_LARAVEL_' . $key . '__';
+    }
+
+    public static function startupError(\Throwable $e)
+    {
+        throw new Error(self::outputMarker('STARTUP_ERROR') . ': ' . $e->getMessage());
+    }
+}
+
+try {
+    $app = require_once __DIR__ . '/../../bootstrap/app.php';
+} catch (\Throwable $e) {
+    LaravelVsCode::startupError($e);
+    exit(1);
+}
+
+$app->register(new class($app) extends \Illuminate\Support\ServiceProvider
+{
+    public function boot()
+    {
+        config([
+            'logging.channels.null' => [
+                'driver' => 'monolog',
+                'handler' => \Monolog\Handler\NullHandler::class,
+            ],
+            'logging.default' => 'null',
+        ]);
+    }
+});
+
+try {
+    $kernel = $app->make(Illuminate\Contracts\Console\Kernel::class);
+    $kernel->bootstrap();
+} catch (\Throwable $e) {
+    LaravelVsCode::startupError($e);
+    exit(1);
+}
+
+echo LaravelVsCode::outputMarker('START_OUTPUT');
+
+use Pest\Expectation;
+use Pest\TestSuite;
+
+$pest = new class {
+    public function __construct()
+    {
+        if ($this->isInstalled()) {
+            $this->boot();
+        }
+    }
+
+    public function isInstalled(): bool
+    {
+        return class_exists(TestSuite::class);
+    }
+
+    protected function boot(): void
+    {
+        require_once base_path('vendor/pestphp/pest/overrides/Runner/TestSuiteLoader.php');
+
+        TestSuite::getInstance(base_path(), 'tests');
+
+        if (file_exists($pestFile = base_path('tests/Pest.php'))) {
+            require_once $pestFile;
+        }
+    }
+
+    public function config(): ?array
+    {
+        if (! $this->isInstalled()) {
+            return null;
+        }
+
+        return [
+            'uses' => $this->uses(),
+            'expectations' => $this->expectations(),
+        ];
+    }
+
+    protected function uses(): array
+    {
+        if (is_null($instance = TestSuite::getInstance())) {
+            return [];
+        }
+
+        $reflection = new ReflectionProperty($instance->tests, 'uses');
+        $uses = $reflection->getValue($instance->tests);
+
+        return collect($uses)->map(function (array $use, string $path) {
+            [$classOrTraits] = $use;
+
+            return [
+                'path' => LaravelVsCode::relativePath($path),
+                'classes' => array_values(array_filter($classOrTraits, fn ($c) => class_exists($c))),
+                'traits' => array_values(array_filter($classOrTraits, fn ($c) => trait_exists($c))),
+            ];
+        })->values()->all();
+    }
+
+    protected function expectations(): array
+    {
+        $reflection = new ReflectionProperty(Expectation::class, 'extends');
+        $extends = $reflection->getValue();
+
+        return collect($extends)->map(function (Closure $closure, string $name) {
+            $parameters = collect((new ReflectionFunction($closure))->getParameters())
+                ->map(function (ReflectionParameter $param) {
+                    $type = $param->hasType() ? $param->getType() . ' ' : '';
+
+                    $default = $param->isOptional() && $param->isDefaultValueAvailable()
+                        ? ' = ' . var_export($param->getDefaultValue(), true)
+                        : '';
+
+                    return $type . "$" . $param->getName() . $default;
+                })
+                ->join(', ');
+
+            return compact('name', 'parameters');
+        })->values()->all();
+    }
+};
+
+echo json_encode($pest->config());
+
+echo LaravelVsCode::outputMarker('END_OUTPUT');
+
+exit(0);