From 43f60cec246dd88b3d7e70f230f3e2732d245833 Mon Sep 17 00:00:00 2001
From: AkaraChen <akarachen@outlook.com>
Date: Thu, 9 Jan 2025 17:37:29 +0800
Subject: [PATCH] feat: show error when not select required model

---
 .../nodes/agent/components/model-bar.tsx      | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/web/app/components/workflow/nodes/agent/components/model-bar.tsx b/web/app/components/workflow/nodes/agent/components/model-bar.tsx
index dffbf40d36..1b2007070f 100644
--- a/web/app/components/workflow/nodes/agent/components/model-bar.tsx
+++ b/web/app/components/workflow/nodes/agent/components/model-bar.tsx
@@ -35,14 +35,22 @@ export const ModelBar: FC<ModelBarProps> = (props) => {
   const { t } = useTranslation()
   const modelList = useAllModel()
   if (!('provider' in props)) {
-    return <ModelSelector
-      modelList={[]}
-      triggerClassName='bg-workflow-block-parma-bg !h-6 !rounded-md'
-      defaultModel={undefined}
-      showDeprecatedWarnIcon={false}
-      readonly
-      deprecatedClassName='opacity-50'
-    />
+    return <Tooltip
+      popupContent={t('workflow.nodes.agent.modelNotSelected')}
+      triggerMethod='hover'
+    >
+      <div className='relative'>
+        <ModelSelector
+          modelList={[]}
+          triggerClassName='bg-workflow-block-parma-bg !h-6 !rounded-md'
+          defaultModel={undefined}
+          showDeprecatedWarnIcon={false}
+          readonly
+          deprecatedClassName='opacity-50'
+        />
+        <Indicator color={'red'} className='absolute -right-0.5 -top-0.5' />
+      </div>
+    </Tooltip>
   }
   const modelInstalled = modelList?.some(
     provider => provider.provider === props.provider && provider.models.some(model => model.model === props.model))