fix(首页): 模型菜单选择失效

src/views/home/components/footer-operation.vue

 <script setup lang="ts">
-import { computed, nextTick, ref } from 'vue'
+import { computed, nextTick, ref, toValue } from 'vue'
 import type { AgentApplicationRecordItem, MessageItemInterface } from '../types'
 import { fetchAgentApplicationSelectList } from '@/apis/home-agent'
 import { nanoid } from 'nanoid'
@@ -58,8 +58,18 @@ function handleApplicationSelectMenuSwitchShow() {
   isShowApplicationSelectMenu.value = !isShowApplicationSelectMenu.value
 }
 
+function handleApplicationSelectBtnBlur() {
+  setTimeout(() => {
+    isShowApplicationSelectMenu.value = false
+  }, 100)
+}
+
 function handleApplicationChange(agentApplicationItem: AgentApplicationRecordItem) {
-  currentAgentApplication.value = agentApplicationItem
+  if (currentAgentApplication.value.agentId === agentApplicationItem.agentId) {
+    return
+  }
+
+  currentAgentApplication.value = toValue(agentApplicationItem)
 }
 
 function handleCreateNewSession() {
@@ -189,7 +199,7 @@ function handleQuestionSubmitEnter(event: KeyboardEvent) {
         <n-button
           class="application-select-btn !h-[34px] !rounded-[10px] !p-0"
           @click="handleApplicationSelectMenuSwitchShow"
-          @blur="() => (isShowApplicationSelectMenu = false)"
+          @blur="handleApplicationSelectBtnBlur"
         >
           <div class="box-border flex !w-[160px] w-full items-center justify-between px-[12px]">
             <div class="mr-[5px] flex flex-1 items-center overflow-hidden">