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

@@ -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>

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",

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

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 = {