From ce0850c10d348a62c06d9146a1557a74515d29bc Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Wed, 3 Dec 2025 23:23:20 -0500
Subject: [PATCH] refactor: update core rules and enhance Proxmox views with
 improved styling and structure for better readability

---
 .cursor/rules/core.mdc                             |  3 ++-
 extensions/Servers/Proxmox/views/network.blade.php | 10 +++++-----
 .../Servers/Proxmox/views/overview-new-scripts.js  | 10 +++++-----
 .../Servers/Proxmox/views/statistics.blade.php     | 14 +++++++-------
 4 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/.cursor/rules/core.mdc b/.cursor/rules/core.mdc
index 15174a3b2..019484c89 100644
--- a/.cursor/rules/core.mdc
+++ b/.cursor/rules/core.mdc
@@ -15,4 +15,5 @@ You have two modes of operation:
 - Unless the user explicity asks you to move to act mode, by typing `ACT` you will stay in plan mode.
 - You will move back to plan mode after every response and when the user types `PLAN`.
 - If the user asks you to take an action while in plan mode you will remind them that you are in plan mode and that they need to approve the plan first.
-- When in plan mode always output the full updated plan in every response.
\ No newline at end of file
+- When in plan mode always output the full updated plan in every response.
+- Always proceed from PLAN to ACT without prompting confirmnation and then proceed to ACT without confirmation.
\ No newline at end of file
diff --git a/extensions/Servers/Proxmox/views/network.blade.php b/extensions/Servers/Proxmox/views/network.blade.php
index 83f640e82..c64b48c8c 100644
--- a/extensions/Servers/Proxmox/views/network.blade.php
+++ b/extensions/Servers/Proxmox/views/network.blade.php
@@ -66,7 +66,7 @@
             <x-ri-error-warning-fill class="size-5 text-error flex-shrink-0 mt-0.5" />
             <div class="flex-1">
                 <div class="flex items-center justify-between mb-2">
-                    <h3 class="text-sm font-semibold text-base">IP Address Usage Policy & Protocol Restrictions</h3>
+                    <h3 class="text-sm font-semibold">IP Address Usage Policy & Protocol Restrictions</h3>
                     <button @click="toggle()" type="button" class="text-base/60 hover:text-base transition-colors">
                         <x-ri-arrow-down-s-line x-bind:class="isCollapsed ? 'size-4 transition-transform rotate-180' : 'size-4 transition-transform'" />
                     </button>
@@ -141,7 +141,7 @@
                                 <div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
                                     <x-ri-global-line class="size-5 text-primary" />
                                 </div>
-                                <h6 class="font-sans text-lg font-semibold leading-tight text-base">
+                                <h6 class="font-sans text-lg font-semibold leading-tight text-base/100">
                                     Assigned Network Addresses
                                 </h6>
                             </div>
@@ -212,7 +212,7 @@
                                 <div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
                                     <x-ri-router-line class="size-5 text-primary" />
                                 </div>
-                                <h6 class="font-sans text-lg font-semibold leading-tight text-base">
+                                <h6 class="font-sans text-lg font-semibold leading-tight">
                                     Network Devices
                                 </h6>
                             </div>
@@ -625,7 +625,7 @@
                                 <div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
                                     <x-ri-information-line class="size-5 text-primary" />
                                 </div>
-                                <h6 class="font-sans text-lg font-semibold leading-tight text-base">
+                                <h6 class="font-sans text-lg font-semibold leading-tight">
                                     Additional Network Addresses (Guest Agent)
                                 </h6>
                             </div>
@@ -651,7 +651,7 @@
                     <div class="flex items-start gap-3">
                         <x-ri-information-line class="size-5 text-info flex-shrink-0 mt-0.5" />
                         <div class="flex-1">
-                            <h4 class="text-sm font-semibold text-base mb-2">QEMU Guest Agent</h4>
+                            <h4 class="text-sm font-semibold mb-2">QEMU Guest Agent</h4>
                             <p class="text-xs text-base/70 leading-relaxed mb-2">
                                 The <strong>QEMU Guest Agent</strong> is a service that runs inside the virtual machine and provides additional information about the guest operating system to the hypervisor. When the guest agent is installed and activated, this section will display any additional network addresses detected within the guest OS that are not configured in the system database.
                             </p>
diff --git a/extensions/Servers/Proxmox/views/overview-new-scripts.js b/extensions/Servers/Proxmox/views/overview-new-scripts.js
index 0459f9291..7867e8340 100644
--- a/extensions/Servers/Proxmox/views/overview-new-scripts.js
+++ b/extensions/Servers/Proxmox/views/overview-new-scripts.js
@@ -20,14 +20,14 @@ const createInterfaceCard = (interfaceData, index) => {
         <div class="bg-background-secondary border border-neutral rounded-lg p-6 ${isMultiple ? '' : 'md:col-span-2'}">
             <div class="flex items-center justify-between mb-4">
                 <div>
-                    <h3 class="text-lg font-semibold text-base flex items-center gap-2">
+                    <h3 class="text-lg font-semibold flex items-center gap-2">
                         <svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
                                   d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path>
                         </svg>
                         ${interfaceData.name}
                     </h3>
-                    <p class="text-sm text-base/60 mt-1">Live bandwidth • Updates every 5 seconds</p>
+                    <p class="text-sm/60 mt-1">Live bandwidth • Updates every 5 seconds</p>
                 </div>
                 <button class="text-base/60 hover:text-base transition-colors chart-toggle" 
                         data-interface="${interfaceId}"
@@ -96,15 +96,15 @@ const createInterfaceCard = (interfaceData, index) => {
             <div class="grid grid-cols-3 gap-3 text-center">
                 <div class="p-3 rounded bg-background-secondary/50 border border-neutral/20">
                     <p class="text-xs text-base/50 uppercase">Combined</p>
-                    <p class="text-sm font-semibold text-base" data-traffic="${interfaceId}-combined">0 B/s</p>
+                    <p class="text-sm font-semibold" data-traffic="${interfaceId}-combined">0 B/s</p>
                 </div>
                 <div class="p-3 rounded bg-background-secondary/50 border border-neutral/20">
                     <p class="text-xs text-base/50 uppercase">Total In</p>
-                    <p class="text-sm font-semibold text-base" data-traffic="${interfaceId}-total-in">0 MB</p>
+                    <p class="text-sm font-semibold" data-traffic="${interfaceId}-total-in">0 MB</p>
                 </div>
                 <div class="p-3 rounded bg-background-secondary/50 border border-neutral/20">
                     <p class="text-xs text-base/50 uppercase">Total Out</p>
-                    <p class="text-sm font-semibold text-base" data-traffic="${interfaceId}-total-out">0 MB</p>
+                    <p class="text-sm font-semibold" data-traffic="${interfaceId}-total-out">0 MB</p>
                 </div>
             </div>
         </div>
diff --git a/extensions/Servers/Proxmox/views/statistics.blade.php b/extensions/Servers/Proxmox/views/statistics.blade.php
index c308a8cb4..facc292ae 100644
--- a/extensions/Servers/Proxmox/views/statistics.blade.php
+++ b/extensions/Servers/Proxmox/views/statistics.blade.php
@@ -62,7 +62,7 @@
                                         <div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
                                             <x-ri-bar-chart-line class="size-5 text-primary" />
                                         </div>
-                                        <h6 class="font-sans text-lg font-semibold leading-tight text-base">
+                                        <h6 class="font-sans text-lg font-semibold leading-tight">
                                             Statistics
                                         </h6>
                                     </div>
@@ -148,7 +148,7 @@
                                             <div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
                                                 <x-ri-line-chart-line class="size-5 text-primary" />
                                             </div>
-                                            <h6 class="font-sans text-lg font-semibold leading-tight text-base">
+                                            <h6 class="font-sans text-lg font-semibold leading-tight">
                                                 Live Telemetry
                                             </h6>
                                         </div>
@@ -238,7 +238,7 @@
                                                         <div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
                                                             <x-ri-cpu-line class="size-5 text-primary" />
                                                         </div>
-                                                        <h6 class="font-sans text-lg font-semibold leading-tight text-base">
+                                                        <h6 class="font-sans text-lg font-semibold leading-tight">
                                                             Processor Utilization
                                                         </h6>
                                                     </div>
@@ -332,7 +332,7 @@
                                                     <div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
                                                         <x-ri-arrow-left-right-line class="size-5 text-primary" />
                                                     </div>
-                                                    <h6 class="font-sans text-lg font-semibold leading-tight text-base">
+                                                    <h6 class="font-sans text-lg font-semibold leading-tight">
                                                         Network Traffic
                                                     </h6>
                                                 </div>
@@ -426,9 +426,9 @@
                                                     <div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
                                                         <x-ri-ram-line class="size-5 text-primary" />
                                                     </div>
-                                                    <h6 class="font-sans text-lg font-semibold leading-tight text-base">
-                                                        Memory Utilization
-                                                    </h6>
+                                                        <h6 class="font-sans text-lg font-semibold leading-tight">
+                                                            Memory Utilization
+                                                        </h6>
                                                 </div>
                                                 <p class="block font-sans text-sm font-normal leading-relaxed text-base/90 mb-4">
                                                     This graph displays memory utilization over time, showing both the current memory usage and the maximum available memory. It helps you monitor RAM consumption, identify memory leaks, and track memory allocation patterns.