From 1ea7f1f43bceee820341c4dfd5ac621c926ef829 Mon Sep 17 00:00:00 2001
From: Eleazar Resendez <eleazar.resendez@processmaker.com>
Date: Wed, 1 Apr 2026 14:08:28 -0600
Subject: [PATCH] Resolve FOUR-28033

---
 .../components/inspector/Interstitial.vue     |  3 +-
 .../components/inspector/ScreenSelect.vue     | 34 +++++++++++++------
 .../components/inspector/TaskInterstitial.vue |  3 +-
 3 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/resources/js/processes/modeler/components/inspector/Interstitial.vue b/resources/js/processes/modeler/components/inspector/Interstitial.vue
index bfdf7f17ab..71fadb0b8d 100644
--- a/resources/js/processes/modeler/components/inspector/Interstitial.vue
+++ b/resources/js/processes/modeler/components/inspector/Interstitial.vue
@@ -20,10 +20,9 @@
       v-if="allowInterstitial"
       v-model="screen"
       :label="$t('Screen Interstitial')"
-      :required="true"
       :helper="$t('What Screen Should Be Used For Rendering This Interstitial')"
       :params="parameters"
-      default-key="interstitial"
+      :excluded-keys="['interstitial']"
     />
   </div>
 </template>
diff --git a/resources/js/processes/modeler/components/inspector/ScreenSelect.vue b/resources/js/processes/modeler/components/inspector/ScreenSelect.vue
index d2d3cf85ff..76ca0806bc 100644
--- a/resources/js/processes/modeler/components/inspector/ScreenSelect.vue
+++ b/resources/js/processes/modeler/components/inspector/ScreenSelect.vue
@@ -16,9 +16,9 @@
       :show-labels="false"
       label="title"
       track-by="id"
+      :name="name"
       @open="load()"
       @search-change="load"
-      :name="name"
     >
       <template slot="noResult">
         {{ $t("No elements found. Consider changing the search query.") }}
@@ -46,7 +46,7 @@
       @asset="processAssetCreation"
     />
     <a
-      v-if="content && content.id"
+      v-if="canOpenScreen"
       :href="`/designer/screen-builder/${content.id}/edit`"
       target="_blank"
     >
@@ -74,6 +74,7 @@ export default {
     "placeholder",
     "defaultKey",
     "name",
+    "excludedKeys",
   ],
   data() {
     return {
@@ -85,6 +86,11 @@ export default {
       uniqId: uniqueId("screen-select-"),
     };
   },
+  computed: {
+    canOpenScreen() {
+      return Boolean(this.content && this.content.id && this.canUseScreen(this.content));
+    },
+  },
   watch: {
     content: {
       handler() {
@@ -118,6 +124,9 @@ export default {
     this.setDefault();
   },
   methods: {
+    canUseScreen(screen) {
+      return !(Array.isArray(this.excludedKeys) && this.excludedKeys.includes(screen?.key));
+    },
     type() {
       if (this.params && this.params.type) {
         return this.params.type;
@@ -173,7 +182,7 @@ export default {
           { params },
         );
         this.loading = false;
-        this.screens = data.data;
+        this.screens = data.data.filter((screen) => this.canUseScreen(screen));
       } catch (err) {
         console.error("There was a problem getting the screens", err);
         this.loading = false;
@@ -186,15 +195,18 @@ export default {
       }
 
       ProcessMaker.apiClient
-        .get("screens", { params: { 
-          key: this.defaultKey,
-          include_system: 1,
-          order_by: "id",
-          order_direction: "ASC",
-          per_page: 1,
-        }})
+        .get("screens", {
+          params: {
+            key: this.defaultKey,
+            include_system: 1,
+            order_by: "id",
+            order_direction: "ASC",
+            per_page: 1,
+          },
+        })
         .then(({ data }) => {
-          this.content = data.data[0];
+          const [screen] = data.data;
+          this.content = screen;
         });
     },
     /**
diff --git a/resources/js/processes/modeler/components/inspector/TaskInterstitial.vue b/resources/js/processes/modeler/components/inspector/TaskInterstitial.vue
index fc2897d796..4045088479 100644
--- a/resources/js/processes/modeler/components/inspector/TaskInterstitial.vue
+++ b/resources/js/processes/modeler/components/inspector/TaskInterstitial.vue
@@ -8,10 +8,9 @@
       v-model="screen"
       name="interstitialScreen"
       :label="$t('Screen Interstitial')"
-      :required="true"
       :helper="$t('What Screen Should Be Used For Rendering This Interstitial')"
       :params="parameters"
-      default-key="interstitial"
+      :excluded-keys="['interstitial']"
     />
   </div>
 </template>