From b93178ec8535a1ee64f89a35e887b179f46ba722 Mon Sep 17 00:00:00 2001
From: MT-Mint <798521692@qq.com>
Date: Fri, 10 Apr 2026 10:10:55 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E6=9B=B4=E6=8D=A2=E6=B7=B1?=
 =?UTF-8?q?=E5=BA=A6=E6=80=9D=E8=80=83=E5=92=8C=E4=B8=A4=E4=B8=AA=E8=81=94?=
 =?UTF-8?q?=E7=BD=91=E6=90=9C=E7=B4=A2=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../icons/custom/DeepSearchIcon.vue           | 16 ++++++++++++++
 .../icons/custom/DeepThinkingIcon.vue         | 21 +++++++++++++++++++
 src/components/icons/custom/WebSearchIcon.vue | 18 ++++++++++++++++
 src/components/input/ChatInput.vue            | 20 ++++++++----------
 4 files changed, 64 insertions(+), 11 deletions(-)
 create mode 100644 src/components/icons/custom/DeepSearchIcon.vue
 create mode 100644 src/components/icons/custom/DeepThinkingIcon.vue
 create mode 100644 src/components/icons/custom/WebSearchIcon.vue

diff --git a/src/components/icons/custom/DeepSearchIcon.vue b/src/components/icons/custom/DeepSearchIcon.vue
new file mode 100644
index 0000000..10e97d6
--- /dev/null
+++ b/src/components/icons/custom/DeepSearchIcon.vue
@@ -0,0 +1,16 @@
+<template>
+   <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+    <path d="M11.208 1.5L8.54883 7.08496L8.20801 7.7998H9.57324L4.79883 13.3125L5.70605 8.08496L5.80762 7.5H4.60449L5.74707 1.5H11.208Z" stroke="currentColor" />
+  </svg>
+</template>
+
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    size?: number;
+  }>(),
+  {
+    size: 18,
+  },
+);
+</script>
diff --git a/src/components/icons/custom/DeepThinkingIcon.vue b/src/components/icons/custom/DeepThinkingIcon.vue
new file mode 100644
index 0000000..e42941d
--- /dev/null
+++ b/src/components/icons/custom/DeepThinkingIcon.vue
@@ -0,0 +1,21 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+    <circle cx="8" cy="8" r="6.5" stroke="currentColor" />
+    <path d="M12.5 3.36212C11.2832 4.38433 9.71352 5.00001 8 5.00001C6.28648 5.00001 4.71677 4.38433 3.5 3.36212" stroke="currentColor" />
+    <path d="M12.5 12.6379C11.2832 11.6157 9.71352 11 8 11C6.28648 11 4.71677 11.6157 3.5 12.6379" stroke="currentColor" />
+    <path d="M8 1.5C8.675 1.5 9.42059 2.06016 10.0273 3.27344C10.6192 4.45713 11 6.12779 11 8C11 9.87221 10.6192 11.5429 10.0273 12.7266C9.42059 13.9398 8.675 14.5 8 14.5C7.325 14.5 6.57941 13.9398 5.97266 12.7266C5.38081 11.5429 5 9.87221 5 8C5 6.12779 5.38081 4.45713 5.97266 3.27344C6.57941 2.06016 7.325 1.5 8 1.5Z" stroke="currentColor" />
+    <path d="M1.5 8L14.5 8" stroke="currentColor" />
+    <path d="M8 14L8 2" stroke="currentColor" />
+  </svg>
+</template>
+
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    size?: number;
+  }>(),
+  {
+    size: 18,
+  },
+);
+</script>
diff --git a/src/components/icons/custom/WebSearchIcon.vue b/src/components/icons/custom/WebSearchIcon.vue
new file mode 100644
index 0000000..177ff44
--- /dev/null
+++ b/src/components/icons/custom/WebSearchIcon.vue
@@ -0,0 +1,18 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+    <circle cx="8" cy="8" r="6.5" stroke="currentColor" />
+    <path d="M8 5C11.3137 5 14 6.34315 14 8C14 9.65685 11.3137 11 8 11C4.68629 11 2 9.65685 2 8C2 7.23165 2.57771 6.53076 3.52779 6" stroke="currentColor" stroke-linecap="round" />
+    <path d="M5 8C5 4.68629 6.34315 2 8 2C9.65685 2 11 4.68629 11 8C11 11.3137 9.65685 14 8 14C7.1115 14 6.31321 13.2275 5.76389 12" stroke="currentColor" stroke-linecap="round" />
+  </svg>
+</template>
+
+<script setup lang="ts">
+withDefaults(
+  defineProps<{
+    size?: number;
+  }>(),
+  {
+    size: 18,
+  },
+);
+</script>
diff --git a/src/components/input/ChatInput.vue b/src/components/input/ChatInput.vue
index 01ef7a8..31832ea 100644
--- a/src/components/input/ChatInput.vue
+++ b/src/components/input/ChatInput.vue
@@ -42,7 +42,7 @@
           :disabled="isForceDeepThinkingModel || !supports_thinking"
           :title="isForceDeepThinkingModel ? '当前模型强制开启深度思考' : (supports_thinking ? '深度思考' : '当前模型不支持深度思考')"
           @click="!isForceDeepThinkingModel && supports_thinking && toggleDeepThink()">
-          <Brain :size="16" />
+          <DeepThinkingIcon :size="16" />
           <span>深度思考</span>
         </button>
 
@@ -50,7 +50,7 @@
         <button class="toolbar-btn" :class="{ active: isDeepSearch, disabled: !supports_web_search }"
           :disabled="!supports_web_search" :title="supports_web_search ? '深度搜索' : '当前模型不支持联网搜索'"
           @click="supports_web_search && toggleDeepSearch()">
-          <Sparkles :size="16" />
+          <DeepSearchIcon :size="16" />
           <span>深度搜索</span>
         </button>
 
@@ -58,7 +58,7 @@
         <button class="toolbar-btn" :class="{ active: isWebSearch, disabled: !supports_web_search }"
           :disabled="!supports_web_search" :title="supports_web_search ? '联网搜索' : '当前模型不支持联网搜索'"
           @click="supports_web_search && toggleWebSearch()">
-          <Globe :size="16" />
+          <WebSearchIcon :size="16" />
           <span>联网搜索</span>
         </button>
       </div>
@@ -80,17 +80,15 @@
 
 <script setup lang="ts">
 import { ref, computed, watch, nextTick, onMounted } from "vue";
-import {
-  Sparkles,
-  Globe,
-  Brain,
-} from "@/components/icons";
-import { generateId } from "@/utils/helpers";
-import type { Attachment } from "@/types/chat";
-import { chatApi } from "@/services/api";
+import { generateId } from "@/utils/helpers";
+import type { Attachment } from "@/types/chat";
+import { chatApi } from "@/services/api";
 import { useAuthStore } from "@/stores/auth";
 import { useSettingsStore } from "@/stores/settings";
 import StackedCards from "@/components/ui/StackedCards.vue";
+import DeepThinkingIcon from "../icons/custom/DeepThinkingIcon.vue";
+import DeepSearchIcon from "../icons/custom/DeepSearchIcon.vue";
+import WebSearchIcon from "../icons/custom/WebSearchIcon.vue";
 import SendIcon from "../icons/custom/SendIcon.vue";
 import StopIcon from "../icons/custom/StopIcon.vue";
 import LoadingIcon from "../icons/custom/LoadingIcon.vue";