From 7a3c41b6bc532453327a4c0ae7beec09c4bd10b0 Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Mon, 8 Jun 2026 09:00:56 +0300
Subject: [PATCH] refactor: update other uselect to use uselectmenu

---
 ui/app/components/TaskDefinitionEditor.vue |  6 ++++--
 ui/app/components/YTDLPOptions.vue         | 24 ++++++++++++++--------
 ui/app/pages/logs.vue                      | 12 +++++------
 3 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/ui/app/components/TaskDefinitionEditor.vue b/ui/app/components/TaskDefinitionEditor.vue
index 85592ffe..076b0c36 100644
--- a/ui/app/components/TaskDefinitionEditor.vue
+++ b/ui/app/components/TaskDefinitionEditor.vue
@@ -30,14 +30,16 @@
           </div>
         </template>
 
-        <USelect
+        <USelectMenu
           v-model="selectedExistingValue"
           :items="existingDefinitionItems"
           placeholder="Select a definition"
           value-key="value"
           label-key="label"
+          color="neutral"
           class="w-full"
-          :ui="inputUi"
+          :ui="{ content: 'min-w-[13rem]', item: 'pl-6' }"
+          :search-input="{ placeholder: 'Search definitions' }"
           :disabled="isBusy"
           @update:model-value="importExisting"
         />
diff --git a/ui/app/components/YTDLPOptions.vue b/ui/app/components/YTDLPOptions.vue
index d503dfd7..d7dfd23c 100644
--- a/ui/app/components/YTDLPOptions.vue
+++ b/ui/app/components/YTDLPOptions.vue
@@ -17,46 +17,54 @@
       </UFormField>
 
       <UFormField label="Group Filter" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
-        <USelect
+        <USelectMenu
           v-model="filters.group"
           :items="groupItems"
           value-key="value"
           label-key="label"
+          color="neutral"
           class="w-full"
-          :ui="inputUi"
+          :ui="{ content: 'min-w-[13rem]' }"
+          :search-input="{ placeholder: 'Search groups' }"
         />
       </UFormField>
 
       <UFormField label="Display" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
-        <USelect
+        <USelectMenu
           v-model="displayMode"
           :items="displayItems"
           value-key="value"
           label-key="label"
+          color="neutral"
           class="w-full"
-          :ui="inputUi"
+          :ui="{ content: 'min-w-[13rem]' }"
+          :search-input="false"
         />
       </UFormField>
 
       <UFormField label="Sort By" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
-        <USelect
+        <USelectMenu
           v-model="sortBy"
           :items="sortItems"
           value-key="value"
           label-key="label"
+          color="neutral"
           class="w-full"
-          :ui="inputUi"
+          :ui="{ content: 'min-w-[13rem]' }"
+          :search-input="false"
         />
       </UFormField>
 
       <UFormField label="Order" class="sm:col-span-6 lg:col-span-2" :ui="fieldUi">
-        <USelect
+        <USelectMenu
           v-model="sortDir"
           :items="orderItems"
           value-key="value"
           label-key="label"
+          color="neutral"
           class="w-full"
-          :ui="inputUi"
+          :ui="{ content: 'min-w-[13rem]' }"
+          :search-input="false"
         />
       </UFormField>
 
diff --git a/ui/app/pages/logs.vue b/ui/app/pages/logs.vue
index e424fbdf..701f954f 100644
--- a/ui/app/pages/logs.vue
+++ b/ui/app/pages/logs.vue
@@ -64,21 +64,21 @@
           Wrap
         </UButton>
 
-        <USelect
+        <USelectMenu
           v-model="selectedLevels"
           :items="levelFilterItems"
           value-key="value"
           label-key="label"
+          color="neutral"
           multiple
           size="sm"
           icon="i-lucide-list-filter"
           class="w-44 shrink-0 sm:w-48"
-          :ui="{ content: 'min-w-48' }"
+          :ui="{ content: 'min-w-48', item: 'pl-6' }"
+          :search-input="false"
         >
-          <template #default>
-            {{ levelFilterLabel }}
-          </template>
-        </USelect>
+          {{ levelFilterLabel }}
+        </USelectMenu>
 
         <UButton
           color="neutral"