@camunda/play 6.1.2 → 6.1.3-rc.1

package/build/play.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as f, Fragment as L } from "react/jsx-runtime";
-import * as D from "react";
+import * as k from "react";
 import Jt, { useState as y, useEffect as F, useCallback as U, createContext as fi, forwardRef as Rs, Children as gi, cloneElement as mi, Fragment as wi, useRef as cA, PureComponent as bi, createRef as vi, useContext as tA, useLayoutEffect as ct, createElement as Ei } from "react";
-import { makeObservable as nA, action as k, computed as H, observable as fA, autorun as Ps, when as Ie, override as IA, makeAutoObservable as GA, reaction as OA } from "mobx";
+import { makeObservable as nA, action as C, computed as H, observable as fA, autorun as Ps, when as Ie, override as IA, makeAutoObservable as GA, reaction as OA } from "mobx";
 import { getBusinessObject as qA, is as K } from "bpmn-js/lib/util/ModelUtil.js";
 import { isNil as lt, isEqual as eA, set as yi } from "lodash-es";
 import { hasEventDefinition as te, hasErrorEventDefinition as dt, isEventSubProcess as Bi } from "bpmn-js/lib/util/DiUtil.js";
@@ -683,9 +683,10 @@ class Sr {
   constructor() {
     nA(this, {
       state: fA,
-      handleSuccess: k,
+      handleSuccess: C,
       isClusterHealthy: H,
-      reset: k
+      reset: C,
+      init: C
     });
   }
   init() {
@@ -734,7 +735,7 @@ class MA {
   fetchDataDisposer = null;
   constructor() {
     nA(this, {
-      reset: k.bound
+      reset: C.bound
     });
   }
   init() {
@@ -1093,9 +1094,9 @@ class ea extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      handleSuccess: k,
-      startFetching: k,
-      handleError: k,
+      handleSuccess: C,
+      startFetching: C,
+      handleError: C,
       reset: IA,
       completedElementInstances: H,
       activeElementInstances: H,
@@ -1434,11 +1435,11 @@ class ma {
     updateFileById: b,
     originAppInstanceId: B,
     canUserSaveExampleData: E,
-    diagramId: C,
+    diagramId: S,
     authType: R,
     operateBaseUrl: I
   }) {
-    this.xmlToDisplay = A, this.processId = n, this.folderId = s, this.projectId = t, this.processName = r, this.fetchFilesByProcessId = a, this.fetchFilesByDecisionId = o, this.fetchFileById = c, this.fetchFilesByFormId = l, this.onDeploymentError = d, this.consoleSecretsUrl = `${p}/cluster/${h}/secrets`, this.consoleDashboardPageUrl = p, this.currentDiagramRevision = g, this.updateFileById = b, this.originAppInstanceId = B, this.canUserSaveExampleData = E, this.diagramId = C, this.authType = R, this.operateBaseUrl = I;
+    this.xmlToDisplay = A, this.processId = n, this.folderId = s, this.projectId = t, this.processName = r, this.fetchFilesByProcessId = a, this.fetchFilesByDecisionId = o, this.fetchFileById = c, this.fetchFilesByFormId = l, this.onDeploymentError = d, this.consoleSecretsUrl = `${p}/cluster/${h}/secrets`, this.consoleDashboardPageUrl = p, this.currentDiagramRevision = g, this.updateFileById = b, this.originAppInstanceId = B, this.canUserSaveExampleData = E, this.diagramId = S, this.authType = R, this.operateBaseUrl = I;
   }
   get isEnvironmentCreated() {
     return this.state.status === "environment-created";
@@ -2038,10 +2039,10 @@ let Ia = class extends MA {
     super(), nA(this, {
       state: fA,
       variables: H,
-      handleSuccess: k,
-      handleError: k,
-      setIsUpdatingVariable: k,
-      startFetching: k,
+      handleSuccess: C,
+      handleError: C,
+      setIsUpdatingVariable: C,
+      startFetching: C,
       scopeId: H,
       isInitialLoadComplete: H,
       reset: IA
@@ -2164,9 +2165,9 @@ class Sa extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      handleSuccess: k,
-      startFetching: k,
-      handleError: k,
+      handleSuccess: C,
+      startFetching: C,
+      handleError: C,
       reset: IA,
       completedElementIds: H,
       activeElementIds: H,
@@ -2976,10 +2977,10 @@ let Ka = class extends hn {
   constructor() {
     super(), nA(this, {
       state: fA,
-      loadScenarios: k,
-      setScenarios: k,
-      handleLoadSuccess: k,
-      handleLoadError: k,
+      loadScenarios: C,
+      setScenarios: C,
+      handleLoadSuccess: C,
+      handleLoadError: C,
       allCoveredFlowNodes: H,
       currentTotalCoverage: H,
       coverageIncrease: H,
@@ -2987,15 +2988,15 @@ let Ka = class extends hn {
       isAnyScenarioRunning: H,
       coveredFlowNodeIdsForSelectedScenario: H,
       isSingleScenarioSelected: H,
-      startRunningSingleScenario: k,
-      updateSingleScenarioRun: k,
-      saveTestScenarioFileMetadata: k,
-      deleteScenario: k,
-      setSelectedScenario: k,
-      clearSelectedScenario: k,
-      reset: k,
-      setIsProcessing: k,
-      setUseLocalStorage: k
+      startRunningSingleScenario: C,
+      updateSingleScenarioRun: C,
+      saveTestScenarioFileMetadata: C,
+      deleteScenario: C,
+      setSelectedScenario: C,
+      clearSelectedScenario: C,
+      reset: C,
+      setIsProcessing: C,
+      setUseLocalStorage: C
     });
   }
   #A = ({
@@ -3491,13 +3492,13 @@ class Za extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      setIsProcessManuallyCompleted: k,
+      setIsProcessManuallyCompleted: C,
       isCalledProcess: H,
-      setInstanceDetails: k,
-      handleSuccess: k,
-      startFetching: k,
-      handleError: k,
-      setScenarioName: k,
+      setInstanceDetails: C,
+      handleSuccess: C,
+      startFetching: C,
+      handleError: C,
+      setScenarioName: C,
       reset: IA,
       isRunning: H,
       hasError: H,
@@ -3610,9 +3611,9 @@ class qa extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      handleSuccess: k,
-      handleError: k,
-      startFetching: k,
+      handleSuccess: C,
+      handleError: C,
+      startFetching: C,
       reset: IA,
       incidents: H
     });
@@ -3693,9 +3694,9 @@ class za extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      handleSuccess: k,
-      startFetching: k,
-      handleError: k,
+      handleSuccess: C,
+      startFetching: C,
+      handleError: C,
       reset: IA
     });
   }
@@ -3792,9 +3793,9 @@ class Wa extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      handleSuccess: k,
-      startFetching: k,
-      handleError: k,
+      handleSuccess: C,
+      startFetching: C,
+      handleError: C,
       reset: IA
     });
   }
@@ -3842,9 +3843,9 @@ class Xa extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      handleSuccess: k,
-      startFetching: k,
-      handleError: k,
+      handleSuccess: C,
+      startFetching: C,
+      handleError: C,
       reset: IA
     });
   }
@@ -3891,9 +3892,9 @@ class $a extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      handleSuccess: k,
-      handleError: k,
-      startFetching: k,
+      handleSuccess: C,
+      handleError: C,
+      startFetching: C,
       reset: IA
     });
   }
@@ -3940,9 +3941,9 @@ class _a extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      handleSuccess: k,
-      startFetching: k,
-      handleError: k,
+      handleSuccess: C,
+      startFetching: C,
+      handleError: C,
       reset: IA
     });
   }
@@ -4526,17 +4527,17 @@ const ws = 5, fo = ht`
 }) => {
   const [d, p] = y({ top: 0, left: 0 }), [h, g] = y(n), b = cA();
   return F(() => {
-    const { top: B, bottom: E, left: C, width: R } = t.getBoundingClientRect(), I = (
+    const { top: B, bottom: E, left: S, width: R } = t.getBoundingClientRect(), I = (
       //@ts-expect-error 'tooltip.current' is possibly 'undefined'.ts(18048)
       E + b.current.offsetHeight + Ve > window.innerHeight
     ), v = () => {
       switch (r) {
         case "left":
-          return C;
+          return S;
         case "right":
-          return C + R - b.current.offsetWidth;
+          return S + R - b.current.offsetWidth;
         default:
-          return C - b.current.offsetWidth / 2 + R / 2;
+          return S - b.current.offsetWidth / 2 + R / 2;
       }
     }, V = () => h == "top" || I ? B - b.current.offsetHeight - Ve - 5 : E + Ve + 5;
     I && g("top"), p({
@@ -5333,9 +5334,14 @@ const qo = u.div`
 }) => {
   const h = tA(_).monacoLoaderConfig, [g, b] = y(null), B = e === "" && t !== void 0;
   return F(() => {
-    Zo(h).then((E) => {
-      b(E);
-    });
+    const E = Zo(h);
+    return E.then((S) => {
+      b(S);
+    }).catch((S) => {
+      S?.type !== "cancelation" && console.error("Error loading Monaco:", S);
+    }), () => {
+      E.cancel?.();
+    };
   }, [h]), ct(() => {
     A && l ? g?.languages.json.jsonDefaults.setDiagnosticsOptions({
       schemaValidation: "error",
@@ -5765,13 +5771,13 @@ const ac = u.div`
     element: a
   }) => {
     const o = tA(_), c = m.state.processInstance, [l, d] = y(A), [p, h] = y(t), [g, b] = y(""), [B, E] = y(""), {
-      editedValue: C,
+      editedValue: S,
       isValid: R,
       prefillSource: I,
       isDirty: v,
       setEditedValue: V,
       resetPrefill: P
-    } = yn(a, w.processId), { authType: S } = w, Q = cA(null);
+    } = yn(a, w.processId), { authType: D } = w, Q = cA(null);
     return F(() => {
       R && Q.current?.hideMarkers();
     }, [R]), /* @__PURE__ */ i(
@@ -5795,7 +5801,7 @@ const ac = u.div`
             elementId: n,
             messageName: l,
             correlationKey: p,
-            variables: C,
+            variables: S,
             timeToLive: g,
             messageId: B,
             isStartEvent: r
@@ -5804,7 +5810,7 @@ const ac = u.div`
             o.displayNotification?.error(
               {
                 title: NA,
-                subtitle: `Please contact your ${S === "sm" ? "admin" : "organization owner or admin"} to give you the necessary permissions to publish the message.`
+                subtitle: `Please contact your ${D === "sm" ? "admin" : "organization owner or admin"} to give you the necessary permissions to publish the message.`
               },
               bA
             );
@@ -5815,10 +5821,10 @@ const ac = u.div`
             elementId: n,
             messageName: l,
             messageCorrelationKey: p,
-            variables: C,
+            variables: S,
             timeToLive: g,
             messageId: B
-          }), G.trackUserCompletesElement(a, C), r ? o.displayNotification?.success({
+          }), G.trackUserCompletesElement(a, S), r ? o.displayNotification?.success({
             title: pe
           }) : o.displayNotification?.info({
             title: `Message "${l}" published`,
@@ -5826,7 +5832,7 @@ const ac = u.div`
           }), ue({
             processId: w.processId,
             elementId: a.id,
-            variables: C ?? ""
+            variables: S ?? ""
           })) : o.displayNotification?.error($);
         },
         modalBody: /* @__PURE__ */ i(Ks, { children: /* @__PURE__ */ f(J, { gap: 5, children: [
@@ -5836,7 +5842,7 @@ const ac = u.div`
               Ne,
               {
                 isValid: R,
-                editedValue: C,
+                editedValue: S,
                 element: a,
                 onSuccess: () => {
                   P();
@@ -5854,7 +5860,7 @@ const ac = u.div`
               Te,
               {
                 height: "10vh",
-                value: C,
+                value: S,
                 isVisible: e,
                 placeholder: vt,
                 onChange: (O) => {
@@ -6084,7 +6090,7 @@ const Mn = ({
   onChange: B,
   clearOnReset: E = !0
 }) => {
-  const [C, R] = y(a), [I, v] = y(!0), V = cA(null);
+  const [S, R] = y(a), [I, v] = y(!0), V = cA(null);
   return F(() => {
     t ? R(a) : (R(""), v(!0));
   }, [t, a]), F(() => {
@@ -6112,19 +6118,19 @@ const Mn = ({
       } : void 0,
       onClose: l,
       onSubmit: () => {
-        I ? p?.(C === "" ? void 0 : C) : V.current?.showMarkers();
+        I ? p?.(S === "" ? void 0 : S) : V.current?.showMarkers();
       },
       modalBody: /* @__PURE__ */ f(J, { gap: 5, children: [
         b,
         /* @__PURE__ */ i(
           Te,
           {
-            value: C,
+            value: S,
             isVisible: t,
             placeholder: o,
             onChange: (P) => {
-              const S = P ?? "";
-              R(S), v(A(S)), B?.(S);
+              const D = P ?? "";
+              R(D), v(A(D)), B?.(D);
             },
             readOnly: h,
             onValidate: v,
@@ -6158,19 +6164,19 @@ const Mn = ({
         clearOnReset: !1,
         onReset: () => {
           o(!1);
-          const { prefillData: C, prefillSource: R } = hA({
+          const { prefillData: S, prefillSource: R } = hA({
             element: r,
             useCache: !1,
             processId: w.processId
           });
-          p(C), g(R), E(!1);
+          p(S), g(R), E(!1);
         },
         value: d,
         primaryButtonLabel: t,
         secondaryButtonLabel: "Cancel",
-        isValidInput: (C) => Bs(C),
-        onChange: (C) => {
-          p(C), E(!0);
+        isValidInput: (S) => Bs(S),
+        onChange: (S) => {
+          p(S), E(!0);
         },
         editorTopContent: /* @__PURE__ */ f(L, { children: [
           /* @__PURE__ */ i(
@@ -6225,11 +6231,11 @@ function uc({
   formPrefillSettings: t = { sanitizePrefillData: !1 }
 }) {
   const [s, n] = y(!1), [r, a] = y("none"), [o, c] = y(""), [l, d] = y(!1), [p, h] = y(!1), g = cA(null), b = cA(), B = U(
-    (S, Q) => {
+    (D, Q) => {
       const { cachedVariables: O, variablesFromExampleData: X } = Is({
         element: e,
         processId: w.processId
-      }), AA = Q === "bpmn" && eA(S, X), gA = Q === "cache" && eA(S, O);
+      }), AA = Q === "bpmn" && eA(D, X), gA = Q === "cache" && eA(D, O);
       return AA || gA;
     },
     [e]
@@ -6243,12 +6249,12 @@ function uc({
     );
   }, [o, r, B]);
   const E = U(
-    ({ data: S, errors: Q }) => {
-      d(Object.keys(Q).length === 0), c(JSON.stringify(S));
+    ({ data: D, errors: Q }) => {
+      d(Object.keys(Q).length === 0), c(JSON.stringify(D));
     },
     []
-  ), C = U(async () => {
-    let S = {};
+  ), S = U(async () => {
+    let D = {};
     if (t.sanitizePrefillData) {
       const { variables: X, success: AA } = await M.fetchVariablesByUserTask(
         t.userTaskJobId
@@ -6257,7 +6263,7 @@ function uc({
         console.error("Could not fetch user task variables"), n(!0);
         return;
       }
-      S = X.reduce((gA, { name: dA, value: z }) => (gA[dA] = JSON.parse(z), gA), {});
+      D = X.reduce((gA, { name: dA, value: z }) => (gA[dA] = JSON.parse(z), gA), {});
     }
     const { cachedVariables: Q, variablesFromExampleData: O } = Is(
       {
@@ -6268,52 +6274,52 @@ function uc({
     return {
       variablesFromExampleData: O,
       cachedVariables: Q,
-      processVariables: S
+      processVariables: D
     };
   }, [e, t]), R = U(async () => {
-    let S = {};
+    let D = {};
     const Q = await A();
     if (Q === void 0) {
       n(!0);
       return;
     }
     try {
-      S = JSON.parse(Q ?? "{}");
+      D = JSON.parse(Q ?? "{}");
     } catch {
       n(!0);
       return;
     }
-    return S;
+    return D;
   }, [A]), I = U(
     async ({
-      ignoreCachedVariables: S = !1,
+      ignoreCachedVariables: D = !1,
       parsedForm: Q
     } = {
       ignoreCachedVariables: !1,
       parsedForm: void 0
     }) => {
-      const O = await C();
+      const O = await S();
       if (!O)
         return;
       const { variablesFromExampleData: X, cachedVariables: AA, processVariables: gA } = O, dA = {
         ...X,
-        ...S ? {} : AA,
+        ...D ? {} : AA,
         ...gA
       }, z = t.sanitizePrefillData ? dc(sr(Q), dA) : dA;
       let jA = "none";
-      return eA(z, X) ? jA = "bpmn" : !S && eA(z, AA) && (jA = "cache"), a(jA), c(JSON.stringify(z)), z;
+      return eA(z, X) ? jA = "bpmn" : !D && eA(z, AA) && (jA = "cache"), a(jA), c(JSON.stringify(z)), z;
     },
-    [C, t]
+    [S, t]
   ), v = U(
     async ({
-      ignoreCachedVariables: S = !1
+      ignoreCachedVariables: D = !1
     } = { ignoreCachedVariables: !1 }) => {
       const Q = await R();
       if (Q === void 0)
         return;
       const O = await I({
         parsedForm: Q,
-        ignoreCachedVariables: S
+        ignoreCachedVariables: D
       }), { warnings: X } = await b.current?.importSchema(
         Q,
         O
@@ -6322,12 +6328,12 @@ function uc({
     },
     [R, I]
   ), V = U(async () => {
-    const S = new nr();
-    if (b.current = S, g.current === null) {
+    const D = new nr();
+    if (b.current = D, g.current === null) {
       n(!0);
       return;
     }
-    await v(), S.attachTo(g.current), S.on("changed", E);
+    await v(), D.attachTo(g.current), D.on("changed", E);
   }, [E, v]), P = U(async () => {
     v({ ignoreCachedVariables: !0 });
   }, [v]);
@@ -6394,7 +6400,7 @@ const Dn = ({
     isFormContentValid: b,
     originalPrefillSource: B,
     setOriginalPrefillSource: E,
-    formVariables: C,
+    formVariables: S,
     hasFormLoadError: R,
     setHasFormLoadError: I,
     formContainerRef: v,
@@ -6428,7 +6434,7 @@ const Dn = ({
       Array.isArray(z) ? AA.set(dA, [...z, gA]) : AA.set(dA, [gA]);
     }), AA;
   }
-  async function S() {
+  async function D() {
     d(!0);
     try {
       const { data: Q, errors: O, files: X } = V.current?.submit() ?? {
@@ -6461,7 +6467,7 @@ const Dn = ({
         onClick: t
       },
       onClose: t,
-      onSubmit: S,
+      onSubmit: D,
       ghostButton: {
         label: "Reset",
         onClick: h
@@ -6472,7 +6478,7 @@ const Dn = ({
             Ne,
             {
               isValid: b,
-              editedValue: C,
+              editedValue: S,
               element: A,
               onSuccess: () => {
                 E("bpmn");
@@ -6718,9 +6724,9 @@ const kn = N(() => {
     );
   }, [a, g, t]);
   const E = U(
-    async (S) => {
+    async (D) => {
       const Q = await M.fetchInstanceDetails(
-        S
+        D
       );
       if (!Q.success) {
         t?.error($);
@@ -6733,14 +6739,14 @@ const kn = N(() => {
       s?.({
         processId: X,
         processDefinitionKey: O,
-        processInstanceKey: S
+        processInstanceKey: D
       });
     },
     [t, s]
   );
   if (!r)
     return null;
-  const C = Lo({
+  const S = Lo({
     isReplayScenariosEnabled: n,
     isCalledProcess: l
   });
@@ -6748,19 +6754,19 @@ const kn = N(() => {
     return /* @__PURE__ */ i(
       Vo,
       {
-        headerColumns: C,
+        headerColumns: S,
         isReplayScenariosEnabled: n
       }
     );
-  const R = o?.parentKey, I = o.incident ? "INCIDENT" : o.state, v = `${p}/processes/${r}`, V = c !== Dt, P = Object.keys(d).find((S) => {
-    const Q = d[S];
+  const R = o?.parentKey, I = o.incident ? "INCIDENT" : o.state, v = `${p}/processes/${r}`, V = c !== Dt, P = Object.keys(d).find((D) => {
+    const Q = d[D];
     return Q !== void 0 && Q.instanceKey === r && Q.status === "Failed";
   });
   return /* @__PURE__ */ f(gn, { "data-testid": "instance-header", children: [
     /* @__PURE__ */ f(mn, { children: [
       /* @__PURE__ */ i(Ct, { state: I, size: 24 }),
       /* @__PURE__ */ f(wn, { children: [
-        /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ i("tr", { children: C.map(({ name: S }) => /* @__PURE__ */ i(bn, { children: S }, S)) }) }),
+        /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ i("tr", { children: S.map(({ name: D }) => /* @__PURE__ */ i(bn, { children: D }, D)) }) }),
         /* @__PURE__ */ i("tbody", { children: /* @__PURE__ */ f("tr", { children: [
           /* @__PURE__ */ i(re, { style: { overflow: "visible" }, children: h ? /* @__PURE__ */ i(
             Se,
@@ -6891,11 +6897,11 @@ const kn = N(() => {
         ) : /* @__PURE__ */ i(
           Ro,
           {
-            onScenarioSaved: async (S) => {
+            onScenarioSaved: async (D) => {
               try {
                 await x.addScenario({
                   processId: B,
-                  name: S,
+                  name: D,
                   processInstanceId: r,
                   actions: oe(
                     q(r)
@@ -6907,10 +6913,10 @@ const kn = N(() => {
                 t?.error($);
                 return;
               }
-              m.setScenarioName(S), t?.success(
+              m.setScenarioName(D), t?.success(
                 {
                   title: "Scenario saved",
-                  subtitle: `${S} was successfully saved.`
+                  subtitle: `${D} was successfully saved.`
                 },
                 {
                   action: {
@@ -7184,7 +7190,7 @@ const Gc = u(se)`
   /* @__PURE__ */ i(Ms, { width: "276px" }),
   /* @__PURE__ */ i(Ms, { width: "384px" })
 ] }), Yc = () => /* @__PURE__ */ i(Hc, { "data-testid": "variables-skeleton", children: [...Array(20)].map((e, A) => /* @__PURE__ */ i(Uc, {}, A)) }), Tn = N(({ selectedScope: e, isActive: A }) => {
-  const t = tA(_), { authType: s } = w, n = t.displayNotification, [r, a] = y(null), [o, c] = y(""), [l, d] = y(!1), [p, h] = y(!1), [g, b] = y(!1), B = pA.state.isUpdatingVariable, { instanceKey: E } = m.state, C = pA.state.variables.filter(
+  const t = tA(_), { authType: s } = w, n = t.displayNotification, [r, a] = y(null), [o, c] = y(""), [l, d] = y(!1), [p, h] = y(!1), [g, b] = y(!1), B = pA.state.isUpdatingVariable, { instanceKey: E } = m.state, S = pA.state.variables.filter(
     (I) => I.scopeKey === e
   );
   F(() => {
@@ -7221,15 +7227,15 @@ const Gc = u(se)`
   return /* @__PURE__ */ i(bc, { children: /* @__PURE__ */ f(qi, { children: [
     /* @__PURE__ */ i(Qc, { "aria-label": "Variables", children: /* @__PURE__ */ i(zi, { children: "Variables" }) }),
     /* @__PURE__ */ i(Pc, { children: /* @__PURE__ */ i(Rc, { children: pA.isInitialLoadComplete ? /* @__PURE__ */ f(L, { children: [
-      /* @__PURE__ */ f(vc, { $isEmpty: C.length === 0, children: [
-        C.length === 0 && /* @__PURE__ */ i(Ec, { children: Z.isRootNodeSelected ? "This process instance has no variables" : "The flow node has no variables" }),
-        C.length > 0 && /* @__PURE__ */ f(yc, { children: [
+      /* @__PURE__ */ f(vc, { $isEmpty: S.length === 0, children: [
+        S.length === 0 && /* @__PURE__ */ i(Ec, { children: Z.isRootNodeSelected ? "This process instance has no variables" : "The flow node has no variables" }),
+        S.length > 0 && /* @__PURE__ */ f(yc, { children: [
           /* @__PURE__ */ i(Bc, { children: /* @__PURE__ */ f("tr", { children: [
             /* @__PURE__ */ i(Mc, { children: "Name" }),
             /* @__PURE__ */ i(Sc, { children: "Value" }),
             /* @__PURE__ */ i(Dc, {})
           ] }) }),
-          /* @__PURE__ */ i(Ic, { children: C.map((I) => /* @__PURE__ */ f("tr", { children: [
+          /* @__PURE__ */ i(Ic, { children: S.map((I) => /* @__PURE__ */ f("tr", { children: [
             /* @__PURE__ */ i(Tc, { title: I.name, children: I.name }),
             /* @__PURE__ */ i(Nc, { children: /* @__PURE__ */ i(zs, { children: /* @__PURE__ */ i(
               Fc,
@@ -7330,7 +7336,7 @@ const Gc = u(se)`
           } : I.includes('"') || I.includes(" ") ? {
             isValid: !1,
             error: "Variable contains invalid characters. Use only alphabets, numbers and dashes (-)"
-          } : C.some(
+          } : S.some(
             ({ name: v }) => v === I
           ) ? {
             isValid: !1,
@@ -7609,7 +7615,7 @@ const sl = u.ul`
     };
     h[a.key] = b, g.push(b);
     for (let B = 0; B < e.length; B++) {
-      const E = e[B], C = {
+      const E = e[B], S = {
         instance: E,
         childNodes: [],
         isSelected: Z.isSelected({
@@ -7618,7 +7624,7 @@ const sl = u.ul`
           isMultiInstance: E.type === "MULTI_INSTANCE_BODY"
         })
       };
-      h[E.key] = C, E.scopeKey !== null && h[E.scopeKey] !== void 0 && h[E.scopeKey].childNodes.push(C);
+      h[E.key] = S, E.scopeKey !== null && h[E.scopeKey] !== void 0 && h[E.scopeKey].childNodes.push(S);
     }
     return { rootNodes: g, keyMap: h };
   }, [a, e, o]), { keyMap: l, rootNodes: d } = c();
@@ -7629,11 +7635,11 @@ const sl = u.ul`
       originalSize: b.clientHeight,
       dragStart: h.pageY
     };
-    const B = (C) => {
+    const B = (S) => {
       t(
         Math.max(
           10,
-          (r.current?.originalSize ?? 0) + (r.current?.dragStart ?? 0) - C.pageY
+          (r.current?.originalSize ?? 0) + (r.current?.dragStart ?? 0) - S.pageY
         )
       );
     }, E = () => {
@@ -7668,7 +7674,7 @@ Nn.displayName = "InstanceHistory";
 const ol = (e = "", A = "new-diagram") => {
   const t = e?.normalize().replace(/[^_0-9\p{Letter}\p{Mark}]+/gu, "-").replace(/-+/g, "-").replace(/(^-|-$)/g, "").toLowerCase();
   return t === "" ? A : t;
-}, cl = "--", ll = (e, A) => e + cl + ol(A), dl = (e) => /* @__PURE__ */ D.createElement("svg", { width: 2, height: 10, viewBox: "0 0 2 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("path", { d: "M1 2C1.55228 2 2 1.55228 2 1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2Z", fill: "white" }), /* @__PURE__ */ D.createElement("path", { d: "M1 6C1.55228 6 2 5.55228 2 5C2 4.44772 1.55228 4 1 4C0.447715 4 0 4.44772 0 5C0 5.55228 0.447715 6 1 6Z", fill: "white" }), /* @__PURE__ */ D.createElement("path", { d: "M1 10C1.55228 10 2 9.55228 2 9C2 8.44771 1.55228 8 1 8C0.447715 8 0 8.44771 0 9C0 9.55228 0.447715 10 1 10Z", fill: "white" })), ul = (e) => /* @__PURE__ */ D.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("path", { d: "M14.7685 5.87999L13.12 4.23149C12.9713 4.08325 12.7699 4 12.56 4C12.3501 4 12.1487 4.08325 12 4.23149L5 11.2337V14H7.7663L14.7685 6.99999C14.9167 6.85132 15 6.64994 15 6.43999C15 6.23004 14.9167 6.02866 14.7685 5.87999ZM7.3521 13H6V11.6479L10.7205 6.92744L12.0725 8.27954L7.3521 13ZM12.7795 7.57249L11.4275 6.22044L12.5611 5.08684L13.9132 6.43894L12.7795 7.57249Z", fill: "white" }), /* @__PURE__ */ D.createElement("rect", { x: 1, y: 2, width: 10, height: 1, fill: "white" }), /* @__PURE__ */ D.createElement("rect", { x: 1, y: 5, width: 7, height: 1, fill: "white" }), /* @__PURE__ */ D.createElement("rect", { x: 1, y: 8, width: 4, height: 1, fill: "white" })), pl = (e) => /* @__PURE__ */ D.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", className: "bi bi-envelope", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ D.createElement("path", { d: "M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z" })), hl = (e) => /* @__PURE__ */ D.createElement("svg", { viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("g", { fill: "#52C16B" }, /* @__PURE__ */ D.createElement("path", { d: "M9 0C4.0374 0 0 4.0375 0 9c0 4.9627 4.0374 9 9 9s9-4.0373 9-9c0-4.9625-4.0374-9-9-9zm0 16.3636c-4.0604 0-7.3636-3.3032-7.3636-7.3635 0-4.0604 3.3032-7.3637 7.3636-7.3637S16.3636 4.9397 16.3636 9c0 4.0603-3.3033 7.3635-7.3636 7.3635z" }), /* @__PURE__ */ D.createElement("path", { d: "M5.101 9.85C5.0337 9.78 5 9.675 5 9.605s.0337-.175.101-.245l.4711-.49c.1346-.14.3366-.14.4712 0l.0336.035 1.851 2.065c.0673.07.1683.07.2356 0l4.5096-4.865h.0336c.1346-.14.3366-.14.4712 0l.4711.49c.1347.14.1347.35 0 .49l-5.3846 5.81c-.0673.07-.1346.105-.2356.105s-.1682-.035-.2355-.105l-2.625-2.94-.0673-.105z" }))), fl = (e) => /* @__PURE__ */ D.createElement("svg", { width: 17, height: 16, viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("g", { clipPath: "url(#clip0_2557_56096)" }, /* @__PURE__ */ D.createElement("rect", { width: 16, height: 16, transform: "translate(0.5)", fill: "transparent" }), /* @__PURE__ */ D.createElement("g", { clipPath: "url(#clip1_2557_56096)" }, /* @__PURE__ */ D.createElement("path", { d: "M9.69601 7.99995L15.5 4.63295V11.3669L9.69601 7.99995ZM8.90401 7.30395C8.78141 7.37414 8.67952 7.47547 8.60866 7.59769C8.5378 7.71991 8.50049 7.85868 8.50049 7.99995C8.50049 8.14122 8.5378 8.27999 8.60866 8.40221C8.67952 8.52442 8.78141 8.62576 8.90401 8.69595L15.267 12.3879C15.787 12.6899 16.5 12.3449 16.5 11.6919V4.30795C16.5 3.65495 15.787 3.30995 15.267 3.61195L8.90401 7.30395Z" }), /* @__PURE__ */ D.createElement("path", { d: "M1.69601 7.99995L7.50001 4.63295V11.3669L1.69601 7.99995ZM0.904006 7.30395C0.781405 7.37414 0.679521 7.47547 0.608663 7.59769C0.537805 7.71991 0.500488 7.85868 0.500488 7.99995C0.500488 8.14122 0.537805 8.27999 0.608663 8.40221C0.679521 8.52442 0.781405 8.62576 0.904006 8.69595L7.26701 12.3879C7.78701 12.6899 8.50001 12.3449 8.50001 11.6919V4.30795C8.50001 3.65495 7.78701 3.30995 7.26701 3.61195L0.904006 7.30395Z" }))), /* @__PURE__ */ D.createElement("defs", null, /* @__PURE__ */ D.createElement("clipPath", { id: "clip0_2557_56096" }, /* @__PURE__ */ D.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.5)" })), /* @__PURE__ */ D.createElement("clipPath", { id: "clip1_2557_56096" }, /* @__PURE__ */ D.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.5)" })))), gl = (e) => /* @__PURE__ */ D.createElement("svg", { width: 180, height: 180, viewBox: "0 0 180 180", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("path", { d: "M150.804 55.8922L150.494 49.0623H126.417C126.82 39.786 126.418 29.1415 126.418 29.1415H53.5819C53.5819 29.1415 53.1795 39.786 53.5831 49.0623H29.5059L29.1962 55.8922C29.1692 56.4865 28.6164 70.6236 35.6237 86.0315C41.7589 99.5223 54.8975 116.447 82.846 122.946V131.977H77.9039V138.148H53.4032V152.456H126.597V138.148H102.096V131.977H97.1541V122.946C125.102 116.447 138.241 99.5222 144.376 86.0315C151.384 70.6235 150.831 56.4865 150.804 55.8922ZM48.8725 80.5957C45.861 74.1454 44.5261 67.8866 43.9383 63.3704H54.7619C56.2251 75.2305 59.1824 88.702 65.0259 99.9776C58.0146 95.0724 52.6113 88.6029 48.8725 80.5957ZM101.322 104.518H79.4116V92.1394H101.322V104.518ZM101.331 73.5114C101.279 80.9953 97.5643 85.2491 90.3501 85.2491C83.1358 85.2491 79.4211 80.9929 79.4211 73.5658L79.4116 49.2818C79.4637 41.798 83.1784 37.5441 90.3926 37.5441C97.6069 37.5441 101.322 41.8004 101.322 49.2818V53.8029H94.3864V48.8089C94.3864 45.4702 92.8801 44.1791 90.5652 44.1791C88.2007 44.1247 86.7417 45.4158 86.7417 48.7545V73.9962C86.7417 77.3349 88.2503 78.5196 90.5652 78.5196C92.9298 78.5196 94.3864 77.3373 94.3864 73.9962V67.321H101.331V73.5114ZM131.352 80.1083C127.607 88.3417 122.128 94.9736 114.974 99.9781C120.817 88.7023 123.775 75.2307 125.238 63.3704H136.06C135.486 67.7767 134.203 73.8395 131.352 80.1083Z", fill: "#FC5D0D" })), ml = (e) => /* @__PURE__ */ D.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("path", { fill: "currentColor", d: "M13 5H11V11H5V13H11V19H13V13H19V11H13V5Z" })), wl = (e) => /* @__PURE__ */ D.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ D.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M22.0833 10H1.9167c-.55 0-.9167.3667-.9167.9167V12.75c0 .55.3667.9167.9167.9167h20.1666c.55 0 .9167-.3667.9167-.9167v-1.8333c0-.55-.3667-.9167-.9167-.9167z" })), bl = (e) => /* @__PURE__ */ D.createElement("svg", { viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("path", { fill: "currentColor", d: "M.531 8.031H1.697c.2461 2.798 2.487 5.026 5.272 5.2721v1.1658c0 .285.2332.5311.5311.5311.285 0 .531-.2332.531-.531V13.303c2.798-.2461 5.026-2.487 5.2721-5.272h1.1658c.285 0 .5311-.2332.5311-.5311 0-.285-.2332-.531-.531-.531H13.303c-.2461-2.798-2.487-5.026-5.272-5.2721V.531C8.031.246 7.7979 0 7.5 0c-.285 0-.531.2332-.531.531V1.697c-2.798.2461-5.026 2.487-5.2721 5.272H.531C.233 6.969 0 7.2021 0 7.5c0 .298.2461.531.531.531zm4.3654-1.062H2.759c.246-2.2151 2.0077-3.9768 4.2098-4.21v2.1374c0 .285.2332.531.5311.531.285 0 .531-.2331.531-.531V2.759c2.2151.246 3.9768 2.0077 4.21 4.2098h-2.1374c-.285 0-.531.2332-.531.5311 0 .285.2331.531.531.531h2.1373c-.246 2.2151-2.0077 3.9768-4.2098 4.21v-2.1374c0-.285-.2332-.531-.5311-.531-.285 0-.531.2331-.531.531v2.1373c-2.2151-.246-3.9768-2.0077-4.21-4.2098h2.1374c.285 0 .531-.2332.531-.5311 0-.285-.246-.531-.531-.531z" })), vl = (e) => /* @__PURE__ */ D.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...e }, /* @__PURE__ */ D.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.8557 1.5478a.3332.3332 0 0 0-.328-.009l-5.5162 2.9204-5.516-2.9204a.5482.5482 0 0 0-.0627-.0234c-.046-.0113-.0647-.0127-.0837-.0133-.0434 0-.061.0033-.0788.0073-.0213.0047-2.0354.6745-6.042 2.0096A.3334.3334 0 0 0 1 3.8356v14.3471a.334.334 0 0 0 .3337.3336.3279.3279 0 0 0 .1054-.0173l5.8876-1.9625 5.5577 2.2885c.0514.016.0887.025.127.025a.334.334 0 0 0 .0888-.013c.0407-.0154.0548-.019.0674-.0257l5.6721-3.0029a.334.334 0 0 0 .1775-.295V1.8338a.334.334 0 0 0-.1615-.286zM2.0598 4.6795l4.6633-1.5897v12.188l-4.6633 1.5898V4.6796zM7.783 3.0898l4.5573 2.6495v11.6583L7.783 15.2779V3.0898zm10.1744 11.9761l-4.5043 2.3317V5.7393l4.5043-2.6495v11.9761z" })), El = (e) => /* @__PURE__ */ D.createElement("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ D.createElement("path", { d: "M7.8434 11.358H1.7862a.7985.7985 0 1 0 0 1.5971h5.2587v5.2587a.7985.7985 0 1 0 1.597 0v-6.0572a.7985.7985 0 0 0-.7985-.7986zM18.2138 7.0449h-5.2586V1.7862a.7985.7985 0 1 0-1.5971 0v6.0572c0 .441.3575.7986.7985.7986h6.0572a.7985.7985 0 1 0 0-1.5971z" }), /* @__PURE__ */ D.createElement("path", { d: "M19.7667.2333a.7965.7965 0 0 0-1.1265 0l-7.0489 7.0489a.7966.7966 0 0 0 1.1265 1.1265l7.049-7.049a.7966.7966 0 0 0 0-1.1264zM8.4087 11.5913a.7965.7965 0 0 0-1.1265 0l-7.0489 7.049a.7965.7965 0 1 0 1.1265 1.1264l7.0489-7.049a.7965.7965 0 0 0 0-1.1264z" }))), yl = (e) => /* @__PURE__ */ D.createElement("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ D.createElement("path", { d: "M19.2015 0h-6.0573a.7985.7985 0 1 0 0 1.5971h5.2587v5.2587a.7985.7985 0 1 0 1.5971 0V.7985A.7985.7985 0 0 0 19.2015 0zM6.8558 18.4029H1.597v-5.2587a.7985.7985 0 1 0-1.5971 0v6.0573c0 .441.3575.7985.7985.7985h6.0573a.7985.7985 0 1 0 0-1.5971z" }), /* @__PURE__ */ D.createElement("path", { d: "M19.7667.2333a.7965.7965 0 0 0-1.1265 0l-7.0489 7.0489a.7966.7966 0 0 0 1.1265 1.1265l7.049-7.049a.7966.7966 0 0 0 0-1.1264zM8.4087 11.5913a.7965.7965 0 0 0-1.1265 0l-7.0489 7.049a.7965.7965 0 1 0 1.1265 1.1264l7.0489-7.049a.7965.7965 0 0 0 0-1.1264z" }))), Bl = (e) => /* @__PURE__ */ D.createElement("svg", { width: 17, height: 15, viewBox: "0 0 17 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.7219 5.2691C8.6668 4.2126 7.7435 2.4757 7.0638 1.00772C7.0445 1.00316 7.0206 1 6.9941 1C6.9675 1 6.9436 1.00316 6.9243 1.00773C6.2447 2.4757 5.322 4.2122 4.2662 5.2687C3.2106 6.325 1.47501 7.2485 0.00802994 7.9287C0.00328994 7.9483 0 7.9728 0 8C0 8.0271 0.00324982 8.0515 0.00793982 8.071C1.47467 8.751 3.2101 9.6743 4.2659 10.7311C5.322 11.7875 6.2448 13.5244 6.9245 14.9923C6.9437 14.9969 6.9675 15 6.994 15C7.0205 15 7.0444 14.9968 7.0636 14.9923C7.7433 13.5244 8.666 11.7877 9.7215 10.7315M9.7215 10.7315C10.773 9.6791 12.4531 8.7468 13.8721 8.0577C13.8756 8.0415 13.878 8.0217 13.878 7.9998C13.878 7.9779 13.8756 7.9582 13.8721 7.942C12.4537 7.2529 10.7734 6.3207 9.7219 5.2691", fill: "white" }), /* @__PURE__ */ D.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.4808 1.52468C15.104 1.14737 14.7742 0.52704 14.5315 0.00275993C14.5246 0.00112993 14.5161 0 14.5066 0C14.4971 0 14.4885 0.00112993 14.4817 0.00275993C14.2389 0.52705 13.9094 1.14721 13.5323 1.52455C13.1553 1.9018 12.5355 2.2316 12.0116 2.4745C12.0099 2.4815 12.0087 2.4903 12.0087 2.5C12.0087 2.5097 12.0099 2.5184 12.0115 2.5254C12.5354 2.7682 13.1552 3.098 13.5322 3.4754C13.9094 3.8527 14.239 4.473 14.4817 4.9972C14.4886 4.9989 14.4971 5 14.5066 5C14.516 5 14.5246 4.9989 14.5314 4.9972C14.7742 4.473 15.1037 3.8528 15.4806 3.4755M15.4806 3.4755C15.8562 3.0997 16.4562 2.7667 16.963 2.5206C16.9643 2.5148 16.9651 2.5078 16.9651 2.4999C16.9651 2.4921 16.9643 2.4851 16.963 2.4793C16.4565 2.2332 15.8563 1.90026 15.4808 1.52468", fill: "white" })), Il = (e) => /* @__PURE__ */ D.createElement("svg", { width: 18, height: 16, viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("path", { d: "M1.18528 15.25L9 1.03773L16.8147 15.25H1.18528Z", stroke: "white" })), Ml = (e) => /* @__PURE__ */ D.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ...e }, /* @__PURE__ */ D.createElement("path", { d: "M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14C30,8.3,23.7,2,16,2z M14.9,8h2.2v11h-2.2V8z M16,25   c-0.8,0-1.5-0.7-1.5-1.5S15.2,22,16,22c0.8,0,1.5,0.7,1.5,1.5S16.8,25,16,25z", fill: "currentColor" })), xn = (e) => /* @__PURE__ */ D.createElement("svg", { width: 16, height: 16, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ D.createElement("path", { d: "M12 3H4v10h8V3Z", fill: "#000" }), /* @__PURE__ */ D.createElement("path", { d: "M8 1C4.15 1 1 4.15 1 8s3.15 7 7 7 7-3.15 7-7-3.15-7-7-7Zm-.55 3h1.1v5.5h-1.1V4ZM8 12.5c-.4 0-.75-.35-.75-.75S7.6 11 8 11s.75.35.75.75-.35.75-.75.75Z", fill: "#FF832B" })), Sl = u.div`
+}, cl = "--", ll = (e, A) => e + cl + ol(A), dl = (e) => /* @__PURE__ */ k.createElement("svg", { width: 2, height: 10, viewBox: "0 0 2 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { d: "M1 2C1.55228 2 2 1.55228 2 1C2 0.447715 1.55228 0 1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2Z", fill: "white" }), /* @__PURE__ */ k.createElement("path", { d: "M1 6C1.55228 6 2 5.55228 2 5C2 4.44772 1.55228 4 1 4C0.447715 4 0 4.44772 0 5C0 5.55228 0.447715 6 1 6Z", fill: "white" }), /* @__PURE__ */ k.createElement("path", { d: "M1 10C1.55228 10 2 9.55228 2 9C2 8.44771 1.55228 8 1 8C0.447715 8 0 8.44771 0 9C0 9.55228 0.447715 10 1 10Z", fill: "white" })), ul = (e) => /* @__PURE__ */ k.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { d: "M14.7685 5.87999L13.12 4.23149C12.9713 4.08325 12.7699 4 12.56 4C12.3501 4 12.1487 4.08325 12 4.23149L5 11.2337V14H7.7663L14.7685 6.99999C14.9167 6.85132 15 6.64994 15 6.43999C15 6.23004 14.9167 6.02866 14.7685 5.87999ZM7.3521 13H6V11.6479L10.7205 6.92744L12.0725 8.27954L7.3521 13ZM12.7795 7.57249L11.4275 6.22044L12.5611 5.08684L13.9132 6.43894L12.7795 7.57249Z", fill: "white" }), /* @__PURE__ */ k.createElement("rect", { x: 1, y: 2, width: 10, height: 1, fill: "white" }), /* @__PURE__ */ k.createElement("rect", { x: 1, y: 5, width: 7, height: 1, fill: "white" }), /* @__PURE__ */ k.createElement("rect", { x: 1, y: 8, width: 4, height: 1, fill: "white" })), pl = (e) => /* @__PURE__ */ k.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", className: "bi bi-envelope", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ k.createElement("path", { d: "M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z" })), hl = (e) => /* @__PURE__ */ k.createElement("svg", { viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("g", { fill: "#52C16B" }, /* @__PURE__ */ k.createElement("path", { d: "M9 0C4.0374 0 0 4.0375 0 9c0 4.9627 4.0374 9 9 9s9-4.0373 9-9c0-4.9625-4.0374-9-9-9zm0 16.3636c-4.0604 0-7.3636-3.3032-7.3636-7.3635 0-4.0604 3.3032-7.3637 7.3636-7.3637S16.3636 4.9397 16.3636 9c0 4.0603-3.3033 7.3635-7.3636 7.3635z" }), /* @__PURE__ */ k.createElement("path", { d: "M5.101 9.85C5.0337 9.78 5 9.675 5 9.605s.0337-.175.101-.245l.4711-.49c.1346-.14.3366-.14.4712 0l.0336.035 1.851 2.065c.0673.07.1683.07.2356 0l4.5096-4.865h.0336c.1346-.14.3366-.14.4712 0l.4711.49c.1347.14.1347.35 0 .49l-5.3846 5.81c-.0673.07-.1346.105-.2356.105s-.1682-.035-.2355-.105l-2.625-2.94-.0673-.105z" }))), fl = (e) => /* @__PURE__ */ k.createElement("svg", { width: 17, height: 16, viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("g", { clipPath: "url(#clip0_2557_56096)" }, /* @__PURE__ */ k.createElement("rect", { width: 16, height: 16, transform: "translate(0.5)", fill: "transparent" }), /* @__PURE__ */ k.createElement("g", { clipPath: "url(#clip1_2557_56096)" }, /* @__PURE__ */ k.createElement("path", { d: "M9.69601 7.99995L15.5 4.63295V11.3669L9.69601 7.99995ZM8.90401 7.30395C8.78141 7.37414 8.67952 7.47547 8.60866 7.59769C8.5378 7.71991 8.50049 7.85868 8.50049 7.99995C8.50049 8.14122 8.5378 8.27999 8.60866 8.40221C8.67952 8.52442 8.78141 8.62576 8.90401 8.69595L15.267 12.3879C15.787 12.6899 16.5 12.3449 16.5 11.6919V4.30795C16.5 3.65495 15.787 3.30995 15.267 3.61195L8.90401 7.30395Z" }), /* @__PURE__ */ k.createElement("path", { d: "M1.69601 7.99995L7.50001 4.63295V11.3669L1.69601 7.99995ZM0.904006 7.30395C0.781405 7.37414 0.679521 7.47547 0.608663 7.59769C0.537805 7.71991 0.500488 7.85868 0.500488 7.99995C0.500488 8.14122 0.537805 8.27999 0.608663 8.40221C0.679521 8.52442 0.781405 8.62576 0.904006 8.69595L7.26701 12.3879C7.78701 12.6899 8.50001 12.3449 8.50001 11.6919V4.30795C8.50001 3.65495 7.78701 3.30995 7.26701 3.61195L0.904006 7.30395Z" }))), /* @__PURE__ */ k.createElement("defs", null, /* @__PURE__ */ k.createElement("clipPath", { id: "clip0_2557_56096" }, /* @__PURE__ */ k.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.5)" })), /* @__PURE__ */ k.createElement("clipPath", { id: "clip1_2557_56096" }, /* @__PURE__ */ k.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.5)" })))), gl = (e) => /* @__PURE__ */ k.createElement("svg", { width: 180, height: 180, viewBox: "0 0 180 180", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { d: "M150.804 55.8922L150.494 49.0623H126.417C126.82 39.786 126.418 29.1415 126.418 29.1415H53.5819C53.5819 29.1415 53.1795 39.786 53.5831 49.0623H29.5059L29.1962 55.8922C29.1692 56.4865 28.6164 70.6236 35.6237 86.0315C41.7589 99.5223 54.8975 116.447 82.846 122.946V131.977H77.9039V138.148H53.4032V152.456H126.597V138.148H102.096V131.977H97.1541V122.946C125.102 116.447 138.241 99.5222 144.376 86.0315C151.384 70.6235 150.831 56.4865 150.804 55.8922ZM48.8725 80.5957C45.861 74.1454 44.5261 67.8866 43.9383 63.3704H54.7619C56.2251 75.2305 59.1824 88.702 65.0259 99.9776C58.0146 95.0724 52.6113 88.6029 48.8725 80.5957ZM101.322 104.518H79.4116V92.1394H101.322V104.518ZM101.331 73.5114C101.279 80.9953 97.5643 85.2491 90.3501 85.2491C83.1358 85.2491 79.4211 80.9929 79.4211 73.5658L79.4116 49.2818C79.4637 41.798 83.1784 37.5441 90.3926 37.5441C97.6069 37.5441 101.322 41.8004 101.322 49.2818V53.8029H94.3864V48.8089C94.3864 45.4702 92.8801 44.1791 90.5652 44.1791C88.2007 44.1247 86.7417 45.4158 86.7417 48.7545V73.9962C86.7417 77.3349 88.2503 78.5196 90.5652 78.5196C92.9298 78.5196 94.3864 77.3373 94.3864 73.9962V67.321H101.331V73.5114ZM131.352 80.1083C127.607 88.3417 122.128 94.9736 114.974 99.9781C120.817 88.7023 123.775 75.2307 125.238 63.3704H136.06C135.486 67.7767 134.203 73.8395 131.352 80.1083Z", fill: "#FC5D0D" })), ml = (e) => /* @__PURE__ */ k.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { fill: "currentColor", d: "M13 5H11V11H5V13H11V19H13V13H19V11H13V5Z" })), wl = (e) => /* @__PURE__ */ k.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ k.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M22.0833 10H1.9167c-.55 0-.9167.3667-.9167.9167V12.75c0 .55.3667.9167.9167.9167h20.1666c.55 0 .9167-.3667.9167-.9167v-1.8333c0-.55-.3667-.9167-.9167-.9167z" })), bl = (e) => /* @__PURE__ */ k.createElement("svg", { viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { fill: "currentColor", d: "M.531 8.031H1.697c.2461 2.798 2.487 5.026 5.272 5.2721v1.1658c0 .285.2332.5311.5311.5311.285 0 .531-.2332.531-.531V13.303c2.798-.2461 5.026-2.487 5.2721-5.272h1.1658c.285 0 .5311-.2332.5311-.5311 0-.285-.2332-.531-.531-.531H13.303c-.2461-2.798-2.487-5.026-5.272-5.2721V.531C8.031.246 7.7979 0 7.5 0c-.285 0-.531.2332-.531.531V1.697c-2.798.2461-5.026 2.487-5.2721 5.272H.531C.233 6.969 0 7.2021 0 7.5c0 .298.2461.531.531.531zm4.3654-1.062H2.759c.246-2.2151 2.0077-3.9768 4.2098-4.21v2.1374c0 .285.2332.531.5311.531.285 0 .531-.2331.531-.531V2.759c2.2151.246 3.9768 2.0077 4.21 4.2098h-2.1374c-.285 0-.531.2332-.531.5311 0 .285.2331.531.531.531h2.1373c-.246 2.2151-2.0077 3.9768-4.2098 4.21v-2.1374c0-.285-.2332-.531-.5311-.531-.285 0-.531.2331-.531.531v2.1373c-2.2151-.246-3.9768-2.0077-4.21-4.2098h2.1374c.285 0 .531-.2332.531-.5311 0-.285-.246-.531-.531-.531z" })), vl = (e) => /* @__PURE__ */ k.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...e }, /* @__PURE__ */ k.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.8557 1.5478a.3332.3332 0 0 0-.328-.009l-5.5162 2.9204-5.516-2.9204a.5482.5482 0 0 0-.0627-.0234c-.046-.0113-.0647-.0127-.0837-.0133-.0434 0-.061.0033-.0788.0073-.0213.0047-2.0354.6745-6.042 2.0096A.3334.3334 0 0 0 1 3.8356v14.3471a.334.334 0 0 0 .3337.3336.3279.3279 0 0 0 .1054-.0173l5.8876-1.9625 5.5577 2.2885c.0514.016.0887.025.127.025a.334.334 0 0 0 .0888-.013c.0407-.0154.0548-.019.0674-.0257l5.6721-3.0029a.334.334 0 0 0 .1775-.295V1.8338a.334.334 0 0 0-.1615-.286zM2.0598 4.6795l4.6633-1.5897v12.188l-4.6633 1.5898V4.6796zM7.783 3.0898l4.5573 2.6495v11.6583L7.783 15.2779V3.0898zm10.1744 11.9761l-4.5043 2.3317V5.7393l4.5043-2.6495v11.9761z" })), El = (e) => /* @__PURE__ */ k.createElement("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ k.createElement("path", { d: "M7.8434 11.358H1.7862a.7985.7985 0 1 0 0 1.5971h5.2587v5.2587a.7985.7985 0 1 0 1.597 0v-6.0572a.7985.7985 0 0 0-.7985-.7986zM18.2138 7.0449h-5.2586V1.7862a.7985.7985 0 1 0-1.5971 0v6.0572c0 .441.3575.7986.7985.7986h6.0572a.7985.7985 0 1 0 0-1.5971z" }), /* @__PURE__ */ k.createElement("path", { d: "M19.7667.2333a.7965.7965 0 0 0-1.1265 0l-7.0489 7.0489a.7966.7966 0 0 0 1.1265 1.1265l7.049-7.049a.7966.7966 0 0 0 0-1.1264zM8.4087 11.5913a.7965.7965 0 0 0-1.1265 0l-7.0489 7.049a.7965.7965 0 1 0 1.1265 1.1264l7.0489-7.049a.7965.7965 0 0 0 0-1.1264z" }))), yl = (e) => /* @__PURE__ */ k.createElement("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ k.createElement("path", { d: "M19.2015 0h-6.0573a.7985.7985 0 1 0 0 1.5971h5.2587v5.2587a.7985.7985 0 1 0 1.5971 0V.7985A.7985.7985 0 0 0 19.2015 0zM6.8558 18.4029H1.597v-5.2587a.7985.7985 0 1 0-1.5971 0v6.0573c0 .441.3575.7985.7985.7985h6.0573a.7985.7985 0 1 0 0-1.5971z" }), /* @__PURE__ */ k.createElement("path", { d: "M19.7667.2333a.7965.7965 0 0 0-1.1265 0l-7.0489 7.0489a.7966.7966 0 0 0 1.1265 1.1265l7.049-7.049a.7966.7966 0 0 0 0-1.1264zM8.4087 11.5913a.7965.7965 0 0 0-1.1265 0l-7.0489 7.049a.7965.7965 0 1 0 1.1265 1.1264l7.0489-7.049a.7965.7965 0 0 0 0-1.1264z" }))), Bl = (e) => /* @__PURE__ */ k.createElement("svg", { width: 17, height: 15, viewBox: "0 0 17 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.7219 5.2691C8.6668 4.2126 7.7435 2.4757 7.0638 1.00772C7.0445 1.00316 7.0206 1 6.9941 1C6.9675 1 6.9436 1.00316 6.9243 1.00773C6.2447 2.4757 5.322 4.2122 4.2662 5.2687C3.2106 6.325 1.47501 7.2485 0.00802994 7.9287C0.00328994 7.9483 0 7.9728 0 8C0 8.0271 0.00324982 8.0515 0.00793982 8.071C1.47467 8.751 3.2101 9.6743 4.2659 10.7311C5.322 11.7875 6.2448 13.5244 6.9245 14.9923C6.9437 14.9969 6.9675 15 6.994 15C7.0205 15 7.0444 14.9968 7.0636 14.9923C7.7433 13.5244 8.666 11.7877 9.7215 10.7315M9.7215 10.7315C10.773 9.6791 12.4531 8.7468 13.8721 8.0577C13.8756 8.0415 13.878 8.0217 13.878 7.9998C13.878 7.9779 13.8756 7.9582 13.8721 7.942C12.4537 7.2529 10.7734 6.3207 9.7219 5.2691", fill: "white" }), /* @__PURE__ */ k.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.4808 1.52468C15.104 1.14737 14.7742 0.52704 14.5315 0.00275993C14.5246 0.00112993 14.5161 0 14.5066 0C14.4971 0 14.4885 0.00112993 14.4817 0.00275993C14.2389 0.52705 13.9094 1.14721 13.5323 1.52455C13.1553 1.9018 12.5355 2.2316 12.0116 2.4745C12.0099 2.4815 12.0087 2.4903 12.0087 2.5C12.0087 2.5097 12.0099 2.5184 12.0115 2.5254C12.5354 2.7682 13.1552 3.098 13.5322 3.4754C13.9094 3.8527 14.239 4.473 14.4817 4.9972C14.4886 4.9989 14.4971 5 14.5066 5C14.516 5 14.5246 4.9989 14.5314 4.9972C14.7742 4.473 15.1037 3.8528 15.4806 3.4755M15.4806 3.4755C15.8562 3.0997 16.4562 2.7667 16.963 2.5206C16.9643 2.5148 16.9651 2.5078 16.9651 2.4999C16.9651 2.4921 16.9643 2.4851 16.963 2.4793C16.4565 2.2332 15.8563 1.90026 15.4808 1.52468", fill: "white" })), Il = (e) => /* @__PURE__ */ k.createElement("svg", { width: 18, height: 16, viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { d: "M1.18528 15.25L9 1.03773L16.8147 15.25H1.18528Z", stroke: "white" })), Ml = (e) => /* @__PURE__ */ k.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ...e }, /* @__PURE__ */ k.createElement("path", { d: "M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14C30,8.3,23.7,2,16,2z M14.9,8h2.2v11h-2.2V8z M16,25   c-0.8,0-1.5-0.7-1.5-1.5S15.2,22,16,22c0.8,0,1.5,0.7,1.5,1.5S16.8,25,16,25z", fill: "currentColor" })), xn = (e) => /* @__PURE__ */ k.createElement("svg", { width: 16, height: 16, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ k.createElement("path", { d: "M12 3H4v10h8V3Z", fill: "#000" }), /* @__PURE__ */ k.createElement("path", { d: "M8 1C4.15 1 1 4.15 1 8s3.15 7 7 7 7-3.15 7-7-3.15-7-7-7Zm-.55 3h1.1v5.5h-1.1V4ZM8 12.5c-.4 0-.75-.35-.75-.75S7.6 11 8 11s.75.35.75.75-.35.75-.75.75Z", fill: "#FF832B" })), Sl = u.div`
   height: 30px;
   margin: 5px 10px;
 `, Dl = u(hl)`
@@ -9206,7 +9212,7 @@ function rt(e, A, t) {
 }
 const qn = N(({ element: e }) => {
   const { displayNotification: A } = tA(_), [t, s] = y(!1), [n, r] = y(!1), [a, o] = y(""), [c, l] = y(!1), { instanceKey: d, processInstance: p } = m.state, h = yt(e), b = aA.state.statistics.some(
-    ({ activityId: P, active: S }) => P === e.id && S > 0
+    ({ activityId: P, active: D }) => P === e.id && D > 0
   ) && en.includes(e.businessObject.$type) && h !== void 0;
   F(() => {
     l(!1);
@@ -9226,13 +9232,13 @@ const qn = N(({ element: e }) => {
         errorCode: a,
         taskDefinitionType: h
       });
-      const S = B.find(
+      const D = B.find(
         (Q) => Q.errorCode === a
       )?.errorElementId;
       A?.success(
         {
           title: Zn({
-            elementId: S,
+            elementId: D,
             errorCode: a
           })
         },
@@ -9263,7 +9269,7 @@ const qn = N(({ element: e }) => {
     h,
     a,
     d
-  ]), C = U(async () => {
+  ]), S = U(async () => {
     A?.error(
       {
         title: $.title,
@@ -9301,10 +9307,10 @@ const qn = N(({ element: e }) => {
           variables: R || void 0,
           taskDefinitionType: h
         }), G.trackUserCompletesElement(e, R)), !P)
-          C(), l(!1);
+          S(), l(!1);
         else {
-          const S = CA({ prefillSource: I }) || void 0;
-          rt(e, A, S);
+          const D = CA({ prefillSource: I }) || void 0;
+          rt(e, A, D);
         }
       }
     },
@@ -9340,13 +9346,13 @@ const qn = N(({ element: e }) => {
         element: e,
         onSubmit: async (P) => {
           s(!1), l(!0);
-          let S = !1;
-          S = await Ae.completeJob({
+          let D = !1;
+          D = await Ae.completeJob({
             taskDefinitionType: h,
             processInstanceKey: p?.key,
             variables: P,
             elementId: e.id
-          }), S && p !== void 0 && (oA(q(p.key), {
+          }), D && p !== void 0 && (oA(q(p.key), {
             action: "completeJob",
             type: "serviceTask",
             elementId: e.id,
@@ -9359,7 +9365,7 @@ const qn = N(({ element: e }) => {
             processId: w.processId,
             elementId: e.id,
             variables: P ?? ""
-          })), S ? rt(e, A) : (C(), l(!1));
+          })), D ? rt(e, A) : (S(), l(!1));
         }
       }
     ),
@@ -9384,9 +9390,9 @@ const qn = N(({ element: e }) => {
             id: "error",
             "aria-label": "Select an Error",
             items: B.map(
-              ({ errorCode: P, errorName: S, errorElementId: Q }) => ({
+              ({ errorCode: P, errorName: D, errorElementId: Q }) => ({
                 id: P,
-                label: S ?? Q
+                label: D ?? Q
               })
             ),
             onChange: ({ selectedItem: P }) => {
@@ -9422,9 +9428,9 @@ class Jd extends hn {
   constructor() {
     super(), nA(this, {
       state: fA,
-      startRewinding: k,
-      endRewinding: k,
-      reset: k
+      startRewinding: C,
+      endRewinding: C,
+      reset: C
     });
   }
   startRewinding = () => {
@@ -10063,10 +10069,10 @@ const _n = N(({ element: e, addOverlay: A }) => {
       v
     );
   }
-  const C = le.startSignalCandidates?.find(
+  const S = le.startSignalCandidates?.find(
     (v) => v.elementId === e.id
   );
-  if (C && t === void 0) {
+  if (S && t === void 0) {
     const v = A(
       e,
       "BROADCAST_SIGNAL_BUTTON",
@@ -10077,7 +10083,7 @@ const _n = N(({ element: e, addOverlay: A }) => {
         at,
         {
           element: e,
-          signalCandidate: C,
+          signalCandidate: S,
           isStartEvent: !0
         }
       ),
@@ -10333,7 +10339,7 @@ const nu = ({
       document.body?.removeEventListener("click", I, !0);
     };
   }, [n, g]);
-  const { x: C, y: R } = p.arrow ?? {};
+  const { x: S, y: R } = p.arrow ?? {};
   return e === null ? null : Y(
     /* @__PURE__ */ i(
       eu,
@@ -10354,7 +10360,7 @@ const nu = ({
               style: {
                 ...tu({
                   side: su(h),
-                  x: we(C),
+                  x: we(S),
                   y: we(R)
                 })
               }
@@ -10969,13 +10975,13 @@ const Wu = ({
   fetchFilesByDecisionId: b,
   fetchFilesByFormId: B,
   fetchFileById: E,
-  fetchTestsByProcessId: C,
+  fetchTestsByProcessId: S,
   createFile: R,
   featureFlags: I,
   consoleDashboardPageUrl: v,
   isUserOrgOwnerOrAdmin: V,
   organizationManagementPageUrl: P,
-  currentDiagramRevision: S,
+  currentDiagramRevision: D,
   updateFileById: Q,
   originAppInstanceId: O,
   canUserSaveExampleData: X,
@@ -11033,7 +11039,7 @@ const Wu = ({
       xml: t,
       consoleDashboardPageUrl: v,
       clusterId: ne,
-      currentDiagramRevision: S,
+      currentDiagramRevision: D,
       updateFileById: Q,
       originAppInstanceId: O,
       canUserSaveExampleData: X,
@@ -11054,7 +11060,7 @@ const Wu = ({
     n,
     t,
     v,
-    S,
+    D,
     Q,
     O,
     X,
@@ -11063,14 +11069,14 @@ const Wu = ({
     jA
   ]), F(() => {
     x.init({
-      fetchTestsByProcessId: C,
+      fetchTestsByProcessId: S,
       displayNotification: l,
       createFile: R,
       updateFileById: Q,
       originAppInstanceId: O
     });
   }, [
-    C,
+    S,
     l,
     O,
     R,