diff --git a/resources/js/processes/designer/Assets.vue b/resources/js/processes/designer/Assets.vue
index 9e236122fa..6563f6f293 100644
--- a/resources/js/processes/designer/Assets.vue
+++ b/resources/js/processes/designer/Assets.vue
@@ -43,6 +43,7 @@
       <b-card-group deck>
         <b-card
           v-for="(asset, index) in assetsPackage"
+          v-if="isPackageInstalled(asset.package)"
           :key="index"
           bg-variant="light"
           class="text-center"
@@ -73,6 +74,7 @@
       <b-card-group deck>
         <b-card
           v-for="(asset, index) in assetsPackageExtra"
+          v-if="isPackageInstalled(asset.package)"
           :key="index"
           bg-variant="light"
           class="text-center"
@@ -152,6 +154,7 @@ export default {
           asset_name_new: "New Decision Table",
           urlPath: "/designer/decision-tables",
           urlAsset: "/designer/decision-tables?create=true",
+          package: "package-decision-engine",
         },
         {
           color: "#B5D3E7",
@@ -161,6 +164,7 @@ export default {
           asset_name_new: "New Data Connector",
           urlPath: "/designer/data-sources",
           urlAsset: "/designer/data-sources?create=true",
+          package: "package-data-sources",
         },
         {
           color: "#556271",
@@ -170,6 +174,7 @@ export default {
           asset_name_new: `${this.$t("New")} Genie`,
           urlPath: "/designer/flow-genies",
           urlAsset: "/designer/flow-genies?create=true",
+          package: "package-ai",
         },
       ],
       assetsPackageExtra: [
@@ -181,6 +186,7 @@ export default {
           asset_name_new: "New Collection",
           urlPath: "/collections",
           urlAsset: "/collections?create=true",
+          package: "package-collections",
         },
       ],
       showButtonsCore: new Array(3).fill(false),
@@ -189,6 +195,9 @@ export default {
     };
   },
   methods: {
+    isPackageInstalled(packageName) {
+      return window.ProcessMaker?.packages?.includes(packageName);
+    },
     toggleButtons(index, section, status) {
       if (section === "core") {
         this.$set(this.showButtonsCore, index, status);
diff --git a/resources/js/processes/designer/RecentAssets.vue b/resources/js/processes/designer/RecentAssets.vue
index 9e22b804da..ba270a97b0 100644
--- a/resources/js/processes/designer/RecentAssets.vue
+++ b/resources/js/processes/designer/RecentAssets.vue
@@ -104,12 +104,26 @@ export default {
     this.getOptionsType();
   },
   methods: {
+    isPackageInstalled(packageName) {
+      if (packageName) {
+        return window.ProcessMaker?.packages?.includes(packageName);
+      }
+      return true;
+    },
     getOptionsType() {
       if (this.project) {
         window.ProcessMaker.apiClient
           .get("projects/assets/type")
           .then((response) => {
             this.optionsType = response.data.data;
+            // Filter optionsType based on package installation
+            this.optionsType = Object.keys(this.optionsType).reduce((accumulator, type) => {
+              if (this.isPackageInstalled(this.optionsType[type].package)) {
+                accumulator[type] = this.optionsType[type];
+              }
+              return accumulator;
+            }, {});
+            // Add all asset types to selectedTypes
             Object.keys(this.optionsType).forEach((type) => {
               this.selectedTypes.push(this.optionsType[type].asset_type);
             });