feat(web): update marketplace description & icon (#28662)

web/app/components/plugins/marketplace/description/index.tsx

@@ -37,27 +37,31 @@ const Description = async ({
           )
         }
         <span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
-          <span className='relative z-[2] lowercase'>{t('category.models')}</span>
+          {t('category.models')}
         </span>
         ,
         <span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
-          <span className='relative z-[2] lowercase'>{t('category.tools')}</span>
+          {t('category.tools')}
         </span>
         ,
         <span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
-          <span className='relative z-[2] lowercase'>{t('category.datasources')}</span>
+          {t('category.datasources')}
         </span>
         ,
         <span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
-          <span className='relative z-[2] lowercase'>{t('category.agents')}</span>
+          {t('category.triggers')}
+        </span>
+        ,
+        <span className="body-md-medium relative z-[1] ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
+          {t('category.agents')}
         </span>
         ,
         <span className="body-md-medium relative z-[1] ml-1 mr-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
-          <span className='relative z-[2] lowercase'>{t('category.extensions')}</span>
+          {t('category.extensions')}
         </span>
         {t('marketplace.and')}
         <span className="body-md-medium relative z-[1] ml-1 mr-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
-          <span className='relative z-[2] lowercase'>{t('category.bundles')}</span>
+          {t('category.bundles')}
         </span>
         {
           !isZhHans && (

web/app/components/plugins/plugin-detail-panel/detail-header.tsx

@@ -26,12 +26,12 @@ import {
   RiBugLine,
   RiCloseLine,
   RiHardDrive3Line,
-  RiVerifiedBadgeLine,
 } from '@remixicon/react'
 import { useBoolean } from 'ahooks'
 import { useTheme } from 'next-themes'
 import React, { useCallback, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
+import Verified from '../base/badges/verified'
 import { AutoUpdateLine } from '../../base/icons/src/vender/system'
 import DeprecationNotice from '../base/deprecation-notice'
 import Icon from '../card/base/card-icon'
@@ -219,7 +219,7 @@ const DetailHeader = ({
         <div className="ml-3 w-0 grow">
           <div className="flex h-5 items-center">
             <Title title={label[locale]} />
-            {verified && !isReadmeView && <RiVerifiedBadgeLine className="ml-0.5 h-4 w-4 shrink-0 text-text-accent" />}
+            {verified && !isReadmeView && <Verified className='ml-0.5 h-4 w-4' text={t('plugin.marketplace.verifiedTip')} />}
             {version && <PluginVersionPicker
               disabled={!isFromMarketplace || isReadmeView}
               isShow={isShow}

web/app/components/plugins/plugin-item/index.tsx

@@ -13,13 +13,13 @@ import {
   RiErrorWarningLine,
   RiHardDrive3Line,
   RiLoginCircleLine,
-  RiVerifiedBadgeLine,
 } from '@remixicon/react'
 import { useTheme } from 'next-themes'
 import type { FC } from 'react'
 import React, { useCallback, useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { gte } from 'semver'
+import Verified from '../base/badges/verified'
 import Badge from '../../base/badge'
 import { Github } from '../../base/icons/src/public/common'
 import CornerMark from '../card/base/corner-mark'
@@ -112,7 +112,7 @@ const PluginItem: FC<Props> = ({
           <div className='ml-3 w-0 grow'>
             <div className='flex h-5 items-center'>
               <Title title={title} />
-              {verified && <RiVerifiedBadgeLine className='ml-0.5 h-4 w-4 shrink-0 text-text-accent' />}
+              {verified && <Verified className='ml-0.5 h-4 w-4' text={t('plugin.marketplace.verifiedTip')} />}
               {!isDifyVersionCompatible && <Tooltip popupContent={
                 t('plugin.difyVersionNotCompatible', { minimalDifyVersion: declarationMeta.minimum_dify_version })
               }><RiErrorWarningLine color='red' className='ml-0.5 h-4 w-4 shrink-0 text-text-accent' /></Tooltip>}

web/app/components/tools/marketplace/index.tsx

@@ -62,6 +62,10 @@ const Marketplace = ({
               {t('plugin.category.datasources')}
             </span>
             ,
+            <span className="body-md-medium relative ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
+              {t('plugin.category.triggers')}
+            </span>
+            ,
             <span className="body-md-medium relative ml-1 text-text-secondary after:absolute after:bottom-[1.5px] after:left-0 after:h-2 after:w-full after:bg-text-text-selected after:content-['']">
               {t('plugin.category.agents')}
             </span>