diff --git a/addons/cetmix_tower_server/static/src/components/server_status/server_status_field.esm.js b/addons/cetmix_tower_server/static/src/components/server_status/server_status_field.esm.js
new file mode 100644
index 0000000..42d274e
--- /dev/null
+++ b/addons/cetmix_tower_server/static/src/components/server_status/server_status_field.esm.js
@@ -0,0 +1,33 @@
+/** @odoo-module */
+
+import {registry} from "@web/core/registry";
+import {StateSelectionField} from "@web/views/fields/state_selection/state_selection_field";
+
+import {STATUS_COLORS, STATUS_COLOR_PREFIX} from "../../utils/server_utils.esm";
+
+export class ServerStatusField extends StateSelectionField {
+    /**
+     * @override
+     */
+    setup() {
+        super.setup();
+        this.colorPrefix = STATUS_COLOR_PREFIX;
+        this.colors = STATUS_COLORS;
+    }
+
+    /**
+     * @override
+     */
+    get options() {
+        return [[false, "Undefined"], ...super.options];
+    }
+
+    /**
+     * @override
+     */
+    get showLabel() {
+        return !this.props.hideLabel;
+    }
+}
+
+registry.category("fields").add("server_status", ServerStatusField);