feat(stage): active model always on top (#185)

apps/stage-tamagotchi/src/components/ChatHistory.vue

@@ -75,7 +75,7 @@ onTokenLiteral(async () => {
                   <div
                     p="1" border="1 solid primary-200" rounded-lg m="y-1" bg="primary-100"
                   >
-                    Called {{ slice.toolCall.function.name }}
+                    Called: <code>{{ slice.toolCall.function.name }}</code>
                   </div>
                 </div>
                 <div v-else-if="slice.type === 'tool-call-result'" /> <!-- this line should be unreachable -->

apps/stage-tamagotchi/src/pages/settings/modules/consciousness.vue

@@ -139,7 +139,7 @@ function updateCustomModelName(value: string) {
           <RadioCardManySelect
             v-model="activeModel"
             v-model:search-query="modelSearchQuery"
-            :items="providerModels"
+            :items="providerModels.sort((a, b) => a.id === activeModel ? -1 : b.id === activeModel ? 1 : 0)"
             :searchable="true"
             :search-placeholder="t('settings.pages.modules.consciousness.sections.section.provider-model-selection.search_placeholder')"
             :search-no-results-title="t('settings.pages.modules.consciousness.sections.section.provider-model-selection.no_search_results')"

apps/stage-web/src/pages/settings/modules/consciousness.vue

@@ -139,7 +139,7 @@ function updateCustomModelName(value: string) {
           <RadioCardManySelect
             v-model="activeModel"
             v-model:search-query="modelSearchQuery"
-            :items="providerModels"
+            :items="providerModels.sort((a, b) => a.id === activeModel ? -1 : b.id === activeModel ? 1 : 0)"
             :searchable="true"
             :search-placeholder="t('settings.pages.modules.consciousness.sections.section.provider-model-selection.search_placeholder')"
             :search-no-results-title="t('settings.pages.modules.consciousness.sections.section.provider-model-selection.no_search_results')"