diff --git a/web/app/(commonLayout)/workflow/nodes/page.tsx b/web/app/(commonLayout)/workflow/nodes/page.tsx
index 4c83f79656..0ea0be9bda 100644
--- a/web/app/(commonLayout)/workflow/nodes/page.tsx
+++ b/web/app/(commonLayout)/workflow/nodes/page.tsx
@@ -3,15 +3,16 @@
 import type { FC } from 'react'
 import { memo } from 'react'
 import Workflow from '@/app/components/workflow'
+import { BlockEnum } from '@/app/components/workflow/types'
 const nodes = [
-  'start', 'directAnswer', 'llm', 'knowledgeRetrieval', 'questionClassifier',
-  'questionClassifier', 'ifElse', 'code', 'templateTransform', 'http',
-  'tool',
+  BlockEnum.Start, BlockEnum.DirectAnswer, BlockEnum.LLM, BlockEnum.KnowledgeRetrieval, BlockEnum.QuestionClassifier,
+  BlockEnum.QuestionClassifier, BlockEnum.IfElse, BlockEnum.Code, BlockEnum.TemplateTransform, BlockEnum.HttpRequest,
+  BlockEnum.Tool,
 ].map((item, i) => ({
   id: `${i + 1}`,
   type: 'custom',
   position: { x: 330, y: 30 + i * 200 },
-  data: { type: item },
+  data: { type: item, name: item },
 }))
 const initialNodes = nodes
 
diff --git a/web/app/components/workflow/nodes/llm/panel.tsx b/web/app/components/workflow/nodes/llm/panel.tsx
index 0a2266149a..4557d4f690 100644
--- a/web/app/components/workflow/nodes/llm/panel.tsx
+++ b/web/app/components/workflow/nodes/llm/panel.tsx
@@ -29,78 +29,75 @@ const Panel: FC = () => {
   // const isChatMode = modelMode === 'chat'
 
   return (
-    <BasePanel
-      inputsElement={
-        <div className='mt-2 px-4 space-y-4'>
-          <Field
-            title={t(`${i18nPrefix}.model`)}
-          >
-            <ModelParameterModal
-              popupClassName='!w-[387px]'
-              isAdvancedMode={true}
-              mode={model?.mode}
-              provider={model?.provider}
-              completionParams={model.completion_params}
-              modelId={model.name}
-              setModel={handleModelChanged}
-              onCompletionParamsChange={handleCompletionParamsChange}
-              hideDebugWithMultipleModel
-              debugWithMultipleModel={false}
-            />
-          </Field>
+    <BasePanel>
+      <div className='mt-2 px-4 space-y-4'>
+        <Field
+          title={t(`${i18nPrefix}.model`)}
+        >
+          <ModelParameterModal
+            popupClassName='!w-[387px]'
+            isAdvancedMode={true}
+            mode={model?.mode}
+            provider={model?.provider}
+            completionParams={model.completion_params}
+            modelId={model.name}
+            setModel={handleModelChanged}
+            onCompletionParamsChange={handleCompletionParamsChange}
+            hideDebugWithMultipleModel
+            debugWithMultipleModel={false}
+          />
+        </Field>
 
-          <Field
-            title={t(`${i18nPrefix}.variables`)}
-            operations={
-              <AddButton onClick={handleAddVariable} />
-            }
-          >
-            <VarList
-              readonly={readOnly}
-              list={inputs.variables}
-              onChange={handleVarListChange}
-            />
-          </Field>
+        <Field
+          title={t(`${i18nPrefix}.variables`)}
+          operations={
+            <AddButton onClick={handleAddVariable} />
+          }
+        >
+          <VarList
+            readonly={readOnly}
+            list={inputs.variables}
+            onChange={handleVarListChange}
+          />
+        </Field>
 
-          <Field
-            title={t(`${i18nPrefix}.context`)}
-            operations={
-              <Switch
-                defaultValue={inputs.context.enabled}
-                onChange={toggleContextEnabled}
-                size='md'
-              />
-            }
-          >
-            {inputs.context.enabled
-              ? (
-                <div>Context</div>
-              )
-              : null}
-          </Field>
-          <Field
-            title={t(`${i18nPrefix}.prompt`)}
-          >
-            Prompt
-          </Field>
-          <Split />
-          <Field
-            title={t(`${i18nPrefix}.vision`)}
-            inline
-          >
-            Vision
-          </Field>
-          {/* This version not support function */}
-          {/* <Field
+        <Field
+          title={t(`${i18nPrefix}.context`)}
+          operations={
+            <Switch
+              defaultValue={inputs.context.enabled}
+              onChange={toggleContextEnabled}
+              size='md'
+            />
+          }
+        >
+          {inputs.context.enabled
+            ? (
+              <div>Context</div>
+            )
+            : null}
+        </Field>
+        <Field
+          title={t(`${i18nPrefix}.prompt`)}
+        >
+          Prompt
+        </Field>
+        <Split />
+        <Field
+          title={t(`${i18nPrefix}.vision`)}
+          inline
+        >
+          Vision
+        </Field>
+        {/* This version not support function */}
+        {/* <Field
             title={t(`${i18nPrefix}.fu`)}
             inline
           >
             Functions
           </Field> */}
-        </div>
-      }
-      outputsElement={<div>start panel outputs</div>}
-    />
+      </div>
+    </BasePanel>
   )
 }