@livechat/platform-workflows 0.1.4 → 0.1.6

package/dist/index.js

@@ -478,13 +478,11 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/config.ts
-var import_developer_studio_ui_react = require("@livechat/developer-studio-ui-react");
 var config = {
   config: void 0
 };
 function setWorkflowsConfig(newConfig) {
   config.config = __spreadValues(__spreadValues({}, config.config), newConfig);
-  (0, import_developer_studio_ui_react.setConfig)(newConfig);
 }
 var getWorkflowsEnv = (key) => {
   return config.config[key];
@@ -1938,7 +1936,7 @@ function keyframes() {
 // src/views/Waitlist/index.tsx
 var import_design_system_icons = require("@livechat/design-system-icons");
 var import_design_system_react_components = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react4 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react3 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/apps.ts
 var import_react_query = require("@tanstack/react-query");
@@ -1963,9 +1961,9 @@ var useFetchInstalledApp = (appId, license) => {
 };
 
 // src/hooks/navigate.ts
-var import_developer_studio_ui_react2 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react = require("@livechat/developer-studio-ui-react");
 function useWorkflowsRelativeNavigate() {
-  const relativeNavigate = (0, import_developer_studio_ui_react2.useModuleRelativeNavigate)(
+  const relativeNavigate = (0, import_developer_studio_ui_react.useModuleRelativeNavigate)(
     getWorkflowsEnv("subPath")
   );
   return relativeNavigate;
@@ -2016,7 +2014,7 @@ var useUpdateOrganizationProducts = () => {
 // src/hooks/workflows.ts
 var import_react_query3 = require("@tanstack/react-query");
 var import_developer_studio_api3 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react3 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react2 = require("@livechat/developer-studio-ui-react");
 var import_platform_integrations = require("@livechat/platform-integrations");
 var queryKeys = {
   workflow: {
@@ -2033,7 +2031,7 @@ var queryKeys = {
   }
 };
 var useFetchUserInstalledWorkflows = () => {
-  const { user, isUserFetching } = (0, import_developer_studio_ui_react3.useUserContext)();
+  const { user, isUserFetching } = (0, import_developer_studio_ui_react2.useUserContext)();
   const { data, isSuccess } = useFetchInstalledApp(
     getWorkflowsEnv("workflowsAppId"),
     (user == null ? void 0 : user.meta.license) ? `${user.meta.license}` : void 0
@@ -2050,7 +2048,7 @@ var useFetchUserInstalledWorkflows = () => {
   };
 };
 var useFetchWorkflows = () => {
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query3.useQuery)(
     queryKeys.workflows.get(),
     () => __async(void 0, null, function* () {
@@ -2065,7 +2063,7 @@ var useFetchWorkflows = () => {
   );
 };
 var useFetchWorkflow = (workflowId) => {
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query3.useQuery)(
     queryKeys.workflow.get(workflowId),
     () => __async(void 0, null, function* () {
@@ -2083,7 +2081,7 @@ var useFetchWorkflow = (workflowId) => {
   );
 };
 var useFetchWorkflowExecutionList = (workflowId) => {
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query3.useQuery)(
     queryKeys.workflowExecutions.get(workflowId),
     () => __async(void 0, null, function* () {
@@ -2102,8 +2100,8 @@ var useFetchWorkflowExecutionList = (workflowId) => {
 };
 var useCreateWorkflow = () => {
   const queryClient = (0, import_react_query3.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
-  const { user } = (0, import_developer_studio_ui_react3.useUserContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
+  const { user } = (0, import_developer_studio_ui_react2.useUserContext)();
   return (0, import_react_query3.useMutation)(
     (payload) => __async(void 0, null, function* () {
       const workflow = __spreadProps(__spreadValues({}, payload), {
@@ -2144,8 +2142,8 @@ var useCreateWorkflow = () => {
 };
 var useCreateWorkflowDraft = () => {
   const queryClient = (0, import_react_query3.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
-  const { user } = (0, import_developer_studio_ui_react3.useUserContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
+  const { user } = (0, import_developer_studio_ui_react2.useUserContext)();
   return (0, import_react_query3.useMutation)(
     (payload) => __async(void 0, null, function* () {
       const workflow = __spreadProps(__spreadValues({}, payload), {
@@ -2180,7 +2178,7 @@ var useCreateWorkflowDraft = () => {
 };
 var useUpdateWorkflow = () => {
   const queryClient = (0, import_react_query3.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query3.useMutation)(
     (workflow) => __async(void 0, null, function* () {
       const { data } = yield import_developer_studio_api3.api.integrations.text.platform.workflow.workflows.updateWorkflow(
@@ -2201,7 +2199,7 @@ var useUpdateWorkflow = () => {
 };
 var useDeleteWorkflow = () => {
   const queryClient = (0, import_react_query3.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query3.useMutation)(
     (workflow) => __async(void 0, null, function* () {
       yield import_developer_studio_api3.api.integrations.text.platform.workflow.workflows.deleteWorkflow(
@@ -2229,7 +2227,7 @@ var useDeleteWorkflow = () => {
 };
 var usePublishWorkflowDraft = () => {
   const queryClient = (0, import_react_query3.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query3.useMutation)(
     (workflow) => __async(void 0, null, function* () {
       const { data } = yield import_developer_studio_api3.api.integrations.text.platform.workflow.workflows.publishWorkflowDraft(
@@ -2266,7 +2264,7 @@ var usePublishWorkflowDraft = () => {
 };
 var useActivateWorkflow = () => {
   const queryClient = (0, import_react_query3.useQueryClient)();
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query3.useMutation)(
     (_0) => __async(void 0, [_0], function* ({ id, active }) {
       yield import_developer_studio_api3.api.integrations.text.platform.workflow.workflows.toggleWorkflowActivation(
@@ -2290,7 +2288,7 @@ var useActivateWorkflow = () => {
   );
 };
 var useExecuteWorkflow = () => {
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query3.useMutation)(
     (_0) => __async(void 0, [_0], function* ({
       workflow,
@@ -2309,7 +2307,7 @@ var useExecuteWorkflow = () => {
   );
 };
 var useGenerateAIResponse = () => {
-  const notifications = (0, import_developer_studio_ui_react3.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react2.useNotificationContext)();
   return (0, import_react_query3.useMutation)(
     (payload) => __async(void 0, null, function* () {
       const response = yield import_developer_studio_api3.api.integrations.text.ai.generateResponses(payload);
@@ -2376,16 +2374,16 @@ function Waitlist({ image }) {
     }
   }, [userHasInstalledWorkflows, navigate]);
   if (isWorkflowAppLoading) {
-    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react4.Loader, { stretch: true });
+    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Loader, { stretch: true });
   }
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react4.View, { children: [
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react4.Row, { noMaxWidth: true, topMargin: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react4.Column, { center: true, children: /* @__PURE__ */ jsx4(
-      import_developer_studio_ui_react4.Intro,
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react3.View, { children: [
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Row, { noMaxWidth: true, topMargin: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Column, { center: true, children: /* @__PURE__ */ jsx4(
+      import_developer_studio_ui_react3.Intro,
       {
         body: "No-code setup to streamline tasks you would otherwise do manually",
         center: true,
-        header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react4.Column, { notPadded: true, stretch: true, width: 4, children: /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react4.Row,
+        header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Column, { notPadded: true, stretch: true, width: 4, children: /* @__PURE__ */ jsx4(
+          import_developer_studio_ui_react3.Row,
           {
             center: true,
             gap: `var(${import_design_system_react_components.SpacingToken.Spacing2})`,
@@ -2397,7 +2395,7 @@ function Waitlist({ image }) {
         noMaxWidth: true
       }
     ) }) }),
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react4.Row, { gap: 8, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react3.Row, { gap: 8, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
       /* @__PURE__ */ jsx4(
         import_design_system_react_components.Button,
         {
@@ -2424,7 +2422,7 @@ function Waitlist({ image }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react4.Row, { gap: 8, lowMargin: true, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react3.Row, { gap: 8, lowMargin: true, noMaxWidth: true, topMargin: true, verticalCenter: true, children: [
       /* @__PURE__ */ jsxs2(import_design_system_react_components.Text, { css: infoCss, size: "lg", children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components.Icon, { source: import_design_system_icons.CheckCircle }),
         "integrated with popular platforms"
@@ -2438,7 +2436,7 @@ function Waitlist({ image }) {
         "build with ready-made blocks"
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react4.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss, children: image }) })
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react3.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss, children: image }) })
   ] });
 }
 var Waitlist_default = Waitlist;
@@ -2446,11 +2444,11 @@ var Waitlist_default = Waitlist;
 // src/views/Workflows/index.tsx
 var import_react113 = require("react");
 var import_react_router_dom15 = require("react-router-dom");
-var import_developer_studio_ui_react49 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react48 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/index.tsx
 var import_react_router_dom10 = require("react-router-dom");
-var import_developer_studio_ui_react37 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react36 = require("@livechat/developer-studio-ui-react");
 var import_platform_integrations6 = require("@livechat/platform-integrations");
 
 // src/constants/products.ts
@@ -13021,10 +13019,10 @@ var import_react14 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
 var import_design_system_react_components4 = require("@livechat/design-system-react-components");
 var import_developer_studio_api21 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react9 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react8 = require("@livechat/developer-studio-ui-react");
 
 // src/hooks/analytics.ts
-var import_developer_studio_ui_react5 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react4 = require("@livechat/developer-studio-ui-react");
 
 // src/utils/tracking.ts
 var amplitude = __toESM(require("@amplitude/analytics-browser"));
@@ -13184,7 +13182,7 @@ var workflowsJourneyFactory = (email) => ({
 
 // src/hooks/analytics.ts
 function useWorkflowsJourney() {
-  const { user } = (0, import_developer_studio_ui_react5.useUserContext)();
+  const { user } = (0, import_developer_studio_ui_react4.useUserContext)();
   return workflowsJourneyFactory(user == null ? void 0 : user.meta.email);
 }
 
@@ -13516,7 +13514,7 @@ var import_react12 = require("react");
 var import_reactflow = require("reactflow");
 var import_lodash = __toESM(require("lodash.debounce"));
 var import_developer_studio_api20 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react7 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react6 = require("@livechat/developer-studio-ui-react");
 
 // src/utils/sendMessage.ts
 var sendMessage = (type) => {
@@ -13526,7 +13524,7 @@ var sendMessage = (type) => {
 // src/views/Workflows/Common/One/contexts/OneMessagesContext.tsx
 var import_react6 = require("react");
 var import_uuid2 = require("uuid");
-var import_developer_studio_ui_react6 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react5 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Common/One/helpers.ts
 var import_uuid = require("uuid");
@@ -13624,7 +13622,7 @@ function OneMessagesProvider({ children }) {
   const [isError, setIsError] = (0, import_react6.useState)(null);
   const [events, setEvents] = (0, import_react6.useState)([getInitialMessage()]);
   const generateAiResponseMutation = useGenerateAIResponse();
-  const { user } = (0, import_developer_studio_ui_react6.useUserContext)();
+  const { user } = (0, import_developer_studio_ui_react5.useUserContext)();
   const isLoading = generateAiResponseMutation.isLoading;
   const sendMessage2 = (message) => __async(this, null, function* () {
     setIsError(null);
@@ -14722,7 +14720,7 @@ function WorkflowCreatorProviderBase({
   var _a, _b;
   const { fitView } = (0, import_reactflow.useReactFlow)();
   const navigate = useWorkflowsRelativeNavigate();
-  const notifications = (0, import_developer_studio_ui_react7.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react6.useNotificationContext)();
   const replaceWorkflowId = useReplaceWorkflowIdInUrl();
   const createWorkflowAction = useCreateWorkflow();
   const createWorkflowDraftAction = useCreateWorkflowDraft();
@@ -15309,7 +15307,7 @@ function useWorkflowCreator() {
 
 // src/views/Workflows/Creator/Modals/AddTask/Options.tsx
 var import_design_system_react_components3 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react8 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react7 = require("@livechat/developer-studio-ui-react");
 var itemOptionCss = (active) => css`
   display: flex;
   align-items: center;
@@ -15330,7 +15328,7 @@ var itemOptionCss = (active) => css`
   }
 `;
 function ItemOption({ option, onClick, active }) {
-  return /* @__PURE__ */ jsx4("div", { css: itemOptionCss(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react8.Column, { setColumnPadding: "0", width: 6, children: [
+  return /* @__PURE__ */ jsx4("div", { css: itemOptionCss(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react7.Column, { setColumnPadding: "0", width: 6, children: [
     /* @__PURE__ */ jsx4(
       import_design_system_react_components3.Text,
       {
@@ -15642,7 +15640,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
         width: 650px;
       `,
       "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTask.wrapper,
-      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react9.Row, { flexEnd: true, gap: `var(${import_design_system_react_components4.SpacingToken.Spacing2})`, notPadded: true, children: [
+      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react8.Row, { flexEnd: true, gap: `var(${import_design_system_react_components4.SpacingToken.Spacing2})`, notPadded: true, children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components4.Button, { kind: "secondary", onClick: onClose, size: "medium", children: "Cancel" }),
         /* @__PURE__ */ jsx4(
           import_design_system_react_components4.Button,
@@ -15660,9 +15658,9 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
       ] }),
       heading: /* @__PURE__ */ jsx4(import_design_system_react_components4.ModalHeader, { title: "Add task" }),
       onClose,
-      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react9.Row, { notPadded: true, children: [
+      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react8.Row, { notPadded: true, children: [
         /* @__PURE__ */ jsxs2(
-          import_developer_studio_ui_react9.Column,
+          import_developer_studio_ui_react8.Column,
           {
             borderRight: true,
             css: css`
@@ -15701,7 +15699,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
                   }
                 }
                 return /* @__PURE__ */ jsxs2(
-                  import_developer_studio_ui_react9.Row,
+                  import_developer_studio_ui_react8.Row,
                   {
                     center: true,
                     css: css`
@@ -15752,7 +15750,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
                           state: location.state,
                           to: `${basePath}/${name}`,
                           children: /* @__PURE__ */ jsx4(
-                            import_developer_studio_ui_react9.Text,
+                            import_developer_studio_ui_react8.Text,
                             {
                               "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTask.taskCategoryButton(
                                 name
@@ -15771,7 +15769,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
           }
         ),
         /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react9.Column,
+          import_developer_studio_ui_react8.Column,
           {
             css: css`
             height: 350px;
@@ -15788,7 +15786,7 @@ function AddWorkflowTaskModal({ basePath, onClose }) {
                 })).sort((a, b) => a.name.localeCompare(b.name)).filter(
                   (el) => el.name.toLowerCase().includes(search.toLowerCase())
                 );
-                return /* @__PURE__ */ jsx4(import_developer_studio_ui_react9.Row, { gap: "4px", notPadded: true, children: /* @__PURE__ */ jsx4(
+                return /* @__PURE__ */ jsx4(import_developer_studio_ui_react8.Row, { gap: "4px", notPadded: true, children: /* @__PURE__ */ jsx4(
                   Options_default,
                   {
                     basePath,
@@ -15817,11 +15815,11 @@ var import_react17 = require("react");
 var import_react_router_dom3 = require("react-router-dom");
 var import_design_system_react_components6 = require("@livechat/design-system-react-components");
 var import_developer_studio_api22 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react11 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react10 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/Modals/AddTrigger/Options.tsx
 var import_design_system_react_components5 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react10 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react9 = require("@livechat/developer-studio-ui-react");
 var itemOptionCss2 = (active) => css`
   display: flex;
   align-items: center;
@@ -15842,7 +15840,7 @@ var itemOptionCss2 = (active) => css`
   }
 `;
 function ItemOption2({ option, onClick, active }) {
-  return /* @__PURE__ */ jsx4("div", { css: itemOptionCss2(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react10.Column, { setColumnPadding: "0", width: 6, children: [
+  return /* @__PURE__ */ jsx4("div", { css: itemOptionCss2(active), onClick, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react9.Column, { setColumnPadding: "0", width: 6, children: [
     /* @__PURE__ */ jsx4(
       import_design_system_react_components5.Text,
       {
@@ -16089,7 +16087,7 @@ function AddWorkflowTriggerModal({
         width: 650px;
       `,
       "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTrigger.wrapper,
-      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react11.Row, { flexEnd: true, gap: `var(${import_design_system_react_components6.SpacingToken.Spacing2})`, notPadded: true, children: [
+      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react10.Row, { flexEnd: true, gap: `var(${import_design_system_react_components6.SpacingToken.Spacing2})`, notPadded: true, children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components6.Button, { kind: "secondary", onClick: onClose, size: "medium", children: "Cancel" }),
         /* @__PURE__ */ jsx4(
           import_design_system_react_components6.Button,
@@ -16107,9 +16105,9 @@ function AddWorkflowTriggerModal({
       ] }),
       heading: /* @__PURE__ */ jsx4(import_design_system_react_components6.ModalHeader, { title: "Add trigger" }),
       onClose,
-      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react11.Row, { notPadded: true, children: [
+      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react10.Row, { notPadded: true, children: [
         /* @__PURE__ */ jsxs2(
-          import_developer_studio_ui_react11.Column,
+          import_developer_studio_ui_react10.Column,
           {
             borderRight: true,
             css: css`
@@ -16148,7 +16146,7 @@ function AddWorkflowTriggerModal({
                   }
                 }
                 return /* @__PURE__ */ jsxs2(
-                  import_developer_studio_ui_react11.Row,
+                  import_developer_studio_ui_react10.Row,
                   {
                     center: true,
                     css: css`
@@ -16196,7 +16194,7 @@ function AddWorkflowTriggerModal({
                           state: location.state,
                           to: `${basePath}/${name}`,
                           children: /* @__PURE__ */ jsx4(
-                            import_developer_studio_ui_react11.Text,
+                            import_developer_studio_ui_react10.Text,
                             {
                               "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.modals.addTrigger.triggerCategoryButton(
                                 name
@@ -16216,7 +16214,7 @@ function AddWorkflowTriggerModal({
           }
         ),
         /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react11.Column,
+          import_developer_studio_ui_react10.Column,
           {
             css: css`
             height: 350px;
@@ -16234,7 +16232,7 @@ function AddWorkflowTriggerModal({
                 })).sort((a, b) => a.name.localeCompare(b.name)).filter(
                   (el) => el.name.toLowerCase().includes(search.toLowerCase())
                 );
-                return /* @__PURE__ */ jsx4(import_developer_studio_ui_react11.Row, { gap: "4px", notPadded: true, children: /* @__PURE__ */ jsx4(
+                return /* @__PURE__ */ jsx4(import_developer_studio_ui_react10.Row, { gap: "4px", notPadded: true, children: /* @__PURE__ */ jsx4(
                   Options_default2,
                   {
                     basePath,
@@ -16261,7 +16259,7 @@ var Modal_default2 = AddWorkflowTriggerModal;
 // src/views/Workflows/Creator/Modals/Delete/Modal.tsx
 var import_design_system_icons3 = require("@livechat/design-system-icons");
 var import_design_system_react_components7 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react12 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react11 = require("@livechat/developer-studio-ui-react");
 function DeleteWorkflowModal({
   version,
   onClose
@@ -16276,7 +16274,7 @@ function DeleteWorkflowModal({
   } = useWorkflowCreator();
   const journey = useWorkflowsJourney();
   return /* @__PURE__ */ jsx4(import_design_system_react_components7.Modal, { heading: true, onClose, children: /* @__PURE__ */ jsxs2(
-    import_developer_studio_ui_react12.ActionModalContent,
+    import_developer_studio_ui_react11.ActionModalContent,
     {
       actions: /* @__PURE__ */ jsxs2(Fragment4, { children: [
         /* @__PURE__ */ jsx4(import_design_system_react_components7.Button, { kind: "secondary", onClick: onClose, children: "Cancel" }),
@@ -16323,7 +16321,7 @@ function DeleteWorkflowModal({
 // src/views/Workflows/Creator/Modals/Edit/Modal.tsx
 var import_design_system_icons4 = require("@livechat/design-system-icons");
 var import_design_system_react_components8 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react13 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react12 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function EditWorkflowModal({ onClose }) {
   const navigate = useWorkflowsRelativeNavigate();
@@ -16336,7 +16334,7 @@ function EditWorkflowModal({ onClose }) {
   } = useWorkflowCreator();
   const journey = useWorkflowsJourney();
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_design_system_react_components8.Modal, { heading: true, onClose, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_developer_studio_ui_react13.ActionModalContent,
+    import_developer_studio_ui_react12.ActionModalContent,
     {
       actions: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -16771,7 +16769,7 @@ tags.forEach(function(tagName) {
 
 // src/views/Workflows/Creator/Modals/Preview/Modal.tsx
 var import_design_system_react_components63 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react29 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react28 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/Builder/Diagram.tsx
 var import_react86 = require("react");
@@ -16941,12 +16939,12 @@ var import_react39 = require("react");
 var import_core = require("@rjsf/core");
 var import_design_system_icons10 = require("@livechat/design-system-icons");
 var import_design_system_react_components20 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react18 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react17 = require("@livechat/developer-studio-ui-react");
 var import_platform_integrations3 = require("@livechat/platform-integrations");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/Field.tsx
 var import_react35 = require("react");
-var import_developer_studio_ui_react17 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react16 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Picker.tsx
 var import_react28 = require("react");
@@ -16956,7 +16954,7 @@ var import_design_system_react_components15 = require("@livechat/design-system-r
 var import_react26 = require("react");
 var import_design_system_icons8 = require("@livechat/design-system-icons");
 var import_design_system_react_components14 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react14 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react13 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Tag/Tag.tsx
 var import_design_system_react_components13 = require("@livechat/design-system-react-components");
@@ -17024,7 +17022,7 @@ function CustomTagsPickerTreeNode({
             },
             children: [
               /* @__PURE__ */ jsxs2(
-                import_developer_studio_ui_react14.Row,
+                import_developer_studio_ui_react13.Row,
                 {
                   center: true,
                   gap: `var(${import_design_system_react_components14.SpacingToken.Spacing1})`,
@@ -17065,7 +17063,7 @@ function CustomTagsPickerTreeNode({
               ),
               collapsed ? /* @__PURE__ */ jsxs2(Fragment4, { children: [
                 data.canAddChildren || !data.children.length ? /* @__PURE__ */ jsx4(
-                  import_developer_studio_ui_react14.Text,
+                  import_developer_studio_ui_react13.Text,
                   {
                     css: css`
                     margin-left: var(${import_design_system_react_components14.SpacingToken.Spacing6});
@@ -17094,7 +17092,7 @@ function CustomTagsPickerTreeNode({
                     margin-left: var(${import_design_system_react_components14.SpacingToken.Spacing6});
                   `,
                     children: /* @__PURE__ */ jsxs2(
-                      import_developer_studio_ui_react14.Row,
+                      import_developer_studio_ui_react13.Row,
                       {
                         center: true,
                         gap: `var(${import_design_system_react_components14.SpacingToken.Spacing1})`,
@@ -17103,7 +17101,7 @@ function CustomTagsPickerTreeNode({
                           e.stopPropagation();
                         },
                         children: [
-                          /* @__PURE__ */ jsx4(import_developer_studio_ui_react14.Text, { kind: "secondary", children: "New:" }),
+                          /* @__PURE__ */ jsx4(import_developer_studio_ui_react13.Text, { kind: "secondary", children: "New:" }),
                           /* @__PURE__ */ jsx4(
                             import_design_system_react_components14.Input,
                             {
@@ -17153,7 +17151,7 @@ function CustomTagsPickerTreeNode({
 }
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Tree/Tree.tsx
-var import_developer_studio_ui_react15 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react14 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Fields/CustomTags/TagsPicker/Tree/utils.ts
 function convertToTreeNode(obj, meta, nodeName, path) {
@@ -17321,10 +17319,10 @@ function CustomTagsPickerTree({
     advanced
   });
   if (!tree.length) {
-    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react15.Row, { lowMargin: true, lowPadding: true, topMargin: true, verticalCenter: true, children: "No dynamic values to select." });
+    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react14.Row, { lowMargin: true, lowPadding: true, topMargin: true, verticalCenter: true, children: "No dynamic values to select." });
   }
   if (search && !tree.some((x) => x.isMatch || x.hasMatch)) {
-    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react15.Row, { lowMargin: true, lowPadding: true, topMargin: true, children: "No results match your search criteria" });
+    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react14.Row, { lowMargin: true, lowPadding: true, topMargin: true, children: "No results match your search criteria" });
   }
   return /* @__PURE__ */ jsx4(
     CustomTagsPickerTreeNode,
@@ -17434,7 +17432,7 @@ function CustomTagTemplate(tagData, { settings: _s }) {
 var import_react30 = require("react");
 var import_lodash2 = __toESM(require("lodash.debounce"));
 var import_design_system_react_components16 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react16 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react15 = require("@livechat/developer-studio-ui-react");
 var useCustomTagsInputTagTooltipData = () => {
   const [tooltipData, setTooltipData] = (0, import_react30.useState)(
     {
@@ -17483,8 +17481,8 @@ function CustomTagsInputTagTooltip({
       isVisible: true,
       placement: "bottom-start",
       triggerRenderer: /* @__PURE__ */ jsx4("span", {}),
-      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react16.Column, { gap: `var(${import_design_system_react_components16.SpacingToken.Spacing1})`, notPadded: true, children: [
-        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react16.Row, { center: true, gap: `var(${import_design_system_react_components16.SpacingToken.Spacing1})`, notPadded: true, children: [
+      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react15.Column, { gap: `var(${import_design_system_react_components16.SpacingToken.Spacing1})`, notPadded: true, children: [
+        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react15.Row, { center: true, gap: `var(${import_design_system_react_components16.SpacingToken.Spacing1})`, notPadded: true, children: [
           ((_b = (_a = data.tag.__meta.source) == null ? void 0 : _a.customization) == null ? void 0 : _b.provider) ? /* @__PURE__ */ jsx4(
             ProductIcon_default,
             {
@@ -17497,12 +17495,12 @@ function CustomTagsInputTagTooltip({
           ((_c = data.tag.__meta.source) == null ? void 0 : _c.index) ? /* @__PURE__ */ jsx4("span", { children: `${data.tag.__meta.source.index}. ` }) : null,
           ((_e = (_d = data.tag.__meta.source) == null ? void 0 : _d.customization) == null ? void 0 : _e.displayName) ? /* @__PURE__ */ jsx4("span", { children: data.tag.__meta.source.customization.displayName }) : null
         ] }),
-        /* @__PURE__ */ jsx4(import_developer_studio_ui_react16.Row, { notPadded: true, children: /* @__PURE__ */ jsxs2("div", { children: [
-          /* @__PURE__ */ jsx4(import_developer_studio_ui_react16.TextGroup, { inline: true, label: "Name:", value: data.tag.name }),
-          data.tag.relativePath ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react16.TextGroup, { inline: true, label: "Path:", value: data.tag.relativePath }) : null,
-          data.tag.type !== "string" && /* @__PURE__ */ jsx4(import_developer_studio_ui_react16.TextGroup, { inline: true, label: "type:", value: data.tag.type }),
+        /* @__PURE__ */ jsx4(import_developer_studio_ui_react15.Row, { notPadded: true, children: /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx4(import_developer_studio_ui_react15.TextGroup, { inline: true, label: "Name:", value: data.tag.name }),
+          data.tag.relativePath ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react15.TextGroup, { inline: true, label: "Path:", value: data.tag.relativePath }) : null,
+          data.tag.type !== "string" && /* @__PURE__ */ jsx4(import_developer_studio_ui_react15.TextGroup, { inline: true, label: "type:", value: data.tag.type }),
           data.tag.description ? /* @__PURE__ */ jsx4(
-            import_developer_studio_ui_react16.TextGroup,
+            import_developer_studio_ui_react15.TextGroup,
             {
               label: "Description:",
               value: data.tag.description,
@@ -17510,8 +17508,8 @@ function CustomTagsInputTagTooltip({
             }
           ) : null
         ] }) }),
-        Boolean(data.tag.invalid) && /* @__PURE__ */ jsx4(import_developer_studio_ui_react16.Row, { notPadded: true, children: /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react16.Text,
+        Boolean(data.tag.invalid) && /* @__PURE__ */ jsx4(import_developer_studio_ui_react15.Row, { notPadded: true, children: /* @__PURE__ */ jsx4(
+          import_developer_studio_ui_react15.Text,
           {
             css: css`
                 color: var(${import_design_system_react_components16.DesignToken.ContentBasicNegative});
@@ -18064,7 +18062,7 @@ function CustomTagsField({
 }) {
   const wrapperRef = (0, import_react35.useRef)(null);
   const [isPickerVisible, setIsPickerVisible] = (0, import_react35.useState)(false);
-  (0, import_developer_studio_ui_react17.useOnClickOutside)(wrapperRef, () => {
+  (0, import_developer_studio_ui_react16.useOnClickOutside)(wrapperRef, () => {
     setIsPickerVisible(false);
   });
   return /* @__PURE__ */ jsx4("div", { css: wrapperCss3, ref: wrapperRef, children: /* @__PURE__ */ jsx4(
@@ -18208,7 +18206,7 @@ function CustomStringField(props) {
       resourceConfig ? {
         key: "predefined",
         element: /* @__PURE__ */ jsx4(import_design_system_react_components20.ActionMenuItem, { children: /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react18.Intro,
+          import_developer_studio_ui_react17.Intro,
           {
             body: "Data from the provider",
             bodyKind: "secondary",
@@ -18228,7 +18226,7 @@ function CustomStringField(props) {
       {
         key: "custom",
         element: /* @__PURE__ */ jsx4(import_design_system_react_components20.ActionMenuItem, { children: /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react18.Intro,
+          import_developer_studio_ui_react17.Intro,
           {
             body: "Dynamic values from trigger and other tasks",
             bodyKind: "secondary",
@@ -18265,7 +18263,7 @@ function CustomStringField(props) {
   if (props.schema.enum || props.schema.oneOf) {
     return /* @__PURE__ */ jsx4(StringField, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react18.Row, { gap: `var(${import_design_system_react_components20.SpacingToken.Spacing1})`, notPadded: true, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react17.Row, { gap: `var(${import_design_system_react_components20.SpacingToken.Spacing1})`, notPadded: true, children: [
     /* @__PURE__ */ jsx4("br", {}),
     isPredefinedMode ? /* @__PURE__ */ jsx4(
       PredefinedCustomStringField,
@@ -18384,7 +18382,7 @@ var import_utils17 = require("@rjsf/utils");
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Templates/Other/CustomArrayFieldHeader.tsx
 var import_utils16 = require("@rjsf/utils");
 var import_design_system_react_components22 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react19 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react18 = require("@livechat/developer-studio-ui-react");
 function CustomArrayFieldHeader(props) {
   const {
     idSchema,
@@ -18399,8 +18397,8 @@ function CustomArrayFieldHeader(props) {
   const options = (0, import_utils16.getUiOptions)(uiSchema);
   const ArrayFieldTitleTemplate = (0, import_utils16.getTemplate)("ArrayFieldTitleTemplate", registry, options);
   const ArrayFieldDescriptionTemplate = (0, import_utils16.getTemplate)("ArrayFieldDescriptionTemplate", registry, options);
-  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react19.Row, { noWrap: true, notPadded: true, spaceBetween: true, children: /* @__PURE__ */ jsxs2(
-    import_developer_studio_ui_react19.Row,
+  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react18.Row, { noWrap: true, notPadded: true, spaceBetween: true, children: /* @__PURE__ */ jsxs2(
+    import_developer_studio_ui_react18.Row,
     {
       center: true,
       gap: `var(${import_design_system_react_components22.SpacingToken.Spacing1})`,
@@ -18545,7 +18543,7 @@ var import_design_system_react_components25 = require("@livechat/design-system-r
 // src/views/Workflows/Creator/Builder/Forms/Schema/overrides/Templates/Other/CustomFieldHeader.tsx
 var import_utils18 = require("@rjsf/utils");
 var import_design_system_react_components24 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react20 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react19 = require("@livechat/developer-studio-ui-react");
 var OptionalWrapper = newStyled.div`
   font-size: 13px;
   font-weight: 400;
@@ -18570,9 +18568,9 @@ function CustomFieldHeader(props) {
     options
   );
   const DescriptionFieldTemplate = (0, import_utils18.getTemplate)("DescriptionFieldTemplate", registry, options);
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react20.Row, { noWrap: true, notPadded: true, spaceBetween: true, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react19.Row, { noWrap: true, notPadded: true, spaceBetween: true, children: [
     /* @__PURE__ */ jsxs2(
-      import_developer_studio_ui_react20.Row,
+      import_developer_studio_ui_react19.Row,
       {
         center: true,
         gap: `var(${import_design_system_react_components24.SpacingToken.Spacing1})`,
@@ -19230,7 +19228,7 @@ var Node_default = (0, import_react47.memo)(ForkJoinNode);
 var import_design_system_icons15 = require("@livechat/design-system-icons");
 var import_design_system_react_components34 = require("@livechat/design-system-react-components");
 var import_developer_studio_api23 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react21 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react20 = require("@livechat/developer-studio-ui-react");
 var Node2 = newStyled.div`
   color: var(${import_design_system_react_components34.DesignToken.ContentBasicPrimary});
   background-color: ${({ editing }) => editing ? `var(${import_design_system_react_components34.DesignToken.SurfacePrimaryActive})` : `var(${import_design_system_react_components34.DesignToken.SurfacePrimaryDefault})`};
@@ -19313,7 +19311,7 @@ function HttpNodeBase({
             }
           ),
           /* @__PURE__ */ jsxs2(
-            import_developer_studio_ui_react21.Column,
+            import_developer_studio_ui_react20.Column,
             {
               css: css`
               width: 100px;
@@ -19364,12 +19362,12 @@ var import_platform_integrations5 = require("@livechat/platform-integrations");
 var import_react49 = require("react");
 var import_react_router_dom4 = require("react-router-dom");
 var import_design_system_react_components35 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react22 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react21 = require("@livechat/developer-studio-ui-react");
 var import_platform_integrations4 = require("@livechat/platform-integrations");
 function GlobalAccounts(props) {
   const { pathname } = (0, import_react_router_dom4.useLocation)();
-  const notifications = (0, import_developer_studio_ui_react22.useNotificationContext)();
-  const { user } = (0, import_developer_studio_ui_react22.useUserContext)();
+  const notifications = (0, import_developer_studio_ui_react21.useNotificationContext)();
+  const { user } = (0, import_developer_studio_ui_react21.useUserContext)();
   const organizationProductsQuery = useFetchOrganizationProducts();
   const {
     updateOrganizationProducts,
@@ -19381,9 +19379,9 @@ function GlobalAccounts(props) {
   const refetch = (0, import_react49.useCallback)(() => {
     void organizationProductsQuery.refetch();
   }, [organizationProductsQuery]);
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react22.Column, { gap: `var(${import_design_system_react_components35.SpacingToken.Spacing3})`, notPadded: true, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react21.Column, { gap: `var(${import_design_system_react_components35.SpacingToken.Spacing3})`, notPadded: true, children: [
     props.product && needToBeActivated ? /* @__PURE__ */ jsxs2(
-      import_developer_studio_ui_react22.Card,
+      import_developer_studio_ui_react21.Card,
       {
         "data-testId": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.builder.forms.integrations.text.info,
         light: true,
@@ -19398,7 +19396,7 @@ function GlobalAccounts(props) {
           ] }),
           props.product === "HelpDesk" && /* @__PURE__ */ jsx4("p", { children: "We can activate your HelpDesk license on your behalf using your registered email. You`'ll automatically start a 14-day trial." }),
           /* @__PURE__ */ jsx4("p", { children: "Do you want to proceed?" }),
-          /* @__PURE__ */ jsx4(import_developer_studio_ui_react22.Row, { flexEnd: true, notPadded: true, children: /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx4(import_developer_studio_ui_react21.Row, { flexEnd: true, notPadded: true, children: /* @__PURE__ */ jsx4(
             import_design_system_react_components35.Button,
             {
               "data-testId": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.builder.forms.integrations.text.button,
@@ -20103,7 +20101,7 @@ var Node_default4 = (0, import_react56.memo)(SwitchNode);
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/TerminateNode/Base.tsx
 var import_design_system_icons19 = require("@livechat/design-system-icons");
 var import_design_system_react_components40 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react23 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react22 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var Node5 = newStyled.div`
   color: var(${import_design_system_react_components40.DesignToken.ContentBasicPrimary});
@@ -20164,7 +20162,7 @@ function TerminateNodeBase({
         toolbar,
         /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Header5, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Title5, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_design_system_react_components40.Icon, { size: "large", source: import_design_system_icons19.ArrowBarToRight }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_developer_studio_ui_react23.Column, { notPadded: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_developer_studio_ui_react22.Column, { notPadded: true, children: [
             ((_a = frame == null ? void 0 : frame.__meta) == null ? void 0 : _a.index) !== void 0 ? `${frame.__meta.index}. ` : "",
             "END"
           ] })
@@ -20260,7 +20258,7 @@ var Node_default5 = (0, import_react58.memo)(TerminateNode);
 // src/views/Workflows/Creator/Builder/Nodes/CustomNodes/TriggerNode/Base.tsx
 var import_design_system_react_components41 = require("@livechat/design-system-react-components");
 var import_developer_studio_api25 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react24 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react23 = require("@livechat/developer-studio-ui-react");
 var Node6 = newStyled.div`
   color: var(${import_design_system_react_components41.DesignToken.ContentBasicPrimary});
   background-color: ${({ editing }) => editing ? `var(${import_design_system_react_components41.DesignToken.SurfacePrimaryActive})` : `var(${import_design_system_react_components41.DesignToken.SurfacePrimaryDefault})`};
@@ -20331,7 +20329,7 @@ function TriggerNodeBase({
             }
           ) : null,
           /* @__PURE__ */ jsxs2(
-            import_developer_studio_ui_react24.Column,
+            import_developer_studio_ui_react23.Column,
             {
               css: css`
               width: 100px;
@@ -20545,7 +20543,7 @@ var import_react_router_dom6 = require("react-router-dom");
 var import_reactflow12 = require("reactflow");
 var import_design_system_icons26 = require("@livechat/design-system-icons");
 var import_design_system_react_components58 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react28 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react27 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Common/One/components/StopGenerateButton.tsx
 var import_design_system_icons20 = require("@livechat/design-system-icons");
@@ -21756,7 +21754,7 @@ function NavigateButton({
 var import_react80 = require("react");
 var import_design_system_icons24 = require("@livechat/design-system-icons");
 var import_design_system_react_components54 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react26 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react25 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Common/One/components/ApplyWorkflowButton.tsx
 var import_react78 = require("react");
@@ -21812,12 +21810,12 @@ function ApplyWorkflowButton({
 }
 
 // src/views/Workflows/Common/One/hooks/useMessageBottomBar.ts
-var import_developer_studio_ui_react25 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react24 = require("@livechat/developer-studio-ui-react");
 var useMessageBottomBar = (event) => {
   const { text: text2, sessionId } = event;
-  const notifications = (0, import_developer_studio_ui_react25.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react24.useNotificationContext)();
   const handleCopyClick = () => __async(void 0, null, function* () {
-    const isCopied = yield (0, import_developer_studio_ui_react25.copyTextToClipboard)(text2);
+    const isCopied = yield (0, import_developer_studio_ui_react24.copyTextToClipboard)(text2);
     if (isCopied) {
       notifications.addSuccessToast("Message copied successfully");
     } else {
@@ -21852,7 +21850,7 @@ function OneAssistantMessageBottomBar({
   const numberOfSources = (eventSources == null ? void 0 : eventSources.length) || 0;
   const { topSources } = getSources(eventSources);
   const { handleCopyClick, handleRateMessageClick } = useMessageBottomBar(event);
-  const sourcesText = (0, import_developer_studio_ui_react26.plural)(numberOfSources, "Source", "Sources");
+  const sourcesText = (0, import_developer_studio_ui_react25.plural)(numberOfSources, "Source", "Sources");
   return /* @__PURE__ */ jsxs2("div", { css: bottomBarContainer, children: [
     /* @__PURE__ */ jsxs2("div", { css: bottomBar2, children: [
       /* @__PURE__ */ jsxs2("div", { children: [
@@ -22165,12 +22163,12 @@ function OneChatFeedContent({
 // src/views/Workflows/Common/One/widget/OneWidgetHeader.tsx
 var import_design_system_icons25 = require("@livechat/design-system-icons");
 var import_design_system_react_components57 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react27 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react26 = require("@livechat/developer-studio-ui-react");
 function OneWidgetHeader() {
   const { toggleOneWidget } = useOneWidgetContext();
   return /* @__PURE__ */ jsxs2("div", { css: headerWrapper, children: [
     /* @__PURE__ */ jsxs2("div", { children: [
-      /* @__PURE__ */ jsx4(import_design_system_react_components57.Icon, { size: "xlarge", source: import_developer_studio_ui_react27.OneIcon }),
+      /* @__PURE__ */ jsx4(import_design_system_react_components57.Icon, { size: "xlarge", source: import_developer_studio_ui_react26.OneIcon }),
       /* @__PURE__ */ jsx4(import_design_system_react_components57.Text, { as: "h2", children: "Copilot" })
     ] }),
     /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(
@@ -22287,7 +22285,7 @@ function CustomControls({
                     }
                   `,
                 size: "large",
-                source: import_developer_studio_ui_react28.OneIcon
+                source: import_developer_studio_ui_react27.OneIcon
               }
             )
           }
@@ -23047,7 +23045,7 @@ function PreviewWorkflowModal({
   return /* @__PURE__ */ jsx4(
     import_design_system_react_components63.Modal,
     {
-      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react29.Row, { flexEnd: true, gap: `var(${import_design_system_react_components63.SpacingToken.Spacing2})`, notPadded: true, children: [
+      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react28.Row, { flexEnd: true, gap: `var(${import_design_system_react_components63.SpacingToken.Spacing2})`, notPadded: true, children: [
         /* @__PURE__ */ jsx4(
           import_design_system_react_components63.Button,
           {
@@ -23113,7 +23111,7 @@ var Modal_default4 = PreviewWorkflowModalWrapper;
 // src/views/Workflows/Creator/Modals/Publish/Modal.tsx
 var import_design_system_icons27 = require("@livechat/design-system-icons");
 var import_design_system_react_components64 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react30 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react29 = require("@livechat/developer-studio-ui-react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 function PublishWorkflowModal({
   onClose
@@ -23136,7 +23134,7 @@ function PublishWorkflowModal({
       heading: true,
       onClose,
       children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-        import_developer_studio_ui_react30.ActionModalContent,
+        import_developer_studio_ui_react29.ActionModalContent,
         {
           actions: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -23186,13 +23184,13 @@ var import_react_router_dom8 = require("react-router-dom");
 var import_react_router_dom7 = require("react-router-dom");
 var import_design_system_icons29 = require("@livechat/design-system-icons");
 var import_design_system_react_components67 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react33 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react32 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/Panels/Details/Executions/List.tsx
 var import_design_system_icons28 = require("@livechat/design-system-icons");
 var import_design_system_react_components65 = require("@livechat/design-system-react-components");
 var import_developer_studio_api27 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react31 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react30 = require("@livechat/developer-studio-ui-react");
 var tableCss = css`
   font-size: 13px;
   font-weight: 400;
@@ -23215,7 +23213,7 @@ function WorkflowExecutionList({
   workflowExecutions
 }) {
   var _a;
-  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react31.Row, { children: /* @__PURE__ */ jsxs2("table", { css: tableCss, children: [
+  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react30.Row, { children: /* @__PURE__ */ jsxs2("table", { css: tableCss, children: [
     /* @__PURE__ */ jsx4("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
       /* @__PURE__ */ jsx4("th", { children: "Start date" }),
       /* @__PURE__ */ jsx4("th", { children: "End date" }),
@@ -23226,8 +23224,8 @@ function WorkflowExecutionList({
       {
         "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", { children: (0, import_developer_studio_ui_react30.formatUSADate)(execution.started_at) }),
+          /* @__PURE__ */ jsx4("td", { children: (0, import_developer_studio_ui_react30.formatUSADate)(execution.ended_at) }),
           /* @__PURE__ */ jsx4(
             "td",
             {
@@ -23259,7 +23257,7 @@ var List_default = WorkflowExecutionList;
 
 // src/views/Workflows/Creator/Panels/Details/Info/Info.tsx
 var import_design_system_react_components66 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react32 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react31 = require("@livechat/developer-studio-ui-react");
 var Label = newStyled.div`
   color: var(${import_design_system_react_components66.DesignToken.ContentBasicSecondary});
 `;
@@ -23286,7 +23284,7 @@ function WorkflowDetailsInfo({
   if (!workflow.isSuccess) {
     return;
   }
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react32.Column, { gap: 8, setColumnPadding: "0 2rem 0", children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react31.Column, { gap: 8, setColumnPadding: "0 2rem 0", children: [
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Date created" }),
       /* @__PURE__ */ jsx4(
@@ -23295,7 +23293,7 @@ function WorkflowDetailsInfo({
           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)
+          children: (0, import_developer_studio_ui_react31.formatUSADate)(workflow.data.created_at)
         }
       )
     ] }),
@@ -23307,7 +23305,7 @@ function WorkflowDetailsInfo({
           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)
+          children: (0, import_developer_studio_ui_react31.formatUSADate)(workflow.data.updated_at || workflow.data.created_at)
         }
       )
     ] }),
@@ -23341,7 +23339,7 @@ function WorkflowDetailsInfo({
     ] }),
     /* @__PURE__ */ jsxs2("div", { children: [
       /* @__PURE__ */ jsx4(Label, { children: "Tasks" }),
-      /* @__PURE__ */ jsx4(import_developer_studio_ui_react32.Row, { gap: 4, notPadded: true, children: (_c = workflow.data.tags) == null ? void 0 : _c.map((tag) => /* @__PURE__ */ jsx4(IconWrapper, { children: /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react31.Row, { gap: 4, notPadded: true, children: (_c = workflow.data.tags) == null ? void 0 : _c.map((tag) => /* @__PURE__ */ jsx4(IconWrapper, { children: /* @__PURE__ */ jsx4(
         ProductIcon_default,
         {
           center: true,
@@ -23396,7 +23394,7 @@ function WorkflowDetailsPanel({
   const workflowExecutions = ((_d = workflow.data) == null ? void 0 : _d.draft) ? relatedWorkflowExecutionsQuery : workflowExecutionsQuery;
   const isLoading = workflow.isLoading || workflowExecutions.isLoading;
   return /* @__PURE__ */ jsxs2(WorkflowSidebar, { children: [
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Row, { center: true, lowMargin: true, spaceBetween: true, topMargin: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react32.Row, { center: true, lowMargin: true, spaceBetween: true, topMargin: true, children: [
       /* @__PURE__ */ jsxs2("div", { children: [
         headerType === "name" ? /* @__PURE__ */ jsx4(
           import_design_system_react_components67.Text,
@@ -23422,7 +23420,7 @@ function WorkflowDetailsPanel({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react33.Row, { center: true, spaceBetween: true, children: /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react32.Row, { center: true, spaceBetween: true, children: /* @__PURE__ */ jsx4(
       import_design_system_react_components67.TabsWrapper,
       {
         css: css`
@@ -23454,7 +23452,7 @@ function WorkflowDetailsPanel({
       }
     ) }),
     /* @__PURE__ */ jsx4(WorkflowSidebarContent, { children: isLoading ? /* @__PURE__ */ jsx4(
-      import_developer_studio_ui_react33.Row,
+      import_developer_studio_ui_react32.Row,
       {
         center: true,
         css: css`
@@ -23499,7 +23497,7 @@ var import_react90 = require("react");
 var import_react91 = require("@monaco-editor/react");
 var import_design_system_icons30 = require("@livechat/design-system-icons");
 var import_design_system_react_components68 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react34 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react33 = require("@livechat/developer-studio-ui-react");
 var JSON_FILE_NAME = "file:///workflow.json";
 function configureMonaco(monaco) {
   monaco.languages.typescript.javascriptDefaults.setEagerModelSync(true);
@@ -23536,7 +23534,7 @@ function WorkflowEditorPanel({ onClose }) {
     trigger: workflow.trigger
   };
   return /* @__PURE__ */ jsxs2(WorkflowSidebar, { width: "700px", children: [
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react34.Row, { center: true, lowMargin: true, spaceBetween: true, topMargin: true, children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react33.Row, { center: true, lowMargin: true, spaceBetween: true, topMargin: true, children: [
       /* @__PURE__ */ jsx4(import_design_system_react_components68.Heading, { as: "span", size: "sm", children: "JSON Editor" }),
       /* @__PURE__ */ jsx4(
         import_design_system_react_components68.Button,
@@ -23599,7 +23597,7 @@ var Panel_default2 = WorkflowEditorPanel;
 var import_design_system_icons31 = require("@livechat/design-system-icons");
 var import_design_system_react_components69 = require("@livechat/design-system-react-components");
 var import_developer_studio_api28 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react35 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react34 = require("@livechat/developer-studio-ui-react");
 var import_styles4 = require("react-js-cron/dist/styles.css");
 var formCss = () => css`
   > form {
@@ -23763,7 +23761,7 @@ function WorkflowElementPanel() {
       "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.creator.panels.element.wrapper,
       children: [
         " ",
-        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react35.Row, { center: true, setRowPadding: "12px 24px", spaceBetween: true, children: [
+        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react34.Row, { center: true, setRowPadding: "12px 24px", spaceBetween: true, children: [
           /* @__PURE__ */ jsx4(
             Header7,
             {
@@ -23791,7 +23789,7 @@ function WorkflowElementPanel() {
                     source: import_design_system_icons31.Automation
                   }
                 ) }),
-                /* @__PURE__ */ jsxs2(import_developer_studio_ui_react35.Column, { noFlexBasis: true, notPadded: true, children: [
+                /* @__PURE__ */ jsxs2(import_developer_studio_ui_react34.Column, { noFlexBasis: true, notPadded: true, children: [
                   /* @__PURE__ */ jsxs2("strong", { children: [
                     ((_b = frame == null ? void 0 : frame.__meta) == null ? void 0 : _b.index) !== void 0 ? `${frame.__meta.index}. ` : "",
                     (_c = config2.customization.displayName) != null ? _c : data.type === NodeNames.switch ? "Condition" : data.type === NodeNames.http ? "Custom HTTP" : data.type === NodeNames.terminate ? "End workflow" : ""
@@ -23812,7 +23810,7 @@ function WorkflowElementPanel() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx4(import_developer_studio_ui_react35.Row, { css: formCss, children: contentHandler() })
+        /* @__PURE__ */ jsx4(import_developer_studio_ui_react34.Row, { css: formCss, children: contentHandler() })
       ]
     }
   );
@@ -23823,7 +23821,7 @@ var Panel_default3 = WorkflowElementPanel;
 var import_react93 = require("react");
 var import_design_system_icons32 = require("@livechat/design-system-icons");
 var import_design_system_react_components70 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react36 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react35 = require("@livechat/developer-studio-ui-react");
 function WorkflowCreatorNavbar() {
   var _a, _b, _c, _d, _e;
   const navigate = useWorkflowsRelativeNavigate();
@@ -23846,7 +23844,7 @@ function WorkflowCreatorNavbar() {
   (0, import_react93.useEffect)(() => {
     setWorkflowName(workflow.name);
   }, [workflow.name]);
-  (0, import_developer_studio_ui_react36.useOnClickOutside)(inputRef, () => {
+  (0, import_developer_studio_ui_react35.useOnClickOutside)(inputRef, () => {
     setIsNameChanging(false);
   });
   const menuOptions = [
@@ -23893,7 +23891,7 @@ function WorkflowCreatorNavbar() {
     }));
   };
   return /* @__PURE__ */ jsxs2(
-    import_developer_studio_ui_react36.Row,
+    import_developer_studio_ui_react35.Row,
     {
       borderBottom: true,
       center: true,
@@ -23919,9 +23917,9 @@ function WorkflowCreatorNavbar() {
             }
           }
         ),
-        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react36.Row, { center: true, noMaxWidth: true, setRowPadding: "4px 16px", spaceBetween: true, children: [
-          /* @__PURE__ */ jsx4(import_developer_studio_ui_react36.Column, {}),
-          /* @__PURE__ */ jsx4(import_developer_studio_ui_react36.Column, { center: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react36.Row, { center: true, noWrap: true, verticalCenter: true, children: [
+        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react35.Row, { center: true, noMaxWidth: true, setRowPadding: "4px 16px", spaceBetween: true, children: [
+          /* @__PURE__ */ jsx4(import_developer_studio_ui_react35.Column, {}),
+          /* @__PURE__ */ jsx4(import_developer_studio_ui_react35.Column, { center: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react35.Row, { center: true, noWrap: true, verticalCenter: true, children: [
             /* @__PURE__ */ jsx4(
               import_design_system_react_components70.FormField,
               {
@@ -23993,8 +23991,8 @@ function WorkflowCreatorNavbar() {
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx4(import_developer_studio_ui_react36.Column, { setColumnPadding: "0", children: /* @__PURE__ */ jsxs2(
-            import_developer_studio_ui_react36.Row,
+          /* @__PURE__ */ jsx4(import_developer_studio_ui_react35.Column, { setColumnPadding: "0", children: /* @__PURE__ */ jsxs2(
+            import_developer_studio_ui_react35.Row,
             {
               center: true,
               css: css`
@@ -24145,14 +24143,14 @@ function WorkflowCreator() {
   const navigate = useWorkflowsRelativeNavigate();
   const workflowQuery = useFetchWorkflow(id === "new" ? void 0 : id);
   const credentialsQuery = (0, import_platform_integrations6.useFetchIntegrationCredentialsQuery)();
-  const organizationProducts = (0, import_developer_studio_ui_react37.useFetchOrganizationProducts)();
+  const organizationProducts = (0, import_developer_studio_ui_react36.useFetchOrganizationProducts)();
   useFetchWorkflow((_a = workflowQuery.data) == null ? void 0 : _a.related_workflow_id);
   if (!id) {
     return;
   }
   const isLoading = workflowQuery.isLoading || credentialsQuery.isInitialLoading || organizationProducts.isInitialLoading;
   if (id !== "new" && isLoading) {
-    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react37.Loader, { stretch: true });
+    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react36.Loader, { stretch: true });
   }
   if (id !== "new" && !workflowQuery.isSuccess) {
     throw new Error("Couldn't load workflow");
@@ -24275,7 +24273,7 @@ var Creator_default = WorkflowCreator;
 
 // src/views/Workflows/List/index.tsx
 var import_react_router_dom14 = require("react-router-dom");
-var import_developer_studio_ui_react48 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react47 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/List/Modals/Create/index.tsx
 var import_react_router_dom12 = require("react-router-dom");
@@ -24288,13 +24286,13 @@ var import_react_router_dom11 = require("react-router-dom");
 var import_react95 = require("react");
 var import_design_system_icons34 = require("@livechat/design-system-icons");
 var import_design_system_react_components73 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react39 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react38 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Common/Icons/TemplateCategoryIcon.tsx
 var import_design_system_icons33 = require("@livechat/design-system-icons");
 var import_design_system_react_components72 = require("@livechat/design-system-react-components");
 var import_developer_studio_api29 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react38 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react37 = require("@livechat/developer-studio-ui-react");
 function WorkflowTemplateCategoryIcon(props) {
   const icons = {
     [import_developer_studio_api29.WorkflowTemplateCategory.NotificationAndAlerts]: import_design_system_icons33.Notifications,
@@ -24303,7 +24301,7 @@ function WorkflowTemplateCategoryIcon(props) {
     [import_developer_studio_api29.WorkflowTemplateCategory.ChatManagement]: import_design_system_icons33.ChatDots,
     [import_developer_studio_api29.WorkflowTemplateCategory.CustomerExperience]: import_design_system_icons33.Smiles
   };
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react38.Row, { gap: `var(${import_design_system_react_components72.SpacingToken.Spacing1})`, noWrap: true, notPadded: true, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react37.Row, { gap: `var(${import_design_system_react_components72.SpacingToken.Spacing1})`, noWrap: true, notPadded: true, children: [
     /* @__PURE__ */ jsx4(
       import_design_system_react_components72.Icon,
       {
@@ -24411,7 +24409,7 @@ function WorkflowTemplatePreviewModal({
     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: [
+      footer: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react38.Row, { flexEnd: true, gap: `var(${import_design_system_react_components73.SpacingToken.Spacing3})`, notPadded: true, children: [
         /* @__PURE__ */ jsx4(
           import_design_system_react_components73.Button,
           {
@@ -24440,7 +24438,7 @@ function WorkflowTemplatePreviewModal({
       heading: /* @__PURE__ */ jsx4(
         import_design_system_react_components73.ModalHeader,
         {
-          title: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react39.Row, { gap: `var(${import_design_system_react_components73.SpacingToken.Spacing3})`, notPadded: true, children: [
+          title: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react38.Row, { gap: `var(${import_design_system_react_components73.SpacingToken.Spacing3})`, notPadded: true, children: [
             /* @__PURE__ */ jsx4(
               import_design_system_react_components73.Button,
               {
@@ -24456,9 +24454,9 @@ function WorkflowTemplatePreviewModal({
         }
       ),
       onClose: handleClose,
-      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react39.Row, { noWrap: true, notPadded: true, children: [
+      children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react38.Row, { noWrap: true, notPadded: true, children: [
         /* @__PURE__ */ jsxs2(
-          import_developer_studio_ui_react39.Column,
+          import_developer_studio_ui_react38.Column,
           {
             css: css`
             padding-inline: var(${import_design_system_react_components73.SpacingToken.Spacing5});
@@ -24502,7 +24500,7 @@ function WorkflowTemplatePreviewModal({
                     children: "Products used:"
                   }
                 ),
-                /* @__PURE__ */ jsx4(import_developer_studio_ui_react39.Row, { gap: `var(${import_design_system_react_components73.SpacingToken.Spacing1})`, notPadded: true, children: renderProductTags(template.products) })
+                /* @__PURE__ */ jsx4(import_developer_studio_ui_react38.Row, { gap: `var(${import_design_system_react_components73.SpacingToken.Spacing1})`, notPadded: true, children: renderProductTags(template.products) })
               ] })
             ]
           }
@@ -24558,14 +24556,14 @@ var import_design_system_react_components79 = require("@livechat/design-system-r
 var import_react101 = require("react");
 var import_design_system_icons37 = require("@livechat/design-system-icons");
 var import_design_system_react_components78 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react44 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react43 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/List/Modals/TemplateList/Filters/Category.tsx
 var import_react98 = require("react");
 var import_design_system_icons35 = require("@livechat/design-system-icons");
 var import_design_system_react_components74 = require("@livechat/design-system-react-components");
 var import_developer_studio_api30 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react40 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react39 = require("@livechat/developer-studio-ui-react");
 function WorkflowTemplatesCategoryFilter({
   handleCategory,
   category
@@ -24574,7 +24572,7 @@ function WorkflowTemplatesCategoryFilter({
   const getItem = (0, import_react98.useCallback)(
     (category2, icon2) => ({
       key: category2,
-      element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react40.Row, { gap: `var(${import_design_system_react_components74.SpacingToken.Spacing1});`, notPadded: true, children: [
+      element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react39.Row, { gap: `var(${import_design_system_react_components74.SpacingToken.Spacing1});`, notPadded: true, children: [
         icon2 ? /* @__PURE__ */ jsx4(import_design_system_react_components74.Icon, { source: icon2 }) : void 0,
         category2
       ] }),
@@ -24627,7 +24625,7 @@ var import_react99 = require("react");
 var import_design_system_icons36 = require("@livechat/design-system-icons");
 var import_design_system_react_components75 = require("@livechat/design-system-react-components");
 var import_developer_studio_api31 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react41 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react40 = require("@livechat/developer-studio-ui-react");
 function WorkflowTemplatesProductFilter({
   handleProduct,
   product
@@ -24636,7 +24634,7 @@ function WorkflowTemplatesProductFilter({
   const getItem = (0, import_react99.useCallback)(
     (product2, icon2) => ({
       key: product2,
-      element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react41.Row, { gap: `var(${import_design_system_react_components75.SpacingToken.Spacing1});`, notPadded: true, children: [
+      element: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react40.Row, { gap: `var(${import_design_system_react_components75.SpacingToken.Spacing1});`, notPadded: true, children: [
         icon2 ? /* @__PURE__ */ jsx4(import_design_system_react_components75.Icon, { source: icon2 }) : void 0,
         product2
       ] }),
@@ -24688,7 +24686,7 @@ var Product_default = WorkflowTemplatesProductFilter;
 
 // src/views/Workflows/List/Home/Cards/Scratch.tsx
 var import_design_system_react_components76 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react42 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react41 = require("@livechat/developer-studio-ui-react");
 function WorkflowScratchCard({
   title,
   icon: icon2,
@@ -24700,10 +24698,10 @@ function WorkflowScratchCard({
     journey.draft.create.actions.click(openOne ? "withAI" : "empty");
     navigate("/new", { state: { openOne } });
   };
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react42.Card, { hover: true, light: true, onClick: handleClick, rounded: true, width: "100%", children: [
-    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react42.Row, { noWrap: true, notPadded: true, spaceBetween: true, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react41.Card, { hover: true, light: true, onClick: handleClick, rounded: true, width: "100%", children: [
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react41.Row, { noWrap: true, notPadded: true, spaceBetween: true, children: [
       /* @__PURE__ */ jsx4(import_design_system_react_components76.Icon, { kind: "primary", size: "xlarge", source: icon2 }),
-      openOne ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react42.BetaTag, { darkTag: getWorkflowsEnv("isHeadless"), children: "Beta" }) : null
+      openOne ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react41.BetaTag, { darkTag: getWorkflowsEnv("isHeadless"), children: "Beta" }) : null
     ] }),
     /* @__PURE__ */ jsx4(
       import_design_system_react_components76.Heading,
@@ -24722,7 +24720,7 @@ var Scratch_default = WorkflowScratchCard;
 
 // src/views/Workflows/List/Home/Cards/Template.tsx
 var import_design_system_react_components77 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react43 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react42 = require("@livechat/developer-studio-ui-react");
 var IconWrapper2 = newStyled.div`
   display: flex;
   align-items: center;
@@ -24740,7 +24738,7 @@ function WorkflowTemplateCard({
 }) {
   const navigate = useWorkflowsRelativeNavigate();
   return /* @__PURE__ */ jsx4(
-    import_developer_studio_ui_react43.Card,
+    import_developer_studio_ui_react42.Card,
     {
       border: true,
       "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.home.cards.template.wrapper,
@@ -24753,7 +24751,7 @@ function WorkflowTemplateCard({
       rounded: true,
       width: "100%",
       children: /* @__PURE__ */ jsxs2(
-        import_developer_studio_ui_react43.Column,
+        import_developer_studio_ui_react42.Column,
         {
           gap: `var(${import_design_system_react_components77.SpacingToken.Spacing4})`,
           inheritHeight: true,
@@ -24762,11 +24760,11 @@ function WorkflowTemplateCard({
           notPadded: true,
           spaceBetween: true,
           children: [
-            /* @__PURE__ */ jsxs2(import_developer_studio_ui_react43.Column, { gap: `var(${import_design_system_react_components77.SpacingToken.Spacing4})`, noFlexBasis: true, notPadded: true, children: [
+            /* @__PURE__ */ jsxs2(import_developer_studio_ui_react42.Column, { gap: `var(${import_design_system_react_components77.SpacingToken.Spacing4})`, noFlexBasis: true, notPadded: true, children: [
               /* @__PURE__ */ jsx4(TemplateCategoryIcon_default, { category }),
               /* @__PURE__ */ jsx4(import_design_system_react_components77.Heading, { as: "div", size: "xs", children: name })
             ] }),
-            /* @__PURE__ */ jsx4(import_developer_studio_ui_react43.Row, { gap: `var(${import_design_system_react_components77.SpacingToken.Spacing1})`, noWrap: true, notPadded: true, children: icons.map((icon2, i) => /* @__PURE__ */ jsx4(IconWrapper2, { children: /* @__PURE__ */ jsx4(ProductIcon_default, { height: 5, product: icon2, width: 5 }) }, i.toString())) })
+            /* @__PURE__ */ jsx4(import_developer_studio_ui_react42.Row, { gap: `var(${import_design_system_react_components77.SpacingToken.Spacing1})`, noWrap: true, notPadded: true, children: icons.map((icon2, i) => /* @__PURE__ */ jsx4(IconWrapper2, { children: /* @__PURE__ */ jsx4(ProductIcon_default, { height: 5, product: icon2, width: 5 }) }, i.toString())) })
           ]
         }
       )
@@ -24802,8 +24800,8 @@ function WorkflowsHome({ isOnModal }) {
   (0, import_react101.useEffect)(() => {
     journey.template.list.loaded();
   }, []);
-  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Column, { notPadded: true, width: 12, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Row, { notPadded: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(
-    import_developer_studio_ui_react44.Column,
+  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react43.Column, { notPadded: true, width: 12, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react43.Row, { notPadded: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(
+    import_developer_studio_ui_react43.Column,
     {
       gap: `var(${import_design_system_react_components78.SpacingToken.Spacing3})`,
       noFlexBasis: true,
@@ -24811,14 +24809,14 @@ function WorkflowsHome({ isOnModal }) {
       width: 9,
       children: [
         /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react44.Intro,
+          import_developer_studio_ui_react43.Intro,
           {
             header: "Start from scratch",
             headerSize: isOnModal ? "xs" : "s"
           }
         ),
         /* @__PURE__ */ jsxs2(
-          import_developer_studio_ui_react44.Row,
+          import_developer_studio_ui_react43.Row,
           {
             bottomMargin: true,
             gap: `var(${import_design_system_react_components78.SpacingToken.Spacing3})`,
@@ -24840,13 +24838,13 @@ function WorkflowsHome({ isOnModal }) {
           }
         ),
         /* @__PURE__ */ jsx4(
-          import_developer_studio_ui_react44.Intro,
+          import_developer_studio_ui_react43.Intro,
           {
             header: "Start with a template",
             headerSize: isOnModal ? "xs" : "s"
           }
         ),
-        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react44.Row, { gap: `var(${import_design_system_react_components78.SpacingToken.Spacing2})`, notPadded: true, children: [
+        /* @__PURE__ */ jsxs2(import_developer_studio_ui_react43.Row, { gap: `var(${import_design_system_react_components78.SpacingToken.Spacing2})`, notPadded: true, children: [
           /* @__PURE__ */ jsx4(
             Product_default,
             {
@@ -24928,7 +24926,7 @@ var Create_default = WorkflowCreate;
 // src/views/Workflows/List/View.tsx
 var import_react110 = require("react");
 var import_design_system_react_components84 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react47 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react46 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/Creator/LiveChatNavbar.tsx
 var import_react104 = require("react");
@@ -24983,7 +24981,7 @@ var LiveChatNavbar_default = LiveChatNavbar;
 
 // src/views/Workflows/List/Grid/Grid.tsx
 var import_design_system_react_components83 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react46 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react45 = require("@livechat/developer-studio-ui-react");
 
 // src/views/Workflows/List/Grid/Filters/StatusFilter.tsx
 var import_react106 = require("react");
@@ -25057,12 +25055,12 @@ var import_react_router_dom13 = require("react-router-dom");
 var import_design_system_icons40 = require("@livechat/design-system-icons");
 var import_design_system_react_components82 = require("@livechat/design-system-react-components");
 var import_developer_studio_api32 = require("@livechat/developer-studio-api");
-var import_developer_studio_ui_react45 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react44 = require("@livechat/developer-studio-ui-react");
 function WorkflowsTable({ workflowsQuery, state }) {
   var _a, _b, _c;
   const location = (0, import_react_router_dom13.useLocation)();
   const navigate = useWorkflowsRelativeNavigate();
-  const notifications = (0, import_developer_studio_ui_react45.useNotificationContext)();
+  const notifications = (0, import_developer_studio_ui_react44.useNotificationContext)();
   const deleteAction = useDeleteWorkflow();
   const activateWorkflowAction = useActivateWorkflow();
   const journey = useWorkflowsJourney();
@@ -25116,7 +25114,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
     [navigate]
   );
   return /* @__PURE__ */ jsxs2(
-    import_developer_studio_ui_react45.Table,
+    import_developer_studio_ui_react44.Table,
     {
       "data-testId": WORKFLOWS_TEST_SELECTORS.views.workflows.list.grid.table.wrapper,
       flowTable: true,
@@ -25153,7 +25151,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                     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("td", { width: "45%", children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react44.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,
@@ -25168,7 +25166,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                         }
                       ) : 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) => {
+                    /* @__PURE__ */ jsx4("td", { width: "40%", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.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,
@@ -25187,7 +25185,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                       {
                         triggerClassName: "tooltip-trigger",
                         triggerOnHover: true,
-                        triggerRenderer: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.StopPropagation, { children: /* @__PURE__ */ jsx4(
+                        triggerRenderer: /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.StopPropagation, { children: /* @__PURE__ */ jsx4(
                           import_design_system_react_components82.Switch,
                           {
                             css: css`
@@ -25217,7 +25215,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                         }
                       }
                     ) }),
-                    /* @__PURE__ */ jsx4("td", { align: "right", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react45.StopPropagation, { children: /* @__PURE__ */ jsx4(
+                    /* @__PURE__ */ jsx4("td", { align: "right", children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.StopPropagation, { children: /* @__PURE__ */ jsx4(
                       import_design_system_react_components82.ActionMenu,
                       {
                         options: [
@@ -25258,7 +25256,7 @@ function WorkflowsTable({ workflowsQuery, state }) {
                 },
                 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(
+            }) : workflowsQuery.isLoading ? /* @__PURE__ */ jsx4("tr", { children: /* @__PURE__ */ jsx4("td", { align: "center", colSpan: 6, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react44.Loader, { size: "medium" }) }) }) : /* @__PURE__ */ jsx4(
               "tr",
               {
                 css: css`
@@ -25292,7 +25290,7 @@ function WorkflowsGrid({
 }) {
   var _a, _b, _c;
   return /* @__PURE__ */ jsx4(
-    import_developer_studio_ui_react46.Grid,
+    import_developer_studio_ui_react45.Grid,
     {
       filters: {
         left: /* @__PURE__ */ jsx4(
@@ -25359,23 +25357,23 @@ function WorkflowListView() {
     }
   }, [hasData]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Loader, { stretch: true });
+    return /* @__PURE__ */ jsx4(import_developer_studio_ui_react46.Loader, { stretch: true });
   }
-  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,
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react46.View, { center: hasNoData, noWrap: true, stretch: isLoading, children: [
+    getWorkflowsEnv("isLiveChatMode") ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react46.Row, { noMaxWidth: true, notPadded: true, children: /* @__PURE__ */ jsx4(LiveChatNavbar_default, {}) }) : null,
+    /* @__PURE__ */ jsxs2(import_developer_studio_ui_react46.Row, { topMargin: true, verticalCenter: hasNoData, children: [
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react46.Column, { width: hasNoData ? 10 : 8, children: hasNoData ? /* @__PURE__ */ jsx4(
+        import_developer_studio_ui_react46.Row,
         {
           "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.view.emptyInfo,
           notPadded: true,
           children: /* @__PURE__ */ jsx4(
-            import_developer_studio_ui_react47.Intro,
+            import_developer_studio_ui_react46.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,
-              header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { notPadded: true, stretch: true, children: /* @__PURE__ */ jsxs2(
-                import_developer_studio_ui_react47.Row,
+              header: /* @__PURE__ */ jsx4(import_developer_studio_ui_react46.Column, { notPadded: true, stretch: true, children: /* @__PURE__ */ jsxs2(
+                import_developer_studio_ui_react46.Row,
                 {
                   center: true,
                   gap: `var(${import_design_system_react_components84.SpacingToken.Spacing2})`,
@@ -25393,14 +25391,14 @@ function WorkflowListView() {
           )
         }
       ) : /* @__PURE__ */ jsx4(
-        import_developer_studio_ui_react47.Intro,
+        import_developer_studio_ui_react46.Intro,
         {
           body: "Create custom workflows to automate your work.",
           bodySize: "s",
           header: "Your workflows"
         }
       ) }),
-      hasData && !getWorkflowsEnv("isHeadless") ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Column, { pullRight: true, children: /* @__PURE__ */ jsx4(
+      hasData && !getWorkflowsEnv("isHeadless") ? /* @__PURE__ */ jsx4(import_developer_studio_ui_react46.Column, { pullRight: true, children: /* @__PURE__ */ jsx4(
         import_design_system_react_components84.Button,
         {
           "data-testid": WORKFLOWS_TEST_SELECTORS.views.workflows.list.view.createButton,
@@ -25412,7 +25410,7 @@ function WorkflowListView() {
         }
       ) }) : null
     ] }),
-    /* @__PURE__ */ jsx4(import_developer_studio_ui_react47.Row, { children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react47.Column, { gap: `var(${import_design_system_react_components84.SpacingToken.Spacing10})`, noMaxWidth: true, width: 12, children: [
+    /* @__PURE__ */ jsx4(import_developer_studio_ui_react46.Row, { children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react46.Column, { gap: `var(${import_design_system_react_components84.SpacingToken.Spacing10})`, noMaxWidth: true, width: 12, children: [
       hasData ? /* @__PURE__ */ jsx4(
         Grid_default,
         {
@@ -25435,7 +25433,7 @@ var wrapperRowStyles = css`
   scrollbar-width: none;
 `;
 function WorkflowList() {
-  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react48.Row, { css: wrapperRowStyles, noMaxWidth: true, noWrap: true, notPadded: true, stretch: true, children: [
+  return /* @__PURE__ */ jsxs2(import_developer_studio_ui_react47.Row, { css: wrapperRowStyles, noMaxWidth: true, noWrap: true, notPadded: true, stretch: true, children: [
     /* @__PURE__ */ jsx4(View_default2, {}),
     /* @__PURE__ */ jsxs2(import_react_router_dom14.Routes, { children: [
       /* @__PURE__ */ jsx4(import_react_router_dom14.Route, { element: /* @__PURE__ */ jsx4(PreviewTemplate_default, {}), path: "preview/:template" }),
@@ -25460,7 +25458,7 @@ function Workflows() {
     }
   }, [navigate, isWorkflowAppLoading, userHasInstalledWorkflows]);
   if (isWorkflowAppLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_developer_studio_ui_react49.Loader, { stretch: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_developer_studio_ui_react48.Loader, { stretch: true });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)(import_react_router_dom15.Routes, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom15.Route, { element: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_react_router_dom15.Navigate, { replace: true, to: "list" }), path: "" }),
@@ -25472,7 +25470,7 @@ var Workflows_default = Workflows;
 
 // src/views/Common/LoginError.tsx
 var import_design_system_react_components85 = require("@livechat/design-system-react-components");
-var import_developer_studio_ui_react50 = require("@livechat/developer-studio-ui-react");
+var import_developer_studio_ui_react49 = require("@livechat/developer-studio-ui-react");
 var imgContainerCss2 = css`
   img {
     height: auto;
@@ -25481,7 +25479,7 @@ var imgContainerCss2 = css`
   }
 `;
 var paragraphCss = (heading) => css`
-    ${heading ? import_developer_studio_ui_react50.theme.typography.heading.xs : import_developer_studio_ui_react50.theme.typography.paragraph.s}
+    ${heading ? import_developer_studio_ui_react49.theme.typography.heading.xs : import_developer_studio_ui_react49.theme.typography.paragraph.s}
     margin-top: var(${heading ? import_design_system_react_components85.SpacingToken.Spacing10 : import_design_system_react_components85.SpacingToken.Spacing2});
   `;
 var wrapperCss2 = css`
@@ -25499,15 +25497,15 @@ function LoginErrorPage({
 }) {
   if (getWorkflowsEnv("isHeadless")) {
     return /* @__PURE__ */ jsxs2("div", { css: wrapperCss2, children: [
-      /* @__PURE__ */ jsx4(import_developer_studio_ui_react50.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react50.Column, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: welcomeImage }) }) }),
-      /* @__PURE__ */ jsx4(import_developer_studio_ui_react50.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react50.Column, { center: true, width: 10, children: [
-        /* @__PURE__ */ jsx4(import_developer_studio_ui_react50.Intro, { center: true, header: "Welcome to Workflows!", headerSize: "m" }),
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react49.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsx4(import_developer_studio_ui_react49.Column, { center: true, width: 10, children: /* @__PURE__ */ jsx4("div", { css: imgContainerCss2, children: welcomeImage }) }) }),
+      /* @__PURE__ */ jsx4(import_developer_studio_ui_react49.Row, { center: true, noMaxWidth: true, verticalCenter: true, children: /* @__PURE__ */ jsxs2(import_developer_studio_ui_react49.Column, { center: true, width: 10, children: [
+        /* @__PURE__ */ jsx4(import_developer_studio_ui_react49.Intro, { center: true, header: "Welcome to Workflows!", headerSize: "m" }),
         /* @__PURE__ */ jsx4("p", { css: paragraphCss(false), children: "You're using a browser that required additional login to access Workflows" }),
         /* @__PURE__ */ jsx4("div", { children: /* @__PURE__ */ jsx4(import_design_system_react_components85.Button, { kind: "primary", onClick: onAuthorize, children: "Login with Text" }) })
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react50.LoginErrorPage, { image: errorImage });
+  return /* @__PURE__ */ jsx4(import_developer_studio_ui_react49.LoginErrorPage, { image: errorImage });
 }
 var LoginError_default = LoginErrorPage;