diff --git a/web/app/(commonLayout)/apps/NewAppCard.tsx b/web/app/(commonLayout)/apps/NewAppCard.tsx
index a90af4ea85..fe71fefd52 100644
--- a/web/app/(commonLayout)/apps/NewAppCard.tsx
+++ b/web/app/(commonLayout)/apps/NewAppCard.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { forwardRef, useMemo, useState } from 'react'
+import { useMemo, useState } from 'react'
 import {
   useRouter,
   useSearchParams,
@@ -18,7 +18,15 @@ export type CreateAppCardProps = {
   onSuccess?: () => void
 }
 
-const CreateAppCard = forwardRef<HTMLDivElement, CreateAppCardProps>(({ className, onSuccess }, ref) => {
+const CreateAppCard = (
+  {
+    ref,
+    className,
+    onSuccess,
+  }: CreateAppCardProps & {
+    ref: React.RefObject<HTMLDivElement>;
+  },
+) => {
   const { t } = useTranslation()
   const { onPlanInfoChanged } = useProviderContext()
   const searchParams = useSearchParams()
@@ -103,7 +111,7 @@ const CreateAppCard = forwardRef<HTMLDivElement, CreateAppCardProps>(({ classNam
       />
     </div>
   )
-})
+}
 
 CreateAppCard.displayName = 'CreateAppCard'
 export default CreateAppCard
diff --git a/web/app/(commonLayout)/datasets/NewDatasetCard.tsx b/web/app/(commonLayout)/datasets/NewDatasetCard.tsx
index 5dd244ad41..99b612cd1a 100644
--- a/web/app/(commonLayout)/datasets/NewDatasetCard.tsx
+++ b/web/app/(commonLayout)/datasets/NewDatasetCard.tsx
@@ -1,20 +1,23 @@
 'use client'
-
-import { forwardRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import {
   RiAddLine,
   RiArrowRightLine,
 } from '@remixicon/react'
 
-const CreateAppCard = forwardRef<HTMLAnchorElement>((_, ref) => {
+const CreateAppCard = (
+  {
+    ref,
+    ..._
+  },
+) => {
   const { t } = useTranslation()
 
   return (
     <div className='flex flex-col bg-background-default-dimm border-[0.5px] border-components-panel-border rounded-xl
       min-h-[160px] transition-all duration-200 ease-in-out'
     >
-      <a ref={ref} className='group flex flex-grow items-start p-4 cursor-pointer' href='/datasets/create'>
+      <a ref={ref} className='group flex grow items-start p-4 cursor-pointer' href='/datasets/create'>
         <div className='flex items-center gap-3'>
           <div className='w-10 h-10 p-2 flex items-center justify-center border border-dashed border-divider-regular rounded-lg
             bg-background-default-lighter group-hover:border-solid group-hover:border-effects-highlight group-hover:bg-background-default-dodge'
@@ -31,7 +34,7 @@ const CreateAppCard = forwardRef<HTMLAnchorElement>((_, ref) => {
       </a>
     </div>
   )
-})
+}
 
 CreateAppCard.displayName = 'CreateAppCard'
 
diff --git a/web/app/components/app/configuration/debug/debug-with-single-model/index.tsx b/web/app/components/app/configuration/debug/debug-with-single-model/index.tsx
index 74c4a30807..bb60648adb 100644
--- a/web/app/components/app/configuration/debug/debug-with-single-model/index.tsx
+++ b/web/app/components/app/configuration/debug/debug-with-single-model/index.tsx
@@ -1,10 +1,4 @@
-import {
-  forwardRef,
-  memo,
-  useCallback,
-  useImperativeHandle,
-  useMemo,
-} from 'react'
+import { memo, useCallback, useImperativeHandle, useMemo } from 'react'
 import {
   useConfigFromDebugContext,
   useFormattingChangedSubscription,
@@ -34,9 +28,14 @@ type DebugWithSingleModelProps = {
 export type DebugWithSingleModelRefType = {
   handleRestart: () => void
 }
-const DebugWithSingleModel = forwardRef<DebugWithSingleModelRefType, DebugWithSingleModelProps>(({
-  checkCanSend,
-}, ref) => {
+const DebugWithSingleModel = (
+  {
+    ref,
+    checkCanSend,
+  }: DebugWithSingleModelProps & {
+    ref: React.RefObject<DebugWithSingleModelRefType>;
+  },
+) => {
   const { userProfile } = useAppContext()
   const {
     modelConfig,
@@ -174,7 +173,7 @@ const DebugWithSingleModel = forwardRef<DebugWithSingleModelRefType, DebugWithSi
       noSpacing
     />
   )
-})
+}
 
 DebugWithSingleModel.displayName = 'DebugWithSingleModel'
 
diff --git a/web/app/components/base/auto-height-textarea/common.tsx b/web/app/components/base/auto-height-textarea/common.tsx
index 98ff0b7272..8cc2bedd06 100644
--- a/web/app/components/base/auto-height-textarea/common.tsx
+++ b/web/app/components/base/auto-height-textarea/common.tsx
@@ -1,53 +1,53 @@
-import { forwardRef, useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
 import cn from '@/utils/classnames'
 
 type AutoHeightTextareaProps =
   & React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>
   & { outerClassName?: string }
 
-const AutoHeightTextarea = forwardRef<HTMLTextAreaElement, AutoHeightTextareaProps>(
-  (
-    {
-      outerClassName,
-      value,
-      className,
-      placeholder,
-      autoFocus,
-      disabled,
-      ...rest
-    },
-    outRef,
-  ) => {
-    const innerRef = useRef<HTMLTextAreaElement>(null)
-    const ref = outRef || innerRef
-
-    useEffect(() => {
-      if (autoFocus && !disabled && value) {
-        if (typeof ref !== 'function') {
-          ref.current?.setSelectionRange(`${value}`.length, `${value}`.length)
-          ref.current?.focus()
-        }
-      }
-    }, [autoFocus, disabled, ref])
-    return (
-      <div className={outerClassName}>
-        <div className='relative'>
-          <div className={cn(className, 'invisible whitespace-pre-wrap break-all')}>
-            {!value ? placeholder : `${value}`.replace(/\n$/, '\n ')}
-          </div>
-          <textarea
-            ref={ref}
-            placeholder={placeholder}
-            className={cn(className, 'disabled:bg-transparent absolute inset-0 outline-none border-none appearance-none resize-none w-full h-full')}
-            value={value}
-            disabled={disabled}
-            {...rest}
-          />
-        </div>
-      </div>
-    )
+const AutoHeightTextarea = (
+  {
+    ref: outRef,
+    outerClassName,
+    value,
+    className,
+    placeholder,
+    autoFocus,
+    disabled,
+    ...rest
+  }: AutoHeightTextareaProps & {
+    ref: React.RefObject<HTMLTextAreaElement>;
   },
-)
+) => {
+  const innerRef = useRef<HTMLTextAreaElement>(null)
+  const ref = outRef || innerRef
+
+  useEffect(() => {
+    if (autoFocus && !disabled && value) {
+      if (typeof ref !== 'function') {
+        ref.current?.setSelectionRange(`${value}`.length, `${value}`.length)
+        ref.current?.focus()
+      }
+    }
+  }, [autoFocus, disabled, ref])
+  return (
+    (<div className={outerClassName}>
+      <div className='relative'>
+        <div className={cn(className, 'invisible whitespace-pre-wrap break-all')}>
+          {!value ? placeholder : `${value}`.replace(/\n$/, '\n ')}
+        </div>
+        <textarea
+          ref={ref}
+          placeholder={placeholder}
+          className={cn(className, 'disabled:bg-transparent absolute inset-0 outline-none border-none appearance-none resize-none w-full h-full')}
+          value={value}
+          disabled={disabled}
+          {...rest}
+        />
+      </div>
+    </div>)
+  )
+}
 
 AutoHeightTextarea.displayName = 'AutoHeightTextarea'
 
diff --git a/web/app/components/base/auto-height-textarea/index.tsx b/web/app/components/base/auto-height-textarea/index.tsx
index f55db79f91..0c7e9429e0 100644
--- a/web/app/components/base/auto-height-textarea/index.tsx
+++ b/web/app/components/base/auto-height-textarea/index.tsx
@@ -1,4 +1,4 @@
-import { forwardRef, useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
 import cn from '@/utils/classnames'
 import { sleep } from '@/utils'
 
@@ -16,68 +16,80 @@ type IProps = {
   onKeyUp?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void
 }
 
-const AutoHeightTextarea = forwardRef(
-  (
-    { value, onChange, placeholder, className, wrapperClassName, minHeight = 36, maxHeight = 96, autoFocus, controlFocus, onKeyDown, onKeyUp }: IProps,
-    outerRef: any,
-  ) => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const ref = outerRef || useRef<HTMLTextAreaElement>(null)
-
-    const doFocus = () => {
-      if (ref.current) {
-        ref.current.setSelectionRange(value.length, value.length)
-        ref.current.focus()
-        return true
-      }
-      return false
-    }
-
-    const focus = async () => {
-      if (!doFocus()) {
-        let hasFocus = false
-        await sleep(100)
-        hasFocus = doFocus()
-        if (!hasFocus)
-          focus()
-      }
-    }
-
-    useEffect(() => {
-      if (autoFocus)
-        focus()
-    }, [])
-    useEffect(() => {
-      if (controlFocus)
-        focus()
-    }, [controlFocus])
-
-    return (
-      <div className={`relative ${wrapperClassName}`}>
-        <div className={cn(className, 'invisible whitespace-pre-wrap break-all  overflow-y-auto')} style={{
-          minHeight,
-          maxHeight,
-          paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
-        }}>
-          {!value ? placeholder : value.replace(/\n$/, '\n ')}
-        </div>
-        <textarea
-          ref={ref}
-          autoFocus={autoFocus}
-          className={cn(className, 'absolute inset-0 resize-none overflow-auto')}
-          style={{
-            paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
-          }}
-          placeholder={placeholder}
-          onChange={onChange}
-          onKeyDown={onKeyDown}
-          onKeyUp={onKeyUp}
-          value={value}
-        />
-      </div>
-    )
+const AutoHeightTextarea = (
+  {
+    ref: outerRef,
+    value,
+    onChange,
+    placeholder,
+    className,
+    wrapperClassName,
+    minHeight = 36,
+    maxHeight = 96,
+    autoFocus,
+    controlFocus,
+    onKeyDown,
+    onKeyUp,
+  }: IProps & {
+    ref: React.RefObject<unknown>;
   },
-)
+) => {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const ref = outerRef || useRef<HTMLTextAreaElement>(null)
+
+  const doFocus = () => {
+    if (ref.current) {
+      ref.current.setSelectionRange(value.length, value.length)
+      ref.current.focus()
+      return true
+    }
+    return false
+  }
+
+  const focus = async () => {
+    if (!doFocus()) {
+      let hasFocus = false
+      await sleep(100)
+      hasFocus = doFocus()
+      if (!hasFocus)
+        focus()
+    }
+  }
+
+  useEffect(() => {
+    if (autoFocus)
+      focus()
+  }, [])
+  useEffect(() => {
+    if (controlFocus)
+      focus()
+  }, [controlFocus])
+
+  return (
+    (<div className={`relative ${wrapperClassName}`}>
+      <div className={cn(className, 'invisible whitespace-pre-wrap break-all  overflow-y-auto')} style={{
+        minHeight,
+        maxHeight,
+        paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
+      }}>
+        {!value ? placeholder : value.replace(/\n$/, '\n ')}
+      </div>
+      <textarea
+        ref={ref}
+        autoFocus={autoFocus}
+        className={cn(className, 'absolute inset-0 resize-none overflow-auto')}
+        style={{
+          paddingRight: (value && value.trim().length > 10000) ? 140 : 130,
+        }}
+        placeholder={placeholder}
+        onChange={onChange}
+        onKeyDown={onKeyDown}
+        onKeyUp={onKeyUp}
+        value={value}
+      />
+    </div>)
+  )
+}
 
 AutoHeightTextarea.displayName = 'AutoHeightTextarea'
 
diff --git a/web/app/components/base/chat/chat/chat-input-area/operation.tsx b/web/app/components/base/chat/chat/chat-input-area/operation.tsx
index 56ca863681..79d1d8edc0 100644
--- a/web/app/components/base/chat/chat/chat-input-area/operation.tsx
+++ b/web/app/components/base/chat/chat/chat-input-area/operation.tsx
@@ -1,7 +1,4 @@
-import {
-  forwardRef,
-  memo,
-} from 'react'
+import { memo } from 'react'
 import {
   RiMicLine,
   RiSendPlane2Fill,
@@ -23,13 +20,18 @@ type OperationProps = {
   onSend: () => void
   theme?: Theme | null
 }
-const Operation = forwardRef<HTMLDivElement, OperationProps>(({
-  fileConfig,
-  speechToTextConfig,
-  onShowVoiceInput,
-  onSend,
-  theme,
-}, ref) => {
+const Operation = (
+  {
+    ref,
+    fileConfig,
+    speechToTextConfig,
+    onShowVoiceInput,
+    onSend,
+    theme,
+  }: OperationProps & {
+    ref: React.RefObject<HTMLDivElement>;
+  },
+) => {
   return (
     <div
       className={cn(
@@ -70,7 +72,7 @@ const Operation = forwardRef<HTMLDivElement, OperationProps>(({
       </div>
     </div>
   )
-})
+}
 Operation.displayName = 'Operation'
 
 export default memo(Operation)
diff --git a/web/app/components/base/icons/IconBase.tsx b/web/app/components/base/icons/IconBase.tsx
index 4de39e293c..134c948b05 100644
--- a/web/app/components/base/icons/IconBase.tsx
+++ b/web/app/components/base/icons/IconBase.tsx
@@ -1,4 +1,3 @@
-import { forwardRef } from 'react'
 import { generate } from './utils'
 import type { AbstractNode } from './utils'
 
@@ -14,7 +13,14 @@ export type IconBaseProps = {
   style?: React.CSSProperties
 }
 
-const IconBase = forwardRef<React.MutableRefObject<HTMLOrSVGElement>, IconBaseProps>((props, ref) => {
+const IconBase = (
+  {
+    ref,
+    ...props
+  }: IconBaseProps & {
+    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
+  },
+) => {
   const { data, className, onClick, style, ...restProps } = props
 
   return generate(data.icon, `svg-${data.name}`, {
@@ -26,7 +32,7 @@ const IconBase = forwardRef<React.MutableRefObject<HTMLOrSVGElement>, IconBasePr
     ...restProps,
     'ref': ref,
   })
-})
+}
 
 IconBase.displayName = 'IconBase'
 
diff --git a/web/app/components/base/icons/script.mjs b/web/app/components/base/icons/script.mjs
index 1952a15251..96e299e8c8 100644
--- a/web/app/components/base/icons/script.mjs
+++ b/web/app/components/base/icons/script.mjs
@@ -58,12 +58,16 @@ const generateSvgComponent = async (fileHandle, entry, pathList, replaceFillOrSt
 import * as React from 'react'
 import data from './<%= svgName %>.json'
 import IconBase from '@/app/components/base/icons/IconBase'
-import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+import type { IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: React.SVGProps<SVGSVGElement> & {
+    ref?: React.RefObject<React.MutableRefObject<HTMLOrSVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = '<%= svgName %>'
 
@@ -111,10 +115,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './<%= fileName %>.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  { 
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = '<%= fileName %>'
 
diff --git a/web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx b/web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx
index 85280607a7..4363854920 100644
--- a/web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx
+++ b/web/app/components/base/icons/src/image/llm/BaichuanTextCn.tsx
@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './BaichuanTextCn.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'BaichuanTextCn'
 
diff --git a/web/app/components/base/icons/src/image/llm/Minimax.tsx b/web/app/components/base/icons/src/image/llm/Minimax.tsx
index ea8c87a188..13145ca8d4 100644
--- a/web/app/components/base/icons/src/image/llm/Minimax.tsx
+++ b/web/app/components/base/icons/src/image/llm/Minimax.tsx
@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './Minimax.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'Minimax'
 
diff --git a/web/app/components/base/icons/src/image/llm/MinimaxText.tsx b/web/app/components/base/icons/src/image/llm/MinimaxText.tsx
index b6dfba4f70..7bedec639b 100644
--- a/web/app/components/base/icons/src/image/llm/MinimaxText.tsx
+++ b/web/app/components/base/icons/src/image/llm/MinimaxText.tsx
@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './MinimaxText.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'MinimaxText'
 
diff --git a/web/app/components/base/icons/src/image/llm/Tongyi.tsx b/web/app/components/base/icons/src/image/llm/Tongyi.tsx
index 2fc2c8b000..53aec41cb9 100644
--- a/web/app/components/base/icons/src/image/llm/Tongyi.tsx
+++ b/web/app/components/base/icons/src/image/llm/Tongyi.tsx
@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './Tongyi.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'Tongyi'
 
diff --git a/web/app/components/base/icons/src/image/llm/TongyiText.tsx b/web/app/components/base/icons/src/image/llm/TongyiText.tsx
index ca8cd5793b..9d6681475b 100644
--- a/web/app/components/base/icons/src/image/llm/TongyiText.tsx
+++ b/web/app/components/base/icons/src/image/llm/TongyiText.tsx
@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './TongyiText.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'TongyiText'
 
diff --git a/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx b/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx
index 605a254b57..df44bedd3b 100644
--- a/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx
+++ b/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx
@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './TongyiTextCn.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'TongyiTextCn'
 
diff --git a/web/app/components/base/icons/src/image/llm/Wxyy.tsx b/web/app/components/base/icons/src/image/llm/Wxyy.tsx
index c73ddffa1c..8f774a2b68 100644
--- a/web/app/components/base/icons/src/image/llm/Wxyy.tsx
+++ b/web/app/components/base/icons/src/image/llm/Wxyy.tsx
@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './Wxyy.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'Wxyy'
 
diff --git a/web/app/components/base/icons/src/image/llm/WxyyText.tsx b/web/app/components/base/icons/src/image/llm/WxyyText.tsx
index 1ba8335fd2..2149c120fd 100644
--- a/web/app/components/base/icons/src/image/llm/WxyyText.tsx
+++ b/web/app/components/base/icons/src/image/llm/WxyyText.tsx
@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './WxyyText.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'WxyyText'
 
diff --git a/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx b/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx
index 02616573e5..2f9aab921b 100644
--- a/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx
+++ b/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx
@@ -5,10 +5,15 @@ import * as React from 'react'
 import cn from '@/utils/classnames'
 import s from './WxyyTextCn.module.css'
 
-const Icon = React.forwardRef<HTMLSpanElement, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>((
-  { className, ...restProps },
-  ref,
-) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />)
+const Icon = (
+  {
+    ref,
+    className,
+    ...restProps
+  }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> & {
+    ref: React.RefObject<HTMLSpanElement>;
+  },
+) => <span className={cn(s.wrapper, className)} {...restProps} ref={ref} />
 
 Icon.displayName = 'WxyyTextCn'
 
diff --git a/web/app/components/base/icons/src/public/avatar/Robot.tsx b/web/app/components/base/icons/src/public/avatar/Robot.tsx
index 07251c5b09..9d0dc3d949 100644
--- a/web/app/components/base/icons/src/public/avatar/Robot.tsx
+++ b/web/app/components/base/icons/src/public/avatar/Robot.tsx
@@ -6,10 +6,14 @@ import data from './Robot.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Robot'
 
diff --git a/web/app/components/base/icons/src/public/avatar/User.tsx b/web/app/components/base/icons/src/public/avatar/User.tsx
index 3fb53054df..43fa5b27f3 100644
--- a/web/app/components/base/icons/src/public/avatar/User.tsx
+++ b/web/app/components/base/icons/src/public/avatar/User.tsx
@@ -6,10 +6,14 @@ import data from './User.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'User'
 
diff --git a/web/app/components/base/icons/src/public/billing/ArCube1.tsx b/web/app/components/base/icons/src/public/billing/ArCube1.tsx
index 5164eacae5..06378b2158 100644
--- a/web/app/components/base/icons/src/public/billing/ArCube1.tsx
+++ b/web/app/components/base/icons/src/public/billing/ArCube1.tsx
@@ -6,10 +6,14 @@ import data from './ArCube1.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ArCube1'
 
diff --git a/web/app/components/base/icons/src/public/billing/Asterisk.tsx b/web/app/components/base/icons/src/public/billing/Asterisk.tsx
index 679ea86d77..c37fbef393 100644
--- a/web/app/components/base/icons/src/public/billing/Asterisk.tsx
+++ b/web/app/components/base/icons/src/public/billing/Asterisk.tsx
@@ -6,10 +6,14 @@ import data from './Asterisk.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Asterisk'
 
diff --git a/web/app/components/base/icons/src/public/billing/AwsMarketplace.tsx b/web/app/components/base/icons/src/public/billing/AwsMarketplace.tsx
index 818dbbc458..4b1646b8f7 100644
--- a/web/app/components/base/icons/src/public/billing/AwsMarketplace.tsx
+++ b/web/app/components/base/icons/src/public/billing/AwsMarketplace.tsx
@@ -6,10 +6,14 @@ import data from './AwsMarketplace.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AwsMarketplace'
 
diff --git a/web/app/components/base/icons/src/public/billing/Azure.tsx b/web/app/components/base/icons/src/public/billing/Azure.tsx
index 88bcedcd83..ff31992b21 100644
--- a/web/app/components/base/icons/src/public/billing/Azure.tsx
+++ b/web/app/components/base/icons/src/public/billing/Azure.tsx
@@ -6,10 +6,14 @@ import data from './Azure.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Azure'
 
diff --git a/web/app/components/base/icons/src/public/billing/Buildings.tsx b/web/app/components/base/icons/src/public/billing/Buildings.tsx
index 2985113860..4d9de2779c 100644
--- a/web/app/components/base/icons/src/public/billing/Buildings.tsx
+++ b/web/app/components/base/icons/src/public/billing/Buildings.tsx
@@ -6,10 +6,14 @@ import data from './Buildings.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Buildings'
 
diff --git a/web/app/components/base/icons/src/public/billing/Diamond.tsx b/web/app/components/base/icons/src/public/billing/Diamond.tsx
index adc00b9b6d..d18a72fe1e 100644
--- a/web/app/components/base/icons/src/public/billing/Diamond.tsx
+++ b/web/app/components/base/icons/src/public/billing/Diamond.tsx
@@ -6,10 +6,14 @@ import data from './Diamond.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Diamond'
 
diff --git a/web/app/components/base/icons/src/public/billing/GoogleCloud.tsx b/web/app/components/base/icons/src/public/billing/GoogleCloud.tsx
index 5c112bd131..0777b1571f 100644
--- a/web/app/components/base/icons/src/public/billing/GoogleCloud.tsx
+++ b/web/app/components/base/icons/src/public/billing/GoogleCloud.tsx
@@ -6,10 +6,14 @@ import data from './GoogleCloud.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'GoogleCloud'
 
diff --git a/web/app/components/base/icons/src/public/billing/Group2.tsx b/web/app/components/base/icons/src/public/billing/Group2.tsx
index f516ddafdd..b3386f1714 100644
--- a/web/app/components/base/icons/src/public/billing/Group2.tsx
+++ b/web/app/components/base/icons/src/public/billing/Group2.tsx
@@ -6,10 +6,14 @@ import data from './Group2.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Group2'
 
diff --git a/web/app/components/base/icons/src/public/billing/Keyframe.tsx b/web/app/components/base/icons/src/public/billing/Keyframe.tsx
index 075e8d83f4..84ae0e570f 100644
--- a/web/app/components/base/icons/src/public/billing/Keyframe.tsx
+++ b/web/app/components/base/icons/src/public/billing/Keyframe.tsx
@@ -6,10 +6,14 @@ import data from './Keyframe.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Keyframe'
 
diff --git a/web/app/components/base/icons/src/public/billing/Sparkles.tsx b/web/app/components/base/icons/src/public/billing/Sparkles.tsx
index b7480abf61..9ee0aeb57c 100644
--- a/web/app/components/base/icons/src/public/billing/Sparkles.tsx
+++ b/web/app/components/base/icons/src/public/billing/Sparkles.tsx
@@ -6,10 +6,14 @@ import data from './Sparkles.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Sparkles'
 
diff --git a/web/app/components/base/icons/src/public/billing/SparklesSoft.tsx b/web/app/components/base/icons/src/public/billing/SparklesSoft.tsx
index dd422c400f..a5eb8a7c05 100644
--- a/web/app/components/base/icons/src/public/billing/SparklesSoft.tsx
+++ b/web/app/components/base/icons/src/public/billing/SparklesSoft.tsx
@@ -6,10 +6,14 @@ import data from './SparklesSoft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'SparklesSoft'
 
diff --git a/web/app/components/base/icons/src/public/common/D.tsx b/web/app/components/base/icons/src/public/common/D.tsx
index 6d8bbf7653..36081af8cc 100644
--- a/web/app/components/base/icons/src/public/common/D.tsx
+++ b/web/app/components/base/icons/src/public/common/D.tsx
@@ -6,10 +6,14 @@ import data from './D.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'D'
 
diff --git a/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx b/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx
index 9a33e1959f..0da042629b 100644
--- a/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx
+++ b/web/app/components/base/icons/src/public/common/DiagonalDividingLine.tsx
@@ -6,10 +6,14 @@ import data from './DiagonalDividingLine.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'DiagonalDividingLine'
 
diff --git a/web/app/components/base/icons/src/public/common/Dify.tsx b/web/app/components/base/icons/src/public/common/Dify.tsx
index 7b5e68f746..fb6635fbbd 100644
--- a/web/app/components/base/icons/src/public/common/Dify.tsx
+++ b/web/app/components/base/icons/src/public/common/Dify.tsx
@@ -6,10 +6,14 @@ import data from './Dify.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Dify'
 
diff --git a/web/app/components/base/icons/src/public/common/Gdpr.tsx b/web/app/components/base/icons/src/public/common/Gdpr.tsx
index 106299da8a..c091b29c1d 100644
--- a/web/app/components/base/icons/src/public/common/Gdpr.tsx
+++ b/web/app/components/base/icons/src/public/common/Gdpr.tsx
@@ -6,10 +6,14 @@ import data from './Gdpr.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Gdpr'
 
diff --git a/web/app/components/base/icons/src/public/common/Github.tsx b/web/app/components/base/icons/src/public/common/Github.tsx
index 416743fc71..e8edbe0814 100644
--- a/web/app/components/base/icons/src/public/common/Github.tsx
+++ b/web/app/components/base/icons/src/public/common/Github.tsx
@@ -6,10 +6,14 @@ import data from './Github.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Github'
 
diff --git a/web/app/components/base/icons/src/public/common/Highlight.tsx b/web/app/components/base/icons/src/public/common/Highlight.tsx
index 379f38f78e..e38280c9e5 100644
--- a/web/app/components/base/icons/src/public/common/Highlight.tsx
+++ b/web/app/components/base/icons/src/public/common/Highlight.tsx
@@ -6,10 +6,14 @@ import data from './Highlight.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Highlight'
 
diff --git a/web/app/components/base/icons/src/public/common/Iso.tsx b/web/app/components/base/icons/src/public/common/Iso.tsx
index 3c24746829..8a7d7c8a84 100644
--- a/web/app/components/base/icons/src/public/common/Iso.tsx
+++ b/web/app/components/base/icons/src/public/common/Iso.tsx
@@ -6,10 +6,14 @@ import data from './Iso.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Iso'
 
diff --git a/web/app/components/base/icons/src/public/common/Line3.tsx b/web/app/components/base/icons/src/public/common/Line3.tsx
index a9c99816b9..ee2ed164f1 100644
--- a/web/app/components/base/icons/src/public/common/Line3.tsx
+++ b/web/app/components/base/icons/src/public/common/Line3.tsx
@@ -6,10 +6,14 @@ import data from './Line3.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Line3'
 
diff --git a/web/app/components/base/icons/src/public/common/Lock.tsx b/web/app/components/base/icons/src/public/common/Lock.tsx
index 3a2ed38574..a2fdaa5da3 100644
--- a/web/app/components/base/icons/src/public/common/Lock.tsx
+++ b/web/app/components/base/icons/src/public/common/Lock.tsx
@@ -6,10 +6,14 @@ import data from './Lock.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Lock'
 
diff --git a/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx b/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
index 0c54640395..1cb17cb0fd 100644
--- a/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
+++ b/web/app/components/base/icons/src/public/common/MessageChatSquare.tsx
@@ -6,10 +6,14 @@ import data from './MessageChatSquare.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageChatSquare'
 
diff --git a/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx b/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx
index 7eafeb8715..bd10f44e77 100644
--- a/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx
+++ b/web/app/components/base/icons/src/public/common/MultiPathRetrieval.tsx
@@ -6,10 +6,14 @@ import data from './MultiPathRetrieval.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MultiPathRetrieval'
 
diff --git a/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx b/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx
index ea48b5e8a3..990933785c 100644
--- a/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx
+++ b/web/app/components/base/icons/src/public/common/NTo1Retrieval.tsx
@@ -6,10 +6,14 @@ import data from './NTo1Retrieval.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'NTo1Retrieval'
 
diff --git a/web/app/components/base/icons/src/public/common/Notion.tsx b/web/app/components/base/icons/src/public/common/Notion.tsx
index 9b7e6c3342..31277697bf 100644
--- a/web/app/components/base/icons/src/public/common/Notion.tsx
+++ b/web/app/components/base/icons/src/public/common/Notion.tsx
@@ -6,10 +6,14 @@ import data from './Notion.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Notion'
 
diff --git a/web/app/components/base/icons/src/public/common/Soc2.tsx b/web/app/components/base/icons/src/public/common/Soc2.tsx
index 63b6a4ca65..319093da6a 100644
--- a/web/app/components/base/icons/src/public/common/Soc2.tsx
+++ b/web/app/components/base/icons/src/public/common/Soc2.tsx
@@ -6,10 +6,14 @@ import data from './Soc2.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Soc2'
 
diff --git a/web/app/components/base/icons/src/public/common/SparklesSoft.tsx b/web/app/components/base/icons/src/public/common/SparklesSoft.tsx
index dd422c400f..a5eb8a7c05 100644
--- a/web/app/components/base/icons/src/public/common/SparklesSoft.tsx
+++ b/web/app/components/base/icons/src/public/common/SparklesSoft.tsx
@@ -6,10 +6,14 @@ import data from './SparklesSoft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'SparklesSoft'
 
diff --git a/web/app/components/base/icons/src/public/files/Csv.tsx b/web/app/components/base/icons/src/public/files/Csv.tsx
index 179d0e4a5f..567d5cee04 100644
--- a/web/app/components/base/icons/src/public/files/Csv.tsx
+++ b/web/app/components/base/icons/src/public/files/Csv.tsx
@@ -6,10 +6,14 @@ import data from './Csv.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Csv'
 
diff --git a/web/app/components/base/icons/src/public/files/Doc.tsx b/web/app/components/base/icons/src/public/files/Doc.tsx
index 7a73e51819..42e14e1d12 100644
--- a/web/app/components/base/icons/src/public/files/Doc.tsx
+++ b/web/app/components/base/icons/src/public/files/Doc.tsx
@@ -6,10 +6,14 @@ import data from './Doc.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Doc'
 
diff --git a/web/app/components/base/icons/src/public/files/Docx.tsx b/web/app/components/base/icons/src/public/files/Docx.tsx
index 912d3a2fd4..4733d0ebf1 100644
--- a/web/app/components/base/icons/src/public/files/Docx.tsx
+++ b/web/app/components/base/icons/src/public/files/Docx.tsx
@@ -6,10 +6,14 @@ import data from './Docx.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Docx'
 
diff --git a/web/app/components/base/icons/src/public/files/Html.tsx b/web/app/components/base/icons/src/public/files/Html.tsx
index 16aca733fc..339e8edd32 100644
--- a/web/app/components/base/icons/src/public/files/Html.tsx
+++ b/web/app/components/base/icons/src/public/files/Html.tsx
@@ -6,10 +6,14 @@ import data from './Html.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Html'
 
diff --git a/web/app/components/base/icons/src/public/files/Json.tsx b/web/app/components/base/icons/src/public/files/Json.tsx
index 452b75f871..db48281f25 100644
--- a/web/app/components/base/icons/src/public/files/Json.tsx
+++ b/web/app/components/base/icons/src/public/files/Json.tsx
@@ -6,10 +6,14 @@ import data from './Json.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Json'
 
diff --git a/web/app/components/base/icons/src/public/files/Md.tsx b/web/app/components/base/icons/src/public/files/Md.tsx
index d9c1bc69e9..e11a15866e 100644
--- a/web/app/components/base/icons/src/public/files/Md.tsx
+++ b/web/app/components/base/icons/src/public/files/Md.tsx
@@ -6,10 +6,14 @@ import data from './Md.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Md'
 
diff --git a/web/app/components/base/icons/src/public/files/Pdf.tsx b/web/app/components/base/icons/src/public/files/Pdf.tsx
index 851d7b1805..692fb2d95c 100644
--- a/web/app/components/base/icons/src/public/files/Pdf.tsx
+++ b/web/app/components/base/icons/src/public/files/Pdf.tsx
@@ -6,10 +6,14 @@ import data from './Pdf.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Pdf'
 
diff --git a/web/app/components/base/icons/src/public/files/Txt.tsx b/web/app/components/base/icons/src/public/files/Txt.tsx
index 867f4b2aef..e28473afa7 100644
--- a/web/app/components/base/icons/src/public/files/Txt.tsx
+++ b/web/app/components/base/icons/src/public/files/Txt.tsx
@@ -6,10 +6,14 @@ import data from './Txt.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Txt'
 
diff --git a/web/app/components/base/icons/src/public/files/Unknown.tsx b/web/app/components/base/icons/src/public/files/Unknown.tsx
index de909ed65e..52757ae6d9 100644
--- a/web/app/components/base/icons/src/public/files/Unknown.tsx
+++ b/web/app/components/base/icons/src/public/files/Unknown.tsx
@@ -6,10 +6,14 @@ import data from './Unknown.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Unknown'
 
diff --git a/web/app/components/base/icons/src/public/files/Xlsx.tsx b/web/app/components/base/icons/src/public/files/Xlsx.tsx
index e938c83206..51c5f1c579 100644
--- a/web/app/components/base/icons/src/public/files/Xlsx.tsx
+++ b/web/app/components/base/icons/src/public/files/Xlsx.tsx
@@ -6,10 +6,14 @@ import data from './Xlsx.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Xlsx'
 
diff --git a/web/app/components/base/icons/src/public/files/Yaml.tsx b/web/app/components/base/icons/src/public/files/Yaml.tsx
index b969695443..44765ceace 100644
--- a/web/app/components/base/icons/src/public/files/Yaml.tsx
+++ b/web/app/components/base/icons/src/public/files/Yaml.tsx
@@ -6,10 +6,14 @@ import data from './Yaml.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Yaml'
 
diff --git a/web/app/components/base/icons/src/public/knowledge/Chunk.tsx b/web/app/components/base/icons/src/public/knowledge/Chunk.tsx
index 87ff635811..377cacbf6e 100644
--- a/web/app/components/base/icons/src/public/knowledge/Chunk.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/Chunk.tsx
@@ -6,10 +6,14 @@ import data from './Chunk.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Chunk'
 
diff --git a/web/app/components/base/icons/src/public/knowledge/Collapse.tsx b/web/app/components/base/icons/src/public/knowledge/Collapse.tsx
index 48206c4d0c..42c4b9a1bf 100644
--- a/web/app/components/base/icons/src/public/knowledge/Collapse.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/Collapse.tsx
@@ -6,10 +6,14 @@ import data from './Collapse.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Collapse'
 
diff --git a/web/app/components/base/icons/src/public/knowledge/GeneralType.tsx b/web/app/components/base/icons/src/public/knowledge/GeneralType.tsx
index 7fce78a61d..3b1e894d18 100644
--- a/web/app/components/base/icons/src/public/knowledge/GeneralType.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/GeneralType.tsx
@@ -6,10 +6,14 @@ import data from './GeneralType.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'GeneralType'
 
diff --git a/web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx b/web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx
index 2189893eb3..31b128da48 100644
--- a/web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/LayoutRight2LineMod.tsx
@@ -6,10 +6,14 @@ import data from './LayoutRight2LineMod.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LayoutRight2LineMod'
 
diff --git a/web/app/components/base/icons/src/public/knowledge/ParentChildType.tsx b/web/app/components/base/icons/src/public/knowledge/ParentChildType.tsx
index 2b13aa939c..387ef46a6b 100644
--- a/web/app/components/base/icons/src/public/knowledge/ParentChildType.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/ParentChildType.tsx
@@ -6,10 +6,14 @@ import data from './ParentChildType.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ParentChildType'
 
diff --git a/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx b/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx
index 19125b7063..b64d2eae67 100644
--- a/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx
+++ b/web/app/components/base/icons/src/public/knowledge/SelectionMod.tsx
@@ -6,10 +6,14 @@ import data from './SelectionMod.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'SelectionMod'
 
diff --git a/web/app/components/base/icons/src/public/llm/Anthropic.tsx b/web/app/components/base/icons/src/public/llm/Anthropic.tsx
index f1307e55d3..abc85d0deb 100644
--- a/web/app/components/base/icons/src/public/llm/Anthropic.tsx
+++ b/web/app/components/base/icons/src/public/llm/Anthropic.tsx
@@ -6,10 +6,14 @@ import data from './Anthropic.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Anthropic'
 
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx b/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx
index d358b0c111..e049d13d50 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicDark.tsx
@@ -6,10 +6,14 @@ import data from './AnthropicDark.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AnthropicDark'
 
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx b/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx
index 34df60f28c..8f65829ac1 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicLight.tsx
@@ -6,10 +6,14 @@ import data from './AnthropicLight.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AnthropicLight'
 
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicText.tsx b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
index 868cfe5f27..8e6b54770f 100644
--- a/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
@@ -6,10 +6,14 @@ import data from './AnthropicText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AnthropicText'
 
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
index 01db4fadee..5d77721034 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
@@ -6,10 +6,14 @@ import data from './AzureOpenaiService.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AzureOpenaiService'
 
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
index ae29a4ff6a..e1b116a666 100644
--- a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
@@ -6,10 +6,14 @@ import data from './AzureOpenaiServiceText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AzureOpenaiServiceText'
 
diff --git a/web/app/components/base/icons/src/public/llm/Azureai.tsx b/web/app/components/base/icons/src/public/llm/Azureai.tsx
index 7a6769fd28..a2cf6067af 100644
--- a/web/app/components/base/icons/src/public/llm/Azureai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Azureai.tsx
@@ -6,10 +6,14 @@ import data from './Azureai.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Azureai'
 
diff --git a/web/app/components/base/icons/src/public/llm/AzureaiText.tsx b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
index 26881a8f5d..5e98b4f107 100644
--- a/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
@@ -6,10 +6,14 @@ import data from './AzureaiText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AzureaiText'
 
diff --git a/web/app/components/base/icons/src/public/llm/Baichuan.tsx b/web/app/components/base/icons/src/public/llm/Baichuan.tsx
index e62e0a0af6..9a74970135 100644
--- a/web/app/components/base/icons/src/public/llm/Baichuan.tsx
+++ b/web/app/components/base/icons/src/public/llm/Baichuan.tsx
@@ -6,10 +6,14 @@ import data from './Baichuan.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Baichuan'
 
diff --git a/web/app/components/base/icons/src/public/llm/BaichuanText.tsx b/web/app/components/base/icons/src/public/llm/BaichuanText.tsx
index 3e2483740d..808860f452 100644
--- a/web/app/components/base/icons/src/public/llm/BaichuanText.tsx
+++ b/web/app/components/base/icons/src/public/llm/BaichuanText.tsx
@@ -6,10 +6,14 @@ import data from './BaichuanText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BaichuanText'
 
diff --git a/web/app/components/base/icons/src/public/llm/Chatglm.tsx b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
index d26b9047fa..780cf799c6 100644
--- a/web/app/components/base/icons/src/public/llm/Chatglm.tsx
+++ b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
@@ -6,10 +6,14 @@ import data from './Chatglm.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Chatglm'
 
diff --git a/web/app/components/base/icons/src/public/llm/ChatglmText.tsx b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
index c74c12c3dd..8019acdf22 100644
--- a/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
@@ -6,10 +6,14 @@ import data from './ChatglmText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChatglmText'
 
diff --git a/web/app/components/base/icons/src/public/llm/Cohere.tsx b/web/app/components/base/icons/src/public/llm/Cohere.tsx
index 76d8bfbecb..62a5d643cf 100644
--- a/web/app/components/base/icons/src/public/llm/Cohere.tsx
+++ b/web/app/components/base/icons/src/public/llm/Cohere.tsx
@@ -6,10 +6,14 @@ import data from './Cohere.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Cohere'
 
diff --git a/web/app/components/base/icons/src/public/llm/CohereText.tsx b/web/app/components/base/icons/src/public/llm/CohereText.tsx
index efd37b6f83..24e47f7c3a 100644
--- a/web/app/components/base/icons/src/public/llm/CohereText.tsx
+++ b/web/app/components/base/icons/src/public/llm/CohereText.tsx
@@ -6,10 +6,14 @@ import data from './CohereText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CohereText'
 
diff --git a/web/app/components/base/icons/src/public/llm/Gpt3.tsx b/web/app/components/base/icons/src/public/llm/Gpt3.tsx
index f365ef3cca..4ee86aaba1 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt3.tsx
+++ b/web/app/components/base/icons/src/public/llm/Gpt3.tsx
@@ -6,10 +6,14 @@ import data from './Gpt3.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Gpt3'
 
diff --git a/web/app/components/base/icons/src/public/llm/Gpt4.tsx b/web/app/components/base/icons/src/public/llm/Gpt4.tsx
index 702bf9cbeb..6b95fa247b 100644
--- a/web/app/components/base/icons/src/public/llm/Gpt4.tsx
+++ b/web/app/components/base/icons/src/public/llm/Gpt4.tsx
@@ -6,10 +6,14 @@ import data from './Gpt4.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Gpt4'
 
diff --git a/web/app/components/base/icons/src/public/llm/Huggingface.tsx b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
index ebf6a17abe..cbbf439ea3 100644
--- a/web/app/components/base/icons/src/public/llm/Huggingface.tsx
+++ b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
@@ -6,10 +6,14 @@ import data from './Huggingface.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Huggingface'
 
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
index 89cceec8a2..a5ae68ad58 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
@@ -6,10 +6,14 @@ import data from './HuggingfaceText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'HuggingfaceText'
 
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
index cf44edde4d..8dce7fa699 100644
--- a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
@@ -6,10 +6,14 @@ import data from './HuggingfaceTextHub.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'HuggingfaceTextHub'
 
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
index f910c3e831..c1bd65894a 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
@@ -6,10 +6,14 @@ import data from './IflytekSpark.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'IflytekSpark'
 
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
index a807f04c4d..dff5b134ef 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
@@ -6,10 +6,14 @@ import data from './IflytekSparkText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'IflytekSparkText'
 
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
index 706487df80..4434181be5 100644
--- a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
@@ -6,10 +6,14 @@ import data from './IflytekSparkTextCn.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'IflytekSparkTextCn'
 
diff --git a/web/app/components/base/icons/src/public/llm/Jina.tsx b/web/app/components/base/icons/src/public/llm/Jina.tsx
index 8036e08979..1be39b3785 100644
--- a/web/app/components/base/icons/src/public/llm/Jina.tsx
+++ b/web/app/components/base/icons/src/public/llm/Jina.tsx
@@ -6,10 +6,14 @@ import data from './Jina.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Jina'
 
diff --git a/web/app/components/base/icons/src/public/llm/JinaText.tsx b/web/app/components/base/icons/src/public/llm/JinaText.tsx
index 802d5aacad..d12954dcb7 100644
--- a/web/app/components/base/icons/src/public/llm/JinaText.tsx
+++ b/web/app/components/base/icons/src/public/llm/JinaText.tsx
@@ -6,10 +6,14 @@ import data from './JinaText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'JinaText'
 
diff --git a/web/app/components/base/icons/src/public/llm/Localai.tsx b/web/app/components/base/icons/src/public/llm/Localai.tsx
index 86e5d07103..03974b8dc1 100644
--- a/web/app/components/base/icons/src/public/llm/Localai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Localai.tsx
@@ -6,10 +6,14 @@ import data from './Localai.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Localai'
 
diff --git a/web/app/components/base/icons/src/public/llm/LocalaiText.tsx b/web/app/components/base/icons/src/public/llm/LocalaiText.tsx
index 95875d4329..8a0ac5a845 100644
--- a/web/app/components/base/icons/src/public/llm/LocalaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/LocalaiText.tsx
@@ -6,10 +6,14 @@ import data from './LocalaiText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LocalaiText'
 
diff --git a/web/app/components/base/icons/src/public/llm/Microsoft.tsx b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
index adc5535645..7449d03e0f 100644
--- a/web/app/components/base/icons/src/public/llm/Microsoft.tsx
+++ b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
@@ -6,10 +6,14 @@ import data from './Microsoft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Microsoft'
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
index 7a22c97391..ba298dfb58 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
@@ -6,10 +6,14 @@ import data from './OpenaiBlack.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiBlack'
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
index 971941c37c..14ecec9209 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
@@ -6,10 +6,14 @@ import data from './OpenaiBlue.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiBlue'
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
index faa62e6659..9bc69f841e 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
@@ -6,10 +6,14 @@ import data from './OpenaiGreen.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiGreen'
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiText.tsx b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
index cd2f626e27..558f02f124 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
@@ -6,10 +6,14 @@ import data from './OpenaiText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiText'
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
index 51b965fdc1..3c21afa770 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
@@ -6,10 +6,14 @@ import data from './OpenaiTransparent.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiTransparent'
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
index cc2261928f..05bb30be17 100644
--- a/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
@@ -6,10 +6,14 @@ import data from './OpenaiViolet.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenaiViolet'
 
diff --git a/web/app/components/base/icons/src/public/llm/Openllm.tsx b/web/app/components/base/icons/src/public/llm/Openllm.tsx
index 99e9dba9f7..6475b448d2 100644
--- a/web/app/components/base/icons/src/public/llm/Openllm.tsx
+++ b/web/app/components/base/icons/src/public/llm/Openllm.tsx
@@ -6,10 +6,14 @@ import data from './Openllm.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Openllm'
 
diff --git a/web/app/components/base/icons/src/public/llm/OpenllmText.tsx b/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
index 5c3a50ff41..a6058a21f0 100644
--- a/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
+++ b/web/app/components/base/icons/src/public/llm/OpenllmText.tsx
@@ -6,10 +6,14 @@ import data from './OpenllmText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpenllmText'
 
diff --git a/web/app/components/base/icons/src/public/llm/Replicate.tsx b/web/app/components/base/icons/src/public/llm/Replicate.tsx
index 4c580d7b8a..0b08b610ab 100644
--- a/web/app/components/base/icons/src/public/llm/Replicate.tsx
+++ b/web/app/components/base/icons/src/public/llm/Replicate.tsx
@@ -6,10 +6,14 @@ import data from './Replicate.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Replicate'
 
diff --git a/web/app/components/base/icons/src/public/llm/ReplicateText.tsx b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
index a9a595fc52..40b10bb66e 100644
--- a/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
@@ -6,10 +6,14 @@ import data from './ReplicateText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ReplicateText'
 
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx b/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
index 45259b0368..2e07d93c16 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInference.tsx
@@ -6,10 +6,14 @@ import data from './XorbitsInference.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'XorbitsInference'
 
diff --git a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
index 8df458786d..8b376ddbd4 100644
--- a/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
+++ b/web/app/components/base/icons/src/public/llm/XorbitsInferenceText.tsx
@@ -6,10 +6,14 @@ import data from './XorbitsInferenceText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'XorbitsInferenceText'
 
diff --git a/web/app/components/base/icons/src/public/llm/Zhipuai.tsx b/web/app/components/base/icons/src/public/llm/Zhipuai.tsx
index 37c8481eed..e71a043ffb 100644
--- a/web/app/components/base/icons/src/public/llm/Zhipuai.tsx
+++ b/web/app/components/base/icons/src/public/llm/Zhipuai.tsx
@@ -6,10 +6,14 @@ import data from './Zhipuai.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Zhipuai'
 
diff --git a/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx b/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx
index 4d3234bd9b..67d98e81ee 100644
--- a/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx
+++ b/web/app/components/base/icons/src/public/llm/ZhipuaiText.tsx
@@ -6,10 +6,14 @@ import data from './ZhipuaiText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ZhipuaiText'
 
diff --git a/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx b/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx
index 9e55aba784..48178d33e6 100644
--- a/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx
+++ b/web/app/components/base/icons/src/public/llm/ZhipuaiTextCn.tsx
@@ -6,10 +6,14 @@ import data from './ZhipuaiTextCn.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ZhipuaiTextCn'
 
diff --git a/web/app/components/base/icons/src/public/model/Checked.tsx b/web/app/components/base/icons/src/public/model/Checked.tsx
index c673c02cae..0cd3183cb4 100644
--- a/web/app/components/base/icons/src/public/model/Checked.tsx
+++ b/web/app/components/base/icons/src/public/model/Checked.tsx
@@ -6,10 +6,14 @@ import data from './Checked.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Checked'
 
diff --git a/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx b/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx
index 730ba3a090..ddfb18e1a4 100644
--- a/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx
+++ b/web/app/components/base/icons/src/public/other/DefaultToolIcon.tsx
@@ -6,10 +6,14 @@ import data from './DefaultToolIcon.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'DefaultToolIcon'
 
diff --git a/web/app/components/base/icons/src/public/other/Icon3Dots.tsx b/web/app/components/base/icons/src/public/other/Icon3Dots.tsx
index 1f9eb767a8..a81a81d46c 100644
--- a/web/app/components/base/icons/src/public/other/Icon3Dots.tsx
+++ b/web/app/components/base/icons/src/public/other/Icon3Dots.tsx
@@ -6,10 +6,14 @@ import data from './Icon3Dots.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Icon3Dots'
 
diff --git a/web/app/components/base/icons/src/public/other/Message3Fill.tsx b/web/app/components/base/icons/src/public/other/Message3Fill.tsx
index 2d3a834a95..fa79d41492 100644
--- a/web/app/components/base/icons/src/public/other/Message3Fill.tsx
+++ b/web/app/components/base/icons/src/public/other/Message3Fill.tsx
@@ -6,10 +6,14 @@ import data from './Message3Fill.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Message3Fill'
 
diff --git a/web/app/components/base/icons/src/public/other/RowStruct.tsx b/web/app/components/base/icons/src/public/other/RowStruct.tsx
index ef5ab8c62d..b47cd8a4f2 100644
--- a/web/app/components/base/icons/src/public/other/RowStruct.tsx
+++ b/web/app/components/base/icons/src/public/other/RowStruct.tsx
@@ -6,10 +6,14 @@ import data from './RowStruct.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'RowStruct'
 
diff --git a/web/app/components/base/icons/src/public/plugins/Google.tsx b/web/app/components/base/icons/src/public/plugins/Google.tsx
index 6d2a0b8538..e7f3797b5e 100644
--- a/web/app/components/base/icons/src/public/plugins/Google.tsx
+++ b/web/app/components/base/icons/src/public/plugins/Google.tsx
@@ -6,10 +6,14 @@ import data from './Google.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Google'
 
diff --git a/web/app/components/base/icons/src/public/plugins/PartnerDark.tsx b/web/app/components/base/icons/src/public/plugins/PartnerDark.tsx
index 5773d0be61..3c1e908f6c 100644
--- a/web/app/components/base/icons/src/public/plugins/PartnerDark.tsx
+++ b/web/app/components/base/icons/src/public/plugins/PartnerDark.tsx
@@ -6,10 +6,14 @@ import data from './PartnerDark.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'PartnerDark'
 
diff --git a/web/app/components/base/icons/src/public/plugins/PartnerLight.tsx b/web/app/components/base/icons/src/public/plugins/PartnerLight.tsx
index 03541c4a2f..5c09354462 100644
--- a/web/app/components/base/icons/src/public/plugins/PartnerLight.tsx
+++ b/web/app/components/base/icons/src/public/plugins/PartnerLight.tsx
@@ -6,10 +6,14 @@ import data from './PartnerLight.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'PartnerLight'
 
diff --git a/web/app/components/base/icons/src/public/plugins/VerifiedDark.tsx b/web/app/components/base/icons/src/public/plugins/VerifiedDark.tsx
index 658417088a..b124a8514f 100644
--- a/web/app/components/base/icons/src/public/plugins/VerifiedDark.tsx
+++ b/web/app/components/base/icons/src/public/plugins/VerifiedDark.tsx
@@ -6,10 +6,14 @@ import data from './VerifiedDark.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'VerifiedDark'
 
diff --git a/web/app/components/base/icons/src/public/plugins/VerifiedLight.tsx b/web/app/components/base/icons/src/public/plugins/VerifiedLight.tsx
index 2c309f0594..94a5c165ed 100644
--- a/web/app/components/base/icons/src/public/plugins/VerifiedLight.tsx
+++ b/web/app/components/base/icons/src/public/plugins/VerifiedLight.tsx
@@ -6,10 +6,14 @@ import data from './VerifiedLight.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'VerifiedLight'
 
diff --git a/web/app/components/base/icons/src/public/plugins/WebReader.tsx b/web/app/components/base/icons/src/public/plugins/WebReader.tsx
index ee7281e6cf..4f5c24e11e 100644
--- a/web/app/components/base/icons/src/public/plugins/WebReader.tsx
+++ b/web/app/components/base/icons/src/public/plugins/WebReader.tsx
@@ -6,10 +6,14 @@ import data from './WebReader.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'WebReader'
 
diff --git a/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx b/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
index 36f18f1a6a..182874ba91 100644
--- a/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
+++ b/web/app/components/base/icons/src/public/plugins/Wikipedia.tsx
@@ -6,10 +6,14 @@ import data from './Wikipedia.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Wikipedia'
 
diff --git a/web/app/components/base/icons/src/public/thought/DataSet.tsx b/web/app/components/base/icons/src/public/thought/DataSet.tsx
index cadbbdcf35..bdde2956da 100644
--- a/web/app/components/base/icons/src/public/thought/DataSet.tsx
+++ b/web/app/components/base/icons/src/public/thought/DataSet.tsx
@@ -6,10 +6,14 @@ import data from './DataSet.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'DataSet'
 
diff --git a/web/app/components/base/icons/src/public/thought/Loading.tsx b/web/app/components/base/icons/src/public/thought/Loading.tsx
index 389f575e63..11f55471ac 100644
--- a/web/app/components/base/icons/src/public/thought/Loading.tsx
+++ b/web/app/components/base/icons/src/public/thought/Loading.tsx
@@ -6,10 +6,14 @@ import data from './Loading.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Loading'
 
diff --git a/web/app/components/base/icons/src/public/thought/Search.tsx b/web/app/components/base/icons/src/public/thought/Search.tsx
index 0d9e9ba567..0ba92a864c 100644
--- a/web/app/components/base/icons/src/public/thought/Search.tsx
+++ b/web/app/components/base/icons/src/public/thought/Search.tsx
@@ -6,10 +6,14 @@ import data from './Search.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Search'
 
diff --git a/web/app/components/base/icons/src/public/thought/ThoughtList.tsx b/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
index 3f4eb0aaf7..9c3c966e85 100644
--- a/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
+++ b/web/app/components/base/icons/src/public/thought/ThoughtList.tsx
@@ -6,10 +6,14 @@ import data from './ThoughtList.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ThoughtList'
 
diff --git a/web/app/components/base/icons/src/public/thought/WebReader.tsx b/web/app/components/base/icons/src/public/thought/WebReader.tsx
index ee7281e6cf..4f5c24e11e 100644
--- a/web/app/components/base/icons/src/public/thought/WebReader.tsx
+++ b/web/app/components/base/icons/src/public/thought/WebReader.tsx
@@ -6,10 +6,14 @@ import data from './WebReader.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'WebReader'
 
diff --git a/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx b/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx
index 38e763eb61..2463abb72a 100644
--- a/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangfuseIcon.tsx
@@ -6,10 +6,14 @@ import data from './LangfuseIcon.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LangfuseIcon'
 
diff --git a/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx b/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx
index d1d3d001b9..e764b4dac4 100644
--- a/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangfuseIconBig.tsx
@@ -6,10 +6,14 @@ import data from './LangfuseIconBig.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LangfuseIconBig'
 
diff --git a/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx b/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx
index 5565f24f51..ee3b1fd974 100644
--- a/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangsmithIcon.tsx
@@ -6,10 +6,14 @@ import data from './LangsmithIcon.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LangsmithIcon'
 
diff --git a/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx b/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx
index 0a0f2e0d05..c97544ef0e 100644
--- a/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/LangsmithIconBig.tsx
@@ -6,10 +6,14 @@ import data from './LangsmithIconBig.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LangsmithIconBig'
 
diff --git a/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx b/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx
index 4729baae79..112fb41e46 100644
--- a/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/OpikIcon.tsx
@@ -6,10 +6,14 @@ import data from './OpikIcon.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpikIcon'
 
diff --git a/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx b/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx
index 10b41b961c..43a7b65422 100644
--- a/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx
+++ b/web/app/components/base/icons/src/public/tracing/OpikIconBig.tsx
@@ -6,10 +6,14 @@ import data from './OpikIconBig.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'OpikIconBig'
 
diff --git a/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx b/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx
index e24b2d05f6..5d1e82b738 100644
--- a/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx
+++ b/web/app/components/base/icons/src/public/tracing/TracingIcon.tsx
@@ -6,10 +6,14 @@ import data from './TracingIcon.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  }
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'TracingIcon'
 
diff --git a/web/app/components/base/icons/src/vender/features/Citations.tsx b/web/app/components/base/icons/src/vender/features/Citations.tsx
index ad1abf43d9..19784ae633 100644
--- a/web/app/components/base/icons/src/vender/features/Citations.tsx
+++ b/web/app/components/base/icons/src/vender/features/Citations.tsx
@@ -6,10 +6,14 @@ import data from './Citations.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Citations'
 
diff --git a/web/app/components/base/icons/src/vender/features/ContentModeration.tsx b/web/app/components/base/icons/src/vender/features/ContentModeration.tsx
index f71904e977..ca25ba07ff 100644
--- a/web/app/components/base/icons/src/vender/features/ContentModeration.tsx
+++ b/web/app/components/base/icons/src/vender/features/ContentModeration.tsx
@@ -6,10 +6,14 @@ import data from './ContentModeration.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ContentModeration'
 
diff --git a/web/app/components/base/icons/src/vender/features/Document.tsx b/web/app/components/base/icons/src/vender/features/Document.tsx
index 84bf3a2f10..5db848d7c9 100644
--- a/web/app/components/base/icons/src/vender/features/Document.tsx
+++ b/web/app/components/base/icons/src/vender/features/Document.tsx
@@ -6,10 +6,14 @@ import data from './Document.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Document'
 
diff --git a/web/app/components/base/icons/src/vender/features/FolderUpload.tsx b/web/app/components/base/icons/src/vender/features/FolderUpload.tsx
index fceed89332..6c9a02bc81 100644
--- a/web/app/components/base/icons/src/vender/features/FolderUpload.tsx
+++ b/web/app/components/base/icons/src/vender/features/FolderUpload.tsx
@@ -6,10 +6,14 @@ import data from './FolderUpload.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FolderUpload'
 
diff --git a/web/app/components/base/icons/src/vender/features/LoveMessage.tsx b/web/app/components/base/icons/src/vender/features/LoveMessage.tsx
index 55bbb59610..6417fc578d 100644
--- a/web/app/components/base/icons/src/vender/features/LoveMessage.tsx
+++ b/web/app/components/base/icons/src/vender/features/LoveMessage.tsx
@@ -6,10 +6,14 @@ import data from './LoveMessage.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LoveMessage'
 
diff --git a/web/app/components/base/icons/src/vender/features/MessageFast.tsx b/web/app/components/base/icons/src/vender/features/MessageFast.tsx
index 836da906d8..3c40276137 100644
--- a/web/app/components/base/icons/src/vender/features/MessageFast.tsx
+++ b/web/app/components/base/icons/src/vender/features/MessageFast.tsx
@@ -6,10 +6,14 @@ import data from './MessageFast.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageFast'
 
diff --git a/web/app/components/base/icons/src/vender/features/Microphone01.tsx b/web/app/components/base/icons/src/vender/features/Microphone01.tsx
index e8125ca93a..8d1fc6ff40 100644
--- a/web/app/components/base/icons/src/vender/features/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/features/Microphone01.tsx
@@ -6,10 +6,14 @@ import data from './Microphone01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Microphone01'
 
diff --git a/web/app/components/base/icons/src/vender/features/TextToAudio.tsx b/web/app/components/base/icons/src/vender/features/TextToAudio.tsx
index b0d53b232e..a183582d8c 100644
--- a/web/app/components/base/icons/src/vender/features/TextToAudio.tsx
+++ b/web/app/components/base/icons/src/vender/features/TextToAudio.tsx
@@ -6,10 +6,14 @@ import data from './TextToAudio.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'TextToAudio'
 
diff --git a/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx b/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx
index 24cf5f40f6..bf3d2da11a 100644
--- a/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx
+++ b/web/app/components/base/icons/src/vender/features/VirtualAssistant.tsx
@@ -6,10 +6,14 @@ import data from './VirtualAssistant.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'VirtualAssistant'
 
diff --git a/web/app/components/base/icons/src/vender/features/Vision.tsx b/web/app/components/base/icons/src/vender/features/Vision.tsx
index 1079427fb7..017863d178 100644
--- a/web/app/components/base/icons/src/vender/features/Vision.tsx
+++ b/web/app/components/base/icons/src/vender/features/Vision.tsx
@@ -6,10 +6,14 @@ import data from './Vision.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Vision'
 
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx
index 780f859bd8..61ef8c687b 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertTriangle.tsx
@@ -6,10 +6,14 @@ import data from './AlertTriangle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AlertTriangle'
 
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx
index a7d64b0ba3..d5a3bec689 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsDown.tsx
@@ -6,10 +6,14 @@ import data from './ThumbsDown.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ThumbsDown'
 
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx
index 39340faf47..72f5cd1881 100644
--- a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/ThumbsUp.tsx
@@ -6,10 +6,14 @@ import data from './ThumbsUp.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ThumbsUp'
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
index f2ab0c7821..616bc82381 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowNarrowLeft.tsx
@@ -6,10 +6,14 @@ import data from './ArrowNarrowLeft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ArrowNarrowLeft'
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
index 188b86efe6..23747ee871 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ArrowUpRight.tsx
@@ -6,10 +6,14 @@ import data from './ArrowUpRight.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ArrowUpRight'
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
index edf1213f39..5ef07093fc 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
@@ -6,10 +6,14 @@ import data from './ChevronDownDouble.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChevronDownDouble'
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
index aa9e3f7df6..2ca53f8dc1 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronRight.tsx
@@ -6,10 +6,14 @@ import data from './ChevronRight.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChevronRight'
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx b/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx
index 7a3711ad00..b9bdfbbd39 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronSelectorVertical.tsx
@@ -6,10 +6,14 @@ import data from './ChevronSelectorVertical.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChevronSelectorVertical'
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx b/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx
index 959233ae0b..fd94524ba7 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/RefreshCcw01.tsx
@@ -6,10 +6,14 @@ import data from './RefreshCcw01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'RefreshCcw01'
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
index 125ad22e12..2d6810be80 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/RefreshCw05.tsx
@@ -6,10 +6,14 @@ import data from './RefreshCw05.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'RefreshCw05'
 
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx b/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx
index 3f73da3d7c..cffb89fd4b 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/arrows/ReverseLeft.tsx
@@ -6,10 +6,14 @@ import data from './ReverseLeft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ReverseLeft'
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/AiText.tsx b/web/app/components/base/icons/src/vender/line/communication/AiText.tsx
index 5e156bf3f2..3c68132dcd 100644
--- a/web/app/components/base/icons/src/vender/line/communication/AiText.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/AiText.tsx
@@ -6,10 +6,14 @@ import data from './AiText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AiText'
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx b/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx
index 34c2cd22b6..cc5ef4158b 100644
--- a/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/ChatBot.tsx
@@ -6,10 +6,14 @@ import data from './ChatBot.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChatBot'
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx b/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx
index bcac97e291..afd0378e68 100644
--- a/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/ChatBotSlim.tsx
@@ -6,10 +6,14 @@ import data from './ChatBotSlim.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChatBotSlim'
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx b/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx
index 49994048b7..eae60c2980 100644
--- a/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/CuteRobot.tsx
@@ -6,10 +6,14 @@ import data from './CuteRobot.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CuteRobot'
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx b/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx
index d2805c85dd..794234ce2f 100644
--- a/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/MessageCheckRemove.tsx
@@ -6,10 +6,14 @@ import data from './MessageCheckRemove.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageCheckRemove'
 
diff --git a/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx b/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx
index 03c24af5c1..73f1e4b457 100644
--- a/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx
+++ b/web/app/components/base/icons/src/vender/line/communication/MessageFastPlus.tsx
@@ -6,10 +6,14 @@ import data from './MessageFastPlus.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageFastPlus'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx b/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx
index 2df9883968..3868b0f679 100644
--- a/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/ArtificialBrain.tsx
@@ -6,10 +6,14 @@ import data from './ArtificialBrain.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ArtificialBrain'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx b/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx
index bd71c2ce48..4a428937b0 100644
--- a/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/BarChartSquare02.tsx
@@ -6,10 +6,14 @@ import data from './BarChartSquare02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BarChartSquare02'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx b/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx
index b701405300..c58c09ac11 100644
--- a/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/BracketsX.tsx
@@ -6,10 +6,14 @@ import data from './BracketsX.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BracketsX'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx b/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx
index 43b40b89c2..ad93e3a965 100644
--- a/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/CodeBrowser.tsx
@@ -6,10 +6,14 @@ import data from './CodeBrowser.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CodeBrowser'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Container.tsx b/web/app/components/base/icons/src/vender/line/development/Container.tsx
index 25b2732060..555dede84a 100644
--- a/web/app/components/base/icons/src/vender/line/development/Container.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Container.tsx
@@ -6,10 +6,14 @@ import data from './Container.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Container'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Database01.tsx b/web/app/components/base/icons/src/vender/line/development/Database01.tsx
index 245cb309b4..b6811cadc0 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Database01.tsx
@@ -6,10 +6,14 @@ import data from './Database01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Database01'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Database03.tsx b/web/app/components/base/icons/src/vender/line/development/Database03.tsx
index 0e574ac713..79260d6208 100644
--- a/web/app/components/base/icons/src/vender/line/development/Database03.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Database03.tsx
@@ -6,10 +6,14 @@ import data from './Database03.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Database03'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx b/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx
index ca891fddbf..fcdd5e5d3c 100644
--- a/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/FileHeart02.tsx
@@ -6,10 +6,14 @@ import data from './FileHeart02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileHeart02'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx b/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx
index e729beb2d3..b6acf7fe21 100644
--- a/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/GitBranch01.tsx
@@ -6,10 +6,14 @@ import data from './GitBranch01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'GitBranch01'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx b/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx
index 7faf461436..e0dad4fa0c 100644
--- a/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/PromptEngineering.tsx
@@ -6,10 +6,14 @@ import data from './PromptEngineering.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'PromptEngineering'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
index c48dee64da..cf9b5d4452 100644
--- a/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/PuzzlePiece01.tsx
@@ -6,10 +6,14 @@ import data from './PuzzlePiece01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'PuzzlePiece01'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx b/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx
index add92012b0..67abca0588 100644
--- a/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/TerminalSquare.tsx
@@ -6,10 +6,14 @@ import data from './TerminalSquare.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'TerminalSquare'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Variable.tsx b/web/app/components/base/icons/src/vender/line/development/Variable.tsx
index 9d80034975..177b0205e2 100644
--- a/web/app/components/base/icons/src/vender/line/development/Variable.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Variable.tsx
@@ -6,10 +6,14 @@ import data from './Variable.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Variable'
 
diff --git a/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx b/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx
index 44326e10e2..509bb36b92 100644
--- a/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx
+++ b/web/app/components/base/icons/src/vender/line/development/Webhooks.tsx
@@ -6,10 +6,14 @@ import data from './Webhooks.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Webhooks'
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx b/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx
index 4d2ade7998..4351e2c1a4 100644
--- a/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/AlignLeft.tsx
@@ -6,10 +6,14 @@ import data from './AlignLeft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AlignLeft'
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx b/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx
index 0e325d2806..b9323496b0 100644
--- a/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/BezierCurve03.tsx
@@ -6,10 +6,14 @@ import data from './BezierCurve03.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BezierCurve03'
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/Colors.tsx b/web/app/components/base/icons/src/vender/line/editor/Colors.tsx
index 224ca116bd..9164c4dc74 100644
--- a/web/app/components/base/icons/src/vender/line/editor/Colors.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/Colors.tsx
@@ -6,10 +6,14 @@ import data from './Colors.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Colors'
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx b/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx
index b763bac769..50ba41a02d 100644
--- a/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/ImageIndentLeft.tsx
@@ -6,10 +6,14 @@ import data from './ImageIndentLeft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ImageIndentLeft'
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx b/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx
index 0c394dba17..54c3878eeb 100644
--- a/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/LeftIndent02.tsx
@@ -6,10 +6,14 @@ import data from './LeftIndent02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LeftIndent02'
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx b/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx
index effd85a3a1..35ac097eb5 100644
--- a/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/LetterSpacing01.tsx
@@ -6,10 +6,14 @@ import data from './LetterSpacing01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LetterSpacing01'
 
diff --git a/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx b/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx
index 8a44fb2282..cc9e76ad18 100644
--- a/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx
+++ b/web/app/components/base/icons/src/vender/line/editor/TypeSquare.tsx
@@ -6,10 +6,14 @@ import data from './TypeSquare.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'TypeSquare'
 
diff --git a/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx b/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx
index 7df9e543a4..a8a1d3b2c8 100644
--- a/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx
+++ b/web/app/components/base/icons/src/vender/line/education/BookOpen01.tsx
@@ -6,10 +6,14 @@ import data from './BookOpen01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BookOpen01'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/Clipboard.tsx b/web/app/components/base/icons/src/vender/line/files/Clipboard.tsx
index 31be579af9..e07f173b76 100644
--- a/web/app/components/base/icons/src/vender/line/files/Clipboard.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/Clipboard.tsx
@@ -6,10 +6,14 @@ import data from './Clipboard.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Clipboard'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/ClipboardCheck.tsx b/web/app/components/base/icons/src/vender/line/files/ClipboardCheck.tsx
index 7c77b7d1bf..c09015c9c2 100644
--- a/web/app/components/base/icons/src/vender/line/files/ClipboardCheck.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/ClipboardCheck.tsx
@@ -6,10 +6,14 @@ import data from './ClipboardCheck.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ClipboardCheck'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/File02.tsx b/web/app/components/base/icons/src/vender/line/files/File02.tsx
index 6787b60a79..405541e1c2 100644
--- a/web/app/components/base/icons/src/vender/line/files/File02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/File02.tsx
@@ -6,10 +6,14 @@ import data from './File02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'File02'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx b/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx
index f3fa5c1156..0ae0a3c185 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileArrow01.tsx
@@ -6,10 +6,14 @@ import data from './FileArrow01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileArrow01'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx b/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx
index 78fa61c127..82a72b9a77 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileCheck02.tsx
@@ -6,10 +6,14 @@ import data from './FileCheck02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileCheck02'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx b/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx
index 6457fa2623..f1290eae42 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileDownload02.tsx
@@ -6,10 +6,14 @@ import data from './FileDownload02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileDownload02'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx b/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx
index fdb978e42d..fd72156baa 100644
--- a/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FilePlus01.tsx
@@ -6,10 +6,14 @@ import data from './FilePlus01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FilePlus01'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx b/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
index 6ca14b0539..b63df22896 100644
--- a/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FilePlus02.tsx
@@ -6,10 +6,14 @@ import data from './FilePlus02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FilePlus02'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileText.tsx b/web/app/components/base/icons/src/vender/line/files/FileText.tsx
index 77ed228757..8ea166514e 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileText.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileText.tsx
@@ -6,10 +6,14 @@ import data from './FileText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileText'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx b/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx
index 379e1128c0..b40be47af9 100644
--- a/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/FileUpload.tsx
@@ -6,10 +6,14 @@ import data from './FileUpload.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileUpload'
 
diff --git a/web/app/components/base/icons/src/vender/line/files/Folder.tsx b/web/app/components/base/icons/src/vender/line/files/Folder.tsx
index 1914bf6768..7c21f33dcf 100644
--- a/web/app/components/base/icons/src/vender/line/files/Folder.tsx
+++ b/web/app/components/base/icons/src/vender/line/files/Folder.tsx
@@ -6,10 +6,14 @@ import data from './Folder.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Folder'
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx
index 7743f0bd6a..1db250eef4 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Balance.tsx
@@ -6,10 +6,14 @@ import data from './Balance.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Balance'
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx
index 0c550a0c07..b1123ff8ca 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/CoinsStacked01.tsx
@@ -6,10 +6,14 @@ import data from './CoinsStacked01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CoinsStacked01'
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx
index a91dc1d443..4998f4b82f 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/GoldCoin.tsx
@@ -6,10 +6,14 @@ import data from './GoldCoin.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'GoldCoin'
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx
index a87c75fbd3..8c16a71a89 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/ReceiptList.tsx
@@ -6,10 +6,14 @@ import data from './ReceiptList.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ReceiptList'
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx
index 1af1ac6f22..937338dc2d 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag01.tsx
@@ -6,10 +6,14 @@ import data from './Tag01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Tag01'
 
diff --git a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx
index 654ea5c9ee..64f51b0bc3 100644
--- a/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx
+++ b/web/app/components/base/icons/src/vender/line/financeAndECommerce/Tag03.tsx
@@ -6,10 +6,14 @@ import data from './Tag03.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Tag03'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/AtSign.tsx b/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
index 18693d5984..158c976733 100644
--- a/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
@@ -6,10 +6,14 @@ import data from './AtSign.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AtSign'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx b/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx
index 587a17a648..7cda5c13d3 100644
--- a/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Bookmark.tsx
@@ -6,10 +6,14 @@ import data from './Bookmark.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Bookmark'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Check.tsx b/web/app/components/base/icons/src/vender/line/general/Check.tsx
index e10a3e287e..706f6e8b8a 100644
--- a/web/app/components/base/icons/src/vender/line/general/Check.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Check.tsx
@@ -6,10 +6,14 @@ import data from './Check.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Check'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx b/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx
index 5b52debb0e..b88e8378df 100644
--- a/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/CheckDone01.tsx
@@ -6,10 +6,14 @@ import data from './CheckDone01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CheckDone01'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx b/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx
index 6dc7c67950..7aa491b708 100644
--- a/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/ChecklistSquare.tsx
@@ -6,10 +6,14 @@ import data from './ChecklistSquare.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChecklistSquare'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx b/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx
index 232c8a6f23..6e399ee03c 100644
--- a/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/DotsGrid.tsx
@@ -6,10 +6,14 @@ import data from './DotsGrid.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'DotsGrid'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit02.tsx b/web/app/components/base/icons/src/vender/line/general/Edit02.tsx
index 47e7b39091..5316806f04 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit02.tsx
@@ -6,10 +6,14 @@ import data from './Edit02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Edit02'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit04.tsx b/web/app/components/base/icons/src/vender/line/general/Edit04.tsx
index d918872d91..b3b4d78f7e 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit04.tsx
@@ -6,10 +6,14 @@ import data from './Edit04.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Edit04'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Edit05.tsx b/web/app/components/base/icons/src/vender/line/general/Edit05.tsx
index d62ade78eb..8d61ae2810 100644
--- a/web/app/components/base/icons/src/vender/line/general/Edit05.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Edit05.tsx
@@ -6,10 +6,14 @@ import data from './Edit05.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Edit05'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Hash02.tsx b/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
index 5588169737..f31e4d625c 100644
--- a/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Hash02.tsx
@@ -6,10 +6,14 @@ import data from './Hash02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Hash02'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx b/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
index 957c5faa19..f4827bbca7 100644
--- a/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
@@ -6,10 +6,14 @@ import data from './InfoCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'InfoCircle'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Link03.tsx b/web/app/components/base/icons/src/vender/line/general/Link03.tsx
index f447a1c37b..15c66c1b77 100644
--- a/web/app/components/base/icons/src/vender/line/general/Link03.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Link03.tsx
@@ -6,10 +6,14 @@ import data from './Link03.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Link03'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
index e18e892e4e..86488bf38b 100644
--- a/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LinkExternal02.tsx
@@ -6,10 +6,14 @@ import data from './LinkExternal02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LinkExternal02'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx b/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx
index 14c3fa18f1..6b911ae7ef 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogIn04.tsx
@@ -6,10 +6,14 @@ import data from './LogIn04.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LogIn04'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx b/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
index 816d933aef..dec5782d81 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogOut01.tsx
@@ -6,10 +6,14 @@ import data from './LogOut01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LogOut01'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx b/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx
index 954b90e932..3f31529695 100644
--- a/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/LogOut04.tsx
@@ -6,10 +6,14 @@ import data from './LogOut04.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LogOut04'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Menu01.tsx b/web/app/components/base/icons/src/vender/line/general/Menu01.tsx
index 0cd68162de..0bd3fb62ab 100644
--- a/web/app/components/base/icons/src/vender/line/general/Menu01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Menu01.tsx
@@ -6,10 +6,14 @@ import data from './Menu01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Menu01'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin01.tsx b/web/app/components/base/icons/src/vender/line/general/Pin01.tsx
index fb44fccbca..53baedccc0 100644
--- a/web/app/components/base/icons/src/vender/line/general/Pin01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Pin01.tsx
@@ -6,10 +6,14 @@ import data from './Pin01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Pin01'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Pin02.tsx b/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
index e5c4b7cfc1..a12adb6d9d 100644
--- a/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Pin02.tsx
@@ -6,10 +6,14 @@ import data from './Pin02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Pin02'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Plus02.tsx b/web/app/components/base/icons/src/vender/line/general/Plus02.tsx
index 5bc02de6e3..d9bb459b81 100644
--- a/web/app/components/base/icons/src/vender/line/general/Plus02.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Plus02.tsx
@@ -6,10 +6,14 @@ import data from './Plus02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Plus02'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Refresh.tsx b/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
index 96641f1c42..023cd32404 100644
--- a/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Refresh.tsx
@@ -6,10 +6,14 @@ import data from './Refresh.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Refresh'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Settings01.tsx b/web/app/components/base/icons/src/vender/line/general/Settings01.tsx
index dcfbfccf4b..a69ab71424 100644
--- a/web/app/components/base/icons/src/vender/line/general/Settings01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Settings01.tsx
@@ -6,10 +6,14 @@ import data from './Settings01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Settings01'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Settings04.tsx b/web/app/components/base/icons/src/vender/line/general/Settings04.tsx
index f938d29afc..def150f5a5 100644
--- a/web/app/components/base/icons/src/vender/line/general/Settings04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Settings04.tsx
@@ -6,10 +6,14 @@ import data from './Settings04.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Settings04'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Target04.tsx b/web/app/components/base/icons/src/vender/line/general/Target04.tsx
index 17901f5281..44e480da67 100644
--- a/web/app/components/base/icons/src/vender/line/general/Target04.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Target04.tsx
@@ -6,10 +6,14 @@ import data from './Target04.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Target04'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/Upload03.tsx b/web/app/components/base/icons/src/vender/line/general/Upload03.tsx
index 3acbead340..70632e665f 100644
--- a/web/app/components/base/icons/src/vender/line/general/Upload03.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/Upload03.tsx
@@ -6,10 +6,14 @@ import data from './Upload03.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Upload03'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx b/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx
index 1bfb145e40..5ac82a27b8 100644
--- a/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/UploadCloud01.tsx
@@ -6,10 +6,14 @@ import data from './UploadCloud01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'UploadCloud01'
 
diff --git a/web/app/components/base/icons/src/vender/line/general/X.tsx b/web/app/components/base/icons/src/vender/line/general/X.tsx
index 654dfe2ac4..9b9adb94a3 100644
--- a/web/app/components/base/icons/src/vender/line/general/X.tsx
+++ b/web/app/components/base/icons/src/vender/line/general/X.tsx
@@ -6,10 +6,14 @@ import data from './X.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'X'
 
diff --git a/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx b/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx
index ea1f67f2b5..a8056154b1 100644
--- a/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx
+++ b/web/app/components/base/icons/src/vender/line/images/ImagePlus.tsx
@@ -6,10 +6,14 @@ import data from './ImagePlus.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ImagePlus'
 
diff --git a/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx b/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx
index bc32d717f4..81e8437d14 100644
--- a/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/AlignLeft01.tsx
@@ -6,10 +6,14 @@ import data from './AlignLeft01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AlignLeft01'
 
diff --git a/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx b/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx
index 8ccaae987b..aebb650ec9 100644
--- a/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/AlignRight01.tsx
@@ -6,10 +6,14 @@ import data from './AlignRight01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AlignRight01'
 
diff --git a/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx b/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
index c823ec61ca..18f43c8440 100644
--- a/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/Grid01.tsx
@@ -6,10 +6,14 @@ import data from './Grid01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Grid01'
 
diff --git a/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx b/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx
index 4613112e76..e0156a3f17 100644
--- a/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx
+++ b/web/app/components/base/icons/src/vender/line/layout/LayoutGrid02.tsx
@@ -6,10 +6,14 @@ import data from './LayoutGrid02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LayoutGrid02'
 
diff --git a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
index 2c3f5b5795..0ba24b5e17 100644
--- a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
+++ b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
@@ -6,10 +6,14 @@ import data from './Globe01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Globe01'
 
diff --git a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Route.tsx b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Route.tsx
index 9c30a7cdc2..00e1936496 100644
--- a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Route.tsx
+++ b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Route.tsx
@@ -6,10 +6,14 @@ import data from './Route.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Route'
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
index e8125ca93a..8d1fc6ff40 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Microphone01.tsx
@@ -6,10 +6,14 @@ import data from './Microphone01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Microphone01'
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx
index 733d382615..c565d49cc4 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/PlayCircle.tsx
@@ -6,10 +6,14 @@ import data from './PlayCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'PlayCircle'
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx
index ad5787f601..107b552007 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/SlidersH.tsx
@@ -6,10 +6,14 @@ import data from './SlidersH.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'SlidersH'
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx
index a33b9ebcfd..7d01741567 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Speaker.tsx
@@ -6,10 +6,14 @@ import data from './Speaker.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Speaker'
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx
index e501aaccd2..e774090f7e 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/Stop.tsx
@@ -6,10 +6,14 @@ import data from './Stop.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Stop'
 
diff --git a/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx b/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx
index 6022e6bbfb..106d362001 100644
--- a/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx
+++ b/web/app/components/base/icons/src/vender/line/mediaAndDevices/StopCircle.tsx
@@ -6,10 +6,14 @@ import data from './StopCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'StopCircle'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Apps02.tsx b/web/app/components/base/icons/src/vender/line/others/Apps02.tsx
index 42109d81da..2e570b7cae 100644
--- a/web/app/components/base/icons/src/vender/line/others/Apps02.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Apps02.tsx
@@ -6,10 +6,14 @@ import data from './Apps02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Apps02'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx b/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx
index 7d78bd33c7..4eea9da41d 100644
--- a/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/BubbleX.tsx
@@ -6,10 +6,14 @@ import data from './BubbleX.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BubbleX'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Colors.tsx b/web/app/components/base/icons/src/vender/line/others/Colors.tsx
index 224ca116bd..9164c4dc74 100644
--- a/web/app/components/base/icons/src/vender/line/others/Colors.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Colors.tsx
@@ -6,10 +6,14 @@ import data from './Colors.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Colors'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx b/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx
index b9606cae35..9a85f17cba 100644
--- a/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/DragHandle.tsx
@@ -6,10 +6,14 @@ import data from './DragHandle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'DragHandle'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Env.tsx b/web/app/components/base/icons/src/vender/line/others/Env.tsx
index 356a5f6fb4..5c861fd8a3 100644
--- a/web/app/components/base/icons/src/vender/line/others/Env.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Env.tsx
@@ -6,10 +6,14 @@ import data from './Env.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Env'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Exchange02.tsx b/web/app/components/base/icons/src/vender/line/others/Exchange02.tsx
index 36fa63e487..c14b135481 100644
--- a/web/app/components/base/icons/src/vender/line/others/Exchange02.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Exchange02.tsx
@@ -6,10 +6,14 @@ import data from './Exchange02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Exchange02'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/FileCode.tsx b/web/app/components/base/icons/src/vender/line/others/FileCode.tsx
index c050f368bb..0f639171e9 100644
--- a/web/app/components/base/icons/src/vender/line/others/FileCode.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/FileCode.tsx
@@ -6,10 +6,14 @@ import data from './FileCode.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileCode'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx b/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx
index 4a8c475122..2fb3b6c9d9 100644
--- a/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/GlobalVariable.tsx
@@ -6,10 +6,14 @@ import data from './GlobalVariable.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'GlobalVariable'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx b/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx
index 1f9eb767a8..81e4434741 100644
--- a/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Icon3Dots.tsx
@@ -6,10 +6,14 @@ import data from './Icon3Dots.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Icon3Dots'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx b/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx
index 930ced5360..476cdf845c 100644
--- a/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/LongArrowLeft.tsx
@@ -6,10 +6,14 @@ import data from './LongArrowLeft.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LongArrowLeft'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx b/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx
index 3c9084cada..d98fd0b74f 100644
--- a/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/LongArrowRight.tsx
@@ -6,10 +6,14 @@ import data from './LongArrowRight.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LongArrowRight'
 
diff --git a/web/app/components/base/icons/src/vender/line/others/Tools.tsx b/web/app/components/base/icons/src/vender/line/others/Tools.tsx
index c46b8bc2b0..5a28ee13d4 100644
--- a/web/app/components/base/icons/src/vender/line/others/Tools.tsx
+++ b/web/app/components/base/icons/src/vender/line/others/Tools.tsx
@@ -6,10 +6,14 @@ import data from './Tools.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Tools'
 
diff --git a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
index 647b545dd1..7ffad943f1 100644
--- a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
+++ b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
@@ -6,10 +6,14 @@ import data from './CubeOutline.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CubeOutline'
 
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx b/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx
index 6bcf1d4f65..6fd44de788 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockFastForward.tsx
@@ -6,10 +6,14 @@ import data from './ClockFastForward.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ClockFastForward'
 
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx b/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx
index f3ddfeee4d..60bac7c716 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockPlay.tsx
@@ -6,10 +6,14 @@ import data from './ClockPlay.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ClockPlay'
 
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx b/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx
index 9f90df7b66..5cc9010e3b 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockPlaySlim.tsx
@@ -6,10 +6,14 @@ import data from './ClockPlaySlim.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ClockPlaySlim'
 
diff --git a/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx b/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx
index e53a816ee0..73e55978fd 100644
--- a/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx
+++ b/web/app/components/base/icons/src/vender/line/time/ClockRefresh.tsx
@@ -6,10 +6,14 @@ import data from './ClockRefresh.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ClockRefresh'
 
diff --git a/web/app/components/base/icons/src/vender/line/users/User01.tsx b/web/app/components/base/icons/src/vender/line/users/User01.tsx
index 1bb3c6aead..e7d9a294a7 100644
--- a/web/app/components/base/icons/src/vender/line/users/User01.tsx
+++ b/web/app/components/base/icons/src/vender/line/users/User01.tsx
@@ -6,10 +6,14 @@ import data from './User01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'User01'
 
diff --git a/web/app/components/base/icons/src/vender/line/users/Users01.tsx b/web/app/components/base/icons/src/vender/line/users/Users01.tsx
index 29300a9849..af8ce24396 100644
--- a/web/app/components/base/icons/src/vender/line/users/Users01.tsx
+++ b/web/app/components/base/icons/src/vender/line/users/Users01.tsx
@@ -6,10 +6,14 @@ import data from './Users01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Users01'
 
diff --git a/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx b/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx
index 606ab51255..38b23a7bdf 100644
--- a/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx
+++ b/web/app/components/base/icons/src/vender/line/weather/Stars02.tsx
@@ -6,10 +6,14 @@ import data from './Stars02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Stars02'
 
diff --git a/web/app/components/base/icons/src/vender/other/AnthropicText.tsx b/web/app/components/base/icons/src/vender/other/AnthropicText.tsx
index 868cfe5f27..b722f1a71a 100644
--- a/web/app/components/base/icons/src/vender/other/AnthropicText.tsx
+++ b/web/app/components/base/icons/src/vender/other/AnthropicText.tsx
@@ -6,10 +6,14 @@ import data from './AnthropicText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AnthropicText'
 
diff --git a/web/app/components/base/icons/src/vender/other/Generator.tsx b/web/app/components/base/icons/src/vender/other/Generator.tsx
index 1dc19f5eb1..a477add4b3 100644
--- a/web/app/components/base/icons/src/vender/other/Generator.tsx
+++ b/web/app/components/base/icons/src/vender/other/Generator.tsx
@@ -6,10 +6,14 @@ import data from './Generator.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Generator'
 
diff --git a/web/app/components/base/icons/src/vender/other/Group.tsx b/web/app/components/base/icons/src/vender/other/Group.tsx
index ba9d130f80..f590dcdc43 100644
--- a/web/app/components/base/icons/src/vender/other/Group.tsx
+++ b/web/app/components/base/icons/src/vender/other/Group.tsx
@@ -6,10 +6,14 @@ import data from './Group.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Group'
 
diff --git a/web/app/components/base/icons/src/vender/other/Openai.tsx b/web/app/components/base/icons/src/vender/other/Openai.tsx
index cf8d21a449..42c41bd19a 100644
--- a/web/app/components/base/icons/src/vender/other/Openai.tsx
+++ b/web/app/components/base/icons/src/vender/other/Openai.tsx
@@ -6,10 +6,14 @@ import data from './Openai.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Openai'
 
diff --git a/web/app/components/base/icons/src/vender/other/ReplayLine.tsx b/web/app/components/base/icons/src/vender/other/ReplayLine.tsx
index 7dabfc71af..e105421b8b 100644
--- a/web/app/components/base/icons/src/vender/other/ReplayLine.tsx
+++ b/web/app/components/base/icons/src/vender/other/ReplayLine.tsx
@@ -6,10 +6,14 @@ import data from './ReplayLine.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ReplayLine'
 
diff --git a/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx b/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx
index 5b60827fe9..bad3dd4887 100644
--- a/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx
+++ b/web/app/components/base/icons/src/vender/plugin/BoxSparkleFill.tsx
@@ -6,10 +6,14 @@ import data from './BoxSparkleFill.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BoxSparkleFill'
 
diff --git a/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx b/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx
index dd215b9bf7..26b45300b4 100644
--- a/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx
+++ b/web/app/components/base/icons/src/vender/plugin/LeftCorner.tsx
@@ -6,10 +6,14 @@ import data from './LeftCorner.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LeftCorner'
 
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx
index a91dc1d443..4998f4b82f 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/GoldCoin.tsx
@@ -6,10 +6,14 @@ import data from './GoldCoin.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'GoldCoin'
 
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
index 1df91e747a..a822502bfa 100644
--- a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
@@ -6,10 +6,14 @@ import data from './Scales02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Scales02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
index 780f859bd8..61ef8c687b 100644
--- a/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/alertsAndFeedback/AlertTriangle.tsx
@@ -6,10 +6,14 @@ import data from './AlertTriangle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AlertTriangle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx b/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx
index 9419fe1ab0..cc219133c7 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx
+++ b/web/app/components/base/icons/src/vender/solid/arrows/ChevronDown.tsx
@@ -6,10 +6,14 @@ import data from './ChevronDown.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChevronDown'
 
diff --git a/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx b/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx
index 1facf6f800..33778034be 100644
--- a/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx
+++ b/web/app/components/base/icons/src/vender/solid/arrows/HighPriority.tsx
@@ -6,10 +6,14 @@ import data from './HighPriority.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'HighPriority'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx b/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx
index 5e156bf3f2..3c68132dcd 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/AiText.tsx
@@ -6,10 +6,14 @@ import data from './AiText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AiText'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx b/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx
index 9440842786..b440894c24 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/BubbleTextMod.tsx
@@ -6,10 +6,14 @@ import data from './BubbleTextMod.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BubbleTextMod'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx b/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx
index 34c2cd22b6..cc5ef4158b 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/ChatBot.tsx
@@ -6,10 +6,14 @@ import data from './ChatBot.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ChatBot'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx b/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx
index 49994048b7..eae60c2980 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/CuteRobot.tsx
@@ -6,10 +6,14 @@ import data from './CuteRobot.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CuteRobot'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx b/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx
index 32eb8a7f5a..542d3cf220 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/EditList.tsx
@@ -6,10 +6,14 @@ import data from './EditList.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'EditList'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx b/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx
index f616009bdd..336d2abd0c 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/ListSparkle.tsx
@@ -6,10 +6,14 @@ import data from './ListSparkle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ListSparkle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx b/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx
index 7aae28bef4..7395f935da 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/Logic.tsx
@@ -6,10 +6,14 @@ import data from './Logic.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Logic'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx
index 8cea978eea..8288c89532 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageDotsCircle.tsx
@@ -6,10 +6,14 @@ import data from './MessageDotsCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageDotsCircle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx
index 836da906d8..3c40276137 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageFast.tsx
@@ -6,10 +6,14 @@ import data from './MessageFast.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageFast'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx
index ce90c47fd7..a16a8348e7 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageHeartCircle.tsx
@@ -6,10 +6,14 @@ import data from './MessageHeartCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageHeartCircle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx b/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx
index 1dfb106942..2cd4824b47 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/MessageSmileSquare.tsx
@@ -6,10 +6,14 @@ import data from './MessageSmileSquare.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageSmileSquare'
 
diff --git a/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx b/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx
index 8590fa6c54..382b19dc8d 100644
--- a/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/communication/Send03.tsx
@@ -6,10 +6,14 @@ import data from './Send03.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Send03'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx b/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx
index 97506ed6ca..2a1ac960d4 100644
--- a/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/ApiConnection.tsx
@@ -6,10 +6,14 @@ import data from './ApiConnection.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ApiConnection'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx b/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx
index f88431a237..a341256e23 100644
--- a/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/ApiConnectionMod.tsx
@@ -6,10 +6,14 @@ import data from './ApiConnectionMod.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ApiConnectionMod'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx b/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx
index bd71c2ce48..4a428937b0 100644
--- a/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/BarChartSquare02.tsx
@@ -6,10 +6,14 @@ import data from './BarChartSquare02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BarChartSquare02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Container.tsx b/web/app/components/base/icons/src/vender/solid/development/Container.tsx
index 25b2732060..555dede84a 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Container.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Container.tsx
@@ -6,10 +6,14 @@ import data from './Container.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Container'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database02.tsx b/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
index 2e3f3f458a..4d5a8be0fd 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Database02.tsx
@@ -6,10 +6,14 @@ import data from './Database02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Database02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Database03.tsx b/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
index 0e574ac713..79260d6208 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Database03.tsx
@@ -6,10 +6,14 @@ import data from './Database03.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Database03'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx b/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx
index ca891fddbf..fcdd5e5d3c 100644
--- a/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/FileHeart02.tsx
@@ -6,10 +6,14 @@ import data from './FileHeart02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileHeart02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx b/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx
index 74cdf2f62f..727a8dedd5 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PatternRecognition.tsx
@@ -6,10 +6,14 @@ import data from './PatternRecognition.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'PatternRecognition'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx b/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx
index 7faf461436..e0dad4fa0c 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PromptEngineering.tsx
@@ -6,10 +6,14 @@ import data from './PromptEngineering.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'PromptEngineering'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
index c48dee64da..cf9b5d4452 100644
--- a/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/PuzzlePiece01.tsx
@@ -6,10 +6,14 @@ import data from './PuzzlePiece01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'PuzzlePiece01'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx b/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx
index 8b934026e4..d04bb1f3cd 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Semantic.tsx
@@ -6,10 +6,14 @@ import data from './Semantic.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Semantic'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
index add92012b0..67abca0588 100644
--- a/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/TerminalSquare.tsx
@@ -6,10 +6,14 @@ import data from './TerminalSquare.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'TerminalSquare'
 
diff --git a/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx b/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx
index 3d166bf3d1..700132ac06 100644
--- a/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/development/Variable02.tsx
@@ -6,10 +6,14 @@ import data from './Variable02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Variable02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx b/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
index 00bb1437d5..d0fea586c2 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
@@ -6,10 +6,14 @@ import data from './Brush01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Brush01'
 
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx b/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx
index ad1abf43d9..19784ae633 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Citations.tsx
@@ -6,10 +6,14 @@ import data from './Citations.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Citations'
 
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx b/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx
index 224ca116bd..9164c4dc74 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Colors.tsx
@@ -6,10 +6,14 @@ import data from './Colors.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Colors'
 
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx b/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx
index e6051f7bfb..12a9b6d5d8 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/Paragraph.tsx
@@ -6,10 +6,14 @@ import data from './Paragraph.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Paragraph'
 
diff --git a/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx b/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx
index 8a44fb2282..cc9e76ad18 100644
--- a/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx
+++ b/web/app/components/base/icons/src/vender/solid/editor/TypeSquare.tsx
@@ -6,10 +6,14 @@ import data from './TypeSquare.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'TypeSquare'
 
diff --git a/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx b/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
index 55e6825ddd..f6ad3e0e7a 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Beaker02.tsx
@@ -6,10 +6,14 @@ import data from './Beaker02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Beaker02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx b/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx
index 69118efe66..90f9c5814d 100644
--- a/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/BubbleText.tsx
@@ -6,10 +6,14 @@ import data from './BubbleText.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'BubbleText'
 
diff --git a/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx b/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx
index 8193c32cd1..509fa3d9fb 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Heart02.tsx
@@ -6,10 +6,14 @@ import data from './Heart02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Heart02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx b/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx
index 14ee8f04c8..5245f76fc7 100644
--- a/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx
+++ b/web/app/components/base/icons/src/vender/solid/education/Unblur.tsx
@@ -6,10 +6,14 @@ import data from './Unblur.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Unblur'
 
diff --git a/web/app/components/base/icons/src/vender/solid/files/File05.tsx b/web/app/components/base/icons/src/vender/solid/files/File05.tsx
index 0043d84af3..64d98436d8 100644
--- a/web/app/components/base/icons/src/vender/solid/files/File05.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/File05.tsx
@@ -6,10 +6,14 @@ import data from './File05.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'File05'
 
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx b/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx
index 58bf4fd262..e3aea73402 100644
--- a/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/FileSearch02.tsx
@@ -6,10 +6,14 @@ import data from './FileSearch02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileSearch02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx b/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx
index 675fa0ac98..cd09163359 100644
--- a/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/FileZip.tsx
@@ -6,10 +6,14 @@ import data from './FileZip.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'FileZip'
 
diff --git a/web/app/components/base/icons/src/vender/solid/files/Folder.tsx b/web/app/components/base/icons/src/vender/solid/files/Folder.tsx
index 1914bf6768..7c21f33dcf 100644
--- a/web/app/components/base/icons/src/vender/solid/files/Folder.tsx
+++ b/web/app/components/base/icons/src/vender/solid/files/Folder.tsx
@@ -6,10 +6,14 @@ import data from './Folder.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Folder'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx b/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx
index d816a2cadd..6ecb33abe9 100644
--- a/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/AnswerTriangle.tsx
@@ -6,10 +6,14 @@ import data from './AnswerTriangle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AnswerTriangle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
index fe2cbfcb54..21dccba2dc 100644
--- a/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/CheckCircle.tsx
@@ -6,10 +6,14 @@ import data from './CheckCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CheckCircle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx b/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx
index 5b52debb0e..b88e8378df 100644
--- a/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/CheckDone01.tsx
@@ -6,10 +6,14 @@ import data from './CheckDone01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'CheckDone01'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Download02.tsx b/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
index 17b55dc21b..5f5af38a3c 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Download02.tsx
@@ -6,10 +6,14 @@ import data from './Download02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Download02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx b/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx
index 23c9716018..b6250b406b 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Edit03.tsx
@@ -6,10 +6,14 @@ import data from './Edit03.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Edit03'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx b/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx
index d918872d91..b3b4d78f7e 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Edit04.tsx
@@ -6,10 +6,14 @@ import data from './Edit04.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Edit04'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Eye.tsx b/web/app/components/base/icons/src/vender/solid/general/Eye.tsx
index 5915374674..f7c651fa6c 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Eye.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Eye.tsx
@@ -6,10 +6,14 @@ import data from './Eye.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Eye'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Github.tsx b/web/app/components/base/icons/src/vender/solid/general/Github.tsx
index 416743fc71..c978c43b0f 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Github.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Github.tsx
@@ -6,10 +6,14 @@ import data from './Github.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Github'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx
index 07928954e8..38ab59b578 100644
--- a/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/MessageClockCircle.tsx
@@ -6,10 +6,14 @@ import data from './MessageClockCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MessageClockCircle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx
index 01364c7c19..4ca41e9a91 100644
--- a/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/PlusCircle.tsx
@@ -6,10 +6,14 @@ import data from './PlusCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'PlusCircle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx b/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx
index 360f628a5a..6c04b75d81 100644
--- a/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/QuestionTriangle.tsx
@@ -6,10 +6,14 @@ import data from './QuestionTriangle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'QuestionTriangle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx b/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx
index 2e2cf151ba..3c97a64854 100644
--- a/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/SearchMd.tsx
@@ -6,10 +6,14 @@ import data from './SearchMd.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'SearchMd'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Target04.tsx b/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
index 17901f5281..44e480da67 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
@@ -6,10 +6,14 @@ import data from './Target04.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Target04'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx b/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx
index 6168e1681c..e1f3b70f66 100644
--- a/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/Tool03.tsx
@@ -6,10 +6,14 @@ import data from './Tool03.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Tool03'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx b/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
index bd9bb3628e..d410e0b0f5 100644
--- a/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/XCircle.tsx
@@ -6,10 +6,14 @@ import data from './XCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'XCircle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx b/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx
index 3f7b1c5202..0bf7467fb3 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/ZapFast.tsx
@@ -6,10 +6,14 @@ import data from './ZapFast.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ZapFast'
 
diff --git a/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx b/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx
index 4cbaf5bc9d..ec6913cae5 100644
--- a/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx
+++ b/web/app/components/base/icons/src/vender/solid/general/ZapNarrow.tsx
@@ -6,10 +6,14 @@ import data from './ZapNarrow.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ZapNarrow'
 
diff --git a/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx b/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
index c823ec61ca..18f43c8440 100644
--- a/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/layout/Grid01.tsx
@@ -6,10 +6,14 @@ import data from './Grid01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Grid01'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Globe06.tsx b/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Globe06.tsx
index 01a05fc91c..2ab7fa750b 100644
--- a/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Globe06.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Globe06.tsx
@@ -6,10 +6,14 @@ import data from './Globe06.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Globe06'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.tsx b/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.tsx
index 9c30a7cdc2..00e1936496 100644
--- a/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mapsAndTravel/Route.tsx
@@ -6,10 +6,14 @@ import data from './Route.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Route'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx
index c9477fc07f..80b4c7a251 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/AudioSupportIcon.tsx
@@ -6,10 +6,14 @@ import data from './AudioSupportIcon.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'AudioSupportIcon'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx
index d848c5a156..31e2a1d235 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/DocumentSupportIcon.tsx
@@ -6,10 +6,14 @@ import data from './DocumentSupportIcon.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'DocumentSupportIcon'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx
index cbb88a899e..b663af0cc6 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicBox.tsx
@@ -6,10 +6,14 @@ import data from './MagicBox.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MagicBox'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx
index 32312af1e5..e0295600b6 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicEyes.tsx
@@ -6,10 +6,14 @@ import data from './MagicEyes.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MagicEyes'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx
index 12dae69608..206c26d705 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/MagicWand.tsx
@@ -6,10 +6,14 @@ import data from './MagicWand.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'MagicWand'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
index e8125ca93a..8d1fc6ff40 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Microphone01.tsx
@@ -6,10 +6,14 @@ import data from './Microphone01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Microphone01'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx
index f182f7a565..be1f174d2f 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Play.tsx
@@ -6,10 +6,14 @@ import data from './Play.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Play'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx
index 07251c5b09..6b7c81468e 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Robot.tsx
@@ -6,10 +6,14 @@ import data from './Robot.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Robot'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
index 829ed5a0a1..91fac42f9d 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
@@ -6,10 +6,14 @@ import data from './Sliders02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Sliders02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx
index a33b9ebcfd..7d01741567 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Speaker.tsx
@@ -6,10 +6,14 @@ import data from './Speaker.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Speaker'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
index 6022e6bbfb..106d362001 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/StopCircle.tsx
@@ -6,10 +6,14 @@ import data from './StopCircle.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'StopCircle'
 
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx
index 6406af0746..4ee1a4e469 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/VideoSupportIcon.tsx
@@ -6,10 +6,14 @@ import data from './VideoSupportIcon.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'VideoSupportIcon'
 
diff --git a/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx b/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
index f66473a5a4..29134b64b7 100644
--- a/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
@@ -6,10 +6,14 @@ import data from './Lock01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Lock01'
 
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx b/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx
index 0edeb2cda1..80a1096962 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Corner.tsx
@@ -6,10 +6,14 @@ import data from './Corner.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Corner'
 
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx b/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx
index daa86d87c0..bcc8c64836 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Star04.tsx
@@ -6,10 +6,14 @@ import data from './Star04.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Star04'
 
diff --git a/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx b/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx
index f59285f5eb..a23ff31945 100644
--- a/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx
+++ b/web/app/components/base/icons/src/vender/solid/shapes/Star06.tsx
@@ -6,10 +6,14 @@ import data from './Star06.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Star06'
 
diff --git a/web/app/components/base/icons/src/vender/solid/users/User01.tsx b/web/app/components/base/icons/src/vender/solid/users/User01.tsx
index 1bb3c6aead..e7d9a294a7 100644
--- a/web/app/components/base/icons/src/vender/solid/users/User01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/User01.tsx
@@ -6,10 +6,14 @@ import data from './User01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'User01'
 
diff --git a/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx b/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx
index 074ca308ea..e413cae846 100644
--- a/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/UserEdit02.tsx
@@ -6,10 +6,14 @@ import data from './UserEdit02.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'UserEdit02'
 
diff --git a/web/app/components/base/icons/src/vender/solid/users/Users01.tsx b/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
index 29300a9849..af8ce24396 100644
--- a/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
@@ -6,10 +6,14 @@ import data from './Users01.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Users01'
 
diff --git a/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx b/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx
index a2294960f7..6d963b545b 100644
--- a/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx
+++ b/web/app/components/base/icons/src/vender/solid/users/UsersPlus.tsx
@@ -6,10 +6,14 @@ import data from './UsersPlus.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'UsersPlus'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Agent.tsx b/web/app/components/base/icons/src/vender/workflow/Agent.tsx
index e4337d4dbd..3a45addc7f 100644
--- a/web/app/components/base/icons/src/vender/workflow/Agent.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Agent.tsx
@@ -6,10 +6,14 @@ import data from './Agent.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Agent'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Answer.tsx b/web/app/components/base/icons/src/vender/workflow/Answer.tsx
index 389717f5f0..69a3716521 100644
--- a/web/app/components/base/icons/src/vender/workflow/Answer.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Answer.tsx
@@ -6,10 +6,14 @@ import data from './Answer.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Answer'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Assigner.tsx b/web/app/components/base/icons/src/vender/workflow/Assigner.tsx
index 1cb7d692dd..8c50942472 100644
--- a/web/app/components/base/icons/src/vender/workflow/Assigner.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Assigner.tsx
@@ -6,10 +6,14 @@ import data from './Assigner.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Assigner'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Code.tsx b/web/app/components/base/icons/src/vender/workflow/Code.tsx
index 26804232b9..4245d884f5 100644
--- a/web/app/components/base/icons/src/vender/workflow/Code.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Code.tsx
@@ -6,10 +6,14 @@ import data from './Code.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Code'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx b/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx
index 355c68e582..12158271d5 100644
--- a/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/DocsExtractor.tsx
@@ -6,10 +6,14 @@ import data from './DocsExtractor.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'DocsExtractor'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/End.tsx b/web/app/components/base/icons/src/vender/workflow/End.tsx
index f4a9d27d42..41065746cf 100644
--- a/web/app/components/base/icons/src/vender/workflow/End.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/End.tsx
@@ -6,10 +6,14 @@ import data from './End.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'End'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Home.tsx b/web/app/components/base/icons/src/vender/workflow/Home.tsx
index 69da542cd2..cde9f23571 100644
--- a/web/app/components/base/icons/src/vender/workflow/Home.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Home.tsx
@@ -6,10 +6,14 @@ import data from './Home.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Home'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Http.tsx b/web/app/components/base/icons/src/vender/workflow/Http.tsx
index 7344566ca7..3c53ebd53b 100644
--- a/web/app/components/base/icons/src/vender/workflow/Http.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Http.tsx
@@ -6,10 +6,14 @@ import data from './Http.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Http'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/IfElse.tsx b/web/app/components/base/icons/src/vender/workflow/IfElse.tsx
index 553a03857e..9a41eabe30 100644
--- a/web/app/components/base/icons/src/vender/workflow/IfElse.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/IfElse.tsx
@@ -6,10 +6,14 @@ import data from './IfElse.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'IfElse'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Iteration.tsx b/web/app/components/base/icons/src/vender/workflow/Iteration.tsx
index 57b6a882d6..adddabc28c 100644
--- a/web/app/components/base/icons/src/vender/workflow/Iteration.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Iteration.tsx
@@ -6,10 +6,14 @@ import data from './Iteration.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Iteration'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx b/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx
index 6a9155a1f1..af2dd270e6 100644
--- a/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/IterationStart.tsx
@@ -6,10 +6,14 @@ import data from './IterationStart.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'IterationStart'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Jinja.tsx b/web/app/components/base/icons/src/vender/workflow/Jinja.tsx
index ed819ea27b..0bd5e40aaf 100644
--- a/web/app/components/base/icons/src/vender/workflow/Jinja.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Jinja.tsx
@@ -6,10 +6,14 @@ import data from './Jinja.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Jinja'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx b/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx
index 7d232b1ca1..904592fe84 100644
--- a/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/KnowledgeRetrieval.tsx
@@ -6,10 +6,14 @@ import data from './KnowledgeRetrieval.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'KnowledgeRetrieval'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx b/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx
index bf8eb27b49..5a31b30e90 100644
--- a/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/ListFilter.tsx
@@ -6,10 +6,14 @@ import data from './ListFilter.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ListFilter'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Llm.tsx b/web/app/components/base/icons/src/vender/workflow/Llm.tsx
index e8c80eb088..42ab91e5d7 100644
--- a/web/app/components/base/icons/src/vender/workflow/Llm.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Llm.tsx
@@ -6,10 +6,14 @@ import data from './Llm.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Llm'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/Loop.tsx b/web/app/components/base/icons/src/vender/workflow/Loop.tsx
index d25a163779..3797f93e3c 100644
--- a/web/app/components/base/icons/src/vender/workflow/Loop.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/Loop.tsx
@@ -6,10 +6,14 @@ import data from './Loop.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'Loop'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/LoopStart.tsx b/web/app/components/base/icons/src/vender/workflow/LoopStart.tsx
index 0c93cfe8b0..d611d562ec 100644
--- a/web/app/components/base/icons/src/vender/workflow/LoopStart.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/LoopStart.tsx
@@ -6,10 +6,14 @@ import data from './LoopStart.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'LoopStart'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx b/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx
index f080f5aaef..a221f8a3de 100644
--- a/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/ParameterExtractor.tsx
@@ -6,10 +6,14 @@ import data from './ParameterExtractor.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'ParameterExtractor'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx b/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx
index 35b10a081d..739f39a4a4 100644
--- a/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/QuestionClassifier.tsx
@@ -6,10 +6,14 @@ import data from './QuestionClassifier.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'QuestionClassifier'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx b/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx
index 7430e2700c..aaa12096c0 100644
--- a/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/TemplatingTransform.tsx
@@ -6,10 +6,14 @@ import data from './TemplatingTransform.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'TemplatingTransform'
 
diff --git a/web/app/components/base/icons/src/vender/workflow/VariableX.tsx b/web/app/components/base/icons/src/vender/workflow/VariableX.tsx
index 5a24273e19..c2aee4989a 100644
--- a/web/app/components/base/icons/src/vender/workflow/VariableX.tsx
+++ b/web/app/components/base/icons/src/vender/workflow/VariableX.tsx
@@ -6,10 +6,14 @@ import data from './VariableX.json'
 import IconBase from '@/app/components/base/icons/IconBase'
 import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
 
-const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
-  props,
-  ref,
-) => <IconBase {...props} ref={ref} data={data as IconData} />)
+const Icon = (
+  {
+    ref,
+    ...props
+  }: Omit<IconBaseProps, 'data'> & {
+    ref: React.RefObject<React.MutableRefObject<SVGElement>>;
+  },
+) => <IconBase {...props} ref={ref} data={data as IconData} />
 
 Icon.displayName = 'VariableX'
 
diff --git a/web/app/components/base/mermaid/index.tsx b/web/app/components/base/mermaid/index.tsx
index 8e8296697e..f8706cba84 100644
--- a/web/app/components/base/mermaid/index.tsx
+++ b/web/app/components/base/mermaid/index.tsx
@@ -25,9 +25,16 @@ const svgToBase64 = (svgGraph: string) => {
   })
 }
 
-const Flowchart = React.forwardRef((props: {
-  PrimitiveCode: string
-}, ref) => {
+const Flowchart = (
+  {
+    ref,
+    ...props
+  }: {
+    PrimitiveCode: string
+  } & {
+    ref: React.RefObject<unknown>;
+  },
+) => {
   const { t } = useTranslation()
   const [svgCode, setSvgCode] = useState(null)
   const [look, setLook] = useState<'classic' | 'handDrawn'>('classic')
@@ -86,7 +93,7 @@ const Flowchart = React.forwardRef((props: {
   return (
     // eslint-disable-next-line ts/ban-ts-comment
     // @ts-expect-error
-    <div ref={ref}>
+    (<div ref={ref}>
       <div className="msh-segmented msh-segmented-sm css-23bs09 css-var-r1">
         <div className="msh-segmented-group">
           <label className="msh-segmented-item flex items-center space-x-1 m-2 w-[200px]">
@@ -133,9 +140,9 @@ const Flowchart = React.forwardRef((props: {
       {
         imagePreviewUrl && (<ImagePreview title='mermaid_chart' url={imagePreviewUrl} onCancel={() => setImagePreviewUrl('')} />)
       }
-    </div>
+    </div>)
   )
-})
+}
 
 Flowchart.displayName = 'Flowchart'
 
diff --git a/web/app/components/base/portal-to-follow-elem/index.tsx b/web/app/components/base/portal-to-follow-elem/index.tsx
index 3d24c6ee99..a48af57b85 100644
--- a/web/app/components/base/portal-to-follow-elem/index.tsx
+++ b/web/app/components/base/portal-to-follow-elem/index.tsx
@@ -105,12 +105,16 @@ export function PortalToFollowElem({
   )
 }
 
-export const PortalToFollowElemTrigger = React.forwardRef<
-  HTMLElement,
-React.HTMLProps<HTMLElement> & { asChild?: boolean }
->(({ children, asChild = false, ...props }, propRef) => {
+export const PortalToFollowElemTrigger = (
+  {
+    ref: propRef,
+    children,
+    asChild = false,
+    ...props
+  }: React.HTMLProps<HTMLElement> & { ref?: React.RefObject<HTMLElement>, asChild?: boolean },
+) => {
   const context = usePortalToFollowElemContext()
-  const childrenRef = (children as any).ref
+  const childrenRef = (children as any).props?.ref
   const ref = useMergeRefs([context.refs.setReference, propRef, childrenRef])
 
   // `asChild` allows the user to pass any element as the anchor
@@ -137,13 +141,18 @@ React.HTMLProps<HTMLElement> & { asChild?: boolean }
       {children}
     </div>
   )
-})
+}
 PortalToFollowElemTrigger.displayName = 'PortalToFollowElemTrigger'
 
-export const PortalToFollowElemContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLProps<HTMLDivElement>
->(({ style, ...props }, propRef) => {
+export const PortalToFollowElemContent = (
+  {
+    ref: propRef,
+    style,
+    ...props
+  }: React.HTMLProps<HTMLDivElement> & {
+    ref: React.RefObject<HTMLDivElement>;
+  },
+) => {
   const context = usePortalToFollowElemContext()
   const ref = useMergeRefs([context.refs.setFloating, propRef])
 
@@ -164,6 +173,6 @@ export const PortalToFollowElemContent = React.forwardRef<
       />
     </FloatingPortal>
   )
-})
+}
 
 PortalToFollowElemContent.displayName = 'PortalToFollowElemContent'
diff --git a/web/app/components/base/switch/index.tsx b/web/app/components/base/switch/index.tsx
index cbff726c76..fdc03be4d6 100644
--- a/web/app/components/base/switch/index.tsx
+++ b/web/app/components/base/switch/index.tsx
@@ -11,67 +11,76 @@ type SwitchProps = {
   className?: string
 }
 
-const Switch = React.forwardRef(
-  ({ onChange, size = 'md', defaultValue = false, disabled = false, className }: SwitchProps,
-    propRef: React.Ref<HTMLButtonElement>) => {
-    const [enabled, setEnabled] = useState(defaultValue)
-    useEffect(() => {
-      setEnabled(defaultValue)
-    }, [defaultValue])
-    const wrapStyle = {
-      lg: 'h-6 w-11',
-      l: 'h-5 w-9',
-      md: 'h-4 w-7',
-      sm: 'h-3 w-5',
-      xs: 'h-2.5 w-3.5',
-    }
+const Switch = (
+  {
+    ref: propRef,
+    onChange,
+    size = 'md',
+    defaultValue = false,
+    disabled = false,
+    className,
+  }: SwitchProps & {
+    ref: React.RefObject<HTMLButtonElement>;
+  },
+) => {
+  const [enabled, setEnabled] = useState(defaultValue)
+  useEffect(() => {
+    setEnabled(defaultValue)
+  }, [defaultValue])
+  const wrapStyle = {
+    lg: 'h-6 w-11',
+    l: 'h-5 w-9',
+    md: 'h-4 w-7',
+    sm: 'h-3 w-5',
+    xs: 'h-2.5 w-3.5',
+  }
 
-    const circleStyle = {
-      lg: 'h-5 w-5',
-      l: 'h-4 w-4',
-      md: 'h-3 w-3',
-      sm: 'h-2 w-2',
-      xs: 'h-1.5 w-1',
-    }
+  const circleStyle = {
+    lg: 'h-5 w-5',
+    l: 'h-4 w-4',
+    md: 'h-3 w-3',
+    sm: 'h-2 w-2',
+    xs: 'h-1.5 w-1',
+  }
 
-    const translateLeft = {
-      lg: 'translate-x-5',
-      l: 'translate-x-4',
-      md: 'translate-x-3',
-      sm: 'translate-x-2',
-      xs: 'translate-x-1.5',
-    }
-    return (
-      <OriginalSwitch
-        ref={propRef}
-        checked={enabled}
-        onChange={(checked: boolean) => {
-          if (disabled)
-            return
-          setEnabled(checked)
-          onChange?.(checked)
-        }}
+  const translateLeft = {
+    lg: 'translate-x-5',
+    l: 'translate-x-4',
+    md: 'translate-x-3',
+    sm: 'translate-x-2',
+    xs: 'translate-x-1.5',
+  }
+  return (
+    <OriginalSwitch
+      ref={propRef}
+      checked={enabled}
+      onChange={(checked: boolean) => {
+        if (disabled)
+          return
+        setEnabled(checked)
+        onChange?.(checked)
+      }}
+      className={classNames(
+        wrapStyle[size],
+        enabled ? 'bg-components-toggle-bg' : 'bg-components-toggle-bg-unchecked',
+        'relative inline-flex  flex-shrink-0 cursor-pointer rounded-[5px] border-2 border-transparent transition-colors duration-200 ease-in-out',
+        disabled ? '!opacity-50 !cursor-not-allowed' : '',
+        size === 'xs' && 'rounded-sm',
+        className,
+      )}
+    >
+      <span
+        aria-hidden="true"
         className={classNames(
-          wrapStyle[size],
-          enabled ? 'bg-components-toggle-bg' : 'bg-components-toggle-bg-unchecked',
-          'relative inline-flex  flex-shrink-0 cursor-pointer rounded-[5px] border-2 border-transparent transition-colors duration-200 ease-in-out',
-          disabled ? '!opacity-50 !cursor-not-allowed' : '',
-          size === 'xs' && 'rounded-sm',
-          className,
+          circleStyle[size],
+          enabled ? translateLeft[size] : 'translate-x-0',
+          size === 'xs' && 'rounded-[1px]',
+          'pointer-events-none inline-block transform rounded-[3px] bg-components-toggle-knob shadow ring-0 transition duration-200 ease-in-out',
         )}
-      >
-        <span
-          aria-hidden="true"
-          className={classNames(
-            circleStyle[size],
-            enabled ? translateLeft[size] : 'translate-x-0',
-            size === 'xs' && 'rounded-[1px]',
-            'pointer-events-none inline-block transform rounded-[3px] bg-components-toggle-knob shadow ring-0 transition duration-200 ease-in-out',
-          )}
-        />
-      </OriginalSwitch>
-    )
-  })
+      />
+    </OriginalSwitch>
+  )
+}
 
 Switch.displayName = 'Switch'
 
diff --git a/web/app/components/datasets/create/step-two/option-card.tsx b/web/app/components/datasets/create/step-two/option-card.tsx
index 7a0f67850a..9f2691c87e 100644
--- a/web/app/components/datasets/create/step-two/option-card.tsx
+++ b/web/app/components/datasets/create/step-two/option-card.tsx
@@ -1,4 +1,4 @@
-import { type ComponentProps, type FC, type ReactNode, forwardRef } from 'react'
+import type { ComponentProps, FC, ReactNode } from 'react'
 import Image from 'next/image'
 import classNames from '@/utils/classnames'
 
@@ -57,7 +57,12 @@ type OptionCardProps = {
   disabled?: boolean
 } & Omit<ComponentProps<'div'>, 'title' | 'onClick'>
 
-export const OptionCard: FC<OptionCardProps> = forwardRef((props, ref) => {
+export const OptionCard: FC<OptionCardProps> = (
+  {
+    ref,
+    ...props
+  },
+) => {
   const { icon, className, title, description, isActive, children, actions, activeHeaderClassName, style, effectImg, onSwitched, noHighlight, disabled, ...rest } = props
   return <div
     className={classNames(
@@ -96,6 +101,6 @@ export const OptionCard: FC<OptionCardProps> = forwardRef((props, ref) => {
       }
     </div>}
   </div>
-})
+}
 
 OptionCard.displayName = 'OptionCard'
diff --git a/web/app/components/datasets/documents/detail/completed/segment-list.tsx b/web/app/components/datasets/documents/detail/completed/segment-list.tsx
index 885db49db8..718636d40e 100644
--- a/web/app/components/datasets/documents/detail/completed/segment-list.tsx
+++ b/web/app/components/datasets/documents/detail/completed/segment-list.tsx
@@ -1,4 +1,4 @@
-import React, { type ForwardedRef, useMemo } from 'react'
+import React, { useMemo } from 'react'
 import { useDocumentContext } from '../index'
 import SegmentCard from './segment-card'
 import Empty from './common/empty'
@@ -25,22 +25,25 @@ type ISegmentListProps = {
   onClearFilter: () => void
 }
 
-const SegmentList = React.forwardRef(({
-  isLoading,
-  items,
-  selectedSegmentIds,
-  onSelected,
-  onClick: onClickCard,
-  onChangeSwitch,
-  onDelete,
-  onDeleteChildChunk,
-  handleAddNewChildChunk,
-  onClickSlice,
-  archived,
-  embeddingAvailable,
-  onClearFilter,
-}: ISegmentListProps,
-ref: ForwardedRef<HTMLDivElement>,
+const SegmentList = (
+  {
+    ref,
+    isLoading,
+    items,
+    selectedSegmentIds,
+    onSelected,
+    onClick: onClickCard,
+    onChangeSwitch,
+    onDelete,
+    onDeleteChildChunk,
+    handleAddNewChildChunk,
+    onClickSlice,
+    archived,
+    embeddingAvailable,
+    onClearFilter,
+  }: ISegmentListProps & {
+    ref: React.RefObject<unknown>;
+  },
 ) => {
   const mode = useDocumentContext(s => s.mode)
   const parentMode = useDocumentContext(s => s.parentMode)
@@ -109,7 +112,7 @@ ref: ForwardedRef<HTMLDivElement>,
       }
     </div>
   )
-})
+}
 
 SegmentList.displayName = 'SegmentList'
 
diff --git a/web/app/components/datasets/formatted-text/flavours/shared.tsx b/web/app/components/datasets/formatted-text/flavours/shared.tsx
index 577e3cedf4..11548572d3 100644
--- a/web/app/components/datasets/formatted-text/flavours/shared.tsx
+++ b/web/app/components/datasets/formatted-text/flavours/shared.tsx
@@ -1,22 +1,32 @@
-import { type ComponentProps, type FC, forwardRef } from 'react'
+import type { ComponentProps, FC } from 'react'
 import classNames from '@/utils/classnames'
 
 const baseStyle = 'py-[3px]'
 
 export type SliceContainerProps = ComponentProps<'span'>
 
-export const SliceContainer: FC<SliceContainerProps> = forwardRef((props, ref) => {
+export const SliceContainer: FC<SliceContainerProps> = (
+  {
+    ref,
+    ...props
+  },
+) => {
   const { className, ...rest } = props
   return <span {...rest} ref={ref} className={classNames(
     'group align-bottom mr-1 select-none text-sm',
     className,
   )} />
-})
+}
 SliceContainer.displayName = 'SliceContainer'
 
 export type SliceLabelProps = ComponentProps<'span'> & { labelInnerClassName?: string }
 
-export const SliceLabel: FC<SliceLabelProps> = forwardRef((props, ref) => {
+export const SliceLabel: FC<SliceLabelProps> = (
+  {
+    ref,
+    ...props
+  },
+) => {
   const { className, children, labelInnerClassName, ...rest } = props
   return <span {...rest} ref={ref} className={classNames(
     baseStyle,
@@ -27,12 +37,17 @@ export const SliceLabel: FC<SliceLabelProps> = forwardRef((props, ref) => {
       {children}
     </span>
   </span>
-})
+}
 SliceLabel.displayName = 'SliceLabel'
 
 export type SliceContentProps = ComponentProps<'span'>
 
-export const SliceContent: FC<SliceContentProps> = forwardRef((props, ref) => {
+export const SliceContent: FC<SliceContentProps> = (
+  {
+    ref,
+    ...props
+  },
+) => {
   const { className, children, ...rest } = props
   return <span {...rest} ref={ref} className={classNames(
     baseStyle,
@@ -41,12 +56,17 @@ export const SliceContent: FC<SliceContentProps> = forwardRef((props, ref) => {
   )}>
     {children}
   </span>
-})
+}
 SliceContent.displayName = 'SliceContent'
 
 export type SliceDividerProps = ComponentProps<'span'>
 
-export const SliceDivider: FC<SliceDividerProps> = forwardRef((props, ref) => {
+export const SliceDivider: FC<SliceDividerProps> = (
+  {
+    ref,
+    ...props
+  },
+) => {
   const { className, ...rest } = props
   return <span {...rest} ref={ref} className={classNames(
     baseStyle,
@@ -56,5 +76,5 @@ export const SliceDivider: FC<SliceDividerProps> = forwardRef((props, ref) => {
     {/* use a zero-width space to make the hover area bigger */}
     &#8203;
   </span>
-})
+}
 SliceDivider.displayName = 'SliceDivider'
diff --git a/web/app/components/workflow/block-selector/market-place-plugin/list.tsx b/web/app/components/workflow/block-selector/market-place-plugin/list.tsx
index 0c381c2a39..e986a5944a 100644
--- a/web/app/components/workflow/block-selector/market-place-plugin/list.tsx
+++ b/web/app/components/workflow/block-selector/market-place-plugin/list.tsx
@@ -1,5 +1,5 @@
 'use client'
-import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react'
+import React, { useEffect, useImperativeHandle, useMemo, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import useStickyScroll, { ScrollPosition } from '../use-sticky-scroll'
 import Item from './item'
@@ -19,14 +19,17 @@ type Props = {
   disableMaxWidth?: boolean
 }
 
-const List = forwardRef<{ handleScroll: () => void }, Props>(({
-  wrapElemRef,
-  searchText,
-  tags,
-  list,
-  toolContentClassName,
-  disableMaxWidth = false,
-}, ref) => {
+const List = (
+  {
+    ref,
+    wrapElemRef,
+    searchText,
+    tags,
+    list,
+    toolContentClassName,
+    disableMaxWidth = false,
+  },
+) => {
   const { t } = useTranslation()
   const hasFilter = !searchText
   const hasRes = list.length > 0
@@ -122,7 +125,7 @@ const List = forwardRef<{ handleScroll: () => void }, Props>(({
       </div>
     </>
   )
-})
+}
 
 List.displayName = 'List'
 
diff --git a/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx b/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx
index 9285516935..41deb8579f 100644
--- a/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx
+++ b/web/app/components/workflow/panel/debug-and-preview/chat-wrapper.tsx
@@ -1,11 +1,4 @@
-import {
-  forwardRef,
-  memo,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-} from 'react'
+import { memo, useCallback, useEffect, useImperativeHandle, useMemo } from 'react'
 import { useNodes } from 'reactflow'
 import { BlockEnum } from '../../types'
 import {
@@ -35,12 +28,17 @@ type ChatWrapperProps = {
   onHide: () => void
 }
 
-const ChatWrapper = forwardRef<ChatWrapperRefType, ChatWrapperProps>(({
-  showConversationVariableModal,
-  onConversationModalHide,
-  showInputsFieldsPanel,
-  onHide,
-}, ref) => {
+const ChatWrapper = (
+  {
+    ref,
+    showConversationVariableModal,
+    onConversationModalHide,
+    showInputsFieldsPanel,
+    onHide,
+  }: ChatWrapperProps & {
+    ref: React.RefObject<ChatWrapperRefType>;
+  },
+) => {
   const nodes = useNodes<StartNodeType>()
   const startNode = nodes.find(node => node.data.type === BlockEnum.Start)
   const startVariables = startNode?.data.variables
@@ -158,7 +156,7 @@ const ChatWrapper = forwardRef<ChatWrapperRefType, ChatWrapperProps>(({
       )}
     </>
   )
-})
+}
 
 ChatWrapper.displayName = 'ChatWrapper'