refactor: update core rules and enhance Proxmox views with improved styling and structure for better readability
This commit is contained in:
@@ -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`.
|
||||
- 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.
|
||||
- Always proceed from PLAN to ACT without prompting confirmnation and then proceed to ACT without confirmation.
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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,7 +426,7 @@
|
||||
<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">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Memory Utilization
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user