From 02bd1f01b6c1f6bf1aa7bb7cd38ac728c64d8b68 Mon Sep 17 00:00:00 2001
From: Roly Gutierrez <roly.gutierrez@processmaker.com>
Date: Tue, 10 Feb 2026 19:15:29 -0400
Subject: [PATCH 1/3] =?UTF-8?q?FOUR-29250=20End=20Event=20=E2=80=93=20Exte?=
 =?UTF-8?q?rnal=20URL=20with=20Mustache/FEEL=20Support=20Description:=20fe?=
 =?UTF-8?q?at(end=20event):=20support=20Mustache=20in=20external=20URL=20f?=
 =?UTF-8?q?or=20element=20destination?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Resolve Mustache expressions in end event "External URL" when the token
  reaches the end event, using the same context as scripts/screens
  (APP_URL, _request, _user, process variables).
- Add getElementDestinationMustacheContext() to build context via DataManager
  with fallback; normalize to plain array for Mustache.
- Add resolveElementDestinationUrl() to decode HTML entities and render
  URL template with MustacheExpressionEvaluator. FEEL is not supported.
- Apply resolution only for externalURL type; conditional redirect URLs
  also go through Mustache when destination is external URL.
- Harden getElementDestinationAttribute(): ensure conditionalRedirectProp
  and elementDestinationProp are never null (json_decode ?? [], pass ?? []).
- Modeler: allow URL validation when string contains {{ (Mustache); update
  helper and error copy to document _request.id, _user.id, process vars.
Related tickets:
https://processmaker.atlassian.net/browse/FOUR-29250
---
 src/components/inspectors/ElementDestination.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/inspectors/ElementDestination.vue b/src/components/inspectors/ElementDestination.vue
index 5a907d1f1..f2d29e2cb 100644
--- a/src/components/inspectors/ElementDestination.vue
+++ b/src/components/inspectors/ElementDestination.vue
@@ -50,7 +50,7 @@
       :error="getValidationErrorForURL(externalURL)"
       data-cy="events-add-id"
       :placeholder="urlPlaceholder"
-      :helper="$t('Determine the URL where the request will end')"
+      :helper="$t('URL where the request will redirect. Supports Mustache: {{APP_URL}}, {{_request.id}}, {{_user.id}}, process variables.')"
       data-test="external-url"
     />
     <process-form-select
@@ -174,12 +174,22 @@ export default {
   },
   methods: {
     getValidationErrorForURL(url) {
+      if (!url || !url.trim()) {
+        return '';
+      }
       if (!this.isValidURL(url)) {
-        return this.$t('Must be a valid URL');
+        return this.$t('Must be a valid URL or Mustache expressions ({{APP_URL}}, {{_request.id}}, {{_user.id}}, process variables).');
       }
       return '';
     },
     isValidURL(string) {
+      if (!string || typeof string !== 'string') {
+        return true;
+      }
+      // Allow Mustache: same context as backend (APP_URL, _request, _user, process variables)
+      if (string.includes('{{')) {
+        return true;
+      }
       try {
         new URL(string);
         return true;

From a900ff2500caac81a82b2b841f9ea9732638ac5c Mon Sep 17 00:00:00 2001
From: Roly Gutierrez <roly.gutierrez@processmaker.com>
Date: Wed, 11 Feb 2026 09:58:46 -0400
Subject: [PATCH 2/3] FOUR-29250 Add InspectorConfigViewer: collapsible card in
 modeler inspector to display element configuration data (formData) as
 key-value pairs with keyboard-accessible toggle.

---
 .../inspectors/InspectorConfigViewer.vue      | 134 ++++++++++++++++++
 1 file changed, 134 insertions(+)
 create mode 100644 src/components/inspectors/InspectorConfigViewer.vue

diff --git a/src/components/inspectors/InspectorConfigViewer.vue b/src/components/inspectors/InspectorConfigViewer.vue
new file mode 100644
index 000000000..e965c1e9c
--- /dev/null
+++ b/src/components/inspectors/InspectorConfigViewer.vue
@@ -0,0 +1,134 @@
+<template>
+  <b-card
+    no-body
+    class="border-top mt-1 rounded-0 inspector-config-viewer__card"
+  >
+    <b-card-header
+      v-b-toggle.inspector-config-viewer-body
+      class="p-2 d-flex align-items-center inspector-config-viewer__header"
+      role="button"
+      tabindex="0"
+      @keydown="onHeaderKeydown"
+    >
+      <span class="inspector-config-viewer__title">{{ $t('Configuration data') }}</span>
+      <i class="ml-1 fas fa-chevron-down inspector-config-viewer__chevron" />
+    </b-card-header>
+    <b-collapse id="inspector-config-viewer-body" class="inspector-config-viewer__collapse">
+      <b-card-body class="p-2 inspector-config-viewer__body">
+        <div v-if="displayItems.length === 0" class="inspector-config-viewer__empty text-muted">
+          {{ $t('No data') }}
+        </div>
+        <dl v-else class="inspector-config-viewer__list mb-0">
+          <template v-for="(item, index) in displayItems">
+            <dt :key="`key-${index}`" class="inspector-config-viewer__key">{{ item.key }}</dt>
+            <dd :key="`val-${index}`" class="inspector-config-viewer__value">{{ item.value }}</dd>
+          </template>
+        </dl>
+      </b-card-body>
+    </b-collapse>
+  </b-card>
+</template>
+
+<script>
+export default {
+  name: 'InspectorConfigViewer',
+  props: {
+    node: {
+      type: Object,
+      default: null,
+    },
+    formData: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    displayItems() {
+      if (!this.formData || typeof this.formData !== 'object') {
+        return [];
+      }
+      const entries = Object.entries(this.formData).filter(([key]) => !key.startsWith('$'));
+      const meta = [];
+      if (this.node) {
+        if (this.node.type) meta.push({ key: '__type', value: this.node.type });
+        if (this.node.id) meta.push({ key: '__id', value: this.node.id });
+      }
+      const rows = entries.map(([key, value]) => ({
+        key,
+        value: this.formatValue(value),
+      }));
+      return [...meta, ...rows];
+    },
+  },
+  methods: {
+    onHeaderKeydown(ev) {
+      if (ev.key === 'Enter' || ev.key === ' ') {
+        ev.preventDefault();
+        this.$root.$emit('bv::toggle::collapse', 'inspector-config-viewer-body');
+      }
+    },
+    formatValue(value) {
+      if (value === null || value === undefined) return '';
+      if (typeof value === 'object') {
+        try {
+          return JSON.stringify(value);
+        } catch (_) {
+          return Object.prototype.toString.call(value);
+        }
+      }
+      return String(value);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.inspector-config-viewer__card {
+  font-size: 0.75rem;
+  flex-shrink: 0;
+}
+
+.inspector-config-viewer__header {
+  cursor: pointer;
+  font-size: 0.8125rem;
+  min-height: auto;
+  line-height: 1.3;
+  background: #f8f9fa;
+}
+
+.inspector-config-viewer__title {
+  font-weight: 600;
+}
+
+.inspector-config-viewer__chevron {
+  font-size: 0.65rem;
+  transition: transform 0.2s;
+}
+
+.inspector-config-viewer__body {
+  max-height: 12rem;
+  overflow-y: auto;
+  font-size: 0.75rem;
+}
+
+.inspector-config-viewer__list {
+  display: grid;
+  grid-template-columns: minmax(6rem, auto) 1fr;
+  gap: 0.15rem 0.5rem;
+}
+
+.inspector-config-viewer__key {
+  margin: 0;
+  color: #6c757d;
+  word-break: break-word;
+}
+
+.inspector-config-viewer__value {
+  margin: 0;
+  word-break: break-all;
+}
+
+.inspector-config-viewer__empty {
+  font-size: 0.75rem;
+}
+</style>

From 1b5ac669d2c6af1b28e35b7660192acaf0aeb4be Mon Sep 17 00:00:00 2001
From: Roly Gutierrez <roly.gutierrez@processmaker.com>
Date: Wed, 11 Feb 2026 10:03:19 -0400
Subject: [PATCH 3/3] FOUR-29250 Remove InspectorConfigViewer and update
 ElementDestination.

---
 .../inspectors/ElementDestination.vue         |   5 +-
 .../inspectors/InspectorConfigViewer.vue      | 134 ------------------
 2 files changed, 4 insertions(+), 135 deletions(-)
 delete mode 100644 src/components/inspectors/InspectorConfigViewer.vue

diff --git a/src/components/inspectors/ElementDestination.vue b/src/components/inspectors/ElementDestination.vue
index f2d29e2cb..e5a51a37c 100644
--- a/src/components/inspectors/ElementDestination.vue
+++ b/src/components/inspectors/ElementDestination.vue
@@ -50,7 +50,7 @@
       :error="getValidationErrorForURL(externalURL)"
       data-cy="events-add-id"
       :placeholder="urlPlaceholder"
-      :helper="$t('URL where the request will redirect. Supports Mustache: {{APP_URL}}, {{_request.id}}, {{_user.id}}, process variables.')"
+      :helper="externalUrlHelperText"
       data-test="external-url"
     />
     <process-form-select
@@ -159,6 +159,9 @@ export default {
 
       return this.$t('Select where to send users after this task. Any Non-default destination will disable the "Display Next Assigned Task" function.');
     },
+    externalUrlHelperText() {
+      return this.$t('URL where the request will redirect. Supports Mustache:') + ' {{APP_URL}}, {{_request.id}}, {{_user.id}}, ' + this.$t('process variables.');
+    },
   },
   created() {
     this.loadDashboardsDebounced = debounce((filter) => {
diff --git a/src/components/inspectors/InspectorConfigViewer.vue b/src/components/inspectors/InspectorConfigViewer.vue
deleted file mode 100644
index e965c1e9c..000000000
--- a/src/components/inspectors/InspectorConfigViewer.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<template>
-  <b-card
-    no-body
-    class="border-top mt-1 rounded-0 inspector-config-viewer__card"
-  >
-    <b-card-header
-      v-b-toggle.inspector-config-viewer-body
-      class="p-2 d-flex align-items-center inspector-config-viewer__header"
-      role="button"
-      tabindex="0"
-      @keydown="onHeaderKeydown"
-    >
-      <span class="inspector-config-viewer__title">{{ $t('Configuration data') }}</span>
-      <i class="ml-1 fas fa-chevron-down inspector-config-viewer__chevron" />
-    </b-card-header>
-    <b-collapse id="inspector-config-viewer-body" class="inspector-config-viewer__collapse">
-      <b-card-body class="p-2 inspector-config-viewer__body">
-        <div v-if="displayItems.length === 0" class="inspector-config-viewer__empty text-muted">
-          {{ $t('No data') }}
-        </div>
-        <dl v-else class="inspector-config-viewer__list mb-0">
-          <template v-for="(item, index) in displayItems">
-            <dt :key="`key-${index}`" class="inspector-config-viewer__key">{{ item.key }}</dt>
-            <dd :key="`val-${index}`" class="inspector-config-viewer__value">{{ item.value }}</dd>
-          </template>
-        </dl>
-      </b-card-body>
-    </b-collapse>
-  </b-card>
-</template>
-
-<script>
-export default {
-  name: 'InspectorConfigViewer',
-  props: {
-    node: {
-      type: Object,
-      default: null,
-    },
-    formData: {
-      type: Object,
-      default: () => ({}),
-    },
-  },
-  computed: {
-    displayItems() {
-      if (!this.formData || typeof this.formData !== 'object') {
-        return [];
-      }
-      const entries = Object.entries(this.formData).filter(([key]) => !key.startsWith('$'));
-      const meta = [];
-      if (this.node) {
-        if (this.node.type) meta.push({ key: '__type', value: this.node.type });
-        if (this.node.id) meta.push({ key: '__id', value: this.node.id });
-      }
-      const rows = entries.map(([key, value]) => ({
-        key,
-        value: this.formatValue(value),
-      }));
-      return [...meta, ...rows];
-    },
-  },
-  methods: {
-    onHeaderKeydown(ev) {
-      if (ev.key === 'Enter' || ev.key === ' ') {
-        ev.preventDefault();
-        this.$root.$emit('bv::toggle::collapse', 'inspector-config-viewer-body');
-      }
-    },
-    formatValue(value) {
-      if (value === null || value === undefined) return '';
-      if (typeof value === 'object') {
-        try {
-          return JSON.stringify(value);
-        } catch (_) {
-          return Object.prototype.toString.call(value);
-        }
-      }
-      return String(value);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.inspector-config-viewer__card {
-  font-size: 0.75rem;
-  flex-shrink: 0;
-}
-
-.inspector-config-viewer__header {
-  cursor: pointer;
-  font-size: 0.8125rem;
-  min-height: auto;
-  line-height: 1.3;
-  background: #f8f9fa;
-}
-
-.inspector-config-viewer__title {
-  font-weight: 600;
-}
-
-.inspector-config-viewer__chevron {
-  font-size: 0.65rem;
-  transition: transform 0.2s;
-}
-
-.inspector-config-viewer__body {
-  max-height: 12rem;
-  overflow-y: auto;
-  font-size: 0.75rem;
-}
-
-.inspector-config-viewer__list {
-  display: grid;
-  grid-template-columns: minmax(6rem, auto) 1fr;
-  gap: 0.15rem 0.5rem;
-}
-
-.inspector-config-viewer__key {
-  margin: 0;
-  color: #6c757d;
-  word-break: break-word;
-}
-
-.inspector-config-viewer__value {
-  margin: 0;
-  word-break: break-all;
-}
-
-.inspector-config-viewer__empty {
-  font-size: 0.75rem;
-}
-</style>