From 03dcbeafdf60d42225d51e9e12515d23fc94016d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=9E=E6=B3=95=E6=93=8D=E4=BD=9C?= <hjlarry@163.com>
Date: Mon, 9 Mar 2026 16:27:45 +0800
Subject: [PATCH] fix: stop responding icon not display (#33154)

Co-authored-by: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
---
 web/app/components/base/chat/chat/index.tsx |  3 +--
 web/package.json                            |  2 +-
 web/pnpm-lock.yaml                          | 10 +++++-----
 web/tailwind-common-config.ts               |  7 ++++++-
 4 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/web/app/components/base/chat/chat/index.tsx b/web/app/components/base/chat/chat/index.tsx
index 69c064e3e2..c3a02c798d 100644
--- a/web/app/components/base/chat/chat/index.tsx
+++ b/web/app/components/base/chat/chat/index.tsx
@@ -332,8 +332,7 @@ const Chat: FC<ChatProps> = ({
               !noStopResponding && isResponding && (
                 <div data-testid="stop-responding-container" className="mb-2 flex justify-center">
                   <Button className="border-components-panel-border bg-components-panel-bg text-components-button-secondary-text" onClick={onStopResponding}>
-                    {/* eslint-disable-next-line tailwindcss/no-unknown-classes */}
-                    <div className="i-custom-vender-solid-mediaanddevices-stop-circle mr-[5px] h-3.5 w-3.5" />
+                    <div className="i-custom-vender-solid-mediaAndDevices-stop-circle mr-[5px] h-3.5 w-3.5" />
                     <span className="text-xs font-normal">{t('operation.stopResponding', { ns: 'appDebug' })}</span>
                   </Button>
                 </div>
diff --git a/web/package.json b/web/package.json
index cf1dc4b428..53721239b8 100644
--- a/web/package.json
+++ b/web/package.json
@@ -228,7 +228,7 @@
     "eslint-plugin-sonarjs": "4.0.0",
     "eslint-plugin-storybook": "10.2.13",
     "husky": "9.1.7",
-    "iconify-import-svg": "0.1.1",
+    "iconify-import-svg": "0.1.2",
     "jsdom": "27.3.0",
     "jsdom-testing-mocks": "1.16.0",
     "knip": "5.78.0",
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index d41c6183a6..bb0ee73624 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -552,8 +552,8 @@ importers:
         specifier: 9.1.7
         version: 9.1.7
       iconify-import-svg:
-        specifier: 0.1.1
-        version: 0.1.1
+        specifier: 0.1.2
+        version: 0.1.2
       jsdom:
         specifier: 27.3.0
         version: 27.3.0(canvas@3.2.1)
@@ -5263,8 +5263,8 @@ packages:
       typescript:
         optional: true
 
-  iconify-import-svg@0.1.1:
-    resolution: {integrity: sha512-8HwZIe3ZqCfZ68NZUCnHN264fwHWhE+O5hWDfBtOEY7u1V97yOogHaoXGRLOx17M0c8+z65xYqJXA16ieCYIwA==}
+  iconify-import-svg@0.1.2:
+    resolution: {integrity: sha512-8dwxdGK1a7oPDQhLQOPTbx51tpkxYB6HZvf4fxWz2QVYqEtgop0FWE7OXQ+4zqnrTVUpMIGnOsvqIHtPBK9Isw==}
 
   iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
@@ -13145,7 +13145,7 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  iconify-import-svg@0.1.1:
+  iconify-import-svg@0.1.2:
     dependencies:
       '@iconify/tools': 4.2.0
       '@iconify/types': 2.0.0
diff --git a/web/tailwind-common-config.ts b/web/tailwind-common-config.ts
index cbd58e2809..20dfc09e30 100644
--- a/web/tailwind-common-config.ts
+++ b/web/tailwind-common-config.ts
@@ -14,11 +14,16 @@ const _dirname = typeof __dirname !== 'undefined'
   : path.dirname(fileURLToPath(import.meta.url))
 
 const disableSVGOptimize = process.env.TAILWIND_MODE === 'ESLINT'
+const parseColorOptions = {
+  fallback: () => 'currentColor',
+}
 const svgOptimizeConfig = {
   cleanupSVG: !disableSVGOptimize,
   deOptimisePaths: !disableSVGOptimize,
   runSVGO: !disableSVGOptimize,
-  parseColors: !disableSVGOptimize,
+  parseColors: !disableSVGOptimize
+    ? parseColorOptions
+    : false,
 }
 
 const config = {