@livechat/platform-workflows 0.1.1 → 0.1.2

package/dist/index.js

@@ -542,6 +542,55 @@ var WORKFLOWS_TEST_SELECTORS = {
         panels: {
           element: {
             wrapper: "element-wrapper"
+          },
+          details: {
+            executions: {
+              list: {
+                row: "execution-row",
+                status: "execution-status"
+              }
+            },
+            panel: {
+              historyTab: "history-tab"
+            },
+            info: {
+              dateCreated: "date-created",
+              dateUpdated: "date-updated",
+              completedCycles: "completed-cycles",
+              failedCycles: "failed-cycles"
+            }
+          }
+        }
+      },
+      list: {
+        grid: {
+          table: {
+            wrapper: "workflows-table",
+            body: "workflows-table-body",
+            menuTrigger: "action-menu-trigger",
+            activateSwitch: "activate-switch",
+            infoButton: "info-btn",
+            workflowItem: (id) => `workflow-item-${id}`
+          }
+        },
+        view: {
+          createButton: "create-workflow-btn",
+          emptyInfo: "empty-info"
+        },
+        modals: {
+          create: {
+            wrapper: "create-workflow-modal"
+          },
+          previewTemplate: {
+            wrapper: "template-preview-modal",
+            useButton: "use-template-btn"
+          }
+        },
+        home: {
+          cards: {
+            template: {
+              wrapper: "template-card"
+            }
           }
         }
       }
@@ -9415,7 +9464,7 @@ var slackTaskTemplates = () => ({
         },
         headers: {
           Accept: "application/json",
-          // eslint-disable-next-line no-template-curly-in-string
+          // eslint-disable-next-line no-template-curly-in-string -- on purpose
           "x-cred-access-token": "${workflow.credentials.slack.access_token}"
         }
       })
@@ -9436,7 +9485,7 @@ var slackTaskTemplates = () => ({
         },
         headers: {
           Accept: "application/json",
-          // eslint-disable-next-line no-template-curly-in-string
+          // eslint-disable-next-line no-template-curly-in-string -- on purpose
           "x-cred-access-token": "${workflow.credentials.slack.access_token}"
         }
       })
@@ -9468,23 +9517,24 @@ var slackTriggerConfigs = () => {
         },
         output: {
           type: "object",
-          required: ["text", "sub_type", "channel_id"],
           properties: {
-            text: {
-              type: "string",
-              title: "Text Message"
-            },
-            sub_type: {
-              type: "string",
-              title: "Sub type of the event"
-            },
-            channel_id: {
-              type: "string",
-              title: "Channel ID"
-            },
-            username: {
-              type: "string",
-              title: "Name of the user"
+            body: {
+              type: "object",
+              required: ["text", "channel"],
+              properties: {
+                text: {
+                  type: "string",
+                  title: "Text Message"
+                },
+                channel: {
+                  type: "string",
+                  title: "Channel ID"
+                },
+                user: {
+                  type: "string",
+                  title: "ID of the user"
+                }
+              }
             }
           }
         }
@@ -9513,23 +9563,24 @@ var slackTriggerConfigs = () => {
         },
         output: {
           type: "object",
-          required: ["text", "sub_type", "channel_id"],
           properties: {
-            text: {
-              type: "string",
-              title: "Text Message"
-            },
-            sub_type: {
-              type: "string",
-              title: "Sub type of the event"
-            },
-            channel_id: {
-              type: "string",
-              title: "Channel ID"
-            },
-            username: {
-              type: "string",
-              title: "Name of the user"
+            body: {
+              type: "object",
+              required: ["text", "channel"],
+              properties: {
+                text: {
+                  type: "string",
+                  title: "Text Message"
+                },
+                channel: {
+                  type: "string",
+                  title: "Channel ID"
+                },
+                user: {
+                  type: "string",
+                  title: "ID of the user"
+                }
+              }
             }
           }
         }
@@ -9547,7 +9598,7 @@ var slackTriggerTemplates = () => ({
         channelId: null
       },
       headers: {
-        // eslint-disable-next-line no-template-curly-in-string
+        // eslint-disable-next-line no-template-curly-in-string -- on purpose
         "x-adapter-slack-token": ["${workflow.credentials.slack.access_token}"]
       }
     }
@@ -9561,7 +9612,7 @@ var slackTriggerTemplates = () => ({
         userId: null
       },
       headers: {
-        // eslint-disable-next-line no-template-curly-in-string
+        // eslint-disable-next-line no-template-curly-in-string -- on purpose
         "x-adapter-slack-token": ["${workflow.credentials.slack.access_token}"]
       }
     }
@@ -12984,6 +13035,9 @@ var logAmplitudeEvent = (name, payload, user) => {
 };
 var logSprigEvent = (name, email, payload) => {
   const sprig = window.Sprig;
+  if (!sprig) {
+    return;
+  }
   sprig("identifyAndTrack", {
     eventName: name,
     userId: email,
@@ -15031,6 +15085,7 @@ function WorkflowCreatorProviderBase({
           }
           replaceWorkflowId(workflowId);
         }
+      } catch (e) {
       } finally {
         setAction("isSaving", false);
       }
@@ -15065,6 +15120,7 @@ function WorkflowCreatorProviderBase({
       notifications.addSuccessToast(
         `Workflow has been ${state2.workflow.active ? "deactivated" : "activated"}`
       );
+    } catch (e) {
     } finally {
       setAction("isActivating", false);
     }
@@ -15084,6 +15140,7 @@ function WorkflowCreatorProviderBase({
       }
       navigate("/list");
       notifications.addSuccessToast("Workflow has been removed successfully");
+    } catch (e) {
     } finally {
       setAction("isRemoving", false);
     }
@@ -15114,6 +15171,7 @@ function WorkflowCreatorProviderBase({
         notifications.addSuccessToast(
           "Workflow draft has been created successfully"
         );
+      } catch (e) {
       } finally {
         setAction("isCreating", false);
       }
@@ -15158,6 +15216,7 @@ function WorkflowCreatorProviderBase({
         notifications.addSuccessToast(
           "Workflow draft has been published successfully"
         );
+      } catch (e) {
       } finally {
         setAction("isPublishing", false);
       }
@@ -15194,6 +15253,7 @@ function WorkflowCreatorProviderBase({
       notifications.addSuccessToast(
         "Workflow draft has been discarded successfully"
       );
+    } catch (e) {
     } finally {
       setAction("isDiscarding", false);
     }
@@ -23162,25 +23222,38 @@ function WorkflowExecutionList({
       /* @__PURE__ */ jsx4("th", { children: "End date" }),
       /* @__PURE__ */ jsx4("th", { children: "Completion" })
     ] }) }),
-    /* @__PURE__ */ jsx4("tbody", { children: ((_a = workflowExecutions.data) == null ? void 0 : _a.length) ? workflowExecutions.data.map((execution) => /* @__PURE__ */ jsxs2("tr", { children: [
-      /* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react31.formatUSADate)(execution.started_at) }),
-      /* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react31.formatUSADate)(execution.ended_at) }),
-      /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
-        import_design_system_react_components65.Tag,
-        {
-          kind: execution.status === import_developer_studio_api27.WorkflowExecutionStatus.Completed ? "success" : "error",
-          leftNode: /* @__PURE__ */ jsx4(
-            import_design_system_react_components65.Icon,
+    /* @__PURE__ */ jsx4("tbody", { children: ((_a = workflowExecutions.data) == null ? void 0 : _a.length) ? workflowExecutions.data.map((execution) => /* @__PURE__ */ jsxs2(
+      "tr",
+      {
+        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.executions.list.row,
+        children: [
+          /* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react31.formatUSADate)(execution.started_at) }),
+          /* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react31.formatUSADate)(execution.ended_at) }),
+          /* @__PURE__ */ jsx4(
+            "td",
             {
-              size: "small",
-              source: execution.status === import_developer_studio_api27.WorkflowExecutionStatus.Completed ? import_design_system_icons28.CheckCircle : import_design_system_icons28.CloseCircle
+              "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.executions.list.status,
+              children: /* @__PURE__ */ jsx4(
+                import_design_system_react_components65.Tag,
+                {
+                  kind: execution.status === import_developer_studio_api27.WorkflowExecutionStatus.Completed ? "success" : "error",
+                  leftNode: /* @__PURE__ */ jsx4(
+                    import_design_system_react_components65.Icon,
+                    {
+                      size: "small",
+                      source: execution.status === import_developer_studio_api27.WorkflowExecutionStatus.Completed ? import_design_system_icons28.CheckCircle : import_design_system_icons28.CloseCircle
+                    }
+                  ),
+                  size: "small",
+                  children: execution.status
+                }
+              )
             }
-          ),
-          size: "small",
-          children: execution.status
-        }
-      ) })
-    ] }, execution.id)) : /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 4, children: "No executions" }) }) })
+          )
+        ]
+      },
+      execution.id
+    )) : /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 4, children: "No executions" }) }) })
   ] }) });
 }
 var List_default = WorkflowExecutionList;
@@ -23217,11 +23290,27 @@ function WorkflowDetailsInfo({
   return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react32.Column, { gap: 8, setColumnPadding: "0 2rem 0", children: [
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Date created" }),
-      /* @__PURE__ */ jsx4(import_design_system_react_components66.Text, { as: "div", bold: true, children: (0, import_developer_studio_ui_react32.formatUSADate)(workflow.data.created_at) })
+      /* @__PURE__ */ jsx4(
+        import_design_system_react_components66.Text,
+        {
+          as: "div",
+          bold: true,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.info.dateCreated,
+          children: (0, import_developer_studio_ui_react32.formatUSADate)(workflow.data.created_at)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Last modified" }),
-      /* @__PURE__ */ jsx4(import_design_system_react_components66.Text, { as: "div", bold: true, children: (0, import_developer_studio_ui_react32.formatUSADate)(workflow.data.updated_at || workflow.data.created_at) })
+      /* @__PURE__ */ jsx4(
+        import_design_system_react_components66.Text,
+        {
+          as: "div",
+          bold: true,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.info.dateUpdated,
+          children: (0, import_developer_studio_ui_react32.formatUSADate)(workflow.data.updated_at || workflow.data.created_at)
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Created by" }),
@@ -23229,11 +23318,27 @@ function WorkflowDetailsInfo({
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Completed cycles" }),
-      /* @__PURE__ */ jsx4(import_design_system_react_components66.Text, { as: "div", bold: true, children: completedCycles })
+      /* @__PURE__ */ jsx4(
+        import_design_system_react_components66.Text,
+        {
+          as: "div",
+          bold: true,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.info.completedCycles,
+          children: completedCycles
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Failed cycles" }),
-      /* @__PURE__ */ jsx4(import_design_system_react_components66.Text, { as: "div", bold: true, children: failedCycles })
+      /* @__PURE__ */ jsx4(
+        import_design_system_react_components66.Text,
+        {
+          as: "div",
+          bold: true,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.info.failedCycles,
+          children: failedCycles
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Tasks" }),
@@ -23338,6 +23443,7 @@ function WorkflowDetailsPanel({
           /* @__PURE__ */ jsx4(
             import_design_system_react_components67.Tab,
             {
+              "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.details.panel.historyTab,
               isSelected: tab === "executions",
               onClick: () => {
                 navigate("../executions", { replace: true, relative: "route" });
@@ -24305,6 +24411,7 @@ function WorkflowTemplatePreviewModal({
   return /* @__PURE__ */ jsx4(
     import_design_system_react_components73.Modal,
     {
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.modals.previewTemplate.wrapper,
       footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react39.Row, { flexEnd: true, gap: `var(${import_design_system_react_components73.SpacingToken.Spacing3})`, notPadded: true, children: [
         /* @__PURE__ */ jsx4(
           import_design_system_react_components73.Button,
@@ -24321,6 +24428,7 @@ function WorkflowTemplatePreviewModal({
         /* @__PURE__ */ jsx4(
           import_design_system_react_components73.Button,
           {
+            "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.modals.previewTemplate.useButton,
             disabled: isSaving,
             kind: "primary",
             loading: isSaving,
@@ -24636,6 +24744,7 @@ function WorkflowTemplateCard({
     import_developer_studio_ui_react43.Card,
     {
       border: true,
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.home.cards.template.wrapper,
       height: "100%",
       marginLeft: false,
       noBackground: true,
@@ -24799,6 +24908,7 @@ function WorkflowCreateModal({ onClose }) {
         width: min(100% - 4rem, 60rem);
         overflow-y: auto;
       `,
+      "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.modals.create.wrapper,
       heading: /* @__PURE__ */ jsx4(import_design_system_react_components79.ModalHeader, { title: "Create a workflow" }),
       onClose: handleClose,
       children: /* @__PURE__ */ jsx4(Home_default, { basePath: "create/", isOnModal: true })
@@ -25006,20 +25116,30 @@ function WorkflowsTable({ workflowsQuery, state }) {
     },
     [navigate]
   );
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react45.Table, { flowTable: true, loading: workflowsQuery.isLoading, children: [
-    /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
-      /* @__PURE__ */ jsx4("th", { children: "Name" }),
-      /* @__PURE__ */ jsx4("th", { children: "Tasks" }),
-      /* @__PURE__ */ jsx4("th", { children: "Status" }),
-      /* @__PURE__ */ jsx4("th", {}),
-      /* @__PURE__ */ jsx4("th", {})
-    ] }) }),
-    /* @__PURE__ */ jsx4("tbody", { children: workflowsQuery.isSuccess && filteredWorkflows.length > 0 ? filteredWorkflows.map((workflow) => {
-      var _a2, _b2, _c2, _d;
-      return /* @__PURE__ */ jsxs2(
-        "tr",
-        {
-          css: css`
+  return /* @__PURE__ */ jsxs2(
+    import_developer_studio_ui_react45.Table,
+    {
+      "data-testId": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.wrapper,
+      flowTable: true,
+      loading: workflowsQuery.isLoading,
+      children: [
+        /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+          /* @__PURE__ */ jsx4("th", { children: "Name" }),
+          /* @__PURE__ */ jsx4("th", { children: "Tasks" }),
+          /* @__PURE__ */ jsx4("th", { children: "Status" }),
+          /* @__PURE__ */ jsx4("th", {}),
+          /* @__PURE__ */ jsx4("th", {})
+        ] }) }),
+        /* @__PURE__ */ jsx4(
+          "tbody",
+          {
+            "data-testId": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.body,
+            children: workflowsQuery.isSuccess && filteredWorkflows.length > 0 ? filteredWorkflows.map((workflow) => {
+              var _a2, _b2, _c2, _d;
+              return /* @__PURE__ */ jsxs2(
+                "tr",
+                {
+                  css: css`
                 transition: background 0.2s;
                 cursor: pointer;
 
@@ -25027,131 +25147,141 @@ function WorkflowsTable({ workflowsQuery, state }) {
                   background: var(${import_design_system_react_components82.DesignToken.SurfacePrimaryHover});
                 }
               `,
-          onClick: () => {
-            handleSelect(workflow);
-          },
-          children: [
-            /* @__PURE__ */ jsx4("td", { width: "45%", children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react45.Row, { gap: `var(${import_design_system_react_components82.SpacingToken.Spacing2})`, noWrap: true, notPadded: true, children: [
-              /* @__PURE__ */ jsx4(import_design_system_react_components82.Text, { noMargin: true, size: "sm", children: workflow.name }),
-              workflow.related_workflow_id ? /* @__PURE__ */ jsx4(
-                import_design_system_react_components82.Tag,
-                {
-                  css: css`
+                  "data-testId": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.workflowItem(
+                    workflow.id
+                  ),
+                  onClick: () => {
+                    handleSelect(workflow);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx4("td", { width: "45%", children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react45.Row, { gap: `var(${import_design_system_react_components82.SpacingToken.Spacing2})`, noWrap: true, notPadded: true, children: [
+                      /* @__PURE__ */ jsx4(import_design_system_react_components82.Text, { noMargin: true, size: "sm", children: workflow.name }),
+                      workflow.related_workflow_id ? /* @__PURE__ */ jsx4(
+                        import_design_system_react_components82.Tag,
+                        {
+                          css: css`
                         color: #68afff;
                         flex-shrink: 0;
                       `,
-                  kind: "info",
-                  size: "small",
-                  children: "Has Draft"
-                }
-              ) : null
-            ] }) }),
-            /* @__PURE__ */ jsx4("td", { width: "40%", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.Row, { gap: 12, notPadded: true, children: (_a2 = workflow.tags) == null ? void 0 : _a2.map((tag) => {
-              const revertIconColor = getWorkflowsEnv("isHeadless") && (tag.toLowerCase() === "openai" || tag.toLowerCase() === import_developer_studio_api32.IntegrationNames.BigCommerce.toLowerCase());
-              return /* @__PURE__ */ jsx4(
-                ProductIcon_default,
-                {
-                  center: true,
-                  height: 4,
-                  product: tag.toLowerCase(),
-                  revertColors: revertIconColor,
-                  width: 4
-                },
-                tag
-              );
-            }) }) }),
-            /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
-              import_design_system_react_components82.Tooltip,
-              {
-                triggerClassName: "tooltip-trigger",
-                triggerOnHover: true,
-                triggerRenderer: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.StopPropagation, { children: /* @__PURE__ */ jsx4(
-                  import_design_system_react_components82.Switch,
-                  {
-                    css: css`
+                          kind: "info",
+                          size: "small",
+                          children: "Has Draft"
+                        }
+                      ) : null
+                    ] }) }),
+                    /* @__PURE__ */ jsx4("td", { width: "40%", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.Row, { gap: 12, notPadded: true, children: (_a2 = workflow.tags) == null ? void 0 : _a2.map((tag) => {
+                      const revertIconColor = getWorkflowsEnv("isHeadless") && (tag.toLowerCase() === "openai" || tag.toLowerCase() === import_developer_studio_api32.IntegrationNames.BigCommerce.toLowerCase());
+                      return /* @__PURE__ */ jsx4(
+                        ProductIcon_default,
+                        {
+                          center: true,
+                          height: 4,
+                          product: tag.toLowerCase(),
+                          revertColors: revertIconColor,
+                          width: 4
+                        },
+                        tag
+                      );
+                    }) }) }),
+                    /* @__PURE__ */ jsx4("td", { children: /* @__PURE__ */ jsx4(
+                      import_design_system_react_components82.Tooltip,
+                      {
+                        triggerClassName: "tooltip-trigger",
+                        triggerOnHover: true,
+                        triggerRenderer: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.StopPropagation, { children: /* @__PURE__ */ jsx4(
+                          import_design_system_react_components82.Switch,
+                          {
+                            css: css`
                           vertical-align: bottom;
                         `,
-                    on: (_b2 = workflow.active) != null ? _b2 : false,
-                    onChange: (e) => {
-                      e.stopPropagation();
-                      void handleActivate(workflow);
-                    },
-                    state: activateWorkflowAction.isLoading && ((_c2 = activateWorkflowAction.variables) == null ? void 0 : _c2.id) === workflow.id ? "loading" : workflow.draft ? "locked" : "regular"
-                  }
-                ) }),
-                children: workflow.draft ? "Publish the draft to activate this workflow" : workflow.active ? "Deactivate flow" : "Activate flow"
-              }
-            ) }),
-            /* @__PURE__ */ jsx4("td", { children: !workflow.draft && /* @__PURE__ */ jsx4(
-              import_design_system_react_components82.Button,
-              {
-                icon: /* @__PURE__ */ jsx4(import_design_system_react_components82.Icon, { source: import_design_system_icons40.Info }),
-                kind: "plain",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  handleShowDetails(workflow);
-                }
-              }
-            ) }),
-            /* @__PURE__ */ jsx4("td", { align: "right", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.StopPropagation, { children: /* @__PURE__ */ jsx4(
-              import_design_system_react_components82.ActionMenu,
-              {
-                options: [
-                  {
-                    key: "run",
-                    element: /* @__PURE__ */ jsx4(
-                      import_design_system_react_components82.ActionMenuItem,
+                            "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.activateSwitch,
+                            on: (_b2 = workflow.active) != null ? _b2 : false,
+                            onChange: (e) => {
+                              e.stopPropagation();
+                              void handleActivate(workflow);
+                            },
+                            state: activateWorkflowAction.isLoading && ((_c2 = activateWorkflowAction.variables) == null ? void 0 : _c2.id) === workflow.id ? "loading" : workflow.draft ? "locked" : "regular"
+                          }
+                        ) }),
+                        children: workflow.draft ? "Publish the draft to activate this workflow" : workflow.active ? "Deactivate flow" : "Activate flow"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx4("td", { children: !workflow.draft && /* @__PURE__ */ jsx4(
+                      import_design_system_react_components82.Button,
                       {
-                        leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components82.Icon, { source: import_design_system_icons40.PlayArrow }),
-                        children: "Trigger manually"
+                        "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.infoButton,
+                        icon: /* @__PURE__ */ jsx4(import_design_system_react_components82.Icon, { source: import_design_system_icons40.Info }),
+                        kind: "plain",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          handleShowDetails(workflow);
+                        }
                       }
-                    ),
-                    onClick: () => {
-                      navigate(`/${workflow.id}/execute`);
-                    }
-                  },
-                  {
-                    key: "delete",
-                    element: /* @__PURE__ */ jsx4(import_design_system_react_components82.ActionMenuItem, { leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components82.Icon, { source: import_design_system_icons40.Delete }), children: "Delete" }),
-                    onClick: () => {
-                      void handleDelete(workflow);
-                    }
-                  }
-                ],
-                triggerRenderer: /* @__PURE__ */ jsx4(
-                  import_design_system_react_components82.Button,
-                  {
-                    icon: /* @__PURE__ */ jsx4(import_design_system_react_components82.Icon, { source: import_design_system_icons40.MoreHoriz }),
-                    kind: "text",
-                    loading: deleteAction.isLoading ? ((_d = deleteAction.variables) == null ? void 0 : _d.id) === workflow.id : void 0,
-                    size: "compact"
-                  }
-                )
-              }
-            ) }) })
-          ]
-        },
-        workflow.id
-      );
-    }) : workflowsQuery.isLoading ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 6, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.Loader, { size: "medium" }) }) }) : /* @__PURE__ */ jsx4(
-      "tr",
-      {
-        css: css`
+                    ) }),
+                    /* @__PURE__ */ jsx4("td", { align: "right", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.StopPropagation, { children: /* @__PURE__ */ jsx4(
+                      import_design_system_react_components82.ActionMenu,
+                      {
+                        options: [
+                          {
+                            key: "run",
+                            element: /* @__PURE__ */ jsx4(
+                              import_design_system_react_components82.ActionMenuItem,
+                              {
+                                leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components82.Icon, { source: import_design_system_icons40.PlayArrow }),
+                                children: "Trigger manually"
+                              }
+                            ),
+                            onClick: () => {
+                              navigate(`/${workflow.id}/execute`);
+                            }
+                          },
+                          {
+                            key: "delete",
+                            element: /* @__PURE__ */ jsx4(import_design_system_react_components82.ActionMenuItem, { leftNode: /* @__PURE__ */ jsx4(import_design_system_react_components82.Icon, { source: import_design_system_icons40.Delete }), children: "Delete" }),
+                            onClick: () => {
+                              void handleDelete(workflow);
+                            }
+                          }
+                        ],
+                        triggerRenderer: /* @__PURE__ */ jsx4(
+                          import_design_system_react_components82.Button,
+                          {
+                            "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.menuTrigger,
+                            icon: /* @__PURE__ */ jsx4(import_design_system_react_components82.Icon, { source: import_design_system_icons40.MoreHoriz }),
+                            kind: "text",
+                            loading: deleteAction.isLoading ? ((_d = deleteAction.variables) == null ? void 0 : _d.id) === workflow.id : void 0,
+                            size: "compact"
+                          }
+                        )
+                      }
+                    ) }) })
+                  ]
+                },
+                workflow.id
+              );
+            }) : workflowsQuery.isLoading ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 6, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.Loader, { size: "medium" }) }) }) : /* @__PURE__ */ jsx4(
+              "tr",
+              {
+                css: css`
               background: transparent !important;
               color: var(${import_design_system_react_components82.DesignToken.ContentBasicSecondary});
             `,
-        children: /* @__PURE__ */ jsx4("td", { align: "left", colSpan: 6, children: /* @__PURE__ */ jsxs2(import_design_system_react_components82.Text, { as: "div", size: "md", children: [
-          "There are no",
-          " ",
-          state.filters.status !== "All" && state.filters.status.toLowerCase(),
-          " ",
-          "workflows",
-          " ",
-          ((_c = (_b = state.params) == null ? void 0 : _b.name) == null ? void 0 : _c.value) ? `with "${state.params.name.value}" in the name` : null
-        ] }) })
-      }
-    ) })
-  ] });
+                children: /* @__PURE__ */ jsx4("td", { align: "left", colSpan: 6, children: /* @__PURE__ */ jsxs2(import_design_system_react_components82.Text, { as: "div", size: "md", children: [
+                  "There are no",
+                  " ",
+                  state.filters.status !== "All" && state.filters.status.toLowerCase(),
+                  " ",
+                  "workflows",
+                  " ",
+                  ((_c = (_b = state.params) == null ? void 0 : _b.name) == null ? void 0 : _c.value) ? `with "${state.params.name.value}" in the name` : null
+                ] }) })
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
 }
 var Table_default = WorkflowsTable;
 
@@ -25235,28 +25365,35 @@ function WorkflowListView() {
   return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react47.View, { center: hasNoData, noWrap: true, stretch: isLoading, children: [
     getWorkflowsEnv("isLiveChatMode") ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Row, { noMaxWidth: true, notPadded: true, children: /* @__PURE__ */ jsx4(LiveChatNavbar_default, {}) }) : null,
     /* @__PURE__ */ jsxs2(import_developer_studio_ui_react47.Row, { topMargin: true, verticalCenter: hasNoData, children: [
-      /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { width: hasNoData ? 10 : 8, children: hasNoData ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Row, { notPadded: true, children: /* @__PURE__ */ jsx4(
-        import_developer_studio_ui_react47.Intro,
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { width: hasNoData ? 10 : 8, children: hasNoData ? /* @__PURE__ */ jsx4(
+        import_developer_studio_ui_react47.Row,
         {
-          body: "Automate your work with an app integration platform. Use AI to quicken the process. Enjoy a simple, no-code setup to streamline tasks you would otherwise do manually.",
-          center: true,
-          header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { notPadded: true, stretch: true, children: /* @__PURE__ */ jsxs2(
-            import_developer_studio_ui_react47.Row,
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.view.emptyInfo,
+          notPadded: true,
+          children: /* @__PURE__ */ jsx4(
+            import_developer_studio_ui_react47.Intro,
             {
+              body: "Automate your work with an app integration platform. Use AI to quicken the process. Enjoy a simple, no-code setup to streamline tasks you would otherwise do manually.",
               center: true,
-              gap: `var(${import_design_system_react_components84.SpacingToken.Spacing2})`,
-              notPadded: true,
-              verticalCenter: true,
-              children: [
-                "Welcome to ",
-                /* @__PURE__ */ jsx4("span", { css: markedStyles, children: "Workflows" })
-              ]
+              header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { notPadded: true, stretch: true, children: /* @__PURE__ */ jsxs2(
+                import_developer_studio_ui_react47.Row,
+                {
+                  center: true,
+                  gap: `var(${import_design_system_react_components84.SpacingToken.Spacing2})`,
+                  notPadded: true,
+                  verticalCenter: true,
+                  children: [
+                    "Welcome to ",
+                    /* @__PURE__ */ jsx4("span", { css: markedStyles, children: "Workflows" })
+                  ]
+                }
+              ) }),
+              noMaxWidth: true,
+              style: { maxWidth: "38rem" }
             }
-          ) }),
-          noMaxWidth: true,
-          style: { maxWidth: "38rem" }
+          )
         }
-      ) }) : /* @__PURE__ */ jsx4(
+      ) : /* @__PURE__ */ jsx4(
         import_developer_studio_ui_react47.Intro,
         {
           body: "Create custom workflows to automate your work.",
@@ -25267,6 +25404,7 @@ function WorkflowListView() {
       hasData && !getWorkflowsEnv("isHeadless") ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { pullRight: true, children: /* @__PURE__ */ jsx4(
         import_design_system_react_components84.Button,
         {
+          "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.view.createButton,
           kind: "primary",
           onClick: () => {
             navigate("create");