feat: supports swarm mode with stacks and services on remote hosts 🙌🏼 (#2961)

assets/components/ContainerViewer/ContainerHealth.vue

@@ -0,0 +1,25 @@
+<template>
+  <div class="inline-flex size-4" :health="health" v-if="health" :title="health">
+    <cil:check-circle v-if="health == 'healthy'" />
+    <cil:x-circle v-else-if="health == 'unhealthy'" />
+    <cil:circle v-else />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ContainerHealth } from "@/types/Container";
+
+defineProps<{
+  health: ContainerHealth | undefined;
+}>();
+</script>
+
+<style lang="postcss" scoped>
+[health="unhealthy"] {
+  @apply text-red;
+}
+
+[health="healthy"] {
+  @apply text-green;
+}
+</style>