From 801ed23cd9da9dccd24fa0abb725f682d0bf873b Mon Sep 17 00:00:00 2001
From: MEHMETKECECI <mehmet_kececi89@hotmail.com>
Date: Tue, 17 Feb 2026 09:07:49 +0300
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 ui/src/pages/UserDetail.vue | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/ui/src/pages/UserDetail.vue b/ui/src/pages/UserDetail.vue
index 087a1ae..941ac12 100644
--- a/ui/src/pages/UserDetail.vue
+++ b/ui/src/pages/UserDetail.vue
@@ -165,12 +165,22 @@
                 filled
                 behavior="menu"
               >
+                <template #selected-item="scope">
+                  <q-chip
+                    removable
+                    dense
+                    class="q-mr-xs"
+                    @remove="scope.removeAtIndex(scope.index)"
+                  >
+                    {{ scope.opt.label }}
+                  </q-chip>
+                </template>
                 <template #option="scope">
-                  <q-item v-bind="scope.itemProps" clickable>
+                  <q-item v-bind="scope.itemProps">
                     <q-item-section avatar>
                       <q-checkbox
                         :model-value="scope.selected"
-                        @update:model-value="scope.toggleOption(scope.opt)"
+                        tabindex="-1"
                       />
                     </q-item-section>
                     <q-item-section>
@@ -214,12 +224,22 @@
                 filled
                 behavior="menu"
               >
+                <template #selected-item="scope">
+                  <q-chip
+                    removable
+                    dense
+                    class="q-mr-xs"
+                    @remove="scope.removeAtIndex(scope.index)"
+                  >
+                    {{ scope.opt.label }}
+                  </q-chip>
+                </template>
                 <template #option="scope">
-                  <q-item v-bind="scope.itemProps" clickable>
+                  <q-item v-bind="scope.itemProps">
                     <q-item-section avatar>
                       <q-checkbox
                         :model-value="scope.selected"
-                        @update:model-value="scope.toggleOption(scope.opt)"
+                        tabindex="-1"
                       />
                     </q-item-section>
                     <q-item-section>