feat: llm support struct output (#17994)

Co-authored-by: twwu <twwu@dify.ai>
Co-authored-by: zxhlyh <jasonapring2015@outlook.com>

web/service/use-common.ts

@@ -1,8 +1,10 @@
-import { get } from './base'
+import { get, post } from './base'
 import type {
   FileUploadConfigResponse,
+  StructuredOutputRulesRequestBody,
+  StructuredOutputRulesResponse,
 } from '@/models/common'
-import { useQuery } from '@tanstack/react-query'
+import { useMutation, useQuery } from '@tanstack/react-query'
 
 const NAME_SPACE = 'common'
 
@@ -12,3 +14,15 @@ export const useFileUploadConfig = () => {
     queryFn: () => get<FileUploadConfigResponse>('/files/upload'),
   })
 }
+
+export const useGenerateStructuredOutputRules = () => {
+  return useMutation({
+    mutationKey: [NAME_SPACE, 'generate-structured-output-rules'],
+    mutationFn: (body: StructuredOutputRulesRequestBody) => {
+      return post<StructuredOutputRulesResponse>(
+        '/rule-structured-output-generate',
+        { body },
+      )
+    },
+  })
+}