feat(ai): switch icon (#1023)

Author: yanglbme

README.md

@@ -20,25 +20,25 @@
 
 </div>
 
-> 💡 **[302.AI](https://share.302.ai/ftIXIE)** 是一个按用量付费的企业级 AI 资源平台，提供市场上最新、最全面的 AI 模型和 API，以及多种开箱即用的在线 AI 应用。
+> **[302.AI](https://share.302.ai/ftIXIE)** 是一个按用量付费的企业级 AI 资源平台，提供市场上最新、最全面的 AI 模型和 API，以及多种开箱即用的在线 AI 应用。
 
 ## 📝 项目介绍
 
-✨ **Markdown 文档自动即时渲染为微信图文**，让你不再为微信内容排版而发愁！只要你会基本的 Markdown 语法（现在有了 AI，你甚至不需要会 Markdown），就能做出一篇样式简洁而又美观大方的微信图文。
+**Markdown 文档自动即时渲染为微信图文**，让你不再为微信内容排版而发愁！只要你会基本的 Markdown 语法（现在有了 AI，你甚至不需要会 Markdown），就能做出一篇样式简洁而又美观大方的微信图文。
 
-🌟 **如果这个项目对你有帮助，请给我们点个 Star ⭐️**，我们会持续更新和维护！
+**如果这个项目对你有帮助，请给我们点个 Star ⭐️**，我们会持续更新和维护！
 
 ## 🌐 在线编辑器地址
 
 [https://md.doocs.org](https://md.doocs.org)
 
-> 💡 **推荐使用 Chrome 浏览器**，效果最佳。
+> **推荐使用 Chrome 浏览器**，效果最佳。
 
 ## 🤔 为何开发这款编辑器
 
-🎯 现有的开源微信 Markdown 编辑器样式繁杂，排版过程中往往需要额外调整，影响使用效率。为了解决这一问题，我们打造了一款更加**简洁、优雅**的编辑器，提供更流畅的排版体验。
+现有的开源微信 Markdown 编辑器样式繁杂，排版过程中往往需要额外调整，影响使用效率。为了解决这一问题，我们打造了一款更加**简洁、优雅**的编辑器，提供更流畅的排版体验。
 
-🤝 欢迎各位朋友随时提交 PR，让这款微信 Markdown 编辑器变得更好！如果你有新的想法，也欢迎在 [💬 Discussions 讨论区](https://github.com/doocs/md/discussions)反馈。
+欢迎各位朋友随时提交 PR，让这款微信 Markdown 编辑器变得更好！如果你有新的想法，也欢迎在 [💬 Discussions 讨论区](https://github.com/doocs/md/discussions)反馈。
 
 ## ✨ 功能特性
 

apps/web/src/components/ai/chat-box/AIAssistantPanel.vue

@@ -5,6 +5,7 @@ import {
   Copy,
   Edit,
   Image as ImageIcon,
+  MessageCircle,
   Pause,
   Plus,
   RefreshCcw,
@@ -394,13 +395,14 @@ async function sendMessage() {
           <DialogTitle>AI 对话</DialogTitle>
 
           <Button
-            title="配置参数"
-            aria-label="配置参数"
+            :title="configVisible ? 'AI 对话' : '配置参数'"
+            :aria-label="configVisible ? 'AI 对话' : '配置参数'"
             variant="ghost"
             size="icon"
             @click="configVisible = !configVisible"
           >
-            <Settings class="h-4 w-4" />
+            <MessageCircle v-if="configVisible" class="h-4 w-4" />
+            <Settings v-else class="h-4 w-4" />
           </Button>
 
           <Button

apps/web/src/components/ai/image-generator/AIImageGeneratorPanel.vue

@@ -535,13 +535,14 @@ function getTimeRemainingClass(index: number): string {
           <DialogTitle>AI 文生图</DialogTitle>
 
           <Button
-            title="配置参数"
-            aria-label="配置参数"
+            :title="configVisible ? 'AI 文生图' : '配置参数'"
+            :aria-label="configVisible ? 'AI 文生图' : '配置参数'"
             variant="ghost"
             size="icon"
             @click="configVisible = !configVisible"
           >
-            <Settings class="h-4 w-4" />
+            <ImageIcon v-if="configVisible" class="h-4 w-4" />
+            <Settings v-else class="h-4 w-4" />
           </Button>
 
           <Button