From 46029d1bffa2cb669976568120bceb93161cf7d8 Mon Sep 17 00:00:00 2001
From: nhas <jordanatararimu@gmail.com>
Date: Thu, 18 Jun 2026 11:41:43 +1200
Subject: [PATCH 1/2] Fix error with improperly nested th/tr

---
 adminui/frontend/src/components/Webhook.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/adminui/frontend/src/components/Webhook.vue b/adminui/frontend/src/components/Webhook.vue
index 48f5c218..df61bf93 100644
--- a/adminui/frontend/src/components/Webhook.vue
+++ b/adminui/frontend/src/components/Webhook.vue
@@ -22,6 +22,7 @@ import {
   type WebhookTempCreateResponseDTO,
   type WebhookJsonAttributesRoles
 } from '@/api'
+import type Multiselect from 'vue-multiselect'
 
 const toast = useToast()
 const { catcher } = useToastError()
@@ -343,8 +344,10 @@ async function createWebhookTrigger() {
           <div v-if="incommingAttributes.error == ''" class="overflow-y-scroll max-h-[130px]">
             <table class="table overflow-scroll">
               <thead>
-                <td>Attribute</td>
-                <td>Value</td>
+                <tr>
+                  <th>Attribute</th>
+                  <th>Value</th>
+                </tr>
               </thead>
               <tbody>
                 <tr class="hover" v-for="attribute in filteredAttributes" :key="attribute.key">
@@ -378,6 +381,7 @@ async function createWebhookTrigger() {
             <div>
               <label class="typo__label">{{ attribute.friendlyName }}</label>
 
+            
               <Multiselect
                 v-model="attribute.data.value"
                 :options="incommingAttributes.attributes"

From ef41ec93ff1d5f0155630bac942c0a24b8f6c2c1 Mon Sep 17 00:00:00 2001
From: nhas <jordanatararimu@gmail.com>
Date: Thu, 18 Jun 2026 11:46:51 +1200
Subject: [PATCH 2/2] Properly import multiselect

---
 adminui/frontend/package-lock.json          | 8 ++++----
 adminui/frontend/package.json               | 2 +-
 adminui/frontend/src/components/Webhook.vue | 3 ++-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/adminui/frontend/package-lock.json b/adminui/frontend/package-lock.json
index cd316b5a..9f65dc78 100644
--- a/adminui/frontend/package-lock.json
+++ b/adminui/frontend/package-lock.json
@@ -17,7 +17,7 @@
         "axios": "^1.7.7",
         "pinia": "^2.2.2",
         "vue": "^3.5.4",
-        "vue-multiselect": "^3.3.1",
+        "vue-multiselect": "^3.5.0",
         "vue-router": "^4.4.4",
         "vue-toastification": "^2.0.0-rc.5"
       },
@@ -7439,9 +7439,9 @@
       }
     },
     "node_modules/vue-multiselect": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.4.0.tgz",
-      "integrity": "sha512-NtaL1/VOsGsvM+H0EZswy1E+RcA5yeCpCxrhT28CBwKu9D1WbMSXBfIDNDw0v+T4enVRfOD5X7u2gyIJWCFX9w==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.5.0.tgz",
+      "integrity": "sha512-i758SEqWFcFshL1eAg0F3EFeFQ1mOCmh2mgnGCZv1XpHFVIAv8fxo8bQQ4ZnMoaPhMp8KI1A6gPBVHh3YzRg/Q==",
       "license": "MIT",
       "engines": {
         "node": ">= 14.18.1",
diff --git a/adminui/frontend/package.json b/adminui/frontend/package.json
index 78f08d45..7c9a9f74 100644
--- a/adminui/frontend/package.json
+++ b/adminui/frontend/package.json
@@ -23,7 +23,7 @@
     "axios": "^1.7.7",
     "pinia": "^2.2.2",
     "vue": "^3.5.4",
-    "vue-multiselect": "^3.3.1",
+    "vue-multiselect": "^3.5.0",
     "vue-router": "^4.4.4",
     "vue-toastification": "^2.0.0-rc.5"
   },
diff --git a/adminui/frontend/src/components/Webhook.vue b/adminui/frontend/src/components/Webhook.vue
index df61bf93..77e73a9d 100644
--- a/adminui/frontend/src/components/Webhook.vue
+++ b/adminui/frontend/src/components/Webhook.vue
@@ -22,7 +22,8 @@ import {
   type WebhookTempCreateResponseDTO,
   type WebhookJsonAttributesRoles
 } from '@/api'
-import type Multiselect from 'vue-multiselect'
+
+import Multiselect from 'vue-multiselect'
 
 const toast = useToast()
 const { catcher } = useToastError()