@nocobase/plugin-workflow 0.12.0-alpha.4 → 0.13.0-alpha.1

package/dist/client/index.js

@@ -89,6 +89,130 @@
       description ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: description }) : null
     ] });
   }
+  const EXECUTION_STATUS = {
+    QUEUEING: null,
+    STARTED: 0,
+    RESOLVED: 1,
+    FAILED: -1,
+    ERROR: -2,
+    ABORTED: -3,
+    CANCELED: -4,
+    REJECTED: -5
+  };
+  const ExecutionStatusOptions = [
+    {
+      value: EXECUTION_STATUS.QUEUEING,
+      label: `{{t("Queueing", { ns: "${NAMESPACE}" })}}`,
+      color: "blue",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.HourglassOutlined, {}),
+      description: `{{t("Triggered but still waiting in queue to execute.", { ns: "${NAMESPACE}" })}}`
+    },
+    {
+      value: EXECUTION_STATUS.STARTED,
+      label: `{{t("On going", { ns: "${NAMESPACE}" })}}`,
+      color: "gold",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.LoadingOutlined, {}),
+      description: `{{t("Started and executing, maybe waiting for an async callback (manual, delay etc.).", { ns: "${NAMESPACE}" })}}`
+    },
+    {
+      value: EXECUTION_STATUS.RESOLVED,
+      label: `{{t("Resolved", { ns: "${NAMESPACE}" })}}`,
+      color: "green",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.CheckOutlined, {}),
+      description: `{{t("Successfully finished.", { ns: "${NAMESPACE}" })}}`
+    },
+    {
+      value: EXECUTION_STATUS.FAILED,
+      label: `{{t("Failed", { ns: "${NAMESPACE}" })}}`,
+      color: "red",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.ExclamationOutlined, {}),
+      description: `{{t("Failed to satisfy node configurations.", { ns: "${NAMESPACE}" })}}`
+    },
+    {
+      value: EXECUTION_STATUS.ERROR,
+      label: `{{t("Error", { ns: "${NAMESPACE}" })}}`,
+      color: "red",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.CloseOutlined, {}),
+      description: `{{t("Some node meets error.", { ns: "${NAMESPACE}" })}}`
+    },
+    {
+      value: EXECUTION_STATUS.ABORTED,
+      label: `{{t("Aborted", { ns: "${NAMESPACE}" })}}`,
+      color: "red",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MinusOutlined, { rotate: 90 }),
+      description: `{{t("Running of some node was aborted by program flow.", { ns: "${NAMESPACE}" })}}`
+    },
+    {
+      value: EXECUTION_STATUS.CANCELED,
+      label: `{{t("Canceled", { ns: "${NAMESPACE}" })}}`,
+      color: "volcano",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MinusOutlined, { rotate: 45 }),
+      description: `{{t("Manually canceled whole execution when waiting.", { ns: "${NAMESPACE}" })}}`
+    },
+    {
+      value: EXECUTION_STATUS.REJECTED,
+      label: `{{t("Rejected", { ns: "${NAMESPACE}" })}}`,
+      color: "volcano",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MinusOutlined, {}),
+      description: `{{t("Rejected from a manual node.", { ns: "${NAMESPACE}" })}}`
+    }
+  ];
+  const ExecutionStatusOptionsMap = ExecutionStatusOptions.reduce(
+    (map, option) => Object.assign(map, { [option.value]: option }),
+    {}
+  );
+  const JOB_STATUS = {
+    PENDING: 0,
+    RESOLVED: 1,
+    FAILED: -1,
+    ERROR: -2,
+    ABORTED: -3,
+    CANCELED: -4,
+    REJECTED: -5
+  };
+  const JobStatusOptions = [
+    {
+      value: JOB_STATUS.PENDING,
+      label: `{{t("Pending", { ns: "${NAMESPACE}" })}}`,
+      color: "gold",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.ClockCircleOutlined, {})
+    },
+    {
+      value: JOB_STATUS.RESOLVED,
+      label: `{{t("Resolved", { ns: "${NAMESPACE}" })}}`,
+      color: "green",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.CheckOutlined, {})
+    },
+    {
+      value: JOB_STATUS.FAILED,
+      label: `{{t("Failed", { ns: "${NAMESPACE}" })}}`,
+      color: "red",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.ExclamationOutlined, {})
+    },
+    { value: JOB_STATUS.ERROR, label: `{{t("Error", { ns: "${NAMESPACE}" })}}`, color: "red", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.CloseOutlined, {}) },
+    {
+      value: JOB_STATUS.ABORTED,
+      label: `{{t("Aborted", { ns: "${NAMESPACE}" })}}`,
+      color: "red",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MinusOutlined, { rotate: 90 })
+    },
+    {
+      value: JOB_STATUS.CANCELED,
+      label: `{{t("Canceled", { ns: "${NAMESPACE}" })}}`,
+      color: "volcano",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MinusOutlined, { rotate: 45 })
+    },
+    {
+      value: JOB_STATUS.REJECTED,
+      label: `{{t("Rejected", { ns: "${NAMESPACE}" })}}`,
+      color: "volcano",
+      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MinusOutlined, {})
+    }
+  ];
+  const JobStatusOptionsMap = JobStatusOptions.reduce(
+    (map, option) => Object.assign(map, { [option.value]: option }),
+    {}
+  );
   const useStyles$1 = client.createStyles(({ css: css2, token }) => {
     return {
       workflowPageClass: css2`
@@ -104,12 +228,11 @@
         position: relative;
         padding: 0.5rem 1rem;
         background: ${token.colorBgContainer};
-        border-bottom: 1px solid ${token.colorBorder};
+        border-bottom: 1px solid ${token.colorBorderSecondary};
 
         header {
           display: flex;
           align-items: center;
-          min-height: 2rem;
         }
 
         aside {
@@ -143,7 +266,7 @@
         }
       }
     `,
-      workflowVersionDropdownClass: css2`
+      dropdownClass: css2`
       .ant-dropdown-menu-item {
         justify-content: flex-end;
         .ant-dropdown-menu-title-content {
@@ -153,11 +276,15 @@
           text-align: right;
 
           time {
-            width: 12em;
-            color: ${token.colorText};
+            width: 14em;
             font-size: 80%;
           }
-
+        }
+      }
+    `,
+      workflowVersionDropdownClass: css2`
+      .ant-dropdown-menu-item {
+        .ant-dropdown-menu-title-content {
           strong {
             font-weight: normal;
           }
@@ -177,24 +304,11 @@
       }
     `,
       executionsDropdownRowClass: css2`
-      .row {
-        display: flex;
-        align-items: baseline;
-
-        &.current {
-          font-weight: bold;
-        }
-
+      .ant-dropdown-menu-item {
         .id {
           flex-grow: 1;
           text-align: right;
         }
-
-        time {
-          width: 12em;
-          color: ${token.colorText};
-          font-size: 80%;
-        }
       }
     `,
       branchBlockClass: css2`
@@ -364,10 +478,6 @@
       justify-content: center;
       align-items: center;
       color: ${token.colorTextLightSolid};
-
-      &[type='button'] {
-        border: none;
-      }
     `,
       nodeHeaderClass: css2`
       position: relative;
@@ -2228,13 +2338,22 @@
           uiSchema: {
             title: lang("Trigger data")
           }
+        },
+        {
+          collectionName: "users",
+          name: "user",
+          type: "hasOne",
+          target: "users",
+          uiSchema: {
+            title: lang("User submitted form")
+          }
         }
       ];
       const result = getCollectionFieldOptions({
         // depth,
         ...options,
         fields: rootFields,
-        appends: ["data", ...((_a = config.appends) == null ? void 0 : _a.map((item) => `data.${item}`)) || []],
+        appends: ["data", "user", ...((_a = config.appends) == null ? void 0 : _a.map((item) => `data.${item}`)) || []],
         compile,
         getCollectionFields
       });
@@ -2949,9 +3068,10 @@
     return opts.find((item) => !(v2 % item.value));
   }
   function getRepeatTypeValue(v2) {
+    let option;
     switch (typeof v2) {
       case "number":
-        const option = getNumberOption$1(v2);
+        option = getNumberOption$1(v2);
         return option ? option.value : "none";
       case "string":
         return "cron";
@@ -2968,7 +3088,8 @@
         onChange: (v2) => onChange(v2 * option.value),
         min: 1,
         addonBefore: t("Every"),
-        addonAfter: t(option.unitText)
+        addonAfter: t(option.unitText),
+        className: "auto-width"
       }
     );
   }
@@ -2997,6 +3118,7 @@
         gap: 0.5em;
 
         .react-js-cron {
+          width: 100%;
           padding: 0.5em 0.5em 0 0.5em;
           border: 1px dashed #ccc;
 
@@ -3011,10 +3133,16 @@
               margin: 0 0.5em 0 0;
             }
           }
+
+          .react-js-cron-week-days {
+            > span {
+              min-width: 2em;
+            }
+          }
         }
       `,
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Select, { value: typeValue, onChange: onTypeChange, children: RepeatOptions.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Select.Option, { value: item.value, children: t(item.text) }, item.value)) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Select, { value: typeValue, onChange: onTypeChange, className: "auto-width", children: RepeatOptions.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Select.Option, { value: item.value, children: t(item.text) }, item.value)) }),
           typeof typeValue === "number" ? /* @__PURE__ */ jsxRuntimeExports.jsx(CommonRepeatField, { value, onChange }) : null,
           typeValue === "cron" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             J,
@@ -3223,7 +3351,8 @@
                 "x-component-props": {
                   className: client.css`
                     .ant-input-number {
-                      width: 4em;
+                      width: auto;
+                      min-width: 6em;
                     }
 
                     .ant-picker {
@@ -3692,25 +3821,22 @@
   }
   function filterTypedFields({ fields, types, appends: appends2, compile, getCollectionFields }) {
     return fields.filter((field) => {
-      const match = (types == null ? void 0 : types.length) ? types.some((type) => matchFieldType(field, type, appends2)) : true;
+      if (types == null ? void 0 : types.length) {
+        return types.some((type) => matchFieldType(field, type, appends2));
+      }
       if (isAssociationField(field)) {
         const nextAppends = getNextAppends(field, appends2);
         const included = appends2.includes(field.name);
-        if (match) {
-          return included;
-        } else {
-          return (nextAppends.length || included) && filterTypedFields({
-            fields: getNormalizedFields(field.target, { compile, getCollectionFields }),
-            types,
-            // depth: depth - 1,
-            appends: nextAppends,
-            compile,
-            getCollectionFields
-          }).length;
-        }
-      } else {
-        return match;
+        return (nextAppends.length || included) && filterTypedFields({
+          fields: getNormalizedFields(field.target, { compile, getCollectionFields }),
+          types,
+          // depth: depth - 1,
+          appends: nextAppends,
+          compile,
+          getCollectionFields
+        }).length;
       }
+      return true;
     });
   }
   function useWorkflowVariableOptions(options = {}) {
@@ -3901,7 +4027,7 @@
   ValueBlock.Result = Result$1;
   function matchToManyField(field, appends2) {
     const fieldPrefix = `${field.name}.`;
-    return ["hasMany", "belongsToMany"].includes(field.type) && (appends2 ? appends2.includes(field.name) || appends2.some((item) => item.startsWith(fieldPrefix)) : true);
+    return ["hasOne", "belongsTo"].includes(field.type) && (appends2 ? appends2.includes(field.name) || appends2.some((item) => item.startsWith(fieldPrefix)) : true) || ["hasMany", "belongsToMany"].includes(field.type);
   }
   function useAssociatedFields() {
     const compile = client.useCompile();
@@ -4891,7 +5017,7 @@
       const scope = useWorkflowVariableOptions();
       const { values: config } = form;
       const collectionName = config == null ? void 0 : config.collection;
-      const collectionFields = getCollectionFields(collectionName);
+      const collectionFields = getCollectionFields(collectionName).filter((field) => field.uiSchema);
       const fields = filter2 ? collectionFields.filter(filter2.bind(config)) : collectionFields;
       const unassignedFields = React.useMemo(() => fields.filter((field) => !value || !(field.name in value)), [fields, value]);
       const mergedDisabled = disabled || form.disabled;
@@ -5107,122 +5233,6 @@
       }
     );
   }
-  const EXECUTION_STATUS = {
-    QUEUEING: null,
-    STARTED: 0,
-    RESOLVED: 1,
-    FAILED: -1,
-    ERROR: -2,
-    ABORTED: -3,
-    CANCELED: -4,
-    REJECTED: -5
-  };
-  const ExecutionStatusOptions = [
-    {
-      value: EXECUTION_STATUS.QUEUEING,
-      label: `{{t("Queueing", { ns: "${NAMESPACE}" })}}`,
-      color: "blue",
-      description: `{{t("Triggered but still waiting in queue to execute.", { ns: "${NAMESPACE}" })}}`
-    },
-    {
-      value: EXECUTION_STATUS.STARTED,
-      label: `{{t("On going", { ns: "${NAMESPACE}" })}}`,
-      color: "gold",
-      description: `{{t("Started and executing, maybe waiting for an async callback (manual, delay etc.).", { ns: "${NAMESPACE}" })}}`
-    },
-    {
-      value: EXECUTION_STATUS.RESOLVED,
-      label: `{{t("Resolved", { ns: "${NAMESPACE}" })}}`,
-      color: "green",
-      description: `{{t("Successfully finished.", { ns: "${NAMESPACE}" })}}`
-    },
-    {
-      value: EXECUTION_STATUS.FAILED,
-      label: `{{t("Failed", { ns: "${NAMESPACE}" })}}`,
-      color: "red",
-      description: `{{t("Failed to satisfy node configurations.", { ns: "${NAMESPACE}" })}}`
-    },
-    {
-      value: EXECUTION_STATUS.ERROR,
-      label: `{{t("Error", { ns: "${NAMESPACE}" })}}`,
-      color: "red",
-      description: `{{t("Some node meets error.", { ns: "${NAMESPACE}" })}}`
-    },
-    {
-      value: EXECUTION_STATUS.ABORTED,
-      label: `{{t("Aborted", { ns: "${NAMESPACE}" })}}`,
-      color: "red",
-      description: `{{t("Running of some node was aborted by program flow.", { ns: "${NAMESPACE}" })}}`
-    },
-    {
-      value: EXECUTION_STATUS.CANCELED,
-      label: `{{t("Canceled", { ns: "${NAMESPACE}" })}}`,
-      color: "volcano",
-      description: `{{t("Manually canceled whole execution when waiting.", { ns: "${NAMESPACE}" })}}`
-    },
-    {
-      value: EXECUTION_STATUS.REJECTED,
-      label: `{{t("Rejected", { ns: "${NAMESPACE}" })}}`,
-      color: "volcano",
-      description: `{{t("Rejected from a manual node.", { ns: "${NAMESPACE}" })}}`
-    }
-  ];
-  const ExecutionStatusOptionsMap = ExecutionStatusOptions.reduce(
-    (map, option) => Object.assign(map, { [option.value]: option }),
-    {}
-  );
-  const JOB_STATUS = {
-    PENDING: 0,
-    RESOLVED: 1,
-    FAILED: -1,
-    ERROR: -2,
-    ABORTED: -3,
-    CANCELED: -4,
-    REJECTED: -5
-  };
-  const JobStatusOptions = [
-    {
-      value: JOB_STATUS.PENDING,
-      label: `{{t("Pending", { ns: "${NAMESPACE}" })}}`,
-      color: "gold",
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.ClockCircleOutlined, {})
-    },
-    {
-      value: JOB_STATUS.RESOLVED,
-      label: `{{t("Resolved", { ns: "${NAMESPACE}" })}}`,
-      color: "green",
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.CheckOutlined, {})
-    },
-    {
-      value: JOB_STATUS.FAILED,
-      label: `{{t("Failed", { ns: "${NAMESPACE}" })}}`,
-      color: "red",
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.ExclamationOutlined, {})
-    },
-    { value: JOB_STATUS.ERROR, label: `{{t("Error", { ns: "${NAMESPACE}" })}}`, color: "red", icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.CloseOutlined, {}) },
-    {
-      value: JOB_STATUS.ABORTED,
-      label: `{{t("Aborted", { ns: "${NAMESPACE}" })}}`,
-      color: "red",
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MinusOutlined, { rotate: 90 })
-    },
-    {
-      value: JOB_STATUS.CANCELED,
-      label: `{{t("Canceled", { ns: "${NAMESPACE}" })}}`,
-      color: "volcano",
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MinusOutlined, { rotate: 45 })
-    },
-    {
-      value: JOB_STATUS.REJECTED,
-      label: `{{t("Rejected", { ns: "${NAMESPACE}" })}}`,
-      color: "volcano",
-      icon: /* @__PURE__ */ jsxRuntimeExports.jsx(icons.MinusOutlined, {})
-    }
-  ];
-  const JobStatusOptionsMap = JobStatusOptions.reduce(
-    (map, option) => Object.assign(map, { [option.value]: option }),
-    {}
-  );
   const delay = {
     title: `{{t("Delay", { ns: "${NAMESPACE}" })}}`,
     type: "delay",
@@ -7338,20 +7348,39 @@
   var classnamesExports = classnames$1.exports;
   const classnames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
   const useStyles = client.createStyles(({ css: css2, token }) => ({
-    statusIconClass: css2`
-    padding: 0;
-    width: ${token.sizeLG}px;
-    height: ${token.sizeLG}px;
-    line-height: ${token.sizeLG}px;
-    margin-right: 0;
-    border-radius: 50%;
-    text-align: center;
+    statusButtonClass: css2`
+    border: none;
+    .ant-tag {
+      width: 100%;
+      height: 100%;
+      padding: 0;
+      margin-right: 0;
+      border-radius: 50%;
+      text-align: center;
+    }
+  `,
+    noStatusButtonClass: css2`
+    border-width: 2px;
   `
   }));
-  function StatusIcon(props) {
-    const { icon, color } = JobStatusOptionsMap[props.status];
+  function StatusButton(props) {
+    var _a;
     const { styles } = useStyles();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tag, { color, className: classnames(styles.statusIconClass, props.className), children: icon });
+    let tag = null;
+    if (typeof props.status !== "undefined" && ((_a = props.statusMap) == null ? void 0 : _a[props.status])) {
+      const { icon, color } = props.statusMap[props.status];
+      tag = /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tag, { color, children: icon });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      antd.Button,
+      {
+        ...props,
+        shape: "circle",
+        size: "small",
+        className: classnames(tag ? styles.statusButtonClass : styles.noStatusButtonClass, props.className),
+        children: tag
+      }
+    );
   }
   const instructions = new client$1.Registry();
   instructions.register("calculation", calculation);
@@ -7382,7 +7411,7 @@
           return;
         }
         await form.submit();
-        await ((_b = (_a = api.resource("flow_nodes", data.id)).update) == null ? void 0 : _b.call(_a, {
+        await ((_b = (_a = api.resource("flow_nodes")).update) == null ? void 0 : _b.call(_a, {
           filterByTk: data.id,
           values: {
             config: form.values
@@ -7457,7 +7486,7 @@
     if (!workflow) {
       return null;
     }
-    const resource = api.resource("workflows.nodes", workflow.id);
+    const resource = api.resource("flow_nodes");
     async function onRemove() {
       async function onOk() {
         var _a;
@@ -7505,10 +7534,6 @@
       }
     );
   }
-  function InnerJobButton({ job, ...props }) {
-    const { styles } = useStyles$1();
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Button, { ...props, shape: "circle", size: "small", className: client.cx(styles.nodeJobButtonClass, props.className), children: /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIcon, { status: job.status }) });
-  }
   function JobButton() {
     const { execution, setViewJob } = useFlowContext();
     const { jobs } = useNodeContext() ?? {};
@@ -7517,19 +7542,7 @@
       return null;
     }
     if (!jobs.length) {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "span",
-        {
-          className: client.cx(
-            styles.nodeJobButtonClass,
-            client.css`
-            border: 2px solid #d9d9d9;
-            border-radius: 50%;
-            cursor: not-allowed;
-          `
-          )
-        }
-      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(StatusButton, { className: styles.nodeJobButtonClass, disabled: true });
     }
     function onOpenJob({ key }) {
       const job = jobs.find((item) => item.id == key);
@@ -7542,32 +7555,33 @@
           items: jobs.map((job) => {
             return {
               key: job.id,
-              label: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "div",
-                {
-                  className: client.css`
-                  display: flex;
-                  align-items: center;
-                  gap: 0.5em;
-
-                  time {
-                    color: #999;
-                    font-size: 0.8em;
-                  }
-                `,
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIcon, { status: job.status }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("time", { children: client$1.str2moment(job.updatedAt).format("YYYY-MM-DD HH:mm:ss") })
-                  ]
-                }
-              )
+              label: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(StatusButton, { statusMap: JobStatusOptionsMap, status: job.status }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("time", { children: client$1.str2moment(job.updatedAt).format("YYYY-MM-DD HH:mm:ss") })
+              ] })
             };
           }),
-          onClick: onOpenJob
+          onClick: onOpenJob,
+          className: styles.dropdownClass
         },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(InnerJobButton, { job: jobs[jobs.length - 1] })
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          StatusButton,
+          {
+            statusMap: JobStatusOptionsMap,
+            status: jobs[jobs.length - 1].status,
+            className: styles.nodeJobButtonClass
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      StatusButton,
+      {
+        statusMap: JobStatusOptionsMap,
+        status: jobs[0].status,
+        onClick: () => setViewJob(jobs[0]),
+        className: styles.nodeJobButtonClass
       }
-    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(InnerJobButton, { job: jobs[0], onClick: () => setViewJob(jobs[0]) });
+    );
   }
   function NodeDefaultView(props) {
     const { data, children } = props;
@@ -7988,16 +8002,17 @@
       antd.Dropdown,
       {
         menu: {
-          className: styles.executionsDropdownRowClass,
           onClick,
+          defaultSelectedKeys: [`${execution.id}`],
+          className: client.cx(styles.dropdownClass, styles.executionsDropdownRowClass),
           items: [...executionsAfter, execution, ...executionsBefore].map((item) => {
             return {
               key: item.id,
-              label: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: classnames("row", { current: item.id === execution.id }), children: [
+              label: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "id", children: `#${item.id}` }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("time", { children: client$1.str2moment(item.createdAt).format("YYYY-MM-DD HH:mm:ss") })
               ] }),
-              icon: /* @__PURE__ */ jsxRuntimeExports.jsx(StatusIcon, { status: item.status })
+              icon: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(StatusButton, { statusMap: ExecutionStatusOptionsMap, status: item.status }) })
             };
           })
         },
@@ -8409,7 +8424,7 @@
                   menu: {
                     onClick: onSwitchVersion,
                     defaultSelectedKeys: [`${workflow.id}`],
-                    className: client.cx(styles.workflowVersionDropdownClass),
+                    className: client.cx(styles.dropdownClass, styles.workflowVersionDropdownClass),
                     items: revisions.sort((a, b2) => b2.id - a.id).map((item, index) => ({
                       key: `${item.id}`,
                       icon: item.current ? /* @__PURE__ */ jsxRuntimeExports.jsx(icons.RightOutlined, {}) : null,
@@ -8671,13 +8686,14 @@
       type: "object",
       "x-component": "fieldset",
       properties: {
-        useTransaction: {
-          type: "boolean",
-          title: `{{ t("Use transaction", { ns: "${NAMESPACE}" }) }}`,
-          description: `{{ t("Data operation nodes in workflow will run in a same transaction until any interruption. Any failure will cause data rollback, and will also rollback the history of the execution.", { ns: "${NAMESPACE}" }) }}`,
-          "x-decorator": "FormItem",
-          "x-component": "Checkbox"
-        },
+        // NOTE: not to expose this option for now, because hard to track errors
+        // useTransaction: {
+        //   type: 'boolean',
+        //   title: `{{ t("Use transaction", { ns: "${NAMESPACE}" }) }}`,
+        //   description: `{{ t("Data operation nodes in workflow will run in a same transaction until any interruption. Any failure will cause data rollback, and will also rollback the history of the execution.", { ns: "${NAMESPACE}" }) }}`,
+        //   'x-decorator': 'FormItem',
+        //   'x-component': 'Checkbox',
+        // },
         deleteExecutionOnStatus: {
           type: "array",
           title: `{{ t("Auto delete history when execution is on end status", { ns: "${NAMESPACE}" }) }}`,
@@ -8745,7 +8761,10 @@
                     },
                     title: '{{t("Add new")}}',
                     properties: {
-                      ...workflowFieldset,
+                      title: workflowFieldset.title,
+                      type: workflowFieldset.type,
+                      description: workflowFieldset.description,
+                      options: workflowFieldset.options,
                       footer: {
                         type: "void",
                         "x-component": "Action.Drawer.Footer",
@@ -8906,7 +8925,10 @@
                             },
                             title: '{{ t("Edit") }}',
                             properties: {
-                              ...workflowFieldset,
+                              title: workflowFieldset.title,
+                              enabled: workflowFieldset.enabled,
+                              description: workflowFieldset.description,
+                              options: workflowFieldset.options,
                               footer: {
                                 type: "void",
                                 "x-component": "Action.Drawer.Footer",