refactor: Add system model filtering for release upgrade

frontend/src/components/DeploymentDetails.tsx

@@ -567,6 +567,7 @@ const DeploymentDetails = ({
   const upgradeReleaseOptions: SelectOption[] = useMemo(() => {
     const releaseEdges = deploymentRef?.release?.application?.releases?.edges;
     const currentVersion = deploymentRef?.release?.version;
+    const systemModelName = deploymentRef?.device?.systemModel?.name;
 
     if (!releaseEdges || !currentVersion) {
       return [];
@@ -588,14 +589,36 @@ const DeploymentDetails = ({
 
         return semver.gt(parsedTargetVersion, parsedCurrentVersion);
       })
-      .map((release) => ({
-        value: release.id,
-        label: release.version,
-        disabled: false,
-      }));
+      .map((release) => {
+        const systemModelNames =
+          release.systemModels?.map((sm) => sm.name) ?? [];
+
+        const appliesToAll = systemModelNames.length === 0;
+
+        const matchesSystemModel =
+          systemModelName && systemModelNames.includes(systemModelName);
+
+        const label = !matchesSystemModel
+          ? intl.formatMessage(
+              {
+                id: "components.DeploymentDetails.incompatibleVersion",
+                defaultMessage: "{version} (Incompatible system model)",
+              },
+              { version: release.version },
+            )
+          : release.version;
+
+        return {
+          value: release.id,
+          label: label,
+          disabled: !(appliesToAll || matchesSystemModel),
+        };
+      });
   }, [
     deploymentRef?.release?.application?.releases?.edges,
     deploymentRef?.release?.version,
+    deploymentRef?.device?.systemModel?.name,
+    intl,
   ]);
 
   const selectedUpgradeReleaseOption = useMemo(() => {

frontend/src/i18n/langs/en.json

@@ -485,6 +485,9 @@
   "components.DeploymentDetails.deviceMappings": {
     "defaultMessage": "Device Mappings"
   },
+  "components.DeploymentDetails.incompatibleVersion": {
+    "defaultMessage": "{version} (Incompatible system model)"
+  },
   "components.DeploymentDetails.networks": {
     "defaultMessage": "Networks"
   },

frontend/src/pages/Deployment.tsx

@@ -59,6 +59,10 @@ const GET_DEPLOYMENT_QUERY = graphql`
       device {
         name
         online
+        systemModel {
+          id
+          name
+        }
       }
       release {
         id