diff --git a/web/app/(commonLayout)/apps/NewAppDialog.tsx b/web/app/(commonLayout)/apps/NewAppDialog.tsx
index f157631de4..88ae5bf14a 100644
--- a/web/app/(commonLayout)/apps/NewAppDialog.tsx
+++ b/web/app/(commonLayout)/apps/NewAppDialog.tsx
@@ -153,6 +153,7 @@ const NewAppDialog = ({ show, onSuccess, onClose }: NewAppDialogProps) => {
                     <div className={style.listItemHeading}>
                       <div className={style.listItemHeadingContent}>{t('app.newApp.chatApp')}</div>
                     </div>
+                    <div className='shrink-0 flex items-center h-[18px] border border-indigo-300 px-1 rounded-[5px] text-xs font-medium text-indigo-600 uppercase'>{t('app.newApp.agentAssistant')}</div>
                   </div>
                   <div className={`${style.listItemDescription} ${style.noClip}`}>{t('app.newApp.chatAppIntro')}</div>
                   {/* <div className={classNames(style.listItemFooter, 'justify-end')}>
diff --git a/web/i18n/lang/app.en.ts b/web/i18n/lang/app.en.ts
index d48495dc2c..b4334b04be 100644
--- a/web/i18n/lang/app.en.ts
+++ b/web/i18n/lang/app.en.ts
@@ -29,6 +29,7 @@ const translation = {
     chatApp: 'Assistant',
     chatAppIntro:
       'I want to build a chat-based application. This app uses a question-and-answer format, allowing for multiple rounds of continuous conversation.',
+    agentAssistant: 'New Agent Assistant',
     completeApp: 'Text Generator',
     completeAppIntro:
       'I want to create an application that generates high-quality text based on prompts, such as generating articles, summaries, translations, and more.',
diff --git a/web/i18n/lang/app.pt.ts b/web/i18n/lang/app.pt.ts
index 83390ab955..26b3976b26 100644
--- a/web/i18n/lang/app.pt.ts
+++ b/web/i18n/lang/app.pt.ts
@@ -24,6 +24,7 @@ const translation = {
     chatApp: 'Aplicativo de Chat',
     chatAppIntro:
       'Quero construir um aplicativo baseado em chat. Este aplicativo usa um formato de pergunta e resposta, permitindo várias rodadas de conversa contínua.',
+    agentAssistant: 'Assistente de novo agente',
     completeApp: 'Gerador de Texto',
     completeAppIntro:
       'Quero criar um aplicativo que gera texto de alta qualidade com base em prompts, como geração de artigos, resumos, traduções e muito mais.',
diff --git a/web/i18n/lang/app.zh.ts b/web/i18n/lang/app.zh.ts
index f1c45bddd6..1d52deb663 100644
--- a/web/i18n/lang/app.zh.ts
+++ b/web/i18n/lang/app.zh.ts
@@ -28,6 +28,7 @@ const translation = {
     chatApp: '助手',
     chatAppIntro:
       '我要构建一个聊天场景的应用。该应用采用一问一答模式与用户持续对话。',
+    agentAssistant: '新的智能助手',
     completeApp: '文本生成应用',
     completeAppIntro:
       '我要构建一个根据提示生成高质量文本的应用，例如生成文章、摘要、翻译等',
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 50239b392c..bfd64e75d1 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -52,6 +52,7 @@ module.exports = {
           25: '#F5F8FF',
           50: '#EEF4FF',
           100: '#E0EAFF',
+          300: '#A4BCFD',
           400: '#8098F9',
           600: '#444CE7',
           800: '#2D31A6',