diff --git a/web/src/locales/en.ts b/web/src/locales/en.ts
index 35d1d39ac..7e1040917 100644
--- a/web/src/locales/en.ts
+++ b/web/src/locales/en.ts
@@ -2120,8 +2120,8 @@ Important structured information may include: names, dates, locations, events, k
         queryParameters: 'Query parameters',
         headerParameters: 'Header parameters',
         requestBodyParameters: 'Request body parameters',
-        streaming: 'Accepted response',
-        immediately: 'Final response',
+        immediately: 'Accepted response',
+        streaming: 'Final response',
       },
     },
     llmTools: {
diff --git a/web/src/pages/agent/chat/use-send-agent-message.ts b/web/src/pages/agent/chat/use-send-agent-message.ts
index b5fef662e..9c40cb5ff 100644
--- a/web/src/pages/agent/chat/use-send-agent-message.ts
+++ b/web/src/pages/agent/chat/use-send-agent-message.ts
@@ -7,7 +7,6 @@ import {
 import {
   IAttachment,
   IEventList,
-  IInputEvent,
   IMessageEndData,
   IMessageEndEvent,
   IMessageEvent,
@@ -93,7 +92,7 @@ export function findMessageFromList(eventList: IEventList) {
 export function findInputFromList(eventList: IEventList) {
   const inputEvent = eventList.find(
     (x) => x.event === MessageEventType.UserInputs,
-  ) as IInputEvent;
+  );
 
   if (!inputEvent) {
     return {};
diff --git a/web/src/pages/agent/form/message-form/index.tsx b/web/src/pages/agent/form/message-form/index.tsx
index 55a44def0..9a2b47017 100644
--- a/web/src/pages/agent/form/message-form/index.tsx
+++ b/web/src/pages/agent/form/message-form/index.tsx
@@ -1,4 +1,3 @@
-import { FormContainer } from '@/components/form-container';
 import { BlockButton, Button } from '@/components/ui/button';
 import {
   Form,
@@ -67,99 +66,99 @@ function MessageForm({ node }: INextOperatorForm) {
         {showWebhookResponseStatus && (
           <WebHookResponseStatusFormField name="status"></WebHookResponseStatusFormField>
         )}
-        <FormContainer>
-          <FormItem>
-            <FormLabel tooltip={t('flow.msgTip')}>{t('flow.msg')}</FormLabel>
-            <div className="space-y-4">
-              {fields.map((field, index) => (
-                <div key={field.id} className="flex items-start gap-2">
-                  <FormField
-                    control={form.control}
-                    name={`content.${index}.value`}
-                    render={({ field }) => (
-                      <FormItem className="flex-1">
-                        <FormControl>
-                          <PromptEditor
-                            {...field}
-                            placeholder={t('flow.messagePlaceholder')}
-                          ></PromptEditor>
-                        </FormControl>
-                      </FormItem>
-                    )}
-                  />
-                  {fields.length > 1 && (
-                    <Button
-                      type="button"
-                      variant={'ghost'}
-                      onClick={() => remove(index)}
-                    >
-                      <X />
-                    </Button>
+        <FormItem>
+          <FormLabel tooltip={t('flow.msgTip')}>{t('flow.msg')}</FormLabel>
+          <div className="space-y-4">
+            {fields.map((field, index) => (
+              <div key={field.id} className="flex items-start gap-2">
+                <FormField
+                  control={form.control}
+                  name={`content.${index}.value`}
+                  render={({ field }) => (
+                    <FormItem className="flex-1">
+                      <FormControl>
+                        <PromptEditor
+                          {...field}
+                          placeholder={t('flow.messagePlaceholder')}
+                        ></PromptEditor>
+                      </FormControl>
+                    </FormItem>
                   )}
-                </div>
-              ))}
+                />
+                {fields.length > 1 && (
+                  <Button
+                    type="button"
+                    variant={'ghost'}
+                    onClick={() => remove(index)}
+                  >
+                    <X />
+                  </Button>
+                )}
+              </div>
+            ))}
 
-              <BlockButton
-                type="button"
-                onClick={() => append({ value: '' })} // "" will cause the inability to add, refer to: https://github.com/orgs/react-hook-form/discussions/8485#discussioncomment-2961861
-              >
-                {t('flow.addMessage')}
-              </BlockButton>
-            </div>
-            <FormMessage />
-          </FormItem>
-        </FormContainer>
-        <FormContainer>
-          <FormItem>
-            <FormLabel tooltip={t('flow.downloadFileTypeTip')}>
-              {t('flow.downloadFileType')}
-            </FormLabel>
-            <FormField
-              control={form.control}
-              name={`output_format`}
-              render={({ field }) => (
-                <FormItem className="flex-1">
-                  <FormControl>
-                    <RAGFlowSelect
-                      options={Object.keys(ExportFileType).map(
-                        (key: string) => {
-                          return {
-                            value:
-                              ExportFileType[
-                                key as keyof typeof ExportFileType
-                              ],
-                            label: key,
-                          };
-                        },
-                      )}
-                      {...field}
-                      onValueChange={field.onChange}
-                      placeholder={t('common.selectPlaceholder')}
-                      allowClear
-                    ></RAGFlowSelect>
-                  </FormControl>
-                </FormItem>
-              )}
-            />
-          </FormItem>
-          <FormItem>
-            <FormLabel>{t('flow.autoPlay')}</FormLabel>
-            <FormField
-              control={form.control}
-              name={`auto_play`}
-              render={({ field }) => (
-                <FormItem className="flex-1">
-                  <FormControl>
-                    <Switch
-                      checked={field.value}
-                      onCheckedChange={field.onChange}
-                    />
-                  </FormControl>
-                </FormItem>
-              )}
-            />
-          </FormItem>
-        </FormContainer>
+            <BlockButton
+              type="button"
+              onClick={() => append({ value: '' })} // "" will cause the inability to add, refer to: https://github.com/orgs/react-hook-form/discussions/8485#discussioncomment-2961861
+            >
+              {t('flow.addMessage')}
+            </BlockButton>
+          </div>
+          <FormMessage />
+        </FormItem>
+        {!showWebhookResponseStatus && (
+          <>
+            <FormItem>
+              <FormLabel tooltip={t('flow.downloadFileTypeTip')}>
+                {t('flow.downloadFileType')}
+              </FormLabel>
+              <FormField
+                control={form.control}
+                name={`output_format`}
+                render={({ field }) => (
+                  <FormItem className="flex-1">
+                    <FormControl>
+                      <RAGFlowSelect
+                        options={Object.keys(ExportFileType).map(
+                          (key: string) => {
+                            return {
+                              value:
+                                ExportFileType[
+                                  key as keyof typeof ExportFileType
+                                ],
+                              label: key,
+                            };
+                          },
+                        )}
+                        {...field}
+                        onValueChange={field.onChange}
+                        placeholder={t('common.selectPlaceholder')}
+                        allowClear
+                      ></RAGFlowSelect>
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            </FormItem>
+            <FormItem>
+              <FormLabel>{t('flow.autoPlay')}</FormLabel>
+              <FormField
+                control={form.control}
+                name={`auto_play`}
+                render={({ field }) => (
+                  <FormItem className="flex-1">
+                    <FormControl>
+                      <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                      />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            </FormItem>
+          </>
+        )}
       </FormWrapper>
     </Form>
   );
diff --git a/web/src/pages/agent/form/message-form/use-show-response-status.ts b/web/src/pages/agent/form/message-form/use-show-response-status.ts
index 75ba1fb64..ceb8fceb9 100644
--- a/web/src/pages/agent/form/message-form/use-show-response-status.ts
+++ b/web/src/pages/agent/form/message-form/use-show-response-status.ts
@@ -15,7 +15,7 @@ export function useShowWebhookResponseStatus(form: UseFormReturn<any>) {
   const showWebhookResponseStatus = useMemo(() => {
     const formData: BeginFormSchemaType = getNode(BeginId)?.data.form;
     return (
-      formData.mode === AgentDialogueMode.Webhook &&
+      formData?.mode === AgentDialogueMode.Webhook &&
       formData.execution_mode === WebhookExecutionMode.Streaming
     );
   }, []);