Feat: Delete MCP server #3221 (#8772)

### What problem does this PR solve?

Feat: Delete MCP server #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/agent/constant.tsx

@@ -685,6 +685,7 @@ export const initialWaitingDialogueValues = {};
 export const initialAgentValues = {
   ...initialLlmBaseValues,
   description: '',
+  user_prompt: '',
   sys_prompt: ``,
   prompts: [{ role: PromptRole.User, content: `{${AgentGlobals.SysQuery}}` }],
   message_history_window_size: 12,

web/src/pages/agent/form/agent-form/index.tsx

@@ -12,6 +12,7 @@ import {
 } from '@/components/ui/form';
 import { Input, NumberInput } from '@/components/ui/input';
 import { RAGFlowSelect } from '@/components/ui/select';
+import { Textarea } from '@/components/ui/textarea';
 import { buildOptions } from '@/utils/form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { useMemo } from 'react';
@@ -39,6 +40,7 @@ const exceptionMethodOptions = buildOptions(AgentExceptionMethod);
 const FormSchema = z.object({
   sys_prompt: z.string(),
   description: z.string().optional(),
+  user_prompt: z.string().optional(),
   prompts: z.string().optional(),
   // prompts: z
   //   .array(
@@ -98,7 +100,23 @@ const AgentForm = ({ node }: INextOperatorForm) => {
         }}
       >
         <FormContainer>
-          {isSubAgent && <DescriptionField></DescriptionField>}
+          {isSubAgent && (
+            <>
+              <DescriptionField></DescriptionField>
+              <FormField
+                control={form.control}
+                name={`user_prompt`}
+                render={({ field }) => (
+                  <FormItem className="flex-1">
+                    <FormLabel>Subagent Input</FormLabel>
+                    <FormControl>
+                      <Textarea {...field}></Textarea>
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+            </>
+          )}
           <LargeModelFormField></LargeModelFormField>
           <FormField
             control={form.control}

web/src/pages/agent/hooks/use-add-node.ts

@@ -56,6 +56,12 @@ import {
   getNodeDragHandle,
 } from '../utils';
 
+function isBottomSubAgent(type: string, position: Position) {
+  return (
+    (type === Operator.Agent && position === Position.Bottom) ||
+    type === Operator.Tool
+  );
+}
 export const useInitializeOperatorParams = () => {
   const llmId = useFetchModelId();
 
@@ -114,8 +120,17 @@ export const useInitializeOperatorParams = () => {
   }, [llmId]);
 
   const initializeOperatorParams = useCallback(
-    (operatorName: Operator) => {
-      return initialFormValuesMap[operatorName];
+    (operatorName: Operator, position: Position) => {
+      const initialValues = initialFormValuesMap[operatorName];
+      if (isBottomSubAgent(operatorName, position)) {
+        return {
+          ...initialValues,
+          description: 'This is an agent for a specific task.',
+          user_prompt: 'This is the order you need to send to the agent.',
+        };
+      }
+
+      return initialValues;
     },
     [initialFormValuesMap],
   );
@@ -235,13 +250,6 @@ function useAddToolNode() {
   return { addToolNode };
 }
 
-function isBottomSubAgent(type: string, position: Position) {
-  return (
-    (type === Operator.Agent && position === Position.Bottom) ||
-    type === Operator.Tool
-  );
-}
-
 function useResizeIterationNode() {
   const { getNode, nodes, updateNode } = useGraphStore((state) => state);
 
@@ -324,7 +332,7 @@ export function useAddNode(reactFlowInstance?: ReactFlowInstance<any, any>) {
               getNodeName(type),
               nodes,
             ),
-            form: initializeOperatorParams(type as Operator),
+            form: initializeOperatorParams(type as Operator, params.position),
           },
           sourcePosition: Position.Right,
           targetPosition: Position.Left,