feat: add description of context

Author: Erimus-Koo

src/components/common/HoverButton/Button.vue

@@ -12,7 +12,8 @@ function handleClick() {
 
 <template>
   <button
-    class="flex items-center justify-center w-10 h-10 transition rounded-full hover:bg-neutral-100 dark:hover:bg-[#414755]"
+    class="flex items-center justify-center h-10 transition hover:bg-neutral-100 dark:hover:bg-[#414755]"
+    style="flex-flow:row nowrap;min-width:2.5em;padding:.5em;border-radius:.5em;"
     @click="handleClick"
   >
     <slot />

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

@@ -74,10 +74,11 @@ function handleShowPrompt() {
             <IconPrompt class="w-[20px] m-auto" />
           </span>
         </HoverButton>
-        <HoverButton @click="toggleUsingContext">
-          <span class="text-xl" :class="{ 'text-[#4b9e5f]': usingContext, 'text-[#a8071a]': !usingContext }">
+        <HoverButton :tooltip="usingContext ? '点击停止包含上下文' : '点击开启包含上下文'" :class="{ 'text-[#4b9e5f]': usingContext, 'text-[#a8071a]': !usingContext }" @click="toggleUsingContext">
+          <span class="text-xl">
             <SvgIcon icon="ri:chat-history-line" />
           </span>
+          <span style="margin-left:.25em">{{ usingContext ? '包含上下文' : '不含上下文' }}</span>
         </HoverButton>
         <HoverButton @click="handleExport">
           <span class="text-xl text-[#4f555e] dark:text-white">

src/views/chat/index.vue

@@ -683,10 +683,11 @@ onUnmounted(() => {
                 <IconPrompt class="w-[20px] m-auto" />
               </span>
             </HoverButton>
-            <HoverButton v-if="!isMobile" @click="handleToggleUsingContext">
-              <span class="text-xl" :class="{ 'text-[#4b9e5f]': usingContext, 'text-[#a8071a]': !usingContext }">
+            <HoverButton v-if="!isMobile" :tooltip="usingContext ? '点击停止包含上下文' : '点击开启包含上下文'" :class="{ 'text-[#4b9e5f]': usingContext, 'text-[#a8071a]': !usingContext }" @click="handleToggleUsingContext">
+              <span class="text-xl">
                 <SvgIcon icon="ri:chat-history-line" />
               </span>
+              <span style="margin-left:.25em">{{ usingContext ? '包含上下文' : '不含上下文' }}</span>
             </HoverButton>
             <NSelect
               style="width: 250px"