@nocobase/plugin-workflow 0.12.0-alpha.5 → 0.13.0-alpha.2

package/dist/client/components/StatusButton.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function StatusButton(props: any): React.JSX.Element;

package/dist/client/constants.d.ts

@@ -13,6 +13,7 @@ export declare const ExecutionStatusOptions: {
     value: any;
     label: string;
     color: string;
+    icon: React.JSX.Element;
     description: string;
 }[];
 export declare const ExecutionStatusOptionsMap: {};

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;
@@ -433,6 +543,17 @@
       transform: translateY(-50%);
       width: 2em;
       height: 6em;
+    `,
+      terminalClass: css2`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      width: 4em;
+      height: 4em;
+      border-radius: 50%;
+      background-color: ${token.colorText};
+      color: ${token.colorBgContainer};
     `
     };
   });
@@ -3711,25 +3832,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 = {}) {
@@ -3920,7 +4038,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();
@@ -5126,122 +5244,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",
@@ -5534,7 +5536,7 @@
     const api = client.useAPIClient();
     const resource = api.resource(props.collection);
     const __parent = React.useContext(client.BlockRequestContext);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(client.CollectionProvider, { collection: props.collection, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.RecordProvider, { record: values2, parent: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.BlockRequestContext.Provider, { value: { block: "form", props, field, service, resource, __parent }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return !userJob.status || values2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(client.CollectionProvider, { collection: props.collection, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.RecordProvider, { record: values2, parent: false, children: /* @__PURE__ */ jsxRuntimeExports.jsx(client.BlockRequestContext.Provider, { value: { block: "form", props, field, service, resource, __parent }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       client.FormBlockContext.Provider,
       {
         value: {
@@ -5550,7 +5552,7 @@
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: formBlockRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(react.RecursionField, { schema: fieldSchema, onlyRenderProperties: true }) })
         ] })
       }
-    ) }) }) });
+    ) }) }) }) : null;
   }
   function InternalFormBlockInitializer({ insert, schema, ...others }) {
     const { getTemplateSchemaByMode } = client.useSchemaTemplateManager();
@@ -5697,7 +5699,7 @@
       }),
       [values2]
     );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return !userJob.status || values2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       client.CollectionProvider,
       {
         collection: {
@@ -5716,7 +5718,7 @@
           }
         ) })
       }
-    );
+    ) : null;
   }
   function CustomFormBlockInitializer({ insert, ...props }) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -5760,11 +5762,7 @@
                     "x-decorator": "ActionBarProvider",
                     "x-component": "ActionBar",
                     "x-component-props": {
-                      layout: "one-column",
-                      style: {
-                        marginTop: "1.5em",
-                        flexWrap: "wrap"
-                      }
+                      layout: "one-column"
                     },
                     "x-initializer": "AddActionButton",
                     properties: {
@@ -7357,20 +7355,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);
@@ -7401,7 +7418,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
@@ -7476,7 +7493,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;
@@ -7524,10 +7541,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() ?? {};
@@ -7536,19 +7549,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);
@@ -7561,32 +7562,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;
@@ -7865,7 +7867,7 @@
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "workflow-canvas", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TriggerConfig, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.branchBlockClass, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Branch, { entry }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: client.cx("end", styles.nodeCardClass), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: client.cx(styles.nodeMetaClass), children: /* @__PURE__ */ jsxRuntimeExports.jsx(antd.Tag, { color: "#333", children: lang("End") }) }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.terminalClass, children: lang("End") })
     ] });
   }
   function attachJobs(nodes, jobs = []) {
@@ -8007,16 +8009,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 }) })
             };
           })
         },
@@ -8428,7 +8431,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,

package/dist/client/style.d.ts

@@ -1,5 +1,6 @@
 declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     workflowPageClass: import("antd-style").SerializedStyles;
+    dropdownClass: import("antd-style").SerializedStyles;
     workflowVersionDropdownClass: import("antd-style").SerializedStyles;
     executionsDropdownRowClass: import("antd-style").SerializedStyles;
     branchBlockClass: import("antd-style").SerializedStyles;
@@ -16,5 +17,6 @@ declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<
     addButtonClass: import("antd-style").SerializedStyles;
     conditionClass: import("antd-style").SerializedStyles;
     loopLineClass: import("antd-style").SerializedStyles;
+    terminalClass: import("antd-style").SerializedStyles;
 }>;
 export default useStyles;

package/dist/node_modules/cron-parser/package.json

@@ -1 +1 @@
-{"name":"cron-parser","version":"4.4.0","description":"Node.js library for parsing crontab instructions","main":"lib/parser.js","types":"index.d.ts","typesVersions":{"<4.1":{"*":["types/ts3/*"]}},"directories":{"test":"test"},"scripts":{"test:tsd":"tsd","test:unit":"TZ=UTC tap ./test/*.js","test:cover":"TZ=UTC tap --coverage-report=html ./test/*.js","lint":"eslint .","lint:fix":"eslint --fix .","test":"npm run lint && npm run test:unit && npm run test:tsd"},"repository":{"type":"git","url":"https://github.com/harrisiirak/cron-parser.git"},"keywords":["cron","crontab","parser"],"author":"Harri Siirak","contributors":["Nicholas Clawson","Daniel Prentis <daniel@salsitasoft.com>","Renault John Lecoultre","Richard Astbury <richard.astbury@gmail.com>","Meaglin Wasabi <Meaglin.wasabi@gmail.com>","Mike Kusold <hello@mikekusold.com>","Alex Kit <alex.kit@atmajs.com>","Santiago Gimeno <santiago.gimeno@gmail.com>","Daniel <darc.tec@gmail.com>","Christian Steininger <christian.steininger.cs@gmail.com>","Mykola Piskovyi <m.piskovyi@gmail.com>","Brian Vaughn <brian.david.vaughn@gmail.com>","Nicholas Clawson <nickclaw@gmail.com>","Yasuhiroki <yasuhiroki.duck@gmail.com>","Nicholas Clawson <nickclaw@gmail.com>","Brendan Warkentin <faazshift@gmail.com>","Charlie Fish <fishcharlie.code@gmail.com>","Ian Graves <ian+diskimage@iangrav.es>","Andy Thompson <me@andytson.com>","Regev Brody <regevbr@gmail.com>"],"license":"MIT","dependencies":{"luxon":"^1.28.0"},"devDependencies":{"eslint":"^8.2.0","sinon":"^10.0.0","tap":"^16.0.1","tsd":"^0.19.0"},"engines":{"node":">=0.8"},"browser":{"fs":false},"tap":{"check-coverage":false},"tsd":{"directory":"test","compilerOptions":{"lib":["es2017","dom"]}},"_lastModified":"2023-08-18T08:41:04.503Z"}
+{"name":"cron-parser","version":"4.4.0","description":"Node.js library for parsing crontab instructions","main":"lib/parser.js","types":"index.d.ts","typesVersions":{"<4.1":{"*":["types/ts3/*"]}},"directories":{"test":"test"},"scripts":{"test:tsd":"tsd","test:unit":"TZ=UTC tap ./test/*.js","test:cover":"TZ=UTC tap --coverage-report=html ./test/*.js","lint":"eslint .","lint:fix":"eslint --fix .","test":"npm run lint && npm run test:unit && npm run test:tsd"},"repository":{"type":"git","url":"https://github.com/harrisiirak/cron-parser.git"},"keywords":["cron","crontab","parser"],"author":"Harri Siirak","contributors":["Nicholas Clawson","Daniel Prentis <daniel@salsitasoft.com>","Renault John Lecoultre","Richard Astbury <richard.astbury@gmail.com>","Meaglin Wasabi <Meaglin.wasabi@gmail.com>","Mike Kusold <hello@mikekusold.com>","Alex Kit <alex.kit@atmajs.com>","Santiago Gimeno <santiago.gimeno@gmail.com>","Daniel <darc.tec@gmail.com>","Christian Steininger <christian.steininger.cs@gmail.com>","Mykola Piskovyi <m.piskovyi@gmail.com>","Brian Vaughn <brian.david.vaughn@gmail.com>","Nicholas Clawson <nickclaw@gmail.com>","Yasuhiroki <yasuhiroki.duck@gmail.com>","Nicholas Clawson <nickclaw@gmail.com>","Brendan Warkentin <faazshift@gmail.com>","Charlie Fish <fishcharlie.code@gmail.com>","Ian Graves <ian+diskimage@iangrav.es>","Andy Thompson <me@andytson.com>","Regev Brody <regevbr@gmail.com>"],"license":"MIT","dependencies":{"luxon":"^1.28.0"},"devDependencies":{"eslint":"^8.2.0","sinon":"^10.0.0","tap":"^16.0.1","tsd":"^0.19.0"},"engines":{"node":">=0.8"},"browser":{"fs":false},"tap":{"check-coverage":false},"tsd":{"directory":"test","compilerOptions":{"lib":["es2017","dom"]}},"_lastModified":"2023-08-24T16:05:19.318Z"}

package/dist/node_modules/lru-cache/package.json

@@ -1 +1 @@
-{"type":"commonjs","_lastModified":"2023-08-18T08:41:03.882Z"}
+{"type":"commonjs","_lastModified":"2023-08-24T16:05:18.684Z"}