Joseph.Rawlings/Virtnet.bond
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

refactor: update core rules and enhance Proxmox views with improved styling and structure for better readability

Browse Source
This commit is contained in:
Joseph.Rawlings
2025-12-03 23:23:20 -05:00
parent 1f9824a0b6
commit ce0850c10d
4 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.cursor/rules/core.mdc
View File

@@ -16,3 +16,4 @@ You have two modes of operation:
- You will move back to plan mode after every response and when the user types `PLAN`. - 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. - 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. - 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.

10
extensions/Servers/Proxmox/views/network.blade.php
View File

@@ -66,7 +66,7 @@
<x-ri-error-warning-fill class="size-5 text-error flex-shrink-0 mt-0.5" /> <x-ri-error-warning-fill class="size-5 text-error flex-shrink-0 mt-0.5" />
<div class="flex-1"> <div class="flex-1">
<div class="flex items-center justify-between mb-2"> <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"> <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'" /> <x-ri-arrow-down-s-line x-bind:class="isCollapsed ? 'size-4 transition-transform rotate-180' : 'size-4 transition-transform'" />
</button> </button>
@@ -141,7 +141,7 @@
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10"> <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" /> <x-ri-global-line class="size-5 text-primary" />
</div> </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 Assigned Network Addresses
</h6> </h6>
</div> </div>
@@ -212,7 +212,7 @@
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10"> <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" /> <x-ri-router-line class="size-5 text-primary" />
</div> </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 Network Devices
</h6> </h6>
</div> </div>
@@ -625,7 +625,7 @@
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10"> <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" /> <x-ri-information-line class="size-5 text-primary" />
</div> </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) Additional Network Addresses (Guest Agent)
</h6> </h6>
</div> </div>
@@ -651,7 +651,7 @@
<div class="flex items-start gap-3"> <div class="flex items-start gap-3">
<x-ri-information-line class="size-5 text-info flex-shrink-0 mt-0.5" /> <x-ri-information-line class="size-5 text-info flex-shrink-0 mt-0.5" />
<div class="flex-1"> <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"> <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. 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> </p>

10
extensions/Servers/Proxmox/views/overview-new-scripts.js
View File

@@ -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="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 class="flex items-center justify-between mb-4">
<div> <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"> <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" <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> 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> </svg>
${interfaceData.name} ${interfaceData.name}
</h3> </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> </div>
<button class="text-base/60 hover:text-base transition-colors chart-toggle" <button class="text-base/60 hover:text-base transition-colors chart-toggle"
data-interface="${interfaceId}" data-interface="${interfaceId}"
@@ -96,15 +96,15 @@ const createInterfaceCard = (interfaceData, index) => {
<div class="grid grid-cols-3 gap-3 text-center"> <div class="grid grid-cols-3 gap-3 text-center">
<div class="p-3 rounded bg-background-secondary/50 border border-neutral/20"> <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-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>
<div class="p-3 rounded bg-background-secondary/50 border border-neutral/20"> <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-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>
<div class="p-3 rounded bg-background-secondary/50 border border-neutral/20"> <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-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> </div>
</div> </div>

14
extensions/Servers/Proxmox/views/statistics.blade.php
View File

@@ -62,7 +62,7 @@
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10"> <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" /> <x-ri-bar-chart-line class="size-5 text-primary" />
</div> </div>
<h6 class="font-sans text-lg font-semibold leading-tight text-base"> <h6 class="font-sans text-lg font-semibold leading-tight">
Statistics Statistics
</h6> </h6>
</div> </div>
@@ -148,7 +148,7 @@
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10"> <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" /> <x-ri-line-chart-line class="size-5 text-primary" />
</div> </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 Live Telemetry
</h6> </h6>
</div> </div>
@@ -238,7 +238,7 @@
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10"> <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" /> <x-ri-cpu-line class="size-5 text-primary" />
</div> </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 Processor Utilization
</h6> </h6>
</div> </div>
@@ -332,7 +332,7 @@
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10"> <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" /> <x-ri-arrow-left-right-line class="size-5 text-primary" />
</div> </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 Network Traffic
</h6> </h6>
</div> </div>
@@ -426,9 +426,9 @@
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10"> <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" /> <x-ri-ram-line class="size-5 text-primary" />
</div> </div>
<h6 class="font-sans text-lg font-semibold leading-tight text-base"> <h6 class="font-sans text-lg font-semibold leading-tight">
Memory Utilization Memory Utilization
</h6> </h6>
</div> </div>
<p class="block font-sans text-sm font-normal leading-relaxed text-base/90 mb-4"> <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. 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.