perf: optimize the display logic in thinking, after reasoning, hide the thoughts in the thinking

Author: jamebal

src/typings/chat.d.ts

@@ -3,7 +3,7 @@ declare namespace Chat {
     uuid?: number
     dateTime: string
     reasoning?: string
-    finish_reason?: null | 'stop'
+    finish_reason?: string
     text: string
     images?: string[]
     inversion?: boolean

src/views/chat/components/Message/Reasoning.vue

@@ -5,7 +5,7 @@ import { t } from '@/locales'
 
 interface Props {
   reasoning?: string
-  finishReason?: string
+  reasonEnd?: boolean
   loading?: boolean
 }
 
@@ -23,7 +23,7 @@ const reasoningBtnTitle = computed(() => {
 })
 
 const shouldShowThinkingIndicator = computed(() => {
-  return props.loading && props.finishReason !== 'stop'
+  return props.loading && !props.reasonEnd
 })
 
 const hasReasoningText = computed(() => {

src/views/chat/components/Message/index.vue

@@ -226,7 +226,7 @@ function isEventTargetValid(event: any) {
           </template>
         </NSpace>
       </p>
-      <Reasoning v-if="reasoning" :reasoning="reasoning" :finish-reason="finishReason" :loading="loading" />
+      <Reasoning v-if="reasoning" :reasoning="reasoning" :reason-end="text ? text.length > 0 : false" :loading="loading" />
       <div
         class="flex items-end gap-1 mt-2"
         :class="[inversion ? 'flex-row-reverse' : 'flex-row']"

src/views/chat/index.vue

@@ -688,7 +688,7 @@ onUnmounted(() => {
                   :current-nav-index="currentNavIndexRef"
                   :date-time="item.dateTime"
                   :reasoning="item?.reasoning"
-                  :finish_reason="item?.finish_reason"
+                  :finish-reason="item?.finish_reason"
                   :text="item.text"
                   :images="item.images"
                   :inversion="item.inversion"