Feat: Modify the style of the agent operator form #10703 (#10821)

### What problem does this PR solve?

Feat: Modify the style of the agent operator form #10703

### Type of change


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

web/src/pages/agent/hooks/use-is-mcp.ts

@@ -0,0 +1,11 @@
+import { Operator } from '../constant';
+import useGraphStore from '../store';
+
+export function useIsMcp(operatorName: Operator) {
+  const clickedToolId = useGraphStore((state) => state.clickedToolId);
+
+  return (
+    operatorName === Operator.Tool &&
+    Object.values(Operator).every((x) => x !== clickedToolId)
+  );
+}