diff --git a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/page.tsx b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/page.tsx
index 1b80c0a0c7..caf31cecb0 100644
--- a/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/page.tsx
+++ b/web/app/(commonLayout)/app/(appDetailLayout)/[appId]/overview/page.tsx
@@ -1,9 +1,10 @@
 import React from 'react'
-import WelcomeBanner, { EditKeyPopover } from './welcome-banner'
+import { EditKeyPopover } from './welcome-banner'
 import ChartView from './chartView'
 import CardView from './cardView'
 import { getLocaleOnServer } from '@/i18n/server'
 import { useTranslation } from '@/i18n/i18next-serverside-config'
+import ApikeyInfoPanel from '@/app/components/app/overview/apikey-info-panel'
 
 export type IDevelopProps = {
   params: { appId: string }
@@ -16,7 +17,8 @@ const Overview = async ({
   const { t } = await useTranslation(locale, 'app-overview')
   return (
     <div className="h-full px-16 py-6 overflow-scroll">
-      <WelcomeBanner />
+      {/* <WelcomeBanner /> */}
+      <ApikeyInfoPanel />
       <div className='flex flex-row items-center justify-between mb-4 text-xl text-gray-900'>
         {t('overview.title')}
         <EditKeyPopover />
diff --git a/web/app/(commonLayout)/list.module.css b/web/app/(commonLayout)/list.module.css
index 14351d40eb..a772fac8cd 100644
--- a/web/app/(commonLayout)/list.module.css
+++ b/web/app/(commonLayout)/list.module.css
@@ -1,5 +1,5 @@
 .listItem {
-  @apply col-span-1 bg-white border-2 border-solid border-transparent rounded-lg shadow-sm min-h-[160px] flex flex-col transition-all duration-200 ease-in-out cursor-pointer hover:shadow-lg;
+  @apply col-span-1 bg-white border-2 border-solid border-transparent rounded-lg shadow-xs min-h-[160px] flex flex-col transition-all duration-200 ease-in-out cursor-pointer hover:shadow-lg;
 }
 
 .listItem.newItemCard {
diff --git a/web/app/components/app/configuration/config-model/index.tsx b/web/app/components/app/configuration/config-model/index.tsx
index 6f39fba1b7..1649592d1f 100644
--- a/web/app/components/app/configuration/config-model/index.tsx
+++ b/web/app/components/app/configuration/config-model/index.tsx
@@ -3,22 +3,34 @@ import type { FC } from 'react'
 import React, { useEffect, useState } from 'react'
 import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
-import { useBoolean, useClickAway } from 'ahooks'
-import { ChevronDownIcon, Cog8ToothIcon, InformationCircleIcon } from '@heroicons/react/24/outline'
+import { useBoolean, useClickAway, useGetState } from 'ahooks'
+import { Cog8ToothIcon, InformationCircleIcon } from '@heroicons/react/24/outline'
+import produce from 'immer'
 import ParamItem from './param-item'
 import ModelIcon from './model-icon'
+import ModelName from './model-name'
 import Radio from '@/app/components/base/radio'
 import Panel from '@/app/components/base/panel'
 import type { CompletionParams } from '@/models/debug'
-import { AppType, ProviderType } from '@/types/app'
-import { MODEL_LIST, TONE_LIST } from '@/config'
+import { TONE_LIST } from '@/config'
 import Toast from '@/app/components/base/toast'
 import { AlertTriangle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
 import { formatNumber } from '@/utils/format'
-export type IConifgModelProps = {
+import { Brush01 } from '@/app/components/base/icons/src/vender/solid/editor'
+import { Scales02 } from '@/app/components/base/icons/src/vender/solid/FinanceAndECommerce'
+import { Target04 } from '@/app/components/base/icons/src/vender/solid/general'
+import { Sliders02 } from '@/app/components/base/icons/src/vender/solid/mediaAndDevices'
+import { fetchModelParams } from '@/service/debug'
+import Loading from '@/app/components/base/loading'
+import ModelSelector from '@/app/components/header/account-setting/model-page/model-selector'
+import { ModelType, ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
+import { useProviderContext } from '@/context/provider-context'
+
+export type IConfigModelProps = {
   mode: string
   modelId: string
-  setModelId: (id: string, provider: ProviderType) => void
+  provider: ProviderEnum
+  setModelId: (id: string, provider: ProviderEnum) => void
   completionParams: CompletionParams
   onCompletionParamsChange: (newParams: CompletionParams) => void
   disabled: boolean
@@ -26,21 +38,10 @@ export type IConifgModelProps = {
   onShowUseGPT4Confirm: () => void
 }
 
-const options = MODEL_LIST
-
-const getMaxToken = (modelId: string) => {
-  if (['claude-instant-1', 'claude-2'].includes(modelId))
-    return 30 * 1000
-
-  if (['gpt-4', 'gpt-3.5-turbo-16k'].includes(modelId))
-    return 8000
-
-  return 4000
-}
-
-const ConifgModel: FC<IConifgModelProps> = ({
-  mode,
+const ConfigModel: FC<IConfigModelProps> = ({
+  // mode,
   modelId,
+  provider,
   setModelId,
   completionParams,
   onCompletionParamsChange,
@@ -49,89 +50,140 @@ const ConifgModel: FC<IConifgModelProps> = ({
   onShowUseGPT4Confirm,
 }) => {
   const { t } = useTranslation()
-  const isChatApp = mode === AppType.chat
-  const availableModels = options.filter(item => item.type === mode)
+  const { textGenerationModelList } = useProviderContext()
   const [isShowConfig, { setFalse: hideConfig, toggle: toogleShowConfig }] = useBoolean(false)
   const [maxTokenSettingTipVisible, setMaxTokenSettingTipVisible] = useState(false)
   const configContentRef = React.useRef(null)
-  const currModel = options.find(item => item.id === modelId)
+  const currModel = textGenerationModelList.find(item => item.model_name === modelId)
+  // Cache loaded model param
+  const [allParams, setAllParams, getAllParams] = useGetState<Record<string, Record<string, any>>>({})
+  const currParams = allParams[provider]?.[modelId]
+  const hasEnableParams = currParams && Object.keys(currParams).some(key => currParams[key].enabled)
+  const allSupportParams = ['temperature', 'top_p', 'presence_penalty', 'frequency_penalty', 'max_tokens']
+  const currSupportParams = currParams ? allSupportParams.filter(key => currParams[key].enabled) : allSupportParams
+
+  useEffect(() => {
+    (async () => {
+      if (!allParams[provider]?.[modelId]) {
+        const res = await fetchModelParams(provider, modelId)
+        const newAllParams = produce(allParams, (draft) => {
+          if (!draft[provider])
+            draft[provider] = {}
+
+          draft[provider][modelId] = res
+        })
+        setAllParams(newAllParams)
+      }
+    })()
+  }, [provider, modelId])
+
   useClickAway(() => {
     hideConfig()
   }, configContentRef)
 
-  const params = [
-    {
-      id: 1,
-      name: t('common.model.params.temperature'),
-      key: 'temperature',
-      tip: t('common.model.params.temperatureTip'),
-      max: 2,
-    },
-    {
-      id: 2,
-      name: t('common.model.params.topP'),
-      key: 'top_p',
-      tip: t('common.model.params.topPTip'),
-      max: 1,
-    },
-    {
-      id: 3,
-      name: t('common.model.params.presencePenalty'),
-      key: 'presence_penalty',
-      tip: t('common.model.params.presencePenaltyTip'),
-      min: -2,
-      max: 2,
-    },
-    {
-      id: 4,
-      name: t('common.model.params.frequencyPenalty'),
-      key: 'frequency_penalty',
-      tip: t('common.model.params.frequencyPenaltyTip'),
-      min: -2,
-      max: 2,
-    },
-    {
-      id: 5,
-      name: t('common.model.params.maxToken'),
-      key: 'max_tokens',
-      tip: t('common.model.params.maxTokenTip'),
-      step: 100,
-      max: getMaxToken(modelId),
-    },
-  ]
-
-  const selectModelDisabled = false // chat  gpt-3.5-turbo, gpt-4; text generation text-davinci-003, gpt-3.5-turbo
-
   const selectedModel = { name: modelId } // options.find(option => option.id === modelId)
-  const [isShowOption, { setFalse: hideOption, toggle: toogleOption }] = useBoolean(false)
-  const triggerRef = React.useRef(null)
-  useClickAway(() => {
-    hideOption()
-  }, triggerRef)
 
-  const handleSelectModel = (id: string, provider = ProviderType.openai) => {
-    return () => {
+  const ensureModelParamLoaded = (provider: ProviderEnum, modelId: string) => {
+    return new Promise<void>((resolve) => {
+      if (getAllParams()[provider]?.[modelId]) {
+        resolve()
+        return
+      }
+      const runId = setInterval(() => {
+        if (getAllParams()[provider]?.[modelId]) {
+          resolve()
+          clearInterval(runId)
+        }
+      }, 500)
+    })
+  }
+
+  const transformValue = (value: number, fromRange: [number, number], toRange: [number, number]): number => {
+    const [fromStart = 0, fromEnd] = fromRange
+    const [toStart = 0, toEnd] = toRange
+
+    // The following three if is to avoid precision loss
+    if (fromStart === toStart && fromEnd === toEnd)
+      return value
+
+    if (value <= fromStart)
+      return toStart
+
+    if (value >= fromEnd)
+      return toEnd
+
+    const fromLength = fromEnd - fromStart
+    const toLength = toEnd - toStart
+
+    let adjustedValue = (value - fromStart) * (toLength / fromLength) + toStart
+    adjustedValue = parseFloat(adjustedValue.toFixed(2))
+    return adjustedValue
+  }
+
+  const handleSelectModel = (id: string, nextProvider = ProviderEnum.openai) => {
+    return async () => {
       if (id === 'gpt-4' && !canUseGPT4) {
         hideConfig()
-        hideOption()
         onShowUseGPT4Confirm()
         return
       }
-      const nextSelectModelMaxToken = getMaxToken(id)
-      if (completionParams.max_tokens > nextSelectModelMaxToken) {
-        Toast.notify({
-          type: 'warning',
-          message: t('common.model.params.setToCurrentModelMaxTokenTip', { maxToken: formatNumber(nextSelectModelMaxToken) }),
+      const prevParamsRule = getAllParams()[provider]?.[modelId]
+
+      setModelId(id, nextProvider)
+
+      await ensureModelParamLoaded(nextProvider, id)
+
+      const nextParamsRule = getAllParams()[nextProvider]?.[id]
+      // debugger
+      const nextSelectModelMaxToken = nextParamsRule.max_tokens.max
+      const newConCompletionParams = produce(completionParams, (draft: any) => {
+        if (nextParamsRule.max_tokens.enabled) {
+          if (completionParams.max_tokens > nextSelectModelMaxToken) {
+            Toast.notify({
+              type: 'warning',
+              message: t('common.model.params.setToCurrentModelMaxTokenTip', { maxToken: formatNumber(nextSelectModelMaxToken) }),
+            })
+            draft.max_tokens = parseFloat((nextSelectModelMaxToken * 0.8).toFixed(2))
+          }
+          // prev don't have max token
+          if (!completionParams.max_tokens)
+            draft.max_tokens = nextParamsRule.max_tokens.default
+        }
+        else {
+          delete draft.max_tokens
+        }
+
+        allSupportParams.forEach((key) => {
+          if (key === 'max_tokens')
+            return
+
+          if (!nextParamsRule[key].enabled) {
+            delete draft[key]
+            return
+          }
+
+          if (draft[key] === undefined) {
+            draft[key] = nextParamsRule[key].default || 0
+            return
+          }
+
+          if (!prevParamsRule[key].enabled) {
+            draft[key] = nextParamsRule[key].default || 0
+            return
+          }
+
+          draft[key] = transformValue(
+            draft[key],
+            [prevParamsRule[key].min, prevParamsRule[key].max],
+            [nextParamsRule[key].min, nextParamsRule[key].max],
+          )
         })
-        onCompletionParamsChange({
-          ...completionParams,
-          max_tokens: nextSelectModelMaxToken,
-        })
-      }
-      setModelId(id, provider)
+      })
+      onCompletionParamsChange(newConCompletionParams)
     }
   }
 
+  // only openai support this
   function matchToneId(completionParams: CompletionParams): number {
     const remvoedCustomeTone = TONE_LIST.slice(0, -1)
     const CUSTOM_TONE_ID = 4
@@ -146,6 +198,11 @@ const ConifgModel: FC<IConifgModelProps> = ({
 
   // tone is a preset of completionParams.
   const [toneId, setToneId] = React.useState(matchToneId(completionParams)) // default is Balanced
+  const toneTabBgClassName = ({
+    1: 'bg-[#F5F8FF]',
+    2: 'bg-[#F4F3FF]',
+    3: 'bg-[#F6FEFC]',
+  })[toneId] || ''
   // set completionParams by toneId
   const handleToneChange = (id: number) => {
     if (id === 4)
@@ -164,40 +221,59 @@ const ConifgModel: FC<IConifgModelProps> = ({
     setToneId(matchToneId(completionParams))
   }, [completionParams])
 
-  const handleParamChange = (id: number, value: number) => {
-    const key = params.find(item => item.id === id)?.key
+  const handleParamChange = (key: string, value: number) => {
+    const currParamsRule = getAllParams()[provider]?.[modelId]
+    let notOutRangeValue = parseFloat(value.toFixed(2))
+    notOutRangeValue = Math.max(currParamsRule[key].min, notOutRangeValue)
+    notOutRangeValue = Math.min(currParamsRule[key].max, notOutRangeValue)
 
-    if (key) {
-      onCompletionParamsChange({
-        ...completionParams,
-        [key]: value,
-      })
-    }
+    onCompletionParamsChange({
+      ...completionParams,
+      [key]: notOutRangeValue,
+    })
   }
   const ableStyle = 'bg-indigo-25 border-[#2A87F5] cursor-pointer'
   const diabledStyle = 'bg-[#FFFCF5] border-[#F79009]'
 
+  const getToneIcon = (toneId: number) => {
+    const className = 'w-[14px] h-[14px]'
+    const res = ({
+      1: <Brush01 className={className}/>,
+      2: <Scales02 className={className} />,
+      3: <Target04 className={className} />,
+      4: <Sliders02 className={className} />,
+    })[toneId]
+    return res
+  }
   useEffect(() => {
-    const max = params[4].max
-    if (currModel?.provider !== ProviderType.anthropic && completionParams.max_tokens > max * 2 / 3)
+    if (!currParams)
+      return
+
+    const max = currParams.max_tokens.max
+    const isSupportMaxToken = currParams.max_tokens.enabled
+    if (isSupportMaxToken && currModel?.model_provider.provider_name !== ProviderEnum.anthropic && completionParams.max_tokens > max * 2 / 3)
       setMaxTokenSettingTipVisible(true)
     else
       setMaxTokenSettingTipVisible(false)
-  }, [params, completionParams.max_tokens, setMaxTokenSettingTipVisible])
-
+  }, [currParams, completionParams.max_tokens, setMaxTokenSettingTipVisible])
   return (
     <div className='relative' ref={configContentRef}>
       <div
         className={cn('flex items-center border h-8 px-2.5 space-x-2 rounded-lg', disabled ? diabledStyle : ableStyle)}
         onClick={() => !disabled && toogleShowConfig()}
       >
-        <ModelIcon modelId={currModel?.id as string} />
-        <div className='text-[13px] text-gray-900 font-medium'>{selectedModel.name}</div>
+        <ModelIcon
+          modelId={modelId}
+          providerName={provider}
+        />
+        <div className='text-[13px] text-gray-900 font-medium'>
+          <ModelName modelId={selectedModel.name} />
+        </div>
         {disabled ? <InformationCircleIcon className='w-3.5 h-3.5 text-[#F79009]' /> : <Cog8ToothIcon className='w-3.5 h-3.5 text-gray-500' />}
       </div>
       {isShowConfig && (
         <Panel
-          className='absolute z-20 top-8 right-0 !w-[496px] bg-white'
+          className='absolute z-20 top-8 right-0 !w-[496px] bg-white !overflow-visible shadow-md'
           keepUnFold
           headerIcon={
             <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -215,49 +291,88 @@ const ConifgModel: FC<IConifgModelProps> = ({
           <div className='py-3 pl-10 pr-6 text-sm'>
             <div className="flex items-center justify-between my-5 h-9">
               <div>{t('appDebug.modelConfig.model')}</div>
-              {/* model selector */}
-              <div className="relative" style={{ zIndex: 30 }}>
-                <div ref={triggerRef} onClick={() => !selectModelDisabled && toogleOption()} className={cn(selectModelDisabled ? 'cursor-not-allowed' : 'cursor-pointer', 'flex items-center h-9 px-3 space-x-2 rounded-lg bg-gray-50 ')}>
-                  <ModelIcon modelId={currModel?.id as string} />
-                  <div className="text-sm gray-900">{selectedModel?.name}</div>
-                  {!selectModelDisabled && <ChevronDownIcon className={cn(isShowOption && 'rotate-180', 'w-[14px] h-[14px] text-gray-500')} />}
-                </div>
-                {isShowOption && (
-                  <div className={cn(isChatApp ? 'min-w-[159px]' : 'w-[179px]', 'absolute right-0 bg-gray-50 rounded-lg shadow')}>
-                    {availableModels.map(item => (
-                      <div key={item.id} onClick={handleSelectModel(item.id, item.provider)} className="flex items-center h-9 px-3 rounded-lg cursor-pointer hover:bg-gray-100">
-                        <ModelIcon className='shrink-0 mr-2' modelId={item?.id} />
-                        <div className="text-sm gray-900 whitespace-nowrap">{item.name}</div>
+              <ModelSelector
+                popClassName='right-0'
+                triggerIconSmall
+                value={{
+                  modelName: modelId,
+                  providerName: provider,
+                }}
+                modelType={ModelType.textGeneration}
+                onChange={(model) => {
+                  handleSelectModel(model.model_name, model.model_provider.provider_name as ProviderEnum)()
+                }}
+              />
+            </div>
+            {hasEnableParams && (
+              <div className="border-b border-gray-100"></div>
+            )}
+
+            {/* Tone type */}
+            {[ProviderEnum.openai, ProviderEnum.azure_openai].includes(provider) && (
+              <div className="mt-5 mb-4">
+                <div className="mb-3 text-sm text-gray-900">{t('appDebug.modelConfig.setTone')}</div>
+                <Radio.Group className={cn('!rounded-lg', toneTabBgClassName)} value={toneId} onChange={handleToneChange}>
+                  <>
+                    {TONE_LIST.slice(0, 3).map(tone => (
+                      <div className='grow flex items-center' key={tone.id}>
+                        <Radio
+                          value={tone.id}
+                          className={cn(tone.id === toneId && 'rounded-md border border-gray-200 shadow-md', '!mr-0 grow !px-2 !justify-center text-[13px] font-medium')}
+                          labelClassName={cn(tone.id === toneId
+                            ? ({
+                              1: 'text-[#6938EF]',
+                              2: 'text-[#444CE7]',
+                              3: 'text-[#107569]',
+                            })[toneId]
+                            : 'text-[#667085]', 'flex items-center space-x-2')}
+                        >
+                          <>
+                            {getToneIcon(tone.id)}
+                            <div>{t(`common.model.tone.${tone.name}`) as string}</div>
+                            <div className=""></div>
+                          </>
+                        </Radio>
+                        {tone.id !== toneId && tone.id + 1 !== toneId && (<div className='h-5 border-r border-gray-200'></div>)}
                       </div>
                     ))}
-                  </div>
-                )}
+                  </>
+                  <Radio
+                    value={TONE_LIST[3].id}
+                    className={cn(toneId === 4 && 'rounded-md border border-gray-200 shadow-md', '!mr-0 grow !px-2 !justify-center text-[13px] font-medium')}
+                    labelClassName={cn('flex items-center space-x-2 ', toneId === 4 ? 'text-[#155EEF]' : 'text-[#667085]')}
+                  >
+                    <>
+                      {getToneIcon(TONE_LIST[3].id)}
+                      <div>{t(`common.model.tone.${TONE_LIST[3].name}`) as string}</div>
+                    </>
+                  </Radio>
+                </Radio.Group>
               </div>
-            </div>
-            <div className="border-b border-gray-100"></div>
-
-            {/* Response type */}
-            <div className="mt-5 mb-4">
-              <div className="mb-4 text-sm text-gray-900">{t('appDebug.modelConfig.setTone')}</div>
-              <Radio.Group value={toneId} onChange={handleToneChange}>
-                <>
-                  {TONE_LIST.slice(0, 3).map(tone => (
-                    <Radio key={tone.id} value={tone.id} className="grow !px-0 !justify-center">{t(`common.model.tone.${tone.name}`) as string}</Radio>
-                  ))}
-                </>
-                <div className="ml-[2px] mr-[3px] h-5 border-r border-gray-200"></div>
-                <Radio value={TONE_LIST[3].id}>{t(`common.model.tone.${TONE_LIST[3].name}`) as string}</Radio>
-              </Radio.Group>
-            </div>
+            )}
 
             {/* Params */}
-            <div className="mt-4 space-y-4">
-              {params.map(({ key, ...param }) => (<ParamItem key={key} {...param} value={(completionParams as any)[key] as any} onChange={handleParamChange} />))}
+            <div className={cn(hasEnableParams && 'mt-4', 'space-y-4', !allParams[provider]?.[modelId] && 'flex items-center min-h-[200px]')}>
+              {allParams[provider]?.[modelId]
+                ? (
+                  currSupportParams.map(key => (<ParamItem
+                    key={key}
+                    id={key}
+                    name={t(`common.model.params.${key}`)}
+                    tip={t(`common.model.params.${key}Tip`)}
+                    {...currParams[key] as any}
+                    value={(completionParams as any)[key] as any}
+                    onChange={handleParamChange}
+                  />))
+                )
+                : (
+                  <Loading type='area'/>
+                )}
             </div>
           </div>
           {
             maxTokenSettingTipVisible && (
-              <div className='flex py-2 pr-4 pl-5 bg-[#FFFAEB] border-t border-[#FEF0C7]'>
+              <div className='flex py-2 pr-4 pl-5 rounded-bl-xl rounded-br-xl bg-[#FFFAEB] border-t border-[#FEF0C7]'>
                 <AlertTriangle className='shrink-0 mr-2 mt-[3px] w-3 h-3 text-[#F79009]' />
                 <div className='mr-2 text-xs font-medium text-gray-700'>{t('common.model.params.maxTokenSettingTip')}</div>
               </div>
@@ -270,4 +385,4 @@ const ConifgModel: FC<IConifgModelProps> = ({
   )
 }
 
-export default React.memo(ConifgModel)
+export default React.memo(ConfigModel)
diff --git a/web/app/components/app/configuration/config-model/model-icon.tsx b/web/app/components/app/configuration/config-model/model-icon.tsx
index 4391fdacb9..108ceca59d 100644
--- a/web/app/components/app/configuration/config-model/model-icon.tsx
+++ b/web/app/components/app/configuration/config-model/model-icon.tsx
@@ -1,25 +1,31 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import { ProviderType } from '@/types/app'
-import { MODEL_LIST } from '@/config'
-import { Anthropic, Gpt3, Gpt4 } from '@/app/components/base/icons/src/public/llm'
+import cn from 'classnames'
+import {
+  OpenaiGreen,
+  OpenaiViolet,
+} from '@/app/components/base/icons/src/public/llm'
+import { ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
+import ProviderConfig from '@/app/components/header/account-setting/model-page/configs'
 
-export type IModelIconProps = { modelId: string; className?: string }
+export type IModelIconProps = {
+  modelId: string
+  providerName: ProviderEnum
+  className?: string
+}
 
-const ModelIcon: FC<IModelIconProps> = ({ modelId, className }) => {
-  const resClassName = `w-4 h-4 ${className}`
-  const model = MODEL_LIST.find(item => item.id === modelId)
-  if (model?.id === 'gpt-4')
-    return <Gpt4 className={resClassName} />
+const ModelIcon: FC<IModelIconProps> = ({ modelId, providerName, className }) => {
+  let Icon = <OpenaiGreen className='w-full h-full' />
+  if (providerName === ProviderEnum.openai)
+    Icon = modelId.includes('gpt-4') ? <OpenaiViolet className='w-full h-full' /> : <OpenaiGreen className='w-full h-full' />
+  else
+    Icon = ProviderConfig[providerName]?.selector.icon
 
-  if (model?.provider === ProviderType.anthropic) {
-    return (
-      <Anthropic className={resClassName} />
-    )
-  }
   return (
-    <Gpt3 className={resClassName} />
+    <div className={cn(className, 'w-4 h-4')}>
+      {Icon}
+    </div>
   )
 }
 
diff --git a/web/app/components/app/configuration/config-model/model-name.tsx b/web/app/components/app/configuration/config-model/model-name.tsx
new file mode 100644
index 0000000000..f573e00ee8
--- /dev/null
+++ b/web/app/components/app/configuration/config-model/model-name.tsx
@@ -0,0 +1,29 @@
+'use client'
+import type { FC } from 'react'
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+
+export type IModelNameProps = {
+  modelId: string
+}
+
+export const supportI18nModelName = [
+  'gpt-3.5-turbo', 'gpt-3.5-turbo-16k',
+  'gpt-4', 'gpt-4-32k',
+  'text-davinci-003', 'text-embedding-ada-002', 'whisper-1',
+  'claude-instant-1', 'claude-2',
+]
+
+const ModelName: FC<IModelNameProps> = ({
+  modelId,
+}) => {
+  const { t } = useTranslation()
+  const name = supportI18nModelName.includes(modelId) ? t(`common.modelName.${modelId}`) : modelId
+
+  return (
+    <span title={name}>
+      {name}
+    </span>
+  )
+}
+export default React.memo(ModelName)
diff --git a/web/app/components/app/configuration/config-model/param-item.tsx b/web/app/components/app/configuration/config-model/param-item.tsx
index 3ac1959434..9c4826f69d 100644
--- a/web/app/components/app/configuration/config-model/param-item.tsx
+++ b/web/app/components/app/configuration/config-model/param-item.tsx
@@ -5,21 +5,21 @@ import Tooltip from '@/app/components/base/tooltip'
 import Slider from '@/app/components/base/slider'
 
 export type IParamIteProps = {
-  id: number
+  id: string
   name: string
   tip: string
   value: number
   step?: number
   min?: number
   max: number
-  onChange: (id: number, value: number) => void
+  onChange: (key: string, value: number) => void
 }
 
 const ParamIte: FC<IParamIteProps> = ({ id, name, tip, step = 0.1, min = 0, max, value, onChange }) => {
   return (
     <div className="flex items-center justify-between">
       <div className="flex items-center">
-        <span className="mr-[6px]">{name}</span>
+        <span className="mr-[6px] text-gray-500 text-[13px] font-medium">{name}</span>
         {/* Give tooltip different tip to avoiding hide bug */}
         <Tooltip htmlContent={<div className="w-[200px]">{tip}</div>} position='top' selector={`param-name-tooltip-${id}`}>
           <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -33,7 +33,7 @@ const ParamIte: FC<IParamIteProps> = ({ id, name, tip, step = 0.1, min = 0, max,
         </div>
         <input type="number" min={min} max={max} step={step} className="block w-[64px] h-9 leading-9 rounded-lg border-0 pl-1 pl py-1.5 bg-gray-50 text-gray-900  placeholder:text-gray-400 focus:ring-1 focus:ring-inset focus:ring-primary-600" value={value} onChange={(e) => {
           const value = parseFloat(e.target.value)
-          if (value < 0 || value > max)
+          if (value < min || value > max)
             return
 
           onChange(id, value)
diff --git a/web/app/components/app/configuration/config-model/provider-name.tsx b/web/app/components/app/configuration/config-model/provider-name.tsx
new file mode 100644
index 0000000000..e9ab01d5fc
--- /dev/null
+++ b/web/app/components/app/configuration/config-model/provider-name.tsx
@@ -0,0 +1,24 @@
+'use client'
+import type { FC } from 'react'
+import React from 'react'
+import { useContext } from 'use-context-selector'
+import I18n from '@/context/i18n'
+import type { ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
+import ProviderConfig from '@/app/components/header/account-setting/model-page/configs'
+
+export type IProviderNameProps = {
+  provideName: ProviderEnum
+}
+
+const ProviderName: FC<IProviderNameProps> = ({
+  provideName,
+}) => {
+  const { locale } = useContext(I18n)
+
+  return (
+    <span>
+      {ProviderConfig[provideName]?.selector?.name[locale]}
+    </span>
+  )
+}
+export default React.memo(ProviderName)
diff --git a/web/app/components/app/configuration/debug/index.tsx b/web/app/components/app/configuration/debug/index.tsx
index fd985606ce..1abb55eef4 100644
--- a/web/app/components/app/configuration/debug/index.tsx
+++ b/web/app/components/app/configuration/debug/index.tsx
@@ -12,7 +12,7 @@ import FormattingChanged from '../base/warning-mask/formatting-changed'
 import GroupName from '../base/group-name'
 import { AppType } from '@/types/app'
 import PromptValuePanel, { replaceStringWithValues } from '@/app/components/app/configuration/prompt-value-panel'
-import type { IChatItem } from '@/app/components/app/chat'
+import type { IChatItem } from '@/app/components/app/chat/type'
 import Chat from '@/app/components/app/chat'
 import ConfigContext from '@/context/debug-configuration'
 import { ToastContext } from '@/app/components/base/toast'
diff --git a/web/app/components/app/configuration/index.tsx b/web/app/components/app/configuration/index.tsx
index b857235201..0d2363b9a6 100644
--- a/web/app/components/app/configuration/index.tsx
+++ b/web/app/components/app/configuration/index.tsx
@@ -284,6 +284,7 @@ const Configuration: FC = () => {
               {/* Model and Parameters */}
               <ConfigModel
                 mode={mode}
+                provider={modelConfig.provider as ProviderType}
                 completionParams={completionParams}
                 modelId={modelConfig.model_id}
                 setModelId={setModelId}
diff --git a/web/app/components/app/overview/apikey-info-panel/index.tsx b/web/app/components/app/overview/apikey-info-panel/index.tsx
new file mode 100644
index 0000000000..8c1368c7b3
--- /dev/null
+++ b/web/app/components/app/overview/apikey-info-panel/index.tsx
@@ -0,0 +1,127 @@
+'use client'
+import type { FC } from 'react'
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import cn from 'classnames'
+import useSWR from 'swr'
+import Progress from './progress'
+import Button from '@/app/components/base/button'
+import { LinkExternal02, XClose } from '@/app/components/base/icons/src/vender/line/general'
+import AccountSetting from '@/app/components/header/account-setting'
+import { fetchTenantInfo } from '@/service/common'
+import { IS_CE_EDITION } from '@/config'
+import { useProviderContext } from '@/context/provider-context'
+
+const APIKeyInfoPanel: FC = () => {
+  const isCloud = !IS_CE_EDITION
+  const { providers }: any = useProviderContext()
+
+  const { t } = useTranslation()
+
+  const [showSetAPIKeyModal, setShowSetAPIKeyModal] = useState(false)
+
+  const [isShow, setIsShow] = useState(true)
+
+  const { data: userInfo } = useSWR({ url: '/info' }, fetchTenantInfo)
+  if (!userInfo)
+    return null
+
+  const hasBindAPI = userInfo?.providers?.find(({ token_is_set }) => token_is_set)
+  if (hasBindAPI)
+    return null
+
+  // first show in trail and not used exhausted, else find the exhausted
+  const [used, total, providerName] = (() => {
+    if (!providers || !isCloud)
+      return [0, 0, '']
+    let used = 0
+    let total = 0
+    let trailProviderName = ''
+    let hasFoundNotExhausted = false
+    Object.keys(providers).forEach((providerName) => {
+      if (hasFoundNotExhausted)
+        return
+      providers[providerName].providers.forEach(({ quota_type, quota_limit, quota_used }: any) => {
+        if (quota_type === 'trial') {
+          if (quota_limit !== quota_used)
+            hasFoundNotExhausted = true
+
+          used = quota_used
+          total = quota_limit
+          trailProviderName = providerName
+        }
+      })
+    })
+    return [used, total, trailProviderName]
+  })()
+  const usedPercent = Math.round(used / total * 100)
+  const exhausted = isCloud && usedPercent === 100
+  if (!(isShow))
+    return null
+
+  return (
+    <div className={cn(exhausted ? 'bg-[#FEF3F2] border-[#FEE4E2]' : 'bg-[#EFF4FF] border-[#D1E0FF]', 'mb-6 relative  rounded-2xl shadow-md border  p-8 ')}>
+      <div className={cn('text-[24px] text-gray-800 font-semibold', isCloud ? 'flex items-center h-8 space-x-1' : 'leading-8 mb-6')}>
+        {isCloud && <em-emoji id={exhausted ? '🤔' : '😀'} />}
+        {isCloud
+          ? (
+            <div>{t(`appOverview.apiKeyInfo.cloud.${exhausted ? 'exhausted' : 'trial'}.title`, { providerName })}</div>
+          )
+          : (
+            <div>
+              <div>{t('appOverview.apiKeyInfo.selfHost.title.row1')}</div>
+              <div>{t('appOverview.apiKeyInfo.selfHost.title.row2')}</div>
+            </div>
+          )}
+      </div>
+      {isCloud && (
+        <div className='mt-1 text-sm text-gray-600 font-normal'>{t(`appOverview.apiKeyInfo.cloud.${exhausted ? 'exhausted' : 'trial'}.description`)}</div>
+      )}
+      {/* Call times info */}
+      {isCloud && (
+        <div className='my-5'>
+          <div className='flex items-center h-5 space-x-2 text-sm text-gray-700 font-medium'>
+            <div>{t('appOverview.apiKeyInfo.callTimes')}</div>
+            <div>·</div>
+            <div className={cn('font-semibold', exhausted && 'text-[#D92D20]')}>{used}/{total}</div>
+          </div>
+          <Progress className='mt-2' value={usedPercent} />
+        </div>
+      )}
+      <Button
+        type='primary'
+        className='space-x-2'
+        onClick={() => {
+          setShowSetAPIKeyModal(true)
+        }}
+      >
+        <div className='text-sm font-medium'>{t('appOverview.apiKeyInfo.setAPIBtn')}</div>
+        <LinkExternal02 className='w-4 h-4' />
+      </Button>
+      {!isCloud && (
+        <a
+          className='mt-2 flex items-center h-[26px] text-xs  font-medium text-[#155EEF] p-1 space-x-1'
+          href='https://cloud.dify.ai/apps'
+          target='_blank'
+        >
+          <div>{t('appOverview.apiKeyInfo.tryCloud')}</div>
+          <LinkExternal02 className='w-3 h-3' />
+        </a>
+      )}
+      <div
+        onClick={() => setIsShow(false)}
+        className='absolute right-4 top-4 flex items-center justify-center w-8 h-8 cursor-pointer '>
+        <XClose className='w-4 h-4 text-gray-500' />
+      </div>
+
+      {
+        showSetAPIKeyModal && (
+          <AccountSetting activeTab="provider" onCancel={async () => {
+            setShowSetAPIKeyModal(false)
+          }} />
+        )
+      }
+    </div>
+  )
+}
+export default React.memo(APIKeyInfoPanel)
diff --git a/web/app/components/app/overview/apikey-info-panel/progress/index.tsx b/web/app/components/app/overview/apikey-info-panel/progress/index.tsx
new file mode 100644
index 0000000000..3e869f015a
--- /dev/null
+++ b/web/app/components/app/overview/apikey-info-panel/progress/index.tsx
@@ -0,0 +1,29 @@
+'use client'
+import type { FC } from 'react'
+import React from 'react'
+import cn from 'classnames'
+import s from './style.module.css'
+
+export type IProgressProps = {
+  className?: string
+  value: number // percent
+}
+
+const Progress: FC<IProgressProps> = ({
+  className,
+  value,
+}) => {
+  const exhausted = value === 100
+  return (
+    <div className={cn(className, 'relative grow h-2 flex bg-gray-200 rounded-md overflow-hidden')}>
+      <div
+        className={cn(s.bar, exhausted && s['bar-error'], 'absolute top-0 left-0 right-0 bottom-0')}
+        style={{ width: `${value}%` }}
+      />
+      {Array(10).fill(0).map((i, k) => (
+        <div key={k} className={s['bar-item']} />
+      ))}
+    </div>
+  )
+}
+export default React.memo(Progress)
diff --git a/web/app/components/header/account-setting/provider-page/openai-hosted-provider/index.module.css b/web/app/components/app/overview/apikey-info-panel/progress/style.module.css
similarity index 68%
rename from web/app/components/header/account-setting/provider-page/openai-hosted-provider/index.module.css
rename to web/app/components/app/overview/apikey-info-panel/progress/style.module.css
index 2c5eb75b9d..94c3ef45cf 100644
--- a/web/app/components/header/account-setting/provider-page/openai-hosted-provider/index.module.css
+++ b/web/app/components/app/overview/apikey-info-panel/progress/style.module.css
@@ -1,11 +1,3 @@
-.icon {
-  width: 24px;
-  height: 24px;
-  margin-right: 12px;
-  background: url(../../../assets/gpt.svg) center center no-repeat;
-  background-size: contain;
-}
-
 .bar {
   background: linear-gradient(90deg, rgba(41, 112, 255, 0.9) 0%, rgba(21, 94, 239, 0.9) 100%);
 }
diff --git a/web/app/components/app/overview/appCard.tsx b/web/app/components/app/overview/appCard.tsx
index 0a2f8e73f9..067dddafe2 100644
--- a/web/app/components/app/overview/appCard.tsx
+++ b/web/app/components/app/overview/appCard.tsx
@@ -110,7 +110,7 @@ function AppCard({
 
   return (
     <div
-      className={`flex flex-col w-full shadow-sm border-[0.5px] rounded-lg border-gray-200 ${className ?? ''}`}
+      className={`flex flex-col w-full shadow-xs border-[0.5px] rounded-lg border-gray-200 ${className ?? ''}`}
     >
       <div className={`px-6 py-4 ${customBgColor ?? bgColor} rounded-lg`}>
         <div className="mb-2.5 flex flex-row items-start justify-between">
diff --git a/web/app/components/app/overview/appChart.tsx b/web/app/components/app/overview/appChart.tsx
index 2f0986f426..d9319e85aa 100644
--- a/web/app/components/app/overview/appChart.tsx
+++ b/web/app/components/app/overview/appChart.tsx
@@ -225,7 +225,7 @@ const Chart: React.FC<IChartProps> = ({
   const sumData = isAvg ? (sum(yData) / yData.length) : sum(yData)
 
   return (
-    <div className={`flex flex-col w-full px-6 py-4 border-[0.5px] rounded-lg border-gray-200 shadow-sm ${className ?? ''}`}>
+    <div className={`flex flex-col w-full px-6 py-4 border-[0.5px] rounded-lg border-gray-200 shadow-xs ${className ?? ''}`}>
       <div className='mb-3'>
         <Basic name={title} type={timePeriod} hoverTip={explanation} />
       </div>
diff --git a/web/app/components/base/confirm/common.module.css b/web/app/components/base/confirm/common.module.css
new file mode 100644
index 0000000000..5c3e8443e7
--- /dev/null
+++ b/web/app/components/base/confirm/common.module.css
@@ -0,0 +1,3 @@
+.wrapper {
+  background: linear-gradient(180deg, rgba(217, 45, 32, 0.05) 0%, rgba(217, 45, 32, 0.00) 24.02%), #F9FAFB;
+}
\ No newline at end of file
diff --git a/web/app/components/base/confirm/common.tsx b/web/app/components/base/confirm/common.tsx
new file mode 100644
index 0000000000..9bd73a86fd
--- /dev/null
+++ b/web/app/components/base/confirm/common.tsx
@@ -0,0 +1,69 @@
+import type { FC, ReactElement } from 'react'
+import { useTranslation } from 'react-i18next'
+import cn from 'classnames'
+import s from './common.module.css'
+import Modal from '@/app/components/base/modal'
+import { XClose } from '@/app/components/base/icons/src/vender/line/general'
+import { AlertCircle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import Button from '@/app/components/base/button'
+
+type ConfirmCommonProps = {
+  type?: string
+  isShow: boolean
+  onCancel: () => void
+  title: string
+  desc?: string
+  onConfirm: () => void
+}
+
+const ConfirmCommon: FC<ConfirmCommonProps> = ({
+  type = 'danger',
+  isShow,
+  onCancel,
+  title,
+  desc,
+  onConfirm,
+}) => {
+  const { t } = useTranslation()
+
+  const CONFIRM_MAP: Record<string, { icon: ReactElement; confirmText: string }> = {
+    danger: {
+      icon: <AlertCircle className='w-6 h-6 text-[#D92D20]' />,
+      confirmText: t('common.operation.remove'),
+    },
+  }
+
+  return (
+    <Modal isShow={isShow} onClose={() => {}} className='!w-[480px] !max-w-[480px] !p-0 !rounded-2xl'>
+      <div className={cn(s.wrapper, 'relative p-8')}>
+        <div className='flex items-center justify-center absolute top-4 right-4 w-8 h-8 cursor-pointer' onClick={onCancel}>
+          <XClose className='w-4 h-4 text-gray-500' />
+        </div>
+        <div className='flex items-center justify-center mb-3 w-12 h-12 bg-white shadow-xl rounded-xl'>
+          {CONFIRM_MAP[type].icon}
+        </div>
+        <div className='text-xl font-semibold text-gray-900'>{title}</div>
+        {
+          desc && <div className='mt-1 text-sm text-gray-500'>{desc}</div>
+        }
+        <div className='flex items-center justify-end mt-10'>
+          <Button
+            className='mr-2 min-w-24 text-sm font-medium !text-gray-700'
+            onClick={onCancel}
+          >
+            {t('common.operation.cancel')}
+          </Button>
+          <Button
+            type='primary'
+            className=''
+            onClick={onConfirm}
+          >
+            {CONFIRM_MAP[type].confirmText}
+          </Button>
+        </div>
+      </div>
+    </Modal>
+  )
+}
+
+export default ConfirmCommon
diff --git a/web/app/components/base/icons/assets/image/llm/minimax-text.png b/web/app/components/base/icons/assets/image/llm/minimax-text.png
new file mode 100644
index 0000000000..5066b525f9
Binary files /dev/null and b/web/app/components/base/icons/assets/image/llm/minimax-text.png differ
diff --git a/web/app/components/base/icons/assets/image/llm/minimax.png b/web/app/components/base/icons/assets/image/llm/minimax.png
new file mode 100644
index 0000000000..30c71e9bd3
Binary files /dev/null and b/web/app/components/base/icons/assets/image/llm/minimax.png differ
diff --git a/web/app/components/base/icons/assets/image/llm/tongyi-text-cn.png b/web/app/components/base/icons/assets/image/llm/tongyi-text-cn.png
new file mode 100644
index 0000000000..bd8f2762d1
Binary files /dev/null and b/web/app/components/base/icons/assets/image/llm/tongyi-text-cn.png differ
diff --git a/web/app/components/base/icons/assets/image/llm/tongyi-text.png b/web/app/components/base/icons/assets/image/llm/tongyi-text.png
new file mode 100644
index 0000000000..94de01136a
Binary files /dev/null and b/web/app/components/base/icons/assets/image/llm/tongyi-text.png differ
diff --git a/web/app/components/base/icons/assets/image/llm/tongyi.png b/web/app/components/base/icons/assets/image/llm/tongyi.png
new file mode 100644
index 0000000000..c1aff40ee0
Binary files /dev/null and b/web/app/components/base/icons/assets/image/llm/tongyi.png differ
diff --git a/web/app/components/base/icons/assets/image/llm/wxyy-text-cn.png b/web/app/components/base/icons/assets/image/llm/wxyy-text-cn.png
new file mode 100644
index 0000000000..669d3c7a25
Binary files /dev/null and b/web/app/components/base/icons/assets/image/llm/wxyy-text-cn.png differ
diff --git a/web/app/components/base/icons/assets/image/llm/wxyy-text.png b/web/app/components/base/icons/assets/image/llm/wxyy-text.png
new file mode 100644
index 0000000000..fb50487cce
Binary files /dev/null and b/web/app/components/base/icons/assets/image/llm/wxyy-text.png differ
diff --git a/web/app/components/base/icons/assets/image/llm/wxyy.png b/web/app/components/base/icons/assets/image/llm/wxyy.png
new file mode 100644
index 0000000000..923919958a
Binary files /dev/null and b/web/app/components/base/icons/assets/image/llm/wxyy.png differ
diff --git a/web/app/components/base/icons/assets/public/llm/anthropic-text.svg b/web/app/components/base/icons/assets/public/llm/anthropic-text.svg
new file mode 100644
index 0000000000..cace17da73
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/anthropic-text.svg
@@ -0,0 +1,78 @@
+<svg width="90" height="20" viewBox="0 0 90 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_8587_60274)">
+<mask id="mask0_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M89.375 4.99805H0V14.998H89.375V4.99805Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_8587_60274)">
+<mask id="mask1_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99609H89.375V14.9961H0V4.99609Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_8587_60274)">
+<mask id="mask2_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99414H89.375V14.9941H0V4.99414Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_8587_60274)">
+<mask id="mask3_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99219H89.375V14.9922H0V4.99219Z" fill="white"/>
+</mask>
+<g mask="url(#mask3_8587_60274)">
+<path d="M18.1273 11.9244L13.7773 5.15625H11.4297V14.825H13.4321V8.05688L17.7821 14.825H20.1297V5.15625H18.1273V11.9244Z" fill="black" fill-opacity="0.92"/>
+</g>
+<mask id="mask4_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99219H89.375V14.9922H0V4.99219Z" fill="white"/>
+</mask>
+<g mask="url(#mask4_8587_60274)">
+<path d="M21.7969 7.02094H25.0423V14.825H27.1139V7.02094H30.3594V5.15625H21.7969V7.02094Z" fill="black" fill-opacity="0.92"/>
+</g>
+<mask id="mask5_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99219H89.375V14.9922H0V4.99219Z" fill="white"/>
+</mask>
+<g mask="url(#mask5_8587_60274)">
+<path d="M38.6442 9.00994H34.0871V5.15625H32.0156V14.825H34.0871V10.8746H38.6442V14.825H40.7156V5.15625H38.6442V9.00994Z" fill="black" fill-opacity="0.92"/>
+</g>
+<mask id="mask6_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99219H89.375V14.9922H0V4.99219Z" fill="white"/>
+</mask>
+<g mask="url(#mask6_8587_60274)">
+<path d="M45.3376 7.02094H47.893C48.9152 7.02094 49.4539 7.39387 49.4539 8.09831C49.4539 8.80275 48.9152 9.17569 47.893 9.17569H45.3376V7.02094ZM51.5259 8.09831C51.5259 6.27506 50.186 5.15625 47.9897 5.15625H43.2656V14.825H45.3376V11.0404H47.6443L49.7164 14.825H52.0094L49.715 10.7521C50.8666 10.3094 51.5259 9.37721 51.5259 8.09831Z" fill="black" fill-opacity="0.92"/>
+</g>
+<mask id="mask7_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99219H89.375V14.9922H0V4.99219Z" fill="white"/>
+</mask>
+<g mask="url(#mask7_8587_60274)">
+<path d="M57.8732 13.0565C56.2438 13.0565 55.2496 11.8963 55.2496 10.004C55.2496 8.08416 56.2438 6.92394 57.8732 6.92394C59.4887 6.92394 60.4691 8.08416 60.4691 10.004C60.4691 11.8963 59.4887 13.0565 57.8732 13.0565ZM57.8732 4.99023C55.0839 4.99023 53.1094 7.06206 53.1094 10.004C53.1094 12.9184 55.0839 14.9902 57.8732 14.9902C60.6486 14.9902 62.6094 12.9184 62.6094 10.004C62.6094 7.06206 60.6486 4.99023 57.8732 4.99023Z" fill="black" fill-opacity="0.92"/>
+</g>
+<mask id="mask8_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99219H89.375V14.9922H0V4.99219Z" fill="white"/>
+</mask>
+<g mask="url(#mask8_8587_60274)">
+<path d="M69.1794 9.45194H66.6233V7.02094H69.1794C70.2019 7.02094 70.7407 7.43532 70.7407 8.23644C70.7407 9.03756 70.2019 9.45194 69.1794 9.45194ZM69.2762 5.15625H64.5508V14.825H66.6233V11.3166H69.2762C71.473 11.3166 72.8133 10.1564 72.8133 8.23644C72.8133 6.3165 71.473 5.15625 69.2762 5.15625Z" fill="black" fill-opacity="0.92"/>
+</g>
+<mask id="mask9_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99219H89.375V14.9922H0V4.99219Z" fill="white"/>
+</mask>
+<g mask="url(#mask9_8587_60274)">
+<path d="M86.8413 11.5786C86.4823 12.5179 85.7642 13.0565 84.7837 13.0565C83.1542 13.0565 82.16 11.8963 82.16 10.004C82.16 8.08416 83.1542 6.92394 84.7837 6.92394C85.7642 6.92394 86.4823 7.46261 86.8413 8.40183H89.0369C88.4984 6.33002 86.8827 4.99023 84.7837 4.99023C81.9942 4.99023 80.0195 7.06206 80.0195 10.004C80.0195 12.9184 81.9942 14.9902 84.7837 14.9902C86.8965 14.9902 88.5122 13.6366 89.0508 11.5786H86.8413Z" fill="black" fill-opacity="0.92"/>
+</g>
+<mask id="mask10_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99219H89.375V14.9922H0V4.99219Z" fill="white"/>
+</mask>
+<g mask="url(#mask10_8587_60274)">
+<path d="M73.6484 5.15625L77.5033 14.825H79.6172L75.7624 5.15625H73.6484Z" fill="black" fill-opacity="0.92"/>
+</g>
+<mask id="mask11_8587_60274" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="4" width="90" height="11">
+<path d="M0 4.99219H89.375V14.9922H0V4.99219Z" fill="white"/>
+</mask>
+<g mask="url(#mask11_8587_60274)">
+<path d="M3.64038 10.9989L4.95938 7.60106L6.27838 10.9989H3.64038ZM3.85422 5.15625L0 14.825H2.15505L2.9433 12.7946H6.97558L7.76371 14.825H9.91875L6.06453 5.15625H3.85422Z" fill="black" fill-opacity="0.92"/>
+</g>
+</g>
+</g>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_8587_60274">
+<rect width="89.375" height="10" fill="white" transform="translate(0 5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/anthropic.svg b/web/app/components/base/icons/assets/public/llm/anthropic.svg
index 82c93163f9..d852f04401 100644
--- a/web/app/components/base/icons/assets/public/llm/anthropic.svg
+++ b/web/app/components/base/icons/assets/public/llm/anthropic.svg
@@ -1,12 +1,4 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="24" height="24" rx="6" fill="#CA9F7B"/>
-<g clip-path="url(#clip0_7672_55906)">
-<path d="M15.3843 6.43457H12.9687L17.3739 17.565H19.7896L15.3843 6.43457ZM8.40522 6.43457L4 17.565H6.4633L7.36417 15.2276H11.9729L12.8737 17.565H15.337L10.9318 6.43457H8.40522ZM8.16104 13.1605L9.66852 9.24883L11.176 13.1605H8.16104Z" fill="#191918"/>
-</g>
-<rect x="0.5" y="0.5" width="23" height="23" rx="5.5" stroke="black" stroke-opacity="0.05"/>
-<defs>
-<clipPath id="clip0_7672_55906">
-<rect width="16" height="11.1304" fill="white" transform="translate(4 6.43457)"/>
-</clipPath>
-</defs>
+<path d="M15.3843 6.43481H12.9687L17.3739 17.5652H19.7896L15.3843 6.43481ZM8.40522 6.43481L4 17.5652H6.4633L7.36417 15.2279H11.9729L12.8737 17.5652H15.337L10.9318 6.43481H8.40522ZM8.16104 13.1607L9.66852 9.24907L11.176 13.1607H8.16104Z" fill="#191918"/>
 </svg>
diff --git a/web/app/components/base/icons/assets/public/llm/azure-openai-service-text.svg b/web/app/components/base/icons/assets/public/llm/azure-openai-service-text.svg
new file mode 100644
index 0000000000..7485c44311
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/azure-openai-service-text.svg
@@ -0,0 +1,25 @@
+<svg width="212" height="24" viewBox="0 0 212 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="1.5" width="10" height="10" fill="#EF4F21"/>
+<rect x="2" y="12.5" width="10" height="10" fill="#03A4EE"/>
+<rect x="13" y="1.5" width="10" height="10" fill="#7EB903"/>
+<rect x="13" y="12.5" width="10" height="10" fill="#FBB604"/>
+<path d="M52.276 10.0045C52.7751 8.50639 52.6033 6.86529 51.8051 5.50264C50.6048 3.41259 48.1917 2.33732 45.835 2.84333C44.7866 1.66218 43.2803 0.990477 41.7011 1.0001C39.2922 0.994602 37.1548 2.54563 36.4137 4.83781C34.8661 5.15475 33.5304 6.12346 32.7487 7.49643C31.5394 9.58097 31.8151 12.2087 33.4307 13.9962C32.9316 15.4943 33.1034 17.1354 33.9016 18.498C35.1019 20.5881 37.515 21.6634 39.8717 21.1573C40.9195 22.3385 42.4264 23.0102 44.0056 22.9999C46.4159 23.0061 48.554 21.4537 49.2951 19.1594C50.8426 18.8425 52.1784 17.8738 52.9601 16.5008C54.168 14.4163 53.8916 11.7906 52.2767 10.0031L52.276 10.0045ZM44.007 21.5623C43.0424 21.5637 42.1081 21.2261 41.3677 20.608C41.4014 20.5901 41.4598 20.5578 41.4976 20.5345L45.8783 18.0044C46.1024 17.8772 46.2399 17.6386 46.2385 17.3808V11.2049L48.0899 12.274C48.1099 12.2836 48.1229 12.3028 48.1257 12.3248V17.4393C48.1229 19.7136 46.2812 21.5575 44.007 21.5623ZM35.1494 17.7789C34.6661 16.9443 34.4921 15.9659 34.6578 15.0165C34.6901 15.0357 34.7472 15.0708 34.7878 15.0942L39.1684 17.6242C39.3905 17.7541 39.6655 17.7541 39.8882 17.6242L45.2362 14.5359V16.6741C45.2376 16.6961 45.2272 16.7174 45.2101 16.7311L40.782 19.288C38.8096 20.4238 36.2906 19.7486 35.1501 17.7789H35.1494ZM33.9965 8.21626C34.4777 7.38024 35.2374 6.74085 36.1421 6.40878C36.1421 6.44659 36.1401 6.51328 36.1401 6.56003V11.6208C36.1387 11.878 36.2762 12.1165 36.4996 12.2437L41.8476 15.3313L39.9962 16.4004C39.9776 16.4128 39.9542 16.4149 39.9336 16.4059L35.5048 13.847C33.5365 12.7071 32.8614 10.1887 33.9958 8.21694L33.9965 8.21626ZM49.2078 11.7563L43.8598 8.66795L45.7112 7.59956C45.7298 7.58718 45.7532 7.58512 45.7738 7.59406L50.2026 10.1509C52.1743 11.2901 52.8501 13.8126 51.7109 15.7844C51.229 16.6191 50.47 17.2584 49.566 17.5912V12.3792C49.568 12.122 49.4312 11.8841 49.2085 11.7563H49.2078ZM51.0502 8.98284C51.0179 8.9629 50.9609 8.92852 50.9203 8.90515L46.5397 6.37509C46.3176 6.24515 46.0426 6.24515 45.8199 6.37509L40.4719 9.46341V7.32524C40.4705 7.30324 40.4808 7.28192 40.498 7.26817L44.9261 4.71337C46.8985 3.57553 49.4202 4.25273 50.5573 6.2259C51.0379 7.05917 51.2118 8.03475 51.0489 8.98284H51.0502ZM39.4654 12.7937L37.6133 11.7246C37.5934 11.715 37.5803 11.6958 37.5776 11.6738V6.55935C37.579 4.2823 39.4262 2.43701 41.7032 2.43838C42.6664 2.43838 43.5986 2.77664 44.339 3.39265C44.3053 3.41053 44.2476 3.44284 44.2091 3.46622L39.8284 5.99627C39.6043 6.12346 39.4668 6.36134 39.4682 6.61916L39.4654 12.7924V12.7937ZM40.4712 10.6253L42.8534 9.24959L45.2355 10.6246V13.3754L42.8534 14.7504L40.4712 13.3754V10.6253Z" fill="black"/>
+<path d="M64.0195 17.0001H62.0508L65.6353 6.81824H67.9123L71.5018 17.0001H69.533L66.8136 8.90631H66.734L64.0195 17.0001ZM64.0842 13.0079H69.4535V14.4894H64.0842V13.0079Z" fill="#1D2939"/>
+<path d="M72.6639 17.0001V15.8566L76.6014 10.9198V10.8552H72.7931V9.36369H78.8038V10.5917L75.0552 15.4439V15.5086H78.9331V17.0001H72.6639Z" fill="#1D2939"/>
+<path d="M85.4918 13.7884V9.36369H87.2915V17.0001H85.5465V15.6428H85.467C85.2946 16.0704 85.0112 16.42 84.6168 16.6918C84.2257 16.9636 83.7435 17.0995 83.1701 17.0995C82.6696 17.0995 82.2272 16.9885 81.8427 16.7664C81.4615 16.541 81.1632 16.2145 80.9478 15.787C80.7324 15.3561 80.6246 14.8358 80.6246 14.2259V9.36369H82.4244V13.9475C82.4244 14.4314 82.5569 14.8159 82.8221 15.1009C83.0872 15.3859 83.4352 15.5285 83.8661 15.5285C84.1313 15.5285 84.3881 15.4638 84.6367 15.3346C84.8853 15.2053 85.0891 15.0131 85.2482 14.7579C85.4106 14.4993 85.4918 14.1762 85.4918 13.7884Z" fill="#1D2939"/>
+<path d="M89.1422 17.0001V9.36369H90.8873V10.6364H90.9668C91.106 10.1956 91.3446 9.85588 91.6827 9.61724C92.0241 9.37529 92.4135 9.25432 92.851 9.25432C92.9505 9.25432 93.0615 9.25929 93.1841 9.26923C93.3101 9.27586 93.4145 9.28746 93.4973 9.30403V10.9596C93.4211 10.9331 93.3001 10.9099 93.1344 10.89C92.972 10.8668 92.8146 10.8552 92.6621 10.8552C92.334 10.8552 92.039 10.9264 91.7772 11.0689C91.5186 11.2082 91.3148 11.402 91.1657 11.6506C91.0165 11.8992 90.9419 12.1859 90.9419 12.5107V17.0001H89.1422Z" fill="#1D2939"/>
+<path d="M97.7592 17.1492C96.9936 17.1492 96.3324 16.9901 95.7756 16.6719C95.2221 16.3504 94.7962 15.8964 94.4979 15.3097C94.1996 14.7198 94.0504 14.0254 94.0504 13.2266C94.0504 12.4411 94.1996 11.7517 94.4979 11.1584C94.7995 10.5618 95.2204 10.0978 95.7607 9.76639C96.3009 9.43164 96.9356 9.26426 97.6648 9.26426C98.1354 9.26426 98.5795 9.34049 98.9972 9.49295C99.4181 9.6421 99.7893 9.87411 100.111 10.189C100.436 10.5038 100.691 10.9049 100.876 11.3921C101.062 11.876 101.155 12.4527 101.155 13.1222V13.6741H94.8956V12.461H99.4297C99.4264 12.1163 99.3518 11.8097 99.206 11.5412C99.0601 11.2695 98.8563 11.0557 98.5945 10.8999C98.3359 10.7441 98.0343 10.6662 97.6896 10.6662C97.3217 10.6662 96.9986 10.7557 96.7202 10.9347C96.4418 11.1104 96.2247 11.3424 96.0689 11.6307C95.9164 11.9158 95.8385 12.229 95.8352 12.5704V13.6293C95.8352 14.0734 95.9164 14.4546 96.0788 14.7728C96.2412 15.0877 96.4683 15.3296 96.7599 15.4986C97.0516 15.6644 97.393 15.7472 97.7841 15.7472C98.0459 15.7472 98.2829 15.7108 98.495 15.6378C98.7071 15.5616 98.8911 15.4506 99.0469 15.3047C99.2027 15.1589 99.3203 14.9783 99.3999 14.7628L101.08 14.9518C100.974 15.3959 100.772 15.7837 100.474 16.1151C100.179 16.4432 99.8009 16.6984 99.3402 16.8807C98.8795 17.0597 98.3525 17.1492 97.7592 17.1492Z" fill="#1D2939"/>
+<path d="M115.328 11.9091C115.328 13.0062 115.122 13.9458 114.711 14.728C114.303 15.5069 113.747 16.1035 113.041 16.5178C112.338 16.9321 111.541 17.1393 110.649 17.1393C109.758 17.1393 108.959 16.9321 108.253 16.5178C107.55 16.1002 106.994 15.5019 106.583 14.7231C106.175 13.9409 105.971 13.0029 105.971 11.9091C105.971 10.8121 106.175 9.87411 106.583 9.09523C106.994 8.31303 107.55 7.71478 108.253 7.30048C108.959 6.88618 109.758 6.67903 110.649 6.67903C111.541 6.67903 112.338 6.88618 113.041 7.30048C113.747 7.71478 114.303 8.31303 114.711 9.09523C115.122 9.87411 115.328 10.8121 115.328 11.9091ZM113.473 11.9091C113.473 11.1369 113.352 10.4856 113.11 9.95531C112.872 9.42169 112.54 9.019 112.116 8.74721C111.692 8.47212 111.203 8.33457 110.649 8.33457C110.096 8.33457 109.607 8.47212 109.183 8.74721C108.758 9.019 108.425 9.42169 108.183 9.95531C107.945 10.4856 107.825 11.1369 107.825 11.9091C107.825 12.6814 107.945 13.3343 108.183 13.868C108.425 14.3983 108.758 14.801 109.183 15.076C109.607 15.3478 110.096 15.4837 110.649 15.4837C111.203 15.4837 111.692 15.3478 112.116 15.076C112.54 14.801 112.872 14.3983 113.11 13.868C113.352 13.3343 113.473 12.6814 113.473 11.9091Z" fill="#1D2939"/>
+<path d="M116.992 19.8637V9.36369H118.762V10.6265H118.866C118.959 10.4409 119.09 10.2437 119.259 10.0349C119.428 9.82274 119.657 9.6421 119.945 9.49295C120.233 9.34049 120.601 9.26426 121.049 9.26426C121.639 9.26426 122.171 9.41507 122.645 9.71667C123.122 10.015 123.5 10.4574 123.778 11.0441C124.06 11.6274 124.201 12.3433 124.201 13.1918C124.201 14.0304 124.063 14.743 123.788 15.3296C123.513 15.9162 123.138 16.3637 122.664 16.6719C122.19 16.9802 121.654 17.1343 121.054 17.1343C120.616 17.1343 120.253 17.0614 119.965 16.9155C119.676 16.7697 119.444 16.594 119.269 16.3885C119.096 16.1797 118.962 15.9825 118.866 15.7969H118.792V19.8637H116.992ZM118.757 13.1819C118.757 13.6757 118.826 14.1082 118.966 14.4795C119.108 14.8507 119.312 15.1407 119.577 15.3495C119.846 15.555 120.17 15.6577 120.551 15.6577C120.949 15.6577 121.282 15.5517 121.551 15.3395C121.819 15.1241 122.021 14.8308 122.157 14.4596C122.297 14.085 122.366 13.6591 122.366 13.1819C122.366 12.7079 122.298 12.287 122.162 11.9191C122.026 11.5512 121.824 11.2628 121.556 11.054C121.287 10.8452 120.953 10.7408 120.551 10.7408C120.167 10.7408 119.841 10.8419 119.572 11.0441C119.304 11.2463 119.1 11.5296 118.961 11.8942C118.825 12.2588 118.757 12.688 118.757 13.1819Z" fill="#1D2939"/>
+<path d="M129.123 17.1492C128.357 17.1492 127.696 16.9901 127.139 16.6719C126.585 16.3504 126.159 15.8964 125.861 15.3097C125.563 14.7198 125.414 14.0254 125.414 13.2266C125.414 12.4411 125.563 11.7517 125.861 11.1584C126.163 10.5618 126.584 10.0978 127.124 9.76639C127.664 9.43164 128.299 9.26426 129.028 9.26426C129.499 9.26426 129.943 9.34049 130.36 9.49295C130.781 9.6421 131.153 9.87411 131.474 10.189C131.799 10.5038 132.054 10.9049 132.24 11.3921C132.425 11.876 132.518 12.4527 132.518 13.1222V13.6741H126.259V12.461H130.793C130.79 12.1163 130.715 11.8097 130.569 11.5412C130.423 11.2695 130.22 11.0557 129.958 10.8999C129.699 10.7441 129.398 10.6662 129.053 10.6662C128.685 10.6662 128.362 10.7557 128.083 10.9347C127.805 11.1104 127.588 11.3424 127.432 11.6307C127.28 11.9158 127.202 12.229 127.199 12.5704V13.6293C127.199 14.0734 127.28 14.4546 127.442 14.7728C127.605 15.0877 127.832 15.3296 128.123 15.4986C128.415 15.6644 128.756 15.7472 129.147 15.7472C129.409 15.7472 129.646 15.7108 129.858 15.6378C130.07 15.5616 130.254 15.4506 130.41 15.3047C130.566 15.1589 130.684 14.9783 130.763 14.7628L132.444 14.9518C132.337 15.3959 132.135 15.7837 131.837 16.1151C131.542 16.4432 131.164 16.6984 130.703 16.8807C130.243 17.0597 129.716 17.1492 129.123 17.1492Z" fill="#1D2939"/>
+<path d="M135.84 12.5256V17.0001H134.041V9.36369H135.761V10.6613H135.85C136.026 10.2337 136.306 9.894 136.691 9.6421C137.078 9.39021 137.557 9.26426 138.127 9.26426C138.654 9.26426 139.113 9.37695 139.504 9.60233C139.899 9.82771 140.204 10.1542 140.419 10.5817C140.638 11.0093 140.746 11.528 140.742 12.1378V17.0001H138.943V12.4162C138.943 11.9058 138.81 11.5064 138.545 11.2181C138.283 10.9297 137.92 10.7856 137.456 10.7856C137.141 10.7856 136.861 10.8552 136.616 10.9944C136.374 11.1303 136.183 11.3275 136.044 11.586C135.908 11.8445 135.84 12.1577 135.84 12.5256Z" fill="#1D2939"/>
+<path d="M143.959 17.0001H141.99L145.575 6.81824H147.852L151.441 17.0001H149.472L146.753 8.90631H146.673L143.959 17.0001ZM144.024 13.0079H149.393V14.4894H144.024V13.0079Z" fill="#1D2939"/>
+<path d="M154.627 6.81824V17.0001H152.782V6.81824H154.627Z" fill="#1D2939"/>
+<path d="M165.63 9.61724C165.584 9.18306 165.388 8.84499 165.044 8.60304C164.702 8.36109 164.258 8.24011 163.711 8.24011C163.327 8.24011 162.997 8.29811 162.722 8.41412C162.447 8.53012 162.236 8.68756 162.09 8.88642C161.945 9.08528 161.87 9.31232 161.867 9.56753C161.867 9.77965 161.915 9.9636 162.011 10.1194C162.11 10.2752 162.244 10.4077 162.414 10.5171C162.583 10.6232 162.77 10.7127 162.975 10.7856C163.181 10.8585 163.388 10.9198 163.597 10.9695L164.551 11.2082C164.936 11.2976 165.305 11.4186 165.66 11.5711C166.018 11.7235 166.338 11.9158 166.619 12.1478C166.905 12.3798 167.13 12.6599 167.296 12.988C167.461 13.3161 167.544 13.7006 167.544 14.1414C167.544 14.738 167.392 15.2633 167.087 15.7174C166.782 16.1681 166.341 16.5211 165.764 16.7763C165.191 17.0282 164.497 17.1542 163.681 17.1542C162.889 17.1542 162.201 17.0315 161.618 16.7863C161.038 16.541 160.584 16.1831 160.256 15.7124C159.931 15.2418 159.755 14.6684 159.729 13.9922H161.544C161.57 14.3469 161.679 14.6419 161.872 14.8772C162.064 15.1125 162.314 15.2882 162.622 15.4042C162.934 15.5202 163.282 15.5782 163.666 15.5782C164.067 15.5782 164.419 15.5185 164.72 15.3992C165.025 15.2766 165.264 15.1075 165.436 14.8921C165.609 14.6734 165.696 14.4181 165.7 14.1265C165.696 13.8613 165.619 13.6426 165.466 13.4702C165.314 13.2946 165.1 13.1487 164.825 13.0327C164.553 12.9134 164.235 12.8073 163.87 12.7145L162.712 12.4162C161.873 12.2008 161.21 11.8743 160.723 11.4368C160.239 10.996 159.997 10.411 159.997 9.68187C159.997 9.08197 160.16 8.55664 160.485 8.10588C160.813 7.65512 161.258 7.30545 161.822 7.05687C162.385 6.80498 163.023 6.67903 163.736 6.67903C164.459 6.67903 165.092 6.80498 165.635 7.05687C166.182 7.30545 166.611 7.65181 166.923 8.09594C167.234 8.53675 167.395 9.04385 167.405 9.61724H165.63Z" fill="#1D2939"/>
+<path d="M172.49 17.1492C171.724 17.1492 171.063 16.9901 170.506 16.6719C169.953 16.3504 169.527 15.8964 169.228 15.3097C168.93 14.7198 168.781 14.0254 168.781 13.2266C168.781 12.4411 168.93 11.7517 169.228 11.1584C169.53 10.5618 169.951 10.0978 170.491 9.76639C171.031 9.43164 171.666 9.26426 172.395 9.26426C172.866 9.26426 173.31 9.34049 173.728 9.49295C174.149 9.6421 174.52 9.87411 174.841 10.189C175.166 10.5038 175.421 10.9049 175.607 11.3921C175.792 11.876 175.885 12.4527 175.885 13.1222V13.6741H169.626V12.461H174.16C174.157 12.1163 174.082 11.8097 173.936 11.5412C173.791 11.2695 173.587 11.0557 173.325 10.8999C173.066 10.7441 172.765 10.6662 172.42 10.6662C172.052 10.6662 171.729 10.7557 171.451 10.9347C171.172 11.1104 170.955 11.3424 170.799 11.6307C170.647 11.9158 170.569 12.229 170.566 12.5704V13.6293C170.566 14.0734 170.647 14.4546 170.809 14.7728C170.972 15.0877 171.199 15.3296 171.49 15.4986C171.782 15.6644 172.123 15.7472 172.515 15.7472C172.776 15.7472 173.013 15.7108 173.225 15.6378C173.438 15.5616 173.622 15.4506 173.777 15.3047C173.933 15.1589 174.051 14.9783 174.13 14.7628L175.811 14.9518C175.705 15.3959 175.502 15.7837 175.204 16.1151C174.909 16.4432 174.531 16.6984 174.071 16.8807C173.61 17.0597 173.083 17.1492 172.49 17.1492Z" fill="#1D2939"/>
+<path d="M177.408 17.0001V9.36369H179.153V10.6364H179.232C179.372 10.1956 179.61 9.85588 179.948 9.61724C180.29 9.37529 180.679 9.25432 181.117 9.25432C181.216 9.25432 181.327 9.25929 181.45 9.26923C181.576 9.27586 181.68 9.28746 181.763 9.30403V10.9596C181.687 10.9331 181.566 10.9099 181.4 10.89C181.238 10.8668 181.08 10.8552 180.928 10.8552C180.6 10.8552 180.305 10.9264 180.043 11.0689C179.784 11.2082 179.58 11.402 179.431 11.6506C179.282 11.8992 179.208 12.1859 179.208 12.5107V17.0001H177.408Z" fill="#1D2939"/>
+<path d="M190.012 9.36369L187.293 17.0001H185.304L182.585 9.36369H184.504L186.259 15.0363H186.338L188.098 9.36369H190.012Z" fill="#1D2939"/>
+<path d="M191.257 17.0001V9.36369H193.057V17.0001H191.257ZM192.162 8.27989C191.877 8.27989 191.632 8.18542 191.426 7.9965C191.221 7.80427 191.118 7.57392 191.118 7.30545C191.118 7.03367 191.221 6.80332 191.426 6.6144C191.632 6.42217 191.877 6.32605 192.162 6.32605C192.451 6.32605 192.696 6.42217 192.898 6.6144C193.104 6.80332 193.206 7.03367 193.206 7.30545C193.206 7.57392 193.104 7.80427 192.898 7.9965C192.696 8.18542 192.451 8.27989 192.162 8.27989Z" fill="#1D2939"/>
+<path d="M198.239 17.1492C197.477 17.1492 196.822 16.9818 196.275 16.6471C195.731 16.3123 195.312 15.85 195.017 15.26C194.726 14.6667 194.58 13.984 194.58 13.2117C194.58 12.4361 194.729 11.7517 195.027 11.1584C195.325 10.5618 195.746 10.0978 196.29 9.76639C196.837 9.43164 197.483 9.26426 198.229 9.26426C198.849 9.26426 199.397 9.37861 199.874 9.6073C200.355 9.83268 200.738 10.1525 201.023 10.5668C201.308 10.9778 201.47 11.4584 201.51 12.0086H199.79C199.72 11.6407 199.555 11.3341 199.293 11.0888C199.034 10.8403 198.688 10.716 198.254 10.716C197.886 10.716 197.563 10.8154 197.284 11.0143C197.006 11.2098 196.789 11.4915 196.633 11.8594C196.481 12.2273 196.404 12.6681 196.404 13.1819C196.404 13.7022 196.481 14.1497 196.633 14.5242C196.785 14.8954 196.999 15.1821 197.274 15.3843C197.553 15.5832 197.879 15.6826 198.254 15.6826C198.519 15.6826 198.756 15.6329 198.965 15.5334C199.177 15.4307 199.354 15.2832 199.497 15.091C199.639 14.8987 199.737 14.6651 199.79 14.39H201.51C201.467 14.9302 201.308 15.4091 201.033 15.8268C200.758 16.2411 200.383 16.5659 199.909 16.8012C199.435 17.0332 198.878 17.1492 198.239 17.1492Z" fill="#1D2939"/>
+<path d="M206.369 17.1492C205.603 17.1492 204.942 16.9901 204.385 16.6719C203.831 16.3504 203.406 15.8964 203.107 15.3097C202.809 14.7198 202.66 14.0254 202.66 13.2266C202.66 12.4411 202.809 11.7517 203.107 11.1584C203.409 10.5618 203.83 10.0978 204.37 9.76639C204.91 9.43164 205.545 9.26426 206.274 9.26426C206.745 9.26426 207.189 9.34049 207.607 9.49295C208.027 9.6421 208.399 9.87411 208.72 10.189C209.045 10.5038 209.3 10.9049 209.486 11.3921C209.671 11.876 209.764 12.4527 209.764 13.1222V13.6741H203.505V12.461H208.039C208.036 12.1163 207.961 11.8097 207.815 11.5412C207.67 11.2695 207.466 11.0557 207.204 10.8999C206.945 10.7441 206.644 10.6662 206.299 10.6662C205.931 10.6662 205.608 10.7557 205.33 10.9347C205.051 11.1104 204.834 11.3424 204.678 11.6307C204.526 11.9158 204.448 12.229 204.445 12.5704V13.6293C204.445 14.0734 204.526 14.4546 204.688 14.7728C204.851 15.0877 205.078 15.3296 205.369 15.4986C205.661 15.6644 206.002 15.7472 206.393 15.7472C206.655 15.7472 206.892 15.7108 207.104 15.6378C207.317 15.5616 207.5 15.4506 207.656 15.3047C207.812 15.1589 207.93 14.9783 208.009 14.7628L209.69 14.9518C209.584 15.3959 209.381 15.7837 209.083 16.1151C208.788 16.4432 208.41 16.6984 207.95 16.8807C207.489 17.0597 206.962 17.1492 206.369 17.1492Z" fill="#1D2939"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/azure-openai-service.svg b/web/app/components/base/icons/assets/public/llm/azure-openai-service.svg
new file mode 100644
index 0000000000..6a541fcf42
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/azure-openai-service.svg
@@ -0,0 +1,7 @@
+<svg width="56" height="24" viewBox="0 0 56 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="1.5" width="10" height="10" fill="#EF4F21"/>
+<rect x="2" y="12.5" width="10" height="10" fill="#03A4EE"/>
+<rect x="13" y="1.5" width="10" height="10" fill="#7EB903"/>
+<rect x="13" y="12.5" width="10" height="10" fill="#FBB604"/>
+<path d="M52.276 10.0045C52.7751 8.50639 52.6033 6.86529 51.8051 5.50264C50.6048 3.41259 48.1917 2.33732 45.835 2.84333C44.7866 1.66218 43.2803 0.990477 41.7011 1.0001C39.2922 0.994602 37.1548 2.54563 36.4137 4.83781C34.8661 5.15475 33.5304 6.12346 32.7487 7.49643C31.5394 9.58097 31.8151 12.2087 33.4307 13.9962C32.9316 15.4943 33.1034 17.1354 33.9016 18.498C35.1019 20.5881 37.515 21.6634 39.8717 21.1573C40.9195 22.3385 42.4264 23.0102 44.0056 22.9999C46.4159 23.0061 48.554 21.4537 49.2951 19.1594C50.8426 18.8425 52.1784 17.8738 52.9601 16.5008C54.168 14.4163 53.8916 11.7906 52.2767 10.0031L52.276 10.0045ZM44.007 21.5623C43.0424 21.5637 42.1081 21.2261 41.3677 20.608C41.4014 20.5901 41.4598 20.5578 41.4976 20.5345L45.8783 18.0044C46.1024 17.8772 46.2399 17.6386 46.2385 17.3808V11.2049L48.0899 12.274C48.1099 12.2836 48.1229 12.3028 48.1257 12.3248V17.4393C48.1229 19.7136 46.2812 21.5575 44.007 21.5623ZM35.1494 17.7789C34.6661 16.9443 34.4921 15.9659 34.6578 15.0165C34.6901 15.0357 34.7472 15.0708 34.7878 15.0942L39.1684 17.6242C39.3905 17.7541 39.6655 17.7541 39.8882 17.6242L45.2362 14.5359V16.6741C45.2376 16.6961 45.2272 16.7174 45.2101 16.7311L40.782 19.288C38.8096 20.4238 36.2906 19.7486 35.1501 17.7789H35.1494ZM33.9965 8.21626C34.4777 7.38024 35.2374 6.74085 36.1421 6.40878C36.1421 6.44659 36.1401 6.51328 36.1401 6.56003V11.6208C36.1387 11.878 36.2762 12.1165 36.4996 12.2437L41.8476 15.3313L39.9962 16.4004C39.9776 16.4128 39.9542 16.4149 39.9336 16.4059L35.5048 13.847C33.5365 12.7071 32.8614 10.1887 33.9958 8.21694L33.9965 8.21626ZM49.2078 11.7563L43.8598 8.66795L45.7112 7.59956C45.7298 7.58718 45.7532 7.58512 45.7738 7.59406L50.2026 10.1509C52.1743 11.2901 52.8501 13.8126 51.7109 15.7844C51.229 16.6191 50.47 17.2584 49.566 17.5912V12.3792C49.568 12.122 49.4312 11.8841 49.2085 11.7563H49.2078ZM51.0502 8.98284C51.0179 8.9629 50.9609 8.92852 50.9203 8.90515L46.5397 6.37509C46.3176 6.24515 46.0426 6.24515 45.8199 6.37509L40.4719 9.46341V7.32524C40.4705 7.30324 40.4808 7.28192 40.498 7.26817L44.9261 4.71337C46.8985 3.57553 49.4202 4.25273 50.5573 6.2259C51.0379 7.05917 51.2118 8.03475 51.0489 8.98284H51.0502ZM39.4654 12.7937L37.6133 11.7246C37.5934 11.715 37.5803 11.6958 37.5776 11.6738V6.55935C37.579 4.2823 39.4262 2.43701 41.7032 2.43838C42.6664 2.43838 43.5986 2.77664 44.339 3.39265C44.3053 3.41053 44.2476 3.44284 44.2091 3.46622L39.8284 5.99627C39.6043 6.12346 39.4668 6.36134 39.4682 6.61916L39.4654 12.7924V12.7937ZM40.4712 10.6253L42.8534 9.24959L45.2355 10.6246V13.3754L42.8534 14.7504L40.4712 13.3754V10.6253Z" fill="black"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/azureai-text.svg b/web/app/components/base/icons/assets/public/llm/azureai-text.svg
new file mode 100644
index 0000000000..0bbbeee4cb
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/azureai-text.svg
@@ -0,0 +1,30 @@
+<svg width="92" height="24" viewBox="0 0 92 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.63655 2.50023H15.6036L9.40921 20.8535C9.34555 21.0421 9.22434 21.206 9.06266 21.3221C8.90097 21.4382 8.70695 21.5006 8.5079 21.5007H3.86407C3.71326 21.5007 3.56461 21.4648 3.43042 21.396C3.29623 21.3271 3.18036 21.2273 3.09239 21.1048C3.00442 20.9823 2.94689 20.8406 2.92454 20.6915C2.9022 20.5424 2.91569 20.39 2.9639 20.2471L8.73501 3.1474C8.79864 2.95872 8.91987 2.79477 9.0816 2.67863C9.24334 2.56249 9.43743 2.50024 9.63655 2.50023Z" fill="url(#paint0_linear_8587_60561)"/>
+<path d="M18.307 14.8105H8.84467C8.7567 14.8104 8.67074 14.8368 8.59799 14.8863C8.52524 14.9358 8.46906 15.006 8.43679 15.0878C8.40451 15.1697 8.39763 15.2593 8.41704 15.3451C8.43645 15.4309 8.48125 15.5089 8.54561 15.5689L14.6259 21.2439C14.8029 21.4091 15.036 21.5009 15.2781 21.5008H20.636L18.307 14.8105Z" fill="#0078D4"/>
+<path d="M9.63533 2.50001C9.43405 2.49923 9.23778 2.56284 9.07521 2.68154C8.91265 2.80024 8.79229 2.96781 8.73173 3.15978L2.96979 20.2313C2.91834 20.3747 2.90219 20.5284 2.9227 20.6794C2.94321 20.8304 2.99979 20.9742 3.08764 21.0987C3.17549 21.2232 3.29203 21.3247 3.42741 21.3946C3.56278 21.4646 3.71301 21.5009 3.86538 21.5004H8.62906C8.80648 21.4687 8.97231 21.3905 9.1096 21.2738C9.2469 21.157 9.35074 21.0059 9.41052 20.8359L10.5596 17.4495L14.6639 21.2777C14.8359 21.42 15.0517 21.4986 15.2749 21.5004H20.6129L18.2717 14.8102L11.4469 14.8118L15.6239 2.50001H9.63533Z" fill="url(#paint1_linear_8587_60561)"/>
+<path d="M17.2574 3.14625C17.1938 2.95788 17.0728 2.7942 16.9113 2.67826C16.7498 2.56233 16.556 2.49998 16.3572 2.5H9.70703C9.90582 2.50001 10.0996 2.56237 10.2611 2.67831C10.4226 2.79424 10.5436 2.9579 10.6072 3.14625L16.3785 20.2467C16.4268 20.3896 16.4403 20.542 16.418 20.6911C16.3957 20.8403 16.3381 20.9821 16.2502 21.1046C16.1622 21.2271 16.0463 21.327 15.9121 21.3959C15.7779 21.4647 15.6292 21.5007 15.4784 21.5007H22.1288C22.2796 21.5006 22.4283 21.4647 22.5624 21.3958C22.6966 21.3269 22.8125 21.2271 22.9004 21.1045C22.9884 20.982 23.0459 20.8403 23.0682 20.6911C23.0905 20.5419 23.077 20.3896 23.0287 20.2467L17.2574 3.14625Z" fill="url(#paint2_linear_8587_60561)"/>
+<path d="M34.312 17.0001H32.3433L35.9278 6.81824H38.2048L41.7943 17.0001H39.8255L37.106 8.90631H37.0265L34.312 17.0001ZM34.3766 13.0079H39.746V14.4894H34.3766V13.0079Z" fill="#1D2939"/>
+<path d="M42.9564 17.0001V15.8566L46.8939 10.9198V10.8552H43.0856V9.36369H49.0963V10.5917L45.3477 15.4439V15.5086H49.2255V17.0001H42.9564Z" fill="#1D2939"/>
+<path d="M55.7843 13.7884V9.36369H57.584V17.0001H55.839V15.6428H55.7595C55.5871 16.0704 55.3037 16.42 54.9093 16.6918C54.5182 16.9636 54.036 17.0995 53.4626 17.0995C52.9621 17.0995 52.5196 16.9885 52.1352 16.7664C51.754 16.541 51.4557 16.2145 51.2403 15.787C51.0248 15.3561 50.9171 14.8358 50.9171 14.2259V9.36369H52.7168V13.9475C52.7168 14.4314 52.8494 14.8159 53.1146 15.1009C53.3797 15.3859 53.7277 15.5285 54.1586 15.5285C54.4238 15.5285 54.6806 15.4638 54.9292 15.3346C55.1778 15.2053 55.3816 15.0131 55.5407 14.7579C55.7031 14.4993 55.7843 14.1762 55.7843 13.7884Z" fill="#1D2939"/>
+<path d="M59.4347 17.0001V9.36369H61.1797V10.6364H61.2593C61.3985 10.1956 61.6371 9.85588 61.9752 9.61724C62.3166 9.37529 62.706 9.25432 63.1435 9.25432C63.2429 9.25432 63.354 9.25929 63.4766 9.26923C63.6026 9.27586 63.707 9.28746 63.7898 9.30403V10.9596C63.7136 10.9331 63.5926 10.9099 63.4269 10.89C63.2645 10.8668 63.1071 10.8552 62.9546 10.8552C62.6265 10.8552 62.3315 10.9264 62.0696 11.0689C61.8111 11.2082 61.6073 11.402 61.4581 11.6506C61.309 11.8992 61.2344 12.1859 61.2344 12.5107V17.0001H59.4347Z" fill="#1D2939"/>
+<path d="M68.0517 17.1492C67.2861 17.1492 66.6249 16.9901 66.068 16.6719C65.5145 16.3504 65.0886 15.8964 64.7903 15.3097C64.4921 14.7198 64.3429 14.0254 64.3429 13.2266C64.3429 12.4411 64.4921 11.7517 64.7903 11.1584C65.092 10.5618 65.5129 10.0978 66.0531 9.76639C66.5934 9.43164 67.2281 9.26426 67.9573 9.26426C68.4279 9.26426 68.872 9.34049 69.2896 9.49295C69.7106 9.6421 70.0818 9.87411 70.4033 10.189C70.7281 10.5038 70.9833 10.9049 71.1689 11.3921C71.3545 11.876 71.4473 12.4527 71.4473 13.1222V13.6741H65.1881V12.461H69.7222C69.7189 12.1163 69.6443 11.8097 69.4984 11.5412C69.3526 11.2695 69.1488 11.0557 68.8869 10.8999C68.6284 10.7441 68.3268 10.6662 67.9821 10.6662C67.6142 10.6662 67.2911 10.7557 67.0126 10.9347C66.7342 11.1104 66.5171 11.3424 66.3614 11.6307C66.2089 11.9158 66.131 12.229 66.1277 12.5704V13.6293C66.1277 14.0734 66.2089 14.4546 66.3713 14.7728C66.5337 15.0877 66.7608 15.3296 67.0524 15.4986C67.3441 15.6644 67.6855 15.7472 68.0766 15.7472C68.3384 15.7472 68.5754 15.7108 68.7875 15.6378C68.9996 15.5616 69.1836 15.4506 69.3394 15.3047C69.4951 15.1589 69.6128 14.9783 69.6923 14.7628L71.3727 14.9518C71.2667 15.3959 71.0645 15.7837 70.7662 16.1151C70.4712 16.4432 70.0934 16.6984 69.6327 16.8807C69.172 17.0597 68.645 17.1492 68.0517 17.1492Z" fill="#1D2939"/>
+<path d="M77.8296 17.0001H75.8608L79.4454 6.81824H81.7223L85.3118 17.0001H83.3431L80.6236 8.90631H80.5441L77.8296 17.0001ZM77.8942 13.0079H83.2635V14.4894H77.8942V13.0079Z" fill="#1D2939"/>
+<path d="M88.4974 6.81824V17.0001H86.6529V6.81824H88.4974Z" fill="#1D2939"/>
+<defs>
+<linearGradient id="paint0_linear_8587_60561" x1="11.8113" y1="3.90823" x2="5.61444" y2="22.2154" gradientUnits="userSpaceOnUse">
+<stop stop-color="#114A8B"/>
+<stop offset="1" stop-color="#0669BC"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8587_60561" x1="13.7459" y1="12.4397" x2="12.3125" y2="12.9243" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.3"/>
+<stop offset="0.071" stop-opacity="0.2"/>
+<stop offset="0.321" stop-opacity="0.1"/>
+<stop offset="0.623" stop-opacity="0.05"/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8587_60561" x1="12.9582" y1="3.37404" x2="19.7606" y2="21.4968" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3CCBF4"/>
+<stop offset="1" stop-color="#2892DF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/azureai.svg b/web/app/components/base/icons/assets/public/llm/azureai.svg
new file mode 100644
index 0000000000..93c9b59224
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/azureai.svg
@@ -0,0 +1,23 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.41642 1.13526H14.9266L8.16839 21.1596C8.09893 21.3654 7.96669 21.5442 7.79029 21.6708C7.61389 21.7975 7.4022 21.8657 7.18504 21.8657H2.11851C1.95397 21.8657 1.79179 21.8266 1.64539 21.7515C1.49898 21.6764 1.37257 21.5675 1.27659 21.4338C1.18062 21.3002 1.11784 21.1456 1.09347 20.9829C1.06909 20.8201 1.08381 20.6539 1.13641 20.498L7.43281 1.84135C7.50224 1.6355 7.6345 1.45662 7.81096 1.3299C7.98742 1.20319 8.19918 1.13527 8.41642 1.13526Z" fill="url(#paint0_linear_8587_60253)"/>
+<path d="M17.8761 14.5664H7.55255C7.45657 14.5663 7.36278 14.5951 7.28341 14.6491C7.20403 14.703 7.14275 14.7796 7.10754 14.8689C7.07232 14.9582 7.06482 15.056 7.08599 15.1496C7.10717 15.2433 7.15605 15.3283 7.22626 15.3938L13.86 21.5856C14.0531 21.7657 14.3074 21.8659 14.5715 21.8659H20.4171L17.8761 14.5664Z" fill="#0078D4"/>
+<path d="M8.41509 1.13502C8.19548 1.13417 7.98136 1.20358 7.80399 1.33308C7.62663 1.46259 7.49532 1.64542 7.42924 1.85486L1.14283 20.4808C1.0867 20.6373 1.06907 20.805 1.09145 20.9697C1.11383 21.1344 1.17556 21.2913 1.2714 21.4272C1.36725 21.563 1.4944 21.6737 1.6421 21.75C1.7898 21.8263 1.9537 21.8659 2.11994 21.8655H7.31723C7.5108 21.8309 7.69172 21.7455 7.84151 21.6181C7.9913 21.4907 8.10459 21.3259 8.16982 21.1404L9.42345 17.4456L13.9014 21.6224C14.0891 21.7776 14.3245 21.8635 14.568 21.8655H20.3918L17.8376 14.566L10.3916 14.5678L14.9488 1.13502H8.41509Z" fill="url(#paint1_linear_8587_60253)"/>
+<path d="M16.7308 1.8401C16.6614 1.63458 16.5294 1.456 16.3532 1.3295C16.177 1.20301 15.9656 1.13498 15.7487 1.13501H8.49316C8.71005 1.13502 8.92147 1.20306 9.09765 1.32955C9.27383 1.45604 9.4059 1.6346 9.47527 1.8401L15.7719 20.4975C15.8246 20.6535 15.8393 20.8197 15.815 20.9825C15.7906 21.1452 15.7278 21.2999 15.6319 21.4336C15.5359 21.5673 15.4095 21.6762 15.263 21.7514C15.1166 21.8265 14.9544 21.8657 14.7898 21.8657H22.0456C22.2101 21.8657 22.3723 21.8264 22.5187 21.7513C22.6651 21.6761 22.7915 21.5672 22.8875 21.4335C22.9834 21.2998 23.0461 21.1452 23.0705 20.9824C23.0948 20.8197 23.0801 20.6534 23.0274 20.4975L16.7308 1.8401Z" fill="url(#paint2_linear_8587_60253)"/>
+<defs>
+<linearGradient id="paint0_linear_8587_60253" x1="10.7892" y1="2.67146" x2="4.0279" y2="22.6454" gradientUnits="userSpaceOnUse">
+<stop stop-color="#114A8B"/>
+<stop offset="1" stop-color="#0669BC"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8587_60253" x1="12.8998" y1="11.9797" x2="11.3359" y2="12.5085" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.3"/>
+<stop offset="0.071" stop-opacity="0.2"/>
+<stop offset="0.321" stop-opacity="0.1"/>
+<stop offset="0.623" stop-opacity="0.05"/>
+<stop offset="1" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8587_60253" x1="12.0403" y1="2.08863" x2="19.4621" y2="21.8613" gradientUnits="userSpaceOnUse">
+<stop stop-color="#3CCBF4"/>
+<stop offset="1" stop-color="#2892DF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/chatglm-text.svg b/web/app/components/base/icons/assets/public/llm/chatglm-text.svg
new file mode 100644
index 0000000000..dc7924c303
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/chatglm-text.svg
@@ -0,0 +1,16 @@
+<svg width="100" height="24" viewBox="0 0 100 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M56.5415 9.49683C56.3371 9.38235 56.1222 9.28491 55.8984 9.20565C55.4497 9.04653 54.9672 8.95911 54.4654 8.95911C52.0893 8.95911 50.1562 10.9044 50.1562 13.2955C50.1562 15.6867 52.0893 17.6313 54.4654 17.6313C54.9672 17.6313 55.4497 17.5438 55.8984 17.3847C55.9178 17.3778 55.9378 17.3703 55.9572 17.3627C57.2065 16.8986 58.1845 15.8659 58.582 14.5785V12.0125C58.2489 10.9333 57.5083 10.0333 56.5415 9.49683ZM55.9578 13.9446C55.9397 13.986 55.9197 14.0269 55.8991 14.0665C55.6247 14.5804 55.0854 14.9307 54.466 14.9307C53.5698 14.9307 52.8411 14.1973 52.8411 13.2955C52.8411 12.3936 53.5698 11.6603 54.466 11.6603C55.0854 11.6603 55.6241 12.01 55.8991 12.5244C55.9203 12.5647 55.9403 12.6049 55.9578 12.6471C56.0434 12.8458 56.0909 13.0653 56.0909 13.2955C56.0909 13.5257 56.0434 13.7452 55.9578 13.9446Z" fill="#1A2029"/>
+<path d="M58.6419 9.49683V17.596H55.959V13.9445C56.0446 13.7458 56.0921 13.5256 56.0921 13.2955C56.0921 13.0653 56.0446 12.8458 55.959 12.6471V9.49683H58.6419Z" fill="#1A2029"/>
+<path d="M63.4475 7.46912H60.7637V17.6142H63.4475V7.46912Z" fill="#1A2029"/>
+<path d="M64.8417 9.49683H59.3789V12.1974H64.3659C64.3587 12.0773 64.3545 11.9559 64.3545 11.8339C64.3545 11.0031 64.5285 10.2125 64.8417 9.49683Z" fill="#1A2029"/>
+<path d="M35.3555 14.908C34.2412 14.908 33.2644 14.3087 32.7257 13.4137C32.4444 12.947 32.2832 12.3999 32.2832 11.8163C32.2832 11.2326 32.4444 10.6849 32.7257 10.2188C33.2644 9.32448 34.2412 8.72448 35.3555 8.72448C36.4699 8.72448 37.4461 9.32388 37.9847 10.2188L40.2809 8.82324C39.2716 7.14714 37.441 6.02454 35.3555 6.02454C33.27 6.02454 31.4388 7.14714 30.4296 8.82324C29.9027 9.69744 29.5996 10.7219 29.5996 11.8169C29.5996 12.9118 29.9027 13.9363 30.4296 14.8105C31.4388 16.4866 33.2694 17.6092 35.3555 17.6092C37.4417 17.6092 39.2716 16.4866 40.2809 14.8105L37.9847 13.415C37.4461 14.3093 36.4692 14.9093 35.3555 14.9093V14.908Z" fill="#1A2029"/>
+<path d="M79.4097 14.9232H85.1781V17.6237H77.5179V17.6124H76.7265V6.04407H79.4097V14.9232ZM96.7581 6.04971H93.8625L91.4631 10.1371L89.0631 6.04971H86.0763V17.6181H88.7601V10.5352L91.4637 15.1389L94.0749 10.6918V17.6181H96.7581V6.12141V6.04971ZM70.7661 13.2169H73.1445V13.9779C72.5841 14.581 71.7867 14.959 70.9023 14.959C70.0179 14.959 69.2121 14.5773 68.6511 13.9691C68.5089 13.815 68.3811 13.6458 68.2725 13.4647C67.9911 12.998 67.8297 12.4509 67.8297 11.8672C67.8297 11.2836 67.9911 10.7358 68.2725 10.2697C68.8113 9.37545 69.7881 8.77545 70.9023 8.77545C71.7087 8.77545 72.4425 9.08931 72.9909 9.60249L74.8881 7.69311C73.8537 6.69123 72.4479 6.07491 70.9023 6.07491C68.8161 6.07491 66.9855 7.19751 65.9763 8.87355C65.4495 9.74775 65.1465 10.7723 65.1465 11.8672C65.1465 12.9622 65.4495 13.9867 65.9763 14.8609C66.1983 15.2288 66.4587 15.5703 66.7539 15.8791C67.8027 16.9765 69.2751 17.6596 70.9029 17.6596C72.9885 17.6596 74.8191 16.537 75.8283 14.8609V10.5175H70.7661V13.2181V13.2169Z" fill="#1A2029"/>
+<path d="M49.4752 12.5477V17.6174H46.7954V13.1156C46.7954 12.2603 46.106 11.5666 45.2561 11.5666C44.4061 11.5666 43.7168 12.2597 43.7168 13.1156V17.6174H41.0332V6H43.7168V9.8811C44.3343 9.3333 45.1473 9.00186 46.0373 9.00942C47.9484 9.02514 49.4752 10.6244 49.4752 12.5477Z" fill="#1A2029"/>
+<mask id="mask0_8587_60467" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="2" y="1" width="23" height="22">
+<path d="M24.8 1.80005H2V22.2H24.8V1.80005Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_8587_60467)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.86378 14.2544C4.86378 12.8981 5.67438 11.5371 7.25923 10.4634C8.83827 9.39369 11.0864 8.69373 13.6282 8.69373C16.17 8.69373 18.4182 9.39369 19.9972 10.4634C20.7966 11.005 21.399 11.6196 21.7998 12.27C22.2873 11.3803 22.4969 10.4351 22.3835 9.49257C22.3759 9.42933 22.3824 9.36771 22.4005 9.31065C22.0758 9.01857 21.7259 8.74629 21.3558 8.49561C19.3272 7.12131 16.5915 6.30969 13.6282 6.30969C10.665 6.30969 7.92918 7.12131 5.90058 8.49561C3.8778 9.86595 2.45703 11.8813 2.45703 14.2544C2.45703 16.6275 3.8778 18.6429 5.90058 20.0132C7.92918 21.3875 10.665 22.1991 13.6282 22.1991C16.5915 22.1991 19.3272 21.3875 21.3558 20.0132C23.3786 18.6429 24.7994 16.6275 24.7994 14.2544C24.7994 12.7455 24.225 11.3813 23.2868 10.2356C23.2377 11.2918 22.8621 12.3073 22.238 13.2301C22.3409 13.5687 22.3926 13.9117 22.3926 14.2544C22.3926 15.6107 21.582 16.9718 19.9972 18.0454C18.4182 19.1151 16.17 19.8151 13.6282 19.8151C11.0864 19.8151 8.83827 19.1151 7.25923 18.0454C5.67438 16.9718 4.86378 15.6107 4.86378 14.2544Z" fill="#3762FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.84445 11.4838C4.20239 13.2886 4.35368 14.9157 5.18868 16.0839C6.02368 17.2521 7.52281 17.9339 9.45459 17.9334C11.3826 17.933 13.6296 17.24 15.6939 15.7923C17.7581 14.3445 19.1643 12.4753 19.8052 10.674C20.4473 8.86925 20.2959 7.24211 19.461 6.07397C18.626 4.90576 17.1269 4.22394 15.1951 4.22436C13.267 4.22479 11.0201 4.91779 8.95575 6.36557C6.89152 7.81337 5.48529 9.68255 4.84445 11.4838ZM2.53559 10.6778C3.36374 8.35007 5.11254 6.08981 7.54117 4.3865C9.96981 2.68317 12.7029 1.8 15.1945 1.79944C17.6825 1.79889 20.0426 2.69125 21.4589 4.67268C22.8752 6.65411 22.941 9.15569 22.1141 11.48C21.2859 13.8077 19.5371 16.068 17.1085 17.7713C14.6798 19.4747 11.9468 20.3579 9.45513 20.3584C6.9672 20.3589 4.60706 19.4666 3.19075 17.4851C1.77445 15.5037 1.70868 13.0022 2.53559 10.6778Z" fill="#1041F3"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/chatglm.svg b/web/app/components/base/icons/assets/public/llm/chatglm.svg
new file mode 100644
index 0000000000..cb04297c5d
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/chatglm.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_8587_60212" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="2" width="23" height="21">
+<path d="M23.8 2H1V22.4H23.8V2Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_8587_60212)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.86378 14.4544C3.86378 13.0981 4.67438 11.737 6.25923 10.6634C7.83827 9.59364 10.0864 8.89368 12.6282 8.89368C15.17 8.89368 17.4182 9.59364 18.9972 10.6634C19.7966 11.2049 20.399 11.8196 20.7998 12.4699C21.2873 11.5802 21.4969 10.6351 21.3835 9.69252C21.3759 9.62928 21.3824 9.56766 21.4005 9.5106C21.0758 9.21852 20.7259 8.94624 20.3558 8.69556C18.3272 7.32126 15.5915 6.50964 12.6282 6.50964C9.66497 6.50964 6.92918 7.32126 4.90058 8.69556C2.8778 10.0659 1.45703 12.0812 1.45703 14.4544C1.45703 16.8275 2.8778 18.8428 4.90058 20.2132C6.92918 21.5875 9.66497 22.3991 12.6282 22.3991C15.5915 22.3991 18.3272 21.5875 20.3558 20.2132C22.3786 18.8428 23.7994 16.8275 23.7994 14.4544C23.7994 12.9455 23.225 11.5813 22.2868 10.4355C22.2377 11.4917 21.8621 12.5072 21.238 13.43C21.3409 13.7686 21.3926 14.1116 21.3926 14.4544C21.3926 15.8107 20.582 17.1717 18.9972 18.2453C17.4182 19.3151 15.17 20.015 12.6282 20.015C10.0864 20.015 7.83827 19.3151 6.25923 18.2453C4.67438 17.1717 3.86378 15.8107 3.86378 14.4544Z" fill="#3762FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.84445 11.6838C3.20239 13.4885 3.35368 15.1156 4.18868 16.2838C5.02368 17.452 6.52281 18.1339 8.45459 18.1334C10.3826 18.133 12.6296 17.44 14.6939 15.9922C16.7581 14.5444 18.1643 12.6753 18.8052 10.8739C19.4473 9.0692 19.2959 7.44206 18.461 6.27392C17.626 5.10572 16.1269 4.42389 14.1951 4.42431C12.267 4.42475 10.0201 5.11774 7.95575 6.56552C5.89152 8.01332 4.48529 9.8825 3.84445 11.6838ZM1.53559 10.8778C2.36374 8.55002 4.11254 6.28976 6.54117 4.58645C8.96981 2.88312 11.7029 1.99995 14.1945 1.99939C16.6825 1.99884 19.0426 2.8912 20.4589 4.87263C21.8752 6.85406 21.941 9.35564 21.1141 11.6799C20.2859 14.0077 18.5371 16.2679 16.1085 17.9713C13.6798 19.6746 10.9468 20.5578 8.45513 20.5584C5.9672 20.5589 3.60706 19.6665 2.19075 17.6851C0.774446 15.7036 0.708677 13.2021 1.53559 10.8778Z" fill="#1041F3"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/huggingface-text-hub.svg b/web/app/components/base/icons/assets/public/llm/huggingface-text-hub.svg
new file mode 100644
index 0000000000..a6b85bec56
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/huggingface-text-hub.svg
@@ -0,0 +1,45 @@
+<svg width="151" height="24" viewBox="0 0 151 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_8587_60397)">
+<g clip-path="url(#clip1_8587_60397)">
+<path d="M12.9267 20.2062C17.7747 20.2062 21.7049 16.2761 21.7049 11.428C21.7049 6.57993 17.7747 2.64978 12.9267 2.64978C8.07858 2.64978 4.14844 6.57993 4.14844 11.428C4.14844 16.2761 8.07858 20.2062 12.9267 20.2062Z" fill="#FFD21E"/>
+<path d="M21.7075 11.4326C21.7075 6.58451 17.7774 2.65436 12.9293 2.65436C8.08123 2.65436 4.15108 6.58451 4.15108 11.4326C4.15108 16.2807 8.08123 20.2108 12.9293 20.2108C17.7774 20.2108 21.7075 16.2807 21.7075 11.4326ZM3.14062 11.4326C3.14062 6.02647 7.52316 1.64392 12.9293 1.64392C18.3354 1.64392 22.718 6.02647 22.718 11.4326C22.718 16.8387 18.3354 21.2213 12.9293 21.2213C7.52316 21.2213 3.14062 16.8387 3.14062 11.4326Z" fill="#FF9D0B"/>
+<path d="M15.7803 9.03703C16.1022 9.1507 16.2303 9.81254 16.5555 9.6396C17.1714 9.31212 17.4052 8.54734 17.0777 7.93142C16.7503 7.31553 15.9855 7.08172 15.3696 7.4092C14.7536 7.73669 14.5198 8.50147 14.8473 9.11738C15.0019 9.40809 15.4925 8.9354 15.7803 9.03703Z" fill="#3A3B45"/>
+<path d="M9.83227 9.03703C9.51034 9.1507 9.38227 9.81254 9.05706 9.6396C8.44114 9.31212 8.20733 8.54734 8.53481 7.93142C8.8623 7.31553 9.62708 7.08172 10.243 7.4092C10.8589 7.73669 11.0927 8.50147 10.7652 9.11738C10.6107 9.40809 10.12 8.9354 9.83227 9.03703Z" fill="#3A3B45"/>
+<path d="M12.866 15.1044C15.3487 15.1044 16.1499 12.8908 16.1499 11.7541C16.1499 11.1633 15.7528 11.3492 15.1167 11.6641C14.5289 11.9551 13.7371 12.3563 12.866 12.3563C11.0523 12.3563 9.58203 10.6173 9.58203 11.7541C9.58203 12.8908 10.3832 15.1044 12.866 15.1044Z" fill="#3A3B45"/>
+<mask id="mask0_8587_60397" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="11" width="8" height="5">
+<path d="M12.8543 15.1005C15.337 15.1005 16.1382 12.8869 16.1382 11.7502C16.1382 11.1594 15.7411 11.3453 15.105 11.6602C14.5172 11.9512 13.7253 12.3524 12.8543 12.3524C11.0406 12.3524 9.57031 10.6134 9.57031 11.7502C9.57031 12.8869 10.3715 15.1005 12.8543 15.1005Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_8587_60397)">
+<path d="M12.9175 17.6824C14.1274 17.6824 15.1083 16.7016 15.1083 15.4916C15.1083 14.5491 14.5133 13.7457 13.6783 13.4364C13.6476 13.425 13.6166 13.4143 13.5852 13.4043C13.3747 13.337 13.1503 14.0606 12.9175 14.0606C12.6999 14.0606 12.4897 13.3324 12.2913 13.3915C11.3864 13.6609 10.7266 14.4991 10.7266 15.4916C10.7266 16.7016 11.7075 17.6824 12.9175 17.6824Z" fill="#F94040"/>
+</g>
+<path d="M18.8679 10.2273C19.3213 10.2273 19.6888 9.85972 19.6888 9.40631C19.6888 8.9529 19.3213 8.58533 18.8679 8.58533C18.4144 8.58533 18.0469 8.9529 18.0469 9.40631C18.0469 9.85972 18.4144 10.2273 18.8679 10.2273Z" fill="#FF9D0B"/>
+<path d="M7.11786 10.2273C7.57127 10.2273 7.93885 9.85972 7.93885 9.40631C7.93885 8.9529 7.57127 8.58533 7.11786 8.58533C6.66442 8.58533 6.29688 8.9529 6.29688 9.40631C6.29688 9.85972 6.66442 10.2273 7.11786 10.2273Z" fill="#FF9D0B"/>
+<path d="M5.4272 13.0092C5.01822 13.0092 4.6527 13.1771 4.39781 13.4818C4.24018 13.6705 4.07548 13.9746 4.06209 14.4301C3.89057 14.3808 3.72561 14.3533 3.57152 14.3533C3.17997 14.3533 2.82632 14.5033 2.57623 14.7759C2.25491 15.1258 2.11219 15.5557 2.17433 15.9859C2.20389 16.1908 2.27234 16.3744 2.37465 16.5444C2.15892 16.719 2.00003 16.962 1.92323 17.2543C1.86311 17.4834 1.80148 17.9606 2.1233 18.4522C2.10284 18.4842 2.08364 18.5176 2.06571 18.5517C1.87221 18.919 1.85983 19.334 2.03059 19.7205C2.28952 20.3063 2.93292 20.7678 4.18233 21.2632C4.95962 21.5714 5.67072 21.7684 5.67703 21.7702C6.70465 22.0367 7.63401 22.1721 8.43858 22.1721C9.91736 22.1721 10.9761 21.7192 11.5854 20.8259C12.566 19.3876 12.4258 18.072 11.1569 16.8039C10.4547 16.1021 9.98784 15.0674 9.89058 14.8403C9.69456 14.1679 9.1762 13.4204 8.31454 13.4204C8.24205 13.4204 8.16854 13.4262 8.09629 13.4376C7.71889 13.4969 7.38898 13.7142 7.15329 14.0411C6.89891 13.7248 6.65186 13.4732 6.4283 13.3312C6.09132 13.1175 5.75459 13.0092 5.4272 13.0092ZM5.4272 14.0196C5.55603 14.0196 5.71341 14.0744 5.88695 14.1846C6.42577 14.5263 7.46552 16.3136 7.8462 17.0087C7.97377 17.2417 8.19178 17.3402 8.38805 17.3402C8.77758 17.3402 9.08172 16.9529 8.42367 16.4608C7.4342 15.7204 7.78128 14.5102 8.25366 14.4356C8.27438 14.4324 8.29484 14.4308 8.31454 14.4308C8.74398 14.4308 8.93344 15.171 8.93344 15.171C8.93344 15.171 9.48868 16.5654 10.4425 17.5185C11.3964 18.4719 11.4457 19.237 10.7505 20.2566C10.2763 20.9517 9.36869 21.1617 8.43858 21.1617C7.47386 21.1617 6.48488 20.9358 5.93066 20.7921C5.90337 20.785 2.53279 19.8329 2.9597 19.0226C3.03144 18.8864 3.14966 18.8318 3.29845 18.8318C3.89966 18.8318 4.99322 19.7266 5.46332 19.7266C5.56841 19.7266 5.64243 19.6819 5.67274 19.5727C5.87306 18.8541 2.62701 18.5519 2.90059 17.5109C2.94884 17.3268 3.07969 17.252 3.26359 17.2523C4.05805 17.2523 5.84047 18.6495 6.21408 18.6495C6.24263 18.6495 6.26309 18.6411 6.27421 18.6234C6.46139 18.3213 6.35883 18.1104 5.03944 17.3119C3.72006 16.5131 2.79398 16.0327 3.32068 15.4592C3.38131 15.393 3.46719 15.3637 3.57152 15.3637C4.37255 15.364 6.26511 17.0863 6.26511 17.0863C6.26511 17.0863 6.77589 17.6175 7.08483 17.6175C7.15582 17.6175 7.21619 17.5895 7.25711 17.5203C7.47613 17.151 5.22284 15.4433 5.09578 14.7388C5.00964 14.2613 5.15615 14.0196 5.4272 14.0196Z" fill="#FF9D0B"/>
+<path d="M10.7569 20.2539C11.4521 19.2344 11.4028 18.4692 10.4489 17.5159C9.49509 16.5628 8.93985 15.1684 8.93985 15.1684C8.93985 15.1684 8.73245 14.3585 8.26007 14.433C7.78769 14.5075 7.44085 15.7178 8.43033 16.4582C9.41981 17.1984 8.2333 17.7013 7.85261 17.0061C7.47193 16.3109 6.43243 14.5237 5.89336 14.1819C5.35454 13.8402 4.97512 14.0316 5.10218 14.7362C5.22925 15.4407 7.48279 17.1483 7.26352 17.5179C7.04426 17.8872 6.27152 17.0837 6.27152 17.0837C6.27152 17.0837 3.85353 14.8832 3.32707 15.4566C2.80063 16.03 3.72646 16.5105 5.04585 17.3093C6.36549 18.1078 6.4678 18.3187 6.28061 18.6208C6.09317 18.9229 3.18056 16.4673 2.90698 17.5083C2.63365 18.5493 5.87947 18.8514 5.67915 19.5701C5.47883 20.2891 3.39275 18.2098 2.96609 19.0199C2.53918 19.8303 5.90978 20.7824 5.93706 20.7895C7.02582 21.0719 9.79089 21.6703 10.7569 20.2539Z" fill="#FFD21E"/>
+<path d="M20.5549 13.0092C20.9639 13.0092 21.3294 13.1771 21.5843 13.4818C21.7419 13.6705 21.9066 13.9746 21.92 14.4301C22.0915 14.3808 22.2565 14.3533 22.4106 14.3533C22.8021 14.3533 23.1558 14.5033 23.4058 14.7759C23.7272 15.1258 23.8699 15.5557 23.8078 15.9859C23.7782 16.1908 23.7097 16.3744 23.6074 16.5444C23.8232 16.719 23.9821 16.962 24.0588 17.2543C24.119 17.4834 24.1806 17.9606 23.8588 18.4522C23.8792 18.4842 23.8984 18.5176 23.9164 18.5517C24.1099 18.919 24.1223 19.334 23.9515 19.7205C23.6926 20.3063 23.0492 20.7678 21.7997 21.2632C21.0225 21.5714 20.3114 21.7684 20.305 21.7702C19.2774 22.0367 18.3481 22.1721 17.5435 22.1721C16.0647 22.1721 15.006 21.7192 14.3967 20.8259C13.4161 19.3876 13.5563 18.072 14.8252 16.8039C15.5274 16.1021 15.9942 15.0674 16.0915 14.8403C16.2875 14.1679 16.8059 13.4204 17.6675 13.4204C17.74 13.4204 17.8135 13.4262 17.8858 13.4376C18.2632 13.4969 18.5931 13.7142 18.8288 14.0411C19.0832 13.7248 19.3302 13.4732 19.5538 13.3312C19.8908 13.1175 20.2275 13.0092 20.5549 13.0092ZM20.5549 14.0196C20.4261 14.0196 20.2687 14.0744 20.0951 14.1846C19.5563 14.5263 18.5166 16.3136 18.1359 17.0087C18.0083 17.2417 17.7903 17.3402 17.594 17.3402C17.2045 17.3402 16.9004 16.9529 17.5584 16.4608C18.5479 15.7204 18.2008 14.5102 17.7284 14.4356C17.7077 14.4324 17.6872 14.4308 17.6675 14.4308C17.2381 14.4308 17.0486 15.171 17.0486 15.171C17.0486 15.171 16.4934 16.5654 15.5395 17.5185C14.5857 18.4719 14.5364 19.237 15.2316 20.2566C15.7058 20.9517 16.6134 21.1617 17.5435 21.1617C18.5082 21.1617 19.4972 20.9358 20.0514 20.7921C20.0787 20.785 23.4493 19.8329 23.0224 19.0226C22.9506 18.8864 22.8324 18.8318 22.6836 18.8318C22.0824 18.8318 20.9889 19.7266 20.5188 19.7266C20.4137 19.7266 20.3397 19.6819 20.3093 19.5727C20.109 18.8541 23.3551 18.5519 23.0815 17.5109C23.0332 17.3268 22.9024 17.252 22.7185 17.2523C21.924 17.2523 20.1416 18.6495 19.768 18.6495C19.7395 18.6495 19.719 18.6411 19.7079 18.6234C19.5207 18.3213 19.6233 18.1104 20.9426 17.3119C22.262 16.5131 23.1881 16.0327 22.6614 15.4592C22.6008 15.393 22.5149 15.3637 22.4106 15.3637C21.6095 15.364 19.717 17.0863 19.717 17.0863C19.717 17.0863 19.2062 17.6175 18.8972 17.6175C18.8263 17.6175 18.7659 17.5895 18.725 17.5203C18.506 17.151 20.7592 15.4433 20.8863 14.7388C20.9724 14.2613 20.8259 14.0196 20.5549 14.0196Z" fill="#FF9D0B"/>
+<path d="M15.2334 20.2539C14.5382 19.2344 14.5875 18.4692 15.5414 17.5159C16.4952 16.5628 17.0505 15.1684 17.0505 15.1684C17.0505 15.1684 17.2578 14.3585 17.7302 14.433C18.2026 14.5075 18.5494 15.7178 17.56 16.4582C16.5705 17.1984 17.757 17.7013 18.1377 17.0061C18.5184 16.3109 19.5579 14.5237 20.0969 14.1819C20.6358 13.8402 21.0152 14.0316 20.8881 14.7362C20.7611 15.4407 18.5075 17.1483 18.7268 17.5179C18.946 17.8872 19.7188 17.0837 19.7188 17.0837C19.7188 17.0837 22.1368 14.8832 22.6632 15.4566C23.1897 16.03 22.2638 16.5105 20.9445 17.3093C19.6248 18.1078 19.5225 18.3187 19.7097 18.6208C19.8971 18.9229 22.8097 16.4673 23.0833 17.5083C23.3566 18.5493 20.1108 18.8514 20.3112 19.5701C20.5115 20.2891 22.5975 18.2098 23.0242 19.0199C23.4511 19.8303 20.0805 20.7824 20.0532 20.7895C18.9645 21.0719 16.1994 21.6703 15.2334 20.2539Z" fill="#FFD21E"/>
+</g>
+<path d="M34.1509 17V7.22003H36.3559V10.985H39.7309V7.22003H41.9509V17H39.7309V12.92H36.3559V17H34.1509Z" fill="#1D2939"/>
+<path d="M46.3133 17.18C45.5033 17.18 44.9133 16.915 44.5433 16.385C44.1833 15.845 44.0033 15.11 44.0033 14.18V9.56003H46.2083V13.895C46.2083 14.425 46.2833 14.795 46.4333 15.005C46.5833 15.205 46.8183 15.305 47.1383 15.305C47.4183 15.305 47.6533 15.24 47.8433 15.11C48.0333 14.98 48.2383 14.77 48.4583 14.48V9.56003H50.6633V17H48.8633L48.6983 15.965H48.6533C48.3433 16.335 48.0033 16.63 47.6333 16.85C47.2633 17.07 46.8233 17.18 46.3133 17.18Z" fill="#1D2939"/>
+<path d="M55.2587 20.165C54.6787 20.165 54.1537 20.1 53.6837 19.97C53.2137 19.84 52.8387 19.635 52.5587 19.355C52.2787 19.075 52.1387 18.715 52.1387 18.275C52.1387 17.675 52.4937 17.175 53.2037 16.775V16.715C53.0137 16.585 52.8487 16.42 52.7087 16.22C52.5787 16.02 52.5137 15.765 52.5137 15.455C52.5137 15.185 52.5937 14.925 52.7537 14.675C52.9137 14.425 53.1137 14.22 53.3537 14.06V14C53.0937 13.82 52.8587 13.56 52.6487 13.22C52.4487 12.88 52.3487 12.495 52.3487 12.065C52.3487 11.465 52.4937 10.97 52.7837 10.58C53.0737 10.18 53.4537 9.88003 53.9237 9.68003C54.3937 9.48003 54.8937 9.38003 55.4237 9.38003C55.8637 9.38003 56.2487 9.44003 56.5787 9.56003H59.2937V11.165H58.1087C58.1787 11.275 58.2337 11.415 58.2737 11.585C58.3237 11.755 58.3487 11.94 58.3487 12.14C58.3487 12.71 58.2187 13.18 57.9587 13.55C57.6987 13.92 57.3487 14.195 56.9087 14.375C56.4687 14.555 55.9737 14.645 55.4237 14.645C55.1337 14.645 54.8337 14.595 54.5237 14.495C54.3437 14.645 54.2537 14.83 54.2537 15.05C54.2537 15.24 54.3387 15.38 54.5087 15.47C54.6787 15.56 54.9687 15.605 55.3787 15.605H56.5787C57.4987 15.605 58.1987 15.755 58.6787 16.055C59.1687 16.345 59.4137 16.825 59.4137 17.495C59.4137 18.005 59.2437 18.46 58.9037 18.86C58.5637 19.27 58.0837 19.59 57.4637 19.82C56.8437 20.05 56.1087 20.165 55.2587 20.165ZM55.4237 13.31C55.7137 13.31 55.9537 13.205 56.1437 12.995C56.3437 12.785 56.4437 12.475 56.4437 12.065C56.4437 11.675 56.3437 11.38 56.1437 11.18C55.9537 10.97 55.7137 10.865 55.4237 10.865C55.1337 10.865 54.8887 10.965 54.6887 11.165C54.4987 11.365 54.4037 11.665 54.4037 12.065C54.4037 12.475 54.4987 12.785 54.6887 12.995C54.8887 13.205 55.1337 13.31 55.4237 13.31ZM55.6037 18.785C56.1037 18.785 56.5137 18.695 56.8337 18.515C57.1537 18.335 57.3137 18.12 57.3137 17.87C57.3137 17.64 57.2137 17.485 57.0137 17.405C56.8237 17.325 56.5437 17.285 56.1737 17.285H55.4087C55.1587 17.285 54.9487 17.275 54.7787 17.255C54.6187 17.245 54.4787 17.225 54.3587 17.195C54.0887 17.435 53.9537 17.68 53.9537 17.93C53.9537 18.21 54.1037 18.42 54.4037 18.56C54.7137 18.71 55.1137 18.785 55.6037 18.785Z" fill="#1D2939"/>
+<path d="M63.2714 20.165C62.6914 20.165 62.1664 20.1 61.6964 19.97C61.2264 19.84 60.8514 19.635 60.5714 19.355C60.2914 19.075 60.1514 18.715 60.1514 18.275C60.1514 17.675 60.5064 17.175 61.2164 16.775V16.715C61.0264 16.585 60.8614 16.42 60.7214 16.22C60.5914 16.02 60.5264 15.765 60.5264 15.455C60.5264 15.185 60.6064 14.925 60.7664 14.675C60.9264 14.425 61.1264 14.22 61.3664 14.06V14C61.1064 13.82 60.8714 13.56 60.6614 13.22C60.4614 12.88 60.3614 12.495 60.3614 12.065C60.3614 11.465 60.5064 10.97 60.7964 10.58C61.0864 10.18 61.4664 9.88003 61.9364 9.68003C62.4064 9.48003 62.9064 9.38003 63.4364 9.38003C63.8764 9.38003 64.2614 9.44003 64.5914 9.56003H67.3064V11.165H66.1214C66.1914 11.275 66.2464 11.415 66.2864 11.585C66.3364 11.755 66.3614 11.94 66.3614 12.14C66.3614 12.71 66.2314 13.18 65.9714 13.55C65.7114 13.92 65.3614 14.195 64.9214 14.375C64.4814 14.555 63.9864 14.645 63.4364 14.645C63.1464 14.645 62.8464 14.595 62.5364 14.495C62.3564 14.645 62.2664 14.83 62.2664 15.05C62.2664 15.24 62.3514 15.38 62.5214 15.47C62.6914 15.56 62.9814 15.605 63.3914 15.605H64.5914C65.5114 15.605 66.2114 15.755 66.6914 16.055C67.1814 16.345 67.4264 16.825 67.4264 17.495C67.4264 18.005 67.2564 18.46 66.9164 18.86C66.5764 19.27 66.0964 19.59 65.4764 19.82C64.8564 20.05 64.1214 20.165 63.2714 20.165ZM63.4364 13.31C63.7264 13.31 63.9664 13.205 64.1564 12.995C64.3564 12.785 64.4564 12.475 64.4564 12.065C64.4564 11.675 64.3564 11.38 64.1564 11.18C63.9664 10.97 63.7264 10.865 63.4364 10.865C63.1464 10.865 62.9014 10.965 62.7014 11.165C62.5114 11.365 62.4164 11.665 62.4164 12.065C62.4164 12.475 62.5114 12.785 62.7014 12.995C62.9014 13.205 63.1464 13.31 63.4364 13.31ZM63.6164 18.785C64.1164 18.785 64.5264 18.695 64.8464 18.515C65.1664 18.335 65.3264 18.12 65.3264 17.87C65.3264 17.64 65.2264 17.485 65.0264 17.405C64.8364 17.325 64.5564 17.285 64.1864 17.285H63.4214C63.1714 17.285 62.9614 17.275 62.7914 17.255C62.6314 17.245 62.4914 17.225 62.3714 17.195C62.1014 17.435 61.9664 17.68 61.9664 17.93C61.9664 18.21 62.1164 18.42 62.4164 18.56C62.7264 18.71 63.1264 18.785 63.6164 18.785Z" fill="#1D2939"/>
+<path d="M68.6291 17V9.56003H70.8341V17H68.6291ZM69.7241 8.46503C69.3541 8.46503 69.0541 8.36003 68.8241 8.15003C68.5941 7.94003 68.4791 7.66003 68.4791 7.31003C68.4791 6.96003 68.5941 6.68003 68.8241 6.47003C69.0541 6.26003 69.3541 6.15503 69.7241 6.15503C70.0941 6.15503 70.3941 6.26003 70.6241 6.47003C70.8541 6.68003 70.9691 6.96003 70.9691 7.31003C70.9691 7.66003 70.8541 7.94003 70.6241 8.15003C70.3941 8.36003 70.0941 8.46503 69.7241 8.46503Z" fill="#1D2939"/>
+<path d="M72.7746 17V9.56003H74.5746L74.7246 10.505H74.7846C75.1046 10.205 75.4546 9.94503 75.8346 9.72503C76.2246 9.49503 76.6696 9.38003 77.1696 9.38003C77.9796 9.38003 78.5646 9.65003 78.9246 10.19C79.2946 10.72 79.4796 11.45 79.4796 12.38V17H77.2746V12.665C77.2746 12.125 77.1996 11.755 77.0496 11.555C76.9096 11.355 76.6796 11.255 76.3596 11.255C76.0796 11.255 75.8396 11.32 75.6396 11.45C75.4396 11.57 75.2196 11.745 74.9796 11.975V17H72.7746Z" fill="#1D2939"/>
+<path d="M84.0136 20.165C83.4336 20.165 82.9086 20.1 82.4386 19.97C81.9686 19.84 81.5936 19.635 81.3136 19.355C81.0336 19.075 80.8936 18.715 80.8936 18.275C80.8936 17.675 81.2486 17.175 81.9586 16.775V16.715C81.7686 16.585 81.6036 16.42 81.4636 16.22C81.3336 16.02 81.2686 15.765 81.2686 15.455C81.2686 15.185 81.3486 14.925 81.5086 14.675C81.6686 14.425 81.8686 14.22 82.1086 14.06V14C81.8486 13.82 81.6136 13.56 81.4036 13.22C81.2036 12.88 81.1036 12.495 81.1036 12.065C81.1036 11.465 81.2486 10.97 81.5386 10.58C81.8286 10.18 82.2086 9.88003 82.6786 9.68003C83.1486 9.48003 83.6486 9.38003 84.1786 9.38003C84.6186 9.38003 85.0036 9.44003 85.3336 9.56003H88.0486V11.165H86.8636C86.9336 11.275 86.9886 11.415 87.0286 11.585C87.0786 11.755 87.1036 11.94 87.1036 12.14C87.1036 12.71 86.9736 13.18 86.7136 13.55C86.4536 13.92 86.1036 14.195 85.6636 14.375C85.2236 14.555 84.7286 14.645 84.1786 14.645C83.8886 14.645 83.5886 14.595 83.2786 14.495C83.0986 14.645 83.0086 14.83 83.0086 15.05C83.0086 15.24 83.0936 15.38 83.2636 15.47C83.4336 15.56 83.7236 15.605 84.1336 15.605H85.3336C86.2536 15.605 86.9536 15.755 87.4336 16.055C87.9236 16.345 88.1686 16.825 88.1686 17.495C88.1686 18.005 87.9986 18.46 87.6586 18.86C87.3186 19.27 86.8386 19.59 86.2186 19.82C85.5986 20.05 84.8636 20.165 84.0136 20.165ZM84.1786 13.31C84.4686 13.31 84.7086 13.205 84.8986 12.995C85.0986 12.785 85.1986 12.475 85.1986 12.065C85.1986 11.675 85.0986 11.38 84.8986 11.18C84.7086 10.97 84.4686 10.865 84.1786 10.865C83.8886 10.865 83.6436 10.965 83.4436 11.165C83.2536 11.365 83.1586 11.665 83.1586 12.065C83.1586 12.475 83.2536 12.785 83.4436 12.995C83.6436 13.205 83.8886 13.31 84.1786 13.31ZM84.3586 18.785C84.8586 18.785 85.2686 18.695 85.5886 18.515C85.9086 18.335 86.0686 18.12 86.0686 17.87C86.0686 17.64 85.9686 17.485 85.7686 17.405C85.5786 17.325 85.2986 17.285 84.9286 17.285H84.1636C83.9136 17.285 83.7036 17.275 83.5336 17.255C83.3736 17.245 83.2336 17.225 83.1136 17.195C82.8436 17.435 82.7086 17.68 82.7086 17.93C82.7086 18.21 82.8586 18.42 83.1586 18.56C83.4686 18.71 83.8686 18.785 84.3586 18.785Z" fill="#1D2939"/>
+<path d="M92.5542 17V7.22003H98.7192V9.08003H94.7592V11.345H98.1492V13.205H94.7592V17H92.5542Z" fill="#1D2939"/>
+<path d="M101.544 17.18C100.864 17.18 100.324 16.965 99.9241 16.535C99.5241 16.095 99.3241 15.56 99.3241 14.93C99.3241 14.15 99.6541 13.54 100.314 13.1C100.974 12.66 102.039 12.365 103.509 12.215C103.489 11.885 103.389 11.625 103.209 11.435C103.039 11.235 102.749 11.135 102.339 11.135C102.029 11.135 101.714 11.195 101.394 11.315C101.074 11.435 100.734 11.6 100.374 11.81L99.5791 10.355C100.049 10.065 100.549 9.83003 101.079 9.65003C101.619 9.47003 102.179 9.38003 102.759 9.38003C103.709 9.38003 104.439 9.65503 104.949 10.205C105.459 10.755 105.714 11.6 105.714 12.74V17H103.914L103.764 16.235H103.704C103.394 16.515 103.059 16.745 102.699 16.925C102.349 17.095 101.964 17.18 101.544 17.18ZM102.294 15.47C102.544 15.47 102.759 15.415 102.939 15.305C103.129 15.185 103.319 15.03 103.509 14.84V13.535C102.729 13.635 102.189 13.795 101.889 14.015C101.589 14.225 101.439 14.475 101.439 14.765C101.439 15.005 101.514 15.185 101.664 15.305C101.824 15.415 102.034 15.47 102.294 15.47Z" fill="#1D2939"/>
+<path d="M110.819 17.18C110.129 17.18 109.504 17.03 108.944 16.73C108.394 16.42 107.954 15.975 107.624 15.395C107.304 14.805 107.144 14.1 107.144 13.28C107.144 12.45 107.324 11.745 107.684 11.165C108.044 10.585 108.519 10.145 109.109 9.84503C109.699 9.53503 110.334 9.38003 111.014 9.38003C111.474 9.38003 111.879 9.45503 112.229 9.60503C112.589 9.75503 112.909 9.94503 113.189 10.175L112.154 11.6C111.804 11.31 111.469 11.165 111.149 11.165C110.619 11.165 110.194 11.355 109.874 11.735C109.564 12.115 109.409 12.63 109.409 13.28C109.409 13.92 109.564 14.435 109.874 14.825C110.194 15.205 110.594 15.395 111.074 15.395C111.314 15.395 111.549 15.345 111.779 15.245C112.009 15.135 112.219 15.005 112.409 14.855L113.279 16.295C112.909 16.615 112.509 16.845 112.079 16.985C111.649 17.115 111.229 17.18 110.819 17.18Z" fill="#1D2939"/>
+<path d="M117.486 17.18C116.776 17.18 116.136 17.025 115.566 16.715C114.996 16.405 114.546 15.96 114.216 15.38C113.886 14.8 113.721 14.1 113.721 13.28C113.721 12.47 113.886 11.775 114.216 11.195C114.556 10.615 114.996 10.17 115.536 9.86003C116.076 9.54003 116.641 9.38003 117.231 9.38003C117.941 9.38003 118.526 9.54003 118.986 9.86003C119.456 10.17 119.806 10.595 120.036 11.135C120.276 11.665 120.396 12.27 120.396 12.95C120.396 13.14 120.386 13.33 120.366 13.52C120.346 13.7 120.326 13.835 120.306 13.925H115.851C115.951 14.465 116.176 14.865 116.526 15.125C116.876 15.375 117.296 15.5 117.786 15.5C118.316 15.5 118.851 15.335 119.391 15.005L120.126 16.34C119.746 16.6 119.321 16.805 118.851 16.955C118.381 17.105 117.926 17.18 117.486 17.18ZM115.836 12.47H118.521C118.521 12.06 118.421 11.725 118.221 11.465C118.031 11.195 117.716 11.06 117.276 11.06C116.936 11.06 116.631 11.18 116.361 11.42C116.091 11.65 115.916 12 115.836 12.47Z" fill="#1D2939"/>
+<path d="M125.103 17V7.22003H127.308V10.985H130.683V7.22003H132.903V17H130.683V12.92H127.308V17H125.103Z" fill="#1D2939"/>
+<path d="M137.265 17.18C136.455 17.18 135.865 16.915 135.495 16.385C135.135 15.845 134.955 15.11 134.955 14.18V9.56003H137.16V13.895C137.16 14.425 137.235 14.795 137.385 15.005C137.535 15.205 137.77 15.305 138.09 15.305C138.37 15.305 138.605 15.24 138.795 15.11C138.985 14.98 139.19 14.77 139.41 14.48V9.56003H141.615V17H139.815L139.65 15.965H139.605C139.295 16.335 138.955 16.63 138.585 16.85C138.215 17.07 137.775 17.18 137.265 17.18Z" fill="#1D2939"/>
+<path d="M147.456 17.18C147.126 17.18 146.791 17.1 146.451 16.94C146.121 16.77 145.811 16.525 145.521 16.205H145.461L145.281 17H143.556V6.48503H145.761V9.06503L145.701 10.205C145.991 9.94503 146.306 9.74503 146.646 9.60503C146.986 9.45503 147.326 9.38003 147.666 9.38003C148.266 9.38003 148.786 9.53503 149.226 9.84503C149.666 10.155 150.001 10.595 150.231 11.165C150.471 11.725 150.591 12.385 150.591 13.145C150.591 13.995 150.441 14.725 150.141 15.335C149.841 15.935 149.451 16.395 148.971 16.715C148.501 17.025 147.996 17.18 147.456 17.18ZM146.946 15.38C147.326 15.38 147.651 15.205 147.921 14.855C148.191 14.505 148.326 13.95 148.326 13.19C148.326 11.85 147.896 11.18 147.036 11.18C146.596 11.18 146.171 11.405 145.761 11.855V14.9C145.961 15.08 146.161 15.205 146.361 15.275C146.561 15.345 146.756 15.38 146.946 15.38Z" fill="#1D2939"/>
+</g>
+<defs>
+<clipPath id="clip0_8587_60397">
+<rect x="0.998047" width="150" height="24" rx="6" fill="white"/>
+</clipPath>
+<clipPath id="clip1_8587_60397">
+<rect width="23.998" height="22.2298" fill="white" transform="translate(0.998047 0.885132)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/huggingface-text.svg b/web/app/components/base/icons/assets/public/llm/huggingface-text.svg
new file mode 100644
index 0000000000..70135a08de
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/huggingface-text.svg
@@ -0,0 +1,42 @@
+<svg width="120" height="24" viewBox="0 0 120 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_8587_60377)">
+<g clip-path="url(#clip1_8587_60377)">
+<path d="M11.9286 20.2062C16.7767 20.2062 20.7069 16.2761 20.7069 11.428C20.7069 6.57993 16.7767 2.64978 11.9286 2.64978C7.08054 2.64978 3.15039 6.57993 3.15039 11.428C3.15039 16.2761 7.08054 20.2062 11.9286 20.2062Z" fill="#FFD21E"/>
+<path d="M20.7095 11.4326C20.7095 6.58451 16.7793 2.65436 11.9313 2.65436C7.08318 2.65436 3.15303 6.58451 3.15303 11.4326C3.15303 16.2807 7.08318 20.2108 11.9313 20.2108C16.7793 20.2108 20.7095 16.2807 20.7095 11.4326ZM2.14258 11.4326C2.14258 6.02647 6.52511 1.64392 11.9313 1.64392C17.3374 1.64392 21.7199 6.02647 21.7199 11.4326C21.7199 16.8387 17.3374 21.2213 11.9313 21.2213C6.52511 21.2213 2.14258 16.8387 2.14258 11.4326Z" fill="#FF9D0B"/>
+<path d="M14.7822 9.03703C15.1041 9.1507 15.2322 9.81254 15.5574 9.6396C16.1734 9.31212 16.4072 8.54734 16.0797 7.93142C15.7522 7.31553 14.9874 7.08172 14.3715 7.4092C13.7556 7.73669 13.5218 8.50147 13.8493 9.11738C14.0038 9.40809 14.4944 8.9354 14.7822 9.03703Z" fill="#3A3B45"/>
+<path d="M8.83422 9.03703C8.5123 9.1507 8.38422 9.81254 8.05901 9.6396C7.4431 9.31212 7.20928 8.54734 7.53676 7.93142C7.86425 7.31553 8.62903 7.08172 9.24494 7.4092C9.86086 7.73669 10.0947 8.50147 9.76719 9.11738C9.61262 9.40809 9.122 8.9354 8.83422 9.03703Z" fill="#3A3B45"/>
+<path d="M11.8679 15.1044C14.3507 15.1044 15.1519 12.8908 15.1519 11.7541C15.1519 11.1633 14.7547 11.3492 14.1187 11.6641C13.5309 11.9551 12.739 12.3563 11.8679 12.3563C10.0543 12.3563 8.58398 10.6173 8.58398 11.7541C8.58398 12.8908 9.38514 15.1044 11.8679 15.1044Z" fill="#3A3B45"/>
+<mask id="mask0_8587_60377" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="11" width="8" height="5">
+<path d="M11.8562 15.1005C14.339 15.1005 15.1402 12.8869 15.1402 11.7502C15.1402 11.1594 14.743 11.3453 14.1069 11.6602C13.5191 11.9512 12.7273 12.3524 11.8562 12.3524C10.0425 12.3524 8.57227 10.6134 8.57227 11.7502C8.57227 12.8869 9.37342 15.1005 11.8562 15.1005Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_8587_60377)">
+<path d="M11.9194 17.6824C13.1294 17.6824 14.1103 16.7016 14.1103 15.4916C14.1103 14.5491 13.5152 13.7457 12.6803 13.4364C12.6496 13.425 12.6185 13.4143 12.5872 13.4043C12.3766 13.337 12.1523 14.0606 11.9194 14.0606C11.7018 14.0606 11.4917 13.3324 11.2933 13.3915C10.3884 13.6609 9.72852 14.4991 9.72852 15.4916C9.72852 16.7016 10.7094 17.6824 11.9194 17.6824Z" fill="#F94040"/>
+</g>
+<path d="M17.8698 10.2273C18.3232 10.2273 18.6908 9.85972 18.6908 9.40631C18.6908 8.9529 18.3232 8.58533 17.8698 8.58533C17.4164 8.58533 17.0488 8.9529 17.0488 9.40631C17.0488 9.85972 17.4164 10.2273 17.8698 10.2273Z" fill="#FF9D0B"/>
+<path d="M6.11981 10.2273C6.57323 10.2273 6.9408 9.85972 6.9408 9.40631C6.9408 8.9529 6.57323 8.58533 6.11981 8.58533C5.66638 8.58533 5.29883 8.9529 5.29883 9.40631C5.29883 9.85972 5.66638 10.2273 6.11981 10.2273Z" fill="#FF9D0B"/>
+<path d="M4.42915 13.0092C4.02018 13.0092 3.65465 13.1771 3.39976 13.4818C3.24214 13.6705 3.07743 13.9746 3.06404 14.4301C2.89252 14.3808 2.72757 14.3533 2.57347 14.3533C2.18193 14.3533 1.82827 14.5033 1.57819 14.7759C1.25687 15.1258 1.11414 15.5557 1.17628 15.9859C1.20584 16.1908 1.2743 16.3744 1.3766 16.5444C1.16087 16.719 1.00198 16.962 0.925188 17.2543C0.865067 17.4834 0.803429 17.9606 1.12526 18.4522C1.10479 18.4842 1.0856 18.5176 1.06766 18.5517C0.874161 18.919 0.861783 19.334 1.03255 19.7205C1.29147 20.3063 1.93487 20.7678 3.18429 21.2632C3.96157 21.5714 4.67267 21.7684 4.67899 21.7702C5.70661 22.0367 6.63596 22.1721 7.44053 22.1721C8.91931 22.1721 9.97801 21.7192 10.5873 20.8259C11.5679 19.3876 11.4277 18.072 10.1589 16.8039C9.45662 16.1021 8.98979 15.0674 8.89254 14.8403C8.69651 14.1679 8.17815 13.4204 7.3165 13.4204C7.244 13.4204 7.17049 13.4262 7.09824 13.4376C6.72084 13.4969 6.39093 13.7142 6.15525 14.0411C5.90087 13.7248 5.65381 13.4732 5.43025 13.3312C5.09327 13.1175 4.75654 13.0092 4.42915 13.0092ZM4.42915 14.0196C4.55799 14.0196 4.71536 14.0744 4.88891 14.1846C5.42773 14.5263 6.46747 16.3136 6.84816 17.0087C6.97573 17.2417 7.19373 17.3402 7.39001 17.3402C7.77953 17.3402 8.08368 16.9529 7.42563 16.4608C6.43615 15.7204 6.78324 14.5102 7.25562 14.4356C7.27633 14.4324 7.29679 14.4308 7.3165 14.4308C7.74594 14.4308 7.93539 15.171 7.93539 15.171C7.93539 15.171 8.49063 16.5654 9.44449 17.5185C10.3984 18.4719 10.4476 19.237 9.75243 20.2566C9.27828 20.9517 8.37064 21.1617 7.44053 21.1617C6.47581 21.1617 5.48684 20.9358 4.93261 20.7921C4.90533 20.785 1.53474 19.8329 1.96165 19.0226C2.03339 18.8864 2.15161 18.8318 2.3004 18.8318C2.90162 18.8318 3.99517 19.7266 4.46528 19.7266C4.57036 19.7266 4.64438 19.6819 4.67469 19.5727C4.87501 18.8541 1.62896 18.5519 1.90254 17.5109C1.95079 17.3268 2.08164 17.252 2.26554 17.2523C3.06 17.2523 4.84243 18.6495 5.21604 18.6495C5.24458 18.6495 5.26504 18.6411 5.27616 18.6234C5.46334 18.3213 5.36078 18.1104 4.0414 17.3119C2.72201 16.5131 1.79594 16.0327 2.32263 15.4592C2.38326 15.393 2.46915 15.3637 2.57347 15.3637C3.3745 15.364 5.26706 17.0863 5.26706 17.0863C5.26706 17.0863 5.77784 17.6175 6.08679 17.6175C6.15777 17.6175 6.21814 17.5895 6.25907 17.5203C6.47808 17.151 4.22479 15.4433 4.09773 14.7388C4.01159 14.2613 4.1581 14.0196 4.42915 14.0196Z" fill="#FF9D0B"/>
+<path d="M9.75883 20.2539C10.454 19.2344 10.4048 18.4692 9.4509 17.5159C8.49704 16.5628 7.9418 15.1684 7.9418 15.1684C7.9418 15.1684 7.73441 14.3585 7.26203 14.433C6.78964 14.5075 6.44281 15.7178 7.43228 16.4582C8.42176 17.1984 7.23525 17.7013 6.85456 17.0061C6.47388 16.3109 5.43438 14.5237 4.89531 14.1819C4.35649 13.8402 3.97707 14.0316 4.10414 14.7362C4.2312 15.4407 6.48474 17.1483 6.26547 17.5179C6.04621 17.8872 5.27347 17.0837 5.27347 17.0837C5.27347 17.0837 2.85548 14.8832 2.32903 15.4566C1.80258 16.03 2.72842 16.5105 4.0478 17.3093C5.36744 18.1078 5.46975 18.3187 5.28257 18.6208C5.09513 18.9229 2.18251 16.4673 1.90893 17.5083C1.63561 18.5493 4.88142 18.8514 4.6811 19.5701C4.48078 20.2891 2.3947 18.2098 1.96804 19.0199C1.54113 19.8303 4.91173 20.7824 4.93901 20.7895C6.02777 21.0719 8.79285 21.6703 9.75883 20.2539Z" fill="#FFD21E"/>
+<path d="M19.5568 13.0092C19.9658 13.0092 20.3313 13.1771 20.5862 13.4818C20.7439 13.6705 20.9086 13.9746 20.9219 14.4301C21.0935 14.3808 21.2584 14.3533 21.4125 14.3533C21.8041 14.3533 22.1577 14.5033 22.4078 14.7759C22.7291 15.1258 22.8718 15.5557 22.8097 15.9859C22.7802 16.1908 22.7117 16.3744 22.6094 16.5444C22.8251 16.719 22.984 16.962 23.0608 17.2543C23.1209 17.4834 23.1826 17.9606 22.8607 18.4522C22.8812 18.4842 22.9004 18.5176 22.9183 18.5517C23.1118 18.919 23.1242 19.334 22.9534 19.7205C22.6945 20.3063 22.0511 20.7678 20.8017 21.2632C20.0244 21.5714 19.3133 21.7684 19.307 21.7702C18.2794 22.0367 17.35 22.1721 16.5455 22.1721C15.0667 22.1721 14.008 21.7192 13.3987 20.8259C12.418 19.3876 12.5582 18.072 13.8271 16.8039C14.5294 16.1021 14.9962 15.0674 15.0935 14.8403C15.2895 14.1679 15.8078 13.4204 16.6695 13.4204C16.742 13.4204 16.8155 13.4262 16.8877 13.4376C17.2651 13.4969 17.5951 13.7142 17.8307 14.0411C18.0851 13.7248 18.3322 13.4732 18.5557 13.3312C18.8927 13.1175 19.2295 13.0092 19.5568 13.0092ZM19.5568 14.0196C19.428 14.0196 19.2706 14.0744 19.0971 14.1846C18.5583 14.5263 17.5185 16.3136 17.1378 17.0087C17.0103 17.2417 16.7923 17.3402 16.596 17.3402C16.2065 17.3402 15.9023 16.9529 16.5604 16.4608C17.5498 15.7204 17.2028 14.5102 16.7304 14.4356C16.7097 14.4324 16.6892 14.4308 16.6695 14.4308C16.2401 14.4308 16.0506 15.171 16.0506 15.171C16.0506 15.171 15.4954 16.5654 14.5415 17.5185C13.5876 18.4719 13.5384 19.237 14.2336 20.2566C14.7077 20.9517 15.6153 21.1617 16.5455 21.1617C17.5102 21.1617 18.4992 20.9358 19.0534 20.7921C19.0807 20.785 22.4513 19.8329 22.0243 19.0226C21.9526 18.8864 21.8344 18.8318 21.6856 18.8318C21.0844 18.8318 19.9908 19.7266 19.5207 19.7266C19.4156 19.7266 19.3416 19.6819 19.3113 19.5727C19.111 18.8541 22.357 18.5519 22.0835 17.5109C22.0352 17.3268 21.9043 17.252 21.7204 17.2523C20.926 17.2523 19.1436 18.6495 18.77 18.6495C18.7414 18.6495 18.7209 18.6411 18.7098 18.6234C18.5226 18.3213 18.6252 18.1104 19.9446 17.3119C21.264 16.5131 22.1901 16.0327 21.6634 15.4592C21.6027 15.393 21.5168 15.3637 21.4125 15.3637C20.6115 15.364 18.7189 17.0863 18.7189 17.0863C18.7189 17.0863 18.2081 17.6175 17.8992 17.6175C17.8282 17.6175 17.7678 17.5895 17.7269 17.5203C17.5079 17.151 19.7612 15.4433 19.8883 14.7388C19.9744 14.2613 19.8279 14.0196 19.5568 14.0196Z" fill="#FF9D0B"/>
+<path d="M14.2354 20.2539C13.5402 19.2344 13.5895 18.4692 14.5433 17.5159C15.4972 16.5628 16.0524 15.1684 16.0524 15.1684C16.0524 15.1684 16.2598 14.3585 16.7322 14.433C17.2046 14.5075 17.5514 15.7178 16.5619 16.4582C15.5724 17.1984 16.759 17.7013 17.1396 17.0061C17.5203 16.3109 18.5598 14.5237 19.0989 14.1819C19.6377 13.8402 20.0171 14.0316 19.8901 14.7362C19.763 15.4407 17.5095 17.1483 17.7287 17.5179C17.948 17.8872 18.7207 17.0837 18.7207 17.0837C18.7207 17.0837 21.1387 14.8832 21.6652 15.4566C22.1916 16.03 21.2658 16.5105 19.9464 17.3093C18.6268 18.1078 18.5245 18.3187 18.7116 18.6208C18.8991 18.9229 21.8117 16.4673 22.0853 17.5083C22.3586 18.5493 19.1128 18.8514 19.3131 19.5701C19.5134 20.2891 21.5995 18.2098 22.0262 19.0199C22.4531 19.8303 19.0825 20.7824 19.0552 20.7895C17.9664 21.0719 15.2014 21.6703 14.2354 20.2539Z" fill="#FFD21E"/>
+</g>
+<path d="M33.1528 17V7.22003H35.3578V10.985H38.7328V7.22003H40.9528V17H38.7328V12.92H35.3578V17H33.1528Z" fill="#1D2939"/>
+<path d="M45.3153 17.18C44.5053 17.18 43.9153 16.915 43.5453 16.385C43.1853 15.845 43.0053 15.11 43.0053 14.18V9.56003H45.2103V13.895C45.2103 14.425 45.2853 14.795 45.4353 15.005C45.5853 15.205 45.8203 15.305 46.1403 15.305C46.4203 15.305 46.6553 15.24 46.8453 15.11C47.0353 14.98 47.2403 14.77 47.4603 14.48V9.56003H49.6653V17H47.8653L47.7003 15.965H47.6553C47.3453 16.335 47.0053 16.63 46.6353 16.85C46.2653 17.07 45.8253 17.18 45.3153 17.18Z" fill="#1D2939"/>
+<path d="M54.2606 20.165C53.6806 20.165 53.1556 20.1 52.6856 19.97C52.2156 19.84 51.8406 19.635 51.5606 19.355C51.2806 19.075 51.1406 18.715 51.1406 18.275C51.1406 17.675 51.4956 17.175 52.2056 16.775V16.715C52.0156 16.585 51.8506 16.42 51.7106 16.22C51.5806 16.02 51.5156 15.765 51.5156 15.455C51.5156 15.185 51.5956 14.925 51.7556 14.675C51.9156 14.425 52.1156 14.22 52.3556 14.06V14C52.0956 13.82 51.8606 13.56 51.6506 13.22C51.4506 12.88 51.3506 12.495 51.3506 12.065C51.3506 11.465 51.4956 10.97 51.7856 10.58C52.0756 10.18 52.4556 9.88003 52.9256 9.68003C53.3956 9.48003 53.8956 9.38003 54.4256 9.38003C54.8656 9.38003 55.2506 9.44003 55.5806 9.56003H58.2956V11.165H57.1106C57.1806 11.275 57.2356 11.415 57.2756 11.585C57.3256 11.755 57.3506 11.94 57.3506 12.14C57.3506 12.71 57.2206 13.18 56.9606 13.55C56.7006 13.92 56.3506 14.195 55.9106 14.375C55.4706 14.555 54.9756 14.645 54.4256 14.645C54.1356 14.645 53.8356 14.595 53.5256 14.495C53.3456 14.645 53.2556 14.83 53.2556 15.05C53.2556 15.24 53.3406 15.38 53.5106 15.47C53.6806 15.56 53.9706 15.605 54.3806 15.605H55.5806C56.5006 15.605 57.2006 15.755 57.6806 16.055C58.1706 16.345 58.4156 16.825 58.4156 17.495C58.4156 18.005 58.2456 18.46 57.9056 18.86C57.5656 19.27 57.0856 19.59 56.4656 19.82C55.8456 20.05 55.1106 20.165 54.2606 20.165ZM54.4256 13.31C54.7156 13.31 54.9556 13.205 55.1456 12.995C55.3456 12.785 55.4456 12.475 55.4456 12.065C55.4456 11.675 55.3456 11.38 55.1456 11.18C54.9556 10.97 54.7156 10.865 54.4256 10.865C54.1356 10.865 53.8906 10.965 53.6906 11.165C53.5006 11.365 53.4056 11.665 53.4056 12.065C53.4056 12.475 53.5006 12.785 53.6906 12.995C53.8906 13.205 54.1356 13.31 54.4256 13.31ZM54.6056 18.785C55.1056 18.785 55.5156 18.695 55.8356 18.515C56.1556 18.335 56.3156 18.12 56.3156 17.87C56.3156 17.64 56.2156 17.485 56.0156 17.405C55.8256 17.325 55.5456 17.285 55.1756 17.285H54.4106C54.1606 17.285 53.9506 17.275 53.7806 17.255C53.6206 17.245 53.4806 17.225 53.3606 17.195C53.0906 17.435 52.9556 17.68 52.9556 17.93C52.9556 18.21 53.1056 18.42 53.4056 18.56C53.7156 18.71 54.1156 18.785 54.6056 18.785Z" fill="#1D2939"/>
+<path d="M62.2733 20.165C61.6933 20.165 61.1683 20.1 60.6983 19.97C60.2283 19.84 59.8533 19.635 59.5733 19.355C59.2933 19.075 59.1533 18.715 59.1533 18.275C59.1533 17.675 59.5083 17.175 60.2183 16.775V16.715C60.0283 16.585 59.8633 16.42 59.7233 16.22C59.5933 16.02 59.5283 15.765 59.5283 15.455C59.5283 15.185 59.6083 14.925 59.7683 14.675C59.9283 14.425 60.1283 14.22 60.3683 14.06V14C60.1083 13.82 59.8733 13.56 59.6633 13.22C59.4633 12.88 59.3633 12.495 59.3633 12.065C59.3633 11.465 59.5083 10.97 59.7983 10.58C60.0883 10.18 60.4683 9.88003 60.9383 9.68003C61.4083 9.48003 61.9083 9.38003 62.4383 9.38003C62.8783 9.38003 63.2633 9.44003 63.5933 9.56003H66.3083V11.165H65.1233C65.1933 11.275 65.2483 11.415 65.2883 11.585C65.3383 11.755 65.3633 11.94 65.3633 12.14C65.3633 12.71 65.2333 13.18 64.9733 13.55C64.7133 13.92 64.3633 14.195 63.9233 14.375C63.4833 14.555 62.9883 14.645 62.4383 14.645C62.1483 14.645 61.8483 14.595 61.5383 14.495C61.3583 14.645 61.2683 14.83 61.2683 15.05C61.2683 15.24 61.3533 15.38 61.5233 15.47C61.6933 15.56 61.9833 15.605 62.3933 15.605H63.5933C64.5133 15.605 65.2133 15.755 65.6933 16.055C66.1833 16.345 66.4283 16.825 66.4283 17.495C66.4283 18.005 66.2583 18.46 65.9183 18.86C65.5783 19.27 65.0983 19.59 64.4783 19.82C63.8583 20.05 63.1233 20.165 62.2733 20.165ZM62.4383 13.31C62.7283 13.31 62.9683 13.205 63.1583 12.995C63.3583 12.785 63.4583 12.475 63.4583 12.065C63.4583 11.675 63.3583 11.38 63.1583 11.18C62.9683 10.97 62.7283 10.865 62.4383 10.865C62.1483 10.865 61.9033 10.965 61.7033 11.165C61.5133 11.365 61.4183 11.665 61.4183 12.065C61.4183 12.475 61.5133 12.785 61.7033 12.995C61.9033 13.205 62.1483 13.31 62.4383 13.31ZM62.6183 18.785C63.1183 18.785 63.5283 18.695 63.8483 18.515C64.1683 18.335 64.3283 18.12 64.3283 17.87C64.3283 17.64 64.2283 17.485 64.0283 17.405C63.8383 17.325 63.5583 17.285 63.1883 17.285H62.4233C62.1733 17.285 61.9633 17.275 61.7933 17.255C61.6333 17.245 61.4933 17.225 61.3733 17.195C61.1033 17.435 60.9683 17.68 60.9683 17.93C60.9683 18.21 61.1183 18.42 61.4183 18.56C61.7283 18.71 62.1283 18.785 62.6183 18.785Z" fill="#1D2939"/>
+<path d="M67.631 17V9.56003H69.836V17H67.631ZM68.726 8.46503C68.356 8.46503 68.056 8.36003 67.826 8.15003C67.596 7.94003 67.481 7.66003 67.481 7.31003C67.481 6.96003 67.596 6.68003 67.826 6.47003C68.056 6.26003 68.356 6.15503 68.726 6.15503C69.096 6.15503 69.396 6.26003 69.626 6.47003C69.856 6.68003 69.971 6.96003 69.971 7.31003C69.971 7.66003 69.856 7.94003 69.626 8.15003C69.396 8.36003 69.096 8.46503 68.726 8.46503Z" fill="#1D2939"/>
+<path d="M71.7765 17V9.56003H73.5765L73.7265 10.505H73.7865C74.1065 10.205 74.4565 9.94503 74.8365 9.72503C75.2265 9.49503 75.6715 9.38003 76.1715 9.38003C76.9815 9.38003 77.5665 9.65003 77.9265 10.19C78.2965 10.72 78.4815 11.45 78.4815 12.38V17H76.2765V12.665C76.2765 12.125 76.2015 11.755 76.0515 11.555C75.9115 11.355 75.6815 11.255 75.3615 11.255C75.0815 11.255 74.8415 11.32 74.6415 11.45C74.4415 11.57 74.2215 11.745 73.9815 11.975V17H71.7765Z" fill="#1D2939"/>
+<path d="M83.0155 20.165C82.4355 20.165 81.9105 20.1 81.4405 19.97C80.9705 19.84 80.5955 19.635 80.3155 19.355C80.0355 19.075 79.8955 18.715 79.8955 18.275C79.8955 17.675 80.2505 17.175 80.9605 16.775V16.715C80.7705 16.585 80.6055 16.42 80.4655 16.22C80.3355 16.02 80.2705 15.765 80.2705 15.455C80.2705 15.185 80.3505 14.925 80.5105 14.675C80.6705 14.425 80.8705 14.22 81.1105 14.06V14C80.8505 13.82 80.6155 13.56 80.4055 13.22C80.2055 12.88 80.1055 12.495 80.1055 12.065C80.1055 11.465 80.2505 10.97 80.5405 10.58C80.8305 10.18 81.2105 9.88003 81.6805 9.68003C82.1505 9.48003 82.6505 9.38003 83.1805 9.38003C83.6205 9.38003 84.0055 9.44003 84.3355 9.56003H87.0505V11.165H85.8655C85.9355 11.275 85.9905 11.415 86.0305 11.585C86.0805 11.755 86.1055 11.94 86.1055 12.14C86.1055 12.71 85.9755 13.18 85.7155 13.55C85.4555 13.92 85.1055 14.195 84.6655 14.375C84.2255 14.555 83.7305 14.645 83.1805 14.645C82.8905 14.645 82.5905 14.595 82.2805 14.495C82.1005 14.645 82.0105 14.83 82.0105 15.05C82.0105 15.24 82.0955 15.38 82.2655 15.47C82.4355 15.56 82.7255 15.605 83.1355 15.605H84.3355C85.2555 15.605 85.9555 15.755 86.4355 16.055C86.9255 16.345 87.1705 16.825 87.1705 17.495C87.1705 18.005 87.0005 18.46 86.6605 18.86C86.3205 19.27 85.8405 19.59 85.2205 19.82C84.6005 20.05 83.8655 20.165 83.0155 20.165ZM83.1805 13.31C83.4705 13.31 83.7105 13.205 83.9005 12.995C84.1005 12.785 84.2005 12.475 84.2005 12.065C84.2005 11.675 84.1005 11.38 83.9005 11.18C83.7105 10.97 83.4705 10.865 83.1805 10.865C82.8905 10.865 82.6455 10.965 82.4455 11.165C82.2555 11.365 82.1605 11.665 82.1605 12.065C82.1605 12.475 82.2555 12.785 82.4455 12.995C82.6455 13.205 82.8905 13.31 83.1805 13.31ZM83.3605 18.785C83.8605 18.785 84.2705 18.695 84.5905 18.515C84.9105 18.335 85.0705 18.12 85.0705 17.87C85.0705 17.64 84.9705 17.485 84.7705 17.405C84.5805 17.325 84.3005 17.285 83.9305 17.285H83.1655C82.9155 17.285 82.7055 17.275 82.5355 17.255C82.3755 17.245 82.2355 17.225 82.1155 17.195C81.8455 17.435 81.7105 17.68 81.7105 17.93C81.7105 18.21 81.8605 18.42 82.1605 18.56C82.4705 18.71 82.8705 18.785 83.3605 18.785Z" fill="#1D2939"/>
+<path d="M91.5562 17V7.22003H97.7212V9.08003H93.7612V11.345H97.1512V13.205H93.7612V17H91.5562Z" fill="#1D2939"/>
+<path d="M100.546 17.18C99.8661 17.18 99.3261 16.965 98.9261 16.535C98.5261 16.095 98.3261 15.56 98.3261 14.93C98.3261 14.15 98.6561 13.54 99.3161 13.1C99.9761 12.66 101.041 12.365 102.511 12.215C102.491 11.885 102.391 11.625 102.211 11.435C102.041 11.235 101.751 11.135 101.341 11.135C101.031 11.135 100.716 11.195 100.396 11.315C100.076 11.435 99.7361 11.6 99.3761 11.81L98.5811 10.355C99.0511 10.065 99.5511 9.83003 100.081 9.65003C100.621 9.47003 101.181 9.38003 101.761 9.38003C102.711 9.38003 103.441 9.65503 103.951 10.205C104.461 10.755 104.716 11.6 104.716 12.74V17H102.916L102.766 16.235H102.706C102.396 16.515 102.061 16.745 101.701 16.925C101.351 17.095 100.966 17.18 100.546 17.18ZM101.296 15.47C101.546 15.47 101.761 15.415 101.941 15.305C102.131 15.185 102.321 15.03 102.511 14.84V13.535C101.731 13.635 101.191 13.795 100.891 14.015C100.591 14.225 100.441 14.475 100.441 14.765C100.441 15.005 100.516 15.185 100.666 15.305C100.826 15.415 101.036 15.47 101.296 15.47Z" fill="#1D2939"/>
+<path d="M109.821 17.18C109.131 17.18 108.506 17.03 107.946 16.73C107.396 16.42 106.956 15.975 106.626 15.395C106.306 14.805 106.146 14.1 106.146 13.28C106.146 12.45 106.326 11.745 106.686 11.165C107.046 10.585 107.521 10.145 108.111 9.84503C108.701 9.53503 109.336 9.38003 110.016 9.38003C110.476 9.38003 110.881 9.45503 111.231 9.60503C111.591 9.75503 111.911 9.94503 112.191 10.175L111.156 11.6C110.806 11.31 110.471 11.165 110.151 11.165C109.621 11.165 109.196 11.355 108.876 11.735C108.566 12.115 108.411 12.63 108.411 13.28C108.411 13.92 108.566 14.435 108.876 14.825C109.196 15.205 109.596 15.395 110.076 15.395C110.316 15.395 110.551 15.345 110.781 15.245C111.011 15.135 111.221 15.005 111.411 14.855L112.281 16.295C111.911 16.615 111.511 16.845 111.081 16.985C110.651 17.115 110.231 17.18 109.821 17.18Z" fill="#1D2939"/>
+<path d="M116.488 17.18C115.778 17.18 115.138 17.025 114.568 16.715C113.998 16.405 113.548 15.96 113.218 15.38C112.888 14.8 112.723 14.1 112.723 13.28C112.723 12.47 112.888 11.775 113.218 11.195C113.558 10.615 113.998 10.17 114.538 9.86003C115.078 9.54003 115.643 9.38003 116.233 9.38003C116.943 9.38003 117.528 9.54003 117.988 9.86003C118.458 10.17 118.808 10.595 119.038 11.135C119.278 11.665 119.398 12.27 119.398 12.95C119.398 13.14 119.388 13.33 119.368 13.52C119.348 13.7 119.328 13.835 119.308 13.925H114.853C114.953 14.465 115.178 14.865 115.528 15.125C115.878 15.375 116.298 15.5 116.788 15.5C117.318 15.5 117.853 15.335 118.393 15.005L119.128 16.34C118.748 16.6 118.323 16.805 117.853 16.955C117.383 17.105 116.928 17.18 116.488 17.18ZM114.838 12.47H117.523C117.523 12.06 117.423 11.725 117.223 11.465C117.033 11.195 116.718 11.06 116.278 11.06C115.938 11.06 115.633 11.18 115.363 11.42C115.093 11.65 114.918 12 114.838 12.47Z" fill="#1D2939"/>
+</g>
+<defs>
+<clipPath id="clip0_8587_60377">
+<rect width="119.998" height="24" rx="6" fill="white"/>
+</clipPath>
+<clipPath id="clip1_8587_60377">
+<rect width="23.998" height="22.2298" fill="white" transform="translate(0 0.885132)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/huggingface.svg b/web/app/components/base/icons/assets/public/llm/huggingface.svg
new file mode 100644
index 0000000000..5a444f127f
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/huggingface.svg
@@ -0,0 +1,19 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9286 20.2062C16.7767 20.2062 20.7069 16.2761 20.7069 11.428C20.7069 6.57993 16.7767 2.64978 11.9286 2.64978C7.08054 2.64978 3.15039 6.57993 3.15039 11.428C3.15039 16.2761 7.08054 20.2062 11.9286 20.2062Z" fill="#FFD21E"/>
+<path d="M20.7095 11.4326C20.7095 6.58451 16.7793 2.65436 11.9313 2.65436C7.08318 2.65436 3.15303 6.58451 3.15303 11.4326C3.15303 16.2807 7.08318 20.2108 11.9313 20.2108C16.7793 20.2108 20.7095 16.2807 20.7095 11.4326ZM2.14258 11.4326C2.14258 6.02647 6.52511 1.64392 11.9313 1.64392C17.3374 1.64392 21.7199 6.02647 21.7199 11.4326C21.7199 16.8387 17.3374 21.2213 11.9313 21.2213C6.52511 21.2213 2.14258 16.8387 2.14258 11.4326Z" fill="#FF9D0B"/>
+<path d="M14.7822 9.03703C15.1041 9.1507 15.2322 9.81254 15.5574 9.6396C16.1734 9.31212 16.4072 8.54734 16.0797 7.93142C15.7522 7.31553 14.9874 7.08172 14.3715 7.4092C13.7556 7.73669 13.5218 8.50147 13.8493 9.11738C14.0038 9.40809 14.4944 8.9354 14.7822 9.03703Z" fill="#3A3B45"/>
+<path d="M8.83422 9.03703C8.5123 9.1507 8.38422 9.81254 8.05901 9.6396C7.4431 9.31212 7.20928 8.54734 7.53676 7.93142C7.86425 7.31553 8.62903 7.08172 9.24494 7.4092C9.86086 7.73669 10.0947 8.50147 9.76719 9.11738C9.61262 9.40809 9.122 8.9354 8.83422 9.03703Z" fill="#3A3B45"/>
+<path d="M11.8679 15.1044C14.3507 15.1044 15.1519 12.8908 15.1519 11.7541C15.1519 11.1633 14.7547 11.3492 14.1187 11.6641C13.5309 11.9551 12.739 12.3563 11.8679 12.3563C10.0543 12.3563 8.58398 10.6173 8.58398 11.7541C8.58398 12.8908 9.38514 15.1044 11.8679 15.1044Z" fill="#3A3B45"/>
+<mask id="mask0_8587_60183" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="8" y="11" width="8" height="5">
+<path d="M11.8562 15.1005C14.339 15.1005 15.1402 12.8869 15.1402 11.7502C15.1402 11.1594 14.743 11.3453 14.1069 11.6602C13.5191 11.9512 12.7273 12.3524 11.8562 12.3524C10.0425 12.3524 8.57227 10.6134 8.57227 11.7502C8.57227 12.8869 9.37342 15.1005 11.8562 15.1005Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_8587_60183)">
+<path d="M11.9194 17.6824C13.1294 17.6824 14.1103 16.7016 14.1103 15.4916C14.1103 14.5491 13.5152 13.7457 12.6803 13.4364C12.6496 13.425 12.6185 13.4143 12.5872 13.4043C12.3766 13.337 12.1523 14.0606 11.9194 14.0606C11.7018 14.0606 11.4917 13.3324 11.2933 13.3915C10.3884 13.6609 9.72852 14.4991 9.72852 15.4916C9.72852 16.7016 10.7094 17.6824 11.9194 17.6824Z" fill="#F94040"/>
+</g>
+<path d="M17.8698 10.2273C18.3232 10.2273 18.6908 9.85972 18.6908 9.40631C18.6908 8.9529 18.3232 8.58533 17.8698 8.58533C17.4164 8.58533 17.0488 8.9529 17.0488 9.40631C17.0488 9.85972 17.4164 10.2273 17.8698 10.2273Z" fill="#FF9D0B"/>
+<path d="M6.11981 10.2273C6.57323 10.2273 6.9408 9.85972 6.9408 9.40631C6.9408 8.9529 6.57323 8.58533 6.11981 8.58533C5.66638 8.58533 5.29883 8.9529 5.29883 9.40631C5.29883 9.85972 5.66638 10.2273 6.11981 10.2273Z" fill="#FF9D0B"/>
+<path d="M4.42915 13.0092C4.02018 13.0092 3.65465 13.1771 3.39976 13.4818C3.24214 13.6705 3.07743 13.9746 3.06404 14.4301C2.89252 14.3808 2.72757 14.3533 2.57347 14.3533C2.18193 14.3533 1.82827 14.5033 1.57819 14.7759C1.25687 15.1258 1.11414 15.5557 1.17628 15.9859C1.20584 16.1908 1.2743 16.3744 1.3766 16.5444C1.16087 16.719 1.00198 16.962 0.925188 17.2543C0.865067 17.4834 0.803429 17.9606 1.12526 18.4522C1.10479 18.4842 1.0856 18.5176 1.06766 18.5517C0.874161 18.919 0.861783 19.334 1.03255 19.7205C1.29147 20.3063 1.93487 20.7678 3.18429 21.2632C3.96157 21.5714 4.67267 21.7684 4.67899 21.7702C5.70661 22.0367 6.63596 22.1721 7.44053 22.1721C8.91931 22.1721 9.97801 21.7192 10.5873 20.8259C11.5679 19.3876 11.4277 18.072 10.1589 16.8039C9.45662 16.1021 8.98979 15.0674 8.89254 14.8403C8.69651 14.1679 8.17815 13.4204 7.3165 13.4204C7.244 13.4204 7.17049 13.4262 7.09824 13.4376C6.72084 13.4969 6.39093 13.7142 6.15525 14.0411C5.90087 13.7248 5.65381 13.4732 5.43025 13.3312C5.09327 13.1175 4.75654 13.0092 4.42915 13.0092ZM4.42915 14.0196C4.55799 14.0196 4.71536 14.0744 4.88891 14.1846C5.42773 14.5263 6.46747 16.3136 6.84816 17.0087C6.97573 17.2417 7.19373 17.3402 7.39001 17.3402C7.77953 17.3402 8.08368 16.9529 7.42563 16.4608C6.43615 15.7204 6.78324 14.5102 7.25562 14.4356C7.27633 14.4324 7.29679 14.4308 7.3165 14.4308C7.74594 14.4308 7.93539 15.171 7.93539 15.171C7.93539 15.171 8.49063 16.5654 9.44449 17.5185C10.3984 18.4719 10.4476 19.237 9.75243 20.2566C9.27828 20.9517 8.37064 21.1617 7.44053 21.1617C6.47581 21.1617 5.48684 20.9358 4.93261 20.7921C4.90533 20.785 1.53474 19.8329 1.96165 19.0226C2.03339 18.8864 2.15161 18.8318 2.3004 18.8318C2.90162 18.8318 3.99517 19.7266 4.46528 19.7266C4.57036 19.7266 4.64438 19.6819 4.67469 19.5727C4.87501 18.8541 1.62896 18.5519 1.90254 17.5109C1.95079 17.3268 2.08164 17.252 2.26554 17.2523C3.06 17.2523 4.84243 18.6495 5.21604 18.6495C5.24458 18.6495 5.26504 18.6411 5.27616 18.6234C5.46334 18.3213 5.36078 18.1104 4.0414 17.3119C2.72201 16.5131 1.79594 16.0327 2.32263 15.4592C2.38326 15.393 2.46915 15.3637 2.57347 15.3637C3.3745 15.364 5.26706 17.0863 5.26706 17.0863C5.26706 17.0863 5.77784 17.6175 6.08679 17.6175C6.15777 17.6175 6.21814 17.5895 6.25907 17.5203C6.47808 17.151 4.22479 15.4433 4.09773 14.7388C4.01159 14.2613 4.1581 14.0196 4.42915 14.0196Z" fill="#FF9D0B"/>
+<path d="M9.75883 20.2539C10.454 19.2344 10.4048 18.4692 9.4509 17.5159C8.49704 16.5628 7.9418 15.1684 7.9418 15.1684C7.9418 15.1684 7.73441 14.3585 7.26203 14.433C6.78964 14.5075 6.44281 15.7178 7.43228 16.4582C8.42176 17.1984 7.23525 17.7013 6.85456 17.0061C6.47388 16.3109 5.43438 14.5237 4.89531 14.1819C4.35649 13.8402 3.97707 14.0316 4.10414 14.7362C4.2312 15.4407 6.48474 17.1483 6.26547 17.5179C6.04621 17.8872 5.27347 17.0837 5.27347 17.0837C5.27347 17.0837 2.85548 14.8832 2.32903 15.4566C1.80258 16.03 2.72842 16.5105 4.0478 17.3093C5.36744 18.1078 5.46975 18.3187 5.28257 18.6208C5.09513 18.9229 2.18251 16.4673 1.90893 17.5083C1.63561 18.5493 4.88142 18.8514 4.6811 19.5701C4.48078 20.2891 2.3947 18.2098 1.96804 19.0199C1.54113 19.8303 4.91173 20.7824 4.93901 20.7895C6.02777 21.0719 8.79285 21.6703 9.75883 20.2539Z" fill="#FFD21E"/>
+<path d="M19.5568 13.0092C19.9658 13.0092 20.3313 13.1771 20.5862 13.4818C20.7439 13.6705 20.9086 13.9746 20.9219 14.4301C21.0935 14.3808 21.2584 14.3533 21.4125 14.3533C21.8041 14.3533 22.1577 14.5033 22.4078 14.7759C22.7291 15.1258 22.8718 15.5557 22.8097 15.9859C22.7802 16.1908 22.7117 16.3744 22.6094 16.5444C22.8251 16.719 22.984 16.962 23.0608 17.2543C23.1209 17.4834 23.1826 17.9606 22.8607 18.4522C22.8812 18.4842 22.9004 18.5176 22.9183 18.5517C23.1118 18.919 23.1242 19.334 22.9534 19.7205C22.6945 20.3063 22.0511 20.7678 20.8017 21.2632C20.0244 21.5714 19.3133 21.7684 19.307 21.7702C18.2794 22.0367 17.35 22.1721 16.5455 22.1721C15.0667 22.1721 14.008 21.7192 13.3987 20.8259C12.418 19.3876 12.5582 18.072 13.8271 16.8039C14.5294 16.1021 14.9962 15.0674 15.0935 14.8403C15.2895 14.1679 15.8078 13.4204 16.6695 13.4204C16.742 13.4204 16.8155 13.4262 16.8877 13.4376C17.2651 13.4969 17.5951 13.7142 17.8307 14.0411C18.0851 13.7248 18.3322 13.4732 18.5557 13.3312C18.8927 13.1175 19.2295 13.0092 19.5568 13.0092ZM19.5568 14.0196C19.428 14.0196 19.2706 14.0744 19.0971 14.1846C18.5583 14.5263 17.5185 16.3136 17.1378 17.0087C17.0103 17.2417 16.7923 17.3402 16.596 17.3402C16.2065 17.3402 15.9023 16.9529 16.5604 16.4608C17.5498 15.7204 17.2028 14.5102 16.7304 14.4356C16.7097 14.4324 16.6892 14.4308 16.6695 14.4308C16.2401 14.4308 16.0506 15.171 16.0506 15.171C16.0506 15.171 15.4954 16.5654 14.5415 17.5185C13.5876 18.4719 13.5384 19.237 14.2336 20.2566C14.7077 20.9517 15.6153 21.1617 16.5455 21.1617C17.5102 21.1617 18.4992 20.9358 19.0534 20.7921C19.0807 20.785 22.4513 19.8329 22.0243 19.0226C21.9526 18.8864 21.8344 18.8318 21.6856 18.8318C21.0844 18.8318 19.9908 19.7266 19.5207 19.7266C19.4156 19.7266 19.3416 19.6819 19.3113 19.5727C19.111 18.8541 22.357 18.5519 22.0835 17.5109C22.0352 17.3268 21.9043 17.252 21.7204 17.2523C20.926 17.2523 19.1436 18.6495 18.77 18.6495C18.7414 18.6495 18.7209 18.6411 18.7098 18.6234C18.5226 18.3213 18.6252 18.1104 19.9446 17.3119C21.264 16.5131 22.1901 16.0327 21.6634 15.4592C21.6027 15.393 21.5168 15.3637 21.4125 15.3637C20.6115 15.364 18.7189 17.0863 18.7189 17.0863C18.7189 17.0863 18.2081 17.6175 17.8992 17.6175C17.8282 17.6175 17.7678 17.5895 17.7269 17.5203C17.5079 17.151 19.7612 15.4433 19.8883 14.7388C19.9744 14.2613 19.8279 14.0196 19.5568 14.0196Z" fill="#FF9D0B"/>
+<path d="M14.2354 20.2539C13.5402 19.2344 13.5895 18.4692 14.5433 17.5159C15.4972 16.5628 16.0524 15.1684 16.0524 15.1684C16.0524 15.1684 16.2598 14.3585 16.7322 14.433C17.2046 14.5075 17.5514 15.7178 16.5619 16.4582C15.5724 17.1984 16.759 17.7013 17.1396 17.0061C17.5203 16.3109 18.5598 14.5237 19.0989 14.1819C19.6377 13.8402 20.0171 14.0316 19.8901 14.7362C19.763 15.4407 17.5095 17.1483 17.7287 17.5179C17.948 17.8872 18.7207 17.0837 18.7207 17.0837C18.7207 17.0837 21.1387 14.8832 21.6652 15.4566C22.1916 16.03 21.2658 16.5105 19.9464 17.3093C18.6268 18.1078 18.5245 18.3187 18.7116 18.6208C18.8991 18.9229 21.8117 16.4673 22.0853 17.5083C22.3586 18.5493 19.1128 18.8514 19.3131 19.5701C19.5134 20.2891 21.5995 18.2098 22.0262 19.0199C22.4531 19.8303 19.0825 20.7824 19.0552 20.7895C17.9664 21.0719 15.2014 21.6703 14.2354 20.2539Z" fill="#FFD21E"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/iflytek-spark-text-cn.svg b/web/app/components/base/icons/assets/public/llm/iflytek-spark-text-cn.svg
new file mode 100644
index 0000000000..71d85216aa
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/iflytek-spark-text-cn.svg
@@ -0,0 +1,11 @@
+<svg width="84" height="24" viewBox="0 0 84 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.8763 7.49212H33.1466V11.557H34.4438V13.0273H33.1466V18.7137H31.1574V13.0489H29.752V11.5786H31.179V7.49212H29.8384V6.02185H36.952C37.2547 6.02185 37.4925 6.25969 37.4925 6.56239V17.33H38.4438L37.7736 18.7354L35.4817 18.757L35.4601 8.11915C35.4817 7.7732 35.2222 7.49212 34.8763 7.49212Z" fill="#2B2B2D"/>
+<path d="M26.1832 11.8599H25.3184V10.3896H27.6102C27.9129 10.3896 28.1508 10.6275 28.1508 10.9302L28.1724 17.3086H29.2319L28.5832 18.7356H26.7238C26.4211 18.7356 26.1832 18.4978 26.1832 18.1951V11.8599Z" fill="#2B2B2D"/>
+<path d="M28.1724 6.02185H25.3184V7.55699H28.1724V6.02185Z" fill="#2B2B2D"/>
+<path d="M50.1495 6.02162L45.5873 10.0865H48.6792L52.8306 6.02162H50.1495ZM49.09 11.773H46.1279L49.5873 15.5135H52.5495L49.09 11.773ZM43.4468 17.3514C43.2522 17.3514 43.1225 17.1784 43.1657 16.9838L45.89 6.69189C45.9765 6.34595 45.7171 6 45.3711 6H40.1387V7.44865H43.036C43.3171 7.44865 43.5333 7.72973 43.4468 7.98919L40.7873 18.0216C40.7008 18.3676 40.9603 18.7135 41.3062 18.7135H51.7927L52.5927 17.3297H43.4468V17.3514Z" fill="#2B2B2D"/>
+<path d="M62.2792 16.465H67.1224V15.3406H62.2792V14.2379H67.1224V13.1569H62.2792V12.2271H67.1224V10.4974V6.56227C67.1224 6.25957 66.8845 6.02173 66.5818 6.02173H55.5332V11.665C55.5332 11.9677 55.771 12.2055 56.0737 12.2055H57.0035L55.5332 14.2379H60.1602V15.3406H55.5548V16.465L60.1602 16.4433V17.3515H55.5548V18.7352H67.1008V17.3515H62.2575V16.465H62.2792ZM57.6305 9.78389H63.7927L64.3981 8.61632H57.6305V7.31903H65.0035V10.8866H57.6305V9.78389ZM60.1602 13.1352H58.3224L59.0359 12.2055H60.1602V13.1352Z" fill="#2B2B2D"/>
+<path d="M71.549 6.02173H69.4733L71.0085 12.2271H73.0842L71.549 6.02173ZM79.6788 6.02173L78.1436 12.2488H80.2409L81.776 6.02173H79.6788ZM76.6517 12.3136V6.02173H74.5112V12.3136L69.3652 18.7569H71.9814L75.6355 14.2379L79.3112 18.7785L81.949 18.7569L76.6517 12.3136Z" fill="#2B2B2D"/>
+<path d="M20.8854 16.4979C20.5611 17.6438 20.0206 18.6817 19.3287 19.5898C18.2908 20.8871 14.7233 20.8871 12.5827 20.3249C10.2692 19.6979 8.60434 18.2492 8.47461 18.1411C9.38272 18.8546 10.5287 19.2654 11.7827 19.2654C14.7881 19.2654 17.2097 16.8006 17.2097 13.7735C17.2097 12.8654 16.9935 12.0222 16.6043 11.2654C16.5827 11.2222 16.626 11.179 16.6476 11.2006C18.3557 11.4817 21.7503 13.0817 20.8854 16.4979Z" fill="#2751D0"/>
+<path d="M21.2102 12.6705C21.2102 12.7353 21.1454 12.7569 21.1021 12.6921C20.3021 10.984 18.8967 10.465 17.2102 10.0759C15.9346 9.79478 15.0913 9.36235 14.7238 9.16775C14.6373 9.12451 14.5724 9.05964 14.4859 9.0164C11.8264 7.39478 11.7832 4.60559 11.7832 4.60559V0.562346C11.7832 0.519102 11.8481 0.497481 11.8697 0.519102L18.1616 6.70289L18.6373 7.15694C20.021 8.62721 20.9724 10.5515 21.2102 12.6705Z" fill="#D82F20"/>
+<path d="M19.3286 19.5894C17.5989 21.8596 14.8745 23.3515 11.8043 23.3515C6.57182 23.3515 2.33398 19.0704 2.33398 13.7948C2.33398 11.2218 3.32858 8.90828 4.97182 7.17855L5.4475 6.70288L9.5556 2.65964C9.59885 2.61639 9.66371 2.65964 9.64209 2.70288C9.57723 2.98396 9.46912 3.63261 9.53398 4.49747C9.62047 5.51369 9.9448 6.87585 10.8961 8.38937C11.4799 9.34072 12.3232 10.3353 13.4907 11.3731C13.6205 11.5029 13.7718 11.611 13.9232 11.7407C14.4421 12.2813 14.7448 12.9948 14.7448 13.7948C14.7448 15.4164 13.4259 16.7353 11.8259 16.7353C11.134 16.7353 10.507 16.4975 10.0097 16.0867C9.96642 16.0434 10.0097 15.9786 10.0529 16.0002C10.161 16.0218 10.2691 16.0434 10.3772 16.0434C10.9394 16.0434 11.4151 15.5894 11.4151 15.0056C11.4151 14.6596 11.2421 14.3353 10.9826 14.1623C10.2907 13.6002 9.70695 13.0596 9.20966 12.5191C8.51777 11.7623 7.99885 11.0272 7.63128 10.3137C6.87453 11.265 6.39885 12.4542 6.39885 13.7731C6.39885 15.5461 7.22047 17.1245 8.51777 18.1191C8.6475 18.2272 10.3124 19.6759 12.6259 20.3029C14.7232 20.9083 18.2907 20.8867 19.3286 19.5894Z" fill="#69C5F4"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/iflytek-spark-text.svg b/web/app/components/base/icons/assets/public/llm/iflytek-spark-text.svg
new file mode 100644
index 0000000000..521c68cae5
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/iflytek-spark-text.svg
@@ -0,0 +1,24 @@
+<svg width="150" height="24" viewBox="0 0 150 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_8587_60507)">
+<path d="M19.6552 16.7993C19.3116 18.0034 18.7389 19.0938 18.0059 20.048C16.9063 21.4111 13.1266 21.4111 10.8588 20.8204C8.40766 20.1616 6.64379 18.6395 6.50635 18.5259C7.46846 19.2756 8.68255 19.7072 10.0112 19.7072C13.1953 19.7072 15.7609 17.1174 15.7609 13.9368C15.7609 12.9826 15.5319 12.0966 15.1195 11.3015C15.0966 11.2561 15.1424 11.2106 15.1653 11.2333C16.975 11.5287 20.5715 13.2098 19.6552 16.7993Z" fill="#2751D0"/>
+<path d="M19.9994 12.7773C19.9994 12.8454 19.9306 12.8682 19.8848 12.8C19.0372 11.0053 17.5483 10.46 15.7615 10.0511C14.4099 9.75577 13.5166 9.3014 13.1271 9.09694C13.0355 9.0515 12.9668 8.98335 12.8751 8.93791C10.0575 7.23404 10.0117 4.30339 10.0117 4.30339V0.0550813C10.0117 0.00964486 10.0804 -0.0130733 10.1034 0.0096449L16.7694 6.50706L17.2734 6.98414C18.7394 8.52898 19.7474 10.5509 19.9994 12.7773Z" fill="#D82F20"/>
+<path d="M18.0052 20.0462C16.1726 22.4316 13.2863 23.9992 10.0334 23.9992C4.48985 23.9992 0 19.501 0 13.9577C0 11.2543 1.05374 8.8234 2.7947 7.00594L3.29866 6.50614L7.65107 2.25783C7.69688 2.2124 7.7656 2.25783 7.7427 2.30327C7.67397 2.59861 7.55944 3.28015 7.62816 4.18888C7.71979 5.25664 8.06341 6.68789 9.07133 8.27817C9.68983 9.27777 10.5832 10.3228 11.8202 11.4133C11.9577 11.5496 12.118 11.6632 12.2784 11.7995C12.8281 12.3674 13.1488 13.1171 13.1488 13.9577C13.1488 15.6616 11.7515 17.0474 10.0563 17.0474C9.32331 17.0474 8.659 16.7975 8.13213 16.3659C8.08631 16.3204 8.13212 16.2523 8.17794 16.275C8.29247 16.2977 8.40701 16.3204 8.52155 16.3204C9.11714 16.3204 9.62111 15.8433 9.62111 15.2299C9.62111 14.8665 9.43785 14.5257 9.16296 14.3439C8.42992 13.7533 7.81142 13.1853 7.28455 12.6173C6.55151 11.8222 6.00174 11.0498 5.61231 10.3001C4.81055 11.2997 4.30659 12.5492 4.30659 13.935C4.30659 15.7979 5.17707 17.4563 6.55152 18.5014C6.68896 18.615 8.45283 20.1371 10.9039 20.7959C13.1259 21.432 16.9057 21.4093 18.0052 20.0462Z" fill="#69C5F4"/>
+<path d="M27 10.0997V16.3997H29.008V10.0997H27ZM27 7.89966V9.29966H29.008V7.89966H27Z" fill="#2B2B2D"/>
+<path d="M39.1482 9.09927V7.49927H31.0156V16.2993H33.2245V12.8993H38.8469V11.2993H33.2245V9.09927H39.1482Z" fill="#2B2B2D"/>
+<path d="M43.367 14.6993V7.49927H41.1582V16.2993H48.2867V14.6993H43.367Z" fill="#2B2B2D"/>
+<path d="M55.2168 7.60083L52.6064 11.3008L49.9959 7.60083H47.2852L51.502 13.1008V16.4008H53.7108V13.1008L57.9277 7.60083H55.2168Z" fill="#2B2B2D"/>
+<path d="M58.9316 7.60083V9.20083H62.2449V16.4008H64.4537V9.20083H67.6666V7.60083H58.9316Z" fill="#2B2B2D"/>
+<path d="M71.8827 14.7993V12.6993H77.7059V11.0993H71.8827V9.09927H77.9067V7.49927H69.6738V16.2993H78.1075V14.6993H71.8827V14.7993Z" fill="#2B2B2D"/>
+<path d="M85.1353 11.3008L89.4526 7.60083H86.6413L82.3241 11.4008V7.60083H80.1152V16.4008H82.3241V13.8008L83.6293 12.7008L87.0429 16.5008H89.9546L85.1353 11.3008Z" fill="#2B2B2D"/>
+<path d="M103.167 11.4C102.866 11.3 102.564 11.2001 101.962 11.1001C101.36 11.0001 99.7532 10.8001 99.1508 10.6001C98.7492 10.5001 98.448 10.3 98.448 9.80005C98.448 8.90005 99.6528 8.80005 99.6528 8.80005C99.954 8.80005 100.255 8.80005 100.356 8.80005C101.159 8.80005 102.163 8.90005 102.665 9.60005C102.765 9.70005 102.765 9.70005 102.866 9.90005L104.974 9.40005C104.773 9.10005 104.673 8.90005 104.372 8.60005C103.97 8.20005 103.468 8.00005 103.267 7.90005C102.665 7.60005 101.862 7.30005 100.356 7.30005C98.7492 7.30005 97.8456 7.70005 97.3436 8.10005C97.0423 8.30005 96.2392 8.90005 96.2392 10.1001C96.2392 11.4001 97.2431 12.0001 97.6447 12.2001C98.3476 12.5001 99.2512 12.7 100.858 12.9C101.661 13 102.263 13.1 102.464 13.3C102.665 13.4 102.765 13.6 102.765 13.9C102.765 14.3 102.464 14.6001 102.364 14.7001C101.761 15.1001 100.657 15.1001 100.556 15.1001C99.452 15.1001 98.1468 14.8001 97.6447 13.7001L95.6367 14.2001C95.7371 14.3001 95.7371 14.4001 95.8375 14.6001C95.9379 14.8001 96.2392 15.3001 96.7412 15.6001C97.0424 15.8001 97.2432 15.9001 97.3436 16.0001C97.946 16.3001 98.8496 16.7001 100.456 16.7001C100.757 16.7001 101.058 16.7001 101.36 16.7001C101.862 16.7001 102.364 16.6 102.765 16.4C104.572 15.8 104.874 14.6 104.874 13.8C104.974 12.1 103.669 11.6 103.167 11.4Z" fill="#2B2B2D"/>
+<path d="M115.318 8.80083C114.816 8.00083 114.012 7.70083 113.109 7.60083C112.908 7.60083 112.607 7.60083 112.406 7.60083H106.984V16.4008H109.193V13.1008H112.306C113.109 13.1008 114.012 13.1008 114.615 12.7008C114.916 12.5008 115.117 12.3008 115.217 12.2008C115.418 12.0008 115.518 11.8008 115.518 11.7008C115.719 11.2008 115.719 10.6008 115.719 10.4008C115.719 9.50083 115.518 9.00083 115.318 8.80083ZM112.908 11.4008C112.607 11.5008 112.205 11.5008 111.804 11.5008H109.093V9.10083H112.205C112.506 9.10083 112.607 9.10083 112.707 9.20083C113.41 9.40083 113.41 10.2008 113.41 10.4008C113.51 10.5008 113.51 11.1008 112.908 11.4008Z" fill="#2B2B2D"/>
+<path d="M122.345 7.60083H119.936L115.719 16.4008H118.128L118.831 14.7008H123.349L124.052 16.4008H126.562L122.345 7.60083ZM119.634 13.1008L121.241 9.70083L122.747 13.1008H119.634Z" fill="#2B2B2D"/>
+<path d="M134.594 12.6993C135.498 12.4993 136.301 12.2993 136.703 11.3993C136.904 10.8993 136.904 10.4993 136.904 10.1993C136.904 8.99926 136.301 8.09926 135.097 7.69926C134.695 7.59926 134.394 7.49927 133.59 7.49927H127.566V16.2993H129.775V12.7993H132.285L134.594 16.2993H137.205L134.594 12.6993ZM133.892 11.1993C133.691 11.1993 133.39 11.1993 133.39 11.1993H129.876V9.09927H133.39C133.791 9.09927 134.293 9.09927 134.594 9.49927C134.795 9.69927 134.795 10.0993 134.795 10.1993C134.695 10.8993 134.193 11.1993 133.892 11.1993Z" fill="#2B2B2D"/>
+<path d="M144.335 11.3008L148.653 7.60083H145.841L141.524 11.4008V7.60083H139.215V16.4008H141.424V13.8008L142.729 12.7008L146.143 16.5008H149.054L144.335 11.3008Z" fill="#2B2B2D"/>
+</g>
+<defs>
+<clipPath id="clip0_8587_60507">
+<rect width="150" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/iflytek-spark.svg b/web/app/components/base/icons/assets/public/llm/iflytek-spark.svg
new file mode 100644
index 0000000000..ef0a9131a4
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/iflytek-spark.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.6547 16.7993C21.3111 18.0034 20.7384 19.0938 20.0054 20.048C18.9058 21.4111 15.1261 21.4111 12.8583 20.8204C10.4072 20.1616 8.6433 18.6395 8.50586 18.5259C9.46797 19.2756 10.6821 19.7072 12.0107 19.7072C15.1948 19.7072 17.7605 17.1174 17.7605 13.9368C17.7605 12.9826 17.5314 12.0966 17.119 11.3015C17.0961 11.2561 17.1419 11.2106 17.1649 11.2333C18.9745 11.5287 22.571 13.2098 21.6547 16.7993Z" fill="#2751D0"/>
+<path d="M21.9994 12.7773C21.9994 12.8454 21.9306 12.8682 21.8848 12.8C21.0372 11.0053 19.5483 10.46 17.7615 10.0511C16.4099 9.75577 15.5166 9.3014 15.1271 9.09694C15.0355 9.0515 14.9668 8.98335 14.8751 8.93791C12.0575 7.23404 12.0117 4.30339 12.0117 4.30339V0.0550813C12.0117 0.00964486 12.0804 -0.0130733 12.1034 0.0096449L18.7694 6.50706L19.2734 6.98414C20.7394 8.52898 21.7474 10.5509 21.9994 12.7773Z" fill="#D82F20"/>
+<path d="M20.0052 20.0462C18.1726 22.4316 15.2863 23.9992 12.0334 23.9992C6.48985 23.9992 2 19.501 2 13.9577C2 11.2543 3.05374 8.8234 4.7947 7.00594L5.29866 6.50614L9.65107 2.25783C9.69688 2.2124 9.7656 2.25783 9.7427 2.30327C9.67397 2.59861 9.55944 3.28015 9.62816 4.18888C9.71979 5.25664 10.0634 6.68789 11.0713 8.27817C11.6898 9.27777 12.5832 10.3228 13.8202 11.4133C13.9577 11.5496 14.118 11.6632 14.2784 11.7995C14.8281 12.3674 15.1488 13.1171 15.1488 13.9577C15.1488 15.6616 13.7515 17.0474 12.0563 17.0474C11.3233 17.0474 10.659 16.7975 10.1321 16.3659C10.0863 16.3204 10.1321 16.2523 10.1779 16.275C10.2925 16.2977 10.407 16.3204 10.5215 16.3204C11.1171 16.3204 11.6211 15.8433 11.6211 15.2299C11.6211 14.8665 11.4378 14.5257 11.163 14.3439C10.4299 13.7533 9.81142 13.1853 9.28455 12.6173C8.55151 11.8222 8.00174 11.0498 7.61231 10.3001C6.81055 11.2997 6.30659 12.5492 6.30659 13.935C6.30659 15.7979 7.17707 17.4563 8.55152 18.5014C8.68896 18.615 10.4528 20.1371 12.9039 20.7959C15.1259 21.432 18.9057 21.4093 20.0052 20.0462Z" fill="#69C5F4"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/microsoft.svg b/web/app/components/base/icons/assets/public/llm/microsoft.svg
new file mode 100644
index 0000000000..67adeb5747
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/microsoft.svg
@@ -0,0 +1,8 @@
+<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Microsfot">
+<rect id="Rectangle 1010" y="0.5" width="10" height="10" fill="#EF4F21"/>
+<rect id="Rectangle 1012" y="11.5" width="10" height="10" fill="#03A4EE"/>
+<rect id="Rectangle 1011" x="11" y="0.5" width="10" height="10" fill="#7EB903"/>
+<rect id="Rectangle 1013" x="11" y="11.5" width="10" height="10" fill="#FBB604"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/openai-black.svg b/web/app/components/base/icons/assets/public/llm/openai-black.svg
new file mode 100644
index 0000000000..c8fb1c59f3
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/openai-black.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" rx="6" fill="black"/>
+<path d="M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z" fill="white"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/openai-blue.svg b/web/app/components/base/icons/assets/public/llm/openai-blue.svg
new file mode 100644
index 0000000000..ccd75ec556
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/openai-blue.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" rx="6" fill="#03A4EE"/>
+<path d="M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z" fill="white"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/openai-green.svg b/web/app/components/base/icons/assets/public/llm/openai-green.svg
new file mode 100644
index 0000000000..70686f9b3b
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/openai-green.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" rx="6" fill="#19C37D"/>
+<path d="M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z" fill="white"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/openai-text.svg b/web/app/components/base/icons/assets/public/llm/openai-text.svg
new file mode 100644
index 0000000000..be38813445
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/openai-text.svg
@@ -0,0 +1,8 @@
+<svg width="52" height="20" viewBox="0 0 52 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.00390625 8.70054C0.00390625 12.058 2.16008 14.399 5.14793 14.399C8.13577 14.399 10.2919 12.058 10.2919 8.70054C10.2919 5.34307 8.13577 3.00208 5.14793 3.00208C2.16008 3.00208 0.00390625 5.34307 0.00390625 8.70054ZM8.32058 8.70054C8.32058 11.1031 7.01148 12.6587 5.14793 12.6587C3.28437 12.6587 1.97527 11.1031 1.97527 8.70054C1.97527 6.29794 3.28437 4.74242 5.14793 4.74242C7.01148 4.74242 8.32058 6.29794 8.32058 8.70054Z" fill="black" fill-opacity="0.92"/>
+<path d="M15.8456 14.3975C18.1096 14.3975 19.4033 12.4877 19.4033 10.1929C19.4033 7.89816 18.1096 5.9884 15.8456 5.9884C14.7983 5.9884 14.0283 6.40424 13.52 7.00489V6.14242H11.6719V17.0003H13.52V13.381C14.0283 13.9817 14.7983 14.3975 15.8456 14.3975ZM13.4738 9.96193C13.4738 8.4372 14.3363 7.60554 15.476 7.60554C16.8159 7.60554 17.5398 8.65282 17.5398 10.1929C17.5398 11.7331 16.8159 12.7804 15.476 12.7804C14.3363 12.7804 13.4738 11.9333 13.4738 10.4394V9.96193Z" fill="black" fill-opacity="0.92"/>
+<path d="M24.4039 14.3975C26.021 14.3975 27.2993 13.5504 27.8692 12.1335L26.2828 11.5329C26.0364 12.3645 25.3126 12.8266 24.4039 12.8266C23.218 12.8266 22.3863 11.9795 22.2477 10.5934H27.9154V9.97733C27.9154 7.75955 26.6679 5.9884 24.3269 5.9884C21.9859 5.9884 20.4766 7.82115 20.4766 10.1929C20.4766 12.6879 22.0937 14.3975 24.4039 14.3975ZM24.3115 7.54393C25.482 7.54393 26.0364 8.31399 26.0518 9.20727H22.3401C22.6173 8.11378 23.3566 7.54393 24.3115 7.54393Z" fill="black" fill-opacity="0.92"/>
+<path d="M29.3008 14.2281H31.1489V9.48449C31.1489 8.32939 31.996 7.71334 32.8277 7.71334C33.8442 7.71334 34.2446 8.4372 34.2446 9.43828V14.2281H36.0927V8.89924C36.0927 7.1589 35.0763 5.9884 33.3821 5.9884C32.3348 5.9884 31.611 6.46584 31.1489 7.00489V6.14242H29.3008V14.2281Z" fill="black" fill-opacity="0.92"/>
+<path d="M41.5095 3.172L37.3203 14.2301H39.2763L40.2157 11.7043H44.9901L45.945 14.2301H47.9318L43.7426 3.172H41.5095ZM42.5875 5.35898L44.3433 9.97935H40.8626L42.5875 5.35898Z" fill="black" fill-opacity="0.92"/>
+<path d="M51.1042 3.20325H49.1328V14.2613H51.1042V3.20325Z" fill="black" fill-opacity="0.92"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/openai-transparent.svg b/web/app/components/base/icons/assets/public/llm/openai-transparent.svg
new file mode 100644
index 0000000000..fe041ba02b
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/openai-transparent.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.276 10.0045C21.7751 8.50639 21.6033 6.86529 20.8051 5.50264C19.6048 3.41259 17.1917 2.33732 14.835 2.84333C13.7866 1.66218 12.2803 0.990477 10.7011 1.0001C8.29218 0.994602 6.15478 2.54563 5.41367 4.83781C3.86614 5.15475 2.53036 6.12346 1.74869 7.49643C0.539398 9.58097 0.81508 12.2087 2.43067 13.9962C1.93156 15.4943 2.10343 17.1354 2.9016 18.498C4.10195 20.5881 6.51502 21.6634 8.87173 21.1573C9.91945 22.3385 11.4264 23.0102 13.0056 22.9999C15.4159 23.0061 17.554 21.4537 18.2951 19.1594C19.8426 18.8425 21.1784 17.8738 21.9601 16.5008C23.168 14.4163 22.8916 11.7906 21.2767 10.0031L21.276 10.0045ZM13.007 21.5623C12.0424 21.5637 11.1081 21.2261 10.3677 20.608C10.4014 20.5901 10.4598 20.5578 10.4976 20.5345L14.8783 18.0044C15.1024 17.8772 15.2399 17.6386 15.2385 17.3808V11.2049L17.0899 12.274C17.1099 12.2836 17.1229 12.3028 17.1257 12.3248V17.4393C17.1229 19.7136 15.2812 21.5575 13.007 21.5623ZM4.14939 17.7789C3.66608 16.9443 3.49215 15.9659 3.65783 15.0165C3.69015 15.0357 3.74721 15.0708 3.78777 15.0942L8.16843 17.6242C8.39049 17.7541 8.66548 17.7541 8.88823 17.6242L14.2362 14.5359V16.6741C14.2376 16.6961 14.2272 16.7174 14.2101 16.7311L9.78196 19.288C7.80956 20.4238 5.29061 19.7486 4.15007 17.7789H4.14939ZM2.99647 8.21626C3.47771 7.38024 4.23738 6.74085 5.14212 6.40878C5.14212 6.44659 5.14005 6.51328 5.14005 6.56003V11.6208C5.13868 11.878 5.27618 12.1165 5.49961 12.2437L10.8476 15.3313L8.99616 16.4004C8.9776 16.4128 8.95422 16.4149 8.9336 16.4059L4.50482 13.847C2.53654 12.7071 1.86143 10.1887 2.99578 8.21694L2.99647 8.21626ZM18.2078 11.7563L12.8598 8.66795L14.7112 7.59956C14.7298 7.58718 14.7532 7.58512 14.7738 7.59406L19.2026 10.1509C21.1743 11.2901 21.8501 13.8126 20.7109 15.7844C20.229 16.6191 19.47 17.2584 18.566 17.5912V12.3792C18.568 12.122 18.4312 11.8841 18.2085 11.7563H18.2078ZM20.0502 8.98284C20.0179 8.9629 19.9609 8.92852 19.9203 8.90515L15.5397 6.37509C15.3176 6.24515 15.0426 6.24515 14.8199 6.37509L9.4719 9.46341V7.32524C9.47053 7.30324 9.48084 7.28192 9.49803 7.26817L13.9261 4.71337C15.8985 3.57553 18.4202 4.25273 19.5573 6.2259C20.0379 7.05917 20.2118 8.03475 20.0489 8.98284H20.0502ZM8.46542 12.7937L6.61334 11.7246C6.5934 11.715 6.58034 11.6958 6.57759 11.6738V6.55935C6.57896 4.2823 8.42624 2.43701 10.7032 2.43838C11.6664 2.43838 12.5986 2.77664 13.339 3.39265C13.3053 3.41053 13.2476 3.44284 13.2091 3.46622L8.82841 5.99627C8.60429 6.12346 8.4668 6.36134 8.46817 6.61916L8.46542 12.7924V12.7937ZM9.47121 10.6253L11.8534 9.24959L14.2355 10.6246V13.3754L11.8534 14.7504L9.47121 13.3754V10.6253Z" fill="black"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/openai-violet.svg b/web/app/components/base/icons/assets/public/llm/openai-violet.svg
new file mode 100644
index 0000000000..342fb416b9
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/openai-violet.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" rx="6" fill="#AB68FF"/>
+<path d="M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z" fill="white"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/replicate-text.svg b/web/app/components/base/icons/assets/public/llm/replicate-text.svg
new file mode 100644
index 0000000000..63c09470d5
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/replicate-text.svg
@@ -0,0 +1,13 @@
+<svg width="92" height="24" viewBox="0 0 92 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.4933 2V3.79H6.005V17.9017H4V2H18.4933Z" fill="black"/>
+<path d="M18.4974 5.39453V7.18453H9.79573V17.9012H7.78906V5.39453H18.4974Z" fill="black"/>
+<path d="M18.4936 8.77734V10.5773H13.577V17.9007H11.5703V8.77734H18.4936Z" fill="black"/>
+<path d="M24.2014 8.60156C26.588 8.60156 28.593 10.1849 28.593 13.1282C28.593 13.3232 28.593 13.4882 28.573 13.7866H21.403C21.4964 15.2782 22.6997 16.2649 24.2114 16.2649C25.4864 16.2649 26.3414 15.6782 26.813 14.8766L28.3464 15.9666C27.523 17.2632 26.1047 18.0849 24.1914 18.0849C21.4247 18.0849 19.4297 16.1199 19.4297 13.3432C19.4397 10.6582 21.4347 8.60156 24.203 8.60156M21.508 12.3149H26.5797C26.363 10.9982 25.3047 10.2882 24.1314 10.2882C22.958 10.2882 21.7764 10.9666 21.508 12.3149Z" fill="black"/>
+<path d="M30.6328 8.77656H32.6378V9.9999C33.1528 9.2699 34.2628 8.60156 35.5695 8.60156C38.0695 8.60156 39.9611 10.7316 39.9611 13.3432C39.9611 15.9549 38.0678 18.0849 35.5695 18.0849C34.2528 18.0849 33.1411 17.4066 32.6378 16.6749V21.7049H30.6328V8.77656ZM35.2095 10.4216C33.5845 10.4216 32.4728 11.6966 32.4728 13.3432C32.4728 14.9899 33.5845 16.2649 35.2095 16.2649C36.8345 16.2649 37.9245 14.9899 37.9245 13.3432C37.9245 11.6966 36.8128 10.4216 35.2095 10.4216Z" fill="black"/>
+<path d="M44.0128 4.2207H42.0078V17.8907H44.0128V4.2207Z" fill="black"/>
+<path d="M47.7139 6.79443C46.9839 6.79443 46.3672 6.19776 46.3672 5.44776C46.3672 4.69776 46.9839 4.12109 47.7139 4.12109C48.4439 4.12109 49.0405 4.72776 49.0405 5.44776C49.0405 6.19943 48.4639 6.79443 47.7139 6.79443ZM46.7155 8.77943H48.7205V17.8928H46.7155V8.77943Z" fill="black"/>
+<path d="M55.5711 18.0771C52.8345 18.0771 50.7578 16.0304 50.7578 13.3354C50.7578 10.6404 52.8361 8.59375 55.5711 8.59375C57.4528 8.59375 59.0378 9.60208 59.8195 11.1137L58.0711 12.0604C57.6295 11.1354 56.7445 10.4554 55.5711 10.4554C53.9461 10.4554 52.8045 11.7104 52.8045 13.3354C52.8045 14.9604 53.9561 16.2154 55.5711 16.2154C56.7328 16.2154 57.6278 15.5371 58.0711 14.6104L59.8195 15.5571C59.0378 17.0787 57.4428 18.0771 55.5711 18.0771Z" fill="black"/>
+<path d="M65.3995 8.60156C66.7161 8.60156 67.8061 9.2799 68.3211 9.9999V8.77656H70.3261V17.8899H68.3211V16.6666C67.8061 17.3966 66.7161 18.0766 65.3995 18.0766C62.8995 18.0766 61.0078 15.9466 61.0078 13.3349C61.0078 10.7232 62.9011 8.60323 65.3995 8.60323M65.7695 10.4232C64.1445 10.4232 63.0545 11.6982 63.0545 13.3449C63.0545 14.9916 64.1445 16.2666 65.7695 16.2666C67.3945 16.2666 68.4845 14.9916 68.4845 13.3449C68.4845 11.6982 67.3845 10.4232 65.7695 10.4232Z" fill="black"/>
+<path d="M73.7627 17.9033V10.57H71.8594V8.78H73.7627V6.25H75.7694V8.78H79.2244V10.57H75.7694V16.1033H79.2244V17.9033H73.7627Z" fill="black"/>
+<path d="M84.9435 8.60156C87.3302 8.60156 89.3352 10.1849 89.3352 13.1282C89.3352 13.3232 89.3352 13.4882 89.3152 13.7866H82.1452C82.2385 15.2782 83.4419 16.2649 84.9535 16.2649C86.2285 16.2649 87.0835 15.6782 87.5552 14.8766L89.0885 15.9666C88.2652 17.2632 86.8469 18.0849 84.9335 18.0849C82.1669 18.0849 80.1719 16.1199 80.1719 13.3432C80.1919 10.6582 82.1769 8.60156 84.9452 8.60156M82.2502 12.3149H87.3219C87.1052 10.9982 86.0469 10.2882 84.8735 10.2882C83.7002 10.2882 82.5285 10.9666 82.2502 12.3149Z" fill="black"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/public/llm/replicate.svg b/web/app/components/base/icons/assets/public/llm/replicate.svg
new file mode 100644
index 0000000000..527316edb6
--- /dev/null
+++ b/web/app/components/base/icons/assets/public/llm/replicate.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="24" height="24" rx="6" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.9961 4V5.79H7.93621V19.9017H6V4H19.9961ZM20 7.39453V9.18453H11.5969V19.9012H9.65906V7.39453H20ZM19.9964 12.5773V10.7773H13.3106V19.9007H15.2484V12.5773H19.9964Z" fill="white"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/alertsAndFeedback/alert-circle.svg b/web/app/components/base/icons/assets/vender/line/alertsAndFeedback/alert-circle.svg
new file mode 100644
index 0000000000..467f19dabf
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/alertsAndFeedback/alert-circle.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Error">
+<path id="Icon" d="M7.99992 5.83337V8.50004M7.99992 11.1667H8.00659M14.6666 8.50004C14.6666 12.1819 11.6818 15.1667 7.99992 15.1667C4.31802 15.1667 1.33325 12.1819 1.33325 8.50004C1.33325 4.81814 4.31802 1.83337 7.99992 1.83337C11.6818 1.83337 14.6666 4.81814 14.6666 8.50004Z" stroke="#F04438" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/arrows/chevron-down-double.svg b/web/app/components/base/icons/assets/vender/line/arrows/chevron-down-double.svg
new file mode 100644
index 0000000000..bb77f89601
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/arrows/chevron-down-double.svg
@@ -0,0 +1,5 @@
+<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="chevron-down-double">
+<path id="Icon" d="M3.5 7L6 9.5L8.5 7M3.5 3.5L6 6L8.5 3.5" stroke="#667085" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/general/at-sign.svg b/web/app/components/base/icons/assets/vender/line/general/at-sign.svg
new file mode 100644
index 0000000000..c88c4ee2dc
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/general/at-sign.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="at-sign" clip-path="url(#clip0_8902_1909)">
+<path id="Icon" d="M10.6666 5.33333V8.66666C10.6666 9.19709 10.8773 9.7058 11.2524 10.0809C11.6275 10.4559 12.1362 10.6667 12.6666 10.6667C13.197 10.6667 13.7057 10.4559 14.0808 10.0809C14.4559 9.7058 14.6666 9.19709 14.6666 8.66666V7.99999C14.6665 6.49535 14.1574 5.03498 13.2221 3.85635C12.2868 2.67772 10.9803 1.85014 9.51502 1.50819C8.04974 1.16624 6.51188 1.33002 5.15149 1.9729C3.7911 2.61579 2.68819 3.69996 2.0221 5.04914C1.356 6.39832 1.1659 7.93315 1.4827 9.40407C1.7995 10.875 2.60458 12.1955 3.76701 13.1508C4.92945 14.1062 6.38088 14.6402 7.8853 14.6661C9.38973 14.692 10.8587 14.2082 12.0533 13.2933M10.6666 7.99999C10.6666 9.47275 9.47269 10.6667 7.99993 10.6667C6.52717 10.6667 5.33326 9.47275 5.33326 7.99999C5.33326 6.52723 6.52717 5.33333 7.99993 5.33333C9.47269 5.33333 10.6666 6.52723 10.6666 7.99999Z" stroke="#344054" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_8902_1909">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/general/dots-horizontal.svg b/web/app/components/base/icons/assets/vender/line/general/dots-horizontal.svg
new file mode 100644
index 0000000000..db7b0853d5
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/general/dots-horizontal.svg
@@ -0,0 +1,9 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon">
+<g id="Icon_2">
+<path d="M6 6.5C6.27614 6.5 6.5 6.27614 6.5 6C6.5 5.72386 6.27614 5.5 6 5.5C5.72386 5.5 5.5 5.72386 5.5 6C5.5 6.27614 5.72386 6.5 6 6.5Z" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.5 6.5C9.77614 6.5 10 6.27614 10 6C10 5.72386 9.77614 5.5 9.5 5.5C9.22386 5.5 9 5.72386 9 6C9 6.27614 9.22386 6.5 9.5 6.5Z" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.5 6.5C2.77614 6.5 3 6.27614 3 6C3 5.72386 2.77614 5.5 2.5 5.5C2.22386 5.5 2 5.72386 2 6C2 6.27614 2.22386 6.5 2.5 6.5Z" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/general/help-circle.svg b/web/app/components/base/icons/assets/vender/line/general/help-circle.svg
new file mode 100644
index 0000000000..eac115d9a9
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/general/help-circle.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path id="Icon" d="M5.30246 4.74996C5.4396 4.3601 5.7103 4.03135 6.0666 3.82195C6.4229 3.61255 6.84181 3.53601 7.24915 3.60587C7.65648 3.67574 8.02594 3.88752 8.29209 4.20368C8.55824 4.51985 8.70391 4.92001 8.70329 5.33329C8.70329 6.49996 6.95329 7.08329 6.95329 7.08329M6.99996 9.41663H7.00579M12.8333 6.49996C12.8333 9.72162 10.2216 12.3333 6.99996 12.3333C3.7783 12.3333 1.16663 9.72162 1.16663 6.49996C1.16663 3.2783 3.7783 0.666626 6.99996 0.666626C10.2216 0.666626 12.8333 3.2783 12.8333 6.49996Z" stroke="#98A2B3" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/general/info-circle.svg b/web/app/components/base/icons/assets/vender/line/general/info-circle.svg
new file mode 100644
index 0000000000..1c0e19c6f6
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/general/info-circle.svg
@@ -0,0 +1,10 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="info-circle" clip-path="url(#clip0_7880_62014)">
+<path id="Icon" d="M6 8V6M6 4H6.005M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z" stroke="#98A2B3" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_7880_62014">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/general/plus.svg b/web/app/components/base/icons/assets/vender/line/general/plus.svg
new file mode 100644
index 0000000000..01ba5a571b
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/general/plus.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="plus">
+<path id="Icon" d="M8.00004 3.83337V13.1667M3.33337 8.50004H12.6667" stroke="#667085" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/general/search-lg.svg b/web/app/components/base/icons/assets/vender/line/general/search-lg.svg
new file mode 100644
index 0000000000..98f0877fe6
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/general/search-lg.svg
@@ -0,0 +1,5 @@
+<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon">
+<path id="Icon_2" d="M12.25 12.75L10.2084 10.7083M11.6667 7.20833C11.6667 9.94675 9.44675 12.1667 6.70833 12.1667C3.96992 12.1667 1.75 9.94675 1.75 7.20833C1.75 4.46992 3.96992 2.25 6.70833 2.25C9.44675 2.25 11.6667 4.46992 11.6667 7.20833Z" stroke="#98A2B3" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/mapsAndTravel/globe-01.svg b/web/app/components/base/icons/assets/vender/line/mapsAndTravel/globe-01.svg
new file mode 100644
index 0000000000..88898bb6e1
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/mapsAndTravel/globe-01.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="globe-01" clip-path="url(#clip0_8902_1914)">
+<path id="Icon" d="M1.33325 7.99998H14.6666M1.33325 7.99998C1.33325 11.6819 4.31802 14.6666 7.99992 14.6666M1.33325 7.99998C1.33325 4.31808 4.31802 1.33331 7.99992 1.33331M14.6666 7.99998C14.6666 11.6819 11.6818 14.6666 7.99992 14.6666M14.6666 7.99998C14.6666 4.31808 11.6818 1.33331 7.99992 1.33331M7.99992 1.33331C9.66744 3.15888 10.6151 5.528 10.6666 7.99998C10.6151 10.472 9.66744 12.8411 7.99992 14.6666M7.99992 1.33331C6.3324 3.15888 5.38475 5.528 5.33325 7.99998C5.38475 10.472 6.3324 12.8411 7.99992 14.6666" stroke="#344054" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_8902_1914">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/shapes/cube-outline.svg b/web/app/components/base/icons/assets/vender/line/shapes/cube-outline.svg
new file mode 100644
index 0000000000..eebcef3041
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/shapes/cube-outline.svg
@@ -0,0 +1,13 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="cube-outline">
+<g id="Solid">
+<path d="M8.26865 1.29003C8.09143 1.25358 7.90866 1.25358 7.73144 1.29003C7.52659 1.33216 7.3435 1.43471 7.19794 1.51624L7.15826 1.53841L6.17628 2.08395C5.85443 2.26276 5.73846 2.66863 5.91727 2.99049C6.09608 3.31234 6.50195 3.4283 6.82381 3.24949L7.80579 2.70395C7.90681 2.64782 7.95839 2.61946 7.99686 2.60091L8.00004 2.59938L8.00323 2.60091C8.0417 2.61946 8.09327 2.64782 8.1943 2.70395L9.17628 3.24949C9.49814 3.4283 9.90401 3.31234 10.0828 2.99048C10.2616 2.66863 10.1457 2.26276 9.82381 2.08395L8.84183 1.53841L8.80215 1.51624C8.65659 1.43471 8.4735 1.33216 8.26865 1.29003Z" fill="#155EEF"/>
+<path d="M12.8238 3.75062C12.5019 3.57181 12.0961 3.68777 11.9173 4.00963C11.7385 4.33148 11.8544 4.73735 12.1763 4.91616L12.6272 5.16668L12.1763 5.41719C11.8545 5.596 11.7385 6.00186 11.9173 6.32372C12.0961 6.64558 12.502 6.76154 12.8238 6.58273L13.3334 6.29966V6.83339C13.3334 7.20158 13.6319 7.50006 14 7.50006C14.3682 7.50006 14.6667 7.20158 14.6667 6.83339V5.79435L14.6668 5.74627C14.6673 5.62441 14.6678 5.48084 14.6452 5.33482C14.6869 5.17472 14.6696 4.99892 14.5829 4.84286C14.4904 4.6764 14.3371 4.56501 14.1662 4.52099C14.0496 4.43038 13.9239 4.36116 13.8173 4.3024L13.7752 4.27915L12.8238 3.75062Z" fill="#155EEF"/>
+<path d="M3.8238 4.91616C4.14566 4.73735 4.26162 4.33148 4.08281 4.00963C3.90401 3.68777 3.49814 3.57181 3.17628 3.75062L2.22493 4.27915L2.18284 4.3024C2.07615 4.36116 1.95045 4.4304 1.83382 4.52102C1.66295 4.56506 1.50977 4.67643 1.41731 4.84286C1.33065 4.99886 1.31323 5.17459 1.35493 5.33464C1.33229 5.48072 1.33281 5.62436 1.33326 5.74627L1.33338 5.79435V6.83339C1.33338 7.20158 1.63185 7.50006 2.00004 7.50006C2.36823 7.50006 2.66671 7.20158 2.66671 6.83339V6.29961L3.17632 6.58273C3.49817 6.76154 3.90404 6.64558 4.08285 6.32372C4.26166 6.00186 4.1457 5.596 3.82384 5.41719L3.3729 5.16666L3.8238 4.91616Z" fill="#155EEF"/>
+<path d="M2.66671 10.1667C2.66671 9.79853 2.36823 9.50006 2.00004 9.50006C1.63185 9.50006 1.33338 9.79853 1.33338 10.1667V11.2058L1.33326 11.2538C1.33262 11.4298 1.33181 11.6509 1.40069 11.8594C1.46024 12.0397 1.55759 12.2051 1.68622 12.3447C1.835 12.5061 2.02873 12.6128 2.18281 12.6977L2.22493 12.721L3.17628 13.2495C3.49814 13.4283 3.90401 13.3123 4.08281 12.9905C4.26162 12.6686 4.14566 12.2628 3.8238 12.084L2.87245 11.5554C2.76582 11.4962 2.71137 11.4656 2.67318 11.4413L2.66995 11.4392L2.66971 11.4354C2.66699 11.3902 2.66671 11.3277 2.66671 11.2058V10.1667Z" fill="#155EEF"/>
+<path d="M14.6667 10.1667C14.6667 9.79853 14.3682 9.50006 14 9.50006C13.6319 9.50006 13.3334 9.79853 13.3334 10.1667V11.2058C13.3334 11.3277 13.3331 11.3902 13.3304 11.4354L13.3301 11.4392L13.3269 11.4413C13.2887 11.4656 13.2343 11.4962 13.1276 11.5554L12.1763 12.084C11.8544 12.2628 11.7385 12.6686 11.9173 12.9905C12.0961 13.3123 12.5019 13.4283 12.8238 13.2495L13.7752 12.721L13.8172 12.6977C13.9713 12.6128 14.1651 12.5061 14.3139 12.3447C14.4425 12.2051 14.5398 12.0397 14.5994 11.8594C14.6683 11.6509 14.6675 11.4298 14.6668 11.2538L14.6667 11.2058V10.1667Z" fill="#155EEF"/>
+<path d="M6.82381 13.7506C6.50195 13.5718 6.09608 13.6878 5.91727 14.0096C5.73846 14.3315 5.85443 14.7374 6.17628 14.9162L7.15826 15.4617L7.19793 15.4839C7.29819 15.54 7.41625 15.6061 7.54696 15.6556C7.66589 15.7659 7.82512 15.8333 8.00008 15.8333C8.17507 15.8333 8.33431 15.7659 8.45324 15.6556C8.58391 15.6061 8.70193 15.54 8.80215 15.4839L8.84183 15.4617L9.82381 14.9162C10.1457 14.7374 10.2616 14.3315 10.0828 14.0096C9.90401 13.6878 9.49814 13.5718 9.17628 13.7506L8.66675 14.0337V13.5C8.66675 13.1318 8.36827 12.8333 8.00008 12.8333C7.63189 12.8333 7.33341 13.1318 7.33341 13.5V14.0337L6.82381 13.7506Z" fill="#155EEF"/>
+<path d="M6.82384 7.08385C6.50199 6.90505 6.09612 7.02101 5.91731 7.34286C5.7385 7.66472 5.85446 8.07059 6.17632 8.2494L7.33341 8.89223V10.1666C7.33341 10.5348 7.63189 10.8333 8.00008 10.8333C8.36827 10.8333 8.66675 10.5348 8.66675 10.1666V8.89223L9.82384 8.2494C10.1457 8.07059 10.2617 7.66472 10.0829 7.34286C9.90404 7.02101 9.49817 6.90505 9.17632 7.08385L8.00008 7.73732L6.82384 7.08385Z" fill="#155EEF"/>
+</g>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/users/user-01.svg b/web/app/components/base/icons/assets/vender/line/users/user-01.svg
new file mode 100644
index 0000000000..3217c92104
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/users/user-01.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="user-01">
+<path id="Icon" d="M13.3334 14C13.3334 13.0696 13.3334 12.6044 13.2186 12.2259C12.9601 11.3736 12.2931 10.7067 11.4408 10.4482C11.0623 10.3333 10.5971 10.3333 9.66675 10.3333H6.33342C5.40304 10.3333 4.93785 10.3333 4.55932 10.4482C3.70705 10.7067 3.04011 11.3736 2.78157 12.2259C2.66675 12.6044 2.66675 13.0696 2.66675 14M11.0001 5C11.0001 6.65685 9.65694 8 8.00008 8C6.34323 8 5.00008 6.65685 5.00008 5C5.00008 3.34315 6.34323 2 8.00008 2C9.65694 2 11.0001 3.34315 11.0001 5Z" stroke="#344054" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/line/users/users-01.svg b/web/app/components/base/icons/assets/vender/line/users/users-01.svg
new file mode 100644
index 0000000000..665534bf86
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/line/users/users-01.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="users-01">
+<path id="Icon" d="M14.6666 14V12.6667C14.6666 11.4241 13.8167 10.38 12.6666 10.084M10.3333 2.19384C11.3105 2.58943 11.9999 3.54754 11.9999 4.66667C11.9999 5.78579 11.3105 6.7439 10.3333 7.13949M11.3333 14C11.3333 12.7575 11.3333 12.1362 11.1303 11.6462C10.8596 10.9928 10.3405 10.4736 9.68707 10.203C9.19702 10 8.57576 10 7.33325 10H5.33325C4.09074 10 3.46949 10 2.97943 10.203C2.32602 10.4736 1.80689 10.9928 1.53624 11.6462C1.33325 12.1362 1.33325 12.7575 1.33325 14M8.99992 4.66667C8.99992 6.13943 7.80601 7.33333 6.33325 7.33333C4.86049 7.33333 3.66659 6.13943 3.66659 4.66667C3.66659 3.19391 4.86049 2 6.33325 2C7.80601 2 8.99992 3.19391 8.99992 4.66667Z" stroke="#344054" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/solid/FinanceAndECommerce/scales-02.svg b/web/app/components/base/icons/assets/vender/solid/FinanceAndECommerce/scales-02.svg
new file mode 100644
index 0000000000..8ebaef5388
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/solid/FinanceAndECommerce/scales-02.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.64494 5.5L4 5.50001C3.44772 5.50001 3 5.05229 3 4.50001C3 3.94772 3.44771 3.50001 4 3.50001L8.64494 3.5C9.07521 2.05426 10.4145 1 12 1C13.5855 1 14.9248 2.05426 15.3551 3.5L20 3.5C20.5523 3.5 21 3.94772 21 4.5C21 5.05229 20.5523 5.5 20 5.5L15.3551 5.5C15.0191 6.62889 14.1289 7.51909 13 7.85506V20H20C20.5523 20 21 20.4477 21 21C21 21.5523 20.5523 22 20 22L4 22C3.44772 22 3 21.5523 3 21C3 20.4477 3.44772 20 4 20H11V7.85506C9.87111 7.51909 8.98091 6.62889 8.64494 5.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.49998 7C5.83892 7 6.15479 7.17168 6.33914 7.4561L9.34294 12.0905C9.5058 12.3416 9.65261 12.5678 9.77323 12.9247C9.82544 13.0792 9.86232 13.2714 9.88454 13.4092C9.90677 13.5471 9.93212 13.7411 9.93109 13.9042C9.9302 14.0459 9.92522 14.1726 9.90862 14.2966C9.89198 14.421 9.86633 14.5189 9.85041 14.5797L9.84797 14.5891C9.33962 16.5355 7.60137 18 5.49998 18C3.3986 18 1.66034 16.5355 1.152 14.5891L1.14959 14.5798C1.13367 14.5191 1.108 14.421 1.09135 14.2966C1.07475 14.1726 1.06977 14.0459 1.06888 13.9042C1.06785 13.7411 1.0932 13.5471 1.11542 13.4092C1.13765 13.2714 1.17453 13.0792 1.22674 12.9247C1.34736 12.5678 1.49417 12.3416 1.65703 12.0905L4.66083 7.4561C4.84518 7.17168 5.16105 7 5.49998 7ZM5.49998 9.83859L4.09907 12H6.9009L5.49998 9.83859Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.3391 7.4561C19.1548 7.17168 18.8389 7 18.5 7C18.161 7 17.8452 7.17168 17.6608 7.4561L14.657 12.0905C14.4942 12.3416 14.3474 12.5678 14.2267 12.9247C14.1745 13.0792 14.1376 13.2714 14.1154 13.4092C14.0932 13.5471 14.0679 13.7411 14.0689 13.9042C14.0698 14.0459 14.0748 14.1726 14.0914 14.2966C14.108 14.421 14.1337 14.519 14.1496 14.5798L14.152 14.5891C14.6603 16.5355 16.3986 18 18.5 18C20.6014 18 22.3396 16.5355 22.848 14.5891L22.8504 14.5798C22.8663 14.5191 22.892 14.421 22.9086 14.2966C22.9252 14.1726 22.9302 14.0459 22.9311 13.9042C22.9321 13.7411 22.9068 13.5471 22.8845 13.4092C22.8623 13.2714 22.8254 13.0792 22.7732 12.9247C22.6526 12.5678 22.5058 12.3416 22.3429 12.0905L19.3391 7.4561ZM17.0991 12L18.5 9.83859L19.9009 12H17.0991Z" fill="black"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/solid/editor/brush-01.svg b/web/app/components/base/icons/assets/vender/solid/editor/brush-01.svg
new file mode 100644
index 0000000000..c58c071c75
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/solid/editor/brush-01.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.264 2.20765C18.5274 1.0378 20.4895 1.07552 21.707 2.29307C22.9246 3.51061 22.9623 5.47268 21.7924 6.73612L15.4019 13.638C15.008 14.0634 14.811 14.2761 14.579 14.3585C14.3751 14.4309 14.1531 14.4352 13.9465 14.3707C13.7115 14.2973 13.5065 14.0923 13.0965 13.6823L10.3178 10.9036C9.9078 10.4936 9.7028 10.2886 9.62943 10.0536C9.56493 9.84699 9.5692 9.62504 9.6416 9.42107C9.72395 9.18906 9.93667 8.9921 10.3621 8.59817L17.264 2.20765Z" fill="black"/>
+<path d="M8.76212 12.1763C8.35165 11.7659 8.14641 11.5606 7.9013 11.4888C7.7037 11.4308 7.43858 11.4436 7.24747 11.5203C7.01041 11.6154 6.86226 11.7953 6.56595 12.1551C6.46827 12.2737 6.37864 12.398 6.30066 12.53C6.03001 12.9883 5.8908 13.5013 5.88405 14.0163C4.608 13.9077 3.29445 14.3416 2.31799 15.318C1.28682 16.3492 1.34471 17.8002 1.38417 18.7893L1.38921 18.9154C1.43381 20.027 1.46675 20.848 1.11009 21.5439C0.951191 21.8539 0.965076 22.2242 1.14673 22.5215C1.32839 22.8187 1.65165 23 2 23C2.27235 23 2.58299 23.0081 2.91511 23.0167C3.66655 23.0362 4.52805 23.0586 5.30424 22.9968C6.44876 22.9057 7.7418 22.6221 8.68195 21.682C9.65838 20.7056 10.0923 19.3921 9.98366 18.1161C10.4987 18.1093 11.0118 17.9701 11.4701 17.6994C11.6021 17.6215 11.7264 17.5318 11.845 17.4341C12.2048 17.1378 12.3847 16.9897 12.4798 16.7526C12.5565 16.5615 12.5693 16.2964 12.5113 16.0988C12.4395 15.8537 12.2342 15.6484 11.8238 15.238L8.76212 12.1763Z" fill="black"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/solid/general/target-04.svg b/web/app/components/base/icons/assets/vender/solid/general/target-04.svg
new file mode 100644
index 0000000000..c43124e753
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/solid/general/target-04.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.1601 1.01292C19.4774 1.06441 19.7506 1.26529 19.8944 1.5528L20.7453 3.25466L22.4472 4.10558C22.7347 4.24934 22.9355 4.52254 22.987 4.83983C23.0385 5.15712 22.9343 5.47982 22.707 5.70712L19.707 8.70712C19.5195 8.89466 19.2652 9.00001 18.9999 9.00001H16.4142L12.7071 12.7071C12.3166 13.0976 11.6834 13.0976 11.2929 12.7071C10.9024 12.3166 10.9024 11.6834 11.2929 11.2929L14.9999 7.58585V5.00001C14.9999 4.7348 15.1053 4.48044 15.2928 4.29291L18.2928 1.29291C18.5201 1.06561 18.8428 0.961435 19.1601 1.01292Z" fill="black"/>
+<path d="M3 12C3 7.02944 7.02944 3 12 3C12.5523 3 13 2.55228 13 2C13 1.44772 12.5523 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 11.4477 22.5523 11 22 11C21.4477 11 21 11.4477 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z" fill="black"/>
+<path d="M8 12C8 9.79086 9.79086 8 12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 11.4477 17.5523 11 17 11C16.4477 11 16 11.4477 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12Z" fill="black"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/sliders-02.svg b/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/sliders-02.svg
new file mode 100644
index 0000000000..42ff057b4c
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/solid/mediaAndDevices/sliders-02.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 2C5.55228 2 6 2.44772 6 3V7C6 7.55228 5.55228 8 5 8C4.44772 8 4 7.55228 4 7V3C4 2.44772 4.44772 2 5 2Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 15.8293C7.16519 15.4175 8 14.3062 8 13C8 11.3431 6.65685 10 5 10C3.34315 10 2 11.3431 2 13C2 14.3062 2.83481 15.4175 4 15.8293L4 21C4 21.5523 4.44772 22 5 22C5.55229 22 6 21.5523 6 21L6 15.8293Z" fill="black"/>
+<path d="M13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V15Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C12.5523 2 13 2.44772 13 3V6.17071C14.1652 6.58254 15 7.69378 15 9C15 10.6569 13.6569 12 12 12C10.3431 12 9 10.6569 9 9C9 7.69378 9.83481 6.58254 11 6.17071V3C11 2.44772 11.4477 2 12 2Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 15C22 16.3062 21.1652 17.4175 20 17.8293V21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21V17.8293C16.8348 17.4175 16 16.3062 16 15C16 13.3431 17.3431 12 19 12C20.6569 12 22 13.3431 22 15Z" fill="black"/>
+<path d="M19 2C19.5523 2 20 2.44772 20 3V9C20 9.55228 19.5523 10 19 10C18.4477 10 18 9.55228 18 9V3C18 2.44772 18.4477 2 19 2Z" fill="black"/>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/solid/security/lock-01.svg b/web/app/components/base/icons/assets/vender/solid/security/lock-01.svg
new file mode 100644
index 0000000000..9ca6d8e03a
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/solid/security/lock-01.svg
@@ -0,0 +1,5 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="lock-01">
+<path id="Solid" fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 2.34315 4.34315 1 6 1C7.65685 1 9 2.34315 9 4V4.57516C9.1413 4.60613 9.27693 4.65121 9.40798 4.71799C9.78431 4.90973 10.0903 5.2157 10.282 5.59202C10.4057 5.83469 10.4549 6.09304 10.4779 6.37409C10.5 6.64468 10.5 6.97686 10.5 7.37934V8.12066C10.5 8.52314 10.5 8.85532 10.4779 9.12591C10.4549 9.40696 10.4057 9.66531 10.282 9.90798C10.0903 10.2843 9.78431 10.5903 9.40798 10.782C9.16531 10.9057 8.90696 10.9549 8.62591 10.9779C8.35531 11 8.02313 11 7.62064 11H4.37936C3.97687 11 3.64469 11 3.37409 10.9779C3.09304 10.9549 2.83469 10.9057 2.59202 10.782C2.2157 10.5903 1.90973 10.2843 1.71799 9.90798C1.59434 9.66531 1.54506 9.40696 1.5221 9.12591C1.49999 8.85532 1.49999 8.52314 1.5 8.12066V7.37934C1.49999 6.97687 1.49999 6.64468 1.5221 6.37409C1.54506 6.09304 1.59434 5.83469 1.71799 5.59202C1.90973 5.2157 2.2157 4.90973 2.59202 4.71799C2.72307 4.65121 2.8587 4.60613 3 4.57516V4ZM8 4V4.50081H4V4C4 2.89543 4.89543 2 6 2C7.10457 2 8 2.89543 8 4ZM6.5 7.25C6.5 6.97386 6.27614 6.75 6 6.75C5.72386 6.75 5.5 6.97386 5.5 7.25V8.25C5.5 8.52614 5.72386 8.75 6 8.75C6.27614 8.75 6.5 8.52614 6.5 8.25V7.25Z" fill="#667085"/>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/solid/users/user-01.svg b/web/app/components/base/icons/assets/vender/solid/users/user-01.svg
new file mode 100644
index 0000000000..139e1cc4a6
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/solid/users/user-01.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="user-01">
+<g id="Solid">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.85731 9.66669C7.28575 9.66701 8.71419 9.66701 10.1426 9.66669C10.6271 9.66659 10.9572 9.66652 11.2455 9.71735C12.6255 9.96068 13.706 11.0412 13.9493 12.4212C14.0002 12.7095 14.0001 13.0396 14 13.524C14 13.6296 14.0032 13.7359 13.9848 13.8404C13.9118 14.2544 13.5876 14.5785 13.1736 14.6515C13.0828 14.6675 12.9872 14.667 12.9396 14.6668C9.64686 14.6491 6.35308 14.6491 3.06031 14.6668C3.01274 14.667 2.9171 14.6675 2.82632 14.6515C2.41231 14.5785 2.08816 14.2544 2.01516 13.8404C1.99675 13.7359 1.99998 13.6296 1.99996 13.524C1.99985 13.0396 1.99978 12.7095 2.05061 12.4212C2.29395 11.0412 3.37444 9.96068 4.75447 9.71735C5.04275 9.66652 5.37286 9.66659 5.85731 9.66669Z" fill="#155EEF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.3333 5.00004C4.3333 2.975 5.97493 1.33337 7.99997 1.33337C10.025 1.33337 11.6666 2.975 11.6666 5.00004C11.6666 7.02508 10.025 8.66671 7.99997 8.66671C5.97493 8.66671 4.3333 7.02508 4.3333 5.00004Z" fill="#155EEF"/>
+</g>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/assets/vender/solid/users/users-01.svg b/web/app/components/base/icons/assets/vender/solid/users/users-01.svg
new file mode 100644
index 0000000000..0028619f64
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/solid/users/users-01.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="users-01">
+<g id="Solid">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0211 9.91782C12.1128 9.56125 12.4763 9.34659 12.8329 9.43837C14.2704 9.80837 15.3334 11.1125 15.3334 12.6666V14C15.3334 14.3682 15.0349 14.6666 14.6667 14.6666C14.2985 14.6666 14 14.3682 14 14V12.6666C14 11.7356 13.3633 10.9517 12.5005 10.7296C12.1439 10.6378 11.9293 10.2744 12.0211 9.91782Z" fill="#155EEF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.7154 1.94368C9.85355 1.60239 10.2422 1.43771 10.5835 1.57586C11.8039 2.06985 12.6667 3.26669 12.6667 4.66665C12.6667 6.0666 11.8039 7.26344 10.5835 7.75743C10.2422 7.89558 9.85355 7.73091 9.7154 7.38962C9.57725 7.04833 9.74193 6.65967 10.0832 6.52152C10.8174 6.22432 11.3334 5.50494 11.3334 4.66665C11.3334 3.82835 10.8174 3.10897 10.0832 2.81178C9.74193 2.67363 9.57725 2.28496 9.7154 1.94368Z" fill="#155EEF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.78598 9.33329C5.81757 9.33363 6.84915 9.33363 7.88073 9.33329C8.60781 9.33305 9.10395 9.33289 9.52942 9.44689C10.6797 9.75512 11.5782 10.6536 11.8864 11.8039C12.0399 12.3768 11.9955 12.989 12.0001 13.576C12.0007 13.6473 12.0019 13.7915 11.966 13.9255C11.8735 14.2706 11.6039 14.5401 11.2588 14.6326C11.1248 14.6685 10.9807 14.6673 10.9094 14.6668C7.85941 14.6424 4.80731 14.6424 1.7573 14.6668C1.68602 14.6673 1.54188 14.6685 1.40787 14.6326C1.06278 14.5401 0.793233 14.2706 0.700765 13.9255C0.664858 13.7915 0.666007 13.6473 0.666575 13.576C0.671243 12.9905 0.627014 12.3759 0.780272 11.8039C1.0885 10.6536 1.98699 9.75512 3.13729 9.44689C3.56277 9.33289 4.05891 9.33305 4.78598 9.33329Z" fill="#155EEF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.00002 4.66665C3.00002 2.8257 4.49241 1.33331 6.33336 1.33331C8.17431 1.33331 9.66669 2.8257 9.66669 4.66665C9.66669 6.5076 8.17431 7.99998 6.33336 7.99998C4.49241 7.99998 3.00002 6.5076 3.00002 4.66665Z" fill="#155EEF"/>
+</g>
+</g>
+</svg>
diff --git a/web/app/components/base/icons/script.js b/web/app/components/base/icons/script.js
index ffc84c8b32..f81b45bfd9 100644
--- a/web/app/components/base/icons/script.js
+++ b/web/app/components/base/icons/script.js
@@ -77,6 +77,54 @@ export { default as <%= svgName %> } from './<%= svgName %>'
   await appendFile(path.resolve(currentPath, 'index.ts'), `${indexingRender({ svgName: fileName })}\n`)
 }
 
+const generateImageComponent = async (entry, pathList) => {
+  const currentPath = path.resolve(__dirname, 'src', ...pathList.slice(2))
+
+  try {
+    await access(currentPath)
+  }
+  catch {
+    await generateDir(currentPath)
+  }
+
+  const prefixFileName = camelCase(entry.split('.')[0])
+  const fileName = prefixFileName.charAt(0).toUpperCase() + prefixFileName.slice(1)
+
+  const componentCSSRender = template(`
+.wrapper {
+  display: inline-flex;
+  background: url(<%= assetPath %>) center center no-repeat;
+  background-size: contain;
+}
+`.trim())
+
+  await writeFile(path.resolve(currentPath, `${fileName}.module.css`), `${componentCSSRender({ assetPath: path.join('~@/app/components/base/icons/assets', ...pathList.slice(2), entry) })}\n`)
+
+  const componentRender = template(`
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import cn from '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} />)
+
+export default Icon
+`.trim())
+
+  await writeFile(path.resolve(currentPath, `${fileName}.tsx`), `${componentRender({ fileName })}\n`)
+
+  const indexingRender = template(`
+export { default as <%= fileName %> } from './<%= fileName %>'
+`.trim())
+
+  await appendFile(path.resolve(currentPath, 'index.ts'), `${indexingRender({ fileName })}\n`)
+}
+
 const walk = async (entry, pathList, replaceFillOrStrokeColor) => {
   const currentPath = path.resolve(...pathList, entry)
   let fileHandle
@@ -94,6 +142,9 @@ const walk = async (entry, pathList, replaceFillOrStrokeColor) => {
 
     if (stat.isFile() && /.+\.svg$/g.test(entry))
       await generateSvgComponent(fileHandle, entry, pathList, replaceFillOrStrokeColor)
+
+    if (stat.isFile() && /.+\.png$/g.test(entry))
+      await generateImageComponent(entry, pathList)
   }
   finally {
     fileHandle?.close()
@@ -104,4 +155,5 @@ const walk = async (entry, pathList, replaceFillOrStrokeColor) => {
   await rm(path.resolve(__dirname, 'src'), { recursive: true, force: true })
   await walk('public', [__dirname, 'assets'])
   await walk('vender', [__dirname, 'assets'], true)
+  await walk('image', [__dirname, 'assets'])
 })()
diff --git a/web/app/components/base/icons/src/image/llm/Minimax.module.css b/web/app/components/base/icons/src/image/llm/Minimax.module.css
new file mode 100644
index 0000000000..551ecc3c62
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/Minimax.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+  display: inline-flex;
+  background: url(~@/app/components/base/icons/assets/image/llm/minimax.png) center center no-repeat;
+  background-size: contain;
+}
diff --git a/web/app/components/base/icons/src/image/llm/Minimax.tsx b/web/app/components/base/icons/src/image/llm/Minimax.tsx
new file mode 100644
index 0000000000..e3e84fe1ac
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/Minimax.tsx
@@ -0,0 +1,13 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import cn from '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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/image/llm/MinimaxText.module.css b/web/app/components/base/icons/src/image/llm/MinimaxText.module.css
new file mode 100644
index 0000000000..a63be49e8b
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/MinimaxText.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+  display: inline-flex;
+  background: url(~@/app/components/base/icons/assets/image/llm/minimax-text.png) center center no-repeat;
+  background-size: contain;
+}
diff --git a/web/app/components/base/icons/src/image/llm/MinimaxText.tsx b/web/app/components/base/icons/src/image/llm/MinimaxText.tsx
new file mode 100644
index 0000000000..92413976ae
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/MinimaxText.tsx
@@ -0,0 +1,13 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import cn from '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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/image/llm/Tongyi.module.css b/web/app/components/base/icons/src/image/llm/Tongyi.module.css
new file mode 100644
index 0000000000..3ca440768c
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/Tongyi.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+  display: inline-flex;
+  background: url(~@/app/components/base/icons/assets/image/llm/tongyi.png) center center no-repeat;
+  background-size: contain;
+}
diff --git a/web/app/components/base/icons/src/image/llm/Tongyi.tsx b/web/app/components/base/icons/src/image/llm/Tongyi.tsx
new file mode 100644
index 0000000000..1de1851bc8
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/Tongyi.tsx
@@ -0,0 +1,13 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import cn from '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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/image/llm/TongyiText.module.css b/web/app/components/base/icons/src/image/llm/TongyiText.module.css
new file mode 100644
index 0000000000..f713671808
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/TongyiText.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+  display: inline-flex;
+  background: url(~@/app/components/base/icons/assets/image/llm/tongyi-text.png) center center no-repeat;
+  background-size: contain;
+}
diff --git a/web/app/components/base/icons/src/image/llm/TongyiText.tsx b/web/app/components/base/icons/src/image/llm/TongyiText.tsx
new file mode 100644
index 0000000000..fa30b7eceb
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/TongyiText.tsx
@@ -0,0 +1,13 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import cn from '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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/image/llm/TongyiTextCn.module.css b/web/app/components/base/icons/src/image/llm/TongyiTextCn.module.css
new file mode 100644
index 0000000000..d07e6e8bc4
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/TongyiTextCn.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+  display: inline-flex;
+  background: url(~@/app/components/base/icons/assets/image/llm/tongyi-text-cn.png) center center no-repeat;
+  background-size: contain;
+}
diff --git a/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx b/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx
new file mode 100644
index 0000000000..eb841f15b2
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/TongyiTextCn.tsx
@@ -0,0 +1,13 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import cn from '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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/image/llm/Wxyy.module.css b/web/app/components/base/icons/src/image/llm/Wxyy.module.css
new file mode 100644
index 0000000000..44344a495f
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/Wxyy.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+  display: inline-flex;
+  background: url(~@/app/components/base/icons/assets/image/llm/wxyy.png) center center no-repeat;
+  background-size: contain;
+}
diff --git a/web/app/components/base/icons/src/image/llm/Wxyy.tsx b/web/app/components/base/icons/src/image/llm/Wxyy.tsx
new file mode 100644
index 0000000000..4a358b64a5
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/Wxyy.tsx
@@ -0,0 +1,13 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import cn from '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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/image/llm/WxyyText.module.css b/web/app/components/base/icons/src/image/llm/WxyyText.module.css
new file mode 100644
index 0000000000..58a0c62047
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/WxyyText.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+  display: inline-flex;
+  background: url(~@/app/components/base/icons/assets/image/llm/wxyy-text.png) center center no-repeat;
+  background-size: contain;
+}
diff --git a/web/app/components/base/icons/src/image/llm/WxyyText.tsx b/web/app/components/base/icons/src/image/llm/WxyyText.tsx
new file mode 100644
index 0000000000..3f83b326a6
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/WxyyText.tsx
@@ -0,0 +1,13 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import cn from '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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/image/llm/WxyyTextCn.module.css b/web/app/components/base/icons/src/image/llm/WxyyTextCn.module.css
new file mode 100644
index 0000000000..fb5839ab07
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/WxyyTextCn.module.css
@@ -0,0 +1,5 @@
+.wrapper {
+  display: inline-flex;
+  background: url(~@/app/components/base/icons/assets/image/llm/wxyy-text-cn.png) center center no-repeat;
+  background-size: contain;
+}
diff --git a/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx b/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx
new file mode 100644
index 0000000000..b81998e469
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/WxyyTextCn.tsx
@@ -0,0 +1,13 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import cn from '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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/image/llm/index.ts b/web/app/components/base/icons/src/image/llm/index.ts
new file mode 100644
index 0000000000..856d4316e7
--- /dev/null
+++ b/web/app/components/base/icons/src/image/llm/index.ts
@@ -0,0 +1,8 @@
+export { default as MinimaxText } from './MinimaxText'
+export { default as Minimax } from './Minimax'
+export { default as TongyiTextCn } from './TongyiTextCn'
+export { default as TongyiText } from './TongyiText'
+export { default as Tongyi } from './Tongyi'
+export { default as WxyyTextCn } from './WxyyTextCn'
+export { default as WxyyText } from './WxyyText'
+export { default as Wxyy } from './Wxyy'
diff --git a/web/app/components/base/icons/src/public/llm/Anthropic.json b/web/app/components/base/icons/src/public/llm/Anthropic.json
index 2de0deef5c..f237bba80e 100644
--- a/web/app/components/base/icons/src/public/llm/Anthropic.json
+++ b/web/app/components/base/icons/src/public/llm/Anthropic.json
@@ -24,62 +24,12 @@
 			},
 			{
 				"type": "element",
-				"name": "g",
+				"name": "path",
 				"attributes": {
-					"clip-path": "url(#clip0_7672_55906)"
-				},
-				"children": [
-					{
-						"type": "element",
-						"name": "path",
-						"attributes": {
-							"d": "M15.3843 6.43457H12.9687L17.3739 17.565H19.7896L15.3843 6.43457ZM8.40522 6.43457L4 17.565H6.4633L7.36417 15.2276H11.9729L12.8737 17.565H15.337L10.9318 6.43457H8.40522ZM8.16104 13.1605L9.66852 9.24883L11.176 13.1605H8.16104Z",
-							"fill": "#191918"
-						},
-						"children": []
-					}
-				]
-			},
-			{
-				"type": "element",
-				"name": "rect",
-				"attributes": {
-					"x": "0.5",
-					"y": "0.5",
-					"width": "23",
-					"height": "23",
-					"rx": "5.5",
-					"stroke": "black",
-					"stroke-opacity": "0.05"
+					"d": "M15.3843 6.43481H12.9687L17.3739 17.5652H19.7896L15.3843 6.43481ZM8.40522 6.43481L4 17.5652H6.4633L7.36417 15.2279H11.9729L12.8737 17.5652H15.337L10.9318 6.43481H8.40522ZM8.16104 13.1607L9.66852 9.24907L11.176 13.1607H8.16104Z",
+					"fill": "#191918"
 				},
 				"children": []
-			},
-			{
-				"type": "element",
-				"name": "defs",
-				"attributes": {},
-				"children": [
-					{
-						"type": "element",
-						"name": "clipPath",
-						"attributes": {
-							"id": "clip0_7672_55906"
-						},
-						"children": [
-							{
-								"type": "element",
-								"name": "rect",
-								"attributes": {
-									"width": "16",
-									"height": "11.1304",
-									"fill": "white",
-									"transform": "translate(4 6.43457)"
-								},
-								"children": []
-							}
-						]
-					}
-				]
 			}
 		]
 	},
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicText.json b/web/app/components/base/icons/src/public/llm/AnthropicText.json
new file mode 100644
index 0000000000..72b3e6ebb7
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/AnthropicText.json
@@ -0,0 +1,539 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "90",
+			"height": "20",
+			"viewBox": "0 0 90 20",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"clip-path": "url(#clip0_8587_60274)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "mask",
+						"attributes": {
+							"id": "mask0_8587_60274",
+							"style": "mask-type:luminance",
+							"maskUnits": "userSpaceOnUse",
+							"x": "0",
+							"y": "4",
+							"width": "90",
+							"height": "11"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M89.375 4.99805H0V14.998H89.375V4.99805Z",
+									"fill": "white"
+								},
+								"children": []
+							}
+						]
+					},
+					{
+						"type": "element",
+						"name": "g",
+						"attributes": {
+							"mask": "url(#mask0_8587_60274)"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "mask",
+								"attributes": {
+									"id": "mask1_8587_60274",
+									"style": "mask-type:luminance",
+									"maskUnits": "userSpaceOnUse",
+									"x": "0",
+									"y": "4",
+									"width": "90",
+									"height": "11"
+								},
+								"children": [
+									{
+										"type": "element",
+										"name": "path",
+										"attributes": {
+											"d": "M0 4.99609H89.375V14.9961H0V4.99609Z",
+											"fill": "white"
+										},
+										"children": []
+									}
+								]
+							},
+							{
+								"type": "element",
+								"name": "g",
+								"attributes": {
+									"mask": "url(#mask1_8587_60274)"
+								},
+								"children": [
+									{
+										"type": "element",
+										"name": "mask",
+										"attributes": {
+											"id": "mask2_8587_60274",
+											"style": "mask-type:luminance",
+											"maskUnits": "userSpaceOnUse",
+											"x": "0",
+											"y": "4",
+											"width": "90",
+											"height": "11"
+										},
+										"children": [
+											{
+												"type": "element",
+												"name": "path",
+												"attributes": {
+													"d": "M0 4.99414H89.375V14.9941H0V4.99414Z",
+													"fill": "white"
+												},
+												"children": []
+											}
+										]
+									},
+									{
+										"type": "element",
+										"name": "g",
+										"attributes": {
+											"mask": "url(#mask2_8587_60274)"
+										},
+										"children": [
+											{
+												"type": "element",
+												"name": "mask",
+												"attributes": {
+													"id": "mask3_8587_60274",
+													"style": "mask-type:luminance",
+													"maskUnits": "userSpaceOnUse",
+													"x": "0",
+													"y": "4",
+													"width": "90",
+													"height": "11"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+															"fill": "white"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "g",
+												"attributes": {
+													"mask": "url(#mask3_8587_60274)"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M18.1273 11.9244L13.7773 5.15625H11.4297V14.825H13.4321V8.05688L17.7821 14.825H20.1297V5.15625H18.1273V11.9244Z",
+															"fill": "black",
+															"fill-opacity": "0.92"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "mask",
+												"attributes": {
+													"id": "mask4_8587_60274",
+													"style": "mask-type:luminance",
+													"maskUnits": "userSpaceOnUse",
+													"x": "0",
+													"y": "4",
+													"width": "90",
+													"height": "11"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+															"fill": "white"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "g",
+												"attributes": {
+													"mask": "url(#mask4_8587_60274)"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M21.7969 7.02094H25.0423V14.825H27.1139V7.02094H30.3594V5.15625H21.7969V7.02094Z",
+															"fill": "black",
+															"fill-opacity": "0.92"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "mask",
+												"attributes": {
+													"id": "mask5_8587_60274",
+													"style": "mask-type:luminance",
+													"maskUnits": "userSpaceOnUse",
+													"x": "0",
+													"y": "4",
+													"width": "90",
+													"height": "11"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+															"fill": "white"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "g",
+												"attributes": {
+													"mask": "url(#mask5_8587_60274)"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M38.6442 9.00994H34.0871V5.15625H32.0156V14.825H34.0871V10.8746H38.6442V14.825H40.7156V5.15625H38.6442V9.00994Z",
+															"fill": "black",
+															"fill-opacity": "0.92"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "mask",
+												"attributes": {
+													"id": "mask6_8587_60274",
+													"style": "mask-type:luminance",
+													"maskUnits": "userSpaceOnUse",
+													"x": "0",
+													"y": "4",
+													"width": "90",
+													"height": "11"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+															"fill": "white"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "g",
+												"attributes": {
+													"mask": "url(#mask6_8587_60274)"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M45.3376 7.02094H47.893C48.9152 7.02094 49.4539 7.39387 49.4539 8.09831C49.4539 8.80275 48.9152 9.17569 47.893 9.17569H45.3376V7.02094ZM51.5259 8.09831C51.5259 6.27506 50.186 5.15625 47.9897 5.15625H43.2656V14.825H45.3376V11.0404H47.6443L49.7164 14.825H52.0094L49.715 10.7521C50.8666 10.3094 51.5259 9.37721 51.5259 8.09831Z",
+															"fill": "black",
+															"fill-opacity": "0.92"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "mask",
+												"attributes": {
+													"id": "mask7_8587_60274",
+													"style": "mask-type:luminance",
+													"maskUnits": "userSpaceOnUse",
+													"x": "0",
+													"y": "4",
+													"width": "90",
+													"height": "11"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+															"fill": "white"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "g",
+												"attributes": {
+													"mask": "url(#mask7_8587_60274)"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M57.8732 13.0565C56.2438 13.0565 55.2496 11.8963 55.2496 10.004C55.2496 8.08416 56.2438 6.92394 57.8732 6.92394C59.4887 6.92394 60.4691 8.08416 60.4691 10.004C60.4691 11.8963 59.4887 13.0565 57.8732 13.0565ZM57.8732 4.99023C55.0839 4.99023 53.1094 7.06206 53.1094 10.004C53.1094 12.9184 55.0839 14.9902 57.8732 14.9902C60.6486 14.9902 62.6094 12.9184 62.6094 10.004C62.6094 7.06206 60.6486 4.99023 57.8732 4.99023Z",
+															"fill": "black",
+															"fill-opacity": "0.92"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "mask",
+												"attributes": {
+													"id": "mask8_8587_60274",
+													"style": "mask-type:luminance",
+													"maskUnits": "userSpaceOnUse",
+													"x": "0",
+													"y": "4",
+													"width": "90",
+													"height": "11"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+															"fill": "white"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "g",
+												"attributes": {
+													"mask": "url(#mask8_8587_60274)"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M69.1794 9.45194H66.6233V7.02094H69.1794C70.2019 7.02094 70.7407 7.43532 70.7407 8.23644C70.7407 9.03756 70.2019 9.45194 69.1794 9.45194ZM69.2762 5.15625H64.5508V14.825H66.6233V11.3166H69.2762C71.473 11.3166 72.8133 10.1564 72.8133 8.23644C72.8133 6.3165 71.473 5.15625 69.2762 5.15625Z",
+															"fill": "black",
+															"fill-opacity": "0.92"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "mask",
+												"attributes": {
+													"id": "mask9_8587_60274",
+													"style": "mask-type:luminance",
+													"maskUnits": "userSpaceOnUse",
+													"x": "0",
+													"y": "4",
+													"width": "90",
+													"height": "11"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+															"fill": "white"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "g",
+												"attributes": {
+													"mask": "url(#mask9_8587_60274)"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M86.8413 11.5786C86.4823 12.5179 85.7642 13.0565 84.7837 13.0565C83.1542 13.0565 82.16 11.8963 82.16 10.004C82.16 8.08416 83.1542 6.92394 84.7837 6.92394C85.7642 6.92394 86.4823 7.46261 86.8413 8.40183H89.0369C88.4984 6.33002 86.8827 4.99023 84.7837 4.99023C81.9942 4.99023 80.0195 7.06206 80.0195 10.004C80.0195 12.9184 81.9942 14.9902 84.7837 14.9902C86.8965 14.9902 88.5122 13.6366 89.0508 11.5786H86.8413Z",
+															"fill": "black",
+															"fill-opacity": "0.92"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "mask",
+												"attributes": {
+													"id": "mask10_8587_60274",
+													"style": "mask-type:luminance",
+													"maskUnits": "userSpaceOnUse",
+													"x": "0",
+													"y": "4",
+													"width": "90",
+													"height": "11"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+															"fill": "white"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "g",
+												"attributes": {
+													"mask": "url(#mask10_8587_60274)"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M73.6484 5.15625L77.5033 14.825H79.6172L75.7624 5.15625H73.6484Z",
+															"fill": "black",
+															"fill-opacity": "0.92"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "mask",
+												"attributes": {
+													"id": "mask11_8587_60274",
+													"style": "mask-type:luminance",
+													"maskUnits": "userSpaceOnUse",
+													"x": "0",
+													"y": "4",
+													"width": "90",
+													"height": "11"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M0 4.99219H89.375V14.9922H0V4.99219Z",
+															"fill": "white"
+														},
+														"children": []
+													}
+												]
+											},
+											{
+												"type": "element",
+												"name": "g",
+												"attributes": {
+													"mask": "url(#mask11_8587_60274)"
+												},
+												"children": [
+													{
+														"type": "element",
+														"name": "path",
+														"attributes": {
+															"d": "M3.64038 10.9989L4.95938 7.60106L6.27838 10.9989H3.64038ZM3.85422 5.15625L0 14.825H2.15505L2.9433 12.7946H6.97558L7.76371 14.825H9.91875L6.06453 5.15625H3.85422Z",
+															"fill": "black",
+															"fill-opacity": "0.92"
+														},
+														"children": []
+													}
+												]
+											}
+										]
+									}
+								]
+							}
+						]
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "defs",
+				"attributes": {},
+				"children": [
+					{
+						"type": "element",
+						"name": "clipPath",
+						"attributes": {
+							"id": "clip0_8587_60274"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "rect",
+								"attributes": {
+									"width": "89.375",
+									"height": "10",
+									"fill": "white",
+									"transform": "translate(0 5)"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "AnthropicText"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/AnthropicText.tsx b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
new file mode 100644
index 0000000000..bd4124efee
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/AnthropicText.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.json b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.json
new file mode 100644
index 0000000000..42cba3143b
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.json
@@ -0,0 +1,74 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "56",
+			"height": "24",
+			"viewBox": "0 0 56 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"x": "2",
+					"y": "1.5",
+					"width": "10",
+					"height": "10",
+					"fill": "#EF4F21"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"x": "2",
+					"y": "12.5",
+					"width": "10",
+					"height": "10",
+					"fill": "#03A4EE"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"x": "13",
+					"y": "1.5",
+					"width": "10",
+					"height": "10",
+					"fill": "#7EB903"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"x": "13",
+					"y": "12.5",
+					"width": "10",
+					"height": "10",
+					"fill": "#FBB604"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M52.276 10.0045C52.7751 8.50639 52.6033 6.86529 51.8051 5.50264C50.6048 3.41259 48.1917 2.33732 45.835 2.84333C44.7866 1.66218 43.2803 0.990477 41.7011 1.0001C39.2922 0.994602 37.1548 2.54563 36.4137 4.83781C34.8661 5.15475 33.5304 6.12346 32.7487 7.49643C31.5394 9.58097 31.8151 12.2087 33.4307 13.9962C32.9316 15.4943 33.1034 17.1354 33.9016 18.498C35.1019 20.5881 37.515 21.6634 39.8717 21.1573C40.9195 22.3385 42.4264 23.0102 44.0056 22.9999C46.4159 23.0061 48.554 21.4537 49.2951 19.1594C50.8426 18.8425 52.1784 17.8738 52.9601 16.5008C54.168 14.4163 53.8916 11.7906 52.2767 10.0031L52.276 10.0045ZM44.007 21.5623C43.0424 21.5637 42.1081 21.2261 41.3677 20.608C41.4014 20.5901 41.4598 20.5578 41.4976 20.5345L45.8783 18.0044C46.1024 17.8772 46.2399 17.6386 46.2385 17.3808V11.2049L48.0899 12.274C48.1099 12.2836 48.1229 12.3028 48.1257 12.3248V17.4393C48.1229 19.7136 46.2812 21.5575 44.007 21.5623ZM35.1494 17.7789C34.6661 16.9443 34.4921 15.9659 34.6578 15.0165C34.6901 15.0357 34.7472 15.0708 34.7878 15.0942L39.1684 17.6242C39.3905 17.7541 39.6655 17.7541 39.8882 17.6242L45.2362 14.5359V16.6741C45.2376 16.6961 45.2272 16.7174 45.2101 16.7311L40.782 19.288C38.8096 20.4238 36.2906 19.7486 35.1501 17.7789H35.1494ZM33.9965 8.21626C34.4777 7.38024 35.2374 6.74085 36.1421 6.40878C36.1421 6.44659 36.1401 6.51328 36.1401 6.56003V11.6208C36.1387 11.878 36.2762 12.1165 36.4996 12.2437L41.8476 15.3313L39.9962 16.4004C39.9776 16.4128 39.9542 16.4149 39.9336 16.4059L35.5048 13.847C33.5365 12.7071 32.8614 10.1887 33.9958 8.21694L33.9965 8.21626ZM49.2078 11.7563L43.8598 8.66795L45.7112 7.59956C45.7298 7.58718 45.7532 7.58512 45.7738 7.59406L50.2026 10.1509C52.1743 11.2901 52.8501 13.8126 51.7109 15.7844C51.229 16.6191 50.47 17.2584 49.566 17.5912V12.3792C49.568 12.122 49.4312 11.8841 49.2085 11.7563H49.2078ZM51.0502 8.98284C51.0179 8.9629 50.9609 8.92852 50.9203 8.90515L46.5397 6.37509C46.3176 6.24515 46.0426 6.24515 45.8199 6.37509L40.4719 9.46341V7.32524C40.4705 7.30324 40.4808 7.28192 40.498 7.26817L44.9261 4.71337C46.8985 3.57553 49.4202 4.25273 50.5573 6.2259C51.0379 7.05917 51.2118 8.03475 51.0489 8.98284H51.0502ZM39.4654 12.7937L37.6133 11.7246C37.5934 11.715 37.5803 11.6958 37.5776 11.6738V6.55935C37.579 4.2823 39.4262 2.43701 41.7032 2.43838C42.6664 2.43838 43.5986 2.77664 44.339 3.39265C44.3053 3.41053 44.2476 3.44284 44.2091 3.46622L39.8284 5.99627C39.6043 6.12346 39.4668 6.36134 39.4682 6.61916L39.4654 12.7924V12.7937ZM40.4712 10.6253L42.8534 9.24959L45.2355 10.6246V13.3754L42.8534 14.7504L40.4712 13.3754V10.6253Z",
+					"fill": "black"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "AzureOpenaiService"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
new file mode 100644
index 0000000000..9d705283c3
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiService.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.json b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.json
new file mode 100644
index 0000000000..12cdeec971
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.json
@@ -0,0 +1,236 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "212",
+			"height": "24",
+			"viewBox": "0 0 212 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"x": "2",
+					"y": "1.5",
+					"width": "10",
+					"height": "10",
+					"fill": "#EF4F21"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"x": "2",
+					"y": "12.5",
+					"width": "10",
+					"height": "10",
+					"fill": "#03A4EE"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"x": "13",
+					"y": "1.5",
+					"width": "10",
+					"height": "10",
+					"fill": "#7EB903"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"x": "13",
+					"y": "12.5",
+					"width": "10",
+					"height": "10",
+					"fill": "#FBB604"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M52.276 10.0045C52.7751 8.50639 52.6033 6.86529 51.8051 5.50264C50.6048 3.41259 48.1917 2.33732 45.835 2.84333C44.7866 1.66218 43.2803 0.990477 41.7011 1.0001C39.2922 0.994602 37.1548 2.54563 36.4137 4.83781C34.8661 5.15475 33.5304 6.12346 32.7487 7.49643C31.5394 9.58097 31.8151 12.2087 33.4307 13.9962C32.9316 15.4943 33.1034 17.1354 33.9016 18.498C35.1019 20.5881 37.515 21.6634 39.8717 21.1573C40.9195 22.3385 42.4264 23.0102 44.0056 22.9999C46.4159 23.0061 48.554 21.4537 49.2951 19.1594C50.8426 18.8425 52.1784 17.8738 52.9601 16.5008C54.168 14.4163 53.8916 11.7906 52.2767 10.0031L52.276 10.0045ZM44.007 21.5623C43.0424 21.5637 42.1081 21.2261 41.3677 20.608C41.4014 20.5901 41.4598 20.5578 41.4976 20.5345L45.8783 18.0044C46.1024 17.8772 46.2399 17.6386 46.2385 17.3808V11.2049L48.0899 12.274C48.1099 12.2836 48.1229 12.3028 48.1257 12.3248V17.4393C48.1229 19.7136 46.2812 21.5575 44.007 21.5623ZM35.1494 17.7789C34.6661 16.9443 34.4921 15.9659 34.6578 15.0165C34.6901 15.0357 34.7472 15.0708 34.7878 15.0942L39.1684 17.6242C39.3905 17.7541 39.6655 17.7541 39.8882 17.6242L45.2362 14.5359V16.6741C45.2376 16.6961 45.2272 16.7174 45.2101 16.7311L40.782 19.288C38.8096 20.4238 36.2906 19.7486 35.1501 17.7789H35.1494ZM33.9965 8.21626C34.4777 7.38024 35.2374 6.74085 36.1421 6.40878C36.1421 6.44659 36.1401 6.51328 36.1401 6.56003V11.6208C36.1387 11.878 36.2762 12.1165 36.4996 12.2437L41.8476 15.3313L39.9962 16.4004C39.9776 16.4128 39.9542 16.4149 39.9336 16.4059L35.5048 13.847C33.5365 12.7071 32.8614 10.1887 33.9958 8.21694L33.9965 8.21626ZM49.2078 11.7563L43.8598 8.66795L45.7112 7.59956C45.7298 7.58718 45.7532 7.58512 45.7738 7.59406L50.2026 10.1509C52.1743 11.2901 52.8501 13.8126 51.7109 15.7844C51.229 16.6191 50.47 17.2584 49.566 17.5912V12.3792C49.568 12.122 49.4312 11.8841 49.2085 11.7563H49.2078ZM51.0502 8.98284C51.0179 8.9629 50.9609 8.92852 50.9203 8.90515L46.5397 6.37509C46.3176 6.24515 46.0426 6.24515 45.8199 6.37509L40.4719 9.46341V7.32524C40.4705 7.30324 40.4808 7.28192 40.498 7.26817L44.9261 4.71337C46.8985 3.57553 49.4202 4.25273 50.5573 6.2259C51.0379 7.05917 51.2118 8.03475 51.0489 8.98284H51.0502ZM39.4654 12.7937L37.6133 11.7246C37.5934 11.715 37.5803 11.6958 37.5776 11.6738V6.55935C37.579 4.2823 39.4262 2.43701 41.7032 2.43838C42.6664 2.43838 43.5986 2.77664 44.339 3.39265C44.3053 3.41053 44.2476 3.44284 44.2091 3.46622L39.8284 5.99627C39.6043 6.12346 39.4668 6.36134 39.4682 6.61916L39.4654 12.7924V12.7937ZM40.4712 10.6253L42.8534 9.24959L45.2355 10.6246V13.3754L42.8534 14.7504L40.4712 13.3754V10.6253Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M64.0195 17.0001H62.0508L65.6353 6.81824H67.9123L71.5018 17.0001H69.533L66.8136 8.90631H66.734L64.0195 17.0001ZM64.0842 13.0079H69.4535V14.4894H64.0842V13.0079Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M72.6639 17.0001V15.8566L76.6014 10.9198V10.8552H72.7931V9.36369H78.8038V10.5917L75.0552 15.4439V15.5086H78.9331V17.0001H72.6639Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M85.4918 13.7884V9.36369H87.2915V17.0001H85.5465V15.6428H85.467C85.2946 16.0704 85.0112 16.42 84.6168 16.6918C84.2257 16.9636 83.7435 17.0995 83.1701 17.0995C82.6696 17.0995 82.2272 16.9885 81.8427 16.7664C81.4615 16.541 81.1632 16.2145 80.9478 15.787C80.7324 15.3561 80.6246 14.8358 80.6246 14.2259V9.36369H82.4244V13.9475C82.4244 14.4314 82.5569 14.8159 82.8221 15.1009C83.0872 15.3859 83.4352 15.5285 83.8661 15.5285C84.1313 15.5285 84.3881 15.4638 84.6367 15.3346C84.8853 15.2053 85.0891 15.0131 85.2482 14.7579C85.4106 14.4993 85.4918 14.1762 85.4918 13.7884Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M89.1422 17.0001V9.36369H90.8873V10.6364H90.9668C91.106 10.1956 91.3446 9.85588 91.6827 9.61724C92.0241 9.37529 92.4135 9.25432 92.851 9.25432C92.9505 9.25432 93.0615 9.25929 93.1841 9.26923C93.3101 9.27586 93.4145 9.28746 93.4973 9.30403V10.9596C93.4211 10.9331 93.3001 10.9099 93.1344 10.89C92.972 10.8668 92.8146 10.8552 92.6621 10.8552C92.334 10.8552 92.039 10.9264 91.7772 11.0689C91.5186 11.2082 91.3148 11.402 91.1657 11.6506C91.0165 11.8992 90.9419 12.1859 90.9419 12.5107V17.0001H89.1422Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M97.7592 17.1492C96.9936 17.1492 96.3324 16.9901 95.7756 16.6719C95.2221 16.3504 94.7962 15.8964 94.4979 15.3097C94.1996 14.7198 94.0504 14.0254 94.0504 13.2266C94.0504 12.4411 94.1996 11.7517 94.4979 11.1584C94.7995 10.5618 95.2204 10.0978 95.7607 9.76639C96.3009 9.43164 96.9356 9.26426 97.6648 9.26426C98.1354 9.26426 98.5795 9.34049 98.9972 9.49295C99.4181 9.6421 99.7893 9.87411 100.111 10.189C100.436 10.5038 100.691 10.9049 100.876 11.3921C101.062 11.876 101.155 12.4527 101.155 13.1222V13.6741H94.8956V12.461H99.4297C99.4264 12.1163 99.3518 11.8097 99.206 11.5412C99.0601 11.2695 98.8563 11.0557 98.5945 10.8999C98.3359 10.7441 98.0343 10.6662 97.6896 10.6662C97.3217 10.6662 96.9986 10.7557 96.7202 10.9347C96.4418 11.1104 96.2247 11.3424 96.0689 11.6307C95.9164 11.9158 95.8385 12.229 95.8352 12.5704V13.6293C95.8352 14.0734 95.9164 14.4546 96.0788 14.7728C96.2412 15.0877 96.4683 15.3296 96.7599 15.4986C97.0516 15.6644 97.393 15.7472 97.7841 15.7472C98.0459 15.7472 98.2829 15.7108 98.495 15.6378C98.7071 15.5616 98.8911 15.4506 99.0469 15.3047C99.2027 15.1589 99.3203 14.9783 99.3999 14.7628L101.08 14.9518C100.974 15.3959 100.772 15.7837 100.474 16.1151C100.179 16.4432 99.8009 16.6984 99.3402 16.8807C98.8795 17.0597 98.3525 17.1492 97.7592 17.1492Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M115.328 11.9091C115.328 13.0062 115.122 13.9458 114.711 14.728C114.303 15.5069 113.747 16.1035 113.041 16.5178C112.338 16.9321 111.541 17.1393 110.649 17.1393C109.758 17.1393 108.959 16.9321 108.253 16.5178C107.55 16.1002 106.994 15.5019 106.583 14.7231C106.175 13.9409 105.971 13.0029 105.971 11.9091C105.971 10.8121 106.175 9.87411 106.583 9.09523C106.994 8.31303 107.55 7.71478 108.253 7.30048C108.959 6.88618 109.758 6.67903 110.649 6.67903C111.541 6.67903 112.338 6.88618 113.041 7.30048C113.747 7.71478 114.303 8.31303 114.711 9.09523C115.122 9.87411 115.328 10.8121 115.328 11.9091ZM113.473 11.9091C113.473 11.1369 113.352 10.4856 113.11 9.95531C112.872 9.42169 112.54 9.019 112.116 8.74721C111.692 8.47212 111.203 8.33457 110.649 8.33457C110.096 8.33457 109.607 8.47212 109.183 8.74721C108.758 9.019 108.425 9.42169 108.183 9.95531C107.945 10.4856 107.825 11.1369 107.825 11.9091C107.825 12.6814 107.945 13.3343 108.183 13.868C108.425 14.3983 108.758 14.801 109.183 15.076C109.607 15.3478 110.096 15.4837 110.649 15.4837C111.203 15.4837 111.692 15.3478 112.116 15.076C112.54 14.801 112.872 14.3983 113.11 13.868C113.352 13.3343 113.473 12.6814 113.473 11.9091Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M116.992 19.8637V9.36369H118.762V10.6265H118.866C118.959 10.4409 119.09 10.2437 119.259 10.0349C119.428 9.82274 119.657 9.6421 119.945 9.49295C120.233 9.34049 120.601 9.26426 121.049 9.26426C121.639 9.26426 122.171 9.41507 122.645 9.71667C123.122 10.015 123.5 10.4574 123.778 11.0441C124.06 11.6274 124.201 12.3433 124.201 13.1918C124.201 14.0304 124.063 14.743 123.788 15.3296C123.513 15.9162 123.138 16.3637 122.664 16.6719C122.19 16.9802 121.654 17.1343 121.054 17.1343C120.616 17.1343 120.253 17.0614 119.965 16.9155C119.676 16.7697 119.444 16.594 119.269 16.3885C119.096 16.1797 118.962 15.9825 118.866 15.7969H118.792V19.8637H116.992ZM118.757 13.1819C118.757 13.6757 118.826 14.1082 118.966 14.4795C119.108 14.8507 119.312 15.1407 119.577 15.3495C119.846 15.555 120.17 15.6577 120.551 15.6577C120.949 15.6577 121.282 15.5517 121.551 15.3395C121.819 15.1241 122.021 14.8308 122.157 14.4596C122.297 14.085 122.366 13.6591 122.366 13.1819C122.366 12.7079 122.298 12.287 122.162 11.9191C122.026 11.5512 121.824 11.2628 121.556 11.054C121.287 10.8452 120.953 10.7408 120.551 10.7408C120.167 10.7408 119.841 10.8419 119.572 11.0441C119.304 11.2463 119.1 11.5296 118.961 11.8942C118.825 12.2588 118.757 12.688 118.757 13.1819Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M129.123 17.1492C128.357 17.1492 127.696 16.9901 127.139 16.6719C126.585 16.3504 126.159 15.8964 125.861 15.3097C125.563 14.7198 125.414 14.0254 125.414 13.2266C125.414 12.4411 125.563 11.7517 125.861 11.1584C126.163 10.5618 126.584 10.0978 127.124 9.76639C127.664 9.43164 128.299 9.26426 129.028 9.26426C129.499 9.26426 129.943 9.34049 130.36 9.49295C130.781 9.6421 131.153 9.87411 131.474 10.189C131.799 10.5038 132.054 10.9049 132.24 11.3921C132.425 11.876 132.518 12.4527 132.518 13.1222V13.6741H126.259V12.461H130.793C130.79 12.1163 130.715 11.8097 130.569 11.5412C130.423 11.2695 130.22 11.0557 129.958 10.8999C129.699 10.7441 129.398 10.6662 129.053 10.6662C128.685 10.6662 128.362 10.7557 128.083 10.9347C127.805 11.1104 127.588 11.3424 127.432 11.6307C127.28 11.9158 127.202 12.229 127.199 12.5704V13.6293C127.199 14.0734 127.28 14.4546 127.442 14.7728C127.605 15.0877 127.832 15.3296 128.123 15.4986C128.415 15.6644 128.756 15.7472 129.147 15.7472C129.409 15.7472 129.646 15.7108 129.858 15.6378C130.07 15.5616 130.254 15.4506 130.41 15.3047C130.566 15.1589 130.684 14.9783 130.763 14.7628L132.444 14.9518C132.337 15.3959 132.135 15.7837 131.837 16.1151C131.542 16.4432 131.164 16.6984 130.703 16.8807C130.243 17.0597 129.716 17.1492 129.123 17.1492Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M135.84 12.5256V17.0001H134.041V9.36369H135.761V10.6613H135.85C136.026 10.2337 136.306 9.894 136.691 9.6421C137.078 9.39021 137.557 9.26426 138.127 9.26426C138.654 9.26426 139.113 9.37695 139.504 9.60233C139.899 9.82771 140.204 10.1542 140.419 10.5817C140.638 11.0093 140.746 11.528 140.742 12.1378V17.0001H138.943V12.4162C138.943 11.9058 138.81 11.5064 138.545 11.2181C138.283 10.9297 137.92 10.7856 137.456 10.7856C137.141 10.7856 136.861 10.8552 136.616 10.9944C136.374 11.1303 136.183 11.3275 136.044 11.586C135.908 11.8445 135.84 12.1577 135.84 12.5256Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M143.959 17.0001H141.99L145.575 6.81824H147.852L151.441 17.0001H149.472L146.753 8.90631H146.673L143.959 17.0001ZM144.024 13.0079H149.393V14.4894H144.024V13.0079Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M154.627 6.81824V17.0001H152.782V6.81824H154.627Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M165.63 9.61724C165.584 9.18306 165.388 8.84499 165.044 8.60304C164.702 8.36109 164.258 8.24011 163.711 8.24011C163.327 8.24011 162.997 8.29811 162.722 8.41412C162.447 8.53012 162.236 8.68756 162.09 8.88642C161.945 9.08528 161.87 9.31232 161.867 9.56753C161.867 9.77965 161.915 9.9636 162.011 10.1194C162.11 10.2752 162.244 10.4077 162.414 10.5171C162.583 10.6232 162.77 10.7127 162.975 10.7856C163.181 10.8585 163.388 10.9198 163.597 10.9695L164.551 11.2082C164.936 11.2976 165.305 11.4186 165.66 11.5711C166.018 11.7235 166.338 11.9158 166.619 12.1478C166.905 12.3798 167.13 12.6599 167.296 12.988C167.461 13.3161 167.544 13.7006 167.544 14.1414C167.544 14.738 167.392 15.2633 167.087 15.7174C166.782 16.1681 166.341 16.5211 165.764 16.7763C165.191 17.0282 164.497 17.1542 163.681 17.1542C162.889 17.1542 162.201 17.0315 161.618 16.7863C161.038 16.541 160.584 16.1831 160.256 15.7124C159.931 15.2418 159.755 14.6684 159.729 13.9922H161.544C161.57 14.3469 161.679 14.6419 161.872 14.8772C162.064 15.1125 162.314 15.2882 162.622 15.4042C162.934 15.5202 163.282 15.5782 163.666 15.5782C164.067 15.5782 164.419 15.5185 164.72 15.3992C165.025 15.2766 165.264 15.1075 165.436 14.8921C165.609 14.6734 165.696 14.4181 165.7 14.1265C165.696 13.8613 165.619 13.6426 165.466 13.4702C165.314 13.2946 165.1 13.1487 164.825 13.0327C164.553 12.9134 164.235 12.8073 163.87 12.7145L162.712 12.4162C161.873 12.2008 161.21 11.8743 160.723 11.4368C160.239 10.996 159.997 10.411 159.997 9.68187C159.997 9.08197 160.16 8.55664 160.485 8.10588C160.813 7.65512 161.258 7.30545 161.822 7.05687C162.385 6.80498 163.023 6.67903 163.736 6.67903C164.459 6.67903 165.092 6.80498 165.635 7.05687C166.182 7.30545 166.611 7.65181 166.923 8.09594C167.234 8.53675 167.395 9.04385 167.405 9.61724H165.63Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M172.49 17.1492C171.724 17.1492 171.063 16.9901 170.506 16.6719C169.953 16.3504 169.527 15.8964 169.228 15.3097C168.93 14.7198 168.781 14.0254 168.781 13.2266C168.781 12.4411 168.93 11.7517 169.228 11.1584C169.53 10.5618 169.951 10.0978 170.491 9.76639C171.031 9.43164 171.666 9.26426 172.395 9.26426C172.866 9.26426 173.31 9.34049 173.728 9.49295C174.149 9.6421 174.52 9.87411 174.841 10.189C175.166 10.5038 175.421 10.9049 175.607 11.3921C175.792 11.876 175.885 12.4527 175.885 13.1222V13.6741H169.626V12.461H174.16C174.157 12.1163 174.082 11.8097 173.936 11.5412C173.791 11.2695 173.587 11.0557 173.325 10.8999C173.066 10.7441 172.765 10.6662 172.42 10.6662C172.052 10.6662 171.729 10.7557 171.451 10.9347C171.172 11.1104 170.955 11.3424 170.799 11.6307C170.647 11.9158 170.569 12.229 170.566 12.5704V13.6293C170.566 14.0734 170.647 14.4546 170.809 14.7728C170.972 15.0877 171.199 15.3296 171.49 15.4986C171.782 15.6644 172.123 15.7472 172.515 15.7472C172.776 15.7472 173.013 15.7108 173.225 15.6378C173.438 15.5616 173.622 15.4506 173.777 15.3047C173.933 15.1589 174.051 14.9783 174.13 14.7628L175.811 14.9518C175.705 15.3959 175.502 15.7837 175.204 16.1151C174.909 16.4432 174.531 16.6984 174.071 16.8807C173.61 17.0597 173.083 17.1492 172.49 17.1492Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M177.408 17.0001V9.36369H179.153V10.6364H179.232C179.372 10.1956 179.61 9.85588 179.948 9.61724C180.29 9.37529 180.679 9.25432 181.117 9.25432C181.216 9.25432 181.327 9.25929 181.45 9.26923C181.576 9.27586 181.68 9.28746 181.763 9.30403V10.9596C181.687 10.9331 181.566 10.9099 181.4 10.89C181.238 10.8668 181.08 10.8552 180.928 10.8552C180.6 10.8552 180.305 10.9264 180.043 11.0689C179.784 11.2082 179.58 11.402 179.431 11.6506C179.282 11.8992 179.208 12.1859 179.208 12.5107V17.0001H177.408Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M190.012 9.36369L187.293 17.0001H185.304L182.585 9.36369H184.504L186.259 15.0363H186.338L188.098 9.36369H190.012Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M191.257 17.0001V9.36369H193.057V17.0001H191.257ZM192.162 8.27989C191.877 8.27989 191.632 8.18542 191.426 7.9965C191.221 7.80427 191.118 7.57392 191.118 7.30545C191.118 7.03367 191.221 6.80332 191.426 6.6144C191.632 6.42217 191.877 6.32605 192.162 6.32605C192.451 6.32605 192.696 6.42217 192.898 6.6144C193.104 6.80332 193.206 7.03367 193.206 7.30545C193.206 7.57392 193.104 7.80427 192.898 7.9965C192.696 8.18542 192.451 8.27989 192.162 8.27989Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M198.239 17.1492C197.477 17.1492 196.822 16.9818 196.275 16.6471C195.731 16.3123 195.312 15.85 195.017 15.26C194.726 14.6667 194.58 13.984 194.58 13.2117C194.58 12.4361 194.729 11.7517 195.027 11.1584C195.325 10.5618 195.746 10.0978 196.29 9.76639C196.837 9.43164 197.483 9.26426 198.229 9.26426C198.849 9.26426 199.397 9.37861 199.874 9.6073C200.355 9.83268 200.738 10.1525 201.023 10.5668C201.308 10.9778 201.47 11.4584 201.51 12.0086H199.79C199.72 11.6407 199.555 11.3341 199.293 11.0888C199.034 10.8403 198.688 10.716 198.254 10.716C197.886 10.716 197.563 10.8154 197.284 11.0143C197.006 11.2098 196.789 11.4915 196.633 11.8594C196.481 12.2273 196.404 12.6681 196.404 13.1819C196.404 13.7022 196.481 14.1497 196.633 14.5242C196.785 14.8954 196.999 15.1821 197.274 15.3843C197.553 15.5832 197.879 15.6826 198.254 15.6826C198.519 15.6826 198.756 15.6329 198.965 15.5334C199.177 15.4307 199.354 15.2832 199.497 15.091C199.639 14.8987 199.737 14.6651 199.79 14.39H201.51C201.467 14.9302 201.308 15.4091 201.033 15.8268C200.758 16.2411 200.383 16.5659 199.909 16.8012C199.435 17.0332 198.878 17.1492 198.239 17.1492Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M206.369 17.1492C205.603 17.1492 204.942 16.9901 204.385 16.6719C203.831 16.3504 203.406 15.8964 203.107 15.3097C202.809 14.7198 202.66 14.0254 202.66 13.2266C202.66 12.4411 202.809 11.7517 203.107 11.1584C203.409 10.5618 203.83 10.0978 204.37 9.76639C204.91 9.43164 205.545 9.26426 206.274 9.26426C206.745 9.26426 207.189 9.34049 207.607 9.49295C208.027 9.6421 208.399 9.87411 208.72 10.189C209.045 10.5038 209.3 10.9049 209.486 11.3921C209.671 11.876 209.764 12.4527 209.764 13.1222V13.6741H203.505V12.461H208.039C208.036 12.1163 207.961 11.8097 207.815 11.5412C207.67 11.2695 207.466 11.0557 207.204 10.8999C206.945 10.7441 206.644 10.6662 206.299 10.6662C205.931 10.6662 205.608 10.7557 205.33 10.9347C205.051 11.1104 204.834 11.3424 204.678 11.6307C204.526 11.9158 204.448 12.229 204.445 12.5704V13.6293C204.445 14.0734 204.526 14.4546 204.688 14.7728C204.851 15.0877 205.078 15.3296 205.369 15.4986C205.661 15.6644 206.002 15.7472 206.393 15.7472C206.655 15.7472 206.892 15.7108 207.104 15.6378C207.317 15.5616 207.5 15.4506 207.656 15.3047C207.812 15.1589 207.93 14.9783 208.009 14.7628L209.69 14.9518C209.584 15.3959 209.381 15.7837 209.083 16.1151C208.788 16.4432 208.41 16.6984 207.95 16.8807C207.489 17.0597 206.962 17.1492 206.369 17.1492Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "AzureOpenaiServiceText"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
new file mode 100644
index 0000000000..2da50f8300
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/AzureOpenaiServiceText.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Azureai.json b/web/app/components/base/icons/src/public/llm/Azureai.json
new file mode 100644
index 0000000000..8662cfb937
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Azureai.json
@@ -0,0 +1,180 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M8.41642 1.13526H14.9266L8.16839 21.1596C8.09893 21.3654 7.96669 21.5442 7.79029 21.6708C7.61389 21.7975 7.4022 21.8657 7.18504 21.8657H2.11851C1.95397 21.8657 1.79179 21.8266 1.64539 21.7515C1.49898 21.6764 1.37257 21.5675 1.27659 21.4338C1.18062 21.3002 1.11784 21.1456 1.09347 20.9829C1.06909 20.8201 1.08381 20.6539 1.13641 20.498L7.43281 1.84135C7.50224 1.6355 7.6345 1.45662 7.81096 1.3299C7.98742 1.20319 8.19918 1.13527 8.41642 1.13526Z",
+					"fill": "url(#paint0_linear_8587_60253)"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M17.8761 14.5664H7.55255C7.45657 14.5663 7.36278 14.5951 7.28341 14.6491C7.20403 14.703 7.14275 14.7796 7.10754 14.8689C7.07232 14.9582 7.06482 15.056 7.08599 15.1496C7.10717 15.2433 7.15605 15.3283 7.22626 15.3938L13.86 21.5856C14.0531 21.7657 14.3074 21.8659 14.5715 21.8659H20.4171L17.8761 14.5664Z",
+					"fill": "#0078D4"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M8.41509 1.13502C8.19548 1.13417 7.98136 1.20358 7.80399 1.33308C7.62663 1.46259 7.49532 1.64542 7.42924 1.85486L1.14283 20.4808C1.0867 20.6373 1.06907 20.805 1.09145 20.9697C1.11383 21.1344 1.17556 21.2913 1.2714 21.4272C1.36725 21.563 1.4944 21.6737 1.6421 21.75C1.7898 21.8263 1.9537 21.8659 2.11994 21.8655H7.31723C7.5108 21.8309 7.69172 21.7455 7.84151 21.6181C7.9913 21.4907 8.10459 21.3259 8.16982 21.1404L9.42345 17.4456L13.9014 21.6224C14.0891 21.7776 14.3245 21.8635 14.568 21.8655H20.3918L17.8376 14.566L10.3916 14.5678L14.9488 1.13502H8.41509Z",
+					"fill": "url(#paint1_linear_8587_60253)"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M16.7308 1.8401C16.6614 1.63458 16.5294 1.456 16.3532 1.3295C16.177 1.20301 15.9656 1.13498 15.7487 1.13501H8.49316C8.71005 1.13502 8.92147 1.20306 9.09765 1.32955C9.27383 1.45604 9.4059 1.6346 9.47527 1.8401L15.7719 20.4975C15.8246 20.6535 15.8393 20.8197 15.815 20.9825C15.7906 21.1452 15.7278 21.2999 15.6319 21.4336C15.5359 21.5673 15.4095 21.6762 15.263 21.7514C15.1166 21.8265 14.9544 21.8657 14.7898 21.8657H22.0456C22.2101 21.8657 22.3723 21.8264 22.5187 21.7513C22.6651 21.6761 22.7915 21.5672 22.8875 21.4335C22.9834 21.2998 23.0461 21.1452 23.0705 20.9824C23.0948 20.8197 23.0801 20.6534 23.0274 20.4975L16.7308 1.8401Z",
+					"fill": "url(#paint2_linear_8587_60253)"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "defs",
+				"attributes": {},
+				"children": [
+					{
+						"type": "element",
+						"name": "linearGradient",
+						"attributes": {
+							"id": "paint0_linear_8587_60253",
+							"x1": "10.7892",
+							"y1": "2.67146",
+							"x2": "4.0279",
+							"y2": "22.6454",
+							"gradientUnits": "userSpaceOnUse"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"stop-color": "#114A8B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "1",
+									"stop-color": "#0669BC"
+								},
+								"children": []
+							}
+						]
+					},
+					{
+						"type": "element",
+						"name": "linearGradient",
+						"attributes": {
+							"id": "paint1_linear_8587_60253",
+							"x1": "12.8998",
+							"y1": "11.9797",
+							"x2": "11.3359",
+							"y2": "12.5085",
+							"gradientUnits": "userSpaceOnUse"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"stop-opacity": "0.3"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "0.071",
+									"stop-opacity": "0.2"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "0.321",
+									"stop-opacity": "0.1"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "0.623",
+									"stop-opacity": "0.05"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "1",
+									"stop-opacity": "0"
+								},
+								"children": []
+							}
+						]
+					},
+					{
+						"type": "element",
+						"name": "linearGradient",
+						"attributes": {
+							"id": "paint2_linear_8587_60253",
+							"x1": "12.0403",
+							"y1": "2.08863",
+							"x2": "19.4621",
+							"y2": "21.8613",
+							"gradientUnits": "userSpaceOnUse"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"stop-color": "#3CCBF4"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "1",
+									"stop-color": "#2892DF"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "Azureai"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/Azureai.tsx b/web/app/components/base/icons/src/public/llm/Azureai.tsx
new file mode 100644
index 0000000000..53bcfeb9a1
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Azureai.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/AzureaiText.json b/web/app/components/base/icons/src/public/llm/AzureaiText.json
new file mode 100644
index 0000000000..2eb359960e
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/AzureaiText.json
@@ -0,0 +1,243 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "92",
+			"height": "24",
+			"viewBox": "0 0 92 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M9.63655 2.50023H15.6036L9.40921 20.8535C9.34555 21.0421 9.22434 21.206 9.06266 21.3221C8.90097 21.4382 8.70695 21.5006 8.5079 21.5007H3.86407C3.71326 21.5007 3.56461 21.4648 3.43042 21.396C3.29623 21.3271 3.18036 21.2273 3.09239 21.1048C3.00442 20.9823 2.94689 20.8406 2.92454 20.6915C2.9022 20.5424 2.91569 20.39 2.9639 20.2471L8.73501 3.1474C8.79864 2.95872 8.91987 2.79477 9.0816 2.67863C9.24334 2.56249 9.43743 2.50024 9.63655 2.50023Z",
+					"fill": "url(#paint0_linear_8587_60561)"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M18.307 14.8105H8.84467C8.7567 14.8104 8.67074 14.8368 8.59799 14.8863C8.52524 14.9358 8.46906 15.006 8.43679 15.0878C8.40451 15.1697 8.39763 15.2593 8.41704 15.3451C8.43645 15.4309 8.48125 15.5089 8.54561 15.5689L14.6259 21.2439C14.8029 21.4091 15.036 21.5009 15.2781 21.5008H20.636L18.307 14.8105Z",
+					"fill": "#0078D4"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M9.63533 2.50001C9.43405 2.49923 9.23778 2.56284 9.07521 2.68154C8.91265 2.80024 8.79229 2.96781 8.73173 3.15978L2.96979 20.2313C2.91834 20.3747 2.90219 20.5284 2.9227 20.6794C2.94321 20.8304 2.99979 20.9742 3.08764 21.0987C3.17549 21.2232 3.29203 21.3247 3.42741 21.3946C3.56278 21.4646 3.71301 21.5009 3.86538 21.5004H8.62906C8.80648 21.4687 8.97231 21.3905 9.1096 21.2738C9.2469 21.157 9.35074 21.0059 9.41052 20.8359L10.5596 17.4495L14.6639 21.2777C14.8359 21.42 15.0517 21.4986 15.2749 21.5004H20.6129L18.2717 14.8102L11.4469 14.8118L15.6239 2.50001H9.63533Z",
+					"fill": "url(#paint1_linear_8587_60561)"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M17.2574 3.14625C17.1938 2.95788 17.0728 2.7942 16.9113 2.67826C16.7498 2.56233 16.556 2.49998 16.3572 2.5H9.70703C9.90582 2.50001 10.0996 2.56237 10.2611 2.67831C10.4226 2.79424 10.5436 2.9579 10.6072 3.14625L16.3785 20.2467C16.4268 20.3896 16.4403 20.542 16.418 20.6911C16.3957 20.8403 16.3381 20.9821 16.2502 21.1046C16.1622 21.2271 16.0463 21.327 15.9121 21.3959C15.7779 21.4647 15.6292 21.5007 15.4784 21.5007H22.1288C22.2796 21.5006 22.4283 21.4647 22.5624 21.3958C22.6966 21.3269 22.8125 21.2271 22.9004 21.1045C22.9884 20.982 23.0459 20.8403 23.0682 20.6911C23.0905 20.5419 23.077 20.3896 23.0287 20.2467L17.2574 3.14625Z",
+					"fill": "url(#paint2_linear_8587_60561)"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M34.312 17.0001H32.3433L35.9278 6.81824H38.2048L41.7943 17.0001H39.8255L37.106 8.90631H37.0265L34.312 17.0001ZM34.3766 13.0079H39.746V14.4894H34.3766V13.0079Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M42.9564 17.0001V15.8566L46.8939 10.9198V10.8552H43.0856V9.36369H49.0963V10.5917L45.3477 15.4439V15.5086H49.2255V17.0001H42.9564Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M55.7843 13.7884V9.36369H57.584V17.0001H55.839V15.6428H55.7595C55.5871 16.0704 55.3037 16.42 54.9093 16.6918C54.5182 16.9636 54.036 17.0995 53.4626 17.0995C52.9621 17.0995 52.5196 16.9885 52.1352 16.7664C51.754 16.541 51.4557 16.2145 51.2403 15.787C51.0248 15.3561 50.9171 14.8358 50.9171 14.2259V9.36369H52.7168V13.9475C52.7168 14.4314 52.8494 14.8159 53.1146 15.1009C53.3797 15.3859 53.7277 15.5285 54.1586 15.5285C54.4238 15.5285 54.6806 15.4638 54.9292 15.3346C55.1778 15.2053 55.3816 15.0131 55.5407 14.7579C55.7031 14.4993 55.7843 14.1762 55.7843 13.7884Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M59.4347 17.0001V9.36369H61.1797V10.6364H61.2593C61.3985 10.1956 61.6371 9.85588 61.9752 9.61724C62.3166 9.37529 62.706 9.25432 63.1435 9.25432C63.2429 9.25432 63.354 9.25929 63.4766 9.26923C63.6026 9.27586 63.707 9.28746 63.7898 9.30403V10.9596C63.7136 10.9331 63.5926 10.9099 63.4269 10.89C63.2645 10.8668 63.1071 10.8552 62.9546 10.8552C62.6265 10.8552 62.3315 10.9264 62.0696 11.0689C61.8111 11.2082 61.6073 11.402 61.4581 11.6506C61.309 11.8992 61.2344 12.1859 61.2344 12.5107V17.0001H59.4347Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M68.0517 17.1492C67.2861 17.1492 66.6249 16.9901 66.068 16.6719C65.5145 16.3504 65.0886 15.8964 64.7903 15.3097C64.4921 14.7198 64.3429 14.0254 64.3429 13.2266C64.3429 12.4411 64.4921 11.7517 64.7903 11.1584C65.092 10.5618 65.5129 10.0978 66.0531 9.76639C66.5934 9.43164 67.2281 9.26426 67.9573 9.26426C68.4279 9.26426 68.872 9.34049 69.2896 9.49295C69.7106 9.6421 70.0818 9.87411 70.4033 10.189C70.7281 10.5038 70.9833 10.9049 71.1689 11.3921C71.3545 11.876 71.4473 12.4527 71.4473 13.1222V13.6741H65.1881V12.461H69.7222C69.7189 12.1163 69.6443 11.8097 69.4984 11.5412C69.3526 11.2695 69.1488 11.0557 68.8869 10.8999C68.6284 10.7441 68.3268 10.6662 67.9821 10.6662C67.6142 10.6662 67.2911 10.7557 67.0126 10.9347C66.7342 11.1104 66.5171 11.3424 66.3614 11.6307C66.2089 11.9158 66.131 12.229 66.1277 12.5704V13.6293C66.1277 14.0734 66.2089 14.4546 66.3713 14.7728C66.5337 15.0877 66.7608 15.3296 67.0524 15.4986C67.3441 15.6644 67.6855 15.7472 68.0766 15.7472C68.3384 15.7472 68.5754 15.7108 68.7875 15.6378C68.9996 15.5616 69.1836 15.4506 69.3394 15.3047C69.4951 15.1589 69.6128 14.9783 69.6923 14.7628L71.3727 14.9518C71.2667 15.3959 71.0645 15.7837 70.7662 16.1151C70.4712 16.4432 70.0934 16.6984 69.6327 16.8807C69.172 17.0597 68.645 17.1492 68.0517 17.1492Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M77.8296 17.0001H75.8608L79.4454 6.81824H81.7223L85.3118 17.0001H83.3431L80.6236 8.90631H80.5441L77.8296 17.0001ZM77.8942 13.0079H83.2635V14.4894H77.8942V13.0079Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M88.4974 6.81824V17.0001H86.6529V6.81824H88.4974Z",
+					"fill": "#1D2939"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "defs",
+				"attributes": {},
+				"children": [
+					{
+						"type": "element",
+						"name": "linearGradient",
+						"attributes": {
+							"id": "paint0_linear_8587_60561",
+							"x1": "11.8113",
+							"y1": "3.90823",
+							"x2": "5.61444",
+							"y2": "22.2154",
+							"gradientUnits": "userSpaceOnUse"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"stop-color": "#114A8B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "1",
+									"stop-color": "#0669BC"
+								},
+								"children": []
+							}
+						]
+					},
+					{
+						"type": "element",
+						"name": "linearGradient",
+						"attributes": {
+							"id": "paint1_linear_8587_60561",
+							"x1": "13.7459",
+							"y1": "12.4397",
+							"x2": "12.3125",
+							"y2": "12.9243",
+							"gradientUnits": "userSpaceOnUse"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"stop-opacity": "0.3"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "0.071",
+									"stop-opacity": "0.2"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "0.321",
+									"stop-opacity": "0.1"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "0.623",
+									"stop-opacity": "0.05"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "1",
+									"stop-opacity": "0"
+								},
+								"children": []
+							}
+						]
+					},
+					{
+						"type": "element",
+						"name": "linearGradient",
+						"attributes": {
+							"id": "paint2_linear_8587_60561",
+							"x1": "12.9582",
+							"y1": "3.37404",
+							"x2": "19.7606",
+							"y2": "21.4968",
+							"gradientUnits": "userSpaceOnUse"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"stop-color": "#3CCBF4"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "stop",
+								"attributes": {
+									"offset": "1",
+									"stop-color": "#2892DF"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "AzureaiText"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/AzureaiText.tsx b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
new file mode 100644
index 0000000000..b80acbcd84
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/AzureaiText.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Chatglm.json b/web/app/components/base/icons/src/public/llm/Chatglm.json
new file mode 100644
index 0000000000..37a6aa9913
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Chatglm.json
@@ -0,0 +1,72 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "mask",
+				"attributes": {
+					"id": "mask0_8587_60212",
+					"style": "mask-type:luminance",
+					"maskUnits": "userSpaceOnUse",
+					"x": "1",
+					"y": "2",
+					"width": "23",
+					"height": "21"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M23.8 2H1V22.4H23.8V2Z",
+							"fill": "white"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"mask": "url(#mask0_8587_60212)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"fill-rule": "evenodd",
+							"clip-rule": "evenodd",
+							"d": "M3.86378 14.4544C3.86378 13.0981 4.67438 11.737 6.25923 10.6634C7.83827 9.59364 10.0864 8.89368 12.6282 8.89368C15.17 8.89368 17.4182 9.59364 18.9972 10.6634C19.7966 11.2049 20.399 11.8196 20.7998 12.4699C21.2873 11.5802 21.4969 10.6351 21.3835 9.69252C21.3759 9.62928 21.3824 9.56766 21.4005 9.5106C21.0758 9.21852 20.7259 8.94624 20.3558 8.69556C18.3272 7.32126 15.5915 6.50964 12.6282 6.50964C9.66497 6.50964 6.92918 7.32126 4.90058 8.69556C2.8778 10.0659 1.45703 12.0812 1.45703 14.4544C1.45703 16.8275 2.8778 18.8428 4.90058 20.2132C6.92918 21.5875 9.66497 22.3991 12.6282 22.3991C15.5915 22.3991 18.3272 21.5875 20.3558 20.2132C22.3786 18.8428 23.7994 16.8275 23.7994 14.4544C23.7994 12.9455 23.225 11.5813 22.2868 10.4355C22.2377 11.4917 21.8621 12.5072 21.238 13.43C21.3409 13.7686 21.3926 14.1116 21.3926 14.4544C21.3926 15.8107 20.582 17.1717 18.9972 18.2453C17.4182 19.3151 15.17 20.015 12.6282 20.015C10.0864 20.015 7.83827 19.3151 6.25923 18.2453C4.67438 17.1717 3.86378 15.8107 3.86378 14.4544Z",
+							"fill": "#3762FF"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"fill-rule": "evenodd",
+							"clip-rule": "evenodd",
+							"d": "M3.84445 11.6838C3.20239 13.4885 3.35368 15.1156 4.18868 16.2838C5.02368 17.452 6.52281 18.1339 8.45459 18.1334C10.3826 18.133 12.6296 17.44 14.6939 15.9922C16.7581 14.5444 18.1643 12.6753 18.8052 10.8739C19.4473 9.0692 19.2959 7.44206 18.461 6.27392C17.626 5.10572 16.1269 4.42389 14.1951 4.42431C12.267 4.42475 10.0201 5.11774 7.95575 6.56552C5.89152 8.01332 4.48529 9.8825 3.84445 11.6838ZM1.53559 10.8778C2.36374 8.55002 4.11254 6.28976 6.54117 4.58645C8.96981 2.88312 11.7029 1.99995 14.1945 1.99939C16.6825 1.99884 19.0426 2.8912 20.4589 4.87263C21.8752 6.85406 21.941 9.35564 21.1141 11.6799C20.2859 14.0077 18.5371 16.2679 16.1085 17.9713C13.6798 19.6746 10.9468 20.5578 8.45513 20.5584C5.9672 20.5589 3.60706 19.6665 2.19075 17.6851C0.774446 15.7036 0.708677 13.2021 1.53559 10.8778Z",
+							"fill": "#1041F3"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "Chatglm"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/Chatglm.tsx b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
new file mode 100644
index 0000000000..7a159f1959
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Chatglm.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/ChatglmText.json b/web/app/components/base/icons/src/public/llm/ChatglmText.json
new file mode 100644
index 0000000000..80b765cfc8
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/ChatglmText.json
@@ -0,0 +1,135 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "100",
+			"height": "24",
+			"viewBox": "0 0 100 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M56.5415 9.49683C56.3371 9.38235 56.1222 9.28491 55.8984 9.20565C55.4497 9.04653 54.9672 8.95911 54.4654 8.95911C52.0893 8.95911 50.1562 10.9044 50.1562 13.2955C50.1562 15.6867 52.0893 17.6313 54.4654 17.6313C54.9672 17.6313 55.4497 17.5438 55.8984 17.3847C55.9178 17.3778 55.9378 17.3703 55.9572 17.3627C57.2065 16.8986 58.1845 15.8659 58.582 14.5785V12.0125C58.2489 10.9333 57.5083 10.0333 56.5415 9.49683ZM55.9578 13.9446C55.9397 13.986 55.9197 14.0269 55.8991 14.0665C55.6247 14.5804 55.0854 14.9307 54.466 14.9307C53.5698 14.9307 52.8411 14.1973 52.8411 13.2955C52.8411 12.3936 53.5698 11.6603 54.466 11.6603C55.0854 11.6603 55.6241 12.01 55.8991 12.5244C55.9203 12.5647 55.9403 12.6049 55.9578 12.6471C56.0434 12.8458 56.0909 13.0653 56.0909 13.2955C56.0909 13.5257 56.0434 13.7452 55.9578 13.9446Z",
+					"fill": "#1A2029"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M58.6419 9.49683V17.596H55.959V13.9445C56.0446 13.7458 56.0921 13.5256 56.0921 13.2955C56.0921 13.0653 56.0446 12.8458 55.959 12.6471V9.49683H58.6419Z",
+					"fill": "#1A2029"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M63.4475 7.46912H60.7637V17.6142H63.4475V7.46912Z",
+					"fill": "#1A2029"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M64.8417 9.49683H59.3789V12.1974H64.3659C64.3587 12.0773 64.3545 11.9559 64.3545 11.8339C64.3545 11.0031 64.5285 10.2125 64.8417 9.49683Z",
+					"fill": "#1A2029"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M35.3555 14.908C34.2412 14.908 33.2644 14.3087 32.7257 13.4137C32.4444 12.947 32.2832 12.3999 32.2832 11.8163C32.2832 11.2326 32.4444 10.6849 32.7257 10.2188C33.2644 9.32448 34.2412 8.72448 35.3555 8.72448C36.4699 8.72448 37.4461 9.32388 37.9847 10.2188L40.2809 8.82324C39.2716 7.14714 37.441 6.02454 35.3555 6.02454C33.27 6.02454 31.4388 7.14714 30.4296 8.82324C29.9027 9.69744 29.5996 10.7219 29.5996 11.8169C29.5996 12.9118 29.9027 13.9363 30.4296 14.8105C31.4388 16.4866 33.2694 17.6092 35.3555 17.6092C37.4417 17.6092 39.2716 16.4866 40.2809 14.8105L37.9847 13.415C37.4461 14.3093 36.4692 14.9093 35.3555 14.9093V14.908Z",
+					"fill": "#1A2029"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M79.4097 14.9232H85.1781V17.6237H77.5179V17.6124H76.7265V6.04407H79.4097V14.9232ZM96.7581 6.04971H93.8625L91.4631 10.1371L89.0631 6.04971H86.0763V17.6181H88.7601V10.5352L91.4637 15.1389L94.0749 10.6918V17.6181H96.7581V6.12141V6.04971ZM70.7661 13.2169H73.1445V13.9779C72.5841 14.581 71.7867 14.959 70.9023 14.959C70.0179 14.959 69.2121 14.5773 68.6511 13.9691C68.5089 13.815 68.3811 13.6458 68.2725 13.4647C67.9911 12.998 67.8297 12.4509 67.8297 11.8672C67.8297 11.2836 67.9911 10.7358 68.2725 10.2697C68.8113 9.37545 69.7881 8.77545 70.9023 8.77545C71.7087 8.77545 72.4425 9.08931 72.9909 9.60249L74.8881 7.69311C73.8537 6.69123 72.4479 6.07491 70.9023 6.07491C68.8161 6.07491 66.9855 7.19751 65.9763 8.87355C65.4495 9.74775 65.1465 10.7723 65.1465 11.8672C65.1465 12.9622 65.4495 13.9867 65.9763 14.8609C66.1983 15.2288 66.4587 15.5703 66.7539 15.8791C67.8027 16.9765 69.2751 17.6596 70.9029 17.6596C72.9885 17.6596 74.8191 16.537 75.8283 14.8609V10.5175H70.7661V13.2181V13.2169Z",
+					"fill": "#1A2029"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M49.4752 12.5477V17.6174H46.7954V13.1156C46.7954 12.2603 46.106 11.5666 45.2561 11.5666C44.4061 11.5666 43.7168 12.2597 43.7168 13.1156V17.6174H41.0332V6H43.7168V9.8811C44.3343 9.3333 45.1473 9.00186 46.0373 9.00942C47.9484 9.02514 49.4752 10.6244 49.4752 12.5477Z",
+					"fill": "#1A2029"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "mask",
+				"attributes": {
+					"id": "mask0_8587_60467",
+					"style": "mask-type:luminance",
+					"maskUnits": "userSpaceOnUse",
+					"x": "2",
+					"y": "1",
+					"width": "23",
+					"height": "22"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M24.8 1.80005H2V22.2H24.8V1.80005Z",
+							"fill": "white"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"mask": "url(#mask0_8587_60467)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"fill-rule": "evenodd",
+							"clip-rule": "evenodd",
+							"d": "M4.86378 14.2544C4.86378 12.8981 5.67438 11.5371 7.25923 10.4634C8.83827 9.39369 11.0864 8.69373 13.6282 8.69373C16.17 8.69373 18.4182 9.39369 19.9972 10.4634C20.7966 11.005 21.399 11.6196 21.7998 12.27C22.2873 11.3803 22.4969 10.4351 22.3835 9.49257C22.3759 9.42933 22.3824 9.36771 22.4005 9.31065C22.0758 9.01857 21.7259 8.74629 21.3558 8.49561C19.3272 7.12131 16.5915 6.30969 13.6282 6.30969C10.665 6.30969 7.92918 7.12131 5.90058 8.49561C3.8778 9.86595 2.45703 11.8813 2.45703 14.2544C2.45703 16.6275 3.8778 18.6429 5.90058 20.0132C7.92918 21.3875 10.665 22.1991 13.6282 22.1991C16.5915 22.1991 19.3272 21.3875 21.3558 20.0132C23.3786 18.6429 24.7994 16.6275 24.7994 14.2544C24.7994 12.7455 24.225 11.3813 23.2868 10.2356C23.2377 11.2918 22.8621 12.3073 22.238 13.2301C22.3409 13.5687 22.3926 13.9117 22.3926 14.2544C22.3926 15.6107 21.582 16.9718 19.9972 18.0454C18.4182 19.1151 16.17 19.8151 13.6282 19.8151C11.0864 19.8151 8.83827 19.1151 7.25923 18.0454C5.67438 16.9718 4.86378 15.6107 4.86378 14.2544Z",
+							"fill": "#3762FF"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"fill-rule": "evenodd",
+							"clip-rule": "evenodd",
+							"d": "M4.84445 11.4838C4.20239 13.2886 4.35368 14.9157 5.18868 16.0839C6.02368 17.2521 7.52281 17.9339 9.45459 17.9334C11.3826 17.933 13.6296 17.24 15.6939 15.7923C17.7581 14.3445 19.1643 12.4753 19.8052 10.674C20.4473 8.86925 20.2959 7.24211 19.461 6.07397C18.626 4.90576 17.1269 4.22394 15.1951 4.22436C13.267 4.22479 11.0201 4.91779 8.95575 6.36557C6.89152 7.81337 5.48529 9.68255 4.84445 11.4838ZM2.53559 10.6778C3.36374 8.35007 5.11254 6.08981 7.54117 4.3865C9.96981 2.68317 12.7029 1.8 15.1945 1.79944C17.6825 1.79889 20.0426 2.69125 21.4589 4.67268C22.8752 6.65411 22.941 9.15569 22.1141 11.48C21.2859 13.8077 19.5371 16.068 17.1085 17.7713C14.6798 19.4747 11.9468 20.3579 9.45513 20.3584C6.9672 20.3589 4.60706 19.4666 3.19075 17.4851C1.77445 15.5037 1.70868 13.0022 2.53559 10.6778Z",
+							"fill": "#1041F3"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "ChatglmText"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/ChatglmText.tsx b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
new file mode 100644
index 0000000000..0b51fb3380
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/ChatglmText.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Huggingface.json b/web/app/components/base/icons/src/public/llm/Huggingface.json
new file mode 100644
index 0000000000..b3bd943da7
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Huggingface.json
@@ -0,0 +1,158 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M11.9286 20.2062C16.7767 20.2062 20.7069 16.2761 20.7069 11.428C20.7069 6.57993 16.7767 2.64978 11.9286 2.64978C7.08054 2.64978 3.15039 6.57993 3.15039 11.428C3.15039 16.2761 7.08054 20.2062 11.9286 20.2062Z",
+					"fill": "#FFD21E"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M20.7095 11.4326C20.7095 6.58451 16.7793 2.65436 11.9313 2.65436C7.08318 2.65436 3.15303 6.58451 3.15303 11.4326C3.15303 16.2807 7.08318 20.2108 11.9313 20.2108C16.7793 20.2108 20.7095 16.2807 20.7095 11.4326ZM2.14258 11.4326C2.14258 6.02647 6.52511 1.64392 11.9313 1.64392C17.3374 1.64392 21.7199 6.02647 21.7199 11.4326C21.7199 16.8387 17.3374 21.2213 11.9313 21.2213C6.52511 21.2213 2.14258 16.8387 2.14258 11.4326Z",
+					"fill": "#FF9D0B"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M14.7822 9.03703C15.1041 9.1507 15.2322 9.81254 15.5574 9.6396C16.1734 9.31212 16.4072 8.54734 16.0797 7.93142C15.7522 7.31553 14.9874 7.08172 14.3715 7.4092C13.7556 7.73669 13.5218 8.50147 13.8493 9.11738C14.0038 9.40809 14.4944 8.9354 14.7822 9.03703Z",
+					"fill": "#3A3B45"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M8.83422 9.03703C8.5123 9.1507 8.38422 9.81254 8.05901 9.6396C7.4431 9.31212 7.20928 8.54734 7.53676 7.93142C7.86425 7.31553 8.62903 7.08172 9.24494 7.4092C9.86086 7.73669 10.0947 8.50147 9.76719 9.11738C9.61262 9.40809 9.122 8.9354 8.83422 9.03703Z",
+					"fill": "#3A3B45"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M11.8679 15.1044C14.3507 15.1044 15.1519 12.8908 15.1519 11.7541C15.1519 11.1633 14.7547 11.3492 14.1187 11.6641C13.5309 11.9551 12.739 12.3563 11.8679 12.3563C10.0543 12.3563 8.58398 10.6173 8.58398 11.7541C8.58398 12.8908 9.38514 15.1044 11.8679 15.1044Z",
+					"fill": "#3A3B45"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "mask",
+				"attributes": {
+					"id": "mask0_8587_60183",
+					"style": "mask-type:alpha",
+					"maskUnits": "userSpaceOnUse",
+					"x": "8",
+					"y": "11",
+					"width": "8",
+					"height": "5"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M11.8562 15.1005C14.339 15.1005 15.1402 12.8869 15.1402 11.7502C15.1402 11.1594 14.743 11.3453 14.1069 11.6602C13.5191 11.9512 12.7273 12.3524 11.8562 12.3524C10.0425 12.3524 8.57227 10.6134 8.57227 11.7502C8.57227 12.8869 9.37342 15.1005 11.8562 15.1005Z",
+							"fill": "white"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"mask": "url(#mask0_8587_60183)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M11.9194 17.6824C13.1294 17.6824 14.1103 16.7016 14.1103 15.4916C14.1103 14.5491 13.5152 13.7457 12.6803 13.4364C12.6496 13.425 12.6185 13.4143 12.5872 13.4043C12.3766 13.337 12.1523 14.0606 11.9194 14.0606C11.7018 14.0606 11.4917 13.3324 11.2933 13.3915C10.3884 13.6609 9.72852 14.4991 9.72852 15.4916C9.72852 16.7016 10.7094 17.6824 11.9194 17.6824Z",
+							"fill": "#F94040"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M17.8698 10.2273C18.3232 10.2273 18.6908 9.85972 18.6908 9.40631C18.6908 8.9529 18.3232 8.58533 17.8698 8.58533C17.4164 8.58533 17.0488 8.9529 17.0488 9.40631C17.0488 9.85972 17.4164 10.2273 17.8698 10.2273Z",
+					"fill": "#FF9D0B"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M6.11981 10.2273C6.57323 10.2273 6.9408 9.85972 6.9408 9.40631C6.9408 8.9529 6.57323 8.58533 6.11981 8.58533C5.66638 8.58533 5.29883 8.9529 5.29883 9.40631C5.29883 9.85972 5.66638 10.2273 6.11981 10.2273Z",
+					"fill": "#FF9D0B"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M4.42915 13.0092C4.02018 13.0092 3.65465 13.1771 3.39976 13.4818C3.24214 13.6705 3.07743 13.9746 3.06404 14.4301C2.89252 14.3808 2.72757 14.3533 2.57347 14.3533C2.18193 14.3533 1.82827 14.5033 1.57819 14.7759C1.25687 15.1258 1.11414 15.5557 1.17628 15.9859C1.20584 16.1908 1.2743 16.3744 1.3766 16.5444C1.16087 16.719 1.00198 16.962 0.925188 17.2543C0.865067 17.4834 0.803429 17.9606 1.12526 18.4522C1.10479 18.4842 1.0856 18.5176 1.06766 18.5517C0.874161 18.919 0.861783 19.334 1.03255 19.7205C1.29147 20.3063 1.93487 20.7678 3.18429 21.2632C3.96157 21.5714 4.67267 21.7684 4.67899 21.7702C5.70661 22.0367 6.63596 22.1721 7.44053 22.1721C8.91931 22.1721 9.97801 21.7192 10.5873 20.8259C11.5679 19.3876 11.4277 18.072 10.1589 16.8039C9.45662 16.1021 8.98979 15.0674 8.89254 14.8403C8.69651 14.1679 8.17815 13.4204 7.3165 13.4204C7.244 13.4204 7.17049 13.4262 7.09824 13.4376C6.72084 13.4969 6.39093 13.7142 6.15525 14.0411C5.90087 13.7248 5.65381 13.4732 5.43025 13.3312C5.09327 13.1175 4.75654 13.0092 4.42915 13.0092ZM4.42915 14.0196C4.55799 14.0196 4.71536 14.0744 4.88891 14.1846C5.42773 14.5263 6.46747 16.3136 6.84816 17.0087C6.97573 17.2417 7.19373 17.3402 7.39001 17.3402C7.77953 17.3402 8.08368 16.9529 7.42563 16.4608C6.43615 15.7204 6.78324 14.5102 7.25562 14.4356C7.27633 14.4324 7.29679 14.4308 7.3165 14.4308C7.74594 14.4308 7.93539 15.171 7.93539 15.171C7.93539 15.171 8.49063 16.5654 9.44449 17.5185C10.3984 18.4719 10.4476 19.237 9.75243 20.2566C9.27828 20.9517 8.37064 21.1617 7.44053 21.1617C6.47581 21.1617 5.48684 20.9358 4.93261 20.7921C4.90533 20.785 1.53474 19.8329 1.96165 19.0226C2.03339 18.8864 2.15161 18.8318 2.3004 18.8318C2.90162 18.8318 3.99517 19.7266 4.46528 19.7266C4.57036 19.7266 4.64438 19.6819 4.67469 19.5727C4.87501 18.8541 1.62896 18.5519 1.90254 17.5109C1.95079 17.3268 2.08164 17.252 2.26554 17.2523C3.06 17.2523 4.84243 18.6495 5.21604 18.6495C5.24458 18.6495 5.26504 18.6411 5.27616 18.6234C5.46334 18.3213 5.36078 18.1104 4.0414 17.3119C2.72201 16.5131 1.79594 16.0327 2.32263 15.4592C2.38326 15.393 2.46915 15.3637 2.57347 15.3637C3.3745 15.364 5.26706 17.0863 5.26706 17.0863C5.26706 17.0863 5.77784 17.6175 6.08679 17.6175C6.15777 17.6175 6.21814 17.5895 6.25907 17.5203C6.47808 17.151 4.22479 15.4433 4.09773 14.7388C4.01159 14.2613 4.1581 14.0196 4.42915 14.0196Z",
+					"fill": "#FF9D0B"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M9.75883 20.2539C10.454 19.2344 10.4048 18.4692 9.4509 17.5159C8.49704 16.5628 7.9418 15.1684 7.9418 15.1684C7.9418 15.1684 7.73441 14.3585 7.26203 14.433C6.78964 14.5075 6.44281 15.7178 7.43228 16.4582C8.42176 17.1984 7.23525 17.7013 6.85456 17.0061C6.47388 16.3109 5.43438 14.5237 4.89531 14.1819C4.35649 13.8402 3.97707 14.0316 4.10414 14.7362C4.2312 15.4407 6.48474 17.1483 6.26547 17.5179C6.04621 17.8872 5.27347 17.0837 5.27347 17.0837C5.27347 17.0837 2.85548 14.8832 2.32903 15.4566C1.80258 16.03 2.72842 16.5105 4.0478 17.3093C5.36744 18.1078 5.46975 18.3187 5.28257 18.6208C5.09513 18.9229 2.18251 16.4673 1.90893 17.5083C1.63561 18.5493 4.88142 18.8514 4.6811 19.5701C4.48078 20.2891 2.3947 18.2098 1.96804 19.0199C1.54113 19.8303 4.91173 20.7824 4.93901 20.7895C6.02777 21.0719 8.79285 21.6703 9.75883 20.2539Z",
+					"fill": "#FFD21E"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M19.5568 13.0092C19.9658 13.0092 20.3313 13.1771 20.5862 13.4818C20.7439 13.6705 20.9086 13.9746 20.9219 14.4301C21.0935 14.3808 21.2584 14.3533 21.4125 14.3533C21.8041 14.3533 22.1577 14.5033 22.4078 14.7759C22.7291 15.1258 22.8718 15.5557 22.8097 15.9859C22.7802 16.1908 22.7117 16.3744 22.6094 16.5444C22.8251 16.719 22.984 16.962 23.0608 17.2543C23.1209 17.4834 23.1826 17.9606 22.8607 18.4522C22.8812 18.4842 22.9004 18.5176 22.9183 18.5517C23.1118 18.919 23.1242 19.334 22.9534 19.7205C22.6945 20.3063 22.0511 20.7678 20.8017 21.2632C20.0244 21.5714 19.3133 21.7684 19.307 21.7702C18.2794 22.0367 17.35 22.1721 16.5455 22.1721C15.0667 22.1721 14.008 21.7192 13.3987 20.8259C12.418 19.3876 12.5582 18.072 13.8271 16.8039C14.5294 16.1021 14.9962 15.0674 15.0935 14.8403C15.2895 14.1679 15.8078 13.4204 16.6695 13.4204C16.742 13.4204 16.8155 13.4262 16.8877 13.4376C17.2651 13.4969 17.5951 13.7142 17.8307 14.0411C18.0851 13.7248 18.3322 13.4732 18.5557 13.3312C18.8927 13.1175 19.2295 13.0092 19.5568 13.0092ZM19.5568 14.0196C19.428 14.0196 19.2706 14.0744 19.0971 14.1846C18.5583 14.5263 17.5185 16.3136 17.1378 17.0087C17.0103 17.2417 16.7923 17.3402 16.596 17.3402C16.2065 17.3402 15.9023 16.9529 16.5604 16.4608C17.5498 15.7204 17.2028 14.5102 16.7304 14.4356C16.7097 14.4324 16.6892 14.4308 16.6695 14.4308C16.2401 14.4308 16.0506 15.171 16.0506 15.171C16.0506 15.171 15.4954 16.5654 14.5415 17.5185C13.5876 18.4719 13.5384 19.237 14.2336 20.2566C14.7077 20.9517 15.6153 21.1617 16.5455 21.1617C17.5102 21.1617 18.4992 20.9358 19.0534 20.7921C19.0807 20.785 22.4513 19.8329 22.0243 19.0226C21.9526 18.8864 21.8344 18.8318 21.6856 18.8318C21.0844 18.8318 19.9908 19.7266 19.5207 19.7266C19.4156 19.7266 19.3416 19.6819 19.3113 19.5727C19.111 18.8541 22.357 18.5519 22.0835 17.5109C22.0352 17.3268 21.9043 17.252 21.7204 17.2523C20.926 17.2523 19.1436 18.6495 18.77 18.6495C18.7414 18.6495 18.7209 18.6411 18.7098 18.6234C18.5226 18.3213 18.6252 18.1104 19.9446 17.3119C21.264 16.5131 22.1901 16.0327 21.6634 15.4592C21.6027 15.393 21.5168 15.3637 21.4125 15.3637C20.6115 15.364 18.7189 17.0863 18.7189 17.0863C18.7189 17.0863 18.2081 17.6175 17.8992 17.6175C17.8282 17.6175 17.7678 17.5895 17.7269 17.5203C17.5079 17.151 19.7612 15.4433 19.8883 14.7388C19.9744 14.2613 19.8279 14.0196 19.5568 14.0196Z",
+					"fill": "#FF9D0B"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M14.2354 20.2539C13.5402 19.2344 13.5895 18.4692 14.5433 17.5159C15.4972 16.5628 16.0524 15.1684 16.0524 15.1684C16.0524 15.1684 16.2598 14.3585 16.7322 14.433C17.2046 14.5075 17.5514 15.7178 16.5619 16.4582C15.5724 17.1984 16.759 17.7013 17.1396 17.0061C17.5203 16.3109 18.5598 14.5237 19.0989 14.1819C19.6377 13.8402 20.0171 14.0316 19.8901 14.7362C19.763 15.4407 17.5095 17.1483 17.7287 17.5179C17.948 17.8872 18.7207 17.0837 18.7207 17.0837C18.7207 17.0837 21.1387 14.8832 21.6652 15.4566C22.1916 16.03 21.2658 16.5105 19.9464 17.3093C18.6268 18.1078 18.5245 18.3187 18.7116 18.6208C18.8991 18.9229 21.8117 16.4673 22.0853 17.5083C22.3586 18.5493 19.1128 18.8514 19.3131 19.5701C19.5134 20.2891 21.5995 18.2098 22.0262 19.0199C22.4531 19.8303 19.0825 20.7824 19.0552 20.7895C17.9664 21.0719 15.2014 21.6703 14.2354 20.2539Z",
+					"fill": "#FFD21E"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "Huggingface"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/Huggingface.tsx b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
new file mode 100644
index 0000000000..8d107bcb16
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Huggingface.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceText.json b/web/app/components/base/icons/src/public/llm/HuggingfaceText.json
new file mode 100644
index 0000000000..4e80364b55
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceText.json
@@ -0,0 +1,322 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "120",
+			"height": "24",
+			"viewBox": "0 0 120 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"clip-path": "url(#clip0_8587_60377)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "g",
+						"attributes": {
+							"clip-path": "url(#clip1_8587_60377)"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M11.9286 20.2062C16.7767 20.2062 20.7069 16.2761 20.7069 11.428C20.7069 6.57993 16.7767 2.64978 11.9286 2.64978C7.08054 2.64978 3.15039 6.57993 3.15039 11.428C3.15039 16.2761 7.08054 20.2062 11.9286 20.2062Z",
+									"fill": "#FFD21E"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M20.7095 11.4326C20.7095 6.58451 16.7793 2.65436 11.9313 2.65436C7.08318 2.65436 3.15303 6.58451 3.15303 11.4326C3.15303 16.2807 7.08318 20.2108 11.9313 20.2108C16.7793 20.2108 20.7095 16.2807 20.7095 11.4326ZM2.14258 11.4326C2.14258 6.02647 6.52511 1.64392 11.9313 1.64392C17.3374 1.64392 21.7199 6.02647 21.7199 11.4326C21.7199 16.8387 17.3374 21.2213 11.9313 21.2213C6.52511 21.2213 2.14258 16.8387 2.14258 11.4326Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M14.7822 9.03703C15.1041 9.1507 15.2322 9.81254 15.5574 9.6396C16.1734 9.31212 16.4072 8.54734 16.0797 7.93142C15.7522 7.31553 14.9874 7.08172 14.3715 7.4092C13.7556 7.73669 13.5218 8.50147 13.8493 9.11738C14.0038 9.40809 14.4944 8.9354 14.7822 9.03703Z",
+									"fill": "#3A3B45"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M8.83422 9.03703C8.5123 9.1507 8.38422 9.81254 8.05901 9.6396C7.4431 9.31212 7.20928 8.54734 7.53676 7.93142C7.86425 7.31553 8.62903 7.08172 9.24494 7.4092C9.86086 7.73669 10.0947 8.50147 9.76719 9.11738C9.61262 9.40809 9.122 8.9354 8.83422 9.03703Z",
+									"fill": "#3A3B45"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M11.8679 15.1044C14.3507 15.1044 15.1519 12.8908 15.1519 11.7541C15.1519 11.1633 14.7547 11.3492 14.1187 11.6641C13.5309 11.9551 12.739 12.3563 11.8679 12.3563C10.0543 12.3563 8.58398 10.6173 8.58398 11.7541C8.58398 12.8908 9.38514 15.1044 11.8679 15.1044Z",
+									"fill": "#3A3B45"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "mask",
+								"attributes": {
+									"id": "mask0_8587_60377",
+									"style": "mask-type:alpha",
+									"maskUnits": "userSpaceOnUse",
+									"x": "8",
+									"y": "11",
+									"width": "8",
+									"height": "5"
+								},
+								"children": [
+									{
+										"type": "element",
+										"name": "path",
+										"attributes": {
+											"d": "M11.8562 15.1005C14.339 15.1005 15.1402 12.8869 15.1402 11.7502C15.1402 11.1594 14.743 11.3453 14.1069 11.6602C13.5191 11.9512 12.7273 12.3524 11.8562 12.3524C10.0425 12.3524 8.57227 10.6134 8.57227 11.7502C8.57227 12.8869 9.37342 15.1005 11.8562 15.1005Z",
+											"fill": "white"
+										},
+										"children": []
+									}
+								]
+							},
+							{
+								"type": "element",
+								"name": "g",
+								"attributes": {
+									"mask": "url(#mask0_8587_60377)"
+								},
+								"children": [
+									{
+										"type": "element",
+										"name": "path",
+										"attributes": {
+											"d": "M11.9194 17.6824C13.1294 17.6824 14.1103 16.7016 14.1103 15.4916C14.1103 14.5491 13.5152 13.7457 12.6803 13.4364C12.6496 13.425 12.6185 13.4143 12.5872 13.4043C12.3766 13.337 12.1523 14.0606 11.9194 14.0606C11.7018 14.0606 11.4917 13.3324 11.2933 13.3915C10.3884 13.6609 9.72852 14.4991 9.72852 15.4916C9.72852 16.7016 10.7094 17.6824 11.9194 17.6824Z",
+											"fill": "#F94040"
+										},
+										"children": []
+									}
+								]
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M17.8698 10.2273C18.3232 10.2273 18.6908 9.85972 18.6908 9.40631C18.6908 8.9529 18.3232 8.58533 17.8698 8.58533C17.4164 8.58533 17.0488 8.9529 17.0488 9.40631C17.0488 9.85972 17.4164 10.2273 17.8698 10.2273Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M6.11981 10.2273C6.57323 10.2273 6.9408 9.85972 6.9408 9.40631C6.9408 8.9529 6.57323 8.58533 6.11981 8.58533C5.66638 8.58533 5.29883 8.9529 5.29883 9.40631C5.29883 9.85972 5.66638 10.2273 6.11981 10.2273Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M4.42915 13.0092C4.02018 13.0092 3.65465 13.1771 3.39976 13.4818C3.24214 13.6705 3.07743 13.9746 3.06404 14.4301C2.89252 14.3808 2.72757 14.3533 2.57347 14.3533C2.18193 14.3533 1.82827 14.5033 1.57819 14.7759C1.25687 15.1258 1.11414 15.5557 1.17628 15.9859C1.20584 16.1908 1.2743 16.3744 1.3766 16.5444C1.16087 16.719 1.00198 16.962 0.925188 17.2543C0.865067 17.4834 0.803429 17.9606 1.12526 18.4522C1.10479 18.4842 1.0856 18.5176 1.06766 18.5517C0.874161 18.919 0.861783 19.334 1.03255 19.7205C1.29147 20.3063 1.93487 20.7678 3.18429 21.2632C3.96157 21.5714 4.67267 21.7684 4.67899 21.7702C5.70661 22.0367 6.63596 22.1721 7.44053 22.1721C8.91931 22.1721 9.97801 21.7192 10.5873 20.8259C11.5679 19.3876 11.4277 18.072 10.1589 16.8039C9.45662 16.1021 8.98979 15.0674 8.89254 14.8403C8.69651 14.1679 8.17815 13.4204 7.3165 13.4204C7.244 13.4204 7.17049 13.4262 7.09824 13.4376C6.72084 13.4969 6.39093 13.7142 6.15525 14.0411C5.90087 13.7248 5.65381 13.4732 5.43025 13.3312C5.09327 13.1175 4.75654 13.0092 4.42915 13.0092ZM4.42915 14.0196C4.55799 14.0196 4.71536 14.0744 4.88891 14.1846C5.42773 14.5263 6.46747 16.3136 6.84816 17.0087C6.97573 17.2417 7.19373 17.3402 7.39001 17.3402C7.77953 17.3402 8.08368 16.9529 7.42563 16.4608C6.43615 15.7204 6.78324 14.5102 7.25562 14.4356C7.27633 14.4324 7.29679 14.4308 7.3165 14.4308C7.74594 14.4308 7.93539 15.171 7.93539 15.171C7.93539 15.171 8.49063 16.5654 9.44449 17.5185C10.3984 18.4719 10.4476 19.237 9.75243 20.2566C9.27828 20.9517 8.37064 21.1617 7.44053 21.1617C6.47581 21.1617 5.48684 20.9358 4.93261 20.7921C4.90533 20.785 1.53474 19.8329 1.96165 19.0226C2.03339 18.8864 2.15161 18.8318 2.3004 18.8318C2.90162 18.8318 3.99517 19.7266 4.46528 19.7266C4.57036 19.7266 4.64438 19.6819 4.67469 19.5727C4.87501 18.8541 1.62896 18.5519 1.90254 17.5109C1.95079 17.3268 2.08164 17.252 2.26554 17.2523C3.06 17.2523 4.84243 18.6495 5.21604 18.6495C5.24458 18.6495 5.26504 18.6411 5.27616 18.6234C5.46334 18.3213 5.36078 18.1104 4.0414 17.3119C2.72201 16.5131 1.79594 16.0327 2.32263 15.4592C2.38326 15.393 2.46915 15.3637 2.57347 15.3637C3.3745 15.364 5.26706 17.0863 5.26706 17.0863C5.26706 17.0863 5.77784 17.6175 6.08679 17.6175C6.15777 17.6175 6.21814 17.5895 6.25907 17.5203C6.47808 17.151 4.22479 15.4433 4.09773 14.7388C4.01159 14.2613 4.1581 14.0196 4.42915 14.0196Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M9.75883 20.2539C10.454 19.2344 10.4048 18.4692 9.4509 17.5159C8.49704 16.5628 7.9418 15.1684 7.9418 15.1684C7.9418 15.1684 7.73441 14.3585 7.26203 14.433C6.78964 14.5075 6.44281 15.7178 7.43228 16.4582C8.42176 17.1984 7.23525 17.7013 6.85456 17.0061C6.47388 16.3109 5.43438 14.5237 4.89531 14.1819C4.35649 13.8402 3.97707 14.0316 4.10414 14.7362C4.2312 15.4407 6.48474 17.1483 6.26547 17.5179C6.04621 17.8872 5.27347 17.0837 5.27347 17.0837C5.27347 17.0837 2.85548 14.8832 2.32903 15.4566C1.80258 16.03 2.72842 16.5105 4.0478 17.3093C5.36744 18.1078 5.46975 18.3187 5.28257 18.6208C5.09513 18.9229 2.18251 16.4673 1.90893 17.5083C1.63561 18.5493 4.88142 18.8514 4.6811 19.5701C4.48078 20.2891 2.3947 18.2098 1.96804 19.0199C1.54113 19.8303 4.91173 20.7824 4.93901 20.7895C6.02777 21.0719 8.79285 21.6703 9.75883 20.2539Z",
+									"fill": "#FFD21E"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M19.5568 13.0092C19.9658 13.0092 20.3313 13.1771 20.5862 13.4818C20.7439 13.6705 20.9086 13.9746 20.9219 14.4301C21.0935 14.3808 21.2584 14.3533 21.4125 14.3533C21.8041 14.3533 22.1577 14.5033 22.4078 14.7759C22.7291 15.1258 22.8718 15.5557 22.8097 15.9859C22.7802 16.1908 22.7117 16.3744 22.6094 16.5444C22.8251 16.719 22.984 16.962 23.0608 17.2543C23.1209 17.4834 23.1826 17.9606 22.8607 18.4522C22.8812 18.4842 22.9004 18.5176 22.9183 18.5517C23.1118 18.919 23.1242 19.334 22.9534 19.7205C22.6945 20.3063 22.0511 20.7678 20.8017 21.2632C20.0244 21.5714 19.3133 21.7684 19.307 21.7702C18.2794 22.0367 17.35 22.1721 16.5455 22.1721C15.0667 22.1721 14.008 21.7192 13.3987 20.8259C12.418 19.3876 12.5582 18.072 13.8271 16.8039C14.5294 16.1021 14.9962 15.0674 15.0935 14.8403C15.2895 14.1679 15.8078 13.4204 16.6695 13.4204C16.742 13.4204 16.8155 13.4262 16.8877 13.4376C17.2651 13.4969 17.5951 13.7142 17.8307 14.0411C18.0851 13.7248 18.3322 13.4732 18.5557 13.3312C18.8927 13.1175 19.2295 13.0092 19.5568 13.0092ZM19.5568 14.0196C19.428 14.0196 19.2706 14.0744 19.0971 14.1846C18.5583 14.5263 17.5185 16.3136 17.1378 17.0087C17.0103 17.2417 16.7923 17.3402 16.596 17.3402C16.2065 17.3402 15.9023 16.9529 16.5604 16.4608C17.5498 15.7204 17.2028 14.5102 16.7304 14.4356C16.7097 14.4324 16.6892 14.4308 16.6695 14.4308C16.2401 14.4308 16.0506 15.171 16.0506 15.171C16.0506 15.171 15.4954 16.5654 14.5415 17.5185C13.5876 18.4719 13.5384 19.237 14.2336 20.2566C14.7077 20.9517 15.6153 21.1617 16.5455 21.1617C17.5102 21.1617 18.4992 20.9358 19.0534 20.7921C19.0807 20.785 22.4513 19.8329 22.0243 19.0226C21.9526 18.8864 21.8344 18.8318 21.6856 18.8318C21.0844 18.8318 19.9908 19.7266 19.5207 19.7266C19.4156 19.7266 19.3416 19.6819 19.3113 19.5727C19.111 18.8541 22.357 18.5519 22.0835 17.5109C22.0352 17.3268 21.9043 17.252 21.7204 17.2523C20.926 17.2523 19.1436 18.6495 18.77 18.6495C18.7414 18.6495 18.7209 18.6411 18.7098 18.6234C18.5226 18.3213 18.6252 18.1104 19.9446 17.3119C21.264 16.5131 22.1901 16.0327 21.6634 15.4592C21.6027 15.393 21.5168 15.3637 21.4125 15.3637C20.6115 15.364 18.7189 17.0863 18.7189 17.0863C18.7189 17.0863 18.2081 17.6175 17.8992 17.6175C17.8282 17.6175 17.7678 17.5895 17.7269 17.5203C17.5079 17.151 19.7612 15.4433 19.8883 14.7388C19.9744 14.2613 19.8279 14.0196 19.5568 14.0196Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M14.2354 20.2539C13.5402 19.2344 13.5895 18.4692 14.5433 17.5159C15.4972 16.5628 16.0524 15.1684 16.0524 15.1684C16.0524 15.1684 16.2598 14.3585 16.7322 14.433C17.2046 14.5075 17.5514 15.7178 16.5619 16.4582C15.5724 17.1984 16.759 17.7013 17.1396 17.0061C17.5203 16.3109 18.5598 14.5237 19.0989 14.1819C19.6377 13.8402 20.0171 14.0316 19.8901 14.7362C19.763 15.4407 17.5095 17.1483 17.7287 17.5179C17.948 17.8872 18.7207 17.0837 18.7207 17.0837C18.7207 17.0837 21.1387 14.8832 21.6652 15.4566C22.1916 16.03 21.2658 16.5105 19.9464 17.3093C18.6268 18.1078 18.5245 18.3187 18.7116 18.6208C18.8991 18.9229 21.8117 16.4673 22.0853 17.5083C22.3586 18.5493 19.1128 18.8514 19.3131 19.5701C19.5134 20.2891 21.5995 18.2098 22.0262 19.0199C22.4531 19.8303 19.0825 20.7824 19.0552 20.7895C17.9664 21.0719 15.2014 21.6703 14.2354 20.2539Z",
+									"fill": "#FFD21E"
+								},
+								"children": []
+							}
+						]
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M33.1528 17V7.22003H35.3578V10.985H38.7328V7.22003H40.9528V17H38.7328V12.92H35.3578V17H33.1528Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M45.3153 17.18C44.5053 17.18 43.9153 16.915 43.5453 16.385C43.1853 15.845 43.0053 15.11 43.0053 14.18V9.56003H45.2103V13.895C45.2103 14.425 45.2853 14.795 45.4353 15.005C45.5853 15.205 45.8203 15.305 46.1403 15.305C46.4203 15.305 46.6553 15.24 46.8453 15.11C47.0353 14.98 47.2403 14.77 47.4603 14.48V9.56003H49.6653V17H47.8653L47.7003 15.965H47.6553C47.3453 16.335 47.0053 16.63 46.6353 16.85C46.2653 17.07 45.8253 17.18 45.3153 17.18Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M54.2606 20.165C53.6806 20.165 53.1556 20.1 52.6856 19.97C52.2156 19.84 51.8406 19.635 51.5606 19.355C51.2806 19.075 51.1406 18.715 51.1406 18.275C51.1406 17.675 51.4956 17.175 52.2056 16.775V16.715C52.0156 16.585 51.8506 16.42 51.7106 16.22C51.5806 16.02 51.5156 15.765 51.5156 15.455C51.5156 15.185 51.5956 14.925 51.7556 14.675C51.9156 14.425 52.1156 14.22 52.3556 14.06V14C52.0956 13.82 51.8606 13.56 51.6506 13.22C51.4506 12.88 51.3506 12.495 51.3506 12.065C51.3506 11.465 51.4956 10.97 51.7856 10.58C52.0756 10.18 52.4556 9.88003 52.9256 9.68003C53.3956 9.48003 53.8956 9.38003 54.4256 9.38003C54.8656 9.38003 55.2506 9.44003 55.5806 9.56003H58.2956V11.165H57.1106C57.1806 11.275 57.2356 11.415 57.2756 11.585C57.3256 11.755 57.3506 11.94 57.3506 12.14C57.3506 12.71 57.2206 13.18 56.9606 13.55C56.7006 13.92 56.3506 14.195 55.9106 14.375C55.4706 14.555 54.9756 14.645 54.4256 14.645C54.1356 14.645 53.8356 14.595 53.5256 14.495C53.3456 14.645 53.2556 14.83 53.2556 15.05C53.2556 15.24 53.3406 15.38 53.5106 15.47C53.6806 15.56 53.9706 15.605 54.3806 15.605H55.5806C56.5006 15.605 57.2006 15.755 57.6806 16.055C58.1706 16.345 58.4156 16.825 58.4156 17.495C58.4156 18.005 58.2456 18.46 57.9056 18.86C57.5656 19.27 57.0856 19.59 56.4656 19.82C55.8456 20.05 55.1106 20.165 54.2606 20.165ZM54.4256 13.31C54.7156 13.31 54.9556 13.205 55.1456 12.995C55.3456 12.785 55.4456 12.475 55.4456 12.065C55.4456 11.675 55.3456 11.38 55.1456 11.18C54.9556 10.97 54.7156 10.865 54.4256 10.865C54.1356 10.865 53.8906 10.965 53.6906 11.165C53.5006 11.365 53.4056 11.665 53.4056 12.065C53.4056 12.475 53.5006 12.785 53.6906 12.995C53.8906 13.205 54.1356 13.31 54.4256 13.31ZM54.6056 18.785C55.1056 18.785 55.5156 18.695 55.8356 18.515C56.1556 18.335 56.3156 18.12 56.3156 17.87C56.3156 17.64 56.2156 17.485 56.0156 17.405C55.8256 17.325 55.5456 17.285 55.1756 17.285H54.4106C54.1606 17.285 53.9506 17.275 53.7806 17.255C53.6206 17.245 53.4806 17.225 53.3606 17.195C53.0906 17.435 52.9556 17.68 52.9556 17.93C52.9556 18.21 53.1056 18.42 53.4056 18.56C53.7156 18.71 54.1156 18.785 54.6056 18.785Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M62.2733 20.165C61.6933 20.165 61.1683 20.1 60.6983 19.97C60.2283 19.84 59.8533 19.635 59.5733 19.355C59.2933 19.075 59.1533 18.715 59.1533 18.275C59.1533 17.675 59.5083 17.175 60.2183 16.775V16.715C60.0283 16.585 59.8633 16.42 59.7233 16.22C59.5933 16.02 59.5283 15.765 59.5283 15.455C59.5283 15.185 59.6083 14.925 59.7683 14.675C59.9283 14.425 60.1283 14.22 60.3683 14.06V14C60.1083 13.82 59.8733 13.56 59.6633 13.22C59.4633 12.88 59.3633 12.495 59.3633 12.065C59.3633 11.465 59.5083 10.97 59.7983 10.58C60.0883 10.18 60.4683 9.88003 60.9383 9.68003C61.4083 9.48003 61.9083 9.38003 62.4383 9.38003C62.8783 9.38003 63.2633 9.44003 63.5933 9.56003H66.3083V11.165H65.1233C65.1933 11.275 65.2483 11.415 65.2883 11.585C65.3383 11.755 65.3633 11.94 65.3633 12.14C65.3633 12.71 65.2333 13.18 64.9733 13.55C64.7133 13.92 64.3633 14.195 63.9233 14.375C63.4833 14.555 62.9883 14.645 62.4383 14.645C62.1483 14.645 61.8483 14.595 61.5383 14.495C61.3583 14.645 61.2683 14.83 61.2683 15.05C61.2683 15.24 61.3533 15.38 61.5233 15.47C61.6933 15.56 61.9833 15.605 62.3933 15.605H63.5933C64.5133 15.605 65.2133 15.755 65.6933 16.055C66.1833 16.345 66.4283 16.825 66.4283 17.495C66.4283 18.005 66.2583 18.46 65.9183 18.86C65.5783 19.27 65.0983 19.59 64.4783 19.82C63.8583 20.05 63.1233 20.165 62.2733 20.165ZM62.4383 13.31C62.7283 13.31 62.9683 13.205 63.1583 12.995C63.3583 12.785 63.4583 12.475 63.4583 12.065C63.4583 11.675 63.3583 11.38 63.1583 11.18C62.9683 10.97 62.7283 10.865 62.4383 10.865C62.1483 10.865 61.9033 10.965 61.7033 11.165C61.5133 11.365 61.4183 11.665 61.4183 12.065C61.4183 12.475 61.5133 12.785 61.7033 12.995C61.9033 13.205 62.1483 13.31 62.4383 13.31ZM62.6183 18.785C63.1183 18.785 63.5283 18.695 63.8483 18.515C64.1683 18.335 64.3283 18.12 64.3283 17.87C64.3283 17.64 64.2283 17.485 64.0283 17.405C63.8383 17.325 63.5583 17.285 63.1883 17.285H62.4233C62.1733 17.285 61.9633 17.275 61.7933 17.255C61.6333 17.245 61.4933 17.225 61.3733 17.195C61.1033 17.435 60.9683 17.68 60.9683 17.93C60.9683 18.21 61.1183 18.42 61.4183 18.56C61.7283 18.71 62.1283 18.785 62.6183 18.785Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M67.631 17V9.56003H69.836V17H67.631ZM68.726 8.46503C68.356 8.46503 68.056 8.36003 67.826 8.15003C67.596 7.94003 67.481 7.66003 67.481 7.31003C67.481 6.96003 67.596 6.68003 67.826 6.47003C68.056 6.26003 68.356 6.15503 68.726 6.15503C69.096 6.15503 69.396 6.26003 69.626 6.47003C69.856 6.68003 69.971 6.96003 69.971 7.31003C69.971 7.66003 69.856 7.94003 69.626 8.15003C69.396 8.36003 69.096 8.46503 68.726 8.46503Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M71.7765 17V9.56003H73.5765L73.7265 10.505H73.7865C74.1065 10.205 74.4565 9.94503 74.8365 9.72503C75.2265 9.49503 75.6715 9.38003 76.1715 9.38003C76.9815 9.38003 77.5665 9.65003 77.9265 10.19C78.2965 10.72 78.4815 11.45 78.4815 12.38V17H76.2765V12.665C76.2765 12.125 76.2015 11.755 76.0515 11.555C75.9115 11.355 75.6815 11.255 75.3615 11.255C75.0815 11.255 74.8415 11.32 74.6415 11.45C74.4415 11.57 74.2215 11.745 73.9815 11.975V17H71.7765Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M83.0155 20.165C82.4355 20.165 81.9105 20.1 81.4405 19.97C80.9705 19.84 80.5955 19.635 80.3155 19.355C80.0355 19.075 79.8955 18.715 79.8955 18.275C79.8955 17.675 80.2505 17.175 80.9605 16.775V16.715C80.7705 16.585 80.6055 16.42 80.4655 16.22C80.3355 16.02 80.2705 15.765 80.2705 15.455C80.2705 15.185 80.3505 14.925 80.5105 14.675C80.6705 14.425 80.8705 14.22 81.1105 14.06V14C80.8505 13.82 80.6155 13.56 80.4055 13.22C80.2055 12.88 80.1055 12.495 80.1055 12.065C80.1055 11.465 80.2505 10.97 80.5405 10.58C80.8305 10.18 81.2105 9.88003 81.6805 9.68003C82.1505 9.48003 82.6505 9.38003 83.1805 9.38003C83.6205 9.38003 84.0055 9.44003 84.3355 9.56003H87.0505V11.165H85.8655C85.9355 11.275 85.9905 11.415 86.0305 11.585C86.0805 11.755 86.1055 11.94 86.1055 12.14C86.1055 12.71 85.9755 13.18 85.7155 13.55C85.4555 13.92 85.1055 14.195 84.6655 14.375C84.2255 14.555 83.7305 14.645 83.1805 14.645C82.8905 14.645 82.5905 14.595 82.2805 14.495C82.1005 14.645 82.0105 14.83 82.0105 15.05C82.0105 15.24 82.0955 15.38 82.2655 15.47C82.4355 15.56 82.7255 15.605 83.1355 15.605H84.3355C85.2555 15.605 85.9555 15.755 86.4355 16.055C86.9255 16.345 87.1705 16.825 87.1705 17.495C87.1705 18.005 87.0005 18.46 86.6605 18.86C86.3205 19.27 85.8405 19.59 85.2205 19.82C84.6005 20.05 83.8655 20.165 83.0155 20.165ZM83.1805 13.31C83.4705 13.31 83.7105 13.205 83.9005 12.995C84.1005 12.785 84.2005 12.475 84.2005 12.065C84.2005 11.675 84.1005 11.38 83.9005 11.18C83.7105 10.97 83.4705 10.865 83.1805 10.865C82.8905 10.865 82.6455 10.965 82.4455 11.165C82.2555 11.365 82.1605 11.665 82.1605 12.065C82.1605 12.475 82.2555 12.785 82.4455 12.995C82.6455 13.205 82.8905 13.31 83.1805 13.31ZM83.3605 18.785C83.8605 18.785 84.2705 18.695 84.5905 18.515C84.9105 18.335 85.0705 18.12 85.0705 17.87C85.0705 17.64 84.9705 17.485 84.7705 17.405C84.5805 17.325 84.3005 17.285 83.9305 17.285H83.1655C82.9155 17.285 82.7055 17.275 82.5355 17.255C82.3755 17.245 82.2355 17.225 82.1155 17.195C81.8455 17.435 81.7105 17.68 81.7105 17.93C81.7105 18.21 81.8605 18.42 82.1605 18.56C82.4705 18.71 82.8705 18.785 83.3605 18.785Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M91.5562 17V7.22003H97.7212V9.08003H93.7612V11.345H97.1512V13.205H93.7612V17H91.5562Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M100.546 17.18C99.8661 17.18 99.3261 16.965 98.9261 16.535C98.5261 16.095 98.3261 15.56 98.3261 14.93C98.3261 14.15 98.6561 13.54 99.3161 13.1C99.9761 12.66 101.041 12.365 102.511 12.215C102.491 11.885 102.391 11.625 102.211 11.435C102.041 11.235 101.751 11.135 101.341 11.135C101.031 11.135 100.716 11.195 100.396 11.315C100.076 11.435 99.7361 11.6 99.3761 11.81L98.5811 10.355C99.0511 10.065 99.5511 9.83003 100.081 9.65003C100.621 9.47003 101.181 9.38003 101.761 9.38003C102.711 9.38003 103.441 9.65503 103.951 10.205C104.461 10.755 104.716 11.6 104.716 12.74V17H102.916L102.766 16.235H102.706C102.396 16.515 102.061 16.745 101.701 16.925C101.351 17.095 100.966 17.18 100.546 17.18ZM101.296 15.47C101.546 15.47 101.761 15.415 101.941 15.305C102.131 15.185 102.321 15.03 102.511 14.84V13.535C101.731 13.635 101.191 13.795 100.891 14.015C100.591 14.225 100.441 14.475 100.441 14.765C100.441 15.005 100.516 15.185 100.666 15.305C100.826 15.415 101.036 15.47 101.296 15.47Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M109.821 17.18C109.131 17.18 108.506 17.03 107.946 16.73C107.396 16.42 106.956 15.975 106.626 15.395C106.306 14.805 106.146 14.1 106.146 13.28C106.146 12.45 106.326 11.745 106.686 11.165C107.046 10.585 107.521 10.145 108.111 9.84503C108.701 9.53503 109.336 9.38003 110.016 9.38003C110.476 9.38003 110.881 9.45503 111.231 9.60503C111.591 9.75503 111.911 9.94503 112.191 10.175L111.156 11.6C110.806 11.31 110.471 11.165 110.151 11.165C109.621 11.165 109.196 11.355 108.876 11.735C108.566 12.115 108.411 12.63 108.411 13.28C108.411 13.92 108.566 14.435 108.876 14.825C109.196 15.205 109.596 15.395 110.076 15.395C110.316 15.395 110.551 15.345 110.781 15.245C111.011 15.135 111.221 15.005 111.411 14.855L112.281 16.295C111.911 16.615 111.511 16.845 111.081 16.985C110.651 17.115 110.231 17.18 109.821 17.18Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M116.488 17.18C115.778 17.18 115.138 17.025 114.568 16.715C113.998 16.405 113.548 15.96 113.218 15.38C112.888 14.8 112.723 14.1 112.723 13.28C112.723 12.47 112.888 11.775 113.218 11.195C113.558 10.615 113.998 10.17 114.538 9.86003C115.078 9.54003 115.643 9.38003 116.233 9.38003C116.943 9.38003 117.528 9.54003 117.988 9.86003C118.458 10.17 118.808 10.595 119.038 11.135C119.278 11.665 119.398 12.27 119.398 12.95C119.398 13.14 119.388 13.33 119.368 13.52C119.348 13.7 119.328 13.835 119.308 13.925H114.853C114.953 14.465 115.178 14.865 115.528 15.125C115.878 15.375 116.298 15.5 116.788 15.5C117.318 15.5 117.853 15.335 118.393 15.005L119.128 16.34C118.748 16.6 118.323 16.805 117.853 16.955C117.383 17.105 116.928 17.18 116.488 17.18ZM114.838 12.47H117.523C117.523 12.06 117.423 11.725 117.223 11.465C117.033 11.195 116.718 11.06 116.278 11.06C115.938 11.06 115.633 11.18 115.363 11.42C115.093 11.65 114.918 12 114.838 12.47Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "defs",
+				"attributes": {},
+				"children": [
+					{
+						"type": "element",
+						"name": "clipPath",
+						"attributes": {
+							"id": "clip0_8587_60377"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "rect",
+								"attributes": {
+									"width": "119.998",
+									"height": "24",
+									"rx": "6",
+									"fill": "white"
+								},
+								"children": []
+							}
+						]
+					},
+					{
+						"type": "element",
+						"name": "clipPath",
+						"attributes": {
+							"id": "clip1_8587_60377"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "rect",
+								"attributes": {
+									"width": "23.998",
+									"height": "22.2298",
+									"fill": "white",
+									"transform": "translate(0 0.885132)"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "HuggingfaceText"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
new file mode 100644
index 0000000000..7bea6aa28c
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceText.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.json b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.json
new file mode 100644
index 0000000000..9dcc6d64a8
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.json
@@ -0,0 +1,350 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "151",
+			"height": "24",
+			"viewBox": "0 0 151 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"clip-path": "url(#clip0_8587_60397)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "g",
+						"attributes": {
+							"clip-path": "url(#clip1_8587_60397)"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M12.9267 20.2062C17.7747 20.2062 21.7049 16.2761 21.7049 11.428C21.7049 6.57993 17.7747 2.64978 12.9267 2.64978C8.07858 2.64978 4.14844 6.57993 4.14844 11.428C4.14844 16.2761 8.07858 20.2062 12.9267 20.2062Z",
+									"fill": "#FFD21E"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M21.7075 11.4326C21.7075 6.58451 17.7774 2.65436 12.9293 2.65436C8.08123 2.65436 4.15108 6.58451 4.15108 11.4326C4.15108 16.2807 8.08123 20.2108 12.9293 20.2108C17.7774 20.2108 21.7075 16.2807 21.7075 11.4326ZM3.14062 11.4326C3.14062 6.02647 7.52316 1.64392 12.9293 1.64392C18.3354 1.64392 22.718 6.02647 22.718 11.4326C22.718 16.8387 18.3354 21.2213 12.9293 21.2213C7.52316 21.2213 3.14062 16.8387 3.14062 11.4326Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M15.7803 9.03703C16.1022 9.1507 16.2303 9.81254 16.5555 9.6396C17.1714 9.31212 17.4052 8.54734 17.0777 7.93142C16.7503 7.31553 15.9855 7.08172 15.3696 7.4092C14.7536 7.73669 14.5198 8.50147 14.8473 9.11738C15.0019 9.40809 15.4925 8.9354 15.7803 9.03703Z",
+									"fill": "#3A3B45"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M9.83227 9.03703C9.51034 9.1507 9.38227 9.81254 9.05706 9.6396C8.44114 9.31212 8.20733 8.54734 8.53481 7.93142C8.8623 7.31553 9.62708 7.08172 10.243 7.4092C10.8589 7.73669 11.0927 8.50147 10.7652 9.11738C10.6107 9.40809 10.12 8.9354 9.83227 9.03703Z",
+									"fill": "#3A3B45"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M12.866 15.1044C15.3487 15.1044 16.1499 12.8908 16.1499 11.7541C16.1499 11.1633 15.7528 11.3492 15.1167 11.6641C14.5289 11.9551 13.7371 12.3563 12.866 12.3563C11.0523 12.3563 9.58203 10.6173 9.58203 11.7541C9.58203 12.8908 10.3832 15.1044 12.866 15.1044Z",
+									"fill": "#3A3B45"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "mask",
+								"attributes": {
+									"id": "mask0_8587_60397",
+									"style": "mask-type:alpha",
+									"maskUnits": "userSpaceOnUse",
+									"x": "9",
+									"y": "11",
+									"width": "8",
+									"height": "5"
+								},
+								"children": [
+									{
+										"type": "element",
+										"name": "path",
+										"attributes": {
+											"d": "M12.8543 15.1005C15.337 15.1005 16.1382 12.8869 16.1382 11.7502C16.1382 11.1594 15.7411 11.3453 15.105 11.6602C14.5172 11.9512 13.7253 12.3524 12.8543 12.3524C11.0406 12.3524 9.57031 10.6134 9.57031 11.7502C9.57031 12.8869 10.3715 15.1005 12.8543 15.1005Z",
+											"fill": "white"
+										},
+										"children": []
+									}
+								]
+							},
+							{
+								"type": "element",
+								"name": "g",
+								"attributes": {
+									"mask": "url(#mask0_8587_60397)"
+								},
+								"children": [
+									{
+										"type": "element",
+										"name": "path",
+										"attributes": {
+											"d": "M12.9175 17.6824C14.1274 17.6824 15.1083 16.7016 15.1083 15.4916C15.1083 14.5491 14.5133 13.7457 13.6783 13.4364C13.6476 13.425 13.6166 13.4143 13.5852 13.4043C13.3747 13.337 13.1503 14.0606 12.9175 14.0606C12.6999 14.0606 12.4897 13.3324 12.2913 13.3915C11.3864 13.6609 10.7266 14.4991 10.7266 15.4916C10.7266 16.7016 11.7075 17.6824 12.9175 17.6824Z",
+											"fill": "#F94040"
+										},
+										"children": []
+									}
+								]
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M18.8679 10.2273C19.3213 10.2273 19.6888 9.85972 19.6888 9.40631C19.6888 8.9529 19.3213 8.58533 18.8679 8.58533C18.4144 8.58533 18.0469 8.9529 18.0469 9.40631C18.0469 9.85972 18.4144 10.2273 18.8679 10.2273Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M7.11786 10.2273C7.57127 10.2273 7.93885 9.85972 7.93885 9.40631C7.93885 8.9529 7.57127 8.58533 7.11786 8.58533C6.66442 8.58533 6.29688 8.9529 6.29688 9.40631C6.29688 9.85972 6.66442 10.2273 7.11786 10.2273Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M5.4272 13.0092C5.01822 13.0092 4.6527 13.1771 4.39781 13.4818C4.24018 13.6705 4.07548 13.9746 4.06209 14.4301C3.89057 14.3808 3.72561 14.3533 3.57152 14.3533C3.17997 14.3533 2.82632 14.5033 2.57623 14.7759C2.25491 15.1258 2.11219 15.5557 2.17433 15.9859C2.20389 16.1908 2.27234 16.3744 2.37465 16.5444C2.15892 16.719 2.00003 16.962 1.92323 17.2543C1.86311 17.4834 1.80148 17.9606 2.1233 18.4522C2.10284 18.4842 2.08364 18.5176 2.06571 18.5517C1.87221 18.919 1.85983 19.334 2.03059 19.7205C2.28952 20.3063 2.93292 20.7678 4.18233 21.2632C4.95962 21.5714 5.67072 21.7684 5.67703 21.7702C6.70465 22.0367 7.63401 22.1721 8.43858 22.1721C9.91736 22.1721 10.9761 21.7192 11.5854 20.8259C12.566 19.3876 12.4258 18.072 11.1569 16.8039C10.4547 16.1021 9.98784 15.0674 9.89058 14.8403C9.69456 14.1679 9.1762 13.4204 8.31454 13.4204C8.24205 13.4204 8.16854 13.4262 8.09629 13.4376C7.71889 13.4969 7.38898 13.7142 7.15329 14.0411C6.89891 13.7248 6.65186 13.4732 6.4283 13.3312C6.09132 13.1175 5.75459 13.0092 5.4272 13.0092ZM5.4272 14.0196C5.55603 14.0196 5.71341 14.0744 5.88695 14.1846C6.42577 14.5263 7.46552 16.3136 7.8462 17.0087C7.97377 17.2417 8.19178 17.3402 8.38805 17.3402C8.77758 17.3402 9.08172 16.9529 8.42367 16.4608C7.4342 15.7204 7.78128 14.5102 8.25366 14.4356C8.27438 14.4324 8.29484 14.4308 8.31454 14.4308C8.74398 14.4308 8.93344 15.171 8.93344 15.171C8.93344 15.171 9.48868 16.5654 10.4425 17.5185C11.3964 18.4719 11.4457 19.237 10.7505 20.2566C10.2763 20.9517 9.36869 21.1617 8.43858 21.1617C7.47386 21.1617 6.48488 20.9358 5.93066 20.7921C5.90337 20.785 2.53279 19.8329 2.9597 19.0226C3.03144 18.8864 3.14966 18.8318 3.29845 18.8318C3.89966 18.8318 4.99322 19.7266 5.46332 19.7266C5.56841 19.7266 5.64243 19.6819 5.67274 19.5727C5.87306 18.8541 2.62701 18.5519 2.90059 17.5109C2.94884 17.3268 3.07969 17.252 3.26359 17.2523C4.05805 17.2523 5.84047 18.6495 6.21408 18.6495C6.24263 18.6495 6.26309 18.6411 6.27421 18.6234C6.46139 18.3213 6.35883 18.1104 5.03944 17.3119C3.72006 16.5131 2.79398 16.0327 3.32068 15.4592C3.38131 15.393 3.46719 15.3637 3.57152 15.3637C4.37255 15.364 6.26511 17.0863 6.26511 17.0863C6.26511 17.0863 6.77589 17.6175 7.08483 17.6175C7.15582 17.6175 7.21619 17.5895 7.25711 17.5203C7.47613 17.151 5.22284 15.4433 5.09578 14.7388C5.00964 14.2613 5.15615 14.0196 5.4272 14.0196Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M10.7569 20.2539C11.4521 19.2344 11.4028 18.4692 10.4489 17.5159C9.49509 16.5628 8.93985 15.1684 8.93985 15.1684C8.93985 15.1684 8.73245 14.3585 8.26007 14.433C7.78769 14.5075 7.44085 15.7178 8.43033 16.4582C9.41981 17.1984 8.2333 17.7013 7.85261 17.0061C7.47193 16.3109 6.43243 14.5237 5.89336 14.1819C5.35454 13.8402 4.97512 14.0316 5.10218 14.7362C5.22925 15.4407 7.48279 17.1483 7.26352 17.5179C7.04426 17.8872 6.27152 17.0837 6.27152 17.0837C6.27152 17.0837 3.85353 14.8832 3.32707 15.4566C2.80063 16.03 3.72646 16.5105 5.04585 17.3093C6.36549 18.1078 6.4678 18.3187 6.28061 18.6208C6.09317 18.9229 3.18056 16.4673 2.90698 17.5083C2.63365 18.5493 5.87947 18.8514 5.67915 19.5701C5.47883 20.2891 3.39275 18.2098 2.96609 19.0199C2.53918 19.8303 5.90978 20.7824 5.93706 20.7895C7.02582 21.0719 9.79089 21.6703 10.7569 20.2539Z",
+									"fill": "#FFD21E"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M20.5549 13.0092C20.9639 13.0092 21.3294 13.1771 21.5843 13.4818C21.7419 13.6705 21.9066 13.9746 21.92 14.4301C22.0915 14.3808 22.2565 14.3533 22.4106 14.3533C22.8021 14.3533 23.1558 14.5033 23.4058 14.7759C23.7272 15.1258 23.8699 15.5557 23.8078 15.9859C23.7782 16.1908 23.7097 16.3744 23.6074 16.5444C23.8232 16.719 23.9821 16.962 24.0588 17.2543C24.119 17.4834 24.1806 17.9606 23.8588 18.4522C23.8792 18.4842 23.8984 18.5176 23.9164 18.5517C24.1099 18.919 24.1223 19.334 23.9515 19.7205C23.6926 20.3063 23.0492 20.7678 21.7997 21.2632C21.0225 21.5714 20.3114 21.7684 20.305 21.7702C19.2774 22.0367 18.3481 22.1721 17.5435 22.1721C16.0647 22.1721 15.006 21.7192 14.3967 20.8259C13.4161 19.3876 13.5563 18.072 14.8252 16.8039C15.5274 16.1021 15.9942 15.0674 16.0915 14.8403C16.2875 14.1679 16.8059 13.4204 17.6675 13.4204C17.74 13.4204 17.8135 13.4262 17.8858 13.4376C18.2632 13.4969 18.5931 13.7142 18.8288 14.0411C19.0832 13.7248 19.3302 13.4732 19.5538 13.3312C19.8908 13.1175 20.2275 13.0092 20.5549 13.0092ZM20.5549 14.0196C20.4261 14.0196 20.2687 14.0744 20.0951 14.1846C19.5563 14.5263 18.5166 16.3136 18.1359 17.0087C18.0083 17.2417 17.7903 17.3402 17.594 17.3402C17.2045 17.3402 16.9004 16.9529 17.5584 16.4608C18.5479 15.7204 18.2008 14.5102 17.7284 14.4356C17.7077 14.4324 17.6872 14.4308 17.6675 14.4308C17.2381 14.4308 17.0486 15.171 17.0486 15.171C17.0486 15.171 16.4934 16.5654 15.5395 17.5185C14.5857 18.4719 14.5364 19.237 15.2316 20.2566C15.7058 20.9517 16.6134 21.1617 17.5435 21.1617C18.5082 21.1617 19.4972 20.9358 20.0514 20.7921C20.0787 20.785 23.4493 19.8329 23.0224 19.0226C22.9506 18.8864 22.8324 18.8318 22.6836 18.8318C22.0824 18.8318 20.9889 19.7266 20.5188 19.7266C20.4137 19.7266 20.3397 19.6819 20.3093 19.5727C20.109 18.8541 23.3551 18.5519 23.0815 17.5109C23.0332 17.3268 22.9024 17.252 22.7185 17.2523C21.924 17.2523 20.1416 18.6495 19.768 18.6495C19.7395 18.6495 19.719 18.6411 19.7079 18.6234C19.5207 18.3213 19.6233 18.1104 20.9426 17.3119C22.262 16.5131 23.1881 16.0327 22.6614 15.4592C22.6008 15.393 22.5149 15.3637 22.4106 15.3637C21.6095 15.364 19.717 17.0863 19.717 17.0863C19.717 17.0863 19.2062 17.6175 18.8972 17.6175C18.8263 17.6175 18.7659 17.5895 18.725 17.5203C18.506 17.151 20.7592 15.4433 20.8863 14.7388C20.9724 14.2613 20.8259 14.0196 20.5549 14.0196Z",
+									"fill": "#FF9D0B"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M15.2334 20.2539C14.5382 19.2344 14.5875 18.4692 15.5414 17.5159C16.4952 16.5628 17.0505 15.1684 17.0505 15.1684C17.0505 15.1684 17.2578 14.3585 17.7302 14.433C18.2026 14.5075 18.5494 15.7178 17.56 16.4582C16.5705 17.1984 17.757 17.7013 18.1377 17.0061C18.5184 16.3109 19.5579 14.5237 20.0969 14.1819C20.6358 13.8402 21.0152 14.0316 20.8881 14.7362C20.7611 15.4407 18.5075 17.1483 18.7268 17.5179C18.946 17.8872 19.7188 17.0837 19.7188 17.0837C19.7188 17.0837 22.1368 14.8832 22.6632 15.4566C23.1897 16.03 22.2638 16.5105 20.9445 17.3093C19.6248 18.1078 19.5225 18.3187 19.7097 18.6208C19.8971 18.9229 22.8097 16.4673 23.0833 17.5083C23.3566 18.5493 20.1108 18.8514 20.3112 19.5701C20.5115 20.2891 22.5975 18.2098 23.0242 19.0199C23.4511 19.8303 20.0805 20.7824 20.0532 20.7895C18.9645 21.0719 16.1994 21.6703 15.2334 20.2539Z",
+									"fill": "#FFD21E"
+								},
+								"children": []
+							}
+						]
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M34.1509 17V7.22003H36.3559V10.985H39.7309V7.22003H41.9509V17H39.7309V12.92H36.3559V17H34.1509Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M46.3133 17.18C45.5033 17.18 44.9133 16.915 44.5433 16.385C44.1833 15.845 44.0033 15.11 44.0033 14.18V9.56003H46.2083V13.895C46.2083 14.425 46.2833 14.795 46.4333 15.005C46.5833 15.205 46.8183 15.305 47.1383 15.305C47.4183 15.305 47.6533 15.24 47.8433 15.11C48.0333 14.98 48.2383 14.77 48.4583 14.48V9.56003H50.6633V17H48.8633L48.6983 15.965H48.6533C48.3433 16.335 48.0033 16.63 47.6333 16.85C47.2633 17.07 46.8233 17.18 46.3133 17.18Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M55.2587 20.165C54.6787 20.165 54.1537 20.1 53.6837 19.97C53.2137 19.84 52.8387 19.635 52.5587 19.355C52.2787 19.075 52.1387 18.715 52.1387 18.275C52.1387 17.675 52.4937 17.175 53.2037 16.775V16.715C53.0137 16.585 52.8487 16.42 52.7087 16.22C52.5787 16.02 52.5137 15.765 52.5137 15.455C52.5137 15.185 52.5937 14.925 52.7537 14.675C52.9137 14.425 53.1137 14.22 53.3537 14.06V14C53.0937 13.82 52.8587 13.56 52.6487 13.22C52.4487 12.88 52.3487 12.495 52.3487 12.065C52.3487 11.465 52.4937 10.97 52.7837 10.58C53.0737 10.18 53.4537 9.88003 53.9237 9.68003C54.3937 9.48003 54.8937 9.38003 55.4237 9.38003C55.8637 9.38003 56.2487 9.44003 56.5787 9.56003H59.2937V11.165H58.1087C58.1787 11.275 58.2337 11.415 58.2737 11.585C58.3237 11.755 58.3487 11.94 58.3487 12.14C58.3487 12.71 58.2187 13.18 57.9587 13.55C57.6987 13.92 57.3487 14.195 56.9087 14.375C56.4687 14.555 55.9737 14.645 55.4237 14.645C55.1337 14.645 54.8337 14.595 54.5237 14.495C54.3437 14.645 54.2537 14.83 54.2537 15.05C54.2537 15.24 54.3387 15.38 54.5087 15.47C54.6787 15.56 54.9687 15.605 55.3787 15.605H56.5787C57.4987 15.605 58.1987 15.755 58.6787 16.055C59.1687 16.345 59.4137 16.825 59.4137 17.495C59.4137 18.005 59.2437 18.46 58.9037 18.86C58.5637 19.27 58.0837 19.59 57.4637 19.82C56.8437 20.05 56.1087 20.165 55.2587 20.165ZM55.4237 13.31C55.7137 13.31 55.9537 13.205 56.1437 12.995C56.3437 12.785 56.4437 12.475 56.4437 12.065C56.4437 11.675 56.3437 11.38 56.1437 11.18C55.9537 10.97 55.7137 10.865 55.4237 10.865C55.1337 10.865 54.8887 10.965 54.6887 11.165C54.4987 11.365 54.4037 11.665 54.4037 12.065C54.4037 12.475 54.4987 12.785 54.6887 12.995C54.8887 13.205 55.1337 13.31 55.4237 13.31ZM55.6037 18.785C56.1037 18.785 56.5137 18.695 56.8337 18.515C57.1537 18.335 57.3137 18.12 57.3137 17.87C57.3137 17.64 57.2137 17.485 57.0137 17.405C56.8237 17.325 56.5437 17.285 56.1737 17.285H55.4087C55.1587 17.285 54.9487 17.275 54.7787 17.255C54.6187 17.245 54.4787 17.225 54.3587 17.195C54.0887 17.435 53.9537 17.68 53.9537 17.93C53.9537 18.21 54.1037 18.42 54.4037 18.56C54.7137 18.71 55.1137 18.785 55.6037 18.785Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M63.2714 20.165C62.6914 20.165 62.1664 20.1 61.6964 19.97C61.2264 19.84 60.8514 19.635 60.5714 19.355C60.2914 19.075 60.1514 18.715 60.1514 18.275C60.1514 17.675 60.5064 17.175 61.2164 16.775V16.715C61.0264 16.585 60.8614 16.42 60.7214 16.22C60.5914 16.02 60.5264 15.765 60.5264 15.455C60.5264 15.185 60.6064 14.925 60.7664 14.675C60.9264 14.425 61.1264 14.22 61.3664 14.06V14C61.1064 13.82 60.8714 13.56 60.6614 13.22C60.4614 12.88 60.3614 12.495 60.3614 12.065C60.3614 11.465 60.5064 10.97 60.7964 10.58C61.0864 10.18 61.4664 9.88003 61.9364 9.68003C62.4064 9.48003 62.9064 9.38003 63.4364 9.38003C63.8764 9.38003 64.2614 9.44003 64.5914 9.56003H67.3064V11.165H66.1214C66.1914 11.275 66.2464 11.415 66.2864 11.585C66.3364 11.755 66.3614 11.94 66.3614 12.14C66.3614 12.71 66.2314 13.18 65.9714 13.55C65.7114 13.92 65.3614 14.195 64.9214 14.375C64.4814 14.555 63.9864 14.645 63.4364 14.645C63.1464 14.645 62.8464 14.595 62.5364 14.495C62.3564 14.645 62.2664 14.83 62.2664 15.05C62.2664 15.24 62.3514 15.38 62.5214 15.47C62.6914 15.56 62.9814 15.605 63.3914 15.605H64.5914C65.5114 15.605 66.2114 15.755 66.6914 16.055C67.1814 16.345 67.4264 16.825 67.4264 17.495C67.4264 18.005 67.2564 18.46 66.9164 18.86C66.5764 19.27 66.0964 19.59 65.4764 19.82C64.8564 20.05 64.1214 20.165 63.2714 20.165ZM63.4364 13.31C63.7264 13.31 63.9664 13.205 64.1564 12.995C64.3564 12.785 64.4564 12.475 64.4564 12.065C64.4564 11.675 64.3564 11.38 64.1564 11.18C63.9664 10.97 63.7264 10.865 63.4364 10.865C63.1464 10.865 62.9014 10.965 62.7014 11.165C62.5114 11.365 62.4164 11.665 62.4164 12.065C62.4164 12.475 62.5114 12.785 62.7014 12.995C62.9014 13.205 63.1464 13.31 63.4364 13.31ZM63.6164 18.785C64.1164 18.785 64.5264 18.695 64.8464 18.515C65.1664 18.335 65.3264 18.12 65.3264 17.87C65.3264 17.64 65.2264 17.485 65.0264 17.405C64.8364 17.325 64.5564 17.285 64.1864 17.285H63.4214C63.1714 17.285 62.9614 17.275 62.7914 17.255C62.6314 17.245 62.4914 17.225 62.3714 17.195C62.1014 17.435 61.9664 17.68 61.9664 17.93C61.9664 18.21 62.1164 18.42 62.4164 18.56C62.7264 18.71 63.1264 18.785 63.6164 18.785Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M68.6291 17V9.56003H70.8341V17H68.6291ZM69.7241 8.46503C69.3541 8.46503 69.0541 8.36003 68.8241 8.15003C68.5941 7.94003 68.4791 7.66003 68.4791 7.31003C68.4791 6.96003 68.5941 6.68003 68.8241 6.47003C69.0541 6.26003 69.3541 6.15503 69.7241 6.15503C70.0941 6.15503 70.3941 6.26003 70.6241 6.47003C70.8541 6.68003 70.9691 6.96003 70.9691 7.31003C70.9691 7.66003 70.8541 7.94003 70.6241 8.15003C70.3941 8.36003 70.0941 8.46503 69.7241 8.46503Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M72.7746 17V9.56003H74.5746L74.7246 10.505H74.7846C75.1046 10.205 75.4546 9.94503 75.8346 9.72503C76.2246 9.49503 76.6696 9.38003 77.1696 9.38003C77.9796 9.38003 78.5646 9.65003 78.9246 10.19C79.2946 10.72 79.4796 11.45 79.4796 12.38V17H77.2746V12.665C77.2746 12.125 77.1996 11.755 77.0496 11.555C76.9096 11.355 76.6796 11.255 76.3596 11.255C76.0796 11.255 75.8396 11.32 75.6396 11.45C75.4396 11.57 75.2196 11.745 74.9796 11.975V17H72.7746Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M84.0136 20.165C83.4336 20.165 82.9086 20.1 82.4386 19.97C81.9686 19.84 81.5936 19.635 81.3136 19.355C81.0336 19.075 80.8936 18.715 80.8936 18.275C80.8936 17.675 81.2486 17.175 81.9586 16.775V16.715C81.7686 16.585 81.6036 16.42 81.4636 16.22C81.3336 16.02 81.2686 15.765 81.2686 15.455C81.2686 15.185 81.3486 14.925 81.5086 14.675C81.6686 14.425 81.8686 14.22 82.1086 14.06V14C81.8486 13.82 81.6136 13.56 81.4036 13.22C81.2036 12.88 81.1036 12.495 81.1036 12.065C81.1036 11.465 81.2486 10.97 81.5386 10.58C81.8286 10.18 82.2086 9.88003 82.6786 9.68003C83.1486 9.48003 83.6486 9.38003 84.1786 9.38003C84.6186 9.38003 85.0036 9.44003 85.3336 9.56003H88.0486V11.165H86.8636C86.9336 11.275 86.9886 11.415 87.0286 11.585C87.0786 11.755 87.1036 11.94 87.1036 12.14C87.1036 12.71 86.9736 13.18 86.7136 13.55C86.4536 13.92 86.1036 14.195 85.6636 14.375C85.2236 14.555 84.7286 14.645 84.1786 14.645C83.8886 14.645 83.5886 14.595 83.2786 14.495C83.0986 14.645 83.0086 14.83 83.0086 15.05C83.0086 15.24 83.0936 15.38 83.2636 15.47C83.4336 15.56 83.7236 15.605 84.1336 15.605H85.3336C86.2536 15.605 86.9536 15.755 87.4336 16.055C87.9236 16.345 88.1686 16.825 88.1686 17.495C88.1686 18.005 87.9986 18.46 87.6586 18.86C87.3186 19.27 86.8386 19.59 86.2186 19.82C85.5986 20.05 84.8636 20.165 84.0136 20.165ZM84.1786 13.31C84.4686 13.31 84.7086 13.205 84.8986 12.995C85.0986 12.785 85.1986 12.475 85.1986 12.065C85.1986 11.675 85.0986 11.38 84.8986 11.18C84.7086 10.97 84.4686 10.865 84.1786 10.865C83.8886 10.865 83.6436 10.965 83.4436 11.165C83.2536 11.365 83.1586 11.665 83.1586 12.065C83.1586 12.475 83.2536 12.785 83.4436 12.995C83.6436 13.205 83.8886 13.31 84.1786 13.31ZM84.3586 18.785C84.8586 18.785 85.2686 18.695 85.5886 18.515C85.9086 18.335 86.0686 18.12 86.0686 17.87C86.0686 17.64 85.9686 17.485 85.7686 17.405C85.5786 17.325 85.2986 17.285 84.9286 17.285H84.1636C83.9136 17.285 83.7036 17.275 83.5336 17.255C83.3736 17.245 83.2336 17.225 83.1136 17.195C82.8436 17.435 82.7086 17.68 82.7086 17.93C82.7086 18.21 82.8586 18.42 83.1586 18.56C83.4686 18.71 83.8686 18.785 84.3586 18.785Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M92.5542 17V7.22003H98.7192V9.08003H94.7592V11.345H98.1492V13.205H94.7592V17H92.5542Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M101.544 17.18C100.864 17.18 100.324 16.965 99.9241 16.535C99.5241 16.095 99.3241 15.56 99.3241 14.93C99.3241 14.15 99.6541 13.54 100.314 13.1C100.974 12.66 102.039 12.365 103.509 12.215C103.489 11.885 103.389 11.625 103.209 11.435C103.039 11.235 102.749 11.135 102.339 11.135C102.029 11.135 101.714 11.195 101.394 11.315C101.074 11.435 100.734 11.6 100.374 11.81L99.5791 10.355C100.049 10.065 100.549 9.83003 101.079 9.65003C101.619 9.47003 102.179 9.38003 102.759 9.38003C103.709 9.38003 104.439 9.65503 104.949 10.205C105.459 10.755 105.714 11.6 105.714 12.74V17H103.914L103.764 16.235H103.704C103.394 16.515 103.059 16.745 102.699 16.925C102.349 17.095 101.964 17.18 101.544 17.18ZM102.294 15.47C102.544 15.47 102.759 15.415 102.939 15.305C103.129 15.185 103.319 15.03 103.509 14.84V13.535C102.729 13.635 102.189 13.795 101.889 14.015C101.589 14.225 101.439 14.475 101.439 14.765C101.439 15.005 101.514 15.185 101.664 15.305C101.824 15.415 102.034 15.47 102.294 15.47Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M110.819 17.18C110.129 17.18 109.504 17.03 108.944 16.73C108.394 16.42 107.954 15.975 107.624 15.395C107.304 14.805 107.144 14.1 107.144 13.28C107.144 12.45 107.324 11.745 107.684 11.165C108.044 10.585 108.519 10.145 109.109 9.84503C109.699 9.53503 110.334 9.38003 111.014 9.38003C111.474 9.38003 111.879 9.45503 112.229 9.60503C112.589 9.75503 112.909 9.94503 113.189 10.175L112.154 11.6C111.804 11.31 111.469 11.165 111.149 11.165C110.619 11.165 110.194 11.355 109.874 11.735C109.564 12.115 109.409 12.63 109.409 13.28C109.409 13.92 109.564 14.435 109.874 14.825C110.194 15.205 110.594 15.395 111.074 15.395C111.314 15.395 111.549 15.345 111.779 15.245C112.009 15.135 112.219 15.005 112.409 14.855L113.279 16.295C112.909 16.615 112.509 16.845 112.079 16.985C111.649 17.115 111.229 17.18 110.819 17.18Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M117.486 17.18C116.776 17.18 116.136 17.025 115.566 16.715C114.996 16.405 114.546 15.96 114.216 15.38C113.886 14.8 113.721 14.1 113.721 13.28C113.721 12.47 113.886 11.775 114.216 11.195C114.556 10.615 114.996 10.17 115.536 9.86003C116.076 9.54003 116.641 9.38003 117.231 9.38003C117.941 9.38003 118.526 9.54003 118.986 9.86003C119.456 10.17 119.806 10.595 120.036 11.135C120.276 11.665 120.396 12.27 120.396 12.95C120.396 13.14 120.386 13.33 120.366 13.52C120.346 13.7 120.326 13.835 120.306 13.925H115.851C115.951 14.465 116.176 14.865 116.526 15.125C116.876 15.375 117.296 15.5 117.786 15.5C118.316 15.5 118.851 15.335 119.391 15.005L120.126 16.34C119.746 16.6 119.321 16.805 118.851 16.955C118.381 17.105 117.926 17.18 117.486 17.18ZM115.836 12.47H118.521C118.521 12.06 118.421 11.725 118.221 11.465C118.031 11.195 117.716 11.06 117.276 11.06C116.936 11.06 116.631 11.18 116.361 11.42C116.091 11.65 115.916 12 115.836 12.47Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M125.103 17V7.22003H127.308V10.985H130.683V7.22003H132.903V17H130.683V12.92H127.308V17H125.103Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M137.265 17.18C136.455 17.18 135.865 16.915 135.495 16.385C135.135 15.845 134.955 15.11 134.955 14.18V9.56003H137.16V13.895C137.16 14.425 137.235 14.795 137.385 15.005C137.535 15.205 137.77 15.305 138.09 15.305C138.37 15.305 138.605 15.24 138.795 15.11C138.985 14.98 139.19 14.77 139.41 14.48V9.56003H141.615V17H139.815L139.65 15.965H139.605C139.295 16.335 138.955 16.63 138.585 16.85C138.215 17.07 137.775 17.18 137.265 17.18Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M147.456 17.18C147.126 17.18 146.791 17.1 146.451 16.94C146.121 16.77 145.811 16.525 145.521 16.205H145.461L145.281 17H143.556V6.48503H145.761V9.06503L145.701 10.205C145.991 9.94503 146.306 9.74503 146.646 9.60503C146.986 9.45503 147.326 9.38003 147.666 9.38003C148.266 9.38003 148.786 9.53503 149.226 9.84503C149.666 10.155 150.001 10.595 150.231 11.165C150.471 11.725 150.591 12.385 150.591 13.145C150.591 13.995 150.441 14.725 150.141 15.335C149.841 15.935 149.451 16.395 148.971 16.715C148.501 17.025 147.996 17.18 147.456 17.18ZM146.946 15.38C147.326 15.38 147.651 15.205 147.921 14.855C148.191 14.505 148.326 13.95 148.326 13.19C148.326 11.85 147.896 11.18 147.036 11.18C146.596 11.18 146.171 11.405 145.761 11.855V14.9C145.961 15.08 146.161 15.205 146.361 15.275C146.561 15.345 146.756 15.38 146.946 15.38Z",
+							"fill": "#1D2939"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "defs",
+				"attributes": {},
+				"children": [
+					{
+						"type": "element",
+						"name": "clipPath",
+						"attributes": {
+							"id": "clip0_8587_60397"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "rect",
+								"attributes": {
+									"x": "0.998047",
+									"width": "150",
+									"height": "24",
+									"rx": "6",
+									"fill": "white"
+								},
+								"children": []
+							}
+						]
+					},
+					{
+						"type": "element",
+						"name": "clipPath",
+						"attributes": {
+							"id": "clip1_8587_60397"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "rect",
+								"attributes": {
+									"width": "23.998",
+									"height": "22.2298",
+									"fill": "white",
+									"transform": "translate(0.998047 0.885132)"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "HuggingfaceTextHub"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
new file mode 100644
index 0000000000..be5ed8637a
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/HuggingfaceTextHub.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSpark.json b/web/app/components/base/icons/src/public/llm/IflytekSpark.json
new file mode 100644
index 0000000000..03f50d7e39
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/IflytekSpark.json
@@ -0,0 +1,44 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M21.6547 16.7993C21.3111 18.0034 20.7384 19.0938 20.0054 20.048C18.9058 21.4111 15.1261 21.4111 12.8583 20.8204C10.4072 20.1616 8.6433 18.6395 8.50586 18.5259C9.46797 19.2756 10.6821 19.7072 12.0107 19.7072C15.1948 19.7072 17.7605 17.1174 17.7605 13.9368C17.7605 12.9826 17.5314 12.0966 17.119 11.3015C17.0961 11.2561 17.1419 11.2106 17.1649 11.2333C18.9745 11.5287 22.571 13.2098 21.6547 16.7993Z",
+					"fill": "#2751D0"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M21.9994 12.7773C21.9994 12.8454 21.9306 12.8682 21.8848 12.8C21.0372 11.0053 19.5483 10.46 17.7615 10.0511C16.4099 9.75577 15.5166 9.3014 15.1271 9.09694C15.0355 9.0515 14.9668 8.98335 14.8751 8.93791C12.0575 7.23404 12.0117 4.30339 12.0117 4.30339V0.0550813C12.0117 0.00964486 12.0804 -0.0130733 12.1034 0.0096449L18.7694 6.50706L19.2734 6.98414C20.7394 8.52898 21.7474 10.5509 21.9994 12.7773Z",
+					"fill": "#D82F20"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M20.0052 20.0462C18.1726 22.4316 15.2863 23.9992 12.0334 23.9992C6.48985 23.9992 2 19.501 2 13.9577C2 11.2543 3.05374 8.8234 4.7947 7.00594L5.29866 6.50614L9.65107 2.25783C9.69688 2.2124 9.7656 2.25783 9.7427 2.30327C9.67397 2.59861 9.55944 3.28015 9.62816 4.18888C9.71979 5.25664 10.0634 6.68789 11.0713 8.27817C11.6898 9.27777 12.5832 10.3228 13.8202 11.4133C13.9577 11.5496 14.118 11.6632 14.2784 11.7995C14.8281 12.3674 15.1488 13.1171 15.1488 13.9577C15.1488 15.6616 13.7515 17.0474 12.0563 17.0474C11.3233 17.0474 10.659 16.7975 10.1321 16.3659C10.0863 16.3204 10.1321 16.2523 10.1779 16.275C10.2925 16.2977 10.407 16.3204 10.5215 16.3204C11.1171 16.3204 11.6211 15.8433 11.6211 15.2299C11.6211 14.8665 11.4378 14.5257 11.163 14.3439C10.4299 13.7533 9.81142 13.1853 9.28455 12.6173C8.55151 11.8222 8.00174 11.0498 7.61231 10.3001C6.81055 11.2997 6.30659 12.5492 6.30659 13.935C6.30659 15.7979 7.17707 17.4563 8.55152 18.5014C8.68896 18.615 10.4528 20.1371 12.9039 20.7959C15.1259 21.432 18.9057 21.4093 20.0052 20.0462Z",
+					"fill": "#69C5F4"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "IflytekSpark"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
new file mode 100644
index 0000000000..8a1e6ec3bb
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/IflytekSpark.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkText.json b/web/app/components/base/icons/src/public/llm/IflytekSparkText.json
new file mode 100644
index 0000000000..bd51f88aeb
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkText.json
@@ -0,0 +1,187 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "150",
+			"height": "24",
+			"viewBox": "0 0 150 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"clip-path": "url(#clip0_8587_60507)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M19.6552 16.7993C19.3116 18.0034 18.7389 19.0938 18.0059 20.048C16.9063 21.4111 13.1266 21.4111 10.8588 20.8204C8.40766 20.1616 6.64379 18.6395 6.50635 18.5259C7.46846 19.2756 8.68255 19.7072 10.0112 19.7072C13.1953 19.7072 15.7609 17.1174 15.7609 13.9368C15.7609 12.9826 15.5319 12.0966 15.1195 11.3015C15.0966 11.2561 15.1424 11.2106 15.1653 11.2333C16.975 11.5287 20.5715 13.2098 19.6552 16.7993Z",
+							"fill": "#2751D0"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M19.9994 12.7773C19.9994 12.8454 19.9306 12.8682 19.8848 12.8C19.0372 11.0053 17.5483 10.46 15.7615 10.0511C14.4099 9.75577 13.5166 9.3014 13.1271 9.09694C13.0355 9.0515 12.9668 8.98335 12.8751 8.93791C10.0575 7.23404 10.0117 4.30339 10.0117 4.30339V0.0550813C10.0117 0.00964486 10.0804 -0.0130733 10.1034 0.0096449L16.7694 6.50706L17.2734 6.98414C18.7394 8.52898 19.7474 10.5509 19.9994 12.7773Z",
+							"fill": "#D82F20"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M18.0052 20.0462C16.1726 22.4316 13.2863 23.9992 10.0334 23.9992C4.48985 23.9992 0 19.501 0 13.9577C0 11.2543 1.05374 8.8234 2.7947 7.00594L3.29866 6.50614L7.65107 2.25783C7.69688 2.2124 7.7656 2.25783 7.7427 2.30327C7.67397 2.59861 7.55944 3.28015 7.62816 4.18888C7.71979 5.25664 8.06341 6.68789 9.07133 8.27817C9.68983 9.27777 10.5832 10.3228 11.8202 11.4133C11.9577 11.5496 12.118 11.6632 12.2784 11.7995C12.8281 12.3674 13.1488 13.1171 13.1488 13.9577C13.1488 15.6616 11.7515 17.0474 10.0563 17.0474C9.32331 17.0474 8.659 16.7975 8.13213 16.3659C8.08631 16.3204 8.13212 16.2523 8.17794 16.275C8.29247 16.2977 8.40701 16.3204 8.52155 16.3204C9.11714 16.3204 9.62111 15.8433 9.62111 15.2299C9.62111 14.8665 9.43785 14.5257 9.16296 14.3439C8.42992 13.7533 7.81142 13.1853 7.28455 12.6173C6.55151 11.8222 6.00174 11.0498 5.61231 10.3001C4.81055 11.2997 4.30659 12.5492 4.30659 13.935C4.30659 15.7979 5.17707 17.4563 6.55152 18.5014C6.68896 18.615 8.45283 20.1371 10.9039 20.7959C13.1259 21.432 16.9057 21.4093 18.0052 20.0462Z",
+							"fill": "#69C5F4"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M27 10.0997V16.3997H29.008V10.0997H27ZM27 7.89966V9.29966H29.008V7.89966H27Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M39.1482 9.09927V7.49927H31.0156V16.2993H33.2245V12.8993H38.8469V11.2993H33.2245V9.09927H39.1482Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M43.367 14.6993V7.49927H41.1582V16.2993H48.2867V14.6993H43.367Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M55.2168 7.60083L52.6064 11.3008L49.9959 7.60083H47.2852L51.502 13.1008V16.4008H53.7108V13.1008L57.9277 7.60083H55.2168Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M58.9316 7.60083V9.20083H62.2449V16.4008H64.4537V9.20083H67.6666V7.60083H58.9316Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M71.8827 14.7993V12.6993H77.7059V11.0993H71.8827V9.09927H77.9067V7.49927H69.6738V16.2993H78.1075V14.6993H71.8827V14.7993Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M85.1353 11.3008L89.4526 7.60083H86.6413L82.3241 11.4008V7.60083H80.1152V16.4008H82.3241V13.8008L83.6293 12.7008L87.0429 16.5008H89.9546L85.1353 11.3008Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M103.167 11.4C102.866 11.3 102.564 11.2001 101.962 11.1001C101.36 11.0001 99.7532 10.8001 99.1508 10.6001C98.7492 10.5001 98.448 10.3 98.448 9.80005C98.448 8.90005 99.6528 8.80005 99.6528 8.80005C99.954 8.80005 100.255 8.80005 100.356 8.80005C101.159 8.80005 102.163 8.90005 102.665 9.60005C102.765 9.70005 102.765 9.70005 102.866 9.90005L104.974 9.40005C104.773 9.10005 104.673 8.90005 104.372 8.60005C103.97 8.20005 103.468 8.00005 103.267 7.90005C102.665 7.60005 101.862 7.30005 100.356 7.30005C98.7492 7.30005 97.8456 7.70005 97.3436 8.10005C97.0423 8.30005 96.2392 8.90005 96.2392 10.1001C96.2392 11.4001 97.2431 12.0001 97.6447 12.2001C98.3476 12.5001 99.2512 12.7 100.858 12.9C101.661 13 102.263 13.1 102.464 13.3C102.665 13.4 102.765 13.6 102.765 13.9C102.765 14.3 102.464 14.6001 102.364 14.7001C101.761 15.1001 100.657 15.1001 100.556 15.1001C99.452 15.1001 98.1468 14.8001 97.6447 13.7001L95.6367 14.2001C95.7371 14.3001 95.7371 14.4001 95.8375 14.6001C95.9379 14.8001 96.2392 15.3001 96.7412 15.6001C97.0424 15.8001 97.2432 15.9001 97.3436 16.0001C97.946 16.3001 98.8496 16.7001 100.456 16.7001C100.757 16.7001 101.058 16.7001 101.36 16.7001C101.862 16.7001 102.364 16.6 102.765 16.4C104.572 15.8 104.874 14.6 104.874 13.8C104.974 12.1 103.669 11.6 103.167 11.4Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M115.318 8.80083C114.816 8.00083 114.012 7.70083 113.109 7.60083C112.908 7.60083 112.607 7.60083 112.406 7.60083H106.984V16.4008H109.193V13.1008H112.306C113.109 13.1008 114.012 13.1008 114.615 12.7008C114.916 12.5008 115.117 12.3008 115.217 12.2008C115.418 12.0008 115.518 11.8008 115.518 11.7008C115.719 11.2008 115.719 10.6008 115.719 10.4008C115.719 9.50083 115.518 9.00083 115.318 8.80083ZM112.908 11.4008C112.607 11.5008 112.205 11.5008 111.804 11.5008H109.093V9.10083H112.205C112.506 9.10083 112.607 9.10083 112.707 9.20083C113.41 9.40083 113.41 10.2008 113.41 10.4008C113.51 10.5008 113.51 11.1008 112.908 11.4008Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M122.345 7.60083H119.936L115.719 16.4008H118.128L118.831 14.7008H123.349L124.052 16.4008H126.562L122.345 7.60083ZM119.634 13.1008L121.241 9.70083L122.747 13.1008H119.634Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M134.594 12.6993C135.498 12.4993 136.301 12.2993 136.703 11.3993C136.904 10.8993 136.904 10.4993 136.904 10.1993C136.904 8.99926 136.301 8.09926 135.097 7.69926C134.695 7.59926 134.394 7.49927 133.59 7.49927H127.566V16.2993H129.775V12.7993H132.285L134.594 16.2993H137.205L134.594 12.6993ZM133.892 11.1993C133.691 11.1993 133.39 11.1993 133.39 11.1993H129.876V9.09927H133.39C133.791 9.09927 134.293 9.09927 134.594 9.49927C134.795 9.69927 134.795 10.0993 134.795 10.1993C134.695 10.8993 134.193 11.1993 133.892 11.1993Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"d": "M144.335 11.3008L148.653 7.60083H145.841L141.524 11.4008V7.60083H139.215V16.4008H141.424V13.8008L142.729 12.7008L146.143 16.5008H149.054L144.335 11.3008Z",
+							"fill": "#2B2B2D"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "defs",
+				"attributes": {},
+				"children": [
+					{
+						"type": "element",
+						"name": "clipPath",
+						"attributes": {
+							"id": "clip0_8587_60507"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "rect",
+								"attributes": {
+									"width": "150",
+									"height": "24",
+									"fill": "white"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "IflytekSparkText"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
new file mode 100644
index 0000000000..60fb50b5b7
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkText.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.json b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.json
new file mode 100644
index 0000000000..4c874ad6ec
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.json
@@ -0,0 +1,98 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "84",
+			"height": "24",
+			"viewBox": "0 0 84 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M34.8763 7.49212H33.1466V11.557H34.4438V13.0273H33.1466V18.7137H31.1574V13.0489H29.752V11.5786H31.179V7.49212H29.8384V6.02185H36.952C37.2547 6.02185 37.4925 6.25969 37.4925 6.56239V17.33H38.4438L37.7736 18.7354L35.4817 18.757L35.4601 8.11915C35.4817 7.7732 35.2222 7.49212 34.8763 7.49212Z",
+					"fill": "#2B2B2D"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M26.1832 11.8599H25.3184V10.3896H27.6102C27.9129 10.3896 28.1508 10.6275 28.1508 10.9302L28.1724 17.3086H29.2319L28.5832 18.7356H26.7238C26.4211 18.7356 26.1832 18.4978 26.1832 18.1951V11.8599Z",
+					"fill": "#2B2B2D"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M28.1724 6.02185H25.3184V7.55699H28.1724V6.02185Z",
+					"fill": "#2B2B2D"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M50.1495 6.02162L45.5873 10.0865H48.6792L52.8306 6.02162H50.1495ZM49.09 11.773H46.1279L49.5873 15.5135H52.5495L49.09 11.773ZM43.4468 17.3514C43.2522 17.3514 43.1225 17.1784 43.1657 16.9838L45.89 6.69189C45.9765 6.34595 45.7171 6 45.3711 6H40.1387V7.44865H43.036C43.3171 7.44865 43.5333 7.72973 43.4468 7.98919L40.7873 18.0216C40.7008 18.3676 40.9603 18.7135 41.3062 18.7135H51.7927L52.5927 17.3297H43.4468V17.3514Z",
+					"fill": "#2B2B2D"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M62.2792 16.465H67.1224V15.3406H62.2792V14.2379H67.1224V13.1569H62.2792V12.2271H67.1224V10.4974V6.56227C67.1224 6.25957 66.8845 6.02173 66.5818 6.02173H55.5332V11.665C55.5332 11.9677 55.771 12.2055 56.0737 12.2055H57.0035L55.5332 14.2379H60.1602V15.3406H55.5548V16.465L60.1602 16.4433V17.3515H55.5548V18.7352H67.1008V17.3515H62.2575V16.465H62.2792ZM57.6305 9.78389H63.7927L64.3981 8.61632H57.6305V7.31903H65.0035V10.8866H57.6305V9.78389ZM60.1602 13.1352H58.3224L59.0359 12.2055H60.1602V13.1352Z",
+					"fill": "#2B2B2D"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M71.549 6.02173H69.4733L71.0085 12.2271H73.0842L71.549 6.02173ZM79.6788 6.02173L78.1436 12.2488H80.2409L81.776 6.02173H79.6788ZM76.6517 12.3136V6.02173H74.5112V12.3136L69.3652 18.7569H71.9814L75.6355 14.2379L79.3112 18.7785L81.949 18.7569L76.6517 12.3136Z",
+					"fill": "#2B2B2D"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M20.8854 16.4979C20.5611 17.6438 20.0206 18.6817 19.3287 19.5898C18.2908 20.8871 14.7233 20.8871 12.5827 20.3249C10.2692 19.6979 8.60434 18.2492 8.47461 18.1411C9.38272 18.8546 10.5287 19.2654 11.7827 19.2654C14.7881 19.2654 17.2097 16.8006 17.2097 13.7735C17.2097 12.8654 16.9935 12.0222 16.6043 11.2654C16.5827 11.2222 16.626 11.179 16.6476 11.2006C18.3557 11.4817 21.7503 13.0817 20.8854 16.4979Z",
+					"fill": "#2751D0"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M21.2102 12.6705C21.2102 12.7353 21.1454 12.7569 21.1021 12.6921C20.3021 10.984 18.8967 10.465 17.2102 10.0759C15.9346 9.79478 15.0913 9.36235 14.7238 9.16775C14.6373 9.12451 14.5724 9.05964 14.4859 9.0164C11.8264 7.39478 11.7832 4.60559 11.7832 4.60559V0.562346C11.7832 0.519102 11.8481 0.497481 11.8697 0.519102L18.1616 6.70289L18.6373 7.15694C20.021 8.62721 20.9724 10.5515 21.2102 12.6705Z",
+					"fill": "#D82F20"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M19.3286 19.5894C17.5989 21.8596 14.8745 23.3515 11.8043 23.3515C6.57182 23.3515 2.33398 19.0704 2.33398 13.7948C2.33398 11.2218 3.32858 8.90828 4.97182 7.17855L5.4475 6.70288L9.5556 2.65964C9.59885 2.61639 9.66371 2.65964 9.64209 2.70288C9.57723 2.98396 9.46912 3.63261 9.53398 4.49747C9.62047 5.51369 9.9448 6.87585 10.8961 8.38937C11.4799 9.34072 12.3232 10.3353 13.4907 11.3731C13.6205 11.5029 13.7718 11.611 13.9232 11.7407C14.4421 12.2813 14.7448 12.9948 14.7448 13.7948C14.7448 15.4164 13.4259 16.7353 11.8259 16.7353C11.134 16.7353 10.507 16.4975 10.0097 16.0867C9.96642 16.0434 10.0097 15.9786 10.0529 16.0002C10.161 16.0218 10.2691 16.0434 10.3772 16.0434C10.9394 16.0434 11.4151 15.5894 11.4151 15.0056C11.4151 14.6596 11.2421 14.3353 10.9826 14.1623C10.2907 13.6002 9.70695 13.0596 9.20966 12.5191C8.51777 11.7623 7.99885 11.0272 7.63128 10.3137C6.87453 11.265 6.39885 12.4542 6.39885 13.7731C6.39885 15.5461 7.22047 17.1245 8.51777 18.1191C8.6475 18.2272 10.3124 19.6759 12.6259 20.3029C14.7232 20.9083 18.2907 20.8867 19.3286 19.5894Z",
+					"fill": "#69C5F4"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "IflytekSparkTextCn"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
new file mode 100644
index 0000000000..20a1ee7e14
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/IflytekSparkTextCn.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Microsoft.json b/web/app/components/base/icons/src/public/llm/Microsoft.json
new file mode 100644
index 0000000000..fa34525c75
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Microsoft.json
@@ -0,0 +1,76 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "21",
+			"height": "22",
+			"viewBox": "0 0 21 22",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "Microsfot"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "rect",
+						"attributes": {
+							"id": "Rectangle 1010",
+							"y": "0.5",
+							"width": "10",
+							"height": "10",
+							"fill": "#EF4F21"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "rect",
+						"attributes": {
+							"id": "Rectangle 1012",
+							"y": "11.5",
+							"width": "10",
+							"height": "10",
+							"fill": "#03A4EE"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "rect",
+						"attributes": {
+							"id": "Rectangle 1011",
+							"x": "11",
+							"y": "0.5",
+							"width": "10",
+							"height": "10",
+							"fill": "#7EB903"
+						},
+						"children": []
+					},
+					{
+						"type": "element",
+						"name": "rect",
+						"attributes": {
+							"id": "Rectangle 1013",
+							"x": "11",
+							"y": "11.5",
+							"width": "10",
+							"height": "10",
+							"fill": "#FBB604"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "Microsoft"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/Microsoft.tsx b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
new file mode 100644
index 0000000000..670711af0a
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Microsoft.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlack.json b/web/app/components/base/icons/src/public/llm/OpenaiBlack.json
new file mode 100644
index 0000000000..ad722849e7
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlack.json
@@ -0,0 +1,37 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"width": "24",
+					"height": "24",
+					"rx": "6",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+					"fill": "white"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "OpenaiBlack"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
new file mode 100644
index 0000000000..28359ed51f
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlack.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlue.json b/web/app/components/base/icons/src/public/llm/OpenaiBlue.json
new file mode 100644
index 0000000000..60b3fc6cf8
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlue.json
@@ -0,0 +1,37 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"width": "24",
+					"height": "24",
+					"rx": "6",
+					"fill": "#03A4EE"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+					"fill": "white"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "OpenaiBlue"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
new file mode 100644
index 0000000000..83546a8f6c
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiBlue.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiGreen.json b/web/app/components/base/icons/src/public/llm/OpenaiGreen.json
new file mode 100644
index 0000000000..9ca36b6aa4
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiGreen.json
@@ -0,0 +1,37 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"width": "24",
+					"height": "24",
+					"rx": "6",
+					"fill": "#19C37D"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+					"fill": "white"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "OpenaiGreen"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
new file mode 100644
index 0000000000..81bb1f78a7
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiGreen.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiText.json b/web/app/components/base/icons/src/public/llm/OpenaiText.json
new file mode 100644
index 0000000000..469aacf9d3
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiText.json
@@ -0,0 +1,77 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "52",
+			"height": "20",
+			"viewBox": "0 0 52 20",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M0.00390625 8.70054C0.00390625 12.058 2.16008 14.399 5.14793 14.399C8.13577 14.399 10.2919 12.058 10.2919 8.70054C10.2919 5.34307 8.13577 3.00208 5.14793 3.00208C2.16008 3.00208 0.00390625 5.34307 0.00390625 8.70054ZM8.32058 8.70054C8.32058 11.1031 7.01148 12.6587 5.14793 12.6587C3.28437 12.6587 1.97527 11.1031 1.97527 8.70054C1.97527 6.29794 3.28437 4.74242 5.14793 4.74242C7.01148 4.74242 8.32058 6.29794 8.32058 8.70054Z",
+					"fill": "black",
+					"fill-opacity": "0.92"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M15.8456 14.3975C18.1096 14.3975 19.4033 12.4877 19.4033 10.1929C19.4033 7.89816 18.1096 5.9884 15.8456 5.9884C14.7983 5.9884 14.0283 6.40424 13.52 7.00489V6.14242H11.6719V17.0003H13.52V13.381C14.0283 13.9817 14.7983 14.3975 15.8456 14.3975ZM13.4738 9.96193C13.4738 8.4372 14.3363 7.60554 15.476 7.60554C16.8159 7.60554 17.5398 8.65282 17.5398 10.1929C17.5398 11.7331 16.8159 12.7804 15.476 12.7804C14.3363 12.7804 13.4738 11.9333 13.4738 10.4394V9.96193Z",
+					"fill": "black",
+					"fill-opacity": "0.92"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M24.4039 14.3975C26.021 14.3975 27.2993 13.5504 27.8692 12.1335L26.2828 11.5329C26.0364 12.3645 25.3126 12.8266 24.4039 12.8266C23.218 12.8266 22.3863 11.9795 22.2477 10.5934H27.9154V9.97733C27.9154 7.75955 26.6679 5.9884 24.3269 5.9884C21.9859 5.9884 20.4766 7.82115 20.4766 10.1929C20.4766 12.6879 22.0937 14.3975 24.4039 14.3975ZM24.3115 7.54393C25.482 7.54393 26.0364 8.31399 26.0518 9.20727H22.3401C22.6173 8.11378 23.3566 7.54393 24.3115 7.54393Z",
+					"fill": "black",
+					"fill-opacity": "0.92"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M29.3008 14.2281H31.1489V9.48449C31.1489 8.32939 31.996 7.71334 32.8277 7.71334C33.8442 7.71334 34.2446 8.4372 34.2446 9.43828V14.2281H36.0927V8.89924C36.0927 7.1589 35.0763 5.9884 33.3821 5.9884C32.3348 5.9884 31.611 6.46584 31.1489 7.00489V6.14242H29.3008V14.2281Z",
+					"fill": "black",
+					"fill-opacity": "0.92"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M41.5095 3.172L37.3203 14.2301H39.2763L40.2157 11.7043H44.9901L45.945 14.2301H47.9318L43.7426 3.172H41.5095ZM42.5875 5.35898L44.3433 9.97935H40.8626L42.5875 5.35898Z",
+					"fill": "black",
+					"fill-opacity": "0.92"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M51.1042 3.20325H49.1328V14.2613H51.1042V3.20325Z",
+					"fill": "black",
+					"fill-opacity": "0.92"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "OpenaiText"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiText.tsx b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
new file mode 100644
index 0000000000..0b22a05be5
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiText.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.json b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.json
new file mode 100644
index 0000000000..00a410dce0
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.json
@@ -0,0 +1,26 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M21.276 10.0045C21.7751 8.50639 21.6033 6.86529 20.8051 5.50264C19.6048 3.41259 17.1917 2.33732 14.835 2.84333C13.7866 1.66218 12.2803 0.990477 10.7011 1.0001C8.29218 0.994602 6.15478 2.54563 5.41367 4.83781C3.86614 5.15475 2.53036 6.12346 1.74869 7.49643C0.539398 9.58097 0.81508 12.2087 2.43067 13.9962C1.93156 15.4943 2.10343 17.1354 2.9016 18.498C4.10195 20.5881 6.51502 21.6634 8.87173 21.1573C9.91945 22.3385 11.4264 23.0102 13.0056 22.9999C15.4159 23.0061 17.554 21.4537 18.2951 19.1594C19.8426 18.8425 21.1784 17.8738 21.9601 16.5008C23.168 14.4163 22.8916 11.7906 21.2767 10.0031L21.276 10.0045ZM13.007 21.5623C12.0424 21.5637 11.1081 21.2261 10.3677 20.608C10.4014 20.5901 10.4598 20.5578 10.4976 20.5345L14.8783 18.0044C15.1024 17.8772 15.2399 17.6386 15.2385 17.3808V11.2049L17.0899 12.274C17.1099 12.2836 17.1229 12.3028 17.1257 12.3248V17.4393C17.1229 19.7136 15.2812 21.5575 13.007 21.5623ZM4.14939 17.7789C3.66608 16.9443 3.49215 15.9659 3.65783 15.0165C3.69015 15.0357 3.74721 15.0708 3.78777 15.0942L8.16843 17.6242C8.39049 17.7541 8.66548 17.7541 8.88823 17.6242L14.2362 14.5359V16.6741C14.2376 16.6961 14.2272 16.7174 14.2101 16.7311L9.78196 19.288C7.80956 20.4238 5.29061 19.7486 4.15007 17.7789H4.14939ZM2.99647 8.21626C3.47771 7.38024 4.23738 6.74085 5.14212 6.40878C5.14212 6.44659 5.14005 6.51328 5.14005 6.56003V11.6208C5.13868 11.878 5.27618 12.1165 5.49961 12.2437L10.8476 15.3313L8.99616 16.4004C8.9776 16.4128 8.95422 16.4149 8.9336 16.4059L4.50482 13.847C2.53654 12.7071 1.86143 10.1887 2.99578 8.21694L2.99647 8.21626ZM18.2078 11.7563L12.8598 8.66795L14.7112 7.59956C14.7298 7.58718 14.7532 7.58512 14.7738 7.59406L19.2026 10.1509C21.1743 11.2901 21.8501 13.8126 20.7109 15.7844C20.229 16.6191 19.47 17.2584 18.566 17.5912V12.3792C18.568 12.122 18.4312 11.8841 18.2085 11.7563H18.2078ZM20.0502 8.98284C20.0179 8.9629 19.9609 8.92852 19.9203 8.90515L15.5397 6.37509C15.3176 6.24515 15.0426 6.24515 14.8199 6.37509L9.4719 9.46341V7.32524C9.47053 7.30324 9.48084 7.28192 9.49803 7.26817L13.9261 4.71337C15.8985 3.57553 18.4202 4.25273 19.5573 6.2259C20.0379 7.05917 20.2118 8.03475 20.0489 8.98284H20.0502ZM8.46542 12.7937L6.61334 11.7246C6.5934 11.715 6.58034 11.6958 6.57759 11.6738V6.55935C6.57896 4.2823 8.42624 2.43701 10.7032 2.43838C11.6664 2.43838 12.5986 2.77664 13.339 3.39265C13.3053 3.41053 13.2476 3.44284 13.2091 3.46622L8.82841 5.99627C8.60429 6.12346 8.4668 6.36134 8.46817 6.61916L8.46542 12.7924V12.7937ZM9.47121 10.6253L11.8534 9.24959L14.2355 10.6246V13.3754L11.8534 14.7504L9.47121 13.3754V10.6253Z",
+					"fill": "black"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "OpenaiTransparent"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
new file mode 100644
index 0000000000..70398432c0
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiTransparent.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiViolet.json b/web/app/components/base/icons/src/public/llm/OpenaiViolet.json
new file mode 100644
index 0000000000..927699bec2
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiViolet.json
@@ -0,0 +1,37 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"width": "24",
+					"height": "24",
+					"rx": "6",
+					"fill": "#AB68FF"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M19.7758 11.5959C19.9546 11.9948 20.0681 12.4213 20.1145 12.8563C20.1592 13.2913 20.1369 13.7315 20.044 14.1596C19.9529 14.5878 19.7947 14.9987 19.5746 15.377C19.4302 15.6298 19.2599 15.867 19.0639 16.0854C18.8696 16.3021 18.653 16.4981 18.4174 16.67C18.1801 16.842 17.9274 16.9864 17.6591 17.105C17.3926 17.222 17.1141 17.3114 16.8286 17.3698C16.6945 17.7859 16.4951 18.1797 16.2371 18.5339C15.9809 18.8881 15.6697 19.1993 15.3155 19.4555C14.9613 19.7134 14.5693 19.9129 14.1532 20.047C13.7371 20.1829 13.302 20.2499 12.8636 20.2499C12.573 20.2516 12.2807 20.2207 11.9953 20.1622C11.7116 20.102 11.433 20.0109 11.1665 19.8923C10.9 19.7736 10.6472 19.6258 10.4116 19.4538C10.1778 19.2819 9.96115 19.0841 9.76857 18.8658C9.33871 18.9586 8.89853 18.981 8.46351 18.9363C8.02849 18.8898 7.60207 18.7763 7.20143 18.5975C6.80252 18.4204 6.43284 18.1797 6.10786 17.8857C5.78289 17.5916 5.50606 17.2478 5.28769 16.8695C5.14153 16.6167 5.02117 16.3502 4.93004 16.0734C4.83891 15.7965 4.77873 15.5111 4.74778 15.2205C4.71683 14.9317 4.71855 14.6393 4.7495 14.3488C4.78045 14.0599 4.84407 13.7745 4.9352 13.4976C4.64289 13.1727 4.40217 12.803 4.22335 12.4041C4.04624 12.0034 3.93104 11.5787 3.88634 11.1437C3.83991 10.7087 3.86398 10.2685 3.95511 9.84036C4.04624 9.41222 4.20443 9.00127 4.42452 8.62299C4.56896 8.37023 4.73918 8.13123 4.93348 7.91458C5.12778 7.69793 5.34615 7.50191 5.58171 7.32997C5.81728 7.15802 6.07176 7.01187 6.33827 6.89495C6.6065 6.7763 6.88506 6.68861 7.17048 6.63015C7.3046 6.21232 7.50406 5.82029 7.76026 5.46608C8.01817 5.11188 8.32939 4.80066 8.6836 4.54274C9.03781 4.28654 9.42984 4.08708 9.84595 3.95125C10.2621 3.81713 10.6971 3.74835 11.1355 3.75007C11.4261 3.74835 11.7184 3.77758 12.0039 3.83776C12.2893 3.89794 12.5678 3.98736 12.8344 4.106C13.1009 4.22636 13.3536 4.37251 13.5892 4.54446C13.8248 4.71812 14.0414 4.91414 14.234 5.13251C14.6621 5.04138 15.1023 5.01903 15.5373 5.06373C15.9723 5.10844 16.3971 5.22364 16.7977 5.40074C17.1966 5.57957 17.5663 5.81857 17.8913 6.1126C18.2162 6.4049 18.4931 6.74707 18.7114 7.12707C18.8576 7.37811 18.9779 7.64463 19.0691 7.92318C19.1602 8.20001 19.2221 8.48544 19.2513 8.77602C19.2823 9.06661 19.2823 9.35892 19.2496 9.64951C19.2187 9.94009 19.155 10.2255 19.0639 10.5024C19.3579 10.8273 19.5969 11.1953 19.7758 11.5959ZM14.0466 18.9363C14.4214 18.7815 14.7619 18.5528 15.049 18.2657C15.3362 17.9785 15.5648 17.6381 15.7196 17.2615C15.8743 16.8867 15.9552 16.4843 15.9552 16.0785V12.2442C15.954 12.2407 15.9529 12.2367 15.9517 12.2321C15.9506 12.2287 15.9488 12.2252 15.9466 12.2218C15.9443 12.2184 15.9414 12.2155 15.938 12.2132C15.9345 12.2098 15.9311 12.2075 15.9276 12.2063L14.54 11.4051V16.0373C14.54 16.0837 14.5332 16.1318 14.5211 16.1765C14.5091 16.223 14.4919 16.2659 14.4678 16.3072C14.4438 16.3485 14.4162 16.3863 14.3819 16.419C14.3484 16.4523 14.3109 16.4812 14.2701 16.505L10.9842 18.4015C10.9567 18.4187 10.9103 18.4428 10.8862 18.4565C11.0221 18.5717 11.1699 18.6732 11.3247 18.7626C11.4811 18.852 11.6428 18.9277 11.8113 18.9896C11.9798 19.0497 12.1535 19.0962 12.3288 19.1271C12.5059 19.1581 12.6848 19.1735 12.8636 19.1735C13.2694 19.1735 13.6717 19.0927 14.0466 18.9363ZM6.22135 16.333C6.42596 16.6855 6.69592 16.9916 7.01745 17.2392C7.34071 17.4868 7.70695 17.6673 8.09899 17.7722C8.49102 17.8771 8.90025 17.9046 9.3026 17.8513C9.70495 17.798 10.0918 17.6673 10.4443 17.4644L13.7663 15.5472L13.7749 15.5386C13.7772 15.5363 13.7789 15.5329 13.78 15.5283C13.7823 15.5249 13.7841 15.5214 13.7852 15.518V13.9017L9.77545 16.2212C9.73418 16.2453 9.6912 16.2625 9.64649 16.2763C9.60007 16.2883 9.55364 16.2935 9.5055 16.2935C9.45907 16.2935 9.41265 16.2883 9.36622 16.2763C9.32152 16.2625 9.27681 16.2453 9.23554 16.2212L5.94967 14.323C5.92044 14.3058 5.87746 14.28 5.85339 14.2645C5.82244 14.4416 5.80696 14.6204 5.80696 14.7993C5.80696 14.9781 5.82415 15.1569 5.85511 15.334C5.88605 15.5094 5.9342 15.6831 5.99438 15.8516C6.05628 16.0201 6.13194 16.1817 6.22135 16.3364V16.333ZM5.35818 9.1629C5.15529 9.51539 5.02461 9.90398 4.97131 10.3063C4.918 10.7087 4.94552 11.1162 5.0504 11.51C5.15529 11.902 5.33583 12.2682 5.58343 12.5915C5.83103 12.913 6.13881 13.183 6.48958 13.3859L9.80984 15.3048C9.81328 15.3059 9.81729 15.3071 9.82188 15.3082H9.83391C9.8385 15.3082 9.84251 15.3071 9.84595 15.3048C9.84939 15.3036 9.85283 15.3019 9.85627 15.2996L11.249 14.4949L7.23926 12.1805C7.19971 12.1565 7.16189 12.1272 7.1275 12.0946C7.09418 12.0611 7.06529 12.0236 7.04153 11.9828C7.01917 11.9415 7.00026 11.8985 6.98822 11.8521C6.97619 11.8074 6.96931 11.761 6.97103 11.7128V7.80797C6.80252 7.86987 6.63917 7.94553 6.48442 8.03494C6.32967 8.12607 6.18352 8.22924 6.04596 8.34444C5.91013 8.45965 5.78289 8.58688 5.66769 8.72444C5.55248 8.86028 5.45103 9.00815 5.36162 9.1629H5.35818ZM16.7633 11.8177C16.8046 11.8418 16.8424 11.8693 16.8768 11.9037C16.9094 11.9364 16.9387 11.9742 16.9628 12.0155C16.9851 12.0567 17.004 12.1014 17.0161 12.1461C17.0264 12.1926 17.0332 12.239 17.0315 12.2871V16.192C17.5835 15.9891 18.0649 15.6332 18.4208 15.1655C18.7785 14.6978 18.9934 14.139 19.0433 13.5544C19.0931 12.9698 18.9762 12.3817 18.7046 11.8607C18.4329 11.3397 18.0185 10.9064 17.5095 10.6141L14.1893 8.69521C14.1858 8.69406 14.1818 8.69292 14.1772 8.69177H14.1652C14.1618 8.69292 14.1578 8.69406 14.1532 8.69521C14.1497 8.69636 14.1463 8.69808 14.1429 8.70037L12.757 9.50163L16.7667 11.8177H16.7633ZM18.1475 9.7372H18.1457V9.73892L18.1475 9.7372ZM18.1457 9.73548C18.2455 9.15774 18.1784 8.56281 17.9514 8.02119C17.7262 7.47956 17.3496 7.01359 16.8682 6.67658C16.3867 6.34128 15.8193 6.1487 15.233 6.12291C14.6449 6.09884 14.0638 6.24155 13.5548 6.53386L10.2345 8.45105C10.2311 8.45334 10.2282 8.45621 10.2259 8.45965L10.2191 8.46996C10.2179 8.4734 10.2168 8.47741 10.2156 8.482C10.2145 8.48544 10.2139 8.48945 10.2139 8.49403V10.0966L14.2237 7.78046C14.2649 7.75639 14.3096 7.7392 14.3543 7.72544C14.4008 7.7134 14.4472 7.70825 14.4936 7.70825C14.5418 7.70825 14.5882 7.7134 14.6346 7.72544C14.6793 7.7392 14.7223 7.75639 14.7636 7.78046L18.0494 9.67874C18.0787 9.69593 18.1217 9.72 18.1457 9.73548ZM9.45735 7.96101C9.45735 7.91458 9.46423 7.86816 9.47627 7.82173C9.4883 7.77702 9.5055 7.73232 9.52957 7.69105C9.55364 7.6515 9.58115 7.61368 9.61554 7.57929C9.64821 7.54662 9.68604 7.51739 9.72731 7.49503L13.0132 5.59848C13.0441 5.57957 13.0871 5.55549 13.1112 5.54346C12.6607 5.1669 12.1105 4.92618 11.5276 4.85224C10.9447 4.77658 10.3532 4.86943 9.82188 5.11875C9.28885 5.36807 8.83835 5.76527 8.52369 6.26047C8.20903 6.75739 8.04224 7.33169 8.04224 7.91974V11.7541C8.04339 11.7587 8.04454 11.7627 8.04568 11.7661C8.04683 11.7696 8.04855 11.773 8.05084 11.7765C8.05313 11.7799 8.056 11.7833 8.05944 11.7868C8.06173 11.7891 8.06517 11.7914 8.06976 11.7937L9.45735 12.5949V7.96101ZM10.2105 13.0282L11.997 14.0599L13.7835 13.0282V10.9666L11.9987 9.93493L10.2122 10.9666L10.2105 13.0282Z",
+					"fill": "white"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "OpenaiViolet"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
new file mode 100644
index 0000000000..bb15532e13
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/OpenaiViolet.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/Replicate.json b/web/app/components/base/icons/src/public/llm/Replicate.json
new file mode 100644
index 0000000000..089d111eef
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Replicate.json
@@ -0,0 +1,39 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "rect",
+				"attributes": {
+					"width": "24",
+					"height": "24",
+					"rx": "6",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					"d": "M19.9961 4V5.79H7.93621V19.9017H6V4H19.9961ZM20 7.39453V9.18453H11.5969V19.9012H9.65906V7.39453H20ZM19.9964 12.5773V10.7773H13.3106V19.9007H15.2484V12.5773H19.9964Z",
+					"fill": "white"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "Replicate"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/Replicate.tsx b/web/app/components/base/icons/src/public/llm/Replicate.tsx
new file mode 100644
index 0000000000..c844c2df34
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/Replicate.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/ReplicateText.json b/web/app/components/base/icons/src/public/llm/ReplicateText.json
new file mode 100644
index 0000000000..c163ccbe74
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/ReplicateText.json
@@ -0,0 +1,116 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "92",
+			"height": "24",
+			"viewBox": "0 0 92 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M18.4933 2V3.79H6.005V17.9017H4V2H18.4933Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M18.4974 5.39453V7.18453H9.79573V17.9012H7.78906V5.39453H18.4974Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M18.4936 8.77734V10.5773H13.577V17.9007H11.5703V8.77734H18.4936Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M24.2014 8.60156C26.588 8.60156 28.593 10.1849 28.593 13.1282C28.593 13.3232 28.593 13.4882 28.573 13.7866H21.403C21.4964 15.2782 22.6997 16.2649 24.2114 16.2649C25.4864 16.2649 26.3414 15.6782 26.813 14.8766L28.3464 15.9666C27.523 17.2632 26.1047 18.0849 24.1914 18.0849C21.4247 18.0849 19.4297 16.1199 19.4297 13.3432C19.4397 10.6582 21.4347 8.60156 24.203 8.60156M21.508 12.3149H26.5797C26.363 10.9982 25.3047 10.2882 24.1314 10.2882C22.958 10.2882 21.7764 10.9666 21.508 12.3149Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M30.6328 8.77656H32.6378V9.9999C33.1528 9.2699 34.2628 8.60156 35.5695 8.60156C38.0695 8.60156 39.9611 10.7316 39.9611 13.3432C39.9611 15.9549 38.0678 18.0849 35.5695 18.0849C34.2528 18.0849 33.1411 17.4066 32.6378 16.6749V21.7049H30.6328V8.77656ZM35.2095 10.4216C33.5845 10.4216 32.4728 11.6966 32.4728 13.3432C32.4728 14.9899 33.5845 16.2649 35.2095 16.2649C36.8345 16.2649 37.9245 14.9899 37.9245 13.3432C37.9245 11.6966 36.8128 10.4216 35.2095 10.4216Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M44.0128 4.2207H42.0078V17.8907H44.0128V4.2207Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M47.7139 6.79443C46.9839 6.79443 46.3672 6.19776 46.3672 5.44776C46.3672 4.69776 46.9839 4.12109 47.7139 4.12109C48.4439 4.12109 49.0405 4.72776 49.0405 5.44776C49.0405 6.19943 48.4639 6.79443 47.7139 6.79443ZM46.7155 8.77943H48.7205V17.8928H46.7155V8.77943Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M55.5711 18.0771C52.8345 18.0771 50.7578 16.0304 50.7578 13.3354C50.7578 10.6404 52.8361 8.59375 55.5711 8.59375C57.4528 8.59375 59.0378 9.60208 59.8195 11.1137L58.0711 12.0604C57.6295 11.1354 56.7445 10.4554 55.5711 10.4554C53.9461 10.4554 52.8045 11.7104 52.8045 13.3354C52.8045 14.9604 53.9561 16.2154 55.5711 16.2154C56.7328 16.2154 57.6278 15.5371 58.0711 14.6104L59.8195 15.5571C59.0378 17.0787 57.4428 18.0771 55.5711 18.0771Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M65.3995 8.60156C66.7161 8.60156 67.8061 9.2799 68.3211 9.9999V8.77656H70.3261V17.8899H68.3211V16.6666C67.8061 17.3966 66.7161 18.0766 65.3995 18.0766C62.8995 18.0766 61.0078 15.9466 61.0078 13.3349C61.0078 10.7232 62.9011 8.60323 65.3995 8.60323M65.7695 10.4232C64.1445 10.4232 63.0545 11.6982 63.0545 13.3449C63.0545 14.9916 64.1445 16.2666 65.7695 16.2666C67.3945 16.2666 68.4845 14.9916 68.4845 13.3449C68.4845 11.6982 67.3845 10.4232 65.7695 10.4232Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M73.7627 17.9033V10.57H71.8594V8.78H73.7627V6.25H75.7694V8.78H79.2244V10.57H75.7694V16.1033H79.2244V17.9033H73.7627Z",
+					"fill": "black"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M84.9435 8.60156C87.3302 8.60156 89.3352 10.1849 89.3352 13.1282C89.3352 13.3232 89.3352 13.4882 89.3152 13.7866H82.1452C82.2385 15.2782 83.4419 16.2649 84.9535 16.2649C86.2285 16.2649 87.0835 15.6782 87.5552 14.8766L89.0885 15.9666C88.2652 17.2632 86.8469 18.0849 84.9335 18.0849C82.1669 18.0849 80.1719 16.1199 80.1719 13.3432C80.1919 10.6582 82.1769 8.60156 84.9452 8.60156M82.2502 12.3149H87.3219C87.1052 10.9982 86.0469 10.2882 84.8735 10.2882C83.7002 10.2882 82.5285 10.9666 82.2502 12.3149Z",
+					"fill": "black"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "ReplicateText"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/public/llm/ReplicateText.tsx b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
new file mode 100644
index 0000000000..a10e7daf25
--- /dev/null
+++ b/web/app/components/base/icons/src/public/llm/ReplicateText.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/public/llm/index.ts b/web/app/components/base/icons/src/public/llm/index.ts
index 235769dc29..bb7bafebe7 100644
--- a/web/app/components/base/icons/src/public/llm/index.ts
+++ b/web/app/components/base/icons/src/public/llm/index.ts
@@ -1,3 +1,25 @@
+export { default as AnthropicText } from './AnthropicText'
 export { default as Anthropic } from './Anthropic'
+export { default as AzureOpenaiServiceText } from './AzureOpenaiServiceText'
+export { default as AzureOpenaiService } from './AzureOpenaiService'
+export { default as AzureaiText } from './AzureaiText'
+export { default as Azureai } from './Azureai'
+export { default as ChatglmText } from './ChatglmText'
+export { default as Chatglm } from './Chatglm'
 export { default as Gpt3 } from './Gpt3'
 export { default as Gpt4 } from './Gpt4'
+export { default as HuggingfaceTextHub } from './HuggingfaceTextHub'
+export { default as HuggingfaceText } from './HuggingfaceText'
+export { default as Huggingface } from './Huggingface'
+export { default as IflytekSparkTextCn } from './IflytekSparkTextCn'
+export { default as IflytekSparkText } from './IflytekSparkText'
+export { default as IflytekSpark } from './IflytekSpark'
+export { default as Microsoft } from './Microsoft'
+export { default as OpenaiBlack } from './OpenaiBlack'
+export { default as OpenaiBlue } from './OpenaiBlue'
+export { default as OpenaiGreen } from './OpenaiGreen'
+export { default as OpenaiText } from './OpenaiText'
+export { default as OpenaiTransparent } from './OpenaiTransparent'
+export { default as OpenaiViolet } from './OpenaiViolet'
+export { default as ReplicateText } from './ReplicateText'
+export { default as Replicate } from './Replicate'
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.json b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.json
new file mode 100644
index 0000000000..9723d67a88
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.json
@@ -0,0 +1,39 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "17",
+			"viewBox": "0 0 16 17",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "Error"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon",
+							"d": "M7.99992 5.83337V8.50004M7.99992 11.1667H8.00659M14.6666 8.50004C14.6666 12.1819 11.6818 15.1667 7.99992 15.1667C4.31802 15.1667 1.33325 12.1819 1.33325 8.50004C1.33325 4.81814 4.31802 1.83337 7.99992 1.83337C11.6818 1.83337 14.6666 4.81814 14.6666 8.50004Z",
+							"stroke": "currentColor",
+							"stroke-width": "1.5",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "AlertCircle"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.tsx b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.tsx
new file mode 100644
index 0000000000..0f6fb2c925
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/AlertCircle.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './AlertCircle.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
+  props,
+  ref,
+) => <IconBase {...props} ref={ref} data={data as IconData} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/alertsAndFeedback/index.ts b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/index.ts
new file mode 100644
index 0000000000..1037c0958a
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/alertsAndFeedback/index.ts
@@ -0,0 +1 @@
+export { default as AlertCircle } from './AlertCircle'
diff --git a/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.json b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.json
new file mode 100644
index 0000000000..cfae43931c
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.json
@@ -0,0 +1,39 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "12",
+			"height": "13",
+			"viewBox": "0 0 12 13",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "chevron-down-double"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon",
+							"d": "M3.5 7L6 9.5L8.5 7M3.5 3.5L6 6L8.5 3.5",
+							"stroke": "currentColor",
+							"stroke-width": "1.25",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "ChevronDownDouble"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..19418813c6
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/arrows/ChevronDownDouble.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/arrows/index.ts b/web/app/components/base/icons/src/vender/line/arrows/index.ts
index dbc27c472b..bea93770a6 100644
--- a/web/app/components/base/icons/src/vender/line/arrows/index.ts
+++ b/web/app/components/base/icons/src/vender/line/arrows/index.ts
@@ -1,5 +1,6 @@
 export { default as ArrowNarrowLeft } from './ArrowNarrowLeft'
 export { default as ArrowUpRight } from './ArrowUpRight'
+export { default as ChevronDownDouble } from './ChevronDownDouble'
 export { default as ChevronDown } from './ChevronDown'
 export { default as ChevronRight } from './ChevronRight'
 export { default as RefreshCw05 } from './RefreshCw05'
diff --git a/web/app/components/base/icons/src/vender/line/general/AtSign.json b/web/app/components/base/icons/src/vender/line/general/AtSign.json
new file mode 100644
index 0000000000..0722d8ff34
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/AtSign.json
@@ -0,0 +1,66 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "16",
+			"viewBox": "0 0 16 16",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "at-sign",
+					"clip-path": "url(#clip0_8902_1909)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon",
+							"d": "M10.6666 5.33333V8.66666C10.6666 9.19709 10.8773 9.7058 11.2524 10.0809C11.6275 10.4559 12.1362 10.6667 12.6666 10.6667C13.197 10.6667 13.7057 10.4559 14.0808 10.0809C14.4559 9.7058 14.6666 9.19709 14.6666 8.66666V7.99999C14.6665 6.49535 14.1574 5.03498 13.2221 3.85635C12.2868 2.67772 10.9803 1.85014 9.51502 1.50819C8.04974 1.16624 6.51188 1.33002 5.15149 1.9729C3.7911 2.61579 2.68819 3.69996 2.0221 5.04914C1.356 6.39832 1.1659 7.93315 1.4827 9.40407C1.7995 10.875 2.60458 12.1955 3.76701 13.1508C4.92945 14.1062 6.38088 14.6402 7.8853 14.6661C9.38973 14.692 10.8587 14.2082 12.0533 13.2933M10.6666 7.99999C10.6666 9.47275 9.47269 10.6667 7.99993 10.6667C6.52717 10.6667 5.33326 9.47275 5.33326 7.99999C5.33326 6.52723 6.52717 5.33333 7.99993 5.33333C9.47269 5.33333 10.6666 6.52723 10.6666 7.99999Z",
+							"stroke": "currentColor",
+							"stroke-width": "1.25",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "defs",
+				"attributes": {},
+				"children": [
+					{
+						"type": "element",
+						"name": "clipPath",
+						"attributes": {
+							"id": "clip0_8902_1909"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "rect",
+								"attributes": {
+									"width": "16",
+									"height": "16",
+									"fill": "white"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "AtSign"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..aa2559f04e
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/AtSign.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.json b/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.json
new file mode 100644
index 0000000000..2dc0ee050b
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.json
@@ -0,0 +1,71 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "12",
+			"height": "12",
+			"viewBox": "0 0 12 12",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "Icon"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "g",
+						"attributes": {
+							"id": "Icon_2"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M6 6.5C6.27614 6.5 6.5 6.27614 6.5 6C6.5 5.72386 6.27614 5.5 6 5.5C5.72386 5.5 5.5 5.72386 5.5 6C5.5 6.27614 5.72386 6.5 6 6.5Z",
+									"stroke": "currentColor",
+									"stroke-width": "1.5",
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M9.5 6.5C9.77614 6.5 10 6.27614 10 6C10 5.72386 9.77614 5.5 9.5 5.5C9.22386 5.5 9 5.72386 9 6C9 6.27614 9.22386 6.5 9.5 6.5Z",
+									"stroke": "currentColor",
+									"stroke-width": "1.5",
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M2.5 6.5C2.77614 6.5 3 6.27614 3 6C3 5.72386 2.77614 5.5 2.5 5.5C2.22386 5.5 2 5.72386 2 6C2 6.27614 2.22386 6.5 2.5 6.5Z",
+									"stroke": "currentColor",
+									"stroke-width": "1.5",
+									"stroke-linecap": "round",
+									"stroke-linejoin": "round"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "DotsHorizontal"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.tsx b/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.tsx
new file mode 100644
index 0000000000..8bdaba1059
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/DotsHorizontal.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './DotsHorizontal.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
+  props,
+  ref,
+) => <IconBase {...props} ref={ref} data={data as IconData} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/HelpCircle.json b/web/app/components/base/icons/src/vender/line/general/HelpCircle.json
new file mode 100644
index 0000000000..5bb64d524d
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/HelpCircle.json
@@ -0,0 +1,30 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "14",
+			"height": "13",
+			"viewBox": "0 0 14 13",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"id": "Icon",
+					"d": "M5.30246 4.74996C5.4396 4.3601 5.7103 4.03135 6.0666 3.82195C6.4229 3.61255 6.84181 3.53601 7.24915 3.60587C7.65648 3.67574 8.02594 3.88752 8.29209 4.20368C8.55824 4.51985 8.70391 4.92001 8.70329 5.33329C8.70329 6.49996 6.95329 7.08329 6.95329 7.08329M6.99996 9.41663H7.00579M12.8333 6.49996C12.8333 9.72162 10.2216 12.3333 6.99996 12.3333C3.7783 12.3333 1.16663 9.72162 1.16663 6.49996C1.16663 3.2783 3.7783 0.666626 6.99996 0.666626C10.2216 0.666626 12.8333 3.2783 12.8333 6.49996Z",
+					"stroke": "currentColor",
+					"stroke-width": "1.25",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "HelpCircle"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/general/HelpCircle.tsx b/web/app/components/base/icons/src/vender/line/general/HelpCircle.tsx
new file mode 100644
index 0000000000..bd5e16bb82
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/HelpCircle.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './HelpCircle.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
+  props,
+  ref,
+) => <IconBase {...props} ref={ref} data={data as IconData} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/InfoCircle.json b/web/app/components/base/icons/src/vender/line/general/InfoCircle.json
new file mode 100644
index 0000000000..4017e85ce1
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/InfoCircle.json
@@ -0,0 +1,66 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "12",
+			"height": "12",
+			"viewBox": "0 0 12 12",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "info-circle",
+					"clip-path": "url(#clip0_7880_62014)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon",
+							"d": "M6 8V6M6 4H6.005M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z",
+							"stroke": "currentColor",
+							"stroke-width": "1.25",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "defs",
+				"attributes": {},
+				"children": [
+					{
+						"type": "element",
+						"name": "clipPath",
+						"attributes": {
+							"id": "clip0_7880_62014"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "rect",
+								"attributes": {
+									"width": "12",
+									"height": "12",
+									"fill": "white"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "InfoCircle"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..da84a1862e
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/InfoCircle.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/Plus.json b/web/app/components/base/icons/src/vender/line/general/Plus.json
new file mode 100644
index 0000000000..6f78176ca8
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/Plus.json
@@ -0,0 +1,39 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "17",
+			"viewBox": "0 0 16 17",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "plus"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon",
+							"d": "M8.00004 3.83337V13.1667M3.33337 8.50004H12.6667",
+							"stroke": "currentColor",
+							"stroke-width": "1.25",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "Plus"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/general/Plus.tsx b/web/app/components/base/icons/src/vender/line/general/Plus.tsx
new file mode 100644
index 0000000000..d2be667c5f
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/Plus.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './Plus.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
+  props,
+  ref,
+) => <IconBase {...props} ref={ref} data={data as IconData} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/SearchLg.json b/web/app/components/base/icons/src/vender/line/general/SearchLg.json
new file mode 100644
index 0000000000..dc390a43a1
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/SearchLg.json
@@ -0,0 +1,39 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "14",
+			"height": "15",
+			"viewBox": "0 0 14 15",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "Icon"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon_2",
+							"d": "M12.25 12.75L10.2084 10.7083M11.6667 7.20833C11.6667 9.94675 9.44675 12.1667 6.70833 12.1667C3.96992 12.1667 1.75 9.94675 1.75 7.20833C1.75 4.46992 3.96992 2.25 6.70833 2.25C9.44675 2.25 11.6667 4.46992 11.6667 7.20833Z",
+							"stroke": "currentColor",
+							"stroke-width": "1.25",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "SearchLg"
+}
\ No newline at end of file
diff --git a/web/app/components/base/icons/src/vender/line/general/SearchLg.tsx b/web/app/components/base/icons/src/vender/line/general/SearchLg.tsx
new file mode 100644
index 0000000000..17900bf429
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/general/SearchLg.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+import data from './SearchLg.json'
+import IconBase from '@/app/components/base/icons/IconBase'
+import type { IconBaseProps, IconData } from '@/app/components/base/icons/IconBase'
+
+const Icon = React.forwardRef<React.MutableRefObject<SVGElement>, Omit<IconBaseProps, 'data'>>((
+  props,
+  ref,
+) => <IconBase {...props} ref={ref} data={data as IconData} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/general/index.ts b/web/app/components/base/icons/src/vender/line/general/index.ts
index 3accb60604..ca44bf39e0 100644
--- a/web/app/components/base/icons/src/vender/line/general/index.ts
+++ b/web/app/components/base/icons/src/vender/line/general/index.ts
@@ -1,9 +1,15 @@
+export { default as AtSign } from './AtSign'
 export { default as Check } from './Check'
+export { default as DotsHorizontal } from './DotsHorizontal'
 export { default as Edit03 } from './Edit03'
 export { default as Hash02 } from './Hash02'
+export { default as HelpCircle } from './HelpCircle'
+export { default as InfoCircle } from './InfoCircle'
 export { default as LinkExternal02 } from './LinkExternal02'
 export { default as Loading02 } from './Loading02'
 export { default as LogOut01 } from './LogOut01'
+export { default as Plus } from './Plus'
+export { default as SearchLg } from './SearchLg'
 export { default as Trash03 } from './Trash03'
 export { default as XClose } from './XClose'
 export { default as X } from './X'
diff --git a/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.json b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.json
new file mode 100644
index 0000000000..1e0896672b
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.json
@@ -0,0 +1,66 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "16",
+			"viewBox": "0 0 16 16",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "globe-01",
+					"clip-path": "url(#clip0_8902_1914)"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon",
+							"d": "M1.33325 7.99998H14.6666M1.33325 7.99998C1.33325 11.6819 4.31802 14.6666 7.99992 14.6666M1.33325 7.99998C1.33325 4.31808 4.31802 1.33331 7.99992 1.33331M14.6666 7.99998C14.6666 11.6819 11.6818 14.6666 7.99992 14.6666M14.6666 7.99998C14.6666 4.31808 11.6818 1.33331 7.99992 1.33331M7.99992 1.33331C9.66744 3.15888 10.6151 5.528 10.6666 7.99998C10.6151 10.472 9.66744 12.8411 7.99992 14.6666M7.99992 1.33331C6.3324 3.15888 5.38475 5.528 5.33325 7.99998C5.38475 10.472 6.3324 12.8411 7.99992 14.6666",
+							"stroke": "currentColor",
+							"stroke-width": "1.25",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			},
+			{
+				"type": "element",
+				"name": "defs",
+				"attributes": {},
+				"children": [
+					{
+						"type": "element",
+						"name": "clipPath",
+						"attributes": {
+							"id": "clip0_8902_1914"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "rect",
+								"attributes": {
+									"width": "16",
+									"height": "16",
+									"fill": "white"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "Globe01"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..aebe4391cb
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/mapsAndTravel/Globe01.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/mapsAndTravel/index.ts b/web/app/components/base/icons/src/vender/line/mapsAndTravel/index.ts
new file mode 100644
index 0000000000..be29342b97
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/mapsAndTravel/index.ts
@@ -0,0 +1 @@
+export { default as Globe01 } from './Globe01'
diff --git a/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.json b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.json
new file mode 100644
index 0000000000..4091004b72
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.json
@@ -0,0 +1,98 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "17",
+			"viewBox": "0 0 16 17",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "cube-outline"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "g",
+						"attributes": {
+							"id": "Solid"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M8.26865 1.29003C8.09143 1.25358 7.90866 1.25358 7.73144 1.29003C7.52659 1.33216 7.3435 1.43471 7.19794 1.51624L7.15826 1.53841L6.17628 2.08395C5.85443 2.26276 5.73846 2.66863 5.91727 2.99049C6.09608 3.31234 6.50195 3.4283 6.82381 3.24949L7.80579 2.70395C7.90681 2.64782 7.95839 2.61946 7.99686 2.60091L8.00004 2.59938L8.00323 2.60091C8.0417 2.61946 8.09327 2.64782 8.1943 2.70395L9.17628 3.24949C9.49814 3.4283 9.90401 3.31234 10.0828 2.99048C10.2616 2.66863 10.1457 2.26276 9.82381 2.08395L8.84183 1.53841L8.80215 1.51624C8.65659 1.43471 8.4735 1.33216 8.26865 1.29003Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M12.8238 3.75062C12.5019 3.57181 12.0961 3.68777 11.9173 4.00963C11.7385 4.33148 11.8544 4.73735 12.1763 4.91616L12.6272 5.16668L12.1763 5.41719C11.8545 5.596 11.7385 6.00186 11.9173 6.32372C12.0961 6.64558 12.502 6.76154 12.8238 6.58273L13.3334 6.29966V6.83339C13.3334 7.20158 13.6319 7.50006 14 7.50006C14.3682 7.50006 14.6667 7.20158 14.6667 6.83339V5.79435L14.6668 5.74627C14.6673 5.62441 14.6678 5.48084 14.6452 5.33482C14.6869 5.17472 14.6696 4.99892 14.5829 4.84286C14.4904 4.6764 14.3371 4.56501 14.1662 4.52099C14.0496 4.43038 13.9239 4.36116 13.8173 4.3024L13.7752 4.27915L12.8238 3.75062Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M3.8238 4.91616C4.14566 4.73735 4.26162 4.33148 4.08281 4.00963C3.90401 3.68777 3.49814 3.57181 3.17628 3.75062L2.22493 4.27915L2.18284 4.3024C2.07615 4.36116 1.95045 4.4304 1.83382 4.52102C1.66295 4.56506 1.50977 4.67643 1.41731 4.84286C1.33065 4.99886 1.31323 5.17459 1.35493 5.33464C1.33229 5.48072 1.33281 5.62436 1.33326 5.74627L1.33338 5.79435V6.83339C1.33338 7.20158 1.63185 7.50006 2.00004 7.50006C2.36823 7.50006 2.66671 7.20158 2.66671 6.83339V6.29961L3.17632 6.58273C3.49817 6.76154 3.90404 6.64558 4.08285 6.32372C4.26166 6.00186 4.1457 5.596 3.82384 5.41719L3.3729 5.16666L3.8238 4.91616Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M2.66671 10.1667C2.66671 9.79853 2.36823 9.50006 2.00004 9.50006C1.63185 9.50006 1.33338 9.79853 1.33338 10.1667V11.2058L1.33326 11.2538C1.33262 11.4298 1.33181 11.6509 1.40069 11.8594C1.46024 12.0397 1.55759 12.2051 1.68622 12.3447C1.835 12.5061 2.02873 12.6128 2.18281 12.6977L2.22493 12.721L3.17628 13.2495C3.49814 13.4283 3.90401 13.3123 4.08281 12.9905C4.26162 12.6686 4.14566 12.2628 3.8238 12.084L2.87245 11.5554C2.76582 11.4962 2.71137 11.4656 2.67318 11.4413L2.66995 11.4392L2.66971 11.4354C2.66699 11.3902 2.66671 11.3277 2.66671 11.2058V10.1667Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M14.6667 10.1667C14.6667 9.79853 14.3682 9.50006 14 9.50006C13.6319 9.50006 13.3334 9.79853 13.3334 10.1667V11.2058C13.3334 11.3277 13.3331 11.3902 13.3304 11.4354L13.3301 11.4392L13.3269 11.4413C13.2887 11.4656 13.2343 11.4962 13.1276 11.5554L12.1763 12.084C11.8544 12.2628 11.7385 12.6686 11.9173 12.9905C12.0961 13.3123 12.5019 13.4283 12.8238 13.2495L13.7752 12.721L13.8172 12.6977C13.9713 12.6128 14.1651 12.5061 14.3139 12.3447C14.4425 12.2051 14.5398 12.0397 14.5994 11.8594C14.6683 11.6509 14.6675 11.4298 14.6668 11.2538L14.6667 11.2058V10.1667Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M6.82381 13.7506C6.50195 13.5718 6.09608 13.6878 5.91727 14.0096C5.73846 14.3315 5.85443 14.7374 6.17628 14.9162L7.15826 15.4617L7.19793 15.4839C7.29819 15.54 7.41625 15.6061 7.54696 15.6556C7.66589 15.7659 7.82512 15.8333 8.00008 15.8333C8.17507 15.8333 8.33431 15.7659 8.45324 15.6556C8.58391 15.6061 8.70193 15.54 8.80215 15.4839L8.84183 15.4617L9.82381 14.9162C10.1457 14.7374 10.2616 14.3315 10.0828 14.0096C9.90401 13.6878 9.49814 13.5718 9.17628 13.7506L8.66675 14.0337V13.5C8.66675 13.1318 8.36827 12.8333 8.00008 12.8333C7.63189 12.8333 7.33341 13.1318 7.33341 13.5V14.0337L6.82381 13.7506Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"d": "M6.82384 7.08385C6.50199 6.90505 6.09612 7.02101 5.91731 7.34286C5.7385 7.66472 5.85446 8.07059 6.17632 8.2494L7.33341 8.89223V10.1666C7.33341 10.5348 7.63189 10.8333 8.00008 10.8333C8.36827 10.8333 8.66675 10.5348 8.66675 10.1666V8.89223L9.82384 8.2494C10.1457 8.07059 10.2617 7.66472 10.0829 7.34286C9.90404 7.02101 9.49817 6.90505 9.17632 7.08385L8.00008 7.73732L6.82384 7.08385Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "CubeOutline"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..d44683f088
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/shapes/CubeOutline.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/shapes/index.ts b/web/app/components/base/icons/src/vender/line/shapes/index.ts
new file mode 100644
index 0000000000..daf43bcaf7
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/shapes/index.ts
@@ -0,0 +1 @@
+export { default as CubeOutline } from './CubeOutline'
diff --git a/web/app/components/base/icons/src/vender/line/users/User01.json b/web/app/components/base/icons/src/vender/line/users/User01.json
new file mode 100644
index 0000000000..55353030f9
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/users/User01.json
@@ -0,0 +1,39 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "16",
+			"viewBox": "0 0 16 16",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "user-01"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon",
+							"d": "M13.3334 14C13.3334 13.0696 13.3334 12.6044 13.2186 12.2259C12.9601 11.3736 12.2931 10.7067 11.4408 10.4482C11.0623 10.3333 10.5971 10.3333 9.66675 10.3333H6.33342C5.40304 10.3333 4.93785 10.3333 4.55932 10.4482C3.70705 10.7067 3.04011 11.3736 2.78157 12.2259C2.66675 12.6044 2.66675 13.0696 2.66675 14M11.0001 5C11.0001 6.65685 9.65694 8 8.00008 8C6.34323 8 5.00008 6.65685 5.00008 5C5.00008 3.34315 6.34323 2 8.00008 2C9.65694 2 11.0001 3.34315 11.0001 5Z",
+							"stroke": "currentColor",
+							"stroke-width": "1.25",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "User01"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..f6440e5c28
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/users/User01.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/users/Users01.json b/web/app/components/base/icons/src/vender/line/users/Users01.json
new file mode 100644
index 0000000000..96dbeb30ec
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/users/Users01.json
@@ -0,0 +1,39 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "16",
+			"viewBox": "0 0 16 16",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "users-01"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Icon",
+							"d": "M14.6666 14V12.6667C14.6666 11.4241 13.8167 10.38 12.6666 10.084M10.3333 2.19384C11.3105 2.58943 11.9999 3.54754 11.9999 4.66667C11.9999 5.78579 11.3105 6.7439 10.3333 7.13949M11.3333 14C11.3333 12.7575 11.3333 12.1362 11.1303 11.6462C10.8596 10.9928 10.3405 10.4736 9.68707 10.203C9.19702 10 8.57576 10 7.33325 10H5.33325C4.09074 10 3.46949 10 2.97943 10.203C2.32602 10.4736 1.80689 10.9928 1.53624 11.6462C1.33325 12.1362 1.33325 12.7575 1.33325 14M8.99992 4.66667C8.99992 6.13943 7.80601 7.33333 6.33325 7.33333C4.86049 7.33333 3.66659 6.13943 3.66659 4.66667C3.66659 3.19391 4.86049 2 6.33325 2C7.80601 2 8.99992 3.19391 8.99992 4.66667Z",
+							"stroke": "currentColor",
+							"stroke-width": "1.25",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "Users01"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..eb7ead50a9
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/users/Users01.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/line/users/index.ts b/web/app/components/base/icons/src/vender/line/users/index.ts
new file mode 100644
index 0000000000..9f8a35152f
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/line/users/index.ts
@@ -0,0 +1,2 @@
+export { default as User01 } from './User01'
+export { default as Users01 } from './Users01'
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.json b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.json
new file mode 100644
index 0000000000..9a781bd62d
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.json
@@ -0,0 +1,48 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M8.64494 5.5L4 5.50001C3.44772 5.50001 3 5.05229 3 4.50001C3 3.94772 3.44771 3.50001 4 3.50001L8.64494 3.5C9.07521 2.05426 10.4145 1 12 1C13.5855 1 14.9248 2.05426 15.3551 3.5L20 3.5C20.5523 3.5 21 3.94772 21 4.5C21 5.05229 20.5523 5.5 20 5.5L15.3551 5.5C15.0191 6.62889 14.1289 7.51909 13 7.85506V20H20C20.5523 20 21 20.4477 21 21C21 21.5523 20.5523 22 20 22L4 22C3.44772 22 3 21.5523 3 21C3 20.4477 3.44772 20 4 20H11V7.85506C9.87111 7.51909 8.98091 6.62889 8.64494 5.5Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					"d": "M5.49998 7C5.83892 7 6.15479 7.17168 6.33914 7.4561L9.34294 12.0905C9.5058 12.3416 9.65261 12.5678 9.77323 12.9247C9.82544 13.0792 9.86232 13.2714 9.88454 13.4092C9.90677 13.5471 9.93212 13.7411 9.93109 13.9042C9.9302 14.0459 9.92522 14.1726 9.90862 14.2966C9.89198 14.421 9.86633 14.5189 9.85041 14.5797L9.84797 14.5891C9.33962 16.5355 7.60137 18 5.49998 18C3.3986 18 1.66034 16.5355 1.152 14.5891L1.14959 14.5798C1.13367 14.5191 1.108 14.421 1.09135 14.2966C1.07475 14.1726 1.06977 14.0459 1.06888 13.9042C1.06785 13.7411 1.0932 13.5471 1.11542 13.4092C1.13765 13.2714 1.17453 13.0792 1.22674 12.9247C1.34736 12.5678 1.49417 12.3416 1.65703 12.0905L4.66083 7.4561C4.84518 7.17168 5.16105 7 5.49998 7ZM5.49998 9.83859L4.09907 12H6.9009L5.49998 9.83859Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					"d": "M19.3391 7.4561C19.1548 7.17168 18.8389 7 18.5 7C18.161 7 17.8452 7.17168 17.6608 7.4561L14.657 12.0905C14.4942 12.3416 14.3474 12.5678 14.2267 12.9247C14.1745 13.0792 14.1376 13.2714 14.1154 13.4092C14.0932 13.5471 14.0679 13.7411 14.0689 13.9042C14.0698 14.0459 14.0748 14.1726 14.0914 14.2966C14.108 14.421 14.1337 14.519 14.1496 14.5798L14.152 14.5891C14.6603 16.5355 16.3986 18 18.5 18C20.6014 18 22.3396 16.5355 22.848 14.5891L22.8504 14.5798C22.8663 14.5191 22.892 14.421 22.9086 14.2966C22.9252 14.1726 22.9302 14.0459 22.9311 13.9042C22.9321 13.7411 22.9068 13.5471 22.8845 13.4092C22.8623 13.2714 22.8254 13.0792 22.7732 12.9247C22.6526 12.5678 22.5058 12.3416 22.3429 12.0905L19.3391 7.4561ZM17.0991 12L18.5 9.83859L19.9009 12H17.0991Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "Scales02"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..aa34a2beca
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/Scales02.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/index.ts b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/index.ts
new file mode 100644
index 0000000000..7770962bfa
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/FinanceAndECommerce/index.ts
@@ -0,0 +1 @@
+export { default as Scales02 } from './Scales02'
diff --git a/web/app/components/base/icons/src/vender/solid/editor/Brush01.json b/web/app/components/base/icons/src/vender/solid/editor/Brush01.json
new file mode 100644
index 0000000000..049e5f2924
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/editor/Brush01.json
@@ -0,0 +1,35 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M17.264 2.20765C18.5274 1.0378 20.4895 1.07552 21.707 2.29307C22.9246 3.51061 22.9623 5.47268 21.7924 6.73612L15.4019 13.638C15.008 14.0634 14.811 14.2761 14.579 14.3585C14.3751 14.4309 14.1531 14.4352 13.9465 14.3707C13.7115 14.2973 13.5065 14.0923 13.0965 13.6823L10.3178 10.9036C9.9078 10.4936 9.7028 10.2886 9.62943 10.0536C9.56493 9.84699 9.5692 9.62504 9.6416 9.42107C9.72395 9.18906 9.93667 8.9921 10.3621 8.59817L17.264 2.20765Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M8.76212 12.1763C8.35165 11.7659 8.14641 11.5606 7.9013 11.4888C7.7037 11.4308 7.43858 11.4436 7.24747 11.5203C7.01041 11.6154 6.86226 11.7953 6.56595 12.1551C6.46827 12.2737 6.37864 12.398 6.30066 12.53C6.03001 12.9883 5.8908 13.5013 5.88405 14.0163C4.608 13.9077 3.29445 14.3416 2.31799 15.318C1.28682 16.3492 1.34471 17.8002 1.38417 18.7893L1.38921 18.9154C1.43381 20.027 1.46675 20.848 1.11009 21.5439C0.951191 21.8539 0.965076 22.2242 1.14673 22.5215C1.32839 22.8187 1.65165 23 2 23C2.27235 23 2.58299 23.0081 2.91511 23.0167C3.66655 23.0362 4.52805 23.0586 5.30424 22.9968C6.44876 22.9057 7.7418 22.6221 8.68195 21.682C9.65838 20.7056 10.0923 19.3921 9.98366 18.1161C10.4987 18.1093 11.0118 17.9701 11.4701 17.6994C11.6021 17.6215 11.7264 17.5318 11.845 17.4341C12.2048 17.1378 12.3847 16.9897 12.4798 16.7526C12.5565 16.5615 12.5693 16.2964 12.5113 16.0988C12.4395 15.8537 12.2342 15.6484 11.8238 15.238L8.76212 12.1763Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "Brush01"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..bfcfefe1ae
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/editor/Brush01.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/editor/index.ts b/web/app/components/base/icons/src/vender/solid/editor/index.ts
new file mode 100644
index 0000000000..8b6debe736
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/editor/index.ts
@@ -0,0 +1 @@
+export { default as Brush01 } from './Brush01'
diff --git a/web/app/components/base/icons/src/vender/solid/general/Target04.json b/web/app/components/base/icons/src/vender/solid/general/Target04.json
new file mode 100644
index 0000000000..6b22fab885
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/general/Target04.json
@@ -0,0 +1,46 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					"d": "M19.1601 1.01292C19.4774 1.06441 19.7506 1.26529 19.8944 1.5528L20.7453 3.25466L22.4472 4.10558C22.7347 4.24934 22.9355 4.52254 22.987 4.83983C23.0385 5.15712 22.9343 5.47982 22.707 5.70712L19.707 8.70712C19.5195 8.89466 19.2652 9.00001 18.9999 9.00001H16.4142L12.7071 12.7071C12.3166 13.0976 11.6834 13.0976 11.2929 12.7071C10.9024 12.3166 10.9024 11.6834 11.2929 11.2929L14.9999 7.58585V5.00001C14.9999 4.7348 15.1053 4.48044 15.2928 4.29291L18.2928 1.29291C18.5201 1.06561 18.8428 0.961435 19.1601 1.01292Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M3 12C3 7.02944 7.02944 3 12 3C12.5523 3 13 2.55228 13 2C13 1.44772 12.5523 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 11.4477 22.5523 11 22 11C21.4477 11 21 11.4477 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M8 12C8 9.79086 9.79086 8 12 8C12.5523 8 13 7.55228 13 7C13 6.44772 12.5523 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18C15.3137 18 18 15.3137 18 12C18 11.4477 17.5523 11 17 11C16.4477 11 16 11.4477 16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "Target04"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..4fb47caea8
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/general/Target04.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/general/index.ts b/web/app/components/base/icons/src/vender/solid/general/index.ts
index 85aff32cd5..31f357acaf 100644
--- a/web/app/components/base/icons/src/vender/solid/general/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/general/index.ts
@@ -1,3 +1,4 @@
 export { default as CheckCircle } from './CheckCircle'
 export { default as Download02 } from './Download02'
+export { default as Target04 } from './Target04'
 export { default as XCircle } from './XCircle'
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.json b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.json
new file mode 100644
index 0000000000..d72b99aa57
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.json
@@ -0,0 +1,77 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "24",
+			"height": "24",
+			"viewBox": "0 0 24 24",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M5 2C5.55228 2 6 2.44772 6 3V7C6 7.55228 5.55228 8 5 8C4.44772 8 4 7.55228 4 7V3C4 2.44772 4.44772 2 5 2Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					"d": "M6 15.8293C7.16519 15.4175 8 14.3062 8 13C8 11.3431 6.65685 10 5 10C3.34315 10 2 11.3431 2 13C2 14.3062 2.83481 15.4175 4 15.8293L4 21C4 21.5523 4.44772 22 5 22C5.55229 22 6 21.5523 6 21L6 15.8293Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15V21C11 21.5523 11.4477 22 12 22C12.5523 22 13 21.5523 13 21V15Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					"d": "M12 2C12.5523 2 13 2.44772 13 3V6.17071C14.1652 6.58254 15 7.69378 15 9C15 10.6569 13.6569 12 12 12C10.3431 12 9 10.6569 9 9C9 7.69378 9.83481 6.58254 11 6.17071V3C11 2.44772 11.4477 2 12 2Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"fill-rule": "evenodd",
+					"clip-rule": "evenodd",
+					"d": "M22 15C22 16.3062 21.1652 17.4175 20 17.8293V21C20 21.5523 19.5523 22 19 22C18.4477 22 18 21.5523 18 21V17.8293C16.8348 17.4175 16 16.3062 16 15C16 13.3431 17.3431 12 19 12C20.6569 12 22 13.3431 22 15Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			},
+			{
+				"type": "element",
+				"name": "path",
+				"attributes": {
+					"d": "M19 2C19.5523 2 20 2.44772 20 3V9C20 9.55228 19.5523 10 19 10C18.4477 10 18 9.55228 18 9V3C18 2.44772 18.4477 2 19 2Z",
+					"fill": "currentColor"
+				},
+				"children": []
+			}
+		]
+	},
+	"name": "Sliders02"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..ad1b05f642
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/Sliders02.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/index.ts b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/index.ts
index 3fdb556763..78fec55085 100644
--- a/web/app/components/base/icons/src/vender/solid/mediaAndDevices/index.ts
+++ b/web/app/components/base/icons/src/vender/solid/mediaAndDevices/index.ts
@@ -1,2 +1,3 @@
 export { default as Microphone01 } from './Microphone01'
+export { default as Sliders02 } from './Sliders02'
 export { default as StopCircle } from './StopCircle'
diff --git a/web/app/components/base/icons/src/vender/solid/security/Lock01.json b/web/app/components/base/icons/src/vender/solid/security/Lock01.json
new file mode 100644
index 0000000000..aa01bc574f
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/security/Lock01.json
@@ -0,0 +1,38 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "12",
+			"height": "12",
+			"viewBox": "0 0 12 12",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "lock-01"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "path",
+						"attributes": {
+							"id": "Solid",
+							"fill-rule": "evenodd",
+							"clip-rule": "evenodd",
+							"d": "M3 4C3 2.34315 4.34315 1 6 1C7.65685 1 9 2.34315 9 4V4.57516C9.1413 4.60613 9.27693 4.65121 9.40798 4.71799C9.78431 4.90973 10.0903 5.2157 10.282 5.59202C10.4057 5.83469 10.4549 6.09304 10.4779 6.37409C10.5 6.64468 10.5 6.97686 10.5 7.37934V8.12066C10.5 8.52314 10.5 8.85532 10.4779 9.12591C10.4549 9.40696 10.4057 9.66531 10.282 9.90798C10.0903 10.2843 9.78431 10.5903 9.40798 10.782C9.16531 10.9057 8.90696 10.9549 8.62591 10.9779C8.35531 11 8.02313 11 7.62064 11H4.37936C3.97687 11 3.64469 11 3.37409 10.9779C3.09304 10.9549 2.83469 10.9057 2.59202 10.782C2.2157 10.5903 1.90973 10.2843 1.71799 9.90798C1.59434 9.66531 1.54506 9.40696 1.5221 9.12591C1.49999 8.85532 1.49999 8.52314 1.5 8.12066V7.37934C1.49999 6.97687 1.49999 6.64468 1.5221 6.37409C1.54506 6.09304 1.59434 5.83469 1.71799 5.59202C1.90973 5.2157 2.2157 4.90973 2.59202 4.71799C2.72307 4.65121 2.8587 4.60613 3 4.57516V4ZM8 4V4.50081H4V4C4 2.89543 4.89543 2 6 2C7.10457 2 8 2.89543 8 4ZM6.5 7.25C6.5 6.97386 6.27614 6.75 6 6.75C5.72386 6.75 5.5 6.97386 5.5 7.25V8.25C5.5 8.52614 5.72386 8.75 6 8.75C6.27614 8.75 6.5 8.52614 6.5 8.25V7.25Z",
+							"fill": "currentColor"
+						},
+						"children": []
+					}
+				]
+			}
+		]
+	},
+	"name": "Lock01"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..3a42aef59a
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/security/Lock01.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/security/index.ts b/web/app/components/base/icons/src/vender/solid/security/index.ts
new file mode 100644
index 0000000000..4879d82dd3
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/security/index.ts
@@ -0,0 +1 @@
+export { default as Lock01 } from './Lock01'
diff --git a/web/app/components/base/icons/src/vender/solid/users/User01.json b/web/app/components/base/icons/src/vender/solid/users/User01.json
new file mode 100644
index 0000000000..c9b8ea90d2
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/users/User01.json
@@ -0,0 +1,57 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "16",
+			"viewBox": "0 0 16 16",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "user-01"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "g",
+						"attributes": {
+							"id": "Solid"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"fill-rule": "evenodd",
+									"clip-rule": "evenodd",
+									"d": "M5.85731 9.66669C7.28575 9.66701 8.71419 9.66701 10.1426 9.66669C10.6271 9.66659 10.9572 9.66652 11.2455 9.71735C12.6255 9.96068 13.706 11.0412 13.9493 12.4212C14.0002 12.7095 14.0001 13.0396 14 13.524C14 13.6296 14.0032 13.7359 13.9848 13.8404C13.9118 14.2544 13.5876 14.5785 13.1736 14.6515C13.0828 14.6675 12.9872 14.667 12.9396 14.6668C9.64686 14.6491 6.35308 14.6491 3.06031 14.6668C3.01274 14.667 2.9171 14.6675 2.82632 14.6515C2.41231 14.5785 2.08816 14.2544 2.01516 13.8404C1.99675 13.7359 1.99998 13.6296 1.99996 13.524C1.99985 13.0396 1.99978 12.7095 2.05061 12.4212C2.29395 11.0412 3.37444 9.96068 4.75447 9.71735C5.04275 9.66652 5.37286 9.66659 5.85731 9.66669Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"fill-rule": "evenodd",
+									"clip-rule": "evenodd",
+									"d": "M4.3333 5.00004C4.3333 2.975 5.97493 1.33337 7.99997 1.33337C10.025 1.33337 11.6666 2.975 11.6666 5.00004C11.6666 7.02508 10.025 8.66671 7.99997 8.66671C5.97493 8.66671 4.3333 7.02508 4.3333 5.00004Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "User01"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..f6440e5c28
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/users/User01.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/users/Users01.json b/web/app/components/base/icons/src/vender/solid/users/Users01.json
new file mode 100644
index 0000000000..c18d59a00f
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/users/Users01.json
@@ -0,0 +1,79 @@
+{
+	"icon": {
+		"type": "element",
+		"isRootNode": true,
+		"name": "svg",
+		"attributes": {
+			"width": "16",
+			"height": "16",
+			"viewBox": "0 0 16 16",
+			"fill": "none",
+			"xmlns": "http://www.w3.org/2000/svg"
+		},
+		"children": [
+			{
+				"type": "element",
+				"name": "g",
+				"attributes": {
+					"id": "users-01"
+				},
+				"children": [
+					{
+						"type": "element",
+						"name": "g",
+						"attributes": {
+							"id": "Solid"
+						},
+						"children": [
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"fill-rule": "evenodd",
+									"clip-rule": "evenodd",
+									"d": "M12.0211 9.91782C12.1128 9.56125 12.4763 9.34659 12.8329 9.43837C14.2704 9.80837 15.3334 11.1125 15.3334 12.6666V14C15.3334 14.3682 15.0349 14.6666 14.6667 14.6666C14.2985 14.6666 14 14.3682 14 14V12.6666C14 11.7356 13.3633 10.9517 12.5005 10.7296C12.1439 10.6378 11.9293 10.2744 12.0211 9.91782Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"fill-rule": "evenodd",
+									"clip-rule": "evenodd",
+									"d": "M9.7154 1.94368C9.85355 1.60239 10.2422 1.43771 10.5835 1.57586C11.8039 2.06985 12.6667 3.26669 12.6667 4.66665C12.6667 6.0666 11.8039 7.26344 10.5835 7.75743C10.2422 7.89558 9.85355 7.73091 9.7154 7.38962C9.57725 7.04833 9.74193 6.65967 10.0832 6.52152C10.8174 6.22432 11.3334 5.50494 11.3334 4.66665C11.3334 3.82835 10.8174 3.10897 10.0832 2.81178C9.74193 2.67363 9.57725 2.28496 9.7154 1.94368Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"fill-rule": "evenodd",
+									"clip-rule": "evenodd",
+									"d": "M4.78598 9.33329C5.81757 9.33363 6.84915 9.33363 7.88073 9.33329C8.60781 9.33305 9.10395 9.33289 9.52942 9.44689C10.6797 9.75512 11.5782 10.6536 11.8864 11.8039C12.0399 12.3768 11.9955 12.989 12.0001 13.576C12.0007 13.6473 12.0019 13.7915 11.966 13.9255C11.8735 14.2706 11.6039 14.5401 11.2588 14.6326C11.1248 14.6685 10.9807 14.6673 10.9094 14.6668C7.85941 14.6424 4.80731 14.6424 1.7573 14.6668C1.68602 14.6673 1.54188 14.6685 1.40787 14.6326C1.06278 14.5401 0.793233 14.2706 0.700765 13.9255C0.664858 13.7915 0.666007 13.6473 0.666575 13.576C0.671243 12.9905 0.627014 12.3759 0.780272 11.8039C1.0885 10.6536 1.98699 9.75512 3.13729 9.44689C3.56277 9.33289 4.05891 9.33305 4.78598 9.33329Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							},
+							{
+								"type": "element",
+								"name": "path",
+								"attributes": {
+									"fill-rule": "evenodd",
+									"clip-rule": "evenodd",
+									"d": "M3.00002 4.66665C3.00002 2.8257 4.49241 1.33331 6.33336 1.33331C8.17431 1.33331 9.66669 2.8257 9.66669 4.66665C9.66669 6.5076 8.17431 7.99998 6.33336 7.99998C4.49241 7.99998 3.00002 6.5076 3.00002 4.66665Z",
+									"fill": "currentColor"
+								},
+								"children": []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	"name": "Users01"
+}
\ No newline at end of file
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
new file mode 100644
index 0000000000..eb7ead50a9
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/users/Users01.tsx
@@ -0,0 +1,14 @@
+// GENERATE BY script
+// DON NOT EDIT IT MANUALLY
+
+import * as React from 'react'
+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} />)
+
+export default Icon
diff --git a/web/app/components/base/icons/src/vender/solid/users/index.ts b/web/app/components/base/icons/src/vender/solid/users/index.ts
new file mode 100644
index 0000000000..9f8a35152f
--- /dev/null
+++ b/web/app/components/base/icons/src/vender/solid/users/index.ts
@@ -0,0 +1,2 @@
+export { default as User01 } from './User01'
+export { default as Users01 } from './Users01'
diff --git a/web/app/components/base/icons/utils.ts b/web/app/components/base/icons/utils.ts
index 0ff2b6cc3c..90d075f01c 100644
--- a/web/app/components/base/icons/utils.ts
+++ b/web/app/components/base/icons/utils.ts
@@ -16,11 +16,24 @@ export function normalizeAttrs(attrs: Attrs = {}): Attrs {
   return Object.keys(attrs).reduce((acc: Attrs, key) => {
     const val = attrs[key]
     key = key.replace(/([-]\w)/g, (g: string) => g[1].toUpperCase())
+    key = key.replace(/([:]\w)/g, (g: string) => g[1].toUpperCase())
     switch (key) {
       case 'class':
         acc.className = val
         delete acc.class
         break
+      case 'style':
+        (acc.style as any) = val.split(';').reduce((prev, next) => {
+          const pairs = next?.split(':')
+
+          if (pairs[0] && pairs[1]) {
+            const k = pairs[0].replace(/([-]\w)/g, (g: string) => g[1].toUpperCase())
+            prev[k] = pairs[1]
+          }
+
+          return prev
+        }, {} as Attrs)
+        break
       default:
         acc[key] = val
     }
diff --git a/web/app/components/base/radio/component/radio/index.tsx b/web/app/components/base/radio/component/radio/index.tsx
index 32d52fcd17..702c3cccca 100644
--- a/web/app/components/base/radio/component/radio/index.tsx
+++ b/web/app/components/base/radio/component/radio/index.tsx
@@ -7,6 +7,7 @@ import s from '../../style.module.css'
 
 export type IRadioProps = {
   className?: string
+  labelClassName?: string
   children?: string | ReactElement
   checked?: boolean
   value?: string | number
@@ -16,6 +17,7 @@ export type IRadioProps = {
 
 export default function Radio({
   className = '',
+  labelClassName,
   children = '',
   checked,
   value,
@@ -45,13 +47,13 @@ export default function Radio({
       isChecked ? 'bg-white shadow' : '',
       divClassName,
       className)}
-      onClick={() => handleChange(value)}
+    onClick={() => handleChange(value)}
     >
       {children && (
         <label className={
-          cn('text-sm cursor-pointer')
+          cn(labelClassName, 'text-sm cursor-pointer')
         }
-          id={labelId}
+        id={labelId}
         >
           {children}
         </label>
diff --git a/web/app/components/base/select/index.tsx b/web/app/components/base/select/index.tsx
index 5971421aa6..7e4f8753c3 100644
--- a/web/app/components/base/select/index.tsx
+++ b/web/app/components/base/select/index.tsx
@@ -174,7 +174,7 @@ const SimpleSelect: FC<ISelectProps> = ({
       }}
     >
       <div className={`relative h-9 ${wrapperClassName}`}>
-        <Listbox.Button className={`w-full h-full rounded-lg border-0 bg-gray-100 py-1.5 pl-3 pr-10 shadow-sm sm:text-sm sm:leading-6 focus-visible:outline-none focus-visible:bg-gray-200 group-hover:bg-gray-200 cursor-pointer ${className}`}>
+        <Listbox.Button className={`w-full h-full rounded-lg border-0 bg-gray-100 py-1.5 pl-3 pr-10 sm:text-sm sm:leading-6 focus-visible:outline-none focus-visible:bg-gray-200 group-hover:bg-gray-200 cursor-pointer ${className}`}>
           <span className={classNames('block truncate text-left', !selectedItem?.name && 'text-gray-400')}>{selectedItem?.name ?? localPlaceholder}</span>
           <span className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-2">
             <ChevronDownIcon
diff --git a/web/app/components/base/slider/index.tsx b/web/app/components/base/slider/index.tsx
index eb9fecd959..cfd5af6994 100644
--- a/web/app/components/base/slider/index.tsx
+++ b/web/app/components/base/slider/index.tsx
@@ -10,15 +10,15 @@ type ISliderProps = {
 
 const Slider: React.FC<ISliderProps> = ({ max, min, step, value, onChange }) => {
   return <ReactSlider
-        value={value}
-        min={min || 0}
-        max={max || 100}
-        step={step || 1}
-        className="slider"
-        thumbClassName="slider-thumb"
-        trackClassName="slider-track"
-        onChange={onChange}
-    />
+    value={isNaN(value) ? 0 : value}
+    min={min || 0}
+    max={max || 100}
+    step={step || 1}
+    className="slider"
+    thumbClassName="slider-thumb"
+    trackClassName="slider-track"
+    onChange={onChange}
+  />
 }
 
 export default Slider
diff --git a/web/app/components/base/switch/index.tsx b/web/app/components/base/switch/index.tsx
index 848f1d4491..fec88ecdde 100644
--- a/web/app/components/base/switch/index.tsx
+++ b/web/app/components/base/switch/index.tsx
@@ -5,7 +5,7 @@ import { Switch as OriginalSwitch } from '@headlessui/react'
 
 type SwitchProps = {
   onChange: (value: boolean) => void
-  size?: 'md' | 'lg'
+  size?: 'md' | 'lg' | 'l'
   defaultValue?: boolean
   disabled?: boolean
 }
@@ -17,16 +17,19 @@ const Switch = ({ onChange, size = 'lg', defaultValue = false, disabled = false
   }, [defaultValue])
   const wrapStyle = {
     lg: 'h-6 w-11',
+    l: 'h-5 w-9',
     md: 'h-4 w-7',
   }
 
   const circleStyle = {
     lg: 'h-5 w-5',
+    l: 'h-4 w-4',
     md: 'h-3 w-3',
   }
 
   const translateLeft = {
     lg: 'translate-x-5',
+    l: 'translate-x-4',
     md: 'translate-x-3',
   }
   return (
diff --git a/web/app/components/datasets/documents/detail/index.tsx b/web/app/components/datasets/documents/detail/index.tsx
index 90de7b60ab..b328f56cd7 100644
--- a/web/app/components/datasets/documents/detail/index.tsx
+++ b/web/app/components/datasets/documents/detail/index.tsx
@@ -21,7 +21,7 @@ import { fetchDocumentDetail } from '@/service/datasets'
 
 export const BackCircleBtn: FC<{ onClick: () => void }> = ({ onClick }) => {
   return (
-    <div onClick={onClick} className={'rounded-full w-8 h-8 flex justify-center items-center border-gray-100 cursor-pointer border hover:border-gray-300 shadow-[0px_12px_16px_-4px_rgba(16,24,40,0.08),0px_4px_6px_-2px_rgba(16,24,40,0.03)]'}>
+    <div onClick={onClick} className={'rounded-full w-8 h-8 flex justify-center items-center border-gray-100 cursor-pointer border hover:border-gray-300 shadow-lg'}>
       <ArrowLeftIcon className='text-primary-600 fill-current stroke-current h-4 w-4' />
     </div>
   )
diff --git a/web/app/components/datasets/documents/detail/metadata/style.module.css b/web/app/components/datasets/documents/detail/metadata/style.module.css
index ca01bdb95a..8dd8cee064 100644
--- a/web/app/components/datasets/documents/detail/metadata/style.module.css
+++ b/web/app/components/datasets/documents/detail/metadata/style.module.css
@@ -6,13 +6,13 @@
 }
 .iconWrapper {
   @apply box-border cursor-pointer h-8 w-8 inline-flex items-center justify-center;
-  @apply border-[#EAECF5] border rounded-lg hover:border-primary-200 hover:bg-primary-25 hover:shadow-[0px_4px_8px_-2px_rgba(16,24,40,0.1),0px_2px_4px_-2px_rgba(16,24,40,0.06)];
+  @apply border-[#EAECF5] border rounded-lg hover:border-primary-200 hover:bg-primary-25 hover:shadow-md;
 }
 .icon {
   @apply h-4 w-4 stroke-current stroke-[2px] text-gray-700 group-hover:stroke-primary-600;
 }
 .iconCheck {
-  @apply border-primary-400 border-[1.5px] bg-primary-25 shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] !important;
+  @apply border-primary-400 border-[1.5px] bg-primary-25 shadow-sm !important;
 }
 .commonIcon {
   @apply w-4 h-4 inline-block align-middle bg-gray-700 hover:bg-primary-600;
diff --git a/web/app/components/explore/universal-chat/config-view/detail/index.tsx b/web/app/components/explore/universal-chat/config-view/detail/index.tsx
index 916fb8a19a..fda11c74b5 100644
--- a/web/app/components/explore/universal-chat/config-view/detail/index.tsx
+++ b/web/app/components/explore/universal-chat/config-view/detail/index.tsx
@@ -5,14 +5,17 @@ import cn from 'classnames'
 import { useTranslation } from 'react-i18next'
 import s from './style.module.css'
 import Config from '@/app/components/explore/universal-chat/config'
+import type { ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
 
 type Props = {
   modelId: string
+  providerName: ProviderEnum
   plugins: Record<string, boolean>
   dataSets: any[]
 }
 const ConfigViewPanel: FC<Props> = ({
   modelId,
+  providerName,
   plugins,
   dataSets,
 }) => {
@@ -23,6 +26,7 @@ const ConfigViewPanel: FC<Props> = ({
         <Config
           readonly
           modelId={modelId}
+          providerName={providerName}
           plugins={plugins}
           dataSets={dataSets}
         />
diff --git a/web/app/components/explore/universal-chat/config-view/summary/index.tsx b/web/app/components/explore/universal-chat/config-view/summary/index.tsx
index 1d5828fdb8..b5e289f297 100644
--- a/web/app/components/explore/universal-chat/config-view/summary/index.tsx
+++ b/web/app/components/explore/universal-chat/config-view/summary/index.tsx
@@ -7,9 +7,11 @@ import s from './style.module.css'
 import ModelIcon from '@/app/components/app/configuration/config-model/model-icon'
 import { Google, WebReader, Wikipedia } from '@/app/components/base/icons/src/public/plugins'
 import ConfigDetail from '@/app/components/explore/universal-chat/config-view/detail'
-
+import type { ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
+import ModelName from '@/app/components/app/configuration/config-model/model-name'
 export type ISummaryProps = {
   modelId: string
+  providerName: ProviderEnum
   plugins: Record<string, boolean>
   dataSets: any[]
 }
@@ -40,6 +42,7 @@ const getPlugIcon = (pluginId: string) => {
 
 const Summary: FC<ISummaryProps> = ({
   modelId,
+  providerName,
   plugins,
   dataSets,
 }) => {
@@ -54,8 +57,8 @@ const Summary: FC<ISummaryProps> = ({
   return (
     <div ref={configContentRef} className='relative'>
       <div onClick={toggleShowConfig} className={cn(getColorInfo(modelId), 'flex items-center px-1 h-8 rounded-lg border cursor-pointer')}>
-        <ModelIcon modelId={modelId} className='!w-6 !h-6' />
-        <div className='ml-2 text-[13px] font-medium text-gray-900'>{modelId}</div>
+        <ModelIcon providerName={providerName} modelId={modelId} className='!w-6 !h-6' />
+        <div className='ml-2 text-[13px] font-medium text-gray-900'><ModelName modelId={modelId} /></div>
         {
           pluginIds.length > 0 && (
             <div className='ml-1.5 flex items-center'>
@@ -75,7 +78,10 @@ const Summary: FC<ISummaryProps> = ({
       </div>
       {isShowConfig && (
         <ConfigDetail
-          modelId={modelId} plugins={plugins} dataSets={dataSets}
+          modelId={modelId}
+          providerName={providerName}
+          plugins={plugins}
+          dataSets={dataSets}
         />
       )}
     </div>
diff --git a/web/app/components/explore/universal-chat/config/index.tsx b/web/app/components/explore/universal-chat/config/index.tsx
index c0932af932..7b6f4e59a2 100644
--- a/web/app/components/explore/universal-chat/config/index.tsx
+++ b/web/app/components/explore/universal-chat/config/index.tsx
@@ -4,12 +4,14 @@ import React from 'react'
 import ModelConfig from './model-config'
 import DataConfig from './data-config'
 import PluginConfig from './plugins-config'
+import type { ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
 
 export type IConfigProps = {
   className?: string
   readonly?: boolean
   modelId: string
-  onModelChange?: (modelId: string) => void
+  providerName: ProviderEnum
+  onModelChange?: (modelId: string, providerName: ProviderEnum) => void
   plugins: Record<string, boolean>
   onPluginChange?: (key: string, value: boolean) => void
   dataSets: any[]
@@ -20,6 +22,7 @@ const Config: FC<IConfigProps> = ({
   className,
   readonly,
   modelId,
+  providerName,
   onModelChange,
   plugins,
   onPluginChange,
@@ -31,6 +34,7 @@ const Config: FC<IConfigProps> = ({
       <ModelConfig
         readonly={readonly}
         modelId={modelId}
+        providerName={providerName}
         onChange={onModelChange}
       />
       <PluginConfig
diff --git a/web/app/components/explore/universal-chat/config/model-config/index.tsx b/web/app/components/explore/universal-chat/config/model-config/index.tsx
index d013d861cd..a5851c5048 100644
--- a/web/app/components/explore/universal-chat/config/model-config/index.tsx
+++ b/web/app/components/explore/universal-chat/config/model-config/index.tsx
@@ -1,60 +1,41 @@
 'use client'
 import type { FC } from 'react'
 import React from 'react'
-import cn from 'classnames'
-import { useBoolean, useClickAway } from 'ahooks'
-import { ChevronDownIcon } from '@heroicons/react/24/outline'
 import { useTranslation } from 'react-i18next'
-import ModelIcon from '@/app/components/app/configuration/config-model/model-icon'
-import { UNIVERSAL_CHAT_MODEL_LIST as MODEL_LIST } from '@/config'
-import { Checked as CheckedIcon } from '@/app/components/base/icons/src/public/model'
+import { ModelType, type ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
+import ModelSelector from '@/app/components/header/account-setting/model-page/model-selector'
 export type IModelConfigProps = {
   modelId: string
-  onChange?: (model: string) => void
+  providerName: ProviderEnum
+  onChange?: (modelId: string, providerName: ProviderEnum) => void
   readonly?: boolean
 }
 
 const ModelConfig: FC<IModelConfigProps> = ({
   modelId,
+  providerName,
   onChange,
   readonly,
 }) => {
   const { t } = useTranslation()
 
-  const currModel = MODEL_LIST.find(item => item.id === modelId)
-  const [isShowOption, { setFalse: hideOption, toggle: toogleOption }] = useBoolean(false)
-  const triggerRef = React.useRef(null)
-  useClickAway(() => {
-    hideOption()
-  }, triggerRef)
-
   return (
     <div className='flex items-center justify-between h-[52px] px-3 rounded-xl bg-gray-50'>
       <div className='text-sm font-semibold text-gray-800'>{t('explore.universalChat.model')}</div>
-      <div className="relative z-10">
-        <div
-          ref={triggerRef}
-          onClick={() => !readonly && toogleOption()}
-          className={cn(
-            readonly ? 'cursor-not-allowed' : 'cursor-pointer', 'flex items-center h-9 px-3 space-x-2 rounded-lg',
-            isShowOption && 'bg-gray-100',
-          )}>
-          <ModelIcon modelId={currModel?.id as string} />
-          <div className="text-sm gray-900">{currModel?.name}</div>
-          {!readonly && <ChevronDownIcon className={cn(isShowOption && 'rotate-180', 'w-[14px] h-[14px] text-gray-500')} />}
-        </div>
-        {isShowOption && (
-          <div className={cn('absolute top-10 right-0 bg-white rounded-lg shadow')}>
-            {MODEL_LIST.map(item => (
-              <div key={item.id} onClick={() => onChange?.(item.id)} className="w-[232px] flex items-center h-9 px-4 rounded-lg cursor-pointer hover:bg-gray-100">
-                <ModelIcon className='shrink-0 mr-2' modelId={item?.id} />
-                <div className="text-sm gray-900 whitespace-nowrap">{item.name}</div>
-                {(item.id === currModel?.id) && <CheckedIcon className='absolute right-4' />}
-              </div>
-            ))}
-          </div>
-        )}
-      </div>
+      <ModelSelector
+        popClassName="right-0"
+        triggerIconSmall
+        modelType={ModelType.textGeneration}
+        supportAgentThought
+        value={{
+          modelName: modelId,
+          providerName,
+        }}
+        onChange={(model) => {
+          onChange?.(model.model_name, model.model_provider.provider_name)
+        }}
+        readonly={readonly}
+      />
     </div>
   )
 }
diff --git a/web/app/components/explore/universal-chat/index.tsx b/web/app/components/explore/universal-chat/index.tsx
index ff77c40329..c7d42aafa7 100644
--- a/web/app/components/explore/universal-chat/index.tsx
+++ b/web/app/components/explore/universal-chat/index.tsx
@@ -39,16 +39,20 @@ import type { DataSet } from '@/models/datasets'
 import ConfigSummary from '@/app/components/explore/universal-chat/config-view/summary'
 import { fetchDatasets } from '@/service/datasets'
 import ItemOperation from '@/app/components/explore/item-operation'
+import { useProviderContext } from '@/context/provider-context'
+import type { ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
 
 const APP_ID = 'universal-chat'
-const DEFAULT_MODEL_ID = 'gpt-3.5-turbo' // gpt-4, claude-2
 const DEFAULT_PLUGIN = {
   google_search: false,
   web_reader: true,
   wikipedia: true,
 }
-const CONFIG_KEY = 'universal-chat-config'
+// Old configuration structure is not compatible with the current configuration
+localStorage.removeItem('universal-chat-config')
+const CONFIG_KEY = 'universal-chat-config-2'
 type CONFIG = {
+  providerName: string
   modelId: string
   plugin: {
     google_search: boolean
@@ -61,13 +65,6 @@ const setPrevConfig = (config: CONFIG) => {
   prevConfig = config
   localStorage.setItem(CONFIG_KEY, JSON.stringify(prevConfig))
 }
-const getInitConfig = (type: 'model' | 'plugin') => {
-  if (type === 'model')
-    return prevConfig?.modelId || DEFAULT_MODEL_ID
-
-  if (type === 'plugin')
-    return prevConfig?.plugin || DEFAULT_PLUGIN
-}
 
 export type IMainProps = {}
 
@@ -75,6 +72,18 @@ const Main: FC<IMainProps> = () => {
   const { t } = useTranslation()
   const media = useBreakpoints()
   const isMobile = media === MediaType.mobile
+  const { agentThoughtModelList } = useProviderContext()
+  const getInitConfig = (type: 'model' | 'plugin') => {
+    if (type === 'model') {
+      return {
+        providerName: prevConfig?.providerName || agentThoughtModelList?.[0]?.model_provider.provider_name,
+        modelId: prevConfig?.modelId || agentThoughtModelList?.[0]?.model_name,
+      }
+    }
+
+    if (type === 'plugin')
+      return prevConfig?.plugin || DEFAULT_PLUGIN
+  }
 
   useEffect(() => {
     document.title = `${t('explore.sidebar.chat')} -  Dify`
@@ -441,8 +450,14 @@ const Main: FC<IMainProps> = () => {
   const [isResponsingConIsCurrCon, setIsResponsingConCurrCon, getIsResponsingConIsCurrCon] = useGetState(true)
   const handleSend = async (message: string) => {
     if (isNewConversation) {
+      const isModelSelected = modelId && !!agentThoughtModelList.find(item => item.model_name === modelId)
+      if (!isModelSelected) {
+        notify({ type: 'error', message: t('appDebug.errorMessage.notSelectModel') })
+        return
+      }
       setPrevConfig({
         modelId,
+        providerName,
         plugin: plugins as any,
       })
     }
@@ -468,6 +483,7 @@ const Main: FC<IMainProps> = () => {
       query: message,
       conversation_id: isNewConversation ? null : currConversationId,
       model: modelId,
+      provider: providerName,
       tools: [...formattedPlugins, ...formattedDataSets],
     }
 
@@ -629,8 +645,9 @@ const Main: FC<IMainProps> = () => {
       />
     )
   }
-
-  const [modelId, setModeId] = useState<string>(getInitConfig('model') as string)
+  const initConfig = getInitConfig('model')
+  const [modelId, setModeId] = useState<string>((initConfig as any)?.modelId as string)
+  const [providerName, setProviderName] = useState<ProviderEnum>((initConfig as any)?.providerName as ProviderEnum)
   // const currModel = MODEL_LIST.find(item => item.id === modelId)
 
   const [plugins, setPlugins] = useState<Record<string, boolean>>(getInitConfig('plugin') as Record<string, boolean>)
@@ -642,7 +659,9 @@ const Main: FC<IMainProps> = () => {
   }
   const [dataSets, setDateSets] = useState<DataSet[]>([])
   const configSetDefaultValue = () => {
-    setModeId(getInitConfig('model') as string)
+    const initConfig = getInitConfig('model')
+    setModeId((initConfig as any)?.modelId as string)
+    setProviderName((initConfig as any)?.providerName as ProviderEnum)
     setPlugins(getInitConfig('plugin') as any)
     setDateSets([])
   }
@@ -689,6 +708,7 @@ const Main: FC<IMainProps> = () => {
                 <div className='flex items-center shrink-0 ml-2 space-x-2'>
                   <ConfigSummary
                     modelId={modelId}
+                    providerName={providerName}
                     plugins={plugins}
                     dataSets={dataSets}
                   />
@@ -712,7 +732,11 @@ const Main: FC<IMainProps> = () => {
                 isShowConfigElem={isNewConversation && chatList.length === 0}
                 configElem={<Init
                   modelId={modelId}
-                  onModelChange={setModeId}
+                  providerName={providerName}
+                  onModelChange={(modelId, providerName) => {
+                    setModeId(modelId)
+                    setProviderName(providerName)
+                  }}
                   plugins={plugins}
                   onPluginChange={handlePluginsChange}
                   dataSets={dataSets}
diff --git a/web/app/components/header/account-dropdown/index.tsx b/web/app/components/header/account-dropdown/index.tsx
index 5e55fc3c47..9a344e2152 100644
--- a/web/app/components/header/account-dropdown/index.tsx
+++ b/web/app/components/header/account-dropdown/index.tsx
@@ -71,7 +71,7 @@ export default function AppSelector() {
                   className="
                     absolute right-0 mt-1.5 w-60 max-w-80
                     divide-y divide-gray-100 origin-top-right rounded-lg bg-white
-                    shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_rgba(0,0,0,0.05)]
+                    shadow-lg
                   "
                 >
                   <Menu.Item>
diff --git a/web/app/components/header/account-setting/data-source-page/data-source-notion/operate/index.tsx b/web/app/components/header/account-setting/data-source-page/data-source-notion/operate/index.tsx
index 84d3b0b75e..ea8d121b49 100644
--- a/web/app/components/header/account-setting/data-source-page/data-source-notion/operate/index.tsx
+++ b/web/app/components/header/account-setting/data-source-page/data-source-notion/operate/index.tsx
@@ -66,7 +66,7 @@ export default function Operate({
                 className="
                   absolute right-0 top-9 w-60 max-w-80
                   divide-y divide-gray-100 origin-top-right rounded-lg bg-white
-                  shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_rgba(0,0,0,0.05)]
+                  shadow-lg
                 "
               >
                 <div className="px-1 py-1">
diff --git a/web/app/components/header/account-setting/index.module.css b/web/app/components/header/account-setting/index.module.css
index e7d1ef61e6..e270b050ee 100644
--- a/web/app/components/header/account-setting/index.module.css
+++ b/web/app/components/header/account-setting/index.module.css
@@ -1,5 +1,6 @@
 .modal {
-  max-width: 720px !important;
+  max-width: 1024px !important;
+  border-radius: 12px !important;
   padding: 0 !important;
   overflow-y: auto;
 }
\ No newline at end of file
diff --git a/web/app/components/header/account-setting/index.tsx b/web/app/components/header/account-setting/index.tsx
index 4fd80541e9..e011a8ac10 100644
--- a/web/app/components/header/account-setting/index.tsx
+++ b/web/app/components/header/account-setting/index.tsx
@@ -2,19 +2,22 @@
 import { useTranslation } from 'react-i18next'
 import { useEffect, useRef, useState } from 'react'
 import cn from 'classnames'
-import { AtSymbolIcon, CubeTransparentIcon, GlobeAltIcon, UserIcon, UsersIcon, XMarkIcon } from '@heroicons/react/24/outline'
-import { GlobeAltIcon as GlobalAltIconSolid, UserIcon as UserIconSolid, UsersIcon as UsersIconSolid } from '@heroicons/react/24/solid'
 import AccountPage from './account-page'
 import MembersPage from './members-page'
 import IntegrationsPage from './Integrations-page'
 import LanguagePage from './language-page'
-import ProviderPage from './provider-page'
 import PluginPage from './plugin-page'
 import DataSourcePage from './data-source-page'
+import ModelPage from './model-page'
 import s from './index.module.css'
 import Modal from '@/app/components/base/modal'
 import { Database03, PuzzlePiece01 } from '@/app/components/base/icons/src/vender/line/development'
 import { Database03 as Database03Solid, PuzzlePiece01 as PuzzlePiece01Solid } from '@/app/components/base/icons/src/vender/solid/development'
+import { User01, Users01 } from '@/app/components/base/icons/src/vender/line/users'
+import { User01 as User01Solid, Users01 as Users01Solid } from '@/app/components/base/icons/src/vender/solid/users'
+import { Globe01 } from '@/app/components/base/icons/src/vender/line/mapsAndTravel'
+import { AtSign, XClose } from '@/app/components/base/icons/src/vender/line/general'
+import { CubeOutline } from '@/app/components/base/icons/src/vender/line/shapes'
 
 const iconClassName = `
   w-4 h-4 ml-3 mr-2
@@ -35,30 +38,6 @@ export default function AccountSetting({
   const [activeMenu, setActiveMenu] = useState(activeTab)
   const { t } = useTranslation()
   const menuItems = [
-    {
-      key: 'account-group',
-      name: t('common.settings.accountGroup'),
-      items: [
-        {
-          key: 'account',
-          name: t('common.settings.account'),
-          icon: <UserIcon className={iconClassName} />,
-          activeIcon: <UserIconSolid className={iconClassName} />,
-        },
-        {
-          key: 'integrations',
-          name: t('common.settings.integrations'),
-          icon: <AtSymbolIcon className={iconClassName} />,
-          activeIcon: <AtSymbolIcon className={iconClassName} />,
-        },
-        {
-          key: 'language',
-          name: t('common.settings.language'),
-          icon: <GlobeAltIcon className={iconClassName} />,
-          activeIcon: <GlobalAltIconSolid className={iconClassName} />,
-        },
-      ],
-    },
     {
       key: 'workspace-group',
       name: t('common.settings.workplaceGroup'),
@@ -66,14 +45,14 @@ export default function AccountSetting({
         {
           key: 'members',
           name: t('common.settings.members'),
-          icon: <UsersIcon className={iconClassName} />,
-          activeIcon: <UsersIconSolid className={iconClassName} />,
+          icon: <Users01 className={iconClassName} />,
+          activeIcon: <Users01Solid className={iconClassName} />,
         },
         {
           key: 'provider',
           name: t('common.settings.provider'),
-          icon: <CubeTransparentIcon className={iconClassName} />,
-          activeIcon: <CubeTransparentIcon className={iconClassName} />,
+          icon: <CubeOutline className={iconClassName} />,
+          activeIcon: <CubeOutline className={iconClassName} />,
         },
         {
           key: 'data-source',
@@ -89,6 +68,30 @@ export default function AccountSetting({
         },
       ],
     },
+    {
+      key: 'account-group',
+      name: t('common.settings.accountGroup'),
+      items: [
+        {
+          key: 'account',
+          name: t('common.settings.account'),
+          icon: <User01 className={iconClassName} />,
+          activeIcon: <User01Solid className={iconClassName} />,
+        },
+        {
+          key: 'integrations',
+          name: t('common.settings.integrations'),
+          icon: <AtSign className={iconClassName} />,
+          activeIcon: <AtSign className={iconClassName} />,
+        },
+        {
+          key: 'language',
+          name: t('common.settings.language'),
+          icon: <Globe01 className={iconClassName} />,
+          activeIcon: <Globe01 className={iconClassName} />,
+        },
+      ],
+    },
   ]
   const scrollRef = useRef<HTMLDivElement>(null)
   const [scrolled, setScrolled] = useState(false)
@@ -101,6 +104,7 @@ export default function AccountSetting({
   }
   useEffect(() => {
     const targetElement = scrollRef.current
+
     targetElement?.addEventListener('scroll', scrollHandle)
     return () => {
       targetElement?.removeEventListener('scroll', scrollHandle)
@@ -143,17 +147,19 @@ export default function AccountSetting({
             }
           </div>
         </div>
-        <div ref={scrollRef} className='relative w-[520px] h-[580px] pb-4 overflow-y-auto'>
+        <div ref={scrollRef} className='relative w-[824px] h-[720px] pb-4 overflow-y-auto'>
           <div className={cn('sticky top-0 px-6 py-4 flex items-center justify-between h-14 mb-4 bg-white text-base font-medium text-gray-900 z-20', scrolled && scrolledClassName)}>
             {[...menuItems[0].items, ...menuItems[1].items].find(item => item.key === activeMenu)?.name}
-            <XMarkIcon className='w-4 h-4 cursor-pointer' onClick={onCancel} />
+            <div className='flex items-center justify-center -mr-4 w-6 h-6 cursor-pointer' onClick={onCancel}>
+              <XClose className='w-4 h-4 text-gray-500' />
+            </div>
           </div>
-          <div className='px-6'>
+          <div className='px-8 pt-2'>
             {activeMenu === 'account' && <AccountPage />}
             {activeMenu === 'members' && <MembersPage />}
             {activeMenu === 'integrations' && <IntegrationsPage />}
             {activeMenu === 'language' && <LanguagePage />}
-            {activeMenu === 'provider' && <ProviderPage />}
+            {activeMenu === 'provider' && <ModelPage />}
             {activeMenu === 'data-source' && <DataSourcePage />}
             {activeMenu === 'plugin' && <PluginPage />}
           </div>
diff --git a/web/app/components/header/account-setting/key-validator/KeyInput.tsx b/web/app/components/header/account-setting/key-validator/KeyInput.tsx
index 6647dde756..e8551c4ef0 100644
--- a/web/app/components/header/account-setting/key-validator/KeyInput.tsx
+++ b/web/app/components/header/account-setting/key-validator/KeyInput.tsx
@@ -54,7 +54,7 @@ const KeyInput = ({
       <div className="mb-2 text-[13px] font-medium text-gray-800">{name}</div>
       <div className='
         flex items-center px-3 bg-white rounded-lg
-        shadow-[0_1px_2px_rgba(16,24,40,0.05)]
+        shadow-xs
       '>
         <input
           className='
diff --git a/web/app/components/header/account-setting/key-validator/declarations.ts b/web/app/components/header/account-setting/key-validator/declarations.ts
index 23522c733b..718bb9e2c2 100644
--- a/web/app/components/header/account-setting/key-validator/declarations.ts
+++ b/web/app/components/header/account-setting/key-validator/declarations.ts
@@ -13,7 +13,7 @@ export type ValidatedStatusState = {
 
 export type Status = 'add' | 'fail' | 'success'
 
-export type ValidateValue = Record<string, string | undefined>
+export type ValidateValue = Record<string, string | undefined | boolean>
 
 export type ValidateCallback = {
   before: (v?: ValidateValue) => boolean | undefined
diff --git a/web/app/components/header/account-setting/key-validator/hooks.ts b/web/app/components/header/account-setting/key-validator/hooks.ts
index 45532f640a..d03f85c176 100644
--- a/web/app/components/header/account-setting/key-validator/hooks.ts
+++ b/web/app/components/header/account-setting/key-validator/hooks.ts
@@ -14,7 +14,6 @@ export const useValidate: (value: ValidateValue) => [DebouncedFunc<(validateCall
       setValidatedStatus({})
       return
     }
-
     setValidating(true)
 
     if (validateCallback.run) {
@@ -26,7 +25,7 @@ export const useValidate: (value: ValidateValue) => [DebouncedFunc<(validateCall
 
       setValidating(false)
     }
-  }, { wait: 500 })
+  }, { wait: 1000 })
 
   return [run, validating, validatedStatus]
 }
diff --git a/web/app/components/header/account-setting/members-page/index.tsx b/web/app/components/header/account-setting/members-page/index.tsx
index 78d6548f10..af1a0440c4 100644
--- a/web/app/components/header/account-setting/members-page/index.tsx
+++ b/web/app/components/header/account-setting/members-page/index.tsx
@@ -49,7 +49,7 @@ const MembersPage = () => {
           <div className='
             shrink-0 flex items-center py-[7px] px-3 border-[0.5px] border-gray-200
             text-[13px] font-medium text-primary-600 bg-white
-            shadow-[0_1px_2px_rgba(16,24,40,0.05)] rounded-lg cursor-pointer
+            shadow-xs rounded-lg cursor-pointer
           ' onClick={() => setInviteModalVisible(true)}>
             <UserPlusIcon className='w-4 h-4 mr-2 ' />
             {t('common.members.invite')}
diff --git a/web/app/components/header/account-setting/members-page/invited-modal/index.tsx b/web/app/components/header/account-setting/members-page/invited-modal/index.tsx
index 86c871c1d4..0ad1ef8afd 100644
--- a/web/app/components/header/account-setting/members-page/invited-modal/index.tsx
+++ b/web/app/components/header/account-setting/members-page/invited-modal/index.tsx
@@ -24,7 +24,7 @@ const InvitedModal = ({
           <div className='
             w-12 h-12 flex items-center justify-center rounded-xl
             bg-white border-[0.5px] border-gray-100
-            shadow-[0px_20px_24px_-4px_rgba(16,24,40,0.08),0px_8px_8px_-4px_rgba(16,24,40,0.03)]
+            shadow-xl
           '>
             <CheckCircleIcon className='w-[22px] h-[22px] text-[#039855]' />
           </div>
diff --git a/web/app/components/header/account-setting/model-page/configs/anthropic.tsx b/web/app/components/header/account-setting/model-page/configs/anthropic.tsx
new file mode 100644
index 0000000000..6abe1a45c0
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/anthropic.tsx
@@ -0,0 +1,80 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { Anthropic, AnthropicText } from '@/app/components/base/icons/src/public/llm'
+import { IS_CE_EDITION } from '@/config'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'Anthropic',
+      'zh-Hans': 'Anthropic',
+    },
+    icon: <Anthropic className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.anthropic,
+    titleIcon: {
+      'en': <AnthropicText className='h-5' />,
+      'zh-Hans': <AnthropicText className='h-5' />,
+    },
+    subTitleIcon: <Anthropic className='h-6' />,
+    desc: {
+      'en': 'Anthropic’s powerful models, such as Claude 2 and Claude Instant.',
+      'zh-Hans': 'Anthropic 的强大模型，例如 Claude 2 和 Claude Instant。',
+    },
+    bgColor: 'bg-[#F0F0EB]',
+  },
+  modal: {
+    key: ProviderEnum.anthropic,
+    title: {
+      'en': 'Anthropic',
+      'zh-Hans': 'Anthropic',
+    },
+    icon: <Anthropic className='h-6' />,
+    link: {
+      href: 'https://console.anthropic.com/account/keys',
+      label: {
+        'en': 'Get your API key from Anthropic',
+        'zh-Hans': '从 Anthropic 获取 API Key',
+      },
+    },
+    validateKeys: ['anthropic_api_key'],
+    fields: [
+      {
+        type: 'text',
+        key: 'anthropic_api_key',
+        required: true,
+        label: {
+          'en': 'API Key',
+          'zh-Hans': 'API Key',
+        },
+        placeholder: {
+          'en': 'Enter your API key here',
+          'zh-Hans': '在此输入您的 API Key',
+        },
+      },
+      ...(
+        IS_CE_EDITION
+          ? [{
+            type: 'text',
+            key: 'anthropic_api_url',
+            required: false,
+            label: {
+              'en': 'Custom API Domain',
+              'zh-Hans': '自定义 API 域名',
+            },
+            placeholder: {
+              'en': 'Enter your API domain, eg: https://example.com/xxx(Optional)',
+              'zh-Hans': '在此输入您的 API 域名，如：https://example.com/xxx（选填）',
+            },
+            help: {
+              'en': 'Configurable custom Anthropic API server url.',
+              'zh-Hans': '可配置自定义 Anthropic API 服务器地址。',
+            },
+          }]
+          : []
+      ),
+    ],
+  },
+}
+export default config
diff --git a/web/app/components/header/account-setting/model-page/configs/azure_openai.tsx b/web/app/components/header/account-setting/model-page/configs/azure_openai.tsx
new file mode 100644
index 0000000000..7a3c63ec31
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/azure_openai.tsx
@@ -0,0 +1,175 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { AzureOpenaiService, AzureOpenaiServiceText, OpenaiBlue } from '@/app/components/base/icons/src/public/llm'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'Azure OpenAI Service',
+      'zh-Hans': 'Azure OpenAI Service',
+    },
+    icon: <OpenaiBlue className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.azure_openai,
+    titleIcon: {
+      'en': <AzureOpenaiServiceText className='h-6' />,
+      'zh-Hans': <AzureOpenaiServiceText className='h-6' />,
+    },
+  },
+  modal: {
+    key: ProviderEnum.azure_openai,
+    title: {
+      'en': 'Azure OpenAI Service Model',
+      'zh-Hans': 'Azure OpenAI Service Model',
+    },
+    icon: <AzureOpenaiService className='h-6' />,
+    link: {
+      href: 'https://azure.microsoft.com/en-us/products/ai-services/openai-service',
+      label: {
+        'en': 'Get your API key from Azure',
+        'zh-Hans': '从 Azure 获取 API Key',
+      },
+    },
+    defaultValue: {
+      model_type: 'text-generation',
+    },
+    validateKeys: [
+      'model_name',
+      'model_type',
+      'openai_api_base',
+      'openai_api_key',
+      'base_model_name',
+    ],
+    fields: [
+      {
+        type: 'text',
+        key: 'model_name',
+        required: true,
+        label: {
+          'en': 'Deployment Name',
+          'zh-Hans': '部署名称',
+        },
+        placeholder: {
+          'en': 'Enter your Deployment Name here',
+          'zh-Hans': '在此输入您的部署名称',
+        },
+      },
+      {
+        type: 'radio',
+        key: 'model_type',
+        required: true,
+        label: {
+          'en': 'Model Type',
+          'zh-Hans': '模型类型',
+        },
+        options: [
+          {
+            key: 'text-generation',
+            label: {
+              'en': 'Text Generation',
+              'zh-Hans': '文本生成',
+            },
+          },
+          {
+            key: 'embeddings',
+            label: {
+              'en': 'Embeddings',
+              'zh-Hans': 'Embeddings',
+            },
+          },
+        ],
+      },
+      {
+        type: 'text',
+        key: 'openai_api_base',
+        required: true,
+        label: {
+          'en': 'API Endpoint URL',
+          'zh-Hans': 'API 域名',
+        },
+        placeholder: {
+          'en': 'Enter your API Endpoint, eg: https://example.com/xxx',
+          'zh-Hans': '在此输入您的 API 域名，如：https://example.com/xxx',
+        },
+      },
+      {
+        type: 'text',
+        key: 'openai_api_key',
+        required: true,
+        label: {
+          'en': 'API Key',
+          'zh-Hans': 'API Key',
+        },
+        placeholder: {
+          'en': 'Enter your API key here',
+          'zh-Hans': '在此输入您的 API Key',
+        },
+      },
+      {
+        type: 'select',
+        key: 'base_model_name',
+        required: true,
+        label: {
+          'en': 'Base Model',
+          'zh-Hans': '基础模型',
+        },
+        options: (v) => {
+          if (v.model_type === 'text-generation') {
+            return [
+              {
+                key: 'gpt-35-turbo',
+                label: {
+                  'en': 'gpt-35-turbo',
+                  'zh-Hans': 'gpt-35-turbo',
+                },
+              },
+              {
+                key: 'gpt-35-turbo-16k',
+                label: {
+                  'en': 'gpt-35-turbo-16k',
+                  'zh-Hans': 'gpt-35-turbo-16k',
+                },
+              },
+              {
+                key: 'gpt-4',
+                label: {
+                  'en': 'gpt-4',
+                  'zh-Hans': 'gpt-4',
+                },
+              },
+              {
+                key: 'gpt-4-32k',
+                label: {
+                  'en': 'gpt-4-32k',
+                  'zh-Hans': 'gpt-4-32k',
+                },
+              },
+              {
+                key: 'text-davinci-003',
+                label: {
+                  'en': 'text-davinci-003',
+                  'zh-Hans': 'text-davinci-003',
+                },
+              },
+            ]
+          }
+          if (v.model_type === 'embeddings') {
+            return [
+              {
+                key: 'text-embedding-ada-002',
+                label: {
+                  'en': 'text-embedding-ada-002',
+                  'zh-Hans': 'text-embedding-ada-002',
+                },
+              },
+            ]
+          }
+          return []
+        },
+      },
+    ],
+  },
+}
+
+export default config
diff --git a/web/app/components/header/account-setting/model-page/configs/chatglm.tsx b/web/app/components/header/account-setting/model-page/configs/chatglm.tsx
new file mode 100644
index 0000000000..c6828153ea
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/chatglm.tsx
@@ -0,0 +1,69 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { Chatglm, ChatglmText } from '@/app/components/base/icons/src/public/llm'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'ChatGLM',
+      'zh-Hans': 'ChatGLM',
+    },
+    icon: <Chatglm className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.chatglm,
+    titleIcon: {
+      'en': <ChatglmText className='h-6' />,
+      'zh-Hans': <ChatglmText className='h-6' />,
+    },
+    disable: {
+      tip: {
+        'en': 'Only supports the ',
+        'zh-Hans': '仅支持',
+      },
+      link: {
+        href: {
+          'en': 'https://docs.dify.ai/getting-started/install-self-hosted',
+          'zh-Hans': 'https://docs.dify.ai/v/zh-hans/getting-started/install-self-hosted',
+        },
+        label: {
+          'en': 'community open-source version',
+          'zh-Hans': '社区开源版本',
+        },
+      },
+    },
+  },
+  modal: {
+    key: ProviderEnum.chatglm,
+    title: {
+      'en': 'ChatGLM',
+      'zh-Hans': 'ChatGLM',
+    },
+    icon: <Chatglm className='h-6' />,
+    link: {
+      href: 'https://github.com/THUDM/ChatGLM-6B#api%E9%83%A8%E7%BD%B2',
+      label: {
+        'en': 'How to deploy ChatGLM',
+        'zh-Hans': '如何部署 ChatGLM',
+      },
+    },
+    validateKeys: ['api_base'],
+    fields: [
+      {
+        type: 'text',
+        key: 'api_base',
+        required: true,
+        label: {
+          'en': 'Custom API Domain',
+          'zh-Hans': '自定义 API 域名',
+        },
+        placeholder: {
+          'en': 'Enter your API domain, eg: https://example.com/xxx',
+          'zh-Hans': '在此输入您的 API 域名，如：https://example.com/xxx',
+        },
+      },
+    ],
+  },
+}
+
+export default config
diff --git a/web/app/components/header/account-setting/model-page/configs/huggingface_hub.tsx b/web/app/components/header/account-setting/model-page/configs/huggingface_hub.tsx
new file mode 100644
index 0000000000..420ee2b567
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/huggingface_hub.tsx
@@ -0,0 +1,127 @@
+import { ProviderEnum } from '../declarations'
+import type { FormValue, ProviderConfig } from '../declarations'
+import { Huggingface, HuggingfaceText } from '@/app/components/base/icons/src/public/llm'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'Hugging Face',
+      'zh-Hans': 'Hugging Face',
+    },
+    icon: <Huggingface className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.huggingface_hub,
+    titleIcon: {
+      'en': <HuggingfaceText className='h-6' />,
+      'zh-Hans': <HuggingfaceText className='h-6' />,
+    },
+    hit: {
+      'en': '🐑 Llama 2 Supported',
+      'zh-Hans': '🐑 Llama 2 已支持',
+    },
+  },
+  modal: {
+    key: ProviderEnum.huggingface_hub,
+    title: {
+      'en': 'Hugging Face Model',
+      'zh-Hans': 'Hugging Face Model',
+    },
+    icon: <Huggingface className='h-6' />,
+    link: {
+      href: 'https://huggingface.co/settings/tokens',
+      label: {
+        'en': 'Get your API key from Hugging Face Hub',
+        'zh-Hans': '从 Hugging Face Hub 获取 API Key',
+      },
+    },
+    defaultValue: {
+      model_type: 'text-generation',
+      huggingfacehub_api_type: 'hosted_inference_api',
+    },
+    validateKeys: (v?: FormValue) => {
+      if (v?.huggingfacehub_api_type === 'hosted_inference_api') {
+        return [
+          'huggingfacehub_api_token',
+          'model_name',
+        ]
+      }
+      if (v?.huggingfacehub_api_type === 'inference_endpoints') {
+        return [
+          'huggingfacehub_api_token',
+          'model_name',
+          'huggingfacehub_endpoint_url',
+        ]
+      }
+      return []
+    },
+    fields: [
+      {
+        type: 'radio',
+        key: 'huggingfacehub_api_type',
+        required: true,
+        label: {
+          'en': 'Endpoint Type',
+          'zh-Hans': '端点类型',
+        },
+        options: [
+          {
+            key: 'hosted_inference_api',
+            label: {
+              'en': 'Hosted Inference API',
+              'zh-Hans': 'Hosted Inference API',
+            },
+          },
+          {
+            key: 'inference_endpoints',
+            label: {
+              'en': 'Inference Endpoints',
+              'zh-Hans': 'Inference Endpoints',
+            },
+          },
+        ],
+      },
+      {
+        type: 'text',
+        key: 'huggingfacehub_api_token',
+        required: true,
+        label: {
+          'en': 'API Token',
+          'zh-Hans': 'API Token',
+        },
+        placeholder: {
+          'en': 'Enter your Hugging Face Hub API Token here',
+          'zh-Hans': '在此输入您的 Hugging Face Hub API Token',
+        },
+      },
+      {
+        type: 'text',
+        key: 'model_name',
+        required: true,
+        label: {
+          'en': 'Model Name',
+          'zh-Hans': '模型名称',
+        },
+        placeholder: {
+          'en': 'Enter your Model Name here',
+          'zh-Hans': '在此输入您的模型名称',
+        },
+      },
+      {
+        hidden: (value?: FormValue) => value?.huggingfacehub_api_type === 'hosted_inference_api',
+        type: 'text',
+        key: 'huggingfacehub_endpoint_url',
+        label: {
+          'en': 'Endpoint URL',
+          'zh-Hans': '端点 URL',
+        },
+        placeholder: {
+          'en': 'Enter your Endpoint URL here',
+          'zh-Hans': '在此输入您的端点 URL',
+        },
+      },
+    ],
+  },
+}
+
+export default config
diff --git a/web/app/components/header/account-setting/model-page/configs/index.ts b/web/app/components/header/account-setting/model-page/configs/index.ts
new file mode 100644
index 0000000000..2bb80349ea
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/index.ts
@@ -0,0 +1,23 @@
+import openai from './openai'
+import anthropic from './anthropic'
+import azure_openai from './azure_openai'
+import replicate from './replicate'
+import huggingface_hub from './huggingface_hub'
+import wenxin from './wenxin'
+import tongyi from './tongyi'
+import spark from './spark'
+import minimax from './minimax'
+import chatglm from './chatglm'
+
+export default {
+  openai,
+  anthropic,
+  azure_openai,
+  replicate,
+  huggingface_hub,
+  wenxin,
+  tongyi,
+  spark,
+  minimax,
+  chatglm,
+}
diff --git a/web/app/components/header/account-setting/model-page/configs/minimax.tsx b/web/app/components/header/account-setting/model-page/configs/minimax.tsx
new file mode 100644
index 0000000000..58e481fe01
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/minimax.tsx
@@ -0,0 +1,69 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { Minimax, MinimaxText } from '@/app/components/base/icons/src/image/llm'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'MINIMAX',
+      'zh-Hans': 'MINIMAX',
+    },
+    icon: <Minimax className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.minimax,
+    titleIcon: {
+      'en': <MinimaxText className='w-[84px] h-6' />,
+      'zh-Hans': <MinimaxText className='w-[84px] h-6' />,
+    },
+  },
+  modal: {
+    key: ProviderEnum.minimax,
+    title: {
+      'en': 'MiniMax',
+      'zh-Hans': 'MiniMax',
+    },
+    icon: <Minimax className='w-6 h-6' />,
+    link: {
+      href: 'https://api.minimax.chat/user-center/basic-information/interface-key',
+      label: {
+        'en': 'Get your API key from MiniMax',
+        'zh-Hans': '从 MiniMax 获取 API Key',
+      },
+    },
+    validateKeys: [
+      'minimax_api_key',
+      'minimax_group_id',
+    ],
+    fields: [
+      {
+        type: 'text',
+        key: 'minimax_api_key',
+        required: true,
+        label: {
+          'en': 'API Key',
+          'zh-Hans': 'API Key',
+        },
+        placeholder: {
+          'en': 'Enter your API key here',
+          'zh-Hans': '在此输入您的 API Key',
+        },
+      },
+      {
+        type: 'text',
+        key: 'minimax_group_id',
+        required: true,
+        label: {
+          'en': 'Group ID',
+          'zh-Hans': 'Group ID',
+        },
+        placeholder: {
+          'en': 'Enter your Group ID here',
+          'zh-Hans': '在此输入您的 Group ID',
+        },
+      },
+    ],
+  },
+}
+
+export default config
diff --git a/web/app/components/header/account-setting/model-page/configs/openai.tsx b/web/app/components/header/account-setting/model-page/configs/openai.tsx
new file mode 100644
index 0000000000..104f1e2a59
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/openai.tsx
@@ -0,0 +1,93 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { OpenaiBlack, OpenaiText, OpenaiTransparent } from '@/app/components/base/icons/src/public/llm'
+import { IS_CE_EDITION } from '@/config'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'OpenAI',
+      'zh-Hans': 'OpenAI',
+    },
+    icon: <OpenaiBlack className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.openai,
+    titleIcon: {
+      'en': <OpenaiText className='h-5' />,
+      'zh-Hans': <OpenaiText className='h-5' />,
+    },
+    subTitleIcon: <OpenaiBlack className='w-6 h-6' />,
+    desc: {
+      'en': 'Models provided by OpenAI, such as GPT-3.5-Turbo and GPT-4.',
+      'zh-Hans': 'OpenAI 提供的模型，例如 GPT-3.5-Turbo 和 GPT-4。',
+    },
+    bgColor: 'bg-gray-200',
+  },
+  modal: {
+    key: ProviderEnum.openai,
+    title: {
+      'en': 'OpenAI',
+      'zh-Hans': 'OpenAI',
+    },
+    icon: <OpenaiTransparent className='w-6 h-6' />,
+    link: {
+      href: 'https://platform.openai.com/account/api-keys',
+      label: {
+        'en': 'Get your API key from OpenAI',
+        'zh-Hans': '从 OpenAI 获取 API Key',
+      },
+    },
+    validateKeys: ['openai_api_key'],
+    fields: [
+      {
+        type: 'text',
+        key: 'openai_api_key',
+        required: true,
+        label: {
+          'en': 'API Key',
+          'zh-Hans': 'API Key',
+        },
+        placeholder: {
+          'en': 'Enter your API key here',
+          'zh-Hans': '在此输入您的 API Key',
+        },
+      },
+      {
+        type: 'text',
+        key: 'openai_organization',
+        required: false,
+        label: {
+          'en': 'Organization ID',
+          'zh-Hans': '组织 ID',
+        },
+        placeholder: {
+          'en': 'Enter your Organization ID(Optional)',
+          'zh-Hans': '在此输入您的组织 ID（选填）',
+        },
+      },
+      ...(
+        IS_CE_EDITION
+          ? [{
+            type: 'text',
+            key: 'openai_api_base',
+            required: false,
+            label: {
+              'en': 'Custom API Domain',
+              'zh-Hans': '自定义 API 域名',
+            },
+            placeholder: {
+              'en': 'Enter your API domain, eg: https://example.com/xxx(Optional)',
+              'zh-Hans': '在此输入您的 API 域名，如：https://example.com/xxx（选填）',
+            },
+            help: {
+              'en': 'You can configure your server compatible with the OpenAI API specification, or proxy mirror address',
+              'zh-Hans': '可配置您的兼容 OpenAI API 规范的服务器，或者代理镜像地址',
+            },
+          }]
+          : []
+      ),
+    ],
+  },
+}
+export default config
diff --git a/web/app/components/header/account-setting/model-page/configs/replicate.tsx b/web/app/components/header/account-setting/model-page/configs/replicate.tsx
new file mode 100644
index 0000000000..b749ee886a
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/replicate.tsx
@@ -0,0 +1,115 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { Replicate, ReplicateText } from '@/app/components/base/icons/src/public/llm'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'Replicate',
+      'zh-Hans': 'Replicate',
+    },
+    icon: <Replicate className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.replicate,
+    titleIcon: {
+      'en': <ReplicateText className='h-6' />,
+      'zh-Hans': <ReplicateText className='h-6' />,
+    },
+    hit: {
+      'en': '🐑 Llama 2 Supported',
+      'zh-Hans': '🐑 Llama 2 已支持',
+    },
+  },
+  modal: {
+    key: ProviderEnum.replicate,
+    title: {
+      'en': 'Replicate Model',
+      'zh-Hans': 'Replicate Model',
+    },
+    icon: <Replicate className='h-6' />,
+    link: {
+      href: 'https://replicate.com/account/api-tokens',
+      label: {
+        'en': 'Get your API key from Replicate',
+        'zh-Hans': '从 Replicate 获取 API Key',
+      },
+    },
+    defaultValue: {
+      model_type: 'text-generation',
+    },
+    validateKeys: [
+      'model_type',
+      'replicate_api_token',
+      'model_name',
+      'model_version',
+    ],
+    fields: [
+      {
+        type: 'radio',
+        key: 'model_type',
+        required: true,
+        label: {
+          'en': 'Model Type',
+          'zh-Hans': '模型类型',
+        },
+        options: [
+          {
+            key: 'text-generation',
+            label: {
+              'en': 'Text Generation',
+              'zh-Hans': '文本生成',
+            },
+          },
+          {
+            key: 'embeddings',
+            label: {
+              'en': 'Embeddings',
+              'zh-Hans': 'Embeddings',
+            },
+          },
+        ],
+      },
+      {
+        type: 'text',
+        key: 'replicate_api_token',
+        required: true,
+        label: {
+          'en': 'API Key',
+          'zh-Hans': 'API Key',
+        },
+        placeholder: {
+          'en': 'Enter your Replicate API key here',
+          'zh-Hans': '在此输入您的 Replicate API Key',
+        },
+      },
+      {
+        type: 'text',
+        key: 'model_name',
+        required: true,
+        label: {
+          'en': 'Model Name',
+          'zh-Hans': '模型名称',
+        },
+        placeholder: {
+          'en': 'Enter your Model Name here',
+          'zh-Hans': '在此输入您的模型名称',
+        },
+      },
+      {
+        type: 'text',
+        key: 'model_version',
+        label: {
+          'en': 'Model Version',
+          'zh-Hans': '模型版本',
+        },
+        placeholder: {
+          'en': 'Enter your Model Version here',
+          'zh-Hans': '在此输入您的模型版本',
+        },
+      },
+    ],
+  },
+}
+
+export default config
diff --git a/web/app/components/header/account-setting/model-page/configs/spark.tsx b/web/app/components/header/account-setting/model-page/configs/spark.tsx
new file mode 100644
index 0000000000..53e865ba98
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/spark.tsx
@@ -0,0 +1,83 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { IflytekSpark, IflytekSparkText, IflytekSparkTextCn } from '@/app/components/base/icons/src/public/llm'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'iFLYTEK SPARK',
+      'zh-Hans': '讯飞星火',
+    },
+    icon: <IflytekSpark className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.spark,
+    titleIcon: {
+      'en': <IflytekSparkText className='h-6' />,
+      'zh-Hans': <IflytekSparkTextCn className='h-6' />,
+    },
+  },
+  modal: {
+    key: ProviderEnum.spark,
+    title: {
+      'en': 'iFLYTEK SPARK',
+      'zh-Hans': '讯飞星火',
+    },
+    icon: <IflytekSpark className='w-6 h-6' />,
+    link: {
+      href: 'https://www.xfyun.cn/solutions/xinghuoAPI',
+      label: {
+        'en': 'Get your API key from AliCloud',
+        'zh-Hans': '从阿里云获取 API Key',
+      },
+    },
+    validateKeys: [
+      'app_id',
+      'api_key',
+      'api_secret',
+    ],
+    fields: [
+      {
+        type: 'text',
+        key: 'app_id',
+        required: true,
+        label: {
+          'en': 'API ID',
+          'zh-Hans': 'API ID',
+        },
+        placeholder: {
+          'en': 'Enter your API ID here',
+          'zh-Hans': '在此输入您的 API ID',
+        },
+      },
+      {
+        type: 'text',
+        key: 'api_key',
+        required: true,
+        label: {
+          'en': 'API Key',
+          'zh-Hans': 'API Key',
+        },
+        placeholder: {
+          'en': 'Enter your API key here',
+          'zh-Hans': '在此输入您的 API Key',
+        },
+      },
+      {
+        type: 'text',
+        key: 'api_secret',
+        required: true,
+        label: {
+          'en': 'API Secret',
+          'zh-Hans': 'API Secret',
+        },
+        placeholder: {
+          'en': 'Enter your API Secret here',
+          'zh-Hans': '在此输入您的 API Secret',
+        },
+      },
+    ],
+  },
+}
+
+export default config
diff --git a/web/app/components/header/account-setting/model-page/configs/tongyi.tsx b/web/app/components/header/account-setting/model-page/configs/tongyi.tsx
new file mode 100644
index 0000000000..3faa812d94
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/tongyi.tsx
@@ -0,0 +1,53 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { Tongyi, TongyiText, TongyiTextCn } from '@/app/components/base/icons/src/image/llm'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'TONGYI QIANWEN',
+      'zh-Hans': '通义千问',
+    },
+    icon: <Tongyi className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.tongyi,
+    titleIcon: {
+      'en': <TongyiText className='w-[88px] h-6' />,
+      'zh-Hans': <TongyiTextCn className='w-[100px] h-6' />,
+    },
+  },
+  modal: {
+    key: ProviderEnum.tongyi,
+    title: {
+      'en': 'Tongyi',
+      'zh-Hans': '通义千问',
+    },
+    icon: <Tongyi className='w-6 h-6' />,
+    link: {
+      href: 'https://dashscope.console.aliyun.com/api-key_management',
+      label: {
+        'en': 'Get your API key from AliCloud',
+        'zh-Hans': '从阿里云获取 API Key',
+      },
+    },
+    validateKeys: ['dashscope_api_key'],
+    fields: [
+      {
+        type: 'text',
+        key: 'dashscope_api_key',
+        required: true,
+        label: {
+          'en': 'API Key',
+          'zh-Hans': 'API Key',
+        },
+        placeholder: {
+          'en': 'Enter your API key here',
+          'zh-Hans': '在此输入您的 API Key',
+        },
+      },
+    ],
+  },
+}
+
+export default config
diff --git a/web/app/components/header/account-setting/model-page/configs/wenxin.tsx b/web/app/components/header/account-setting/model-page/configs/wenxin.tsx
new file mode 100644
index 0000000000..56dae8769e
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/configs/wenxin.tsx
@@ -0,0 +1,66 @@
+import { ProviderEnum } from '../declarations'
+import type { ProviderConfig } from '../declarations'
+import { Wxyy, WxyyText, WxyyTextCn } from '@/app/components/base/icons/src/image/llm'
+
+const config: ProviderConfig = {
+  selector: {
+    name: {
+      'en': 'WENXIN YIYAN',
+      'zh-Hans': '文心一言',
+    },
+    icon: <Wxyy className='w-full h-full' />,
+  },
+  item: {
+    key: ProviderEnum.wenxin,
+    titleIcon: {
+      'en': <WxyyText className='w-[124px] h-6' />,
+      'zh-Hans': <WxyyTextCn className='w-[100px] h-6' />,
+    },
+  },
+  modal: {
+    key: ProviderEnum.wenxin,
+    title: {
+      'en': 'WENXINYIYAN',
+      'zh-Hans': '文心一言',
+    },
+    icon: <Wxyy className='w-6 h-6' />,
+    link: {
+      href: 'https://console.bce.baidu.com/qianfan/ais/console/applicationConsole/application',
+      label: {
+        'en': 'Get your API key from Baidu',
+        'zh-Hans': '从百度获取 API Key',
+      },
+    },
+    validateKeys: ['api_key', 'secret_key'],
+    fields: [
+      {
+        type: 'text',
+        key: 'api_key',
+        required: true,
+        label: {
+          'en': 'API Key',
+          'zh-Hans': 'API Key',
+        },
+        placeholder: {
+          'en': 'Enter your API key here',
+          'zh-Hans': '在此输入您的 API Key',
+        },
+      },
+      {
+        type: 'text',
+        key: 'secret_key',
+        required: true,
+        label: {
+          'en': 'Secret Key',
+          'zh-Hans': 'Secret Key',
+        },
+        placeholder: {
+          'en': 'Enter your Secret key here',
+          'zh-Hans': '在此输入您的 Secret Key',
+        },
+      },
+    ],
+  },
+}
+
+export default config
diff --git a/web/app/components/header/account-setting/model-page/declarations.ts b/web/app/components/header/account-setting/model-page/declarations.ts
new file mode 100644
index 0000000000..6e9ad06d11
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/declarations.ts
@@ -0,0 +1,146 @@
+import type { ReactElement } from 'react'
+
+export type FormValue = Record<string, string>
+
+export type TypeWithI18N<T = string> = {
+  'en': T
+  'zh-Hans': T
+}
+
+export type Option = {
+  key: string
+  label: TypeWithI18N
+}
+
+export type ProviderSelector = {
+  name: TypeWithI18N
+  icon: ReactElement
+}
+
+export type Field = {
+  hidden?: (v?: FormValue) => boolean
+  type: string
+  key: string
+  required?: boolean
+  label: TypeWithI18N
+  options?: Option[] | ((v: FormValue) => Option[])
+  placeholder?: TypeWithI18N
+  help?: TypeWithI18N
+}
+
+export enum ProviderEnum {
+  'openai' = 'openai',
+  'anthropic' = 'anthropic',
+  'replicate' = 'replicate',
+  'azure_openai' = 'azure_openai',
+  'huggingface_hub' = 'huggingface_hub',
+  'tongyi' = 'tongyi',
+  'wenxin' = 'wenxin',
+  'spark' = 'spark',
+  'minimax' = 'minimax',
+  'chatglm' = 'chatglm',
+}
+
+export type ProviderConfigItem = {
+  key: ProviderEnum
+  titleIcon: TypeWithI18N<ReactElement>
+  subTitleIcon?: ReactElement
+  desc?: TypeWithI18N
+  bgColor?: string
+  hit?: TypeWithI18N
+  disable?: {
+    tip: TypeWithI18N
+    link: {
+      href: TypeWithI18N
+      label: TypeWithI18N
+    }
+  }
+}
+
+export enum ModelType {
+  textGeneration = 'text-generation',
+  embeddings = 'embeddings',
+  speech2text = 'speech2text',
+}
+
+export enum ModelFeature {
+  agentThought = 'agent_thought',
+}
+
+// backend defined model struct: /console/api/workspaces/current/models/model-type/:model_type
+export type BackendModel = {
+  model_name: string
+  model_type: ModelType
+  model_provider: {
+    provider_name: ProviderEnum
+    provider_type: PreferredProviderTypeEnum
+  }
+  features: ModelFeature[]
+}
+
+export type ProviderConfigModal = {
+  key: ProviderEnum
+  title: TypeWithI18N
+  icon: ReactElement
+  defaultValue?: FormValue
+  validateKeys?: string[] | ((v?: FormValue) => string[])
+  fields: Field[]
+  link: {
+    href: string
+    label: TypeWithI18N
+  }
+}
+
+export type ProviderConfig = {
+  selector: ProviderSelector
+  item: ProviderConfigItem
+  modal: ProviderConfigModal
+}
+
+export enum PreferredProviderTypeEnum {
+  'system' = 'system',
+  'custom' = 'custom',
+}
+export enum ModelFlexibilityEnum {
+  'fixed' = 'fixed',
+  'configurable' = 'configurable',
+}
+
+export type ProviderCommon = {
+  provider_name: ProviderEnum
+  provider_type: PreferredProviderTypeEnum
+  is_valid: boolean
+  last_used: number
+}
+
+export type ProviderWithQuota = {
+  quota_type: string
+  quota_unit: string
+  quota_limit: number
+  quota_used: number
+} & ProviderCommon
+
+export type ProviderWithConfig = {
+  config: Record<string, string>
+} & ProviderCommon
+
+export type Model = {
+  model_name: string
+  model_type: string
+  config: Record<string, string>
+}
+
+export type ProviderWithModels = {
+  models: Model[]
+} & ProviderCommon
+
+export type ProviderInstance = ProviderWithQuota | ProviderWithConfig | ProviderWithModels
+
+export type Provider = {
+  preferred_provider_type: PreferredProviderTypeEnum
+  model_flexibility: ModelFlexibilityEnum
+  providers: ProviderInstance[]
+}
+export type ProviderMap = {
+  [k in ProviderEnum]: Provider
+}
diff --git a/web/app/components/header/account-setting/model-page/index.tsx b/web/app/components/header/account-setting/model-page/index.tsx
new file mode 100644
index 0000000000..62f33e86aa
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/index.tsx
@@ -0,0 +1,298 @@
+import { useState } from 'react'
+import useSWR from 'swr'
+import { useTranslation } from 'react-i18next'
+import type {
+  BackendModel,
+  FormValue,
+  ProviderConfigModal,
+  ProviderEnum,
+} from './declarations'
+import ModelSelector from './model-selector'
+import ModelCard from './model-card'
+import ModelItem from './model-item'
+import ModelModal from './model-modal'
+import config from './configs'
+import { ConfigurableProviders } from './utils'
+import { ChevronDownDouble } from '@/app/components/base/icons/src/vender/line/arrows'
+// import { HelpCircle } from '@/app/components/base/icons/src/vender/line/general'
+import {
+  changeModelProviderPriority,
+  deleteModelProvider,
+  deleteModelProviderModel,
+  fetchDefaultModal,
+  fetchModelProviders,
+  setModelProvider,
+  updateDefaultModel,
+} from '@/service/common'
+import { useToastContext } from '@/app/components/base/toast'
+import Confirm from '@/app/components/base/confirm/common'
+import { ModelType } from '@/app/components/header/account-setting/model-page/declarations'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+import { useProviderContext } from '@/context/provider-context'
+
+const MODEL_CARD_LIST = [
+  config.openai,
+  config.anthropic,
+]
+
+const MODEL_LIST = [
+  config.azure_openai,
+  config.replicate,
+  config.huggingface_hub,
+  config.minimax,
+  config.spark,
+  config.tongyi,
+  config.wenxin,
+  config.chatglm,
+]
+
+const titleClassName = `
+flex items-center h-9 text-sm font-medium text-gray-900
+`
+const tipClassName = `
+ml-0.5 w-[14px] h-[14px] text-gray-400
+`
+
+type DeleteModel = {
+  model_name: string
+  model_type: string
+}
+
+const ModelPage = () => {
+  const { t } = useTranslation()
+  const { updateModelList } = useProviderContext()
+  const { data: providers, mutate: mutateProviders } = useSWR('/workspaces/current/model-providers', fetchModelProviders)
+  const { data: textGenerationDefaultModel, mutate: mutateTextGenerationDefaultModel } = useSWR('/workspaces/current/default-model?model_type=text-generation', fetchDefaultModal)
+  const { data: embeddingsDefaultModel, mutate: mutateEmbeddingsDefaultModel } = useSWR('/workspaces/current/default-model?model_type=embeddings', fetchDefaultModal)
+  const { data: speech2textDefaultModel, mutate: mutateSpeech2textDefaultModel } = useSWR('/workspaces/current/default-model?model_type=speech2text', fetchDefaultModal)
+  const [showMoreModel, setShowMoreModel] = useState(false)
+  const [showModal, setShowModal] = useState(false)
+  const { notify } = useToastContext()
+  const { eventEmitter } = useEventEmitterContextContext()
+  const [modelModalConfig, setModelModalConfig] = useState<ProviderConfigModal | undefined>(undefined)
+  const [confirmShow, setConfirmShow] = useState(false)
+  const [deleteModel, setDeleteModel] = useState<DeleteModel & { providerKey: ProviderEnum }>()
+  const [modalMode, setModalMode] = useState('add')
+
+  const handleOpenModal = (newModelModalConfig: ProviderConfigModal | undefined, editValue?: FormValue) => {
+    if (newModelModalConfig) {
+      setShowModal(true)
+      const defaultValue = editValue ? { ...newModelModalConfig.defaultValue, ...editValue } : newModelModalConfig.defaultValue
+      setModelModalConfig({
+        ...newModelModalConfig,
+        defaultValue,
+      })
+      if (editValue)
+        setModalMode('edit')
+      else
+        setModalMode('add')
+    }
+  }
+  const handleCancelModal = () => {
+    setShowModal(false)
+  }
+  const handleUpdateProvidersAndModelList = () => {
+    updateModelList(ModelType.textGeneration)
+    updateModelList(ModelType.embeddings)
+    mutateProviders()
+  }
+  const handleSave = async (v?: FormValue) => {
+    if (v && modelModalConfig) {
+      let body, url
+      if (ConfigurableProviders.includes(modelModalConfig.key)) {
+        const { model_name, model_type, ...config } = v
+        body = {
+          model_name,
+          model_type,
+          config,
+        }
+        url = `/workspaces/current/model-providers/${modelModalConfig.key}/models`
+      }
+      else {
+        body = {
+          config: v,
+        }
+        url = `/workspaces/current/model-providers/${modelModalConfig.key}`
+      }
+
+      try {
+        eventEmitter?.emit('provider-save')
+        const res = await setModelProvider({ url, body })
+        if (res.result === 'success') {
+          notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
+          handleUpdateProvidersAndModelList()
+          handleCancelModal()
+        }
+        eventEmitter?.emit('')
+      }
+      catch (e) {
+        eventEmitter?.emit('')
+      }
+    }
+  }
+
+  const handleConfirm = (deleteModel: DeleteModel, providerKey: ProviderEnum) => {
+    setDeleteModel({ ...deleteModel, providerKey })
+    setConfirmShow(true)
+  }
+
+  const handleOperate = async ({ type, value }: Record<string, any>, provierKey: ProviderEnum) => {
+    if (type === 'delete') {
+      if (!value) {
+        const res = await deleteModelProvider({ url: `/workspaces/current/model-providers/${provierKey}` })
+        if (res.result === 'success') {
+          notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
+          handleUpdateProvidersAndModelList()
+        }
+      }
+      else {
+        handleConfirm(value, provierKey)
+      }
+    }
+
+    if (type === 'priority') {
+      const res = await changeModelProviderPriority({
+        url: `/workspaces/current/model-providers/${provierKey}/preferred-provider-type`,
+        body: {
+          preferred_provider_type: value,
+        },
+      })
+      if (res.result === 'success') {
+        notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
+        mutateProviders()
+      }
+    }
+  }
+
+  const handleDeleteModel = async () => {
+    const { model_name, model_type, providerKey } = deleteModel || {}
+    const res = await deleteModelProviderModel({
+      url: `/workspaces/current/model-providers/${providerKey}/models?model_name=${model_name}&model_type=${model_type}`,
+    })
+    if (res.result === 'success') {
+      notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
+      setConfirmShow(false)
+      handleUpdateProvidersAndModelList()
+    }
+  }
+
+  const mutateDefaultModel = (type: ModelType) => {
+    if (type === ModelType.textGeneration)
+      mutateTextGenerationDefaultModel()
+    if (type === ModelType.embeddings)
+      mutateEmbeddingsDefaultModel()
+    if (type === ModelType.speech2text)
+      mutateSpeech2textDefaultModel()
+  }
+  const handleChangeDefaultModel = async (type: ModelType, v: BackendModel) => {
+    const res = await updateDefaultModel({
+      url: '/workspaces/current/default-model',
+      body: {
+        model_type: type,
+        provider_name: v.model_provider.provider_name,
+        model_name: v.model_name,
+      },
+    })
+    if (res.result === 'success') {
+      notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
+      mutateDefaultModel(type)
+    }
+  }
+
+  return (
+    <div className='relative pt-1 -mt-2'>
+      <div className='grid grid-cols-3 gap-4 mb-5'>
+        <div className='w-full'>
+          <div className={titleClassName}>
+            {t('common.modelProvider.systemReasoningModel.key')}
+            {/* <HelpCircle className={tipClassName} /> */}
+          </div>
+          <div>
+            <ModelSelector
+              value={textGenerationDefaultModel && { providerName: textGenerationDefaultModel.model_provider.provider_name, modelName: textGenerationDefaultModel.model_name }}
+              modelType={ModelType.textGeneration}
+              onChange={v => handleChangeDefaultModel(ModelType.textGeneration, v)}
+            />
+          </div>
+        </div>
+        <div className='w-full'>
+          <div className={titleClassName}>
+            {t('common.modelProvider.embeddingModel.key')}
+            {/* <HelpCircle className={tipClassName} /> */}
+          </div>
+          <div>
+            <ModelSelector
+              value={embeddingsDefaultModel && { providerName: embeddingsDefaultModel.model_provider.provider_name, modelName: embeddingsDefaultModel.model_name }}
+              modelType={ModelType.embeddings}
+              onChange={v => handleChangeDefaultModel(ModelType.embeddings, v)}
+            />
+          </div>
+        </div>
+        <div className='w-full'>
+          <div className={titleClassName}>
+            {t('common.modelProvider.speechToTextModel.key')}
+            {/* <HelpCircle className={tipClassName} /> */}
+          </div>
+          <div>
+            <ModelSelector
+              value={speech2textDefaultModel && { providerName: speech2textDefaultModel.model_provider.provider_name, modelName: speech2textDefaultModel.model_name }}
+              modelType={ModelType.speech2text}
+              onChange={v => handleChangeDefaultModel(ModelType.speech2text, v)}
+            />
+          </div>
+        </div>
+      </div>
+      <div className='mb-5 h-[0.5px] bg-gray-100' />
+      <div className='mb-3 text-sm font-medium text-gray-800'>{t('common.modelProvider.models')}</div>
+      <div className='grid grid-cols-2 gap-4 mb-6'>
+        {
+          MODEL_CARD_LIST.map((model, index) => (
+            <ModelCard
+              key={index}
+              modelItem={model.item}
+              currentProvider={providers?.[model.item.key]}
+              onOpenModal={editValue => handleOpenModal(model.modal, editValue)}
+              onOperate={v => handleOperate(v, model.item.key)}
+            />
+          ))
+        }
+      </div>
+      {
+        MODEL_LIST.slice(0, showMoreModel ? MODEL_LIST.length : 3).map((model, index) => (
+          <ModelItem
+            key={index}
+            modelItem={model.item}
+            currentProvider={providers?.[model.item.key]}
+            onOpenModal={editValue => handleOpenModal(model.modal, editValue)}
+            onOperate={v => handleOperate(v, model.item.key)}
+            onUpdate={mutateProviders}
+          />
+        ))
+      }
+      {
+        !showMoreModel && (
+          <div className='inline-flex items-center px-1 h-[26px] cursor-pointer' onClick={() => setShowMoreModel(true)}>
+            <ChevronDownDouble className='mr-1 w-3 h-3 text-gray-500' />
+            <div className='text-xs font-medium text-gray-500'>{t('common.modelProvider.showMoreModelProvider')}</div>
+          </div>
+        )
+      }
+      <ModelModal
+        isShow={showModal}
+        modelModal={modelModalConfig}
+        onCancel={handleCancelModal}
+        onSave={handleSave}
+        mode={modalMode}
+      />
+      <Confirm
+        isShow={confirmShow}
+        onCancel={() => setConfirmShow(false)}
+        title={deleteModel?.model_name || ''}
+        desc={t('common.modelProvider.item.deleteDesc', { modelName: deleteModel?.model_name }) || ''}
+        onConfirm={handleDeleteModel}
+      />
+    </div>
+  )
+}
+
+export default ModelPage
diff --git a/web/app/components/header/account-setting/model-page/model-card/Quota.tsx b/web/app/components/header/account-setting/model-page/model-card/Quota.tsx
new file mode 100644
index 0000000000..de21737bd3
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-card/Quota.tsx
@@ -0,0 +1,116 @@
+import { useState } from 'react'
+import type { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import type { Provider, ProviderWithQuota } from '../declarations'
+import Tooltip from '@/app/components/base/tooltip'
+import { InfoCircle } from '@/app/components/base/icons/src/vender/line/general'
+import { getPayUrl } from '@/service/common'
+import Button from '@/app/components/base/button'
+
+type QuotaProps = {
+  currentProvider: Provider
+}
+const Quota: FC<QuotaProps> = ({
+  currentProvider,
+}) => {
+  const { t } = useTranslation()
+  const [loading, setLoading] = useState(false)
+  const systemTrial = currentProvider.providers.find(p => p.provider_type === 'system' && (p as ProviderWithQuota)?.quota_type === 'trial') as ProviderWithQuota
+  const systemPaid = currentProvider.providers.find(p => p.provider_type === 'system' && (p as ProviderWithQuota)?.quota_type === 'paid') as ProviderWithQuota
+  const QUOTA_UNIT_MAP: Record<string, string> = {
+    times: t('common.modelProvider.card.callTimes'),
+    tokens: 'Tokens',
+  }
+
+  const renderStatus = () => {
+    const totalQuota = (systemPaid?.is_valid ? systemPaid.quota_limit : 0) + systemTrial.quota_limit
+    const totalUsed = (systemPaid?.is_valid ? systemPaid.quota_used : 0) + systemTrial.quota_used
+
+    if (totalQuota === totalUsed) {
+      return (
+        <div className='px-1.5 bg-[#FEF3F2] rounded-md text-xs font-semibold text-[#D92D20]'>
+          {t('common.modelProvider.card.quotaExhausted')}
+        </div>
+      )
+    }
+    if (systemPaid?.is_valid) {
+      return (
+        <div className='px-1.5 bg-[#FFF6ED] rounded-md text-xs font-semibold text-[#EC4A0A]'>
+          {t('common.modelProvider.card.paid')}
+        </div>
+      )
+    }
+    return (
+      <div className='px-1.5 bg-primary-50 rounded-md text-xs font-semibold text-primary-600'>
+        {t('common.modelProvider.card.onTrial')}
+      </div>
+    )
+  }
+
+  const renderQuota = () => {
+    if (systemPaid?.is_valid)
+      return systemPaid.quota_limit - systemPaid.quota_used
+
+    if (systemTrial.is_valid)
+      return systemTrial.quota_limit - systemTrial.quota_used
+  }
+  const renderUnit = () => {
+    if (systemPaid?.is_valid)
+      return QUOTA_UNIT_MAP[systemPaid.quota_unit]
+
+    if (systemTrial.is_valid)
+      return QUOTA_UNIT_MAP[systemTrial.quota_unit]
+  }
+  const handleGetPayUrl = async () => {
+    setLoading(true)
+    try {
+      const res = await getPayUrl(`/workspaces/current/model-providers/${systemPaid.provider_name}/checkout-url`)
+
+      window.location.href = res.url
+    }
+    finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className='flex justify-between px-4 py-3 border-b-[0.5px] border-b-[rgba(0, 0, 0, 0.5)]'>
+      <div>
+        <div className='flex items-center mb-1 h-5'>
+          <div className='mr-1 text-xs font-medium text-gray-500'>
+            {t('common.modelProvider.card.quota')}
+          </div>
+          {renderStatus()}
+        </div>
+        <div className='flex items-center text-gray-700'>
+          <div className='mr-1 text-sm font-medium'>{renderQuota()}</div>
+          <div className='mr-1 text-sm'>
+            {renderUnit()}
+          </div>
+          <Tooltip
+            selector='setting-model-card'
+            htmlContent={
+              <div className='w-[261px] text-gray-500'>{t('common.modelProvider.card.tip')}</div>
+            }
+          >
+            <InfoCircle className='w-3 h-3 text-gray-400 hover:text-gray-700' />
+          </Tooltip>
+        </div>
+      </div>
+      {
+        systemPaid && (
+          <Button
+            type='primary'
+            className='mt-1.5 !px-3 !h-8 !text-[13px] font-medium !rounded-lg'
+            onClick={handleGetPayUrl}
+            disabled={loading}
+          >
+            {t('common.modelProvider.card.buyQuota')}
+          </Button>
+        )
+      }
+    </div>
+  )
+}
+
+export default Quota
diff --git a/web/app/components/header/account-setting/model-page/model-card/index.tsx b/web/app/components/header/account-setting/model-page/model-card/index.tsx
new file mode 100644
index 0000000000..3d5bdd4289
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-card/index.tsx
@@ -0,0 +1,81 @@
+import type { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import type {
+  FormValue,
+  Provider,
+  ProviderConfigItem,
+  ProviderWithConfig,
+} from '../declarations'
+import Indicator from '../../../indicator'
+import Selector from '../selector'
+import Quota from './Quota'
+import { IS_CE_EDITION } from '@/config'
+import I18n from '@/context/i18n'
+import { Plus } from '@/app/components/base/icons/src/vender/line/general'
+
+type ModelCardProps = {
+  currentProvider?: Provider
+  modelItem: ProviderConfigItem
+  onOpenModal: (v?: FormValue) => void
+  onOperate: (v: Record<string, any>) => void
+}
+
+const ModelCard: FC<ModelCardProps> = ({
+  currentProvider,
+  modelItem,
+  onOpenModal,
+  onOperate,
+}) => {
+  const { locale } = useContext(I18n)
+  const { t } = useTranslation()
+  const custom = currentProvider?.providers.find(p => p.provider_type === 'custom') as ProviderWithConfig
+
+  return (
+    <div className='rounded-xl border-[0.5px] border-gray-200 shadow-xs'>
+      <div className={`flex px-4 pt-4 pb-3 rounded-t-lg ${modelItem.bgColor}`}>
+        <div className='grow mr-3'>
+          <div className='mb-1'>
+            {modelItem.titleIcon[locale]}
+          </div>
+          <div className='h-9 text-xs text-black opacity-60'>{modelItem.desc?.[locale]}</div>
+        </div>
+        {modelItem.subTitleIcon}
+      </div>
+      {
+        !IS_CE_EDITION && currentProvider && <Quota currentProvider={currentProvider} />
+      }
+      {
+        custom?.is_valid
+          ? (
+            <div className='flex items-center px-4 h-12'>
+              <Indicator color='green' className='mr-2' />
+              <div className='grow text-[13px] font-medium text-gray-700'>API key</div>
+              <div
+                className='mr-1 px-2 leading-6 rounded-md text-xs font-medium text-gray-500 hover:bg-gray-50 cursor-pointer'
+                onClick={() => onOpenModal(custom?.config)}
+              >
+                {t('common.operation.edit')}
+              </div>
+              <Selector
+                onOperate={onOperate}
+                value={currentProvider?.preferred_provider_type}
+                hiddenOptions={IS_CE_EDITION}
+              />
+            </div>
+          )
+          : (
+            <div
+              className='inline-flex items-center px-4 h-12 text-gray-500 cursor-pointer hover:text-primary-600'
+              onClick={() => onOpenModal()}
+            >
+              <Plus className='mr-1.5 w-4 h-4'/>
+              <div className='text-xs font-medium'>{t('common.modelProvider.addApiKey')}</div>
+            </div>
+          )
+      }
+    </div>
+  )
+}
+
+export default ModelCard
diff --git a/web/app/components/header/account-setting/model-page/model-item/Card.tsx b/web/app/components/header/account-setting/model-page/model-item/Card.tsx
new file mode 100644
index 0000000000..65a98d5c52
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-item/Card.tsx
@@ -0,0 +1,69 @@
+import type { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import Indicator from '../../../indicator'
+import Selector from '../selector'
+import type { Model, ProviderEnum } from '../declarations'
+import { ProviderEnum as ProviderEnumValue } from '../declarations'
+import Button from '@/app/components/base/button'
+
+type CardProps = {
+  providerType: ProviderEnum
+  models: any[]
+  onOpenModal: (v: any) => void
+  onOperate: (v: Record<string, any>) => void
+}
+
+const Card: FC<CardProps> = ({
+  providerType,
+  models,
+  onOpenModal,
+  onOperate,
+}) => {
+  const { t } = useTranslation()
+
+  const renderDesc = (model: Model) => {
+    if (providerType === ProviderEnumValue.azure_openai)
+      return model.config.openai_api_base
+    if (providerType === ProviderEnumValue.replicate)
+      return `version: ${model.config.model_version}`
+    if (providerType === ProviderEnumValue.huggingface_hub)
+      return model.config.huggingfacehub_endpoint_url
+  }
+
+  return (
+    <div className='px-3 pb-3'>
+      {
+        models.map((model: Model) => (
+          <div key={`${model.model_name}-${model.model_type}`} className='flex mb-1 px-3 py-2 bg-white rounded-lg shadow-xs last:mb-0'>
+            <div className='grow'>
+              <div className='flex items-center mb-0.5 h-[18px] text-[13px] font-medium text-gray-700'>
+                {model.model_name}
+                <div className='ml-2 px-1.5 rounded-md border border-[rgba(0,0,0,0.08)] text-xs text-gray-600'>{model.model_type}</div>
+              </div>
+              <div className='text-xs text-gray-500'>
+                {renderDesc(model)}
+              </div>
+            </div>
+            <div className='flex items-center'>
+              <Indicator className='mr-3' />
+              <Button
+                className='mr-1 !px-3 !h-7 rounded-md bg-white !text-xs font-medium text-gray-700'
+                onClick={() => onOpenModal({ model_name: model.model_name, model_type: model.model_type, ...model.config })}
+              >
+                {t('common.operation.edit')}
+              </Button>
+              <Selector
+                hiddenOptions
+                onOperate={v => onOperate({ ...v, value: model })}
+                className={open => `${open && '!bg-gray-100 shadow-none'} flex justify-center items-center w-7 h-7 bg-white rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer hover:bg-gray-100`}
+                deleteText={t('common.operation.remove') || ''}
+              />
+            </div>
+          </div>
+        ))
+      }
+    </div>
+  )
+}
+
+export default Card
diff --git a/web/app/components/header/account-setting/model-page/model-item/QuotaCard.tsx b/web/app/components/header/account-setting/model-page/model-item/QuotaCard.tsx
new file mode 100644
index 0000000000..b3e774832e
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-item/QuotaCard.tsx
@@ -0,0 +1,28 @@
+import type { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+
+type QuotaCardProps = {
+  remainTokens: number
+}
+
+const QuotaCard: FC<QuotaCardProps> = ({
+  remainTokens,
+}) => {
+  const { t } = useTranslation()
+
+  return (
+    <div className='px-3 pb-3'>
+      <div className='px-3 py-2 bg-white rounded-lg shadow-xs last:mb-0'>
+        <div className='flex items-center h-[18px] text-xs font-medium text-gray-500'>
+          {t('common.modelProvider.item.freeQuota')}
+        </div>
+        <div className='flex items-center h-5 text-sm font-medium text-gray-700'>
+          {remainTokens}
+          <div className='ml-1 font-normal'>Tokens</div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default QuotaCard
diff --git a/web/app/components/header/account-setting/model-page/model-item/Setting.tsx b/web/app/components/header/account-setting/model-page/model-item/Setting.tsx
new file mode 100644
index 0000000000..83853f1ad1
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-item/Setting.tsx
@@ -0,0 +1,91 @@
+import type { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import type { FormValue, Provider, ProviderConfigItem, ProviderWithConfig, ProviderWithQuota } from '../declarations'
+import Indicator from '../../../indicator'
+import Selector from '../selector'
+import I18n from '@/context/i18n'
+import Button from '@/app/components/base/button'
+import { IS_CE_EDITION } from '@/config'
+
+type SettingProps = {
+  currentProvider?: Provider
+  modelItem: ProviderConfigItem
+  onOpenModal: (v?: FormValue) => void
+  onOperate: (v: Record<string, any>) => void
+}
+
+const Setting: FC<SettingProps> = ({
+  currentProvider,
+  modelItem,
+  onOpenModal,
+  onOperate,
+}) => {
+  const { locale } = useContext(I18n)
+  const { t } = useTranslation()
+  const configurable = currentProvider?.model_flexibility === 'configurable'
+  const systemFree = currentProvider?.providers.find(p => p.provider_type === 'system' && (p as ProviderWithQuota).quota_type === 'free') as ProviderWithQuota
+  const custom = currentProvider?.providers.find(p => p.provider_type === 'custom') as ProviderWithConfig
+
+  return (
+    <div className='flex items-center'>
+      {
+        modelItem.disable && !IS_CE_EDITION && (
+          <div className='flex items-center text-xs text-gray-500'>
+            {modelItem.disable.tip[locale]}
+            <a
+              className={`${locale === 'en' && 'ml-1'} text-primary-600 cursor-pointer`}
+              href={modelItem.disable.link.href[locale]}
+              target='_blank'
+            >
+              {modelItem.disable.link.label[locale]}
+            </a>
+            <div className='mx-2 w-[1px] h-4 bg-black/5' />
+          </div>
+        )
+      }
+      {
+        configurable && (
+          <Button
+            className={`!px-3 !h-7 rounded-md bg-white !text-xs font-medium text-gray-700 ${!!modelItem.disable && '!text-gray-300'}`}
+            onClick={() => onOpenModal()}
+          >
+            {t('common.operation.add')}
+          </Button>
+        )
+      }
+      {
+        !configurable && custom?.config && (
+          <div className='flex items-center'>
+            <Indicator className='mr-3' />
+            <Button
+              className='mr-1 !px-3 !h-7 rounded-md bg-white !text-xs font-medium text-gray-700'
+              onClick={() => onOpenModal(custom.config)}
+            >
+              {t('common.operation.edit')}
+            </Button>
+            <Selector
+              hiddenOptions={!systemFree?.is_valid || IS_CE_EDITION}
+              value={currentProvider?.preferred_provider_type}
+              onOperate={onOperate}
+              className={open => `${open && '!bg-gray-100 shadow-none'} flex justify-center items-center w-7 h-7 bg-white rounded-md border-[0.5px] border-gray-200 shadow-xs cursor-pointer hover:bg-gray-100`}
+            />
+          </div>
+        )
+      }
+      {
+        !configurable && !custom?.config && (
+          <Button
+            className={`!px-3 !h-7 rounded-md bg-white !text-xs font-medium text-gray-700 ${!!modelItem.disable && !IS_CE_EDITION && '!text-gray-300'}`}
+            onClick={() => onOpenModal()}
+            disabled={!!modelItem.disable && !IS_CE_EDITION}
+          >
+            {t('common.operation.setup')}
+          </Button>
+        )
+      }
+    </div>
+  )
+}
+
+export default Setting
diff --git a/web/app/components/header/account-setting/model-page/model-item/index.module.css b/web/app/components/header/account-setting/model-page/model-item/index.module.css
new file mode 100644
index 0000000000..88c9fd015e
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-item/index.module.css
@@ -0,0 +1,4 @@
+.vender {
+  background: linear-gradient(131deg, #2250F2 0%, #0EBCF3 100%);
+  background-clip: text;
+}
\ No newline at end of file
diff --git a/web/app/components/header/account-setting/model-page/model-item/index.tsx b/web/app/components/header/account-setting/model-page/model-item/index.tsx
new file mode 100644
index 0000000000..1bcd0cd4f3
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-item/index.tsx
@@ -0,0 +1,71 @@
+import type { FC } from 'react'
+import { useContext } from 'use-context-selector'
+import type {
+  FormValue,
+  Provider,
+  ProviderConfigItem,
+  ProviderWithModels,
+  ProviderWithQuota,
+} from '../declarations'
+import Setting from './Setting'
+import Card from './Card'
+import QuotaCard from './QuotaCard'
+import I18n from '@/context/i18n'
+import { IS_CE_EDITION } from '@/config'
+
+type ModelItemProps = {
+  currentProvider?: Provider
+  modelItem: ProviderConfigItem
+  onOpenModal: (v?: FormValue) => void
+  onOperate: (v: Record<string, any>) => void
+  onUpdate: () => void
+}
+
+const ModelItem: FC<ModelItemProps> = ({
+  currentProvider,
+  modelItem,
+  onOpenModal,
+  onOperate,
+}) => {
+  const { locale } = useContext(I18n)
+  const custom = currentProvider?.providers.find(p => p.provider_type === 'custom') as ProviderWithModels
+  const systemFree = currentProvider?.providers.find(p => p.provider_type === 'system' && (p as ProviderWithQuota).quota_type === 'free') as ProviderWithQuota
+
+  return (
+    <div className='mb-2 bg-gray-50 rounded-xl'>
+      <div className='flex justify-between items-center px-4 h-14'>
+        <div className='flex items-center'>
+          {modelItem.titleIcon[locale]}
+          {
+            modelItem.hit && (
+              <div className='ml-2 text-xs text-gray-500'>{modelItem.hit[locale]}</div>
+            )
+          }
+        </div>
+        <Setting
+          currentProvider={currentProvider}
+          modelItem={modelItem}
+          onOpenModal={onOpenModal}
+          onOperate={onOperate}
+        />
+      </div>
+      {
+        !!custom?.models?.length && (
+          <Card
+            providerType={modelItem.key}
+            models={custom?.models}
+            onOpenModal={onOpenModal}
+            onOperate={onOperate}
+          />
+        )
+      }
+      {
+        systemFree?.is_valid && !IS_CE_EDITION && (
+          <QuotaCard remainTokens={systemFree.quota_limit - systemFree.quota_used}/>
+        )
+      }
+    </div>
+  )
+}
+
+export default ModelItem
diff --git a/web/app/components/header/account-setting/model-page/model-modal/Form.tsx b/web/app/components/header/account-setting/model-page/model-modal/Form.tsx
new file mode 100644
index 0000000000..08b54a1162
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-modal/Form.tsx
@@ -0,0 +1,177 @@
+import { useEffect, useState } from 'react'
+import type { Dispatch, FC, SetStateAction } from 'react'
+import { useContext } from 'use-context-selector'
+import type { Field, FormValue, ProviderConfigModal } from '../declarations'
+import { useValidate } from '../../key-validator/hooks'
+import { ValidatingTip } from '../../key-validator/ValidateStatus'
+import { validateModelProviderFn } from '../utils'
+import Input from './Input'
+import I18n from '@/context/i18n'
+import { SimpleSelect } from '@/app/components/base/select'
+
+type FormProps = {
+  modelModal?: ProviderConfigModal
+  initValue?: FormValue
+  fields: Field[]
+  onChange: (v: FormValue) => void
+  onValidatedError: (v: string) => void
+  mode: string
+  cleared: boolean
+  onClearedChange: Dispatch<SetStateAction<boolean>>
+  onValidating: (validating: boolean) => void
+}
+
+const nameClassName = `
+py-2 text-sm text-gray-900
+`
+
+const Form: FC<FormProps> = ({
+  modelModal,
+  initValue = {},
+  fields,
+  onChange,
+  onValidatedError,
+  mode,
+  cleared,
+  onClearedChange,
+  onValidating,
+}) => {
+  const { locale } = useContext(I18n)
+  const [value, setValue] = useState(initValue)
+  const [validate, validating, validatedStatusState] = useValidate(value)
+  const [changeKey, setChangeKey] = useState('')
+
+  useEffect(() => {
+    onValidatedError(validatedStatusState.message || '')
+  }, [validatedStatusState, onValidatedError])
+  useEffect(() => {
+    onValidating(validating)
+  }, [validating, onValidating])
+
+  const updateValue = (v: FormValue) => {
+    setValue(v)
+    onChange(v)
+  }
+
+  const handleMultiFormChange = (v: FormValue, newChangeKey: string) => {
+    updateValue(v)
+    setChangeKey(newChangeKey)
+
+    const validateKeys = (typeof modelModal?.validateKeys === 'function' ? modelModal?.validateKeys(v) : modelModal?.validateKeys) || []
+    if (validateKeys.length) {
+      validate({
+        before: () => {
+          for (let i = 0; i < validateKeys.length; i++) {
+            if (!v[validateKeys[i]])
+              return false
+          }
+          return true
+        },
+        run: () => {
+          return validateModelProviderFn(modelModal!.key, v)
+        },
+      })
+    }
+  }
+
+  const handleClear = (saveValue?: FormValue) => {
+    const needClearFields = modelModal?.fields.filter(field => field.type !== 'radio')
+    const newValue: Record<string, string> = {}
+    needClearFields?.forEach((field) => {
+      newValue[field.key] = ''
+    })
+    updateValue({ ...value, ...newValue, ...saveValue })
+    onClearedChange(true)
+  }
+
+  const handleFormChange = (k: string, v: string) => {
+    if (mode === 'edit' && !cleared)
+      handleClear({ [k]: v })
+    else
+      handleMultiFormChange({ ...value, [k]: v }, k)
+  }
+
+  const handleFocus = () => {
+    if (mode === 'edit' && !cleared)
+      handleClear()
+  }
+
+  const renderField = (field: Field) => {
+    const hidden = typeof field.hidden === 'function' ? field.hidden(value) : field.hidden
+
+    if (hidden)
+      return null
+
+    if (field.type === 'text') {
+      return (
+        <div key={field.key} className='py-3'>
+          <div className={nameClassName}>{field.label[locale]}</div>
+          <Input
+            field={field}
+            value={value}
+            onChange={v => handleMultiFormChange(v, field.key)}
+            onFocus={handleFocus}
+            validatedStatusState={validatedStatusState}
+          />
+          {validating && changeKey === field.key && <ValidatingTip />}
+        </div>
+      )
+    }
+
+    if (field.type === 'radio') {
+      const options = typeof field.options === 'function' ? field.options(value) : field.options
+      return (
+        <div key={field.key} className='py-3'>
+          <div className={nameClassName}>{field.label[locale]}</div>
+          <div className='grid grid-cols-2 gap-3'>
+            {
+              options?.map(option => (
+                <div
+                  className={`
+                    flex items-center px-3 h-9 rounded-lg border border-gray-100 bg-gray-25 cursor-pointer
+                    ${value?.[field.key] === option.key && 'bg-white border-[1.5px] border-primary-400 shadow-sm'}
+                  `}
+                  onClick={() => handleFormChange(field.key, option.key)}
+                  key={`${field.key}-${option.key}`}
+                >
+                  <div className={`
+                    flex justify-center items-center mr-2 w-4 h-4 border border-gray-300 rounded-full
+                    ${value?.[field.key] === option.key && 'border-[5px] border-primary-600'}
+                  `} />
+                  <div className='text-sm text-gray-900'>{option.label[locale]}</div>
+                </div>
+              ))
+            }
+          </div>
+          {validating && changeKey === field.key && <ValidatingTip />}
+        </div>
+      )
+    }
+
+    if (field.type === 'select') {
+      const options = typeof field.options === 'function' ? field.options(value) : field.options
+
+      return (
+        <div key={field.key} className='py-3'>
+          <div className={nameClassName}>{field.label[locale]}</div>
+          <SimpleSelect
+            defaultValue={value[field.key]}
+            items={options!.map(option => ({ value: option.key, name: option.label[locale] }))}
+            onSelect={item => handleFormChange(field.key, item.value as string)}
+          />
+          {validating && changeKey === field.key && <ValidatingTip />}
+        </div>
+      )
+    }
+  }
+
+  return (
+    <div>
+      {
+        fields.map(field => renderField(field))
+      }
+    </div>
+  )
+}
+
+export default Form
diff --git a/web/app/components/header/account-setting/model-page/model-modal/Input.tsx b/web/app/components/header/account-setting/model-page/model-modal/Input.tsx
new file mode 100644
index 0000000000..f78622f118
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-modal/Input.tsx
@@ -0,0 +1,58 @@
+import type { FC } from 'react'
+import { useContext } from 'use-context-selector'
+import type { Field, FormValue } from '../declarations'
+import { ValidatedSuccessIcon } from '../../key-validator/ValidateStatus'
+import { ValidatedStatus } from '../../key-validator/declarations'
+import type { ValidatedStatusState } from '../../key-validator/declarations'
+import I18n from '@/context/i18n'
+
+type InputProps = {
+  field: Field
+  value: FormValue
+  onChange: (v: FormValue) => void
+  onFocus: () => void
+  validatedStatusState: ValidatedStatusState
+}
+const Input: FC<InputProps> = ({
+  field,
+  value,
+  onChange,
+  onFocus,
+  validatedStatusState,
+}) => {
+  const { locale } = useContext(I18n)
+  const showValidatedIcon = validatedStatusState.status === ValidatedStatus.Success && value[field.key]
+
+  const getValidatedIcon = () => {
+    if (showValidatedIcon)
+      return <div className='absolute top-2.5 right-2.5'><ValidatedSuccessIcon /></div>
+  }
+
+  const handleChange = (v: string) => {
+    const newFormValue = { ...value, [field.key]: v }
+    onChange(newFormValue)
+  }
+
+  return (
+    <div className='relative'>
+      <input
+        tabIndex={-1}
+        className={`
+          block px-3 w-full h-9 bg-gray-100 text-sm rounded-lg border border-transparent
+          appearance-none outline-none caret-primary-600
+          hover:border-[rgba(0,0,0,0.08)] hover:bg-gray-50
+          focus:bg-white focus:border-gray-300 focus:shadow-xs
+          placeholder:text-sm placeholder:text-gray-400
+          ${showValidatedIcon && 'pr-[30px]'}
+        `}
+        placeholder={field?.placeholder?.[locale] || ''}
+        onChange={e => handleChange(e.target.value)}
+        onFocus={onFocus}
+        value={value[field.key] || ''}
+      />
+      {getValidatedIcon()}
+    </div>
+  )
+}
+
+export default Input
diff --git a/web/app/components/header/account-setting/model-page/model-modal/index.tsx b/web/app/components/header/account-setting/model-page/model-modal/index.tsx
new file mode 100644
index 0000000000..57426ec60a
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-modal/index.tsx
@@ -0,0 +1,165 @@
+import { useCallback, useState } from 'react'
+import type { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useContext } from 'use-context-selector'
+import { Portal } from '@headlessui/react'
+import type { FormValue, ProviderConfigModal } from '../declarations'
+import { ConfigurableProviders } from '../utils'
+import Form from './Form'
+import I18n from '@/context/i18n'
+import Button from '@/app/components/base/button'
+import { Lock01 } from '@/app/components/base/icons/src/vender/solid/security'
+import { LinkExternal02 } from '@/app/components/base/icons/src/vender/line/general'
+import { AlertCircle } from '@/app/components/base/icons/src/vender/solid/alertsAndFeedback'
+import { useEventEmitterContextContext } from '@/context/event-emitter'
+
+type ModelModalProps = {
+  isShow: boolean
+  onCancel: () => void
+  modelModal?: ProviderConfigModal
+  onSave: (v?: FormValue) => void
+  mode: string
+}
+
+const ModelModal: FC<ModelModalProps> = ({
+  isShow,
+  onCancel,
+  modelModal,
+  onSave,
+  mode,
+}) => {
+  const { t } = useTranslation()
+  const { locale } = useContext(I18n)
+  const { eventEmitter } = useEventEmitterContextContext()
+  const [value, setValue] = useState<FormValue | undefined>()
+  const [loading, setLoading] = useState(false)
+  const [errorMessage, setErrorMessage] = useState('')
+  const [cleared, setCleared] = useState(false)
+  const [prevIsShow, setPrevIsShow] = useState(isShow)
+  const [validating, setValidating] = useState(false)
+
+  if (prevIsShow !== isShow) {
+    setCleared(false)
+    setPrevIsShow(isShow)
+  }
+
+  eventEmitter?.useSubscription((v) => {
+    if (v === 'provider-save')
+      setLoading(true)
+    else
+      setLoading(false)
+  })
+  const handleValidatedError = useCallback((newErrorMessage: string) => {
+    setErrorMessage(newErrorMessage)
+  }, [])
+  const handleValidating = useCallback((newValidating: boolean) => {
+    setValidating(newValidating)
+  }, [])
+  const validateRequiredValue = () => {
+    const validateValue = value || modelModal?.defaultValue
+    if (modelModal) {
+      const { fields } = modelModal
+      const requiredFields = fields.filter(field => !(typeof field.hidden === 'function' ? field.hidden(validateValue) : field.hidden) && field.required)
+
+      for (let i = 0; i < requiredFields.length; i++) {
+        const currentField = requiredFields[i]
+        if (!validateValue?.[currentField.key]) {
+          setErrorMessage(t('appDebug.errorMessage.valueOfVarRequired', { key: currentField.label[locale] }) || '')
+          return false
+        }
+      }
+      return true
+    }
+  }
+  const handleSave = () => {
+    if (validateRequiredValue())
+      onSave(value || modelModal?.defaultValue)
+  }
+
+  const renderTitlePrefix = () => {
+    let prefix
+    if (mode === 'edit')
+      prefix = t('common.operation.edit')
+    else
+      prefix = ConfigurableProviders.includes(modelModal!.key) ? t('common.operation.create') : t('common.operation.setup')
+
+    return `${prefix} ${modelModal?.title[locale]}`
+  }
+
+  if (!isShow)
+    return null
+
+  return (
+    <Portal>
+      <div className='fixed inset-0 flex items-center justify-center bg-black/[.25]'>
+        <div className='w-[640px] max-h-screen bg-white shadow-xl rounded-2xl overflow-y-auto'>
+          <div className='px-8 pt-8'>
+            <div className='flex justify-between items-center mb-2'>
+              <div className='text-xl font-semibold text-gray-900'>{renderTitlePrefix()}</div>
+              {modelModal?.icon}
+            </div>
+            <Form
+              modelModal={modelModal}
+              fields={modelModal?.fields || []}
+              initValue={modelModal?.defaultValue}
+              onChange={newValue => setValue(newValue)}
+              onValidatedError={handleValidatedError}
+              mode={mode}
+              cleared={cleared}
+              onClearedChange={setCleared}
+              onValidating={handleValidating}
+            />
+            <div className='flex justify-between items-center py-6'>
+              <a
+                href={modelModal?.link.href}
+                target='_blank'
+                className='inline-flex items-center text-xs text-primary-600'
+              >
+                {modelModal?.link.label[locale]}
+                <LinkExternal02 className='ml-1 w-3 h-3' />
+              </a>
+              <div>
+                <Button className='mr-2 !h-9 !text-sm font-medium text-gray-700' onClick={onCancel}>{t('common.operation.cancel')}</Button>
+                <Button
+                  className='!h-9 !text-sm font-medium'
+                  type='primary'
+                  onClick={handleSave}
+                  disabled={loading || (mode === 'edit' && !cleared) || validating}
+                >
+                  {t('common.operation.save')}
+                </Button>
+              </div>
+            </div>
+          </div>
+          <div className='border-t-[0.5px] border-t-[rgba(0,0,0,0.05)]'>
+            {
+              errorMessage
+                ? (
+                  <div className='flex px-[10px] py-3 bg-[#FEF3F2] text-xs text-[#D92D20]'>
+                    <AlertCircle className='mt-[1px] mr-2 w-[14px] h-[14px]' />
+                    {errorMessage}
+                  </div>
+                )
+                : (
+                  <div className='flex justify-center items-center py-3 bg-gray-50 text-xs text-gray-500'>
+                    <Lock01 className='mr-1 w-3 h-3 text-gray-500' />
+                    {t('common.modelProvider.encrypted.front')}
+                    <a
+                      className='text-primary-600 mx-1'
+                      target={'_blank'}
+                      href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
+                    >
+                      PKCS1_OAEP
+                    </a>
+                    {t('common.modelProvider.encrypted.back')}
+                  </div>
+                )
+            }
+          </div>
+        </div>
+      </div>
+    </Portal>
+  )
+}
+
+export default ModelModal
diff --git a/web/app/components/header/account-setting/model-page/model-selector/index.tsx b/web/app/components/header/account-setting/model-page/model-selector/index.tsx
new file mode 100644
index 0000000000..4a321043ef
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/model-selector/index.tsx
@@ -0,0 +1,216 @@
+import type { FC } from 'react'
+import { Fragment, useState } from 'react'
+import { Popover, Transition } from '@headlessui/react'
+import { useTranslation } from 'react-i18next'
+import _ from 'lodash-es'
+import cn from 'classnames'
+import type { BackendModel, ProviderEnum } from '@/app/components/header/account-setting/model-page/declarations'
+import { ModelType } from '@/app/components/header/account-setting/model-page/declarations'
+import { ChevronDown } from '@/app/components/base/icons/src/vender/line/arrows'
+import { Check, SearchLg } from '@/app/components/base/icons/src/vender/line/general'
+import { XCircle } from '@/app/components/base/icons/src/vender/solid/general'
+import { AlertCircle } from '@/app/components/base/icons/src/vender/line/alertsAndFeedback'
+import Tooltip from '@/app/components/base/tooltip'
+import ModelIcon from '@/app/components/app/configuration/config-model/model-icon'
+import ModelName, { supportI18nModelName } from '@/app/components/app/configuration/config-model/model-name'
+import ProviderName from '@/app/components/app/configuration/config-model/provider-name'
+import { useProviderContext } from '@/context/provider-context'
+type Props = {
+  value: {
+    providerName: ProviderEnum
+    modelName: string
+  } | undefined
+  modelType: ModelType
+  supportAgentThought?: boolean
+  onChange: (value: BackendModel) => void
+  popClassName?: string
+  readonly?: boolean
+  triggerIconSmall?: boolean
+}
+
+const ModelSelector: FC<Props> = ({
+  value,
+  modelType,
+  supportAgentThought,
+  onChange,
+  popClassName,
+  readonly,
+  triggerIconSmall,
+}) => {
+  const { t } = useTranslation()
+  const { textGenerationModelList, embeddingsModelList, speech2textModelList, agentThoughtModelList } = useProviderContext()
+  const [search, setSearch] = useState('')
+  const modelList = supportAgentThought
+    ? agentThoughtModelList
+    : ({
+      [ModelType.textGeneration]: textGenerationModelList,
+      [ModelType.embeddings]: embeddingsModelList,
+      [ModelType.speech2text]: speech2textModelList,
+    })[modelType]
+  const allModelNames = (() => {
+    if (!search)
+      return {}
+
+    const res: Record<string, string> = {}
+    modelList.forEach(({ model_name }) => {
+      res[model_name] = supportI18nModelName.includes(model_name) ? t(`common.modelName.${model_name}`) : model_name
+    })
+    return res
+  })()
+  const filteredModelList = search
+    ? modelList.filter(({ model_name }) => {
+      if (allModelNames[model_name].includes(search))
+        return true
+
+      return false
+    })
+    : modelList
+
+  const hasRemoved = value && !modelList.find(({ model_name }) => model_name === value.modelName)
+
+  const modelOptions: any[] = (() => {
+    const providers = _.uniq(filteredModelList.map(item => item.model_provider.provider_name))
+    const res: any[] = []
+    providers.forEach((providerName) => {
+      res.push({
+        type: 'provider',
+        value: providerName,
+      })
+      const models = filteredModelList.filter(m => m.model_provider.provider_name === providerName)
+      models.forEach(({ model_name }) => {
+        res.push({
+          type: 'model',
+          providerName,
+          value: model_name,
+        })
+      })
+    })
+    return res
+  })()
+
+  return (
+    <div className=''>
+      <Popover className='relative'>
+        <Popover.Button className={cn('flex items-center px-2.5 w-full h-9 rounded-lg', readonly ? '!cursor-auto' : 'bg-gray-100', hasRemoved && '!bg-[#FEF3F2]')}>
+          {
+            ({ open }) => (
+              <>
+                {
+                  value
+                    ? (
+                      <>
+                        <ModelIcon
+                          className={cn('mr-1.5', !triggerIconSmall && 'w-5 h-5')}
+                          modelId={value.modelName}
+                          providerName={value.providerName}
+                        />
+                        <div className='mr-1.5 grow text-left text-sm text-gray-900 truncate'><ModelName modelId={value.modelName} /></div>
+                      </>
+                    )
+                    : (
+                      <div className='grow text-left text-sm text-gray-800 opacity-60'>{t('common.modelProvider.selectModel')}</div>
+                    )
+                }
+                {
+                  hasRemoved && (
+                    <Tooltip
+                      selector='model-selector-remove-tip'
+                      htmlContent={
+                        <div className='w-[261px] text-gray-500'>{t('common.modelProvider.selector.tip')}</div>
+                      }
+                    >
+                      <AlertCircle className='mr-1 w-4 h-4 text-[#F04438]' />
+                    </Tooltip>
+                  )
+                }
+                {!readonly && <ChevronDown className={`w-4 h-4 text-gray-700 ${open ? 'opacity-100' : 'opacity-60'}`} />}
+              </>
+            )
+          }
+        </Popover.Button>
+        {!readonly && (
+          <Transition
+            as={Fragment}
+            leave='transition ease-in duration-100'
+            leaveFrom='opacity-100'
+            leaveTo='opacity-0'
+          >
+            <Popover.Panel className={cn(popClassName, 'absolute top-10 p-1 min-w-[232px] max-w-[260px] max-h-[366px] bg-white border-[0.5px] border-gray-200 rounded-lg shadow-lg overflow-auto z-10')}>
+              <div className='px-2 pt-2 pb-1'>
+                <div className='flex items-center px-2 h-8 bg-gray-100 rounded-lg'>
+                  <div className='mr-1.5 p-[1px]'><SearchLg className='w-[14px] h-[14px] text-gray-400' /></div>
+                  <div className='grow px-0.5'>
+                    <input
+                      value={search}
+                      onChange={e => setSearch(e.target.value)}
+                      className={`
+                      block w-full h-8 bg-transparent text-[13px] text-gray-700
+                      outline-none appearance-none border-none
+                    `}
+                      placeholder={t('common.modelProvider.searchModel') || ''}
+                    />
+                  </div>
+                  {
+                    search && (
+                      <div className='ml-1 p-0.5 cursor-pointer' onClick={() => setSearch('')}>
+                        <XCircle className='w-3 h-3 text-gray-400' />
+                      </div>
+                    )
+                  }
+                </div>
+              </div>
+              {
+                modelOptions.map((model: any) => {
+                  if (model.type === 'provider') {
+                    return (
+                      <div
+                        className='px-3 pt-2 pb-1 text-xs font-medium text-gray-500'
+                        key={`${model.type}-${model.value}`}
+                      >
+                        <ProviderName provideName={model.value} />
+                      </div>
+                    )
+                  }
+
+                  if (model.type === 'model') {
+                    return (
+                      <Popover.Button
+                        key={`${model.providerName}-${model.value}`}
+                        className={`
+                        flex items-center px-3 w-full h-8 rounded-lg hover:bg-gray-50
+                        ${!readonly ? 'cursor-pointer' : 'cursor-auto'}
+                        ${(value?.providerName === model.providerName && value?.modelName === model.value) && 'bg-gray-50'}
+                      `}
+                        onClick={() => {
+                          const selectedModel = modelList.find((item) => {
+                            return item.model_name === model.value && item.model_provider.provider_name === model.providerName
+                          })
+                          onChange(selectedModel as BackendModel)
+                        }}
+                      >
+                        <ModelIcon
+                          className='mr-2 shrink-0'
+                          modelId={model.value}
+                          providerName={model.providerName}
+                        />
+                        <div className='grow text-left text-sm text-gray-900 truncate'><ModelName modelId={model.value} /></div>
+                        { (value?.providerName === model.providerName && value?.modelName === model.value) && <Check className='shrink-0 w-4 h-4 text-primary-600' /> }
+                      </Popover.Button>
+                    )
+                  }
+
+                  return null
+                })
+              }
+              {(search && filteredModelList.length === 0) && (
+                <div className='px-3 pt-1.5 h-[30px] text-center text-xs text-gray-500'>{t('common.modelProvider.noModelFound', { model: search })}</div>
+              )}
+            </Popover.Panel>
+          </Transition>
+        )}
+      </Popover>
+    </div>
+  )
+}
+
+export default ModelSelector
diff --git a/web/app/components/header/account-setting/model-page/selector/index.tsx b/web/app/components/header/account-setting/model-page/selector/index.tsx
new file mode 100644
index 0000000000..76301eed26
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/selector/index.tsx
@@ -0,0 +1,97 @@
+import { Fragment } from 'react'
+import type { FC } from 'react'
+import { Popover, Transition } from '@headlessui/react'
+import { useTranslation } from 'react-i18next'
+import { Check, DotsHorizontal, Trash03 } from '@/app/components/base/icons/src/vender/line/general'
+
+const itemClassName = `
+flex items-center px-3 h-9 text-sm text-gray-700 rounded-lg cursor-pointer
+`
+
+type SelectorProps = {
+  value?: string
+  onOperate: (v: Record<string, string>) => void
+  hiddenOptions?: boolean
+  className?: (v: boolean) => string
+  deleteText?: string
+}
+const Selector: FC<SelectorProps> = ({
+  value,
+  onOperate,
+  hiddenOptions,
+  className,
+  deleteText,
+}) => {
+  const { t } = useTranslation()
+  const options = [
+    {
+      key: 'custom',
+      text: 'API',
+    },
+    {
+      key: 'system',
+      text: t('common.modelProvider.quota'),
+    },
+  ]
+
+  return (
+    <Popover className='relative'>
+      <Popover.Button>
+        {
+          ({ open }) => (
+            <div className={`
+              flex justify-center items-center w-6 h-6 rounded-md hover:bg-gray-50 cursor-pointer
+              ${open && 'bg-gray-50'}
+              ${className && className(open)}
+            `}>
+              <DotsHorizontal className='w-3 h-3 text-gray-700' />
+            </div>
+          )
+        }
+      </Popover.Button>
+      <Transition
+        as={Fragment}
+        leave='transition ease-in duration-100'
+        leaveFrom='opacity-100'
+        leaveTo='opacity-0'
+      >
+        <Popover.Panel className='absolute top-7 right-0 w-[192px] bg-white border-[0.5px] border-gray-200 rounded-lg shadow-lg z-10'>
+          {
+            !hiddenOptions && (
+              <>
+                <div className='p-1'>
+                  <div className='px-3 pt-2 pb-1 text-sm font-medium text-gray-700'>{t('common.modelProvider.card.priorityUse')}</div>
+                  {
+                    options.map(option => (
+                      <Popover.Button as={Fragment} key={option.key}>
+                        <div
+                          className={`${itemClassName} hover:bg-gray-50`}
+                          onClick={() => onOperate({ type: 'priority', value: option.key })}>
+                          <div className='grow'>{option.text}</div>
+                          {value === option.key && <Check className='w-4 h-4 text-primary-600' />}
+                        </div>
+                      </Popover.Button>
+                    ))
+                  }
+                </div>
+                <div className='h-[1px] bg-gray-100' />
+              </>
+            )
+          }
+          <div className='p-1'>
+            <Popover.Button as={Fragment}>
+              <div
+                className={`group ${itemClassName} hover:bg-[#FEF3F2] hover:text-[#D92D20]`}
+                onClick={() => onOperate({ type: 'delete' })}>
+                <Trash03 className='mr-2 w-4 h-4 text-gray-500 group-hover:text-[#D92D20]' />
+                {deleteText || t('common.modelProvider.card.removeKey')}
+              </div>
+            </Popover.Button>
+          </div>
+        </Popover.Panel>
+      </Transition>
+    </Popover>
+  )
+}
+
+export default Selector
diff --git a/web/app/components/header/account-setting/model-page/utils.ts b/web/app/components/header/account-setting/model-page/utils.ts
new file mode 100644
index 0000000000..f4528ed79d
--- /dev/null
+++ b/web/app/components/header/account-setting/model-page/utils.ts
@@ -0,0 +1,35 @@
+import { ValidatedStatus } from '../key-validator/declarations'
+import { ProviderEnum } from './declarations'
+import { validateModelProvider } from '@/service/common'
+
+export const ConfigurableProviders = [ProviderEnum.azure_openai, ProviderEnum.replicate, ProviderEnum.huggingface_hub]
+
+export const validateModelProviderFn = async (providerName: ProviderEnum, v: any) => {
+  let body, url
+
+  if (ConfigurableProviders.includes(providerName)) {
+    const { model_name, model_type, ...config } = v
+    body = {
+      model_name,
+      model_type,
+      config,
+    }
+    url = `/workspaces/current/model-providers/${providerName}/models/validate`
+  }
+  else {
+    body = {
+      config: v,
+    }
+    url = `/workspaces/current/model-providers/${providerName}/validate`
+  }
+  try {
+    const res = await validateModelProvider({ url, body })
+    if (res.result === 'success')
+      return Promise.resolve({ status: ValidatedStatus.Success })
+    else
+      return Promise.resolve({ status: ValidatedStatus.Error, message: res.error })
+  }
+  catch (e: any) {
+    return Promise.resolve({ status: ValidatedStatus.Error, message: e.message })
+  }
+}
diff --git a/web/app/components/header/account-setting/provider-page/anthropic-hosted-provider/index.module.css b/web/app/components/header/account-setting/provider-page/anthropic-hosted-provider/index.module.css
deleted file mode 100644
index bcf5d0d585..0000000000
--- a/web/app/components/header/account-setting/provider-page/anthropic-hosted-provider/index.module.css
+++ /dev/null
@@ -1,24 +0,0 @@
-.icon {
-  width: 24px;
-  height: 24px;
-  margin-right: 12px;
-  background: url(../../../assets/anthropic.svg) center center no-repeat;
-  background-size: contain;
-}
-
-.bar {
-  background: linear-gradient(90deg, rgba(41, 112, 255, 0.9) 0%, rgba(21, 94, 239, 0.9) 100%);
-}
-
-.bar-error {
-  background: linear-gradient(90deg, rgba(240, 68, 56, 0.72) 0%, rgba(217, 45, 32, 0.9) 100%);
-}
-
-.bar-item {
-  width: 10%;
-  border-right: 1px solid rgba(255, 255, 255, 0.5);
-}
-
-.bar-item:last-of-type {
-  border-right: 0;
-}
\ No newline at end of file
diff --git a/web/app/components/header/account-setting/provider-page/anthropic-hosted-provider/index.tsx b/web/app/components/header/account-setting/provider-page/anthropic-hosted-provider/index.tsx
deleted file mode 100644
index 432f571ec5..0000000000
--- a/web/app/components/header/account-setting/provider-page/anthropic-hosted-provider/index.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { useTranslation } from 'react-i18next'
-import cn from 'classnames'
-import s from './index.module.css'
-import type { ProviderHosted } from '@/models/common'
-
-type AnthropicHostedProviderProps = {
-  provider: ProviderHosted
-}
-const AnthropicHostedProvider = ({
-  provider,
-}: AnthropicHostedProviderProps) => {
-  const { t } = useTranslation()
-  const exhausted = provider.quota_used > provider.quota_limit
-
-  return (
-    <div className={`
-      border-[0.5px] border-gray-200 rounded-xl
-      ${exhausted ? 'bg-[#FFFBFA]' : 'bg-gray-50'}
-    `}>
-      <div className='pt-4 px-4 pb-3'>
-        <div className='flex items-center mb-3'>
-          <div className={s.icon} />
-          <div className='grow text-sm font-medium text-gray-800'>
-            {t('common.provider.anthropicHosted.anthropicHosted')}
-          </div>
-          <div className={`
-            px-2 h-[22px] flex items-center rounded-md border 
-            text-xs font-semibold 
-            ${exhausted ? 'border-[#D92D20] text-[#D92D20]' : 'border-primary-600 text-primary-600'}
-          `}>
-            {exhausted ? t('common.provider.anthropicHosted.exhausted') : t('common.provider.anthropicHosted.onTrial')}
-          </div>
-        </div>
-        <div className='text-[13px] text-gray-500'>{t('common.provider.anthropicHosted.desc')}</div>
-      </div>
-      <div className='flex items-center h-[42px] px-4 border-t-[0.5px] border-t-[rgba(0, 0, 0, 0.05)]'>
-        <div className='text-[13px] text-gray-700'>{t('common.provider.anthropicHosted.callTimes')}</div>
-        <div className='relative grow h-2 flex bg-gray-200 rounded-md mx-2 overflow-hidden'>
-          <div
-            className={cn(s.bar, exhausted && s['bar-error'], 'absolute top-0 left-0 right-0 bottom-0')}
-            style={{ width: `${(provider.quota_used / provider.quota_limit * 100).toFixed(2)}%` }}
-          />
-          {Array(10).fill(0).map((i, k) => (
-            <div key={k} className={s['bar-item']} />
-          ))}
-        </div>
-        <div className={`
-          text-[13px] font-medium ${exhausted ? 'text-[#D92D20]' : 'text-gray-700'}
-        `}>{provider.quota_used}/{provider.quota_limit}</div>
-      </div>
-      {
-        exhausted && (
-          <div className='
-            px-4 py-3 leading-[18px] flex items-center text-[13px] text-gray-700 font-medium
-            bg-[#FFFAEB] border-t border-t-[rgba(0, 0, 0, 0.05)] rounded-b-xl
-          '>
-            {t('common.provider.anthropicHosted.usedUp')}
-          </div>
-        )
-      }
-    </div>
-  )
-}
-
-export default AnthropicHostedProvider
diff --git a/web/app/components/header/account-setting/provider-page/anthropic-provider/index.module.css b/web/app/components/header/account-setting/provider-page/anthropic-provider/index.module.css
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/web/app/components/header/account-setting/provider-page/anthropic-provider/index.tsx b/web/app/components/header/account-setting/provider-page/anthropic-provider/index.tsx
deleted file mode 100644
index e095d6aab4..0000000000
--- a/web/app/components/header/account-setting/provider-page/anthropic-provider/index.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import { ArrowTopRightOnSquareIcon } from '@heroicons/react/24/outline'
-import ProviderInput from '../provider-input'
-import type { ValidatedStatusState } from '../provider-input/useValidateToken'
-import useValidateToken, { ValidatedStatus } from '../provider-input/useValidateToken'
-import {
-  ValidatedErrorIcon,
-  ValidatedErrorOnOpenaiTip,
-  ValidatedSuccessIcon,
-  ValidatingTip,
-} from '../provider-input/Validate'
-import type { Provider, ProviderAnthropicToken } from '@/models/common'
-
-type AnthropicProviderProps = {
-  provider: Provider
-  onValidatedStatus: (status?: ValidatedStatusState) => void
-  onTokenChange: (token: ProviderAnthropicToken) => void
-}
-
-const AnthropicProvider = ({
-  provider,
-  onValidatedStatus,
-  onTokenChange,
-}: AnthropicProviderProps) => {
-  const { t } = useTranslation()
-  const [token, setToken] = useState<ProviderAnthropicToken>((provider.token as ProviderAnthropicToken) || { anthropic_api_key: '' })
-  const [validating, validatedStatus, setValidatedStatus, validate] = useValidateToken(provider.provider_name)
-  const handleFocus = () => {
-    if (token.anthropic_api_key === (provider.token as ProviderAnthropicToken).anthropic_api_key) {
-      setToken({ anthropic_api_key: '' })
-      onTokenChange({ anthropic_api_key: '' })
-      setValidatedStatus({})
-    }
-  }
-  const handleChange = (v: string) => {
-    const apiKey = { anthropic_api_key: v }
-    setToken(apiKey)
-    onTokenChange(apiKey)
-    validate(apiKey, {
-      beforeValidating: () => {
-        if (!v) {
-          setValidatedStatus({})
-          return false
-        }
-        return true
-      },
-    })
-  }
-  useEffect(() => {
-    if (typeof onValidatedStatus === 'function')
-      onValidatedStatus(validatedStatus)
-  }, [validatedStatus])
-
-  const getValidatedIcon = () => {
-    if (validatedStatus?.status === ValidatedStatus.Error || validatedStatus.status === ValidatedStatus.Exceed)
-      return <ValidatedErrorIcon />
-
-    if (validatedStatus.status === ValidatedStatus.Success)
-      return <ValidatedSuccessIcon />
-  }
-  const getValidatedTip = () => {
-    if (validating)
-      return <ValidatingTip />
-
-    if (validatedStatus?.status === ValidatedStatus.Error)
-      return <ValidatedErrorOnOpenaiTip errorMessage={validatedStatus.message ?? ''} />
-  }
-
-  return (
-    <div className='px-4 pt-3 pb-4'>
-      <ProviderInput
-        value={token.anthropic_api_key}
-        name={t('common.provider.apiKey')}
-        placeholder={t('common.provider.enterYourKey')}
-        onChange={handleChange}
-        onFocus={handleFocus}
-        validatedIcon={getValidatedIcon()}
-        validatedTip={getValidatedTip()}
-      />
-      <Link className="inline-flex items-center mt-3 text-xs font-normal cursor-pointer text-primary-600 w-fit" href="https://docs.anthropic.com/claude/reference/getting-started-with-the-api" target={'_blank'}>
-        {t('common.provider.anthropic.keyFrom')}
-        <ArrowTopRightOnSquareIcon className='w-3 h-3 ml-1 text-primary-600' aria-hidden="true" />
-      </Link>
-    </div>
-  )
-}
-
-export default AnthropicProvider
diff --git a/web/app/components/header/account-setting/provider-page/azure-provider/index.tsx b/web/app/components/header/account-setting/provider-page/azure-provider/index.tsx
deleted file mode 100644
index 97fce91f39..0000000000
--- a/web/app/components/header/account-setting/provider-page/azure-provider/index.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import { ArrowTopRightOnSquareIcon } from '@heroicons/react/24/outline'
-import { useEffect, useState } from 'react'
-import ProviderInput from '../provider-input'
-import type { ValidatedStatusState } from '../provider-input/useValidateToken'
-import useValidateToken, { ValidatedStatus } from '../provider-input/useValidateToken'
-import {
-  ValidatedErrorIcon,
-  ValidatedErrorOnAzureOpenaiTip,
-  ValidatedSuccessIcon,
-  ValidatingTip,
-} from '../provider-input/Validate'
-import { ProviderName } from '@/models/common'
-import type { Provider, ProviderAzureToken } from '@/models/common'
-
-type IAzureProviderProps = {
-  provider: Provider
-  onValidatedStatus: (status?: ValidatedStatusState) => void
-  onTokenChange: (token: ProviderAzureToken) => void
-}
-const AzureProvider = ({
-  provider,
-  onTokenChange,
-  onValidatedStatus,
-}: IAzureProviderProps) => {
-  const { t } = useTranslation()
-  const [token, setToken] = useState<ProviderAzureToken>(provider.provider_name === ProviderName.AZURE_OPENAI ? { ...provider.token } : {})
-  const [validating, validatedStatus, setValidatedStatus, validate] = useValidateToken(provider.provider_name)
-  const handleFocus = (type: keyof ProviderAzureToken) => {
-    if (token[type] === (provider?.token as ProviderAzureToken)[type]) {
-      token[type] = ''
-      setToken({ ...token })
-      onTokenChange({ ...token })
-      setValidatedStatus({})
-    }
-  }
-  const handleChange = (type: keyof ProviderAzureToken, v: string, validate: any) => {
-    token[type] = v
-    setToken({ ...token })
-    onTokenChange({ ...token })
-    validate({ ...token }, {
-      beforeValidating: () => {
-        if (!token.openai_api_base || !token.openai_api_key) {
-          setValidatedStatus({})
-          return false
-        }
-        return true
-      },
-    })
-  }
-  const getValidatedIcon = () => {
-    if (validatedStatus.status === ValidatedStatus.Error || validatedStatus.status === ValidatedStatus.Exceed)
-      return <ValidatedErrorIcon />
-
-    if (validatedStatus.status === ValidatedStatus.Success)
-      return <ValidatedSuccessIcon />
-  }
-  const getValidatedTip = () => {
-    if (validating)
-      return <ValidatingTip />
-
-    if (validatedStatus.status === ValidatedStatus.Error)
-      return <ValidatedErrorOnAzureOpenaiTip errorMessage={validatedStatus.message ?? ''} />
-  }
-  useEffect(() => {
-    if (typeof onValidatedStatus === 'function')
-      onValidatedStatus(validatedStatus)
-  }, [validatedStatus])
-
-  return (
-    <div className='px-4 py-3'>
-      <ProviderInput
-        className='mb-4'
-        name={t('common.provider.azure.apiBase')}
-        placeholder={t('common.provider.azure.apiBasePlaceholder')}
-        value={token.openai_api_base}
-        onChange={v => handleChange('openai_api_base', v, validate)}
-        onFocus={() => handleFocus('openai_api_base')}
-        validatedIcon={getValidatedIcon()}
-      />
-      <ProviderInput
-        className='mb-4'
-        name={t('common.provider.azure.apiKey')}
-        placeholder={t('common.provider.azure.apiKeyPlaceholder')}
-        value={token.openai_api_key}
-        onChange={v => handleChange('openai_api_key', v, validate)}
-        onFocus={() => handleFocus('openai_api_key')}
-        validatedIcon={getValidatedIcon()}
-        validatedTip={getValidatedTip()}
-      />
-      <Link className="flex items-center text-xs cursor-pointer text-primary-600" href="https://platform.openai.com/account/api-keys" target={'_blank'}>
-        {t('common.provider.azure.helpTip')}
-        <ArrowTopRightOnSquareIcon className='w-3 h-3 ml-1 text-primary-600' aria-hidden="true" />
-      </Link>
-    </div>
-  )
-}
-
-export default AzureProvider
diff --git a/web/app/components/header/account-setting/provider-page/index.module.css b/web/app/components/header/account-setting/provider-page/index.module.css
deleted file mode 100644
index c7a113a431..0000000000
--- a/web/app/components/header/account-setting/provider-page/index.module.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.wrapper .button {
-  height: 24px;
-  font-size: 12px;
-  border-radius: 6px;
-}
-
-.gpt-icon {
-  margin-right: 12px;
-  width: 20px;
-  height: 20px;
-  background: url(../../assets/gpt.svg) center center no-repeat;
-  background-size: contain;
-}
-
-.input {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-}
\ No newline at end of file
diff --git a/web/app/components/header/account-setting/provider-page/index.tsx b/web/app/components/header/account-setting/provider-page/index.tsx
deleted file mode 100644
index 2a43169cfe..0000000000
--- a/web/app/components/header/account-setting/provider-page/index.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import { useState } from 'react'
-import useSWR from 'swr'
-import { LockClosedIcon } from '@heroicons/react/24/solid'
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import ProviderItem from './provider-item'
-import OpenaiHostedProvider from './openai-hosted-provider'
-import AnthropicHostedProvider from './anthropic-hosted-provider'
-import type { ProviderHosted } from '@/models/common'
-import { fetchProviders } from '@/service/common'
-import { IS_CE_EDITION } from '@/config'
-
-const providersMap: { [k: string]: any } = {
-  'openai-custom': {
-    icon: 'openai',
-    name: 'OpenAI',
-  },
-  'azure_openai-custom': {
-    icon: 'azure',
-    name: 'Azure OpenAI Service',
-  },
-  'anthropic-custom': {
-    icon: 'anthropic',
-    name: 'Anthropic',
-  },
-}
-
-// const providersList = [
-//   {
-//     id: 'openai',
-//     name: 'OpenAI',
-//     providerKey: '1',
-//     status: '',
-//     child: <OpenaiProvider />
-//   },
-//   {
-//     id: 'azure',
-//     name: 'Azure OpenAI Service',
-//     providerKey: '1',
-//     status: 'error',
-//     child: <AzureProvider />
-//   },
-//   {
-//     id: 'anthropic',
-//     name: 'Anthropic',
-//     providerKey: '',
-//     status: '',
-//     child: <div>placeholder</div>
-//   },
-//   {
-//     id: 'hugging-face',
-//     name: 'Hugging Face Hub',
-//     providerKey: '',
-//     comingSoon: true,
-//     status: '',
-//     child: <div>placeholder</div>
-//   }
-// ]
-
-const ProviderPage = () => {
-  const { t } = useTranslation()
-  const [activeProviderId, setActiveProviderId] = useState('')
-  const { data, mutate } = useSWR({ url: '/workspaces/current/providers' }, fetchProviders)
-  const providers = data?.filter(provider => providersMap[`${provider.provider_name}-${provider.provider_type}`])?.map((provider) => {
-    const providerKey = `${provider.provider_name}-${provider.provider_type}`
-    return {
-      provider,
-      icon: providersMap[providerKey].icon,
-      name: providersMap[providerKey].name,
-    }
-  })
-  const providerHosted = data?.filter(provider => provider.provider_name === 'openai' && provider.provider_type === 'system')?.[0]
-  const anthropicHosted = data?.filter(provider => provider.provider_name === 'anthropic' && provider.provider_type === 'system')?.[0]
-  const providedOpenaiProvider = data?.find(provider => provider.is_enabled && (provider.provider_name === 'openai' || provider.provider_name === 'azure_openai'))
-
-  return (
-    <div className='pb-7'>
-      {
-        providerHosted && !IS_CE_EDITION && (
-          <>
-            <div>
-              <OpenaiHostedProvider provider={providerHosted as ProviderHosted} />
-            </div>
-            <div className='my-5 w-full h-0 border-[0.5px] border-gray-100' />
-          </>
-        )
-      }
-      {
-        anthropicHosted && !IS_CE_EDITION && (
-          <>
-            <div>
-              <AnthropicHostedProvider provider={anthropicHosted as ProviderHosted} />
-            </div>
-            <div className='my-5 w-full h-0 border-[0.5px] border-gray-100' />
-          </>
-        )
-      }
-      <div>
-        {
-          providers?.map(providerItem => (
-            <ProviderItem
-              key={`${providerItem.provider.provider_name}-${providerItem.provider.provider_type}`}
-              icon={providerItem.icon}
-              name={providerItem.name}
-              provider={providerItem.provider}
-              activeId={activeProviderId}
-              onActive={aid => setActiveProviderId(aid)}
-              onSave={() => mutate()}
-              providedOpenaiProvider={providedOpenaiProvider}
-            />
-          ))
-        }
-      </div>
-      <div className='fixed bottom-0 w-[472px] h-[42px] flex items-center bg-white text-xs text-gray-500'>
-        <LockClosedIcon className='w-3 h-3 mr-1' />
-        {t('common.provider.encrypted.front')}
-        <Link
-          className='text-primary-600 mx-1'
-          target={'_blank'}
-          href='https://pycryptodome.readthedocs.io/en/latest/src/cipher/oaep.html'
-        >
-          PKCS1_OAEP
-        </Link>
-        {t('common.provider.encrypted.back')}
-      </div>
-    </div>
-  )
-}
-
-export default ProviderPage
diff --git a/web/app/components/header/account-setting/provider-page/openai-hosted-provider/index.tsx b/web/app/components/header/account-setting/provider-page/openai-hosted-provider/index.tsx
deleted file mode 100644
index 5a4e93f9b4..0000000000
--- a/web/app/components/header/account-setting/provider-page/openai-hosted-provider/index.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { useTranslation } from 'react-i18next'
-import s from './index.module.css'
-import cn from 'classnames'
-import type { ProviderHosted } from '@/models/common'
-
-interface IOpenaiHostedProviderProps {
-  provider: ProviderHosted
-}
-const OpenaiHostedProvider = ({
-  provider
-}: IOpenaiHostedProviderProps) => {
-  const { t } = useTranslation()
-  const exhausted = provider.quota_used > provider.quota_limit
-  
-  return (
-    <div className={`
-      border-[0.5px] border-gray-200 rounded-xl
-      ${exhausted ? 'bg-[#FFFBFA]' : 'bg-gray-50'}
-    `}>
-      <div className='pt-4 px-4 pb-3'>
-        <div className='flex items-center mb-3'>
-          <div className={s.icon} />
-          <div className='grow text-sm font-medium text-gray-800'>
-            {t('common.provider.openaiHosted.openaiHosted')}
-          </div>
-          <div className={`
-            px-2 h-[22px] flex items-center rounded-md border 
-            text-xs font-semibold 
-            ${exhausted ? 'border-[#D92D20] text-[#D92D20]' : 'border-primary-600 text-primary-600'}
-          `}>
-            {exhausted ? t('common.provider.openaiHosted.exhausted') : t('common.provider.openaiHosted.onTrial')}
-          </div>
-        </div>
-        <div className='text-[13px] text-gray-500'>{t('common.provider.openaiHosted.desc')}</div>
-      </div>
-      <div className='flex items-center h-[42px] px-4 border-t-[0.5px] border-t-[rgba(0, 0, 0, 0.05)]'>
-        <div className='text-[13px] text-gray-700'>{t('common.provider.openaiHosted.callTimes')}</div>
-        <div className='relative grow h-2 flex bg-gray-200 rounded-md mx-2 overflow-hidden'>
-          <div 
-            className={cn(s.bar, exhausted && s['bar-error'], 'absolute top-0 left-0 right-0 bottom-0')} 
-            style={{ width: `${(provider.quota_used / provider.quota_limit * 100).toFixed(2)}%` }}
-          />
-          {Array(10).fill(0).map((i, k) => (
-            <div key={k} className={s['bar-item']} />
-          ))}
-        </div>
-        <div className={`
-          text-[13px] font-medium ${exhausted ? 'text-[#D92D20]' : 'text-gray-700'}
-        `}>{provider.quota_used}/{provider.quota_limit}</div>
-      </div>
-      {
-        exhausted && (
-          <div className='
-            px-4 py-3 leading-[18px] flex items-center text-[13px] text-gray-700 font-medium
-            bg-[#FFFAEB] border-t border-t-[rgba(0, 0, 0, 0.05)] rounded-b-xl
-          '>
-            {t('common.provider.openaiHosted.usedUp')}
-          </div>
-        )
-      }
-    </div>
-  )
-}
-
-export default OpenaiHostedProvider
\ No newline at end of file
diff --git a/web/app/components/header/account-setting/provider-page/openai-provider/index.module.css b/web/app/components/header/account-setting/provider-page/openai-provider/index.module.css
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/web/app/components/header/account-setting/provider-page/openai-provider/index.tsx b/web/app/components/header/account-setting/provider-page/openai-provider/index.tsx
deleted file mode 100644
index 1b1a4f7b0b..0000000000
--- a/web/app/components/header/account-setting/provider-page/openai-provider/index.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import { useEffect, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import Link from 'next/link'
-import { ArrowTopRightOnSquareIcon } from '@heroicons/react/24/outline'
-import ProviderInput from '../provider-input'
-import type { ValidatedStatusState } from '../provider-input/useValidateToken'
-import useValidateToken, { ValidatedStatus } from '../provider-input/useValidateToken'
-import {
-  ValidatedErrorIcon,
-  ValidatedErrorOnOpenaiTip,
-  ValidatedSuccessIcon,
-  ValidatingTip,
-} from '../provider-input/Validate'
-import type { Provider } from '@/models/common'
-
-type IOpenaiProviderProps = {
-  provider: Provider
-  onValidatedStatus: (status?: ValidatedStatusState) => void
-  onTokenChange: (token: string) => void
-}
-
-const OpenaiProvider = ({
-  provider,
-  onValidatedStatus,
-  onTokenChange,
-}: IOpenaiProviderProps) => {
-  const { t } = useTranslation()
-  const [token, setToken] = useState(provider.token as string || '')
-  const [validating, validatedStatus, setValidatedStatus, validate] = useValidateToken(provider.provider_name)
-  const handleFocus = () => {
-    if (token === provider.token) {
-      setToken('')
-      onTokenChange('')
-      setValidatedStatus({})
-    }
-  }
-  const handleChange = (v: string) => {
-    setToken(v)
-    onTokenChange(v)
-    validate(v, {
-      beforeValidating: () => {
-        if (!v) {
-          setValidatedStatus({})
-          return false
-        }
-        return true
-      },
-    })
-  }
-  useEffect(() => {
-    if (typeof onValidatedStatus === 'function')
-      onValidatedStatus(validatedStatus)
-  }, [validatedStatus])
-
-  const getValidatedIcon = () => {
-    if (validatedStatus?.status === ValidatedStatus.Error || validatedStatus.status === ValidatedStatus.Exceed)
-      return <ValidatedErrorIcon />
-
-    if (validatedStatus.status === ValidatedStatus.Success)
-      return <ValidatedSuccessIcon />
-  }
-  const getValidatedTip = () => {
-    if (validating)
-      return <ValidatingTip />
-
-    if (validatedStatus?.status === ValidatedStatus.Error)
-      return <ValidatedErrorOnOpenaiTip errorMessage={validatedStatus.message ?? ''} />
-  }
-
-  return (
-    <div className='px-4 pt-3 pb-4'>
-      <ProviderInput
-        value={token}
-        name={t('common.provider.apiKey')}
-        placeholder={t('common.provider.enterYourKey')}
-        onChange={handleChange}
-        onFocus={handleFocus}
-        validatedIcon={getValidatedIcon()}
-        validatedTip={getValidatedTip()}
-      />
-      <Link className="inline-flex items-center mt-3 text-xs font-normal cursor-pointer text-primary-600 w-fit" href="https://platform.openai.com/account/api-keys" target={'_blank'}>
-        {t('appOverview.welcome.getKeyTip')}
-        <ArrowTopRightOnSquareIcon className='w-3 h-3 ml-1 text-primary-600' aria-hidden="true" />
-      </Link>
-    </div>
-  )
-}
-
-export default OpenaiProvider
diff --git a/web/app/components/header/account-setting/provider-page/provider-input/Validate.tsx b/web/app/components/header/account-setting/provider-page/provider-input/Validate.tsx
deleted file mode 100644
index e89d7271a4..0000000000
--- a/web/app/components/header/account-setting/provider-page/provider-input/Validate.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import Link from 'next/link'
-import { CheckCircleIcon, ExclamationCircleIcon } from '@heroicons/react/24/solid'
-import { useTranslation } from 'react-i18next'
-import { useContext } from 'use-context-selector'
-import I18n from '@/context/i18n'
-
-export const ValidatedErrorIcon = () => {
-  return <ExclamationCircleIcon className='w-4 h-4 text-[#D92D20]' />
-}
-
-export const ValidatedSuccessIcon = () => {
-  return <CheckCircleIcon className='w-4 h-4 text-[#039855]' />
-}
-
-export const ValidatingTip = () => {
-  const { t } = useTranslation()
-  return (
-    <div className={'mt-2 text-primary-600 text-xs font-normal'}>
-      {t('common.provider.validating')}
-    </div>
-  )
-}
-
-export const ValidatedExceedOnOpenaiTip = () => {
-  const { t } = useTranslation()
-  const { locale } = useContext(I18n)
-
-  return (
-    <div className={'mt-2 text-[#D92D20] text-xs font-normal'}>
-      {t('common.provider.apiKeyExceedBill')}&nbsp;
-      <Link
-        className='underline'
-        href="https://platform.openai.com/account/api-keys"
-        target={'_blank'}>
-        {locale === 'en' ? 'this link' : '这篇文档'}
-      </Link>
-    </div>
-  )
-}
-
-export const ValidatedErrorOnOpenaiTip = ({ errorMessage }: { errorMessage: string }) => {
-  const { t } = useTranslation()
-
-  return (
-    <div className={'mt-2 text-[#D92D20] text-xs font-normal'}>
-      {t('common.provider.validatedError')}{errorMessage}
-    </div>
-  )
-}
-
-export const ValidatedErrorOnAzureOpenaiTip = ({ errorMessage }: { errorMessage: string }) => {
-  const { t } = useTranslation()
-
-  return (
-    <div className={'mt-2 text-[#D92D20] text-xs font-normal'}>
-      {t('common.provider.validatedError')}{errorMessage}
-    </div>
-  )
-}
diff --git a/web/app/components/header/account-setting/provider-page/provider-input/index.tsx b/web/app/components/header/account-setting/provider-page/provider-input/index.tsx
deleted file mode 100644
index 8265454063..0000000000
--- a/web/app/components/header/account-setting/provider-page/provider-input/index.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import type { ChangeEvent } from 'react'
-import type { ReactElement } from 'react-markdown/lib/react-markdown'
-
-type IProviderInputProps = {
-  value?: string
-  name: string
-  placeholder: string
-  className?: string
-  onChange: (v: string) => void
-  onFocus?: () => void
-  validatedIcon?: ReactElement
-  validatedTip?: ReactElement
-}
-
-const ProviderInput = ({
-  value,
-  name,
-  placeholder,
-  className,
-  onChange,
-  onFocus,
-  validatedIcon,
-  validatedTip,
-}: IProviderInputProps) => {
-  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
-    const inputValue = e.target.value
-    onChange(inputValue)
-  }
-
-  return (
-    <div className={className}>
-      <div className="mb-2 text-[13px] font-medium text-gray-800">{name}</div>
-      <div className='
-        flex items-center px-3 bg-white rounded-lg
-        shadow-[0_1px_2px_rgba(16,24,40,0.05)]
-      '>
-        <input
-          className='
-            w-full py-[9px]
-            text-xs font-medium text-gray-700 leading-[18px]
-            appearance-none outline-none bg-transparent
-          '
-          value={value}
-          placeholder={placeholder}
-          onChange={handleChange}
-          onFocus={onFocus}
-        />
-        {validatedIcon}
-      </div>
-      {validatedTip}
-    </div>
-  )
-}
-
-export default ProviderInput
diff --git a/web/app/components/header/account-setting/provider-page/provider-input/useValidateToken.ts b/web/app/components/header/account-setting/provider-page/provider-input/useValidateToken.ts
deleted file mode 100644
index 40b5d821fb..0000000000
--- a/web/app/components/header/account-setting/provider-page/provider-input/useValidateToken.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import type { Dispatch, SetStateAction } from 'react'
-import { useCallback, useState } from 'react'
-import debounce from 'lodash-es/debounce'
-import type { DebouncedFunc } from 'lodash-es'
-import { validateProviderKey } from '@/service/common'
-
-export enum ValidatedStatus {
-  Success = 'success',
-  Error = 'error',
-  Exceed = 'exceed',
-}
-export type ValidatedStatusState = {
-  status?: ValidatedStatus
-  message?: string
-}
-// export type ValidatedStatusState = ValidatedStatus | undefined | ValidatedError
-export type SetValidatedStatus = Dispatch<SetStateAction<ValidatedStatusState>>
-export type ValidateFn = DebouncedFunc<(token: any, config: ValidateFnConfig) => void>
-type ValidateTokenReturn = [
-  boolean,
-  ValidatedStatusState,
-  SetValidatedStatus,
-  ValidateFn,
-]
-export type ValidateFnConfig = {
-  beforeValidating: (token: any) => boolean
-}
-
-const useValidateToken = (providerName: string): ValidateTokenReturn => {
-  const [validating, setValidating] = useState(false)
-  const [validatedStatus, setValidatedStatus] = useState<ValidatedStatusState>({})
-  const validate = useCallback(debounce(async (token: string, config: ValidateFnConfig) => {
-    if (!config.beforeValidating(token))
-      return false
-
-    setValidating(true)
-    try {
-      const res = await validateProviderKey({ url: `/workspaces/current/providers/${providerName}/token-validate`, body: { token } })
-      setValidatedStatus(
-        res.result === 'success'
-          ? { status: ValidatedStatus.Success }
-          : { status: ValidatedStatus.Error, message: res.error })
-    }
-    catch (e: any) {
-      setValidatedStatus({ status: ValidatedStatus.Error, message: e.message })
-    }
-    finally {
-      setValidating(false)
-    }
-  }, 500), [])
-
-  return [
-    validating,
-    validatedStatus,
-    setValidatedStatus,
-    validate,
-  ]
-}
-
-export default useValidateToken
diff --git a/web/app/components/header/account-setting/provider-page/provider-item/index.module.css b/web/app/components/header/account-setting/provider-page/provider-item/index.module.css
deleted file mode 100644
index 313078ba8b..0000000000
--- a/web/app/components/header/account-setting/provider-page/provider-item/index.module.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.icon-openai {
-  background: url(../../../assets/gpt.svg) center center no-repeat;
-  background-size: contain;
-}
-
-.icon-azure {
-  background: url(../../../assets/azure.svg) center center no-repeat;
-  background-size: contain;
-}
-
-.icon-anthropic {
-  background: url(../../../assets/anthropic.svg) center center no-repeat;
-  background-size: contain;
-}
-
-.icon-hugging-face {
-  background: url(../../../assets/hugging-face.svg) center center no-repeat;
-  background-size: contain;
-}
\ No newline at end of file
diff --git a/web/app/components/header/account-setting/provider-page/provider-item/index.tsx b/web/app/components/header/account-setting/provider-page/provider-item/index.tsx
deleted file mode 100644
index f93eca11c4..0000000000
--- a/web/app/components/header/account-setting/provider-page/provider-item/index.tsx
+++ /dev/null
@@ -1,237 +0,0 @@
-import { useState } from 'react'
-import cn from 'classnames'
-import { useContext } from 'use-context-selector'
-import { useTranslation } from 'react-i18next'
-import Indicator from '../../../indicator'
-import OpenaiProvider from '../openai-provider'
-import AzureProvider from '../azure-provider'
-import AnthropicProvider from '../anthropic-provider'
-import type { ValidatedStatusState } from '../provider-input/useValidateToken'
-import { ValidatedStatus } from '../provider-input/useValidateToken'
-import s from './index.module.css'
-import type { Provider, ProviderAnthropicToken, ProviderAzureToken } from '@/models/common'
-import { ProviderName } from '@/models/common'
-import { updateProviderAIKey } from '@/service/common'
-import { ToastContext } from '@/app/components/base/toast'
-import Tooltip from '@/app/components/base/tooltip'
-
-const providerNameMap: Record<string, string> = {
-  openai: 'OpenAI',
-  azure_openai: 'Azure OpenAI Service',
-}
-type IProviderItemProps = {
-  icon: string
-  name: string
-  provider: Provider
-  activeId: string
-  onActive: (v: string) => void
-  onSave: () => void
-  providedOpenaiProvider?: Provider
-}
-const ProviderItem = ({
-  activeId,
-  icon,
-  name,
-  provider,
-  onActive,
-  onSave,
-  providedOpenaiProvider,
-}: IProviderItemProps) => {
-  const { t } = useTranslation()
-  const [validatedStatus, setValidatedStatus] = useState<ValidatedStatusState>()
-  const [loading, setLoading] = useState(false)
-  const { notify } = useContext(ToastContext)
-  const [token, setToken] = useState<ProviderAzureToken | string | ProviderAnthropicToken>(
-    provider.provider_name === 'azure_openai'
-      ? { openai_api_base: '', openai_api_key: '' }
-      : provider.provider_name === 'anthropic'
-        ? { anthropic_api_key: '' }
-        : '',
-  )
-  const id = `${provider.provider_name}-${provider.provider_type}`
-  const isOpen = id === activeId
-  const comingSoon = false
-  const isValid = provider.is_valid
-
-  const providerTokenHasSetted = () => {
-    if (provider.provider_name === ProviderName.AZURE_OPENAI) {
-      return (provider.token && provider.token.openai_api_base && provider.token.openai_api_key)
-        ? {
-          openai_api_base: provider.token.openai_api_base,
-          openai_api_key: provider.token.openai_api_key,
-        }
-        : undefined
-    }
-    if (provider.provider_name === ProviderName.OPENAI)
-      return provider.token
-    if (provider.provider_name === ProviderName.ANTHROPIC)
-      return provider.token?.anthropic_api_key
-  }
-  const handleUpdateToken = async () => {
-    if (loading)
-      return
-    if (validatedStatus?.status === ValidatedStatus.Success) {
-      try {
-        setLoading(true)
-        await updateProviderAIKey({ url: `/workspaces/current/providers/${provider.provider_name}/token`, body: { token } })
-        notify({ type: 'success', message: t('common.actionMsg.modifiedSuccessfully') })
-        onActive('')
-      }
-      catch (e) {
-        notify({ type: 'error', message: t('common.provider.saveFailed') })
-      }
-      finally {
-        setLoading(false)
-        onSave()
-      }
-    }
-  }
-
-  return (
-    <div className='mb-2 border-[0.5px] border-gray-200 bg-gray-50 rounded-md'>
-      <div className='flex items-center px-4 h-[52px] cursor-pointer border-b-[0.5px] border-b-gray-200'>
-        <div className={cn(s[`icon-${icon}`], 'mr-3 w-6 h-6 rounded-md')} />
-        <div className='grow text-sm font-medium text-gray-800'>{name}</div>
-        {
-          providerTokenHasSetted() && !comingSoon && !isOpen && provider.provider_name !== ProviderName.ANTHROPIC && (
-            <div className='flex items-center mr-4'>
-              {!isValid && <div className='text-xs text-[#D92D20]'>{t('common.provider.invalidApiKey')}</div>}
-              <Indicator color={!isValid ? 'red' : 'green'} className='ml-2' />
-            </div>
-          )
-        }
-        {
-          (providerTokenHasSetted() && !comingSoon && !isOpen && provider.provider_name === ProviderName.ANTHROPIC) && (
-            <div className='flex items-center mr-4'>
-              {
-                providedOpenaiProvider?.is_valid
-                  ? !isValid
-                    ? <div className='text-xs text-[#D92D20]'>{t('common.provider.invalidApiKey')}</div>
-                    : null
-                  : <div className='text-xs text-[#DC6803]'>{t('common.provider.anthropic.notEnabled')}</div>
-              }
-              <Indicator color={
-                providedOpenaiProvider?.is_valid
-                  ? isValid
-                    ? 'green'
-                    : 'red'
-                  : 'yellow'
-              } className='ml-2' />
-            </div>
-          )
-        }
-        {
-          !comingSoon && !isOpen && provider.provider_name !== ProviderName.ANTHROPIC && (
-            <div className='
-              px-3 h-[28px] bg-white border border-gray-200 rounded-md cursor-pointer
-              text-xs font-medium text-gray-700 flex items-center
-            ' onClick={() => onActive(id)}>
-              {providerTokenHasSetted() ? t('common.provider.editKey') : t('common.provider.addKey')}
-            </div>
-          )
-        }
-        {
-          (!comingSoon && !isOpen && provider.provider_name === ProviderName.ANTHROPIC)
-            ? providedOpenaiProvider?.is_enabled
-              ? (
-                <div className='
-                  px-3 h-[28px] bg-white border border-gray-200 rounded-md cursor-pointer
-                  text-xs font-medium text-gray-700 flex items-center
-                ' onClick={() => providedOpenaiProvider.is_valid && onActive(id)}>
-                  {providerTokenHasSetted() ? t('common.provider.editKey') : t('common.provider.addKey')}
-                </div>
-              )
-              : (
-                <Tooltip
-                  htmlContent={<div className='w-[320px]'>
-                    {t('common.provider.anthropic.enableTip')}
-                  </div>}
-                  position='bottom'
-                  selector='anthropic-provider-enable-top-tooltip'>
-                  <div className='
-                    px-3 h-[28px] bg-white border border-gray-200 rounded-md cursor-not-allowed
-                    text-xs font-medium text-gray-700 flex items-center opacity-50
-                  '>
-                    {t('common.provider.addKey')}
-                  </div>
-                </Tooltip>
-              )
-            : null
-        }
-        {
-          comingSoon && !isOpen && (
-            <div className='
-              flex items-center px-2 h-[22px] border border-[#444CE7] rounded-md
-              text-xs font-medium text-[#444CE7]
-            '>
-              {t('common.provider.comingSoon')}
-            </div>
-          )
-        }
-        {
-          isOpen && (
-            <div className='flex items-center'>
-              <div className='
-                flex items-center
-                mr-[5px] px-3 h-7 rounded-md cursor-pointer
-                text-xs font-medium text-gray-700
-              ' onClick={() => onActive('')} >
-                {t('common.operation.cancel')}
-              </div>
-              <div className='
-                flex items-center
-                px-3 h-7 rounded-md cursor-pointer bg-primary-700
-                text-xs font-medium text-white
-              ' onClick={handleUpdateToken}>
-                {t('common.operation.save')}
-              </div>
-            </div>
-          )
-        }
-      </div>
-      {
-        provider.provider_name === ProviderName.OPENAI && isOpen && (
-          <OpenaiProvider
-            provider={provider}
-            onValidatedStatus={v => setValidatedStatus(v)}
-            onTokenChange={v => setToken(v)}
-          />
-        )
-      }
-      {
-        provider.provider_name === ProviderName.AZURE_OPENAI && isOpen && (
-          <AzureProvider
-            provider={provider}
-            onValidatedStatus={v => setValidatedStatus(v)}
-            onTokenChange={v => setToken(v)}
-          />
-        )
-      }
-      {
-        provider.provider_name === ProviderName.ANTHROPIC && isOpen && (
-          <AnthropicProvider
-            provider={provider}
-            onValidatedStatus={v => setValidatedStatus(v)}
-            onTokenChange={v => setToken(v)}
-          />
-        )
-      }
-      {
-        provider.provider_name === ProviderName.ANTHROPIC && !isOpen && providerTokenHasSetted() && providedOpenaiProvider?.is_valid && (
-          <div className='px-4 py-3 text-[13px] font-medium text-gray-700'>
-            {t('common.provider.anthropic.using')} {providerNameMap[providedOpenaiProvider.provider_name as string]}
-          </div>
-        )
-      }
-      {
-        provider.provider_name === ProviderName.ANTHROPIC && !isOpen && providerTokenHasSetted() && !providedOpenaiProvider?.is_valid && (
-          <div className='px-4 py-3 bg-[#FFFAEB] text-[13px] font-medium text-gray-700'>
-            {t('common.provider.anthropic.enableTip')}
-          </div>
-        )
-      }
-    </div>
-  )
-}
-
-export default ProviderItem
diff --git a/web/app/components/header/app-selector/index.tsx b/web/app/components/header/app-selector/index.tsx
index be0b4c4875..66d219a830 100644
--- a/web/app/components/header/app-selector/index.tsx
+++ b/web/app/components/header/app-selector/index.tsx
@@ -55,7 +55,7 @@ export default function AppSelector({ appItems, curApp }: IAppSelectorProps) {
             className="
               absolute -left-11 right-0 mt-1.5 w-60 max-w-80
               divide-y divide-gray-100 origin-top-right rounded-lg bg-white
-              shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_rgba(0,0,0,0.05)]
+              shadow-lg
             "
           >
             {!!appItems.length && (<div className="px-1 py-1 overflow-auto" style={{ maxHeight: '50vh' }}>
diff --git a/web/app/components/header/explore-nav/index.tsx b/web/app/components/header/explore-nav/index.tsx
index 8f42ad4bd1..b67f918d38 100644
--- a/web/app/components/header/explore-nav/index.tsx
+++ b/web/app/components/header/explore-nav/index.tsx
@@ -21,7 +21,7 @@ const ExploreNav = ({
   return (
     <Link href="/explore/apps" className={classNames(
       className, 'group',
-      actived && 'bg-white shadow-[0_2px_5px_-1px_rgba(0,0,0,0.05),0_2px_4px_-2px_rgba(0,0,0,0.05)]',
+      actived && 'bg-white shadow-md',
       actived ? 'text-primary-600' : 'text-gray-500 hover:bg-gray-200',
     )}>
       {
diff --git a/web/app/components/header/nav/index.tsx b/web/app/components/header/nav/index.tsx
index 448fc70375..c93fd1f003 100644
--- a/web/app/components/header/nav/index.tsx
+++ b/web/app/components/header/nav/index.tsx
@@ -35,7 +35,7 @@ const Nav = ({
   return (
     <div className={`
       flex items-center h-8 mr-3 px-0.5 rounded-xl text-sm shrink-0 font-medium
-      ${isActived && 'bg-white shadow-[0_2px_5px_-1px_rgba(0,0,0,0.05),0_2px_4px_-2px_rgba(0,0,0,0.05)] font-semibold'}
+      ${isActived && 'bg-white shadow-md font-semibold'}
       ${!curNav && !isActived && 'hover:bg-gray-200'}
     `}>
       <Link href={link}>
diff --git a/web/app/components/header/nav/nav-selector/index.tsx b/web/app/components/header/nav/nav-selector/index.tsx
index 15e5762282..b7a647990c 100644
--- a/web/app/components/header/nav/nav-selector/index.tsx
+++ b/web/app/components/header/nav/nav-selector/index.tsx
@@ -61,7 +61,7 @@ const NavSelector = ({ curNav, navs, createText, onCreate, onLoadmore }: INavSel
           className="
             absolute -left-11 right-0 mt-1.5 w-60 max-w-80
             divide-y divide-gray-100 origin-top-right rounded-lg bg-white
-            shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_rgba(0,0,0,0.05)]
+            shadow-lg
           "
         >
           <div className="px-1 py-1 overflow-auto" style={{ maxHeight: '50vh' }} onScroll={handleScroll}>
diff --git a/web/app/components/header/plugin-nav/index.tsx b/web/app/components/header/plugin-nav/index.tsx
index f7f7d9fb7b..7a83854049 100644
--- a/web/app/components/header/plugin-nav/index.tsx
+++ b/web/app/components/header/plugin-nav/index.tsx
@@ -21,7 +21,7 @@ const PluginNav = ({
   return (
     <Link href="/plugins-coming-soon" className={classNames(
       className, 'group',
-      isPluginsComingSoon && 'bg-white shadow-[0_2px_5px_-1px_rgba(0,0,0,0.05),0_2px_4px_-2px_rgba(0,0,0,0.05)]',
+      isPluginsComingSoon && 'bg-white shadow-md',
       isPluginsComingSoon ? 'text-primary-600' : 'text-gray-500 hover:bg-gray-200',
     )}>
       {
diff --git a/web/context/provider-context.tsx b/web/context/provider-context.tsx
index 27af78182c..618c309554 100644
--- a/web/context/provider-context.tsx
+++ b/web/context/provider-context.tsx
@@ -2,17 +2,30 @@
 
 import { createContext, useContext } from 'use-context-selector'
 import useSWR from 'swr'
-import { fetchTenantInfo } from '@/service/common'
-
-const ProviderContext = createContext<{ currentProvider: {
-  provider: string
-  provider_name: string
-  token_is_set: boolean
-  is_valid: boolean
-  token_is_valid: boolean
-} | null | undefined }>({
-  currentProvider: null,
-})
+import { fetchModelList, fetchTenantInfo } from '@/service/common'
+import { ModelFeature, ModelType } from '@/app/components/header/account-setting/model-page/declarations'
+import type { BackendModel } from '@/app/components/header/account-setting/model-page/declarations'
+const ProviderContext = createContext<{
+  currentProvider: {
+    provider: string
+    provider_name: string
+    token_is_set: boolean
+    is_valid: boolean
+    token_is_valid: boolean
+  } | null | undefined
+  textGenerationModelList: BackendModel[]
+  embeddingsModelList: BackendModel[]
+  speech2textModelList: BackendModel[]
+  agentThoughtModelList: BackendModel[]
+  updateModelList: (type: ModelType) => void
+}>({
+      currentProvider: null,
+      textGenerationModelList: [],
+      embeddingsModelList: [],
+      speech2textModelList: [],
+      agentThoughtModelList: [],
+      updateModelList: () => {},
+    })
 
 export const useProviderContext = () => useContext(ProviderContext)
 
@@ -24,9 +37,30 @@ export const ProviderContextProvider = ({
 }: ProviderContextProviderProps) => {
   const { data: userInfo } = useSWR({ url: '/info' }, fetchTenantInfo)
   const currentProvider = userInfo?.providers?.find(({ token_is_set, is_valid, provider_name }) => token_is_set && is_valid && (provider_name === 'openai' || provider_name === 'azure_openai'))
+  const fetchModelListUrlPrefix = '/workspaces/current/models/model-type/'
+  const { data: textGenerationModelList, mutate: mutateTextGenerationModelList } = useSWR(`${fetchModelListUrlPrefix}${ModelType.textGeneration}`, fetchModelList)
+  const { data: embeddingsModelList, mutate: mutateEmbeddingsModelList } = useSWR(`${fetchModelListUrlPrefix}${ModelType.embeddings}`, fetchModelList)
+  const { data: speech2textModelList } = useSWR(`${fetchModelListUrlPrefix}${ModelType.speech2text}`, fetchModelList)
+  const agentThoughtModelList = textGenerationModelList?.filter((item) => {
+    return item.features?.includes(ModelFeature.agentThought)
+  })
+
+  const updateModelList = (type: ModelType) => {
+    if (type === ModelType.textGeneration)
+      mutateTextGenerationModelList()
+    if (type === ModelType.embeddings)
+      mutateEmbeddingsModelList()
+  }
 
   return (
-    <ProviderContext.Provider value={{ currentProvider }}>
+    <ProviderContext.Provider value={{
+      currentProvider,
+      textGenerationModelList: textGenerationModelList || [],
+      embeddingsModelList: embeddingsModelList || [],
+      speech2textModelList: speech2textModelList || [],
+      agentThoughtModelList: agentThoughtModelList || [],
+      updateModelList,
+    }}>
       {children}
     </ProviderContext.Provider>
   )
diff --git a/web/i18n/lang/app-debug.en.ts b/web/i18n/lang/app-debug.en.ts
index 7b95418668..9bfffc11c5 100644
--- a/web/i18n/lang/app-debug.en.ts
+++ b/web/i18n/lang/app-debug.en.ts
@@ -93,6 +93,7 @@ const translation = {
       'Please wait for the response to the previous message to complete.',
     waitForBatchResponse:
       'Please wait for the response to the batch task to complete.',
+    notSelectModel: 'Please choose a model',
   },
   chatSubTitle: 'Pre Prompt',
   completionSubTitle: 'Prefix Prompt',
diff --git a/web/i18n/lang/app-debug.zh.ts b/web/i18n/lang/app-debug.zh.ts
index 24c37f342e..84d1ed3b56 100644
--- a/web/i18n/lang/app-debug.zh.ts
+++ b/web/i18n/lang/app-debug.zh.ts
@@ -90,6 +90,7 @@ const translation = {
     queryRequired: '主要文本必填',
     waitForResponse: '请等待上条信息响应完成',
     waitForBatchResponse: '请等待批量任务完成',
+    notSelectModel: '请选择模型',
   },
   chatSubTitle: '对话前提示词',
   completionSubTitle: '前缀提示词',
diff --git a/web/i18n/lang/app-overview.en.ts b/web/i18n/lang/app-overview.en.ts
index ac8bec831e..9fb0dca058 100644
--- a/web/i18n/lang/app-overview.en.ts
+++ b/web/i18n/lang/app-overview.en.ts
@@ -5,6 +5,27 @@ const translation = {
     getKeyTip: 'Get your API Key from OpenAI dashboard',
     placeholder: 'Your OpenAI API Key(eg.sk-xxxx)',
   },
+  apiKeyInfo: {
+    cloud: {
+      trial: {
+        title: 'You are using the {{providerName}} trial quota.',
+        description: 'The trial quota is provided for your testing use. Before the trial quota calls are exhausted, please set up your own model provider or purchase additional quota.',
+      },
+      exhausted: {
+        title: 'Your trial quota have been used up, please set up your APIKey.',
+        description: 'Your trial quota has been exhausted. Please set up your own model provider or purchase additional quota.',
+      },
+    },
+    selfHost: {
+      title: {
+        row1: 'To get started,',
+        row2: 'setup your  model provider first.',
+      },
+    },
+    callTimes: 'Call times',
+    setAPIBtn: 'Go to setup model provider',
+    tryCloud: 'Or try the cloud version of Dify with free quote',
+  },
   overview: {
     title: 'Overview',
     appInfo: {
diff --git a/web/i18n/lang/app-overview.zh.ts b/web/i18n/lang/app-overview.zh.ts
index 1fdc293c05..957b08d4bb 100644
--- a/web/i18n/lang/app-overview.zh.ts
+++ b/web/i18n/lang/app-overview.zh.ts
@@ -5,6 +5,27 @@ const translation = {
     getKeyTip: '从 OpenAI 获取你的 API Key',
     placeholder: '你的 OpenAI API Key（例如 sk-xxxx）',
   },
+  apiKeyInfo: {
+    cloud: {
+      trial: {
+        title: '您正在使用 {{providerName}} 试用配额。',
+        description: '试用配额仅供您测试使用。 在试用配额用完之前，请自行设置模型提供商或购买额外配额。',
+      },
+      exhausted: {
+        title: '您的试用额度已用完，请设置您的APIKey。',
+        description: '您的试用配额已用完。 请设置您自己的模型提供商或购买额外配额。',
+      },
+    },
+    selfHost: {
+      title: {
+        row1: '首先，',
+        row2: '设置您的模型提供商。',
+      },
+    },
+    callTimes: '调用次数',
+    setAPIBtn: '设置模型提供商',
+    tryCloud: '或者尝试使用 Dify 的云版本并使用试用配额',
+  },
   overview: {
     title: '概览',
     appInfo: {
diff --git a/web/i18n/lang/common.en.ts b/web/i18n/lang/common.en.ts
index 9d2f21093f..40d8886298 100644
--- a/web/i18n/lang/common.en.ts
+++ b/web/i18n/lang/common.en.ts
@@ -23,6 +23,8 @@ const translation = {
     lineBreak: 'Line break',
     sure: 'I\'m sure',
     download: 'Download',
+    setup: 'Setup',
+    getForFree: 'Get for free',
   },
   placeholder: {
     input: 'Please enter',
@@ -41,20 +43,20 @@ const translation = {
       temperature: 'Temperature',
       temperatureTip:
         'Controls randomness: Lowering results in less random completions. As the temperature approaches zero, the model will become deterministic and repetitive.',
-      topP: 'Top P',
-      topPTip:
+      top_p: 'Top P',
+      top_pTip:
         'Controls diversity via nucleus sampling: 0.5 means half of all likelihood-weighted options are considered.',
-      presencePenalty: 'Presence penalty',
-      presencePenaltyTip:
+      presence_penalty: 'Presence penalty',
+      presence_penaltyTip:
         'How much to penalize new tokens based on whether they appear in the text so far. Increases the model\'s likelihood to talk about new topics.',
-      frequencyPenalty: 'Frequency penalty',
-      frequencyPenaltyTip:
+      frequency_penalty: 'Frequency penalty',
+      frequency_penaltyTip:
         'How much to penalize new tokens based on their existing frequency in the text so far. Decreases the model\'s likelihood to repeat the same line verbatim.',
-      maxToken: 'Max token',
-      maxTokenTip:
+      max_tokens: 'Max token',
+      max_tokensTip:
         'Max tokens depending on the model. Prompt and completion share this limit. One token is roughly 1 English character.',
       maxTokenSettingTip: 'Your max token setting is high, potentially limiting space for prompts, queries, and data. Consider setting it below 2/3.',
-      setToCurrentModelMaxTokenTip: 'Max token is updated to the maximum token of the current model {{maxToken}}.',
+      setToCurrentModelMaxTokenTip: 'Max token is updated to the 80% maximum token of the current model {{maxToken}}.',
     },
     tone: {
       Creative: 'Creative',
@@ -202,6 +204,52 @@ const translation = {
       back: ' technology.',
     },
   },
+  modelProvider: {
+    selectModel: 'Select your model',
+    setupModelFirst: 'Please set up your model first',
+    systemReasoningModel: {
+      key: 'System Reasoning Model',
+      tip: 'System Reasoning Model',
+    },
+    embeddingModel: {
+      key: 'Embedding Model',
+      tip: 'Embedding Model',
+    },
+    speechToTextModel: {
+      key: 'Speech-to-Text Model',
+      tip: 'Speech-to-Text Model',
+    },
+    quota: 'Quota',
+    searchModel: 'Search model',
+    noModelFound: 'No model found for {{model}}',
+    models: 'Models',
+    showMoreModelProvider: 'Show more model provider',
+    selector: {
+      tip: 'This model has been removed. Please add a model or select another model.',
+    },
+    card: {
+      quota: 'QUOTA',
+      onTrial: 'On Trial',
+      paid: 'Paid',
+      quotaExhausted: 'Quota exhausted',
+      callTimes: 'Call times',
+      tokens: 'Tokens',
+      buyQuota: 'Buy Quota',
+      priorityUse: 'Priority use',
+      removeKey: 'Remove API Key',
+      tip: 'Priority will be given to the paid quota. The Trial quota will be used after the paid quota is exhausted.',
+    },
+    item: {
+      deleteDesc: '{{modelName}} are being used as system reasoning models. Some functions will not be available after removal. Please confirm.',
+      freeQuota: 'FREE QUOTA',
+    },
+    addApiKey: 'Add your API key',
+    invalidApiKey: 'Invalid API key',
+    encrypted: {
+      front: 'Your API KEY will be encrypted and stored using',
+      back: ' technology.',
+    },
+  },
   dataSource: {
     add: 'Add a data source',
     connect: 'Connect',
@@ -265,6 +313,17 @@ const translation = {
     converting: 'Converting to text...',
     notAllow: 'microphone not authorized',
   },
+  modelName: {
+    'gpt-3.5-turbo': 'GPT-3.5-Turbo',
+    'gpt-3.5-turbo-16k': 'GPT-3.5-Turbo-16K',
+    'gpt-4': 'GPT-4',
+    'gpt-4-32k': 'GPT-4-32K',
+    'text-davinci-003': 'Text-Davinci-003',
+    'text-embedding-ada-002': 'Text-Embedding-Ada-002',
+    'whisper-1': 'Whisper-1',
+    'claude-instant-1': 'Claude-Instant',
+    'claude-2': 'Claude-2',
+  },
 }
 
 export default translation
diff --git a/web/i18n/lang/common.zh.ts b/web/i18n/lang/common.zh.ts
index 2ea856aa58..73ed169a7f 100644
--- a/web/i18n/lang/common.zh.ts
+++ b/web/i18n/lang/common.zh.ts
@@ -23,6 +23,8 @@ const translation = {
     lineBreak: '换行',
     sure: '我确定',
     download: '下载',
+    setup: '设置',
+    getForFree: '免费获取',
   },
   placeholder: {
     input: '请输入',
@@ -41,20 +43,20 @@ const translation = {
       temperature: '多样性',
       temperatureTip:
         '较高的 Temperature 设置将导致更多样和创造性的输出，而较低的 Temperature 将产生更保守的输出并且类似于训练数据。',
-      topP: '采样范围',
-      topPTip:
+      top_p: '采样范围',
+      top_pTip:
         'Top P值越低，输出与训练文本越相似，Top P值越高，输出越有创意和变化。它可用于使输出更适合特定用例。',
-      presencePenalty: '词汇控制',
-      presencePenaltyTip:
+      presence_penalty: '词汇控制',
+      presence_penaltyTip:
         'Presence penalty 是根据新词是否出现在目前的文本中来对其进行惩罚。正值将降低模型谈论新话题的可能性。',
-      frequencyPenalty: '重复控制',
-      frequencyPenaltyTip:
+      frequency_penalty: '重复控制',
+      frequency_penaltyTip:
         'Frequency penalty 是根据重复词在目前文本中的出现频率来对其进行惩罚。正值将不太可能重复常用单词和短语。',
-      maxToken: '最大 Token',
-      maxTokenTip:
+      max_tokens: '最大 Token',
+      max_tokensTip:
         '生成的最大令牌数取决于模型。提示和完成共享令牌数限制。一个令牌约等于 1 个英文或 半个中文字符。',
       maxTokenSettingTip: '您设置的最大 tokens 数较大，可能会导致 prompt、用户问题、数据集内容没有 token 空间进行处理，建议设置到 2/3 以下。',
-      setToCurrentModelMaxTokenTip: '最大令牌数更新为当前模型最大的令牌数 {{maxToken}}。',
+      setToCurrentModelMaxTokenTip: '最大令牌数更新为当前模型最大的令牌数 {{maxToken}} 的 80%。',
     },
     tone: {
       Creative: '创意',
@@ -202,6 +204,52 @@ const translation = {
       back: ' 技术进行加密和存储。',
     },
   },
+  modelProvider: {
+    selectModel: '选择您的模型',
+    setupModelFirst: '请先设置您的模型',
+    systemReasoningModel: {
+      key: '系统推理模型',
+      tip: '系统推理模型',
+    },
+    embeddingModel: {
+      key: 'Embedding 模型',
+      tip: 'Embedding 模型',
+    },
+    speechToTextModel: {
+      key: '语音转文本模型',
+      tip: '语音转文本模型',
+    },
+    quota: '额度',
+    searchModel: '搜索模型',
+    noModelFound: '找不到模型 {{model}}',
+    models: '模型列表',
+    showMoreModelProvider: '显示更多模型提供商',
+    selector: {
+      tip: '该模型已被删除。请添模型或选择其他模型。',
+    },
+    card: {
+      quota: '额度',
+      onTrial: '试用中',
+      paid: '已购买',
+      quotaExhausted: '配额已用完',
+      callTimes: '调用次数',
+      tokens: 'Tokens',
+      buyQuota: '购买额度',
+      priorityUse: '优先使用',
+      removeKey: '删除 API 密钥',
+      tip: '已付费额度将优先考虑。 试用额度将在付费额度用完后使用。',
+    },
+    item: {
+      deleteDesc: '{{modelName}} 被用作系统推理模型。删除后部分功能将无法使用。请确认。',
+      freeQuota: '免费额度',
+    },
+    addApiKey: '添加您的 API 密钥',
+    invalidApiKey: 'Invalid API key',
+    encrypted: {
+      front: '您的密钥将使用',
+      back: '技术进行加密和存储。',
+    },
+  },
   dataSource: {
     add: '添加数据源',
     connect: '绑定',
@@ -265,6 +313,17 @@ const translation = {
     converting: '正在转换为文本...',
     notAllow: '麦克风未授权',
   },
+  modelName: {
+    'gpt-3.5-turbo': 'GPT-3.5-Turbo',
+    'gpt-3.5-turbo-16k': 'GPT-3.5-Turbo-16K',
+    'gpt-4': 'GPT-4',
+    'gpt-4-32k': 'GPT-4-32K',
+    'text-davinci-003': 'Text-Davinci-003',
+    'text-embedding-ada-002': 'Text-Embedding-Ada-002',
+    'whisper-1': 'Whisper-1',
+    'claude-instant-1': 'Claude-Instant',
+    'claude-2': 'Claude-2',
+  },
 }
 
 export default translation
diff --git a/web/models/common.ts b/web/models/common.ts
index 2c7eed3bf2..617df80e92 100644
--- a/web/models/common.ts
+++ b/web/models/common.ts
@@ -65,6 +65,12 @@ export enum ProviderName {
   OPENAI = 'openai',
   AZURE_OPENAI = 'azure_openai',
   ANTHROPIC = 'anthropic',
+  Replicate = 'replicate',
+  HuggingfaceHub = 'huggingface_hub',
+  MiniMax = 'minimax',
+  Spark = 'spark',
+  Tongyi = 'tongyi',
+  ChatGLM = 'chatglm',
 }
 export type ProviderAzureToken = {
   openai_api_base?: string
diff --git a/web/service/common.ts b/web/service/common.ts
index 87f0186678..6466073753 100644
--- a/web/service/common.ts
+++ b/web/service/common.ts
@@ -10,6 +10,7 @@ import type {
   UpdateOpenAIKeyResponse,
   ValidateOpenAIKeyResponse,
 } from '@/models/app'
+import type { BackendModel, ProviderMap } from '@/app/components/header/account-setting/model-page/declarations'
 
 export const login: Fetcher<CommonResponse, { url: string; body: Record<string, any> }> = ({ url, body }) => {
   return post(url, { body }) as Promise<CommonResponse>
@@ -124,3 +125,47 @@ export const invitationCheck: Fetcher<CommonResponse & { is_valid: boolean; work
 export const activateMember: Fetcher<CommonResponse, { url: string; body: any }> = ({ url, body }) => {
   return post(url, { body }) as Promise<CommonResponse>
 }
+
+export const fetchModelProviders: Fetcher<ProviderMap, string> = (url) => {
+  return get(url) as Promise<ProviderMap>
+}
+
+export const fetchModelList: Fetcher<BackendModel[], string> = (url) => {
+  return get(url) as Promise<BackendModel[]>
+}
+
+export const validateModelProvider: Fetcher<ValidateOpenAIKeyResponse, { url: string; body: any }> = ({ url, body }) => {
+  return post(url, { body }) as Promise<ValidateOpenAIKeyResponse>
+}
+
+export const setModelProvider: Fetcher<CommonResponse, { url: string; body: any }> = ({ url, body }) => {
+  return post(url, { body }) as Promise<CommonResponse>
+}
+
+export const deleteModelProvider: Fetcher<CommonResponse, { url: string }> = ({ url }) => {
+  return del(url) as Promise<CommonResponse>
+}
+
+export const changeModelProviderPriority: Fetcher<CommonResponse, { url: string; body: any }> = ({ url, body }) => {
+  return post(url, { body }) as Promise<CommonResponse>
+}
+
+export const setModelProviderModel: Fetcher<CommonResponse, { url: string; body: any }> = ({ url, body }) => {
+  return post(url, { body }) as Promise<CommonResponse>
+}
+
+export const deleteModelProviderModel: Fetcher<CommonResponse, { url: string }> = ({ url }) => {
+  return del(url) as Promise<CommonResponse>
+}
+
+export const getPayUrl: Fetcher<{ url: string }, string> = (url) => {
+  return get(url) as Promise<{ url: string }>
+}
+
+export const fetchDefaultModal: Fetcher<BackendModel, string> = (url) => {
+  return get(url) as Promise<BackendModel>
+}
+
+export const updateDefaultModel: Fetcher<CommonResponse, { url: string; body: any }> = ({ url, body }) => {
+  return post(url, { body }) as Promise<CommonResponse>
+}
diff --git a/web/service/debug.ts b/web/service/debug.ts
index 82c27c86a2..32f915875d 100644
--- a/web/service/debug.ts
+++ b/web/service/debug.ts
@@ -49,3 +49,11 @@ export const generateRule = (body: Record<string, any>) => {
     body,
   })
 }
+
+export const fetchModelParams = (providerName: string, modelId: string) => {
+  return get(`workspaces/current/model-providers/${providerName}/models/parameter-rules`, {
+    params: {
+      model_name: modelId,
+    },
+  })
+}
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 32a5339d61..7490e502f4 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -61,6 +61,15 @@ module.exports = {
         pc: '769px',
         // => @media (min-width: 769px) { ... }
       },
+      boxShadow: {
+        'xs': '0px 1px 2px 0px rgba(16, 24, 40, 0.05)',
+        'sm': '0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10)',
+        'md': '0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10)',
+        'lg': '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+        'xl': '0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08)',
+        '2xl': '0px 24px 48px -12px rgba(16, 24, 40, 0.18)',
+        '3xl': '0px 32px 64px -12px rgba(16, 24, 40, 0.14)',
+      },
     },
   },
   plugins: [
diff --git a/web/types/app.ts b/web/types/app.ts
index e83d1a80cc..417a98d2dc 100644
--- a/web/types/app.ts
+++ b/web/types/app.ts
@@ -1,6 +1,12 @@
 export enum ProviderType {
   openai = 'openai',
   anthropic = 'anthropic',
+  azure_openai = 'azure_openai',
+  replicate = 'replicate',
+  huggingface_hub = 'huggingface_hub',
+  minimax = 'minimax',
+  tongyi = 'tongyi',
+  spark = 'spark',
 }
 
 export enum AppType {