feat: sentinel + charts

resources/views/livewire/server/form.blade.php

@@ -144,6 +144,26 @@
                 <x-forms.input id="server.settings.dynamic_timeout" label="Deployment timeout (seconds)" required
                     helper="You can define the maximum duration for a deployment to run before timing it out." />
             </div>
+            <div class="flex items-center gap-2">
+                <h3 class="py-4">Metrics</h3>
+                @if ($server->isMetricsEnabled())
+                    <x-forms.button wire:click='restartSentinel'>Restart Collector</x-forms.button>
+                @endif
+            </div>
+            <div class="w-64">
+                <x-forms.checkbox instantSave id="server.settings.is_metrics_enabled" label="Enable metrics" />
+            </div>
+            <div class="pt-4">
+                <div class="flex flex-wrap gap-2 sm:flex-nowrap">
+                    <x-forms.input type="password" id="server.settings.metrics_token" label="Metrics token" required
+                        helper="Token for collector (Sentinel)." />
+                    <x-forms.input id="server.settings.metrics_refresh_rate_seconds" label="Metrics rate (seconds)"
+                        required
+                        helper="The interval for gathering metrics. Lower means more disk space will be used." />
+                    <x-forms.input id="server.settings.metrics_history_days" label="Metrics history (days)" required
+                        helper="How many days should the metrics data should be reserved." />
+                </div>
+            </div>
         @endif
     </form>
 </div>

resources/views/livewire/server/show.blade.php

@@ -5,9 +5,26 @@
     <x-server.navbar :server="$server" :parameters="$parameters" />
     <livewire:server.form :server="$server" />
     <livewire:server.delete :server="$server" />
-    @if (isDev())
+    @if ($server->isFunctional() && $server->isMetricsEnabled())
         <div class="pt-10">
-            <livewire:charts.server :server="$server" />
+            <script>
+                let theme = localStorage.theme
+                let baseColor = '#FCD452'
+                let textColor = '#ffffff'
+
+                function checkTheme() {
+                    theme = localStorage.theme
+                    if (theme == 'dark') {
+                        baseColor = '#FCD452'
+                        textColor = '#ffffff'
+                    } else {
+                        baseColor = 'black'
+                        textColor = '#000000'
+                    }
+                }
+            </script>
+            <livewire:charts.server-cpu :server="$server" />
+            <livewire:charts.server-memory :server="$server" />
         </div>
     @endif
 </div>