@camunda/play 6.7.1-rc.2 → 6.7.1-rc.4

package/build/play.js

@@ -10,11 +10,11 @@ import { connectors as ls } from "@camunda/connectors-element-templates";
 import un from "bpmn-moddle";
 import { isLabel as dr } from "diagram-js/lib/util/ModelUtil.js";
 import { observer as T } from "mobx-react";
-import { WarningFilled as pn, CheckmarkOutline as ur, RadioButtonChecked as pr, Error as mA, Information as hr, Renew as fr, Launch as LA, Edit as NA, View as hn, Add as fn, CheckmarkFilled as gn, ErrorFilled as gr, Link as mr, PlayFilledAlt as Rt, TrashCan as wr, Playlist as yr, Warning as br, Checkmark as Pt, Flash as vr, ArrowRight as Ir, RowExpand as Er, RowCollapse as Br } from "@carbon/icons-react";
+import { WarningFilled as pn, CheckmarkOutline as ur, RadioButtonChecked as pr, Error as mA, Information as hr, Renew as fr, Launch as LA, Edit as NA, View as hn, Add as fn, CheckmarkFilled as gn, ErrorFilled as gr, Link as mr, PlayFilledAlt as Pt, TrashCan as wr, Playlist as yr, Warning as br, Checkmark as Rt, Flash as vr, ArrowRight as Ir, RowExpand as Er, RowCollapse as Br } from "@carbon/icons-react";
 import u, { keyframes as Qt, css as ye, createGlobalStyle as Cr } from "styled-components";
 import { createPortal as $ } from "react-dom";
 import oA, { PropTypes as ds } from "prop-types";
-import { MenuItemDivider as Sr, SkeletonText as VA, SkeletonIcon as mn, Button as q, Tooltip as UA, Modal as $e, Stack as O, Link as le, TextInput as We, Callout as Mr, DefinitionTooltip as Dr, InlineNotification as wn, ModalHeader as Tr, ModalBody as xr, ComposedModal as kr, ModalFooter as Nr, FormLabel as Ot, ActionableNotification as KA, Loading as IA, InlineLoading as yn, Form as bn, MenuButton as Fr, MenuItem as us, Tag as vn, CodeSnippet as In, TabList as Rr, TabPanel as Pr, Tabs as Qr, Tab as Or, Layer as Gt, TreeNode as Gr, TreeView as Lr, Table as HA, TableHead as JA, TableRow as Pe, TableHeader as xe, TableBody as YA, TableCell as ne, Toggletip as En, ToggletipButton as Bn, ToggletipContent as Cn, IconButton as dA, ProgressBar as Vr, ComboBox as RA, ToggletipActions as Ur, UnorderedList as Kr, ListItem as et, TextArea as Hr, ProgressIndicator as Jr, ProgressStep as ps, OverflowMenu as Yr, OverflowMenuItem as At } from "@carbon/react";
+import { MenuItemDivider as Sr, SkeletonText as VA, SkeletonIcon as mn, Button as q, Tooltip as UA, Modal as $e, Stack as O, Link as le, TextInput as We, Callout as Mr, DefinitionTooltip as Dr, InlineNotification as wn, ModalHeader as Tr, ModalBody as xr, ComposedModal as kr, ModalFooter as Nr, FormLabel as Ot, ActionableNotification as KA, Loading as IA, InlineLoading as yn, Form as bn, MenuButton as Fr, MenuItem as us, Tag as vn, CodeSnippet as In, TabList as Pr, TabPanel as Rr, Tabs as Qr, Tab as Or, Layer as Gt, TreeNode as Gr, TreeView as Lr, Table as HA, TableHead as JA, TableRow as Re, TableHeader as xe, TableBody as YA, TableCell as ne, Toggletip as En, ToggletipButton as Bn, ToggletipContent as Cn, IconButton as dA, ProgressBar as Vr, ComboBox as PA, ToggletipActions as Ur, UnorderedList as Kr, ListItem as et, TextArea as Hr, ProgressIndicator as Jr, ProgressStep as ps, OverflowMenu as Yr, OverflowMenuItem as At } from "@carbon/react";
 import { styles as se } from "@carbon/elements";
 import "monaco-editor/esm/vs/language/json/monaco.contribution.js";
 import "monaco-editor/esm/vs/editor/browser/coreCommands.js";
@@ -169,7 +169,10 @@ class oa {
       };
     } catch (t) {
       return this.logIfUnexpected(t), {
-        response: { status: Le(t), detail: t.message },
+        response: {
+          status: Le(t),
+          detail: t.detail || "Deployment failed"
+        },
         success: !1
       };
     }
@@ -463,8 +466,9 @@ class oa {
     errorCode: s,
     elementId: n
   }) {
+    const r = s || "GenericPlayError";
     try {
-      const a = (await this.camundaClient.searchJobs(
+      const o = (await this.camundaClient.searchJobs(
         {
           filter: {
             processInstanceKey: me.assumeExists(
@@ -476,13 +480,13 @@ class oa {
           }
         },
         { consistency: { waitUpToMs: 0 } }
-      )).items.find((o) => o.state === "CREATED");
-      return a && a.jobKey ? await this.throwErrorByKey({
-        jobKey: a.jobKey,
-        errorCode: s
+      )).items.find((c) => c.state === "CREATED");
+      return o && o.jobKey ? await this.throwErrorByKey({
+        jobKey: o.jobKey,
+        errorCode: r
       }) : { success: !1 };
-    } catch (r) {
-      return this.logIfUnexpected(r), { success: !1 };
+    } catch (a) {
+      return this.logIfUnexpected(a), { success: !1 };
     }
   }
   async throwErrorByKey({
@@ -1529,7 +1533,7 @@ const Y = new ua(), Ze = 403, Ae = {
   "bpmn:EndEvent"
 ], Lt = `{
   "variableName": "variableValue"
-}`, PA = 1e3, fa = "New BPMN Diagram", fs = 18, Vt = "latest", tt = {
+}`, RA = 1e3, fa = "New BPMN Diagram", fs = 18, Vt = "latest", tt = {
   status: "initial",
   cluster: void 0
 }, ga = 3e3;
@@ -1607,13 +1611,13 @@ class Ne {
   startPolling(e) {
     this.intervalId = setInterval(() => {
       this.boundCallback = e.bind(this), this.poll();
-    }, PA);
+    }, RA);
   }
   stopPolling() {
     const { intervalId: e } = this;
     e !== null && (clearInterval(e), this.intervalId = null, this.shouldRefreshDataAfterPollingStops && setTimeout(() => {
       this.boundCallback?.();
-    }, PA));
+    }, RA));
   }
   async poll() {
     this.isPollRequestRunning || (this.isPollRequestRunning = !0, this.boundCallback && await this.boundCallback(), this.isPollRequestRunning = !1);
@@ -1727,22 +1731,22 @@ function Na(A) {
 function Fa(A) {
   return Ht(A) || ka(A) || Fn(A);
 }
-function Ra(A) {
-  return Jt(A) || Na(A) || Rn(A);
+function Pa(A) {
+  return Jt(A) || Na(A) || Pn(A);
 }
 function Fn(A) {
   return _(A, "bpmn:IntermediateCatchEvent") && pA(A, "bpmn:MessageEventDefinition");
 }
-function Rn(A) {
+function Pn(A) {
   return _(A, "bpmn:IntermediateCatchEvent") && pA(A, "bpmn:SignalEventDefinition");
 }
-function Pn(A) {
+function Rn(A) {
   return Ht(A) && A.$parent?.triggeredByEvent;
 }
 function Qn(A) {
   return Jt(A) && A.$parent?.triggeredByEvent;
 }
-function Pa(A) {
+function Ra(A) {
   return A.eventDefinitions?.find(
     (e) => _(e, "bpmn:MessageEventDefinition")
   )?.messageRef;
@@ -1761,7 +1765,7 @@ function Ga(A) {
   return A === void 0 ? [] : Object.values(A).filter(
     (e) => Fa(e) || xa(e)
   ).map((e) => {
-    const t = e.messageRef ?? Pa(e);
+    const t = e.messageRef ?? Ra(e);
     let s;
     if (Fn(e)) {
       const n = e.incoming?.at(0)?.sourceRef;
@@ -1773,15 +1777,15 @@ function Ga(A) {
       messageName: t?.name,
       messageCorrelationKey: Oa(t),
       attachedToElementId: e.attachedToRef?.id ?? s,
-      isSubProcessStartEvent: Pn(e)
+      isSubProcessStartEvent: Rn(e)
     };
   });
 }
 function La(A) {
-  return A === void 0 ? [] : Object.values(A).filter((e) => Ra(e)).map((e) => {
+  return A === void 0 ? [] : Object.values(A).filter((e) => Pa(e)).map((e) => {
     const t = e.signalRef ?? Qa(e);
     let s;
-    if (Rn(e)) {
+    if (Pn(e)) {
       const n = e.incoming?.at(0)?.sourceRef;
       s = _(n, "bpmn:EventBasedGateway") ? n?.id : void 0;
     }
@@ -2810,7 +2814,7 @@ function ze(A) {
     const s = 10, n = setInterval(async () => {
       const r = await A();
       r !== null && (clearInterval(n), e(r)), t++, t >= s && (clearInterval(n), e(null));
-    }, PA);
+    }, RA);
   });
 }
 const po = ({
@@ -3110,7 +3114,7 @@ class bo {
   }
   get startMessageSubscriptionCandidates() {
     return x.messageSubscriptionCandidates.filter(
-      (e) => Ht(e.element) && !Pn(e.element)
+      (e) => Ht(e.element) && !Rn(e.element)
     );
   }
 }
@@ -3814,7 +3818,7 @@ function Fo({
   }
 }
 function Ve(A) {
-  const e = Po(A)?.message;
+  const e = Ro(A)?.message;
   if (e)
     return e;
   try {
@@ -3823,11 +3827,11 @@ function Ve(A) {
     return String(A);
   }
 }
-function Ro(A) {
+function Po(A) {
   return typeof A == "object" && A !== null && "message" in A && typeof A.message == "string";
 }
-function Po(A) {
-  return Ro(A) ? A : null;
+function Ro(A) {
+  return Po(A) ? A : null;
 }
 const Yn = (A, e) => {
   const t = A.name.localeCompare(e.name);
@@ -4355,7 +4359,7 @@ let Qo = class extends Hn {
     this.state = { ...ks };
   };
 };
-const P = new Qo(), Zt = "Not saved", Ns = {
+const R = new Qo(), Zt = "Not saved", Ns = {
   instanceKey: void 0,
   processInstance: void 0,
   status: "initial",
@@ -4399,7 +4403,7 @@ class Oo extends Ne {
     ), this.scenarioNameDisposer = GA(
       () => this.state.instanceKey !== void 0 && this.state.processInstance?.bpmnProcessId !== void 0,
       () => {
-        const e = P.state.scenarios.find(
+        const e = R.state.scenarios.find(
           ({ processInstanceId: t }) => t === this.state.instanceKey
         );
         this.setScenarioName(
@@ -4429,7 +4433,7 @@ class Oo extends Ne {
   handleRefetch = () => {
     this.refetchTimeout = setTimeout(() => {
       this.fetchInstanceDetails({ refetchWhenNotFound: !0 });
-    }, PA);
+    }, RA);
   };
   resetRefetch = () => {
     this.refetchTimeout !== null && clearTimeout(this.refetchTimeout);
@@ -4564,12 +4568,12 @@ class Go extends Ne {
     super.reset(), this.state = { ...Fs };
   }
 }
-const vA = new Go(), Rs = {
+const vA = new Go(), Ps = {
   userTasks: [],
   status: "initial"
 };
 class Lo extends Ne {
-  state = { ...Rs };
+  state = { ...Ps };
   constructor() {
     super(), ce(this, {
       state: fe,
@@ -4609,15 +4613,15 @@ class Lo extends Ne {
     this.state.status = "error";
   };
   reset() {
-    super.reset(), this.state = { ...Rs };
+    super.reset(), this.state = { ...Ps };
   }
 }
-const OA = new Lo(), Ps = {
+const OA = new Lo(), Rs = {
   status: "initial",
   jobs: []
 };
 class Vo extends Ne {
-  state = { ...Ps };
+  state = { ...Rs };
   constructor() {
     super(), ce(this, {
       state: fe,
@@ -4693,8 +4697,7 @@ class Vo extends Ne {
   get errorThrowableJobsByErrorId() {
     return this.activeElementsWithJobWorker.reduce((e, t) => (x.getAvailableErrorEvents(t).forEach(({ errorCode: s, errorName: n, errorElementId: r }) => {
       const a = t.businessObject, o = {
-        errorCode: s ?? "Error",
-        // An error must have an error code. For catch all errors that don't have any error code defined, we use 'Error'
+        errorCode: s,
         errorName: n,
         elementId: a.id,
         elementName: a.name ?? a.id,
@@ -4704,7 +4707,7 @@ class Vo extends Ne {
     }), e), {});
   }
   reset() {
-    super.reset(), this.state = { ...Ps };
+    super.reset(), this.state = { ...Rs };
   }
 }
 const Ke = new Vo(), Qs = {
@@ -5889,7 +5892,7 @@ const he = new Ic(), qA = (A) => {
           /* @__PURE__ */ p(Hs, { children: [
             "This scenario increases the BPMN coverage of your scenario suite from",
             " ",
-            /* @__PURE__ */ i(Bt, { children: `${P.currentTotalCoverage.toFixed(0)}%` }),
+            /* @__PURE__ */ i(Bt, { children: `${R.currentTotalCoverage.toFixed(0)}%` }),
             " ",
             "to",
             " ",
@@ -5897,7 +5900,7 @@ const he = new Ic(), qA = (A) => {
               Bt,
               {
                 isGreen: !0,
-                children: `${P.newTotalCoverage.toFixed(0)}%`
+                children: `${R.newTotalCoverage.toFixed(0)}%`
               }
             ),
             ". ",
@@ -5922,7 +5925,7 @@ const he = new Ic(), qA = (A) => {
               invalidText: o,
               onChange: (l) => {
                 const d = l.target.value;
-                if (a(d), P.state.scenarios.some(
+                if (a(d), R.state.scenarios.some(
                   (f) => f.name === d
                 )) {
                   c(
@@ -6190,14 +6193,14 @@ const he = new Ic(), qA = (A) => {
     }
   ),
   document.querySelector("[data-test='zeebe-play']") ?? document.body
-), Rc = u(Ot)`
+), Pc = u(Ot)`
   margin-bottom: var(--cds-spacing-03, 8px);
 `;
 u(KA)`
   margin-top: var(--cds-spacing-06, 16px);
   max-width: unset;
 `;
-const Pc = u.div`
+const Rc = u.div`
   min-width: 0; // https://github.com/microsoft/monaco-editor/issues/3393
 `;
 function Qc() {
@@ -6574,7 +6577,7 @@ const jA = T(
         },
         modalBody: /* @__PURE__ */ i(bn, { children: /* @__PURE__ */ p(O, { gap: 5, children: [
           /* @__PURE__ */ p(O, { gap: 2, children: [
-            /* @__PURE__ */ i(Rc, { children: "Variables" }),
+            /* @__PURE__ */ i(Pc, { children: "Variables" }),
             /* @__PURE__ */ i(
               jA,
               {
@@ -6593,7 +6596,7 @@ const jA = T(
                 isDescriptionVisible: !f
               }
             ),
-            /* @__PURE__ */ i(Pc, { children: /* @__PURE__ */ i(
+            /* @__PURE__ */ i(Rc, { children: /* @__PURE__ */ i(
               zA,
               {
                 height: "10vh",
@@ -7374,11 +7377,11 @@ const ii = ({
       throw new Error("Upload files for file picker function is not available");
     const ae = Array.from(J.entries()), Z = ae.map(
       (V) => X(V)
-    ), Ie = await Promise.allSettled(Z), R = /* @__PURE__ */ new Map();
+    ), Ie = await Promise.allSettled(Z), P = /* @__PURE__ */ new Map();
     return Ie.forEach((V, ge) => {
       const [_e] = ae[ge];
-      m(V, _e, R);
-    }), R;
+      m(V, _e, P);
+    }), P;
   }
   function m(J, X, ae) {
     if (J.status === "fulfilled") {
@@ -7674,9 +7677,9 @@ const ri = T(
 );
 ri.displayName = "RestartInstance";
 const ai = T(() => {
-  const A = W(j), { featureFlags: e, displayNotification: t, reInitializePlay: s } = A, { isReplayScenariosEnabled: n } = e, { instanceKey: r, status: a, processInstance: o, scenarioName: c } = w.state, { isCalledProcess: l } = w, { scenarioRuns: d } = P.state, { sanitizedOperateBaseUrl: h, hasLinkToOperate: f, authType: g, projectId: y } = b, E = o?.bpmnProcessId;
+  const A = W(j), { featureFlags: e, displayNotification: t, reInitializePlay: s } = A, { isReplayScenariosEnabled: n } = e, { instanceKey: r, status: a, processInstance: o, scenarioName: c } = w.state, { isCalledProcess: l } = w, { scenarioRuns: d } = R.state, { sanitizedOperateBaseUrl: h, hasLinkToOperate: f, authType: g, projectId: y } = b, E = o?.bpmnProcessId;
   F(() => {
-    E !== void 0 && P.loadScenarios(E);
+    E !== void 0 && R.loadScenarios(E);
   }, [r, E, y]), F(() => {
     a === "auth-error" && t?.error(
       {
@@ -7795,9 +7798,9 @@ const ai = T(() => {
           /* @__PURE__ */ i(
             Bt,
             {
-              isGreen: P.coverageIncrease > 0,
+              isGreen: R.coverageIncrease > 0,
               hasPrecedingPlusIcon: !0,
-              children: `${P.coverageIncrease.toFixed(0)}% `
+              children: `${R.coverageIncrease.toFixed(0)}% `
             }
           ),
           /* @__PURE__ */ i(
@@ -7826,7 +7829,7 @@ const ai = T(() => {
             scenarioName: S,
             onScenarioUpdated: async () => {
               try {
-                await P.updateScenario({
+                await R.updateScenario({
                   processId: E,
                   name: S,
                   processInstanceId: r,
@@ -7862,7 +7865,7 @@ const ai = T(() => {
           {
             onScenarioSaved: async (m) => {
               try {
-                await P.addScenario({
+                await R.addScenario({
                   processId: E,
                   name: m,
                   processInstanceId: r,
@@ -7890,8 +7893,8 @@ const ai = T(() => {
                   }
                 }
               ), Y.saveScenario({
-                newTotalCoverage: `${P.newTotalCoverage.toFixed(0)}%`,
-                coverageIncrease: `${P.coverageIncrease.toFixed(0)}%`
+                newTotalCoverage: `${R.newTotalCoverage.toFixed(0)}%`,
+                coverageIncrease: `${R.coverageIncrease.toFixed(0)}%`
               });
             },
             isScenarioSaved: B
@@ -8037,14 +8040,14 @@ const Cl = u(In)`
   .cds--snippet-container {
     width: 100%;
   }
-`, Sl = u(Rr)`
+`, Sl = u(Pr)`
   border-bottom: 1px solid var(--cds-border-subtle-01);
 `, Ml = u.div`
   height: 100%;
   display: flex;
   flex-direction: column;
   position: relative;
-`, Dl = u(Pr)`
+`, Dl = u(Rr)`
   padding: 0;
   height: 100%;
   overflow: auto;
@@ -8143,16 +8146,16 @@ const xl = u($e)`
   position: absolute;
   width: 100%;
   height: 100%;
-`, Rl = u.li`
+`, Pl = u.li`
   margin: var(--cds-spacing-05);
   display: flex;
   gap: var(--cds-spacing-05);
 `, zs = u(VA)`
   margin: 0;
-`, Pl = () => /* @__PURE__ */ p(Rl, { children: [
+`, Rl = () => /* @__PURE__ */ p(Pl, { children: [
   /* @__PURE__ */ i(zs, { width: "276px" }),
   /* @__PURE__ */ i(zs, { width: "384px" })
-] }), Ql = () => /* @__PURE__ */ i(Fl, { "data-testid": "variables-skeleton", children: [...Array(20)].map((A, e) => /* @__PURE__ */ i(Pl, {}, e)) }), oi = T(({ selectedScope: A, isActive: e }) => {
+] }), Ql = () => /* @__PURE__ */ i(Fl, { "data-testid": "variables-skeleton", children: [...Array(20)].map((A, e) => /* @__PURE__ */ i(Rl, {}, e)) }), oi = T(({ selectedScope: A, isActive: e }) => {
   const t = W(j), { authType: s } = b, n = t.displayNotification, [r, a] = I(null), [o, c] = I(""), [l, d] = I(!1), [h, f] = I(!1), [g, y] = I(!1), [E, v] = I({}), k = Be.state.isUpdatingVariable, { instanceKey: N } = w.state, L = Be.state.variables.filter(
     (B) => B.scopeKey === A
   );
@@ -8783,14 +8786,14 @@ const _t = new Bd(), di = T(() => {
   }, []);
   const { elementsWithExecutionListeners: s } = x;
   return _t.hasProblems ? /* @__PURE__ */ p(HA, { size: "sm", children: [
-    /* @__PURE__ */ i(JA, { children: /* @__PURE__ */ p(Pe, { children: [
+    /* @__PURE__ */ i(JA, { children: /* @__PURE__ */ p(Re, { children: [
       /* @__PURE__ */ i(xe, { children: "Element Name" }),
       /* @__PURE__ */ i(xe, { children: "Error Message" }),
       /* @__PURE__ */ i(xe, { children: "File Name" }),
       /* @__PURE__ */ i(xe, { children: "Actionable Solutions" })
     ] }) }),
     /* @__PURE__ */ p(YA, { children: [
-      A.map((n) => /* @__PURE__ */ p(Pe, { children: [
+      A.map((n) => /* @__PURE__ */ p(Re, { children: [
         /* @__PURE__ */ p(ne, { children: [
           (n.status === "not found" || n.status === "deployment error") && /* @__PURE__ */ i(lt, {}),
           /* @__PURE__ */ i("b", { children: n.elementBusinessObject.name || n.elementBusinessObject.id })
@@ -8827,7 +8830,7 @@ const _t = new Bd(), di = T(() => {
           )
         ] })
       ] }, n.id + Math.random().toString())),
-      Je.connectorProblems.map((n) => /* @__PURE__ */ p(Pe, { children: [
+      Je.connectorProblems.map((n) => /* @__PURE__ */ p(Re, { children: [
         /* @__PURE__ */ p(ne, { children: [
           /* @__PURE__ */ i(lt, {}),
           /* @__PURE__ */ i("b", { children: n.element.businessObject.name || n.element.businessObject.id })
@@ -8856,7 +8859,7 @@ const _t = new Bd(), di = T(() => {
           )
         ] }) })
       ] }, n.element.id + n.missingSecret)),
-      !t && s.map((n) => /* @__PURE__ */ p(Pe, { children: [
+      !t && s.map((n) => /* @__PURE__ */ p(Re, { children: [
         /* @__PURE__ */ p(ne, { children: [
           /* @__PURE__ */ i(lt, {}),
           /* @__PURE__ */ i("b", { children: n.businessObject.name || n.businessObject.id })
@@ -8899,7 +8902,7 @@ const dt = u(ne)`
   fill: var(--cds-support-success);
 `, Md = u(gr)`
   fill: var(--cds-support-error);
-`, Xs = u(Pe)`
+`, Xs = u(Re)`
   ${({ $isClickable: A }) => ye`
       ${A && "cursor: pointer;"}
     `}
@@ -8931,7 +8934,7 @@ const dt = u(ne)`
     }
   ),
   /* @__PURE__ */ p(Cd, { children: [
-    P.currentTotalCoverage.toFixed(0),
+    R.currentTotalCoverage.toFixed(0),
     "%"
   ] })
 ] }));
@@ -8958,8 +8961,8 @@ function pi({
   return s !== -1 ? t.substring(0, s) + e : e;
 }
 const Fd = T(() => {
-  const { hasMultipleTestFilesLinked: A } = P.state;
-  return P.state.testScenarioFileMetadata === void 0 ? null : /* @__PURE__ */ p(Nd, { gap: 4, orientation: "horizontal", children: [
+  const { hasMultipleTestFilesLinked: A } = R.state;
+  return R.state.testScenarioFileMetadata === void 0 ? null : /* @__PURE__ */ p(Nd, { gap: 4, orientation: "horizontal", children: [
     A && /* @__PURE__ */ p(En, { align: "bottom-end", children: [
       /* @__PURE__ */ i(Bn, { children: /* @__PURE__ */ i(li, {}) }),
       /* @__PURE__ */ i(Cn, { children: /* @__PURE__ */ p(O, { gap: 3, children: [
@@ -8979,16 +8982,16 @@ const Fd = T(() => {
       le,
       {
         href: pi({
-          fileId: P.state.testScenarioFileMetadata.id
+          fileId: R.state.testScenarioFileMetadata.id
         }),
         target: "_blank",
         renderIcon: mr,
-        children: P.state.testScenarioFileMetadata.name
+        children: R.state.testScenarioFileMetadata.name
       }
     )
   ] });
 }), hi = T(() => {
-  const [A, e] = I(!1), t = P.state.scenarios, { processId: s } = b;
+  const [A, e] = I(!1), t = R.state.scenarios, { processId: s } = b;
   if (s !== void 0)
     return /* @__PURE__ */ p(xd, { gap: 5, orientation: "horizontal", children: [
       /* @__PURE__ */ i(ui, {}),
@@ -9000,12 +9003,12 @@ const Fd = T(() => {
         {
           size: "sm",
           kind: "ghost",
-          renderIcon: Rt,
-          disabled: P.isAnyScenarioRunning,
+          renderIcon: Pt,
+          disabled: R.isAnyScenarioRunning,
           onClick: async () => {
             e(!0), Y.runScenarios(t.length), await Promise.all(
               t.map(async ({ name: n, actions: r }) => {
-                await P.runSingleScenario({
+                await R.runSingleScenario({
                   name: n,
                   processId: s,
                   actions: r
@@ -9018,7 +9021,7 @@ const Fd = T(() => {
       ) }),
       /* @__PURE__ */ i(Fd, {})
     ] });
-}), Rd = () => /* @__PURE__ */ p(K, { children: [
+}), Pd = () => /* @__PURE__ */ p(K, { children: [
   /* @__PURE__ */ i(hi, {}),
   /* @__PURE__ */ p(Td, { gap: 4, children: [
     /* @__PURE__ */ p("div", { children: [
@@ -9049,7 +9052,7 @@ const Fd = T(() => {
       }
     )
   ] })
-] }), Pd = u.ul`
+] }), Rd = u.ul`
   overflow: hidden;
   position: absolute;
   width: 100%;
@@ -9064,7 +9067,7 @@ const Fd = T(() => {
   /* @__PURE__ */ i(ut, { width: "40%" }),
   /* @__PURE__ */ i(ut, { width: "30%" }),
   /* @__PURE__ */ i(ut, { width: "30%" })
-] }), Gd = () => /* @__PURE__ */ i(Pd, { "data-testid": "scenarios-skeleton", children: [...Array(20)].map((A, e) => /* @__PURE__ */ i(Od, {}, e)) }), Ld = u(O)`
+] }), Gd = () => /* @__PURE__ */ i(Rd, { "data-testid": "scenarios-skeleton", children: [...Array(20)].map((A, e) => /* @__PURE__ */ i(Od, {}, e)) }), Ld = u(O)`
   ${se.bodyCompact01};
   color: var(--cds-text-primary);
   padding: var(--cds-spacing-07) var(--cds-spacing-05);
@@ -9081,10 +9084,10 @@ const Fd = T(() => {
     null
   ), { processId: t, canUserSaveExampleData: s } = b;
   F(() => {
-    t !== void 0 && P.loadScenarios(t);
+    t !== void 0 && R.loadScenarios(t);
   }, [t]);
-  const { scenarios: n, selectedScenario: r, status: a } = P.state;
-  return ["initial", "fetching"].includes(a) || t === void 0 ? /* @__PURE__ */ i(Gd, {}) : a === "error" ? /* @__PURE__ */ i(Ud, { onReload: () => P.loadScenarios(t) }) : n.length === 0 ? /* @__PURE__ */ i(Rd, {}) : /* @__PURE__ */ p(K, { children: [
+  const { scenarios: n, selectedScenario: r, status: a } = R.state;
+  return ["initial", "fetching"].includes(a) || t === void 0 ? /* @__PURE__ */ i(Gd, {}) : a === "error" ? /* @__PURE__ */ i(Ud, { onReload: () => R.loadScenarios(t) }) : n.length === 0 ? /* @__PURE__ */ i(Pd, {}) : /* @__PURE__ */ p(K, { children: [
     /* @__PURE__ */ i(hi, {}),
     /* @__PURE__ */ p(HA, { size: "sm", children: [
       /* @__PURE__ */ i(JA, { children: /* @__PURE__ */ p(Xs, { children: [
@@ -9093,7 +9096,7 @@ const Fd = T(() => {
         /* @__PURE__ */ i(xe, { children: "Operations" })
       ] }) }),
       /* @__PURE__ */ i(YA, { children: n?.map((o) => {
-        const { key: c, name: l, actions: d } = o, h = r?.name === l, f = P.getScenarioRun(l), g = f?.status;
+        const { key: c, name: l, actions: d } = o, h = r?.name === l, f = R.getScenarioRun(l), g = f?.status;
         return /* @__PURE__ */ p(
           Xs,
           {
@@ -9101,7 +9104,7 @@ const Fd = T(() => {
             $isClickable: !0,
             isSelected: h,
             onClick: () => {
-              h ? P.clearSelectedScenario() : P.setSelectedScenario(o);
+              h ? R.clearSelectedScenario() : R.setSelectedScenario(o);
             },
             children: [
               /* @__PURE__ */ i(dt, { children: l }),
@@ -9127,13 +9130,13 @@ const Fd = T(() => {
                     kind: "ghost",
                     size: "sm",
                     onClick: async (y) => {
-                      y.stopPropagation(), Y.runScenarios(1), P.runSingleScenario({
+                      y.stopPropagation(), Y.runScenarios(1), R.runSingleScenario({
                         name: l,
                         processId: t,
                         actions: d
                       });
                     },
-                    children: /* @__PURE__ */ i(Rt, {})
+                    children: /* @__PURE__ */ i(Pt, {})
                   }
                 ),
                 /* @__PURE__ */ i(
@@ -9170,7 +9173,7 @@ const Fd = T(() => {
                       kind: "ghost",
                       size: "sm",
                       onClick: () => {
-                        Y.runScenarios(1), P.runSingleScenario({
+                        Y.runScenarios(1), R.runSingleScenario({
                           name: l,
                           processId: t,
                           actions: d
@@ -9213,15 +9216,15 @@ const Fd = T(() => {
         danger: !0,
         primaryButtonText: "Delete",
         secondaryButtonText: "Cancel",
-        primaryButtonDisabled: P.state.isProcessing,
+        primaryButtonDisabled: R.state.isProcessing,
         onRequestClose: () => {
           e(null);
         },
         onRequestSubmit: async () => {
-          t === void 0 || A === null || (e(null), await P.deleteScenario({
+          t === void 0 || A === null || (e(null), await R.deleteScenario({
             processId: t,
             scenario: A
-          }), P.loadScenarios(t));
+          }), R.loadScenarios(t));
         },
         children: /* @__PURE__ */ i("div", { children: `Are you sure you want to delete '${A?.name}' scenario? This action cannot be undone.` })
       }
@@ -9267,12 +9270,12 @@ const Kd = (A) => {
     /* @__PURE__ */ i(Jd, { children: "Start by activating a process instance" }),
     /* @__PURE__ */ i(Yd, { children: "To activate an instance, click the Play button on the canvas" })
   ] }) : /* @__PURE__ */ p(HA, { size: "sm", children: [
-    /* @__PURE__ */ i(JA, { children: /* @__PURE__ */ p(Pe, { children: [
+    /* @__PURE__ */ i(JA, { children: /* @__PURE__ */ p(Re, { children: [
       /* @__PURE__ */ i(pt, { children: "Instance Key" }),
       /* @__PURE__ */ i(pt, { children: "Started at" }),
       /* @__PURE__ */ i(pt, { children: "Operations" })
     ] }) }),
-    /* @__PURE__ */ i(YA, { children: A?.map(({ key: e, startDate: t, state: s, incident: n }) => /* @__PURE__ */ p(Pe, { children: [
+    /* @__PURE__ */ i(YA, { children: A?.map(({ key: e, startDate: t, state: s, incident: n }) => /* @__PURE__ */ p(Re, { children: [
       /* @__PURE__ */ p(ne, { children: [
         /* @__PURE__ */ i(Zd, { children: /* @__PURE__ */ i(qt, { state: n ? "INCIDENT" : s, size: 20 }) }),
         /* @__PURE__ */ i(
@@ -9291,7 +9294,7 @@ const Kd = (A) => {
       ] }),
       /* @__PURE__ */ i(ne, { children: Kd(t) }),
       /* @__PURE__ */ i(ne, { children: "-" })
-    ] }, e)) ?? /* @__PURE__ */ i(Pe, { children: /* @__PURE__ */ i(ne, { children: "No Content" }) }) })
+    ] }, e)) ?? /* @__PURE__ */ i(Re, { children: /* @__PURE__ */ i(ne, { children: "No Content" }) }) })
   ] });
 });
 gi.displayName = "Processes";
@@ -9861,7 +9864,7 @@ const nu = u.div`
       kind: "ghost",
       size: "sm",
       onClick: s,
-      children: /* @__PURE__ */ i(Rt, {})
+      children: /* @__PURE__ */ i(Pt, {})
     }
   ),
   /* @__PURE__ */ i(
@@ -10105,7 +10108,7 @@ Ii.displayName = "IncidentButton";
 const Ei = T(({ element: A }) => {
   const { completedElementInstances: e } = ie, { isInstanceDetailPageVisible: t } = w, s = he.state.activeTab === "scenarios", {
     state: { sequenceFlows: n }
-  } = uA, r = P.state.selectedScenario?.coveredSequenceFlows ?? P.allCoveredSequenceFlows;
+  } = uA, r = R.state.selectedScenario?.coveredSequenceFlows ?? R.allCoveredSequenceFlows;
   return F(() => {
     if (t)
       return n.includes(A.id) || A?.di?.bpmnElement?.sourceRef?.$type === "bpmn:EventBasedGateway" && e.some(
@@ -10248,7 +10251,7 @@ const Ci = T(({ element: A }) => {
         prefillSource: L
       }),
       elementId: A.id,
-      renderIcon: () => /* @__PURE__ */ i(Pt, { color: "white" }),
+      renderIcon: () => /* @__PURE__ */ i(Rt, { color: "white" }),
       onClick: async () => {
         l(!0);
         let S = !1;
@@ -10341,7 +10344,7 @@ const Ci = T(({ element: A }) => {
         enableContentOverflow: !0,
         onSubmit: v,
         modalBody: /* @__PURE__ */ i(
-          RA,
+          PA,
           {
             titleText: "Error",
             id: "error",
@@ -10368,10 +10371,10 @@ const Ci = T(({ element: A }) => {
 Ci.displayName = "JobCompleteButton";
 const Fu = u(ad)`
   fill: currentColor;
-`, Ru = (A) => ze(async () => {
+`, Pu = (A) => ze(async () => {
   const { success: e, processInstance: t } = await M.fetchInstanceDetails(A);
   return e ? t.key : null;
-}), Pu = ({
+}), Ru = ({
   instanceKey: A,
   elementId: e
 }) => ze(async () => {
@@ -10440,7 +10443,7 @@ const tA = new Qu(), Si = T(({ element: A }) => {
               });
               return;
             }
-            await Ru(o), Y.trackRewindedInstanceStart(), w.reset(), w.setInstanceDetails({
+            await Pu(o), Y.trackRewindedInstanceStart(), w.reset(), w.setInstanceDetails({
               instanceKey: o,
               instanceType: "REWOUND_INSTANCE"
             }), await tA.repeatUserActions({
@@ -10448,7 +10451,7 @@ const tA = new Qu(), Si = T(({ element: A }) => {
               actions: r,
               untilElementId: A.id
             });
-            const c = await Pu({
+            const c = await Ru({
               instanceKey: o,
               elementId: A.id
             });
@@ -10617,7 +10620,7 @@ const Ou = (A) => Ye(A, "zeebe:CalledDecision")?.get("decisionId") ?? null, Gu =
     {
       label: "Throw Error",
       elementId: A.id,
-      renderIcon: () => /* @__PURE__ */ i(Pt, {}),
+      renderIcon: () => /* @__PURE__ */ i(Rt, {}),
       onClick: async () => {
         if (o.length === 1) {
           const d = o[0];
@@ -10649,7 +10652,7 @@ const Ou = (A) => Ye(A, "zeebe:CalledDecision")?.get("decisionId") ?? null, Gu =
           d !== void 0 && c(d);
         },
         modalBody: /* @__PURE__ */ i(
-          RA,
+          PA,
           {
             id: "job",
             "aria-label": "Select a Job",
@@ -10857,7 +10860,7 @@ const Ni = T(
                     prefillSource: c
                   }),
                   elementId: A.id,
-                  renderIcon: () => /* @__PURE__ */ i(Pt, { color: "white" }),
+                  renderIcon: () => /* @__PURE__ */ i(Rt, { color: "white" }),
                   onClick: async () => {
                     h({
                       processId: b.processId,
@@ -10970,7 +10973,7 @@ const Fi = T(
   }
 );
 Fi.displayName = "ExecutionListenerButton";
-const Ri = T(({ element: A, addOverlay: e }) => {
+const Pi = T(({ element: A, addOverlay: e }) => {
   const { instanceKey: t, processInstance: s } = w.state, { isCalledProcess: n } = w, r = W(j), a = vA.incidents?.find(
     (m) => m.elementInstance?.element?.elementId === A.id && ["ACTIVE", "MIGRATED"].includes(m.state)
   );
@@ -11180,8 +11183,8 @@ const Ri = T(({ element: A, addOverlay: e }) => {
   const S = e(A, "JOB_COMPLETE_BUTTON", yu);
   return $(/* @__PURE__ */ i(Ci, { element: A }), S);
 });
-Ri.displayName = "DiagramOverlay";
-const Pi = 0, ts = 1, Hu = 10, Ju = ts + Pi, Yu = ts + Hu, Zu = ts + Pi, qu = u.div`
+Pi.displayName = "DiagramOverlay";
+const Ri = 0, ts = 1, Hu = 10, Ju = ts + Ri, Yu = ts + Hu, Zu = ts + Ri, qu = u.div`
   position: absolute;
   bottom: var(--spacing-medium, 20px);
   right: var(--spacing-medium, 20px);
@@ -11589,7 +11592,7 @@ const Gi = T(({ element: A, addOverlay: e }) => {
 });
 Gi.displayName = "ProblemOverlay";
 const Li = T(({ element: A }) => {
-  const { isInstanceDetailPageVisible: e } = w, t = P.isSingleScenarioSelected ? P.coveredFlowNodeIdsForSelectedScenario : P.allCoveredFlowNodes.map(({ flowNodeId: n }) => n), s = he.state.activeTab === "scenarios";
+  const { isInstanceDetailPageVisible: e } = w, t = R.isSingleScenarioSelected ? R.coveredFlowNodeIdsForSelectedScenario : R.allCoveredFlowNodes.map(({ flowNodeId: n }) => n), s = he.state.activeTab === "scenarios";
   return F(() => {
     if (!e && t.length > 0 && s)
       return t.includes(A.id) ? x.state.viewer?.addMarker(A.id, "play-flow-node-taken") : x.state.viewer?.removeMarker(
@@ -11685,7 +11688,7 @@ const xt = T(({ FeedbackButton: A }) => {
         }
       ),
       x.elements?.map((d) => /* @__PURE__ */ i(
-        Ri,
+        Pi,
         {
           element: d,
           addOverlay: l.addOverlay
@@ -11744,7 +11747,7 @@ const An = u.div`
       isOpen: w.state.isProcessManuallyCompleted,
       onScenarioSaved: async (a) => {
         try {
-          await P.addScenario({
+          await R.addScenario({
             processId: r,
             name: a,
             processInstanceId: e,
@@ -11940,7 +11943,7 @@ function dp({
       folderId: f,
       legacyScenarios: g
     }) => {
-      const y = await P.createTestScenarioFile({
+      const y = await R.createTestScenarioFile({
         projectId: h,
         processId: d,
         folderId: f,
@@ -11954,16 +11957,16 @@ function dp({
           y.errorMessage,
           "Local storage scenarios:",
           g
-        ), P.setUseLocalStorage(!0), P.loadScenarios(d);
+        ), R.setUseLocalStorage(!0), R.loadScenarios(d);
         return;
       }
-      P.setUseLocalStorage(!1), P.loadScenarios(d), a(y.fileName), c(y.fileId), n(!0), xo(d);
+      R.setUseLocalStorage(!1), R.loadScenarios(d), a(y.fileName), c(y.fileId), n(!0), xo(d);
     },
     []
   );
   return F(() => {
     const d = sA(A), h = GA(
-      () => e !== void 0 && t !== void 0 && P.state.status === "fetched" && d.length > 0,
+      () => e !== void 0 && t !== void 0 && R.state.status === "fetched" && d.length > 0,
       () => {
         l({
           processId: A,
@@ -12120,11 +12123,11 @@ const Ji = 48, up = u.div`
 
   ${XA}
 `, Cp = ({ open: A = !0, children: e, position: t, background: s = "white", panelKey: n, handleAriaLabel: r = "Resize", minSize: a = 400, maxSize: o = 1200, sizeClosed: c = 5, onOpenChange: l, ...d }) => {
-  const [h, f] = (function(R, V) {
+  const [h, f] = (function(P, V) {
     const [ge, _e] = I(() => {
       if (typeof window > "u") return V;
       try {
-        const ue = window.localStorage.getItem(R);
+        const ue = window.localStorage.getItem(P);
         return ue ? JSON.parse(ue) : V;
       } catch {
         return V;
@@ -12133,7 +12136,7 @@ const Ji = 48, up = u.div`
     return [ge, (ue) => {
       try {
         const eA = ue instanceof Function ? ue(ge) : ue;
-        _e(eA), typeof window < "u" && window.localStorage.setItem(R, JSON.stringify(eA));
+        _e(eA), typeof window < "u" && window.localStorage.setItem(P, JSON.stringify(eA));
       } catch {
       }
     }];
@@ -12142,22 +12145,22 @@ const Ji = 48, up = u.div`
   F(() => {
     if (typeof Event == "function") window.dispatchEvent(new Event("resize"));
     else {
-      var R = window.document.createEvent("UIEvents");
-      R.initUIEvent("resize", !0, !1, window, 0), window.dispatchEvent(R);
+      var P = window.document.createEvent("UIEvents");
+      P.initUIEvent("resize", !0, !1, window, 0), window.dispatchEvent(P);
     }
   }, [h, A]);
   const L = () => {
     if (t === "left" || t === "right") return "width";
     if (t === "top" || t === "bottom") return "height";
     throw new Error("Invalid position prop");
-  }, G = (R) => {
-    R.preventDefault();
-    const V = ae(R);
+  }, G = (P) => {
+    P.preventDefault();
+    const V = ae(P);
     m(V, N.current) || (S(V, N.current), Q(V, N.current), f(V > o ? o : V), N.current = V);
-  }, B = (R, V) => Z(R, V) === -1, S = (R, V) => {
-    ((ge, _e) => Z(ge, _e) === 1)(R, V) && (v(!1), X());
-  }, m = (R, V) => !!(B(R, V) && R < a && a - R < 70) && (f(a), !0), Q = (R, V) => {
-    B(R, V) && R < a && (v(!0), J());
+  }, B = (P, V) => Z(P, V) === -1, S = (P, V) => {
+    ((ge, _e) => Z(ge, _e) === 1)(P, V) && (v(!1), X());
+  }, m = (P, V) => !!(B(P, V) && P < a && a - P < 70) && (f(a), !0), Q = (P, V) => {
+    B(P, V) && P < a && (v(!0), J());
   }, U = () => {
     k.current = Date.now(), y(!0), v(!1), document.addEventListener("mousemove", G), document.addEventListener("mouseup", re);
   }, re = () => {
@@ -12166,22 +12169,22 @@ const Ji = 48, up = u.div`
     l?.(!0);
   }, X = () => {
     l?.(!1);
-  }, ae = (R) => {
+  }, ae = (P) => {
     const V = L();
     let ge = 0;
-    if (V === "width") t === "left" ? ge = R.clientX : t === "right" && (ge = window.innerWidth - R.clientX);
+    if (V === "width") t === "left" ? ge = P.clientX : t === "right" && (ge = window.innerWidth - P.clientX);
     else {
       if (V !== "height") throw new Error("Invalid measure");
-      t === "top" ? ge = R.clientY : t === "bottom" && (ge = window.innerHeight - R.clientY);
+      t === "top" ? ge = P.clientY : t === "bottom" && (ge = window.innerHeight - P.clientY);
     }
     return ge;
-  }, Z = (R, V) => t === "left" || t === "top" ? R > V ? -1 : R < V ? 1 : 0 : t === "right" || t === "bottom" ? R > V ? 1 : R < V ? -1 : 0 : 0, Ie = A ? h > o && !g ? o : h < a ? a : h : c;
-  return p(K, { children: [i(yp, { $position: t, $isDragging: g }), p(bp, { ...d, open: A, $background: s, $sizeClosed: c, $position: t, $isDragging: g, className: E ? "animate" : "", style: { [L()]: `${Ie}px` }, children: [i((R) => {
-    const V = { left: i(Ip, { ...R }), right: i(vp, { ...R }), top: i(Bp, { ...R }), bottom: i(Ep, { ...R }) };
+  }, Z = (P, V) => t === "left" || t === "top" ? P > V ? -1 : P < V ? 1 : 0 : t === "right" || t === "bottom" ? P > V ? 1 : P < V ? -1 : 0 : 0, Ie = A ? h > o && !g ? o : h < a ? a : h : c;
+  return p(K, { children: [i(yp, { $position: t, $isDragging: g }), p(bp, { ...d, open: A, $background: s, $sizeClosed: c, $position: t, $isDragging: g, className: E ? "animate" : "", style: { [L()]: `${Ie}px` }, children: [i((P) => {
+    const V = { left: i(Ip, { ...P }), right: i(vp, { ...P }), top: i(Bp, { ...P }), bottom: i(Ep, { ...P }) };
     if (!V[t]) throw new Error("Invalid position prop");
     return V[t];
-  }, { role: "separator", "aria-label": r, "aria-orientation": t === "left" || t === "right" ? "vertical" : "horizontal", "aria-valuenow": Ie, "aria-valuemin": c, "aria-valuemax": o, onMouseDown: (R) => {
-    R.preventDefault(), U();
+  }, { role: "separator", "aria-label": r, "aria-orientation": t === "left" || t === "right" ? "vertical" : "horizontal", "aria-valuenow": Ie, "aria-valuemin": c, "aria-valuemax": o, onMouseDown: (P) => {
+    P.preventDefault(), U();
   }, open: A, $isDragging: g, $position: t }), i("div", { className: "content", children: e })] })] });
 };
 function Sp(A) {
@@ -12585,10 +12588,10 @@ const xp = u.h3`
 u(q)`
   margin-left: auto;
 `;
-const Rp = u.h3`
+const Pp = u.h3`
   ${se.heading03};
   color: var(--cds-text-primary);
-`, Pp = u.div`
+`, Rp = u.div`
   ${se.body01};
   color: var(--cds-text-secondary);
 `, Qp = u(mA)`
@@ -12600,8 +12603,8 @@ const Rp = u.h3`
   return /* @__PURE__ */ p(Fp, { gap: 6, children: [
     /* @__PURE__ */ i(Qp, {}),
     /* @__PURE__ */ p(O, { gap: 3, children: [
-      /* @__PURE__ */ i(Rp, { children: "Failed to load acceptance tests" }),
-      /* @__PURE__ */ i(Pp, { children: "Make sure your test files contain no errors and reload your tests using the button below." })
+      /* @__PURE__ */ i(Pp, { children: "Failed to load acceptance tests" }),
+      /* @__PURE__ */ i(Rp, { children: "Make sure your test files contain no errors and reload your tests using the button below." })
     ] }),
     /* @__PURE__ */ i(
       q,
@@ -12675,7 +12678,7 @@ const Rp = u.h3`
       ] }),
       /* @__PURE__ */ p(O, { gap: 5, children: [
         /* @__PURE__ */ i(
-          RA,
+          PA,
           {
             titleText: "Input data",
             id: "start-event",
@@ -12690,7 +12693,7 @@ const Rp = u.h3`
       ] }),
       /* @__PURE__ */ p(O, { gap: 5, children: [
         /* @__PURE__ */ i(
-          RA,
+          PA,
           {
             titleText: "Output data",
             id: "end-event",
@@ -12736,14 +12739,14 @@ const Rp = u.h3`
   ] }) : e === "error" ? /* @__PURE__ */ i(Op, {}) : A.length === 0 ? /* @__PURE__ */ i(gt, { children: /* @__PURE__ */ i(Np, {}) }) : t !== null ? /* @__PURE__ */ i(gt, { children: /* @__PURE__ */ i(Jp, { selectedTestCase: t }) }) : /* @__PURE__ */ p(gt, { children: [
     /* @__PURE__ */ i(qi, { shouldAlignRight: !0 }),
     /* @__PURE__ */ p(HA, { size: "sm", children: [
-      /* @__PURE__ */ i(JA, { children: /* @__PURE__ */ p(Pe, { children: [
+      /* @__PURE__ */ i(JA, { children: /* @__PURE__ */ p(Re, { children: [
         /* @__PURE__ */ i(xe, { children: "Name" }),
         /* @__PURE__ */ i(xe, { children: "Status" }),
         /* @__PURE__ */ i(xe, {})
       ] }) }),
       /* @__PURE__ */ i(YA, { children: A?.map((a) => {
         const { name: o } = a;
-        return /* @__PURE__ */ p(Pe, { children: [
+        return /* @__PURE__ */ p(Re, { children: [
           /* @__PURE__ */ i(ne, { children: o }),
           /* @__PURE__ */ i(ne, {}),
           /* @__PURE__ */ i(ne, { children: /* @__PURE__ */ p(Yr, { flipped: !0, align: "left", size: "sm", children: [
@@ -12892,7 +12895,7 @@ const Rp = u.h3`
   traceError: J,
   fetchWithAuth: X
 }) => {
-  const ae = v?.shouldUseOrchestrationClusterAPI, Z = A?.type, Ie = A?.config?.operateBaseUrl, R = Z === "saas" ? A.config.clusterId : void 0, [V, ge] = I(!0), [_e, ue] = I(!1);
+  const ae = v?.shouldUseOrchestrationClusterAPI, Z = A?.type, Ie = A?.config?.operateBaseUrl, P = Z === "saas" ? A.config.clusterId : void 0, [V, ge] = I(!0), [_e, ue] = I(!1);
   F(
     () => Xe(
       () => w.state.status === "first-fetch" && w.state.instanceType !== "REWOUND_INSTANCE",
@@ -12914,13 +12917,13 @@ const Rp = u.h3`
   ), F(() => (Z === "saas" && lA.init(), he.init(v?.isReplayScenariosEnabled), x.init({
     areExecutionListenersSupported: v?.shouldUseOrchestrationClusterAPI ?? !1
   }), () => {
-    Z === "saas" && lA.reset(), w.reset(), Je.reset(), b.reset(), x.reset(), he.reset(), P.reset(), we.reset();
+    Z === "saas" && lA.reset(), w.reset(), Je.reset(), b.reset(), x.reset(), he.reset(), R.reset(), we.reset();
   }), [
     v?.isReplayScenariosEnabled,
     v?.shouldUseOrchestrationClusterAPI,
     Z
   ]), F(() => {
-    Z === "saas" && !R || (Y.init({ mixpanelTrack: l, processId: a, diagramId: Q }), M.init({
+    Z === "saas" && !P || (Y.init({ mixpanelTrack: l, processId: a, diagramId: Q }), M.init({
       authConfig: A,
       shouldUseOrchestrationClusterAPI: ae,
       traceError: J,
@@ -12930,7 +12933,7 @@ const Rp = u.h3`
       isSelfManagedEnv: Z === "sm"
     }));
   }, [
-    R,
+    P,
     Z,
     a,
     Q,
@@ -12948,7 +12951,7 @@ const Rp = u.h3`
       onDeploymentError: s,
       xml: e,
       consoleDashboardPageUrl: k,
-      clusterId: R,
+      clusterId: P,
       currentDiagramRevision: G,
       updateFileById: B,
       originAppInstanceId: S,
@@ -12963,7 +12966,7 @@ const Rp = u.h3`
     n,
     r,
     o,
-    R,
+    P,
     d,
     h,
     g,
@@ -12980,7 +12983,7 @@ const Rp = u.h3`
     Ie,
     re
   ]), F(() => {
-    P.init({
+    R.init({
       fetchTestsByProcessId: y,
       displayNotification: c,
       createFile: E,
@@ -13002,7 +13005,7 @@ const Rp = u.h3`
   ]);
   const ji = Yo({
     authType: Z,
-    clusterId: R,
+    clusterId: P,
     displayNotification: c,
     isJobSearchAPISupported: v?.shouldUseOrchestrationClusterAPI ?? !1
   });
@@ -13052,10 +13055,10 @@ const Rp = u.h3`
       variables: Te,
       timeToLive: je,
       messageId: ns,
-      isStartEvent: Re
+      isStartEvent: Pe
     }) => {
       let is = [];
-      if (Re) {
+      if (Pe) {
         const AA = await M.fetchInstances(
           b.state.processDefinitionKey
         );
@@ -13072,7 +13075,7 @@ const Rp = u.h3`
       });
       if (Wi === !1)
         return { success: !1, status: SA };
-      if (Re) {
+      if (Pe) {
         $A.displayNotification?.info({
           title: `Message "${Se}" published`
         }), ue(!0);
@@ -13097,12 +13100,12 @@ const Rp = u.h3`
     }) => {
       let je = [];
       if (Te) {
-        const Re = await M.fetchInstances(
+        const Pe = await M.fetchInstances(
           b.state.processDefinitionKey
         );
-        if (!Re.success)
+        if (!Pe.success)
           return { success: !1 };
-        je = Re.processInstances;
+        je = Pe.processInstances;
       }
       if ((await M.broadcastSignal({
         signalName: Se,
@@ -13113,16 +13116,16 @@ const Rp = u.h3`
         $A.displayNotification?.info({
           title: `Signal "${Se}" broadcasted`
         }), ue(!0);
-        const Re = await ss(je);
-        return Re === null ? (console.error("Could not get new instance"), ue(!1), { success: !1 }) : (w.reset(), w.setInstanceDetails({
-          instanceKey: Re,
+        const Pe = await ss(je);
+        return Pe === null ? (console.error("Could not get new instance"), ue(!1), { success: !1 }) : (w.reset(), w.setInstanceDetails({
+          instanceKey: Pe,
           instanceType: "NEW_INSTANCE"
-        }), ue(!1), be(te(Re), {
+        }), ue(!1), be(te(Pe), {
           action: "startInstance",
           elementId: Ee,
           type: "broadcast-signal-event",
           variables: Ge
-        }), { success: !0, instanceId: Re });
+        }), { success: !0, instanceId: Pe });
       }
       return { success: !0 };
     },