refactor(ui,stage-*): now Select component is ComboboxSelect

apps/stage-tamagotchi/src/renderer/pages/devtools/vision.vue

@@ -6,7 +6,7 @@ import { errorMessageFrom } from '@moeru/std'
 import { ProcessingMeter } from '@proj-airi/stage-ui/components'
 import { VISION_WORKLOADS } from '@proj-airi/stage-ui/composables'
 import { useVisionOrchestratorStore, useVisionProcessingStore, useVisionStore } from '@proj-airi/stage-ui/stores/modules/vision'
-import { Button, FieldCheckbox, FieldRange, FieldSelect, SelectTab } from '@proj-airi/ui'
+import { Button, FieldCheckbox, FieldCombobox, FieldRange, SelectTab } from '@proj-airi/ui'
 import { storeToRefs } from 'pinia'
 import { computed, onBeforeUnmount, ref } from 'vue'
 
@@ -498,7 +498,7 @@ onBeforeUnmount(() => {
                   Vision input max size: {{ captureInputBounds.maxWidth }} × {{ captureInputBounds.maxHeight }}
                 </div>
 
-                <FieldSelect
+                <FieldCombobox
                   v-model="selectedWorkload"
                   label="Vision workload"
                   description="Select how the model should interpret the screen."

apps/stage-tamagotchi/src/renderer/pages/devtools/widgets-calling.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useElectronEventaInvoke } from '@proj-airi/electron-vueuse'
-import { Button, FieldInput, FieldSelect, FieldTextArea } from '@proj-airi/ui'
+import { Button, FieldCombobox, FieldInput, FieldTextArea } from '@proj-airi/ui'
 import { computed, reactive, ref } from 'vue'
 
 import { widgetsAdd, widgetsClear, widgetsOpenWindow, widgetsPrepareWindow, widgetsRemove, widgetsUpdate } from '../../../shared/eventa'
@@ -291,7 +291,7 @@ function applyMapPreset() {
     </div>
 
     <div class="grid gap-4 md:grid-cols-3">
-      <FieldSelect
+      <FieldCombobox
         v-model="form.sizePreset"
         label="Size Preset"
         description="Choose a preset or opt into custom spans."

apps/stage-tamagotchi/src/renderer/pages/inlay/index.vue

@@ -3,7 +3,7 @@ import type { BackgroundMaterialType, VibrancyType } from '@proj-airi/electron-e
 
 import { electron } from '@proj-airi/electron-eventa'
 import { useElectronEventaInvoke } from '@proj-airi/electron-vueuse'
-import { FieldSelect } from '@proj-airi/ui'
+import { FieldCombobox } from '@proj-airi/ui'
 import { ref, watch } from 'vue'
 
 const setVibrancy = useElectronEventaInvoke(electron.window.setVibrancy)
@@ -40,7 +40,7 @@ watch(
     </div>
 
     <div class="space-y-2">
-      <FieldSelect
+      <FieldCombobox
         v-model="vibrancy"
         label="Vibrancy"
         description="Set the vibrancy effect of the window."
@@ -62,7 +62,7 @@ watch(
         ]"
       />
 
-      <FieldSelect
+      <FieldCombobox
         v-model="backgroundMaterial"
         label="Background Material"
         description="Set the background material of the window."