feat: support overwriting the default webhook data of deployers and notifiers

ui/src/components/access/AccessForm.tsx

@@ -246,7 +246,12 @@ const AccessForm = forwardRef<AccessFormInstance, AccessFormProps>(({ className,
       case ACCESS_PROVIDERS.WANGSU:
         return <AccessFormWangsuConfig {...nestedFormProps} />;
       case ACCESS_PROVIDERS.WEBHOOK:
-        return <AccessFormWebhookConfig {...nestedFormProps} />;
+        return (
+          <AccessFormWebhookConfig
+            usage={usage === "notification-only" ? "notification" : usage === "both-dns-hosting" ? "deployment" : "none"}
+            {...nestedFormProps}
+          />
+        );
       case ACCESS_PROVIDERS.WESTCN:
         return <AccessFormWestcnConfig {...nestedFormProps} />;
       case ACCESS_PROVIDERS.ZEROSSL:

ui/src/components/access/AccessFormEmailConfig.tsx

@@ -112,11 +112,11 @@ const AccessFormEmailConfig = ({ form: formInst, formName, disabled, initialValu
       </Form.Item>
 
       <Form.Item name="defaultSenderAddress" label={t("access.form.email_default_sender_address.label")} rules={[formRule]}>
-        <Input type="email" placeholder={t("access.form.email_default_sender_address.placeholder")} />
+        <Input type="email" allowClear placeholder={t("access.form.email_default_sender_address.placeholder")} />
       </Form.Item>
 
       <Form.Item name="defaultReceiverAddress" label={t("access.form.email_default_receiver_address.label")} rules={[formRule]}>
-        <Input type="email" placeholder={t("access.form.email_default_receiver_address.placeholder")} />
+        <Input type="email" allowClear placeholder={t("access.form.email_default_receiver_address.placeholder")} />
       </Form.Item>
     </Form>
   );

ui/src/components/access/AccessFormMattermostConfig.tsx

@@ -70,7 +70,7 @@ const AccessFormMattermostConfig = ({ form: formInst, formName, disabled, initia
         rules={[formRule]}
         tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.mattermost_default_channel_id.tooltip") }}></span>}
       >
-        <Input placeholder={t("access.form.mattermost_default_channel_id.placeholder")} />
+        <Input allowClear placeholder={t("access.form.mattermost_default_channel_id.placeholder")} />
       </Form.Item>
     </Form>
   );

ui/src/components/access/AccessFormTelegramConfig.tsx

@@ -72,7 +72,7 @@ const AccessFormTelegramConfig = ({ form: formInst, formName, disabled, initialV
         rules={[formRule]}
         tooltip={<span dangerouslySetInnerHTML={{ __html: t("access.form.telegram_default_chat_id.tooltip") }}></span>}
       >
-        <Input type="number" placeholder={t("access.form.telegram_default_chat_id.placeholder")} />
+        <Input type="number" allowClear placeholder={t("access.form.telegram_default_chat_id.placeholder")} />
       </Form.Item>
     </Form>
   );

ui/src/components/access/AccessFormWebhookConfig.tsx

@@ -1,8 +1,9 @@
 import { useTranslation } from "react-i18next";
-import { Form, type FormInstance, Input, Select, Switch } from "antd";
+import { Alert, Button, Form, type FormInstance, Input, Select, Switch } from "antd";
 import { createSchemaFieldRule } from "antd-zod";
 import { z } from "zod";
 
+import Show from "@/components/Show";
 import { type AccessConfigForWebhook } from "@/domain/access";
 
 type AccessFormWebhookConfigFieldValues = Nullish<AccessConfigForWebhook>;
@@ -12,6 +13,7 @@ export type AccessFormWebhookConfigProps = {
   formName: string;
   disabled?: boolean;
   initialValues?: AccessFormWebhookConfigFieldValues;
+  usage?: "deployment" | "notification" | "none";
   onValuesChange?: (values: AccessFormWebhookConfigFieldValues) => void;
 };
 
@@ -21,10 +23,27 @@ const initFormModel = (): AccessFormWebhookConfigFieldValues => {
     method: "POST",
     headers: "Content-Type: application/json",
     allowInsecureConnections: false,
+    defaultDataForDeployment: JSON.stringify(
+      {
+        name: "${DOMAINS}",
+        cert: "${CERTIFICATE}",
+        privkey: "${PRIVATE_KEY}",
+      },
+      null,
+      2
+    ),
+    defaultDataForNotification: JSON.stringify(
+      {
+        subject: "${SUBJECT}",
+        message: "${MESSAGE}",
+      },
+      null,
+      2
+    ),
   };
 };
 
-const AccessFormWebhookConfig = ({ form: formInst, formName, disabled, initialValues, onValuesChange }: AccessFormWebhookConfigProps) => {
+const AccessFormWebhookConfig = ({ form: formInst, formName, disabled, initialValues, usage, onValuesChange }: AccessFormWebhookConfigProps) => {
   const { t } = useTranslation();
 
   const formSchema = z.object({
@@ -47,6 +66,34 @@ const AccessFormWebhookConfig = ({ form: formInst, formName, disabled, initialVa
         return true;
       }, t("access.form.webhook_headers.errmsg.invalid")),
     allowInsecureConnections: z.boolean().nullish(),
+    defaultDataForDeployment: z
+      .string()
+      .nullish()
+      .refine((v) => {
+        if (usage && usage !== "deployment") return true;
+        if (!v) return true;
+
+        try {
+          const obj = JSON.parse(v);
+          return typeof obj === "object" && !Array.isArray(obj);
+        } catch {
+          return false;
+        }
+      }, t("access.form.webhook_default_data.errmsg.json_invalid")),
+    defaultDataForNotification: z
+      .string()
+      .nullish()
+      .refine((v) => {
+        if (usage && usage !== "notification") return true;
+        if (!v) return true;
+
+        try {
+          const obj = JSON.parse(v);
+          return typeof obj === "object" && !Array.isArray(obj);
+        } catch {
+          return false;
+        }
+      }, t("access.form.webhook_default_data.errmsg.json_invalid")),
   });
   const formRule = createSchemaFieldRule(formSchema);
 
@@ -57,6 +104,34 @@ const AccessFormWebhookConfig = ({ form: formInst, formName, disabled, initialVa
     formInst.setFieldValue("headers", value);
   };
 
+  const handleWebhookDataForDeploymentBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {
+    const value = e.target.value;
+    try {
+      const json = JSON.stringify(JSON.parse(value), null, 2);
+      formInst.setFieldValue("defaultDataForDeployment", json);
+    } catch {
+      return;
+    }
+  };
+
+  const handleWebhookDataForNotificationBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {
+    const value = e.target.value;
+    try {
+      const json = JSON.stringify(JSON.parse(value), null, 2);
+      formInst.setFieldValue("defaultDataForNotification", json);
+    } catch {
+      return;
+    }
+  };
+
+  const handlePresetDataForDeploymentClick = () => {
+    formInst.setFieldValue("defaultDataForDeployment", initFormModel().defaultDataForDeployment);
+  };
+
+  const handlePresetDataForNotificationClick = () => {
+    formInst.setFieldValue("defaultDataForNotification", initFormModel().defaultDataForNotification);
+  };
+
   const handleFormChange = (_: unknown, values: z.infer<typeof formSchema>) => {
     onValuesChange?.(values);
   };
@@ -90,6 +165,60 @@ const AccessFormWebhookConfig = ({ form: formInst, formName, disabled, initialVa
         <Input.TextArea autoSize={{ minRows: 3, maxRows: 5 }} placeholder={t("access.form.webhook_headers.placeholder")} onBlur={handleWebhookHeadersBlur} />
       </Form.Item>
 
+      <Show when={!usage || usage === "deployment"}>
+        <Form.Item className="mb-0">
+          <label className="mb-1 block">
+            <div className="flex w-full items-center justify-between gap-4">
+              <div className="max-w-full grow truncate">{t("access.form.webhook_default_data_for_deployment.label")}</div>
+              <div className="text-right">
+                <Button size="small" type="link" onClick={handlePresetDataForDeploymentClick}>
+                  {t("access.form.webhook_default_data_preset.button")}
+                </Button>
+              </div>
+            </div>
+          </label>
+          <Form.Item name="defaultDataForDeployment" rules={[formRule]}>
+            <Input.TextArea
+              allowClear
+              autoSize={{ minRows: 3, maxRows: 10 }}
+              placeholder={t("access.form.webhook_default_data_for_deployment.placeholder")}
+              onBlur={handleWebhookDataForDeploymentBlur}
+            />
+          </Form.Item>
+        </Form.Item>
+
+        <Form.Item>
+          <Alert type="info" message={<span dangerouslySetInnerHTML={{ __html: t("access.form.webhook_default_data_for_deployment.guide") }}></span>} />
+        </Form.Item>
+      </Show>
+
+      <Show when={!usage || usage === "notification"}>
+        <Form.Item className="mb-0">
+          <label className="mb-1 block">
+            <div className="flex w-full items-center justify-between gap-4">
+              <div className="max-w-full grow truncate">{t("access.form.webhook_default_data_for_notification.label")}</div>
+              <div className="text-right">
+                <Button size="small" type="link" onClick={handlePresetDataForNotificationClick}>
+                  {t("access.form.webhook_default_data_preset.button")}
+                </Button>
+              </div>
+            </div>
+          </label>
+          <Form.Item name="defaultDataForNotification" rules={[formRule]}>
+            <Input.TextArea
+              allowClear
+              autoSize={{ minRows: 3, maxRows: 10 }}
+              placeholder={t("access.form.webhook_default_data_for_notification.placeholder")}
+              onBlur={handleWebhookDataForNotificationBlur}
+            />
+          </Form.Item>
+        </Form.Item>
+
+        <Form.Item>
+          <Alert type="info" message={<span dangerouslySetInnerHTML={{ __html: t("access.form.webhook_default_data_for_notification.guide") }}></span>} />
+        </Form.Item>
+      </Show>
+
       <Form.Item
         name="allowInsecureConnections"
         label={t("access.form.webhook_allow_insecure_conns.label")}

ui/src/components/workflow/node/ApplyNodeConfigForm.tsx

@@ -452,7 +452,7 @@ const ApplyNodeConfigForm = forwardRef<ApplyNodeConfigFormInstance, ApplyNodeCon
             <Form.Item name="caProviderAccessId" rules={[formRule]}>
               <AccessSelect
                 filter={(record) => {
-                  if (!!record.reserve && record.reserve !== "ca") return false;
+                  if (record.reserve !== "ca") return false;
                   if (fieldCAProvider) return caProvidersMap.get(fieldCAProvider)?.provider === record.provider;
 
                   const provider = accessProvidersMap.get(record.provider);

ui/src/components/workflow/node/DeployNodeConfigFormWebhookConfig.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from "react-i18next";
-import { Alert, Button, Form, type FormInstance, Input } from "antd";
+import { Alert, Form, type FormInstance, Input } from "antd";
 import { createSchemaFieldRule } from "antd-zod";
 import { z } from "zod";
 
@@ -16,31 +16,26 @@ export type DeployNodeConfigFormWebhookConfigProps = {
 };
 
 const initFormModel = (): DeployNodeConfigFormWebhookConfigFieldValues => {
-  return {
+  return {};
-    webhookData: JSON.stringify(
-      {
-        name: "${DOMAINS}",
-        cert: "${CERTIFICATE}",
-        privkey: "${PRIVATE_KEY}",
-      },
-      null,
-      2
-    ),
-  };
 };
 
 const DeployNodeConfigFormWebhookConfig = ({ form: formInst, formName, disabled, initialValues, onValuesChange }: DeployNodeConfigFormWebhookConfigProps) => {
   const { t } = useTranslation();
 
   const formSchema = z.object({
-    webhookData: z.string({ message: t("workflow_node.deploy.form.webhook_data.placeholder") }).refine((v) => {
+    webhookData: z
-      try {
+      .string()
-        JSON.parse(v);
+      .nullish()
-        return true;
+      .refine((v) => {
-      } catch {
+        if (!v) return true;
-        return false;
+
-      }
+        try {
-    }, t("workflow_node.deploy.form.webhook_data.errmsg.json_invalid")),
+          const obj = JSON.parse(v);
+          return typeof obj === "object" && !Array.isArray(obj);
+        } catch {
+          return false;
+        }
+      }, t("workflow_node.deploy.form.webhook_data.errmsg.json_invalid")),
   });
   const formRule = createSchemaFieldRule(formSchema);
 
@@ -54,10 +49,6 @@ const DeployNodeConfigFormWebhookConfig = ({ form: formInst, formName, disabled,
     }
   };
 
-  const handlePresetDataClick = () => {
-    formInst.setFieldValue("webhookData", initFormModel().webhookData);
-  };
-
   const handleFormChange = (_: unknown, values: z.infer<typeof formSchema>) => {
     onValuesChange?.(values);
   };
@@ -71,24 +62,18 @@ const DeployNodeConfigFormWebhookConfig = ({ form: formInst, formName, disabled,
       name={formName}
       onValuesChange={handleFormChange}
     >
-      <Form.Item className="mb-0">
+      <Form.Item
-        <label className="mb-1 block">
+        name="webhookData"
-          <div className="flex w-full items-center justify-between gap-4">
+        label={t("workflow_node.deploy.form.webhook_data.label")}
-            <div className="max-w-full grow truncate">{t("workflow_node.deploy.form.webhook_data.label")}</div>
+        rules={[formRule]}
-            <div className="text-right">
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.deploy.form.webhook_data.tooltip") }}></span>}
-              <Button size="small" type="link" onClick={handlePresetDataClick}>
+      >
-                {t("workflow_node.deploy.form.webhook_data_preset.button")}
+        <Input.TextArea
-              </Button>
+          allowClear
-            </div>
+          autoSize={{ minRows: 3, maxRows: 10 }}
-          </div>
+          placeholder={t("workflow_node.deploy.form.webhook_data.placeholder")}
-        </label>
+          onBlur={handleWebhookDataBlur}
-        <Form.Item name="webhookData" rules={[formRule]}>
+        />
-          <Input.TextArea
-            autoSize={{ minRows: 3, maxRows: 10 }}
-            placeholder={t("workflow_node.deploy.form.webhook_data.placeholder")}
-            onBlur={handleWebhookDataBlur}
-          />
-        </Form.Item>
       </Form.Item>
 
       <Form.Item>

ui/src/components/workflow/node/NotifyNodeConfigForm.tsx

@@ -2,13 +2,14 @@ import { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useState } f
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 import { PlusOutlined as PlusOutlinedIcon, RightOutlined as RightOutlinedIcon } from "@ant-design/icons";
-import { Button, Form, type FormInstance, Input, Select } from "antd";
+import { Button, Divider, Form, type FormInstance, Input, Select, Typography } from "antd";
 import { createSchemaFieldRule } from "antd-zod";
 import { z } from "zod";
 
 import AccessEditModal from "@/components/access/AccessEditModal";
 import AccessSelect from "@/components/access/AccessSelect";
 import NotificationProviderSelect from "@/components/provider/NotificationProviderSelect";
+import Show from "@/components/Show";
 import { ACCESS_USAGES, NOTIFICATION_PROVIDERS, accessProvidersMap, notificationProvidersMap } from "@/domain/provider";
 import { notifyChannelsMap } from "@/domain/settings";
 import { type WorkflowNodeConfigForNotify } from "@/domain/workflow";
@@ -19,6 +20,7 @@ import { useNotifyChannelsStore } from "@/stores/notify";
 import NotifyNodeConfigFormEmailConfig from "./NotifyNodeConfigFormEmailConfig";
 import NotifyNodeConfigFormMattermostConfig from "./NotifyNodeConfigFormMattermostConfig";
 import NotifyNodeConfigFormTelegramConfig from "./NotifyNodeConfigFormTelegramConfig";
+import NotifyNodeConfigFormWebhookConfig from "./NotifyNodeConfigFormWebhookConfig";
 
 type NotifyNodeConfigFormFieldValues = Partial<WorkflowNodeConfigForNotify>;
 
@@ -114,6 +116,8 @@ const NotifyNodeConfigForm = forwardRef<NotifyNodeConfigFormInstance, NotifyNode
           return <NotifyNodeConfigFormMattermostConfig {...nestedFormProps} />;
         case NOTIFICATION_PROVIDERS.TELEGRAM:
           return <NotifyNodeConfigFormTelegramConfig {...nestedFormProps} />;
+        case NOTIFICATION_PROVIDERS.WEBHOOK:
+          return <NotifyNodeConfigFormWebhookConfig {...nestedFormProps} />;
       }
     }, [disabled, initialValues?.providerConfig, fieldProvider, nestedFormInst, nestedFormName]);
 
@@ -250,7 +254,7 @@ const NotifyNodeConfigForm = forwardRef<NotifyNodeConfigFormInstance, NotifyNode
           <Form.Item name="providerAccessId" rules={[formRule]}>
             <AccessSelect
               filter={(record) => {
-                if (!!record.reserve && record.reserve !== "notification") return false;
+                if (record.reserve !== "notification") return false;
 
                 const provider = accessProvidersMap.get(record.provider);
                 return !!provider?.usages?.includes(ACCESS_USAGES.NOTIFICATION);
@@ -261,7 +265,15 @@ const NotifyNodeConfigForm = forwardRef<NotifyNodeConfigFormInstance, NotifyNode
           </Form.Item>
         </Form.Item>
 
-        {nestedFormEl}
+        <Show when={!!nestedFormEl}>
+          <Divider className="my-1">
+            <Typography.Text className="text-xs font-normal" type="secondary">
+              {t("workflow_node.notify.form.params_config.label")}
+            </Typography.Text>
+          </Divider>
+
+          {nestedFormEl}
+        </Show>
       </Form>
     );
   }

ui/src/components/workflow/node/NotifyNodeConfigFormEmailConfig.tsx

@@ -62,7 +62,7 @@ const NotifyNodeConfigFormEmailConfig = ({ form: formInst, formName, disabled, i
         rules={[formRule]}
         tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.notify.form.email_sender_address.tooltip") }}></span>}
       >
-        <Input type="email" placeholder={t("workflow_node.notify.form.email_sender_address.placeholder")} />
+        <Input type="email" allowClear placeholder={t("workflow_node.notify.form.email_sender_address.placeholder")} />
       </Form.Item>
 
       <Form.Item
@@ -71,7 +71,7 @@ const NotifyNodeConfigFormEmailConfig = ({ form: formInst, formName, disabled, i
         rules={[formRule]}
         tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.notify.form.email_receiver_address.tooltip") }}></span>}
       >
-        <Input type="email" placeholder={t("workflow_node.notify.form.email_receiver_address.placeholder")} />
+        <Input type="email" allowClear placeholder={t("workflow_node.notify.form.email_receiver_address.placeholder")} />
       </Form.Item>
     </Form>
   );

ui/src/components/workflow/node/NotifyNodeConfigFormMattermostConfig.tsx

@@ -52,7 +52,7 @@ const NotifyNodeConfigFormMattermostConfig = ({
         rules={[formRule]}
         tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.notify.form.mattermost_channel_id.tooltip") }}></span>}
       >
-        <Input placeholder={t("workflow_node.notify.form.mattermost_channel_id.placeholder")} />
+        <Input allowClear placeholder={t("workflow_node.notify.form.mattermost_channel_id.placeholder")} />
       </Form.Item>
     </Form>
   );

ui/src/components/workflow/node/NotifyNodeConfigFormTelegramConfig.tsx

@@ -57,7 +57,7 @@ const NotifyNodeConfigFormTelegramConfig = ({ form: formInst, formName, disabled
         rules={[formRule]}
         tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.notify.form.telegram_chat_id.tooltip") }}></span>}
       >
-        <Input type="number" placeholder={t("workflow_node.notify.form.telegram_chat_id.placeholder")} />
+        <Input type="number" allowClear placeholder={t("workflow_node.notify.form.telegram_chat_id.placeholder")} />
       </Form.Item>
     </Form>
   );

ui/src/components/workflow/node/NotifyNodeConfigFormWebhookConfig.tsx

@@ -0,0 +1,86 @@
+import { useTranslation } from "react-i18next";
+import { Alert, Form, type FormInstance, Input } from "antd";
+import { createSchemaFieldRule } from "antd-zod";
+import { z } from "zod";
+
+type NotifyNodeConfigFormWebhookConfigFieldValues = Nullish<{
+  webhookData: string;
+}>;
+
+export type NotifyNodeConfigFormWebhookConfigProps = {
+  form: FormInstance;
+  formName: string;
+  disabled?: boolean;
+  initialValues?: NotifyNodeConfigFormWebhookConfigFieldValues;
+  onValuesChange?: (values: NotifyNodeConfigFormWebhookConfigFieldValues) => void;
+};
+
+const initFormModel = (): NotifyNodeConfigFormWebhookConfigFieldValues => {
+  return {};
+};
+
+const NotifyNodeConfigFormWebhookConfig = ({ form: formInst, formName, disabled, initialValues, onValuesChange }: NotifyNodeConfigFormWebhookConfigProps) => {
+  const { t } = useTranslation();
+
+  const formSchema = z.object({
+    webhookData: z
+      .string()
+      .nullish()
+      .refine((v) => {
+        if (!v) return true;
+
+        try {
+          const obj = JSON.parse(v);
+          return typeof obj === "object" && !Array.isArray(obj);
+        } catch {
+          return false;
+        }
+      }, t("workflow_node.notify.form.webhook_data.errmsg.json_invalid")),
+  });
+  const formRule = createSchemaFieldRule(formSchema);
+
+  const handleWebhookDataBlur = (e: React.FocusEvent<HTMLTextAreaElement>) => {
+    const value = e.target.value;
+    try {
+      const json = JSON.stringify(JSON.parse(value), null, 2);
+      formInst.setFieldValue("webhookData", json);
+    } catch {
+      return;
+    }
+  };
+
+  const handleFormChange = (_: unknown, values: z.infer<typeof formSchema>) => {
+    onValuesChange?.(values);
+  };
+
+  return (
+    <Form
+      form={formInst}
+      disabled={disabled}
+      initialValues={initialValues ?? initFormModel()}
+      layout="vertical"
+      name={formName}
+      onValuesChange={handleFormChange}
+    >
+      <Form.Item
+        name="webhookData"
+        label={t("workflow_node.notify.form.webhook_data.label")}
+        rules={[formRule]}
+        tooltip={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.notify.form.webhook_data.tooltip") }}></span>}
+      >
+        <Input.TextArea
+          allowClear
+          autoSize={{ minRows: 3, maxRows: 10 }}
+          placeholder={t("workflow_node.notify.form.webhook_data.placeholder")}
+          onBlur={handleWebhookDataBlur}
+        />
+      </Form.Item>
+
+      <Form.Item>
+        <Alert type="info" message={<span dangerouslySetInnerHTML={{ __html: t("workflow_node.notify.form.webhook_data.guide") }}></span>} />
+      </Form.Item>
+    </Form>
+  );
+};
+
+export default NotifyNodeConfigFormWebhookConfig;

ui/src/i18n/locales/en/nls.access.json

@@ -28,7 +28,7 @@
   "access.form.name.placeholder": "Please enter authorization name",
   "access.form.provider.label": "Provider",
   "access.form.provider.placeholder": "Please select a provider",
-  "access.form.provider.tooltip": "DNS provider: The provider that hosts your domain names and manages your DNS records.<br>Host provider: The provider that hosts your servers or cloud services for deploying certificates.<br><br><i>Cannot be edited after saving.</i>",
+  "access.form.provider.tooltip": "DNS provider: The provider that hosts your domain names and manages your DNS records.<br>Hosting provider: The provider that hosts your servers or cloud services for deploying certificates.<br><br><i>Cannot be edited after saving.</i>",
   "access.form.certificate_authority.label": "Certificate authority",
   "access.form.certificate_authority.placeholder": "Please select a certificate authority",
   "access.form.notification_channel.label": "Notification channel",
@@ -346,6 +346,14 @@
   "access.form.webhook_headers.placeholder": "Please enter Webhook request headers",
   "access.form.webhook_headers.errmsg.invalid": "Please enter a valid request headers",
   "access.form.webhook_headers.tooltip": "Format: <br><i>key1: val2<br>key2: val2</i><br><br>Example: <br><i>Content-Type: application/json<br>User-Agent: certimate</i>",
+  "access.form.webhook_default_data.errmsg.json_invalid": "Please enter a valiod JSON string",
+  "access.form.webhook_default_data_for_deployment.label": "Webhook data for deployment (Optional)",
+  "access.form.webhook_default_data_for_deployment.placeholder": "Please enter Webhook data",
+  "access.form.webhook_default_data_for_deployment.guide": "Tips: The Webhook data should be in JSON format. <br><br>The values in JSON support template variables, which will be replaced by actual values when sent to the Webhook URL. Supported variables: <br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li><strong>${DOMAIN}</strong>: The primary domain of the certificate (<i>CommonName</i>).</li><li><strong>${DOMAINS}</strong>: The domain list of the certificate (<i>SubjectAltNames</i>).</li><li><strong>${CERTIFICATE}</strong>: The PEM format content of the certificate file.</li><li><strong>${PRIVATE_KEY}</strong>: The PEM format content of the private key file.</li></ol><br>When the request method is GET, the data will be passed as query string. Otherwise, the data will be encoded in the format indicated by the Content-Type in the request headers. Supported formats: <br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li>application/json (default).</li><li>application/x-www-form-urlencoded: Nested data is not supported.</li><li>multipart/form-data: Nested data is not supported.</li>",
+  "access.form.webhook_default_data_for_notification.label": "Webhook data for notification (Optional)",
+  "access.form.webhook_default_data_for_notification.placeholder": "Please enter Webhook data",
+  "access.form.webhook_default_data_for_notification.guide": "Tips: The Webhook data should be in JSON format. <br><br>The values in JSON support template variables, which will be replaced by actual values when sent to the Webhook URL. Supported variables: <br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li><strong>${SUBJECT}</strong>: The subject of notification.</li><li><strong>${MESSAGE}</strong>: The message of notification.</li></ol><br>When the request method is GET, the data will be passed as query string. Otherwise, the data will be encoded in the format indicated by the Content-Type in the request headers. Supported formats: <br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li>application/json (default).</li><li>application/x-www-form-urlencoded: Nested data is not supported.</li><li>multipart/form-data: Nested data is not supported.</li>",
+  "access.form.webhook_default_data_preset.button": "Use preset template",
   "access.form.webhook_allow_insecure_conns.label": "Insecure SSL/TLS connections",
   "access.form.webhook_allow_insecure_conns.tooltip": "Allowing insecure connections may lead to data leak or tampering. Use this option only when under trusted networks.",
   "access.form.webhook_allow_insecure_conns.switch.on": "Allow",

ui/src/i18n/locales/en/nls.workflow.nodes.json

@@ -93,8 +93,8 @@
   "workflow_node.deploy.search.provider.placeholder": "Search deploy target ...",
   "workflow_node.deploy.form.provider.label": "Deploy target",
   "workflow_node.deploy.form.provider.placeholder": "Please select deploy target",
-  "workflow_node.deploy.form.provider_access.label": "Host provider authorization",
+  "workflow_node.deploy.form.provider_access.label": "Hosting provider authorization",
-  "workflow_node.deploy.form.provider_access.placeholder": "Please select an authorization of host provider",
+  "workflow_node.deploy.form.provider_access.placeholder": "Please select an authorization of Hosting provider",
   "workflow_node.deploy.form.provider_access.tooltip": "Used to invoke API during deployment.",
   "workflow_node.deploy.form.provider_access.button": "Create",
   "workflow_node.deploy.form.provider_access.guide_for_local": "Tips: If you are running Certimate in Docker, the \"Local\" refers to the container rather than the host.",
@@ -685,11 +685,11 @@
   "workflow_node.deploy.form.wangsu_cdnpro_webhook_id.label": "Wangsu Cloud CDN Webhook ID (Optional)",
   "workflow_node.deploy.form.wangsu_cdnpro_webhook_id.placeholder": "Please enter Wangsu Cloud CDN Webhook ID",
   "workflow_node.deploy.form.wangsu_cdnpro_webhook_id.tooltip": "For more information, see <a href=\"https://cdnpro.console.wangsu.com/v2/index/#/certificate\" target=\"_blank\">https://cdnpro.console.wangsu.com/v2/index/#/certificate</a>",
-  "workflow_node.deploy.form.webhook_data.label": "Webhook data (JSON format)",
+  "workflow_node.deploy.form.webhook_data.label": "Webhook data (Optional)",
-  "workflow_node.deploy.form.webhook_data.placeholder": "Please enter Webhook data",
+  "workflow_node.deploy.form.webhook_data.placeholder": "Please enter Webhook data to override the default value",
-  "workflow_node.deploy.form.webhook_data.guide": "Tips: The Webhook data should be a key-value pair in JSON format. The values in JSON support template variables, which will be replaced by actual values when sent to the Webhook URL. <br><br>Supported variables: <br><strong>${DOMAIN}</strong>: The primary domain of the certificate (<i>CommonName</i>).<br><strong>${DOMAINS}</strong>: The domain list of the certificate (<i>SubjectAltNames</i>).<br><strong>${CERTIFICATE}</strong>: The PEM format content of the certificate file.<br><strong>${PRIVATE_KEY}</strong>: The PEM format content of the private key file.",
+  "workflow_node.deploy.form.webhook_data.tooltip": "Leave it blank to use the default Webhook data provided by the authorization.",
+  "workflow_node.deploy.form.webhook_data.guide": "Supported variables: <br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li><strong>${DOMAIN}</strong>: The primary domain of the certificate (<i>CommonName</i>).</li><li><strong>${DOMAINS}</strong>: The domain list of the certificate (<i>SubjectAltNames</i>).</li><li><strong>${CERTIFICATE}</strong>: The PEM format content of the certificate file.</li><li><strong>${PRIVATE_KEY}</strong>: The PEM format content of the private key file.</li></ol><br>Please visit the authorization management page for addtional notes.",
   "workflow_node.deploy.form.webhook_data.errmsg.json_invalid": "Please enter a valiod JSON string",
-  "workflow_node.deploy.form.webhook_data_preset.button": "Use preset template",
   "workflow_node.deploy.form.strategy_config.label": "Strategy settings",
   "workflow_node.deploy.form.skip_on_last_succeeded.label": "Repeated deployment",
   "workflow_node.deploy.form.skip_on_last_succeeded.prefix": "If the last deployment was successful, ",
@@ -720,18 +720,24 @@
   "workflow_node.notify.form.provider_access.label": "Notification provider authorization",
   "workflow_node.notify.form.provider_access.placeholder": "Please select an authorization of notification provider",
   "workflow_node.notify.form.provider_access.button": "Create",
+  "workflow_node.notify.form.params_config.label": "Parameter settings",
   "workflow_node.notify.form.email_sender_address.label": "Sender email address (Optional)",
-  "workflow_node.notify.form.email_sender_address.placeholder": "Please enter sender email address",
+  "workflow_node.notify.form.email_sender_address.placeholder": "Please enter sender email address to override the default value",
   "workflow_node.notify.form.email_sender_address.tooltip": "Leave it blank to use the default sender email address provided by the authorization.",
   "workflow_node.notify.form.email_receiver_address.label": "Receiver email address (Optional)",
-  "workflow_node.notify.form.email_receiver_address.placeholder": "Please enter receiver email address",
+  "workflow_node.notify.form.email_receiver_address.placeholder": "Please enter receiver email address to override the default value",
   "workflow_node.notify.form.email_receiver_address.tooltip": "Leave it blank to use the default receiver email address provided by the selected authorization.",
   "workflow_node.notify.form.mattermost_channel_id.label": "Mattermost channel ID (Optional)",
-  "workflow_node.notify.form.mattermost_channel_id.placeholder": "Please enter Mattermost channel ID",
+  "workflow_node.notify.form.mattermost_channel_id.placeholder": "Please enter Mattermost channel ID  to override the default value",
   "workflow_node.notify.form.mattermost_channel_id.tooltip": "Leave it blank to use the default channel ID provided by the authorization.",
   "workflow_node.notify.form.telegram_chat_id.label": "Telegram chat ID (Optional)",
-  "workflow_node.notify.form.telegram_chat_id.placeholder": "Please enter Telegram chat ID",
+  "workflow_node.notify.form.telegram_chat_id.placeholder": "Please enter Telegram chat ID to override the default value",
   "workflow_node.notify.form.telegram_chat_id.tooltip": "Leave it blank to use the default chat ID provided by the selected authorization.",
+  "workflow_node.notify.form.webhook_data.label": "Webhook data (Optional)",
+  "workflow_node.notify.form.webhook_data.placeholder": "Please enter Webhook data to override the default value",
+  "workflow_node.notify.form.webhook_data.tooltip": "Leave it blank to use the default Webhook data provided by the authorization.",
+  "workflow_node.notify.form.webhook_data.guide": "Supported variables: <br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li><strong>${SUBJECT}</strong>: The subject of notification.</li><li><strong>${MESSAGE}</strong>: The message of notification.</li></ol><br>Please visit the authorization management page for addtional notes.",
+  "workflow_node.notify.form.webhook_data.errmsg.json_invalid": "Please enter a valiod JSON string",
 
   "workflow_node.end.label": "End",
 

ui/src/i18n/locales/zh/nls.access.json

@@ -346,6 +346,14 @@
   "access.form.webhook_headers.placeholder": "请输入 Webhook 请求标头",
   "access.form.webhook_headers.errmsg.invalid": "请输入有效的请求标头",
   "access.form.webhook_headers.tooltip": "格式：<br><i>key1: val2<br>key2: val2</i><br><br>示例：<br><i>Content-Type: application/json<br>User-Agent: certimate</i>",
+  "access.form.webhook_default_data.errmsg.json_invalid": "请输入有效的 JSON 格式字符串",
+  "access.form.webhook_default_data_for_deployment.label": "默认的 Webhook 部署证书回调数据（可选）",
+  "access.form.webhook_default_data_for_deployment.placeholder": "请输入默认的 Webhook 回调数据",
+  "access.form.webhook_default_data_for_deployment.guide": "小贴士：回调数据是一个 JSON 格式的数据。<br><br>其中值支持模板变量，将在被发送到指定的 Webhook URL 时被替换为实际值；其他内容将保持原样。支持的变量：<br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li><strong>${DOMAIN}</strong>：证书的主域名（即 <i>CommonName</i>）。</li><li><strong>${DOMAINS}</strong>：证书的多域名列表（即 <i>SubjectAltNames</i>）。</li><li><strong>${CERTIFICATE}</strong>：证书文件 PEM 格式内容。</li><li><strong>${PRIVATE_KEY}</strong>：私钥文件 PEM 格式内容。</li></ol><br>当请求谓词为 GET 时，回调数据将作为查询参数；否则，回调数据将按照请求标头中 Content-Type 所指示的格式进行编码。支持的格式：<br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li>application/json（默认）。</li><li>application/x-www-form-urlencoded：不支持嵌套数据。</li><li>multipart/form-data：不支持嵌套数据。</li>",
+  "access.form.webhook_default_data_for_notification.label": "默认的 Webhook 推送通知回调数据（可选）",
+  "access.form.webhook_default_data_for_notification.placeholder": "请输入默认的 Webhook 回调数据",
+  "access.form.webhook_default_data_for_notification.guide": "小贴士：回调数据是一个 JSON 格式的数据。<br><br>其中值支持模板变量，将在被发送到指定的 Webhook URL 时被替换为实际值；其他内容将保持原样。支持的变量：<br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li><strong>${DOMAIN}</strong>：证书的主域名（即 <i>CommonName</i>）。</li><li><strong>${SUBJECT}</strong>：通知主题。</li><li><strong>${MESSAGE}</strong>：通知内容。</ol><br>当请求谓词为 GET 时，回调数据将作为查询参数；否则，回调数据将按照请求标头中 Content-Type 所指示的格式进行编码。支持的格式：<br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li>application/json（默认）。</li><li>application/x-www-form-urlencoded：不支持嵌套数据。</li><li>multipart/form-data：不支持嵌套数据。</li>",
+  "access.form.webhook_default_data_preset.button": "使用预设模板",
   "access.form.webhook_allow_insecure_conns.label": "忽略 SSL/TLS 证书错误",
   "access.form.webhook_allow_insecure_conns.tooltip": "忽略 SSL/TLS 证书错误可能导致数据泄露或被篡改。建议仅在可信网络下启用。",
   "access.form.webhook_allow_insecure_conns.switch.on": "允许",

ui/src/i18n/locales/zh/nls.workflow.nodes.json

@@ -684,11 +684,11 @@
   "workflow_node.deploy.form.wangsu_cdnpro_webhook_id.label": "网宿云 CDN Pro 部署任务 Webhook ID（可选）",
   "workflow_node.deploy.form.wangsu_cdnpro_webhook_id.placeholder": "请输入网宿云 CDN Pro 部署任务 Webhook ID",
   "workflow_node.deploy.form.wangsu_cdnpro_webhook_id.tooltip": "这是什么？请参阅 <a href=\"https://cdnpro.console.wangsu.com/v2/index/#/certificate\" target=\"_blank\">https://cdnpro.console.wangsu.com/v2/index/#/certificate</a>",
-  "workflow_node.deploy.form.webhook_data.label": "Webhook 回调数据（JSON 格式）",
+  "workflow_node.deploy.form.webhook_data.label": "Webhook 回调数据（可选）",
   "workflow_node.deploy.form.webhook_data.placeholder": "请输入 Webhook 回调数据",
-  "workflow_node.deploy.form.webhook_data.guide": "小贴士：回调数据是一个 JSON 格式的键值对。其中值支持模板变量，将在被发送到指定的 Webhook URL 时被替换为实际值；其他内容将保持原样。<br><br>支持的变量：<br><strong>${DOMAIN}</strong>：证书的主域名（即 <i>CommonName</i>）<br><strong>${DOMAINS}</strong>：证书的多域名列表（即 <i>SubjectAltNames</i>）<br><strong>${CERTIFICATE}</strong>：证书文件 PEM 格式内容<br><strong>${PRIVATE_KEY}</strong>：私钥文件 PEM 格式内容",
+  "workflow_node.deploy.form.webhook_data.tooltip": "不填写时，将使用所选部署目标授权的默认 Webhook 回调数据。",
+  "workflow_node.deploy.form.webhook_data.guide": "支持的变量：<br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li><strong>${DOMAIN}</strong>：证书的主域名（即 <i>CommonName</i>）。</li><li><strong>${DOMAINS}</strong>：证书的多域名列表（即 <i>SubjectAltNames</i>）。</li><li><strong>${CERTIFICATE}</strong>：证书文件 PEM 格式内容。</li><li><strong>${PRIVATE_KEY}</strong>：私钥文件 PEM 格式内容。</li></ol><br>其他注意事项请前往授权管理页面查看。",
   "workflow_node.deploy.form.webhook_data.errmsg.json_invalid": "请输入有效的 JSON 格式字符串",
-  "workflow_node.deploy.form.webhook_data_preset.button": "使用预设模板",
   "workflow_node.deploy.form.strategy_config.label": "执行策略",
   "workflow_node.deploy.form.skip_on_last_succeeded.label": "重复部署",
   "workflow_node.deploy.form.skip_on_last_succeeded.prefix": "当上次部署相同证书成功时，",
@@ -719,18 +719,24 @@
   "workflow_node.notify.form.provider_access.label": "通知渠道授权",
   "workflow_node.notify.form.provider_access.placeholder": "请选择通知渠道授权",
   "workflow_node.notify.form.provider_access.button": "新建",
+  "workflow_node.notify.form.params_config.label": "参数设置",
   "workflow_node.notify.form.email_sender_address.label": "发送邮箱地址（可选）",
-  "workflow_node.notify.form.email_sender_address.placeholder": "请输入发送邮箱地址",
+  "workflow_node.notify.form.email_sender_address.placeholder": "请输入发送邮箱地址以覆盖默认值",
   "workflow_node.notify.form.email_sender_address.tooltip": "不填写时，将使用所选通知渠道授权的默认发送邮箱地址。",
   "workflow_node.notify.form.email_receiver_address.label": "接收邮箱地址（可选）",
-  "workflow_node.notify.form.email_receiver_address.placeholder": "请输入接收邮箱地址",
+  "workflow_node.notify.form.email_receiver_address.placeholder": "请输入接收邮箱地址以覆盖默认值",
   "workflow_node.notify.form.email_receiver_address.tooltip": "不填写时，将使用所选通知渠道授权的默认接收邮箱地址。",
   "workflow_node.notify.form.mattermost_channel_id.label": "Mattermost 频道 ID（可选）",
-  "workflow_node.notify.form.mattermost_channel_id.placeholder": "请输入 Mattermost 频道 ID",
+  "workflow_node.notify.form.mattermost_channel_id.placeholder": "请输入 Mattermost 频道 ID 以覆盖默认值",
   "workflow_node.notify.form.mattermost_channel_id.tooltip": "不填写时，将使用所选通知渠道授权的默认频道 ID。",
   "workflow_node.notify.form.telegram_chat_id.label": "Telegram 会话 ID（可选）",
-  "workflow_node.notify.form.telegram_chat_id.placeholder": "请输入 Telegram 会话 ID",
+  "workflow_node.notify.form.telegram_chat_id.placeholder": "请输入 Telegram 会话 ID 以覆盖默认值",
   "workflow_node.notify.form.telegram_chat_id.tooltip": "不填写时，将使用所选通知渠道授权的默认会话 ID。",
+  "workflow_node.notify.form.webhook_data.label": "Webhook 回调数据（可选）",
+  "workflow_node.notify.form.webhook_data.placeholder": "请输入 Webhook 回调数据以覆盖默认值",
+  "workflow_node.notify.form.webhook_data.tooltip": "不填写时，将使用所选部署目标授权的默认 Webhook 回调数据。",
+  "workflow_node.notify.form.webhook_data.guide": "支持的变量：<br><ol style=\"margin-left: 1.25em; list-style: disc;\"><li><strong>${DOMAIN}</strong>：证书的主域名（即 <i>CommonName</i>）。</li><li><strong>${DOMAINS}</strong>：证书的多域名列表（即 <i>SubjectAltNames</i>）。</li><li><strong>${CERTIFICATE}</strong>：证书文件 PEM 格式内容。</li><li><strong>${PRIVATE_KEY}</strong>：私钥文件 PEM 格式内容。</li></ol><br>其他注意事项请前往授权管理页面查看。",
+  "workflow_node.notify.form.webhook_data.errmsg.json_invalid": "请输入有效的 JSON 格式字符串",
 
   "workflow_node.end.label": "结束",