From 5c9dce05f3664744c166da8a40f5ba21a7422079 Mon Sep 17 00:00:00 2001
From: Alexander Brown <448862+DrJKL@users.noreply.github.com>
Date: Fri, 16 Jan 2026 23:21:10 -0800
Subject: [PATCH] feat: use Select component in ModelInfoPanel for model type
 selection

---
 src/locales/en/main.json                      |  1 +
 .../components/modelInfo/ModelInfoPanel.vue   | 34 ++++++++++++-------
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/locales/en/main.json b/src/locales/en/main.json
index d4b5fa01ea..b128537be1 100644
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -2405,6 +2405,7 @@
       "viewOnSource": "View on {source}",
       "modelTagging": "Model Tagging",
       "modelType": "Model Type",
+      "selectModelType": "Select model type...",
       "compatibleBaseModels": "Compatible Base Models",
       "addBaseModel": "Add base model...",
       "baseModelUnknown": "Base model unknown",
diff --git a/src/platform/assets/components/modelInfo/ModelInfoPanel.vue b/src/platform/assets/components/modelInfo/ModelInfoPanel.vue
index 51a36941fb..fb8f87b945 100644
--- a/src/platform/assets/components/modelInfo/ModelInfoPanel.vue
+++ b/src/platform/assets/components/modelInfo/ModelInfoPanel.vue
@@ -53,19 +53,22 @@
         </span>
       </template>
       <ModelInfoField :label="$t('assetBrowser.modelInfo.modelType')">
-        <select
-          v-model="selectedModelType"
-          :disabled="isImmutable"
-          class="w-full rounded-lg border-2 border-transparent bg-secondary-background px-3 py-2 text-sm text-base-foreground outline-none focus:border-node-component-border"
-        >
-          <option
-            v-for="option in modelTypes"
-            :key="option.value"
-            :value="option.value"
-          >
-            {{ option.name }}
-          </option>
-        </select>
+        <Select v-model="selectedModelType" :disabled="isImmutable">
+          <SelectTrigger class="w-full">
+            <SelectValue
+              :placeholder="$t('assetBrowser.modelInfo.selectModelType')"
+            />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem
+              v-for="option in modelTypes"
+              :key="option.value"
+              :value="option.value"
+            >
+              {{ option.name }}
+            </SelectItem>
+          </SelectContent>
+        </Select>
       </ModelInfoField>
       <ModelInfoField
         :label="$t('assetBrowser.modelInfo.compatibleBaseModels')"
@@ -162,6 +165,11 @@ import { computed, ref, useTemplateRef, watch } from 'vue'
 
 import EditableText from '@/components/common/EditableText.vue'
 import PropertiesAccordionItem from '@/components/rightSidePanel/layout/PropertiesAccordionItem.vue'
+import Select from '@/components/ui/select/Select.vue'
+import SelectContent from '@/components/ui/select/SelectContent.vue'
+import SelectItem from '@/components/ui/select/SelectItem.vue'
+import SelectTrigger from '@/components/ui/select/SelectTrigger.vue'
+import SelectValue from '@/components/ui/select/SelectValue.vue'
 import TagsInput from '@/components/ui/tags-input/TagsInput.vue'
 import TagsInputInput from '@/components/ui/tags-input/TagsInputInput.vue'
 import TagsInputItem from '@/components/ui/tags-input/TagsInputItem.vue'