feat: enable AI Assist Button for Request Options/graphql (#16069)

Author: pnilan

airbyte-webapp/src/components/connectorBuilder/Builder/Assist/AssistButton.tsx

@@ -190,7 +190,7 @@ const assistButtonConfigs: { [key in AssistKey]: AssistButtonConfig } = {
   request_options: {
     useHook: useBuilderAssistFindRequestOptions,
     useHookParams: ["stream_name", "stream_response"],
-    formPathToSet: (streamNum: number) => `streams.${streamNum}.requestOptions.requestHeaders`,
+    formPathToSet: (streamNum: number) => `streams.${streamNum}.requestOptions`,
   },
   incremental_sync: {
     useHook: useBuilderAssistFindIncrementalSync,

airbyte-webapp/src/components/connectorBuilder/Builder/Assist/assist.ts

@@ -57,6 +57,7 @@ export const convertToAssistFormValuesSync = (updates: BuilderAssistManifestResp
             path: update?.stream_path ?? "",
             http_method: update?.stream_http_method ?? "GET",
             request_headers: update?.request_headers ?? undefined,
+            request_body_json: update?.request_body_json ?? undefined,
           },
           paginator: update?.paginator ?? undefined,
         },
@@ -113,6 +114,7 @@ export interface ManifestUpdate {
   record_selector: RecordSelector | null;
   primary_key: PrimaryKey | null;
   request_headers: Record<string, string> | null;
+  request_body_json: Record<string, string> | null;
   incremental_sync: DatetimeBasedCursor | null;
 }
 

airbyte-webapp/src/components/connectorBuilder/Builder/RequestOptionSection.tsx

@@ -136,6 +136,8 @@ export const RequestOptionSection: React.FC<RequestOptionSectionProps> = (props)
         componentName: formatMessage({ id: "connectorBuilder.requestOptions.label" }),
       }}
       labelAction={<AssistButton assistKey="request_options" streamNum={props.currentStreamIndex} />}
+      label={formatMessage({ id: "connectorBuilder.requestOptions.label" })}
+      tooltip={formatMessage({ id: "connectorBuilder.requestOptions.tooltip" })}
     >
       {content}
     </BuilderCard>

airbyte-webapp/src/locales/en.json

@@ -2108,6 +2108,7 @@
   "connectorBuilder.partitionRouter.customRouter": "To use a CustomPartitionRouter, add it to the Parent Stream component in YAML mode",
   "connectorBuilder.partitionRouter.valuesPattern": "The 'values' field must match the pattern '{{' config['user_input_id'] '}}'",
   "connectorBuilder.requestOptions.label": "Request Options",
+  "connectorBuilder.requestOptions.tooltip": "Configure the query parameters, headers, and request body/payload that should be sent in the request to the API.",
   "connectorBuilder.requestOptions.jsonList": "JSON (key-value pairs)",
   "connectorBuilder.requestOptions.formList": "Form encoded (key-value pairs)",
   "connectorBuilder.requestOptions.jsonFreeform": "JSON (free form)",