@camunda/play 3.2.2-rc.2 → 3.3.0

package/build/index.js

@@ -151173,1611 +151173,1612 @@ class xZt extends Oh {
   }
 }
 const HT = new xZt();
-function su(i) {
-  return new Promise((e) => {
-    let t = 0;
-    const n = 10, r = setInterval(async () => {
-      const s = await i();
-      s !== null && (clearInterval(r), e(s)), t++, t >= n && (clearInterval(r), e(null));
-    }, cy);
-  });
-}
-const SZt = ({
-  instanceKey: i,
-  elementId: e
-}) => su(async () => {
-  const { userTasks: t } = await ct.fetchUserTasks(i), n = t?.find(
-    ({ taskDefinitionId: r, taskState: s }) => r === e && s !== "COMPLETED"
-  );
-  return n !== void 0 ? n : null;
-}), R7e = ({
-  instanceKey: i,
-  elementId: e
-}) => su(async () => {
-  const { flowNodeInstances: t } = await ct.fetchFlowNodeInstances(i), n = t?.find(
-    ({ flowNodeId: r, state: s }) => r === e && s !== "COMPLETED"
+function SZt(i, e) {
+  const [t, n] = ye(
+    () => Be.state.instanceKey
+  ), [r, s] = ye(
+    () => wt.state.processDefinitionKey
   );
-  return n !== void 0 ? n : null;
-}), DZt = ({
-  instanceKey: i,
-  elementId: e
-}) => su(async () => {
-  const { incidents: t } = await ct.fetchIncidents(i), { flowNodeInstances: n } = await ct.fetchFlowNodeInstances(i);
-  return t.find((s) => {
-    const o = n?.find(
-      ({ incidentKey: a, flowNodeId: l }) => a !== void 0 && a === s.key && l === e
-    );
-    return ["ACTIVE", "MIGRATED"].includes(s.state) && o !== void 0;
-  }) ?? null;
-});
-function ir(i) {
-  const e = JSON.parse(
-    localStorage.getItem("historyEntries") || "[]"
+  Ve(
+    () => ps(
+      () => Be.state.instanceKey,
+      (c) => n(c)
+    ),
+    []
+  ), Ve(
+    () => ps(
+      () => wt.state.processDefinitionKey,
+      (c) => s(c)
+    ),
+    []
   );
-  for (e.includes(i) || e.push(i); e.length > 20; ) {
-    const n = e.shift();
-    localStorage.removeItem("history " + n);
-  }
-  return localStorage.setItem("historyEntries", JSON.stringify(e)), `history ${i}`;
-}
-function io(i, e) {
-  const t = localStorage.getItem(i) || "[]", n = JSON.parse(t);
-  localStorage.setItem(i, JSON.stringify([...n, e]));
-}
-function V7e(i, e) {
-  localStorage.setItem(i, JSON.stringify(e));
-}
-function $v(i) {
-  return JSON.parse(localStorage.getItem(i) || "[]");
-}
-function MZt(i) {
-  const e = $v(i);
-  return e.length > 0 && e[0].action === "startInstance";
-}
-function B7e(i) {
-  return su(async () => {
-    const { processInstances: e, success: t } = await ct.fetchInstances(
-      wt.state.processDefinitionKey
-    );
-    if (t) {
-      const n = e[0];
-      return n && n.key !== i[0]?.key ? n.key : null;
-    } else
-      return null;
-  });
+  const o = Lb(
+    async function(d) {
+      gb.fetchUserTasks(d), VT.fetchTimers({ instanceKey: d }), qf.fetchIncidents(d), ca.fetchVariables({}), sr.fetchFlowNodeInstances(d), mb.fetchChildInstances({});
+    },
+    150
+  ), a = Lb(
+    async function() {
+      QVe.fetchTimers();
+    },
+    150
+  ), l = async function() {
+    o(t), a();
+  };
+  return Ve(() => {
+    if (!(i === "saas" && e === void 0))
+      return t ? (Be.init(), Nr.init(), z2.init(), ta.init(), HT.init(), gb.init(), sr.init(), ca.init(), mb.init(), qf.init()) : (qf.init(), BT.init(r)), () => {
+        Kg.reset(), VT.reset(), qf.reset(), gb.reset(), ca.reset(), mb.reset(), sr.reset(), Nr.reset(), z2.reset(), ta.reset(), HT.reset(), BT.reset(), ul.reset();
+      };
+  }, [i, e, t, r]), {
+    reloadFailedAPIs: l
+  };
 }
-const LZt = ({
-  processId: i,
-  element: e,
-  isSubProcessStartEvent: t,
-  activeElementIds: n,
-  isProcessRunning: r
-}) => {
-  if (!r || !t)
-    return !1;
-  const s = e.$parent.id, o = e.$parent?.$parent?.id, a = n.includes(s) || s === i, l = n.includes(o) || o === i;
-  return e.isInterrupting ? l && !a : l;
-}, WB = ({
-  processId: i,
-  isProcessRunning: e,
-  candidate: t,
-  activeElementIds: n
-}) => n.includes(t.elementId) || t.attachedToElementId && n.includes(t.attachedToElementId) || LZt({
-  element: t.element,
-  activeElementIds: n,
-  isProcessRunning: e,
-  isSubProcessStartEvent: t.isSubProcessStartEvent,
-  processId: i
-}), kZt = (i, e) => {
-  if (i && i.startsWith("=")) {
-    const t = i.substring(1), n = e.find(
-      (r) => r.name === t
-    );
-    return n?.value && k7(n?.value) ? JSON.parse(n.value) : i.substring(1);
-  }
-};
-class NZt {
-  constructor() {
-    Fs(this, {
-      startMessageSubscriptionCandidates: Ei.struct,
-      activeMessageSubscriptionCandidates: Ei.struct
-    });
-  }
-  get activeMessageSubscriptionCandidates() {
-    const { messageSubscriptionCandidates: e } = Rt, { activeElementIdsWithoutIncident: t } = ta, { variables: n } = ca.state, r = Be.state.processInstance?.state === "ACTIVE";
-    return e.filter(
-      (s) => WB({
-        processId: wt.processId,
-        activeElementIds: t,
-        candidate: s,
-        isProcessRunning: r
-      })
-    ).map((s) => ({
-      ...s,
-      keyCandidate: kZt(
-        s.messageCorrelationKey,
-        n
-      )
-    }));
+const qr = pEe({
+  featureFlags: {
+    areAIFeaturesEnabled: !1,
+    isSaveExampleDataEnabled: !1,
+    isReplayScenariosEnabled: !1
   }
-  get startMessageSubscriptionCandidates() {
-    return Rt.messageSubscriptionCandidates.filter(
-      (e) => FB(e.element) && !zVe(e.element)
-    );
+}), DZt = G(CI)`
+  fill: #da1e28;
+`, MZt = G(gI)`
+  fill: #525252;
+`, LZt = G(bI)`
+  fill: #24a148;
+`, kZt = {
+  ACTIVE: LZt,
+  COMPLETED: MZt,
+  INCIDENT: DZt,
+  CANCELED: Bd,
+  TERMINATED: Bd
+}, WB = ({ state: i, ...e }) => {
+  const t = kZt[i] || Bd;
+  return /* @__PURE__ */ E.jsx(t, { ...e, "data-testid": `state-${i}` });
+}, KVe = (i) => {
+  try {
+    return new Intl.DateTimeFormat("en-US", {
+      hour: "numeric",
+      minute: "numeric",
+      hour12: !0
+    }).format(new Date(i));
+  } catch {
+    return i;
   }
-}
-const PT = new NZt();
-class TZt {
-  constructor() {
-    Fs(this, {
-      activeSignalCandidates: Ei.struct,
-      startSignalCandidates: Ei.struct
-    });
+}, JS = (i = "white") => `'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon fill="${i}" points="12.5 16.45 7.55 11.5 8.964 10.086 12.5 13.621 16.036 10.086 17.45 11.5"/></svg>'`, NZt = G.button`
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  white-space: nowrap;
+  font-family: inherit;
+  font-size: 14px;
+  padding: 0 21px;
+  cursor: pointer;
+  text-decoration: none;
+  outline: none;
+  color: inherit;
+  background-repeat: no-repeat;
+  background-position: calc(100% - 10px) center;
+  border-radius: 0;
+  border-width: 1px;
+  border-style: solid;
+  border-color: transparent;
+
+  .cds--btn::-moz-focus-inner {
+    padding: 0;
+    border: 0;
   }
-  get activeSignalCandidates() {
-    const { signalCandidates: e } = Rt, { activeElementIdsWithoutIncident: t } = ta, n = Be.state.processInstance?.state === "ACTIVE";
-    return e.filter(
-      (r) => WB({
-        processId: wt.processId,
-        activeElementIds: t,
-        candidate: r,
-        isProcessRunning: n
-      })
-    );
+
+  &[disabled] {
+    box-shadow: none;
+    cursor: not-allowed;
+    pointer-events: none;
   }
-  get startSignalCandidates() {
-    return Rt.signalCandidates.filter(
-      (e) => zB(e.element) && !WVe(e.element)
-    );
+
+  .loader {
+    position: absolute;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
   }
-}
-const FT = new TZt(), H7e = ({
-  instanceKey: i,
-  elementId: e,
-  candidates: t
-}) => su(async () => {
-  const { statistics: n } = await ct.fetchStatistics(i), { processInstance: r } = await ct.fetchInstanceDetails(i);
-  return t.filter(
-    (o) => WB({
-      processId: wt.processId,
-      activeElementIds: n.filter(
-        ({ active: a, incidents: l }) => Number(a) > 0 && Number(l) === 0
-      ).map(({ activityId: a }) => a),
-      candidate: o,
-      isProcessRunning: r.state === "ACTIVE"
-    })
-  ).some((o) => o.elementId === e) ? !0 : null;
-});
-class KVe {
-  startNewInstance = async function(t, n = "{}") {
-    return (await ct.startInstance({
-      bpmnProcessId: t,
-      variables: n
-    })).instanceId;
-  };
-  handleMessageEvent = async function({
-    messageName: t,
-    messageId: n,
-    variables: r,
-    messageCorrelationKey: s,
-    timeToLive: o,
-    elementId: a,
-    isStartEvent: l,
-    instanceKey: c
-  }) {
-    if (!l && !await H7e({
-      instanceKey: c,
-      elementId: a,
-      candidates: Rt.messageSubscriptionCandidates
-    }))
-      return console.error("could not find active message subscription"), { success: !1 };
-    await ct.publishMessage({
-      messageName: t,
-      correlationKey: s,
-      variables: r,
-      timeToLive: o,
-      messageId: n
-    });
-  };
-  handleSignalEvent = async function({
-    signalName: t,
-    variables: n,
-    elementId: r,
-    isStartEvent: s,
-    instanceKey: o
-  }) {
-    if (!s && !await H7e({
-      instanceKey: o,
-      elementId: r,
-      candidates: Rt.signalCandidates
-    }))
-      return console.error("could not find active signal candidate"), { success: !1 };
-    await ct.broadcastSignal({
-      signalName: t,
-      variables: n
-    });
-  };
-  handleUserTask = async function({
-    elementId: t,
-    instanceKey: n,
-    variables: r = "{}"
-  }) {
-    const s = await SZt({
-      instanceKey: n,
-      elementId: t
-    });
-    return s === null ? { success: !1 } : ct.completeUserTask({
-      taskId: s?.id,
-      variables: r,
-      isZeebeUserTask: s?.implementation === "ZEEBE_USER_TASK"
-    });
-  };
-  handleServiceTask = async function({
-    elementId: t,
-    instanceKey: n,
-    taskDefinitionType: r,
-    variables: s = "{}"
-  }) {
-    return await R7e({
-      instanceKey: n,
-      elementId: t
-    }) === null ? { success: !1 } : ct.completeJob({
-      processInstanceKey: n,
-      taskDefinitionType: r,
-      variables: s,
-      elementId: t
-    });
-  };
-  handleThrowError = async function({
-    elementId: t,
-    instanceKey: n,
-    taskDefinitionType: r,
-    errorCode: s = ""
-  }) {
-    return await R7e({
-      instanceKey: n,
-      elementId: t
-    }) === null ? { success: !1 } : ct.throwError({
-      taskDefinitionType: r,
-      processInstanceKey: n,
-      errorCode: s,
-      elementId: t
-    });
-  };
-  handleResolveIncident = async function({
-    elementId: t,
-    instanceKey: n,
-    hasJob: r
-  }) {
-    const s = await DZt({
-      instanceKey: n,
-      elementId: t
-    });
-    return s === null ? { success: !1 } : (r && await ct.updateRetries({
-      jobKey: s.jobKey,
-      retries: 1
-    }), ct.resolveIncident(s.key));
-  };
-  handleSetVariables = async function({
-    instanceKey: t,
-    scope: n,
-    variables: r
-  }) {
-    return ct.setVariables({
-      elementInstanceKey: n ?? t ?? 0,
-      variablesString: r
-    });
-  };
-  createNewInstance = async ({
-    startActionType: e,
-    bpmnProcessId: t,
-    variables: n
-  }) => {
-    const { processInstances: r, success: s } = await ct.fetchInstances(
-      wt.state.processDefinitionKey
-    );
-    if (!s)
-      return;
-    let o;
-    if (e === "start-event")
-      o = await this.startNewInstance(t, n);
-    else if (e === "message-start-event") {
-      const a = sr.completedElementInstances.find(
-        ({ type: c }) => c === "START_EVENT"
-      ), l = PT.startMessageSubscriptionCandidates?.find(
-        ({ elementId: c }) => c === a?.flowNodeId
-      );
-      l === void 0 ? o = await this.startNewInstance(t, n) : (await this.handleMessageEvent({
-        messageName: l?.messageName,
-        variables: n,
-        isStartEvent: !0,
-        elementId: l.elementId
-      }), o = await B7e(r) ?? void 0);
-    } else if (e == "broadcast-signal-event") {
-      const a = sr.completedElementInstances.find(
-        ({ type: c }) => c === "START_EVENT"
-      ), l = FT.startSignalCandidates?.find(
-        ({ elementId: c }) => c === a?.flowNodeId
-      );
-      l === void 0 ? o = await this.startNewInstance(t, n) : (await this.handleSignalEvent({
-        signalName: l?.signalName,
-        variables: n,
-        isStartEvent: !0,
-        elementId: l.elementId
-      }), o = await B7e(r) ?? void 0);
-    }
-    return o;
-  };
-  repeatUserActions = async ({
-    newInstanceKey: e,
-    actions: t,
-    untilElementId: n,
-    breakOnFailure: r
-  }) => {
-    let s = { success: !0 };
-    const o = [];
-    for (const a of t) {
-      if (a.action === "startInstance") {
-        o.push(a);
-        continue;
-      }
-      if (n !== void 0 && a.action !== "setVariables" && a.elementId === n)
-        break;
-      switch (a.action) {
-        case "completeJob": {
-          a.type === "userTask" ? s = await this.handleUserTask({
-            elementId: a.elementId,
-            instanceKey: e,
-            variables: a.variables
-          }) : s = await this.handleServiceTask({
-            elementId: a.elementId,
-            taskDefinitionType: a.taskDefinitionType,
-            instanceKey: e,
-            variables: a.variables
-          });
-          break;
+
+  ${({ $variant: i, $isDropdown: e }) => {
+  if (i === "primary")
+    return `
+        background-color: var(--cds-blue-60, #0f62fe);
+        ${e ? `background-image: url(${JS()}); padding-right: 40px;` : ""};
+        color: white;
+        font-weight: bold;
+
+        &:not([disabled]):hover {
+          background-color: var(--cds-blue-70, #0043ce);
         }
-        case "publishMessage": {
-          await this.handleMessageEvent({
-            messageName: a.messageName,
-            messageId: a.messageId,
-            variables: a.variables,
-            timeToLive: a.timeToLive,
-            elementId: a.elementId,
-            messageCorrelationKey: a.messageCorrelationKey,
-            isStartEvent: !1,
-            instanceKey: e
-          });
-          break;
+
+        &:not([disabled]):focus {
+          border-color: var(--cds-blue-60);
+          box-shadow: inset 0 0 0 1px var(--cds-blue-60, #0f62fe),inset 0 0 0 2px white
         }
-        case "broadcastSignal": {
-          await this.handleSignalEvent({
-            signalName: a.signalName,
-            variables: a.variables,
-            isStartEvent: !1,
-            elementId: a.elementId,
-            instanceKey: e
-          });
-          break;
+
+        &:not([disabled]):active {
+          background-color: var(--cds-blue-80, #002d9c)
         }
-        case "throwJob": {
-          s = await this.handleThrowError({
-            elementId: a.elementId,
-            taskDefinitionType: a.taskDefinitionType,
-            instanceKey: e,
-            errorCode: a.errorCode
-          });
-          break;
+
+        &[disabled] {
+          background-color: var(--cds-blue-40, #78a9ff);
         }
-        case "resolveIncident": {
-          s = await this.handleResolveIncident({
-            elementId: a.elementId,
-            instanceKey: e,
-            hasJob: a.hasJob
-          });
-          break;
+      `;
+  if (i === "danger-primary")
+    return `
+        border-size: 1px;
+        border-color: var(--cm-color-button-red3, #ff0a0a);
+        background-color: var(--cm-color-red-base, #ff3d3d);
+        color: white;
+        font-weight: bold;
+      `;
+  if (i === "secondary")
+    return `
+        background-color: var(--silver-base-97);
+        ${e ? `background-image: url(${JS(
+      "hsl(0,0%,33%)"
+    )}); padding-right: 40px;` : ""};
+        color: var(--grey-darken-30);
+        border: 1px solid var(--silver-darken-80);
+        font-weight: bold;
+
+        &:not([disabled]):hover, &:not([disabled]):focus {
+          background-color: var(--silver-darken-94);
+          border-color: var(--silver-darken-80);
         }
-        case "setVariables": {
-          await this.handleSetVariables({
-            instanceKey: e,
-            scope: e,
-            variables: a.variables
-          });
-          break;
+
+        &:not([disabled]):active {
+          background-color: var(--silver-darken-87);
+          border-color: var(--silver-darken-80);
         }
-      }
-      if (r && !s.success)
-        return V7e(ir(e), o), { success: !1 };
-      o.push(a);
-    }
-    return V7e(ir(e), o), { success: !0 };
-  };
-}
-const P7e = {
-  scenarios: [],
-  scenarioRuns: {},
-  selectedScenario: void 0
-};
-let IZt = class extends KVe {
-  state = { ...P7e };
-  constructor() {
-    super(), Fs(this, {
-      state: oi,
-      setScenarios: kt,
-      allCoveredFlowNodeIds: Ei,
-      totalCoverage: Ei,
-      diffCoverage: Ei,
-      isAnyScenarioRunning: Ei,
-      startRunningSingleScenario: kt,
-      updateSingleScenarioRun: kt,
-      deleteScenario: kt,
-      reset: kt
-    });
+
+        &[disabled] {
+          background-color: var(--silver-base-97);
+          border-color: var(--silver-darken-87);
+          color: var(--grey-lighten-56);
+        }
+      `;
+  if (i === "text")
+    return `
+        font-weight: 500;
+        background-color: transparent;
+        ${e ? `background-image: url(${JS("hsl(0,0%,33%)")});` : ""};
+        border: none;
+        padding: ${e ? "0 35px 0 0" : "0"};
+        margin: 0;
+      `;
+}}
+  ${({ $size: i }) => i == "small" ? `
+        height: 30px;
+        border-radius: 2px;
+        line-height: 26px;
+        font-size: 13px;
+        ` : `
+      height: 36px;
+      line-height: 32px;
+      border-radius: 3px;
+    `}
+`, TZt = G.div`
+  display: flex;
+  align-items: center;
+
+  &.is-loading {
+    opacity: 0.35;
   }
-  setScenarios = (e) => {
-    this.state.scenarios = L7(e);
+`, $c = s1(
+  ({
+    children: i,
+    component: e = "button",
+    dropdown: t = !1,
+    disabled: n = !1,
+    loading: r = !1,
+    lightLoader: s = !1,
+    loaderSize: o = "normal",
+    size: a = "normal",
+    variant: l = "primary",
+    ...c
+  }, d) => /* @__PURE__ */ E.jsx(
+    NZt,
+    {
+      as: e,
+      ref: d,
+      $isDropdown: t,
+      disabled: r || n,
+      $size: a,
+      $variant: l,
+      ...c,
+      children: r ? /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
+        /* @__PURE__ */ E.jsx(RZt, { className: "loader", light: s, size: o }),
+        /* @__PURE__ */ E.jsx(TZt, { className: "is-loading", children: i })
+      ] }) : i
+    }
+  )
+), IZt = U2`
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+`, OZt = G.span`
+  display: inline-block;
+  width: ${({ size: i = "small" }) => i == "small" ? "20px" : "40px"};
+  height: ${({ size: i = "small" }) => i == "small" ? "20px" : "40px"};
+  border-radius: 50%;
+  border: ${({ size: i = "small" }) => i == "small" ? "2px" : "4px"} solid
+    ${({ light: i = !1 }) => i ? "white" : "var(--cds-blue-60)"};
+  border-bottom-color: transparent;
+  animation: ${IZt} 1.2s linear infinite;
+`, RZt = OZt, VZt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", className: "bi bi-clock", viewBox: "0 0 16 16", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z" }), /* @__PURE__ */ ve.createElement("path", { d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z" })), BZt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M15 4.5L13.5 3L9 7.5L4.5 3L3 4.5L7.5 9L3 13.5L4.5 15L9 10.5L13.5 15L15 13.5L10.5 9L15 4.5Z", fill: "currentColor" })), HZt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 2, height: 10, viewBox: "0 0 2 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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__ */ ve.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__ */ ve.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" })), YVe = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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__ */ ve.createElement("rect", { x: 1, y: 2, width: 10, height: 1, fill: "white" }), /* @__PURE__ */ ve.createElement("rect", { x: 1, y: 5, width: 7, height: 1, fill: "white" }), /* @__PURE__ */ ve.createElement("rect", { x: 1, y: 8, width: 4, height: 1, fill: "white" })), PZt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", className: "bi bi-envelope", viewBox: "0 0 16 16", ...i }, /* @__PURE__ */ ve.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" })), FZt = (i) => /* @__PURE__ */ ve.createElement("svg", { style: {
+  paddingLeft: 4
+}, width: 11, height: 12, viewBox: "0 0 11 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M0.5 12C0.367392 12 0.240215 11.9473 0.146447 11.8535C0.0526785 11.7598 1.36127e-09 11.6326 1.36127e-09 11.5V0.499976C-6.40951e-06 0.413085 0.0226312 0.327692 0.065681 0.252216C0.108731 0.176739 0.170707 0.113784 0.245499 0.0695563C0.320292 0.0253287 0.405319 0.00135537 0.4922 -1.73655e-07C0.57908 -0.00135572 0.664814 0.0199533 0.74095 0.0618261L10.7409 5.56183C10.8194 5.60497 10.8848 5.66839 10.9304 5.74546C10.976 5.82252 11 5.91042 11 5.99995C11 6.08949 10.976 6.17738 10.9304 6.25445C10.8848 6.33152 10.8194 6.39493 10.7409 6.43808L0.74095 11.9381C0.667127 11.9787 0.584248 12 0.5 12Z", fill: "white" })), N7 = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", className: "bi bi-arrow-counterclockwise", viewBox: "0 0 16 16", ...i }, /* @__PURE__ */ ve.createElement("path", { fillRule: "evenodd", d: "M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z" }), /* @__PURE__ */ ve.createElement("path", { d: "M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z" })), zZt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("g", { fill: "#52C16B" }, /* @__PURE__ */ ve.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__ */ ve.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" }))), WZt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 17, height: 16, viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("g", { clipPath: "url(#clip0_2557_56096)" }, /* @__PURE__ */ ve.createElement("rect", { width: 16, height: 16, transform: "translate(0.5)", fill: "transparent" }), /* @__PURE__ */ ve.createElement("g", { clipPath: "url(#clip1_2557_56096)" }, /* @__PURE__ */ ve.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__ */ ve.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__ */ ve.createElement("defs", null, /* @__PURE__ */ ve.createElement("clipPath", { id: "clip0_2557_56096" }, /* @__PURE__ */ ve.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.5)" })), /* @__PURE__ */ ve.createElement("clipPath", { id: "clip1_2557_56096" }, /* @__PURE__ */ ve.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.5)" })))), jZt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 180, height: 180, viewBox: "0 0 180 180", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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" })), ZZt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { fill: "currentColor", d: "M13 5H11V11H5V13H11V19H13V13H19V11H13V5Z" })), UZt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...i }, /* @__PURE__ */ ve.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" })), qZt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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" })), GZt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...i }, /* @__PURE__ */ ve.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" })), QZt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ ve.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__ */ ve.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" }))), KZt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ ve.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__ */ ve.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" }))), YZt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 17, height: 15, viewBox: "0 0 17 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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__ */ ve.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" })), XZt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 18, height: 16, viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M1.18528 15.25L9 1.03773L16.8147 15.25H1.18528Z", stroke: "white" })), JZt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ...i }, /* @__PURE__ */ ve.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" })), $Zt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 16, height: 16, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M12 3H4v10h8V3Z", fill: "#000" }), /* @__PURE__ */ ve.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" })), eUt = G.div`
+  position: fixed;
+  z-index: var(--z-dialog);
+  right: 0;
+  bottom: 0;
+  top: 0;
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`, tUt = G.div`
+  position: relative;
+  background-color: white;
+  box-shadow:
+    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
+    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
+    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
+  margin: 32px;
+  overflow-y: auto;
+  width: 100%;
+  max-width: ${({ $maxWidth: i }) => `${i}px`};
+  max-height: calc(100% - 64px);
+  border-radius: var(--spacing-tiny);
+`, nUt = G.header`
+  text-align: center;
+  padding: 15px 25px;
+  border-bottom: 1px solid var(--silver-darken-87);
+`, iUt = G.h2.attrs({ id: "dialog-title" })`
+  margin: 0;
+  font-size: 16px;
+`, rUt = G.p`
+  margin: 0;
+`, sUt = G.div`
+  padding: 25px;
+`, oUt = G.footer`
+  display: flex;
+  padding: 15px 25px;
+  align-items: center;
+  justify-content: ${({
+  //@ts-expect-error Property 'justify' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, never>'.ts(2339)
+  justify: i
+}) => `${i || "flex-end"}`};
+  border-top: 1px solid var(--silver-darken-87);
+  background-color: var(--silver-darken-94);
+
+  > *:not(:last-child) {
+    margin-right: 5px;
+  }
+`, aUt = G.div`
+  position: absolute;
+  top: 11px;
+  right: 5px;
+  z-index: 1;
+`, Dr = ({
+  open: i,
+  clickOutsideToClose: e = !0,
+  onClose: t,
+  onConfirm: n,
+  children: r,
+  maxWidth: s = 750,
+  ...o
+}) => {
+  const a = an();
+  Ve(() => {
+    if (i) {
+      const u = l();
+      u.length > 0 && u[0].focus();
+    }
+  }, [i]);
+  const l = () => a.current ? Array.from(
+    //@ts-expect-error Property 'querySelectorAll' does not exist on type 'never'.ts(2339)
+    a.current.querySelectorAll("select, input, textarea, button, a")
+  ).filter(
+    //@ts-expect-error 'element' is of type 'unknown'.ts(18046)
+    (u) => !u.disabled
+  ) : [], c = (u) => {
+    if (u.key == "Escape" && typeof t == "function")
+      return t();
+    if (u.key == "Enter" && typeof n == "function")
+      return n(u);
+    const f = l();
+    u.key == "Tab" && f.length > 0 && f.indexOf(document.activeElement) == f.length - 1 && (u.preventDefault(), f[0].focus());
+  }, d = (u) => {
+    u.currentTarget == u.target && typeof t == "function" && e && t();
   };
-  get allCoveredFlowNodeIds() {
-    return Rt.flowNodeIds.filter(
-      (e) => this.state.scenarios.some(
-        ({ coveredFlowNodeIds: t }) => t.includes(e)
-      )
-    );
+  return i ? on(
+    /* @__PURE__ */ E.jsx(eUt, { onClick: d, children: /* @__PURE__ */ E.jsxs(
+      tUt,
+      {
+        tabIndex: 1,
+        onKeyDown: c,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": "dialog-title",
+        ref: a,
+        $maxWidth: s,
+        ...o,
+        children: [
+          t && /* @__PURE__ */ E.jsx(aUt, { children: /* @__PURE__ */ E.jsx(
+            hUt,
+            {
+              onClick: t,
+              variant: "inherit",
+              title: "Close the dialog",
+              "data-test": "close-dialog",
+              children: /* @__PURE__ */ E.jsx(BZt, { width: "16", height: "16" })
+            }
+          ) }),
+          r
+        ]
+      }
+    ) }),
+    document.body
+  ) : null;
+}, lUt = ({ children: i }) => /* @__PURE__ */ E.jsx(nUt, { children: i });
+Dr.Header = lUt;
+Dr.Title = iUt;
+Dr.Subtitle = rUt;
+Dr.Content = sUt;
+Dr.Footer = oUt;
+const cUt = G.button`
+  border-radius: ${({ noRadius: i }) => i ? "inherit" : "50%"};
+  cursor: pointer;
+  border: none;
+  background-color: transparent;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  outline: none;
+  color: inherit;
+
+  &::-moz-focus-inner {
+    border: 0;
   }
-  get allCoveredSequenceFlows() {
-    return this.state.scenarios.flatMap(
-      ({ coveredSequenceFlows: e }) => e
-    );
+
+  &:not([disabled]):hover {
+    background-color: rgba(0, 0, 0, 0.07);
   }
-  get totalCoverage() {
-    return this.allCoveredFlowNodeIds.length / Rt.flowNodeIds.length * 100;
+
+  &:not([disabled]):active {
+    background-color: rgba(0, 0, 0, 0.16);
   }
-  get diffCoverage() {
-    const e = sr.state.elementInstances.map(
-      ({ flowNodeId: r }) => r
-    ), n = Array.from(
-      /* @__PURE__ */ new Set([...this.allCoveredFlowNodeIds, ...e])
-    ).length / Rt.flowNodeIds.length * 100;
-    return Math.max(0, n - this.totalCoverage);
+
+  &[disabled] {
+    color: var(--grey-lighten-56);
+    cursor: not-allowed;
   }
-  replay = async ({
-    processId: e,
-    actions: t
-  }) => {
-    const n = t.find(
-      ({ action: a }) => a === "startInstance"
-    );
-    if (n === void 0)
-      return { isCompleted: !1 };
-    const r = await this.createNewInstance({
-      startActionType: n.type,
-      variables: n.variables,
-      bpmnProcessId: e
-    });
-    if (r === void 0)
-      return { isCompleted: !1 };
-    const { success: s } = await this.repeatUserActions({
-      newInstanceKey: r,
-      actions: t,
-      breakOnFailure: !0
-    });
-    return s ? { isCompleted: await this.isScenarioCompleted({
-      instanceKey: r
-    }), processInstanceKeyForScenarioRun: r } : {
-      isCompleted: !1,
-      processInstanceKeyForScenarioRun: r
-    };
-  };
-  startRunningSingleScenario = (e) => {
-    if (this.state.scenarioRuns[e] === void 0) {
-      this.state.scenarioRuns[e] = {
-        status: "Running"
-      };
-      return;
-    }
-    this.state.scenarioRuns[e] = {
-      ...this.state.scenarioRuns[e],
-      status: "Running"
-    };
-  };
-  runSingleScenario = async ({
-    name: e,
-    processId: t,
-    actions: n
-  }) => {
-    this.startRunningSingleScenario(e);
-    const { isCompleted: r, processInstanceKeyForScenarioRun: s } = await this.replay({
-      processId: t,
-      actions: n
-    });
-    this.updateSingleScenarioRun(e, {
-      status: r ? "Completed" : "Failed",
-      instanceKey: s
-    });
-  };
-  updateSingleScenarioRun = (e, t) => {
-    this.state.scenarioRuns[e] = t;
-  };
-  getScenarioRun = (e) => xi.state.scenarioRuns[e];
-  isScenarioCompleted = ({
-    instanceKey: e
-  }) => su(async () => {
-    const { processInstance: t } = await ct.fetchInstanceDetails(e);
-    return t.state === "COMPLETED" ? !0 : null;
-  });
-  get isAnyScenarioRunning() {
-    return Object.values(this.state.scenarioRuns).some(
-      (e) => e.status === "Running"
-    );
-  }
-  setSelectedScenario = (e) => {
-    this.state.selectedScenario = e;
-  };
-  clearSelectedScenario = () => {
-    this.state.selectedScenario = void 0;
-  };
-  deleteScenario = ({
-    scenario: e,
-    processId: t
-  }) => {
-    nZt(t, e.key), delete this.state.scenarioRuns[e.name];
-  };
-  reset = () => {
-    this.state = { ...P7e };
-  };
-};
-const xi = new IZt();
-function OZt(i, e) {
-  const [t, n] = ye(
-    () => Be.state.instanceKey
-  ), [r, s] = ye(
-    () => wt.state.processDefinitionKey
-  );
-  Ve(
-    () => ps(
-      () => Be.state.instanceKey,
-      (c) => n(c)
-    ),
-    []
-  ), Ve(
-    () => ps(
-      () => wt.state.processDefinitionKey,
-      (c) => s(c)
-    ),
-    []
-  );
-  const o = Lb(
-    async function(d) {
-      gb.fetchUserTasks(d), VT.fetchTimers({ instanceKey: d }), qf.fetchIncidents(d), ca.fetchVariables({}), sr.fetchFlowNodeInstances(d), mb.fetchChildInstances({});
-    },
-    150
-  ), a = Lb(
-    async function() {
-      QVe.fetchTimers();
-    },
-    150
-  ), l = async function() {
-    o(t), a();
-  };
-  return Ve(() => {
-    if (!(i === "saas" && e === void 0))
-      return t ? (Be.init(), Nr.init(), z2.init(), ta.init(), HT.init(), gb.init(), sr.init(), ca.init(), mb.init(), qf.init()) : (qf.init(), BT.init(r)), () => {
-        Kg.reset(), VT.reset(), qf.reset(), gb.reset(), ca.reset(), mb.reset(), sr.reset(), Nr.reset(), z2.reset(), ta.reset(), HT.reset(), BT.reset(), ul.reset(), xi.reset();
-      };
-  }, [i, e, t, r]), {
-    reloadFailedAPIs: l
-  };
-}
-const qr = pEe({
-  featureFlags: {
-    areAIFeaturesEnabled: !1,
-    isSaveExampleDataEnabled: !1,
-    isReplayScenariosEnabled: !1
-  }
-}), RZt = G(CI)`
-  fill: #da1e28;
-`, VZt = G(gI)`
-  fill: #525252;
-`, BZt = G(bI)`
-  fill: #24a148;
-`, HZt = {
-  ACTIVE: BZt,
-  COMPLETED: VZt,
-  INCIDENT: RZt,
-  CANCELED: Bd,
-  TERMINATED: Bd
-}, jB = ({ state: i, ...e }) => {
-  const t = HZt[i] || Bd;
-  return /* @__PURE__ */ E.jsx(t, { ...e, "data-testid": `state-${i}` });
-}, YVe = (i) => {
-  try {
-    return new Intl.DateTimeFormat("en-US", {
-      hour: "numeric",
-      minute: "numeric",
-      hour12: !0
-    }).format(new Date(i));
-  } catch {
-    return i;
-  }
-}, JS = (i = "white") => `'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><polygon fill="${i}" points="12.5 16.45 7.55 11.5 8.964 10.086 12.5 13.621 16.036 10.086 17.45 11.5"/></svg>'`, PZt = G.button`
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  font-family: inherit;
-  font-size: 14px;
-  padding: 0 21px;
-  cursor: pointer;
-  text-decoration: none;
-  outline: none;
-  color: inherit;
-  background-repeat: no-repeat;
-  background-position: calc(100% - 10px) center;
-  border-radius: 0;
-  border-width: 1px;
-  border-style: solid;
-  border-color: transparent;
 
-  .cds--btn::-moz-focus-inner {
-    padding: 0;
-    border: 0;
-  }
+  ${({ isActive: i, isHover: e }) => {
+  if (i)
+    return `
+      background-color: rgba(0, 0, 0, 0.16);
+      opacity: 1 !important;
 
-  &[disabled] {
-    box-shadow: none;
+      &:hover {
+        background-color: rgba(0, 0, 0, 0.16);
+      }
+    `;
+  if (e) return "background-color: rgba(0, 0, 0, 0.07);";
+}}
+
+  ${({ size: i = "normal" }) => i == "small" ? `
+        height: 30px;
+        width: 30px;
+      ` : `
+      height: 36px;
+      width: 36px;
+    `}
+`, hUt = cUt, dUt = G.input`
+  font: inherit;
+  color: var(--grey-darken-33);
+  width: 100%;
+
+  border: 1px solid
+    ${({
+  //@ts-expect-error Property 'error' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>'.ts(2339)
+  error: i
+}) => i ? "var(--red-base-62)" : "var(--silver-darken-80)"};
+  margin: 0;
+  height: 36px;
+  padding: 8px 15px;
+  background-color: white;
+  transition: border 0.15s linear;
+  border-radius: 3px;
+  -webkit-tap-highlight-color: transparent;
+  outline: none;
+  box-sizing: border-box;
+
+  &:disabled {
+    background-color: var(--silver-base-97);
     cursor: not-allowed;
-    pointer-events: none;
   }
 
-  .loader {
-    position: absolute;
-    margin-left: auto;
-    margin-right: auto;
-    left: 0;
-    right: 0;
+  &:focus {
+    border-color: var(--cds-blue-60);
   }
 
-  ${({ $variant: i, $isDropdown: e }) => {
-  if (i === "primary")
-    return `
-        background-color: var(--cds-blue-60, #0f62fe);
-        ${e ? `background-image: url(${JS()}); padding-right: 40px;` : ""};
-        color: white;
-        font-weight: bold;
-
-        &:not([disabled]):hover {
-          background-color: var(--cds-blue-70, #0043ce);
-        }
+  &::-ms-reveal,
+  &::-ms-clear {
+    display: none;
+  }
+`, uUt = G.textarea`
+  font: inherit;
+  color: var(--grey-darken-33);
+  width: 100%;
+  border: 1px solid
+    ${({
+  //@ts-expect-error Property 'error' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>'.ts(2339)
+  error: i
+}) => i ? "var(--red-base-62)" : "var(--silver-darken-80)"};
+  margin: 0;
+  padding: 8px 15px;
+  min-height: 36px;
+  ${({
+  //@ts-expect-error Property 'grow' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>'.ts(2339)
+  grow: i
+}) => i ? "max-height: 100px" : ""};
+  background-color: white;
+  line-height: 1.3;
+  transition: border 0.15s linear;
+  border-radius: 3px;
+  -webkit-tap-highlight-color: transparent;
+  outline: none;
+  box-sizing: border-box;
 
-        &:not([disabled]):focus {
-          border-color: var(--cds-blue-60);
-          box-shadow: inset 0 0 0 1px var(--cds-blue-60, #0f62fe),inset 0 0 0 2px white
-        }
+  &:disabled {
+    background-color: var(--silver-base-97);
+    cursor: not-allowed;
+  }
 
-        &:not([disabled]):active {
-          background-color: var(--cds-blue-80, #002d9c)
-        }
+  &:focus {
+    border-color: var(--cds-blue-60);
+  }
+`, fUt = G.label`
+  display: block;
+  margin-bottom: var(--spacing-tiny);
+`;
+G.p`
+  margin: 3px 0 0 0;
+  font-size: 12px;
+  color: var(--red-darken-52);
+`;
+const pUt = G.div`
+  width: 100%;
+  position: relative;
 
-        &[disabled] {
-          background-color: var(--cds-blue-40, #78a9ff);
-        }
-      `;
-  if (i === "danger-primary")
-    return `
-        border-size: 1px;
-        border-color: var(--cm-color-button-red3, #ff0a0a);
-        background-color: var(--cm-color-red-base, #ff3d3d);
-        color: white;
-        font-weight: bold;
-      `;
-  if (i === "secondary")
-    return `
-        background-color: var(--silver-base-97);
-        ${e ? `background-image: url(${JS(
-      "hsl(0,0%,33%)"
-    )}); padding-right: 40px;` : ""};
-        color: var(--grey-darken-30);
-        border: 1px solid var(--silver-darken-80);
-        font-weight: bold;
+  ${({
+  //@ts-expect-error Property 'hasMarginBottom' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>'.ts(2339)
+  hasMarginBottom: i
+}) => i && "margin-bottom: 15px"};
+`;
+s1(
+  ({
+    label: i,
+    error: e = !1,
+    multiline: t = !1,
+    grow: n = !1,
+    type: r = "text",
+    hasMarginBottom: s = !1,
+    ...o
+  }, a) => {
+    const l = i?.toLowerCase() + "-" + Math.random().toString(36).replace(/[^a-z]+/g, "").substr(2, 10), c = (u) => {
+      const f = u ? u.target : a.current;
+      f.style.height = "initial";
+      const p = window.getComputedStyle(f), g = parseInt(p.getPropertyValue("border-top-width"), 10) + f.scrollHeight + parseInt(p.getPropertyValue("border-bottom-width"), 10);
+      f.style.height = g + "px";
+    }, d = (u) => {
+      u.key == "Enter" && c();
+    };
+    return Ve(() => {
+      if (t && a && a.current) {
+        const u = a.current;
+        return u.addEventListener("input", c), u.addEventListener("keyup", d), c(), () => {
+          u.removeEventListener("input", c), u.removeEventListener("keyup", d);
+        };
+      }
+    }, []), //@ts-expect-error Property 'hasMarginBottom' does not exist on type 'IntrinsicAttributes & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>'.ts(2769)
+    /* @__PURE__ */ E.jsxs(pUt, { hasMarginBottom: s, children: [
+      i && /* @__PURE__ */ E.jsx(fUt, { htmlFor: l, children: i }),
+      t ? (
+        //@ts-expect-error Type 'ForwardedRef<HTMLDivElement>' is not assignable to type 'LegacyRef<HTMLTextAreaElement> | undefined'.ts(2769)
+        /* @__PURE__ */ E.jsx(
+          uUt,
+          {
+            ...o,
+            grow: n,
+            id: i ? l : null,
+            error: e,
+            ref: a
+          }
+        )
+      ) : (
+        //@ts-expect-error Type 'ForwardedRef<HTMLDivElement>' is not assignable to type 'LegacyRef<HTMLInputElement> | undefined'.ts(2769)
+        /* @__PURE__ */ E.jsx(
+          dUt,
+          {
+            type: r,
+            maxLength: ujt,
+            ...o,
+            id: i ? l : null,
+            error: e,
+            ref: a
+          }
+        )
+      )
+    ] });
+  }
+);
+const R7e = 5, gUt = U2`
+  from { opacity: 0; }
+  to { opacity: 1; }
+`, mUt = G.div`
+  position: fixed;
+  top: ${({ $position: i }) => `${i.top}px`};
+  left: ${({ $position: i }) => `${i.left}px`};
+  border-radius: 4px;
+  color: white;
+  z-index: var(--z-tooltip);
+  padding: 6px 8px;
+  max-width: 380px;
+  font-weight: 500;
+  word-break: break-word;
+  animation: ${gUt} 0.2s ease-out forwards;
 
-        &:not([disabled]):hover, &:not([disabled]):focus {
-          background-color: var(--silver-darken-94);
-          border-color: var(--silver-darken-80);
-        }
+  ${({ color: i }) => `
+      background-color: ${$S(i)};
+    `}
 
-        &:not([disabled]):active {
-          background-color: var(--silver-darken-87);
-          border-color: var(--silver-darken-80);
-        }
+  &::after {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    width: 0;
+    height: 0;
+    border: 5px solid transparent;
 
-        &[disabled] {
-          background-color: var(--silver-base-97);
-          border-color: var(--silver-darken-87);
-          color: var(--grey-lighten-56);
-        }
-      `;
-  if (i === "text")
-    return `
-        font-weight: 500;
-        background-color: transparent;
-        ${e ? `background-image: url(${JS("hsl(0,0%,33%)")});` : ""};
-        border: none;
-        padding: ${e ? "0 35px 0 0" : "0"};
-        margin: 0;
-      `;
+    ${({ $align: i, color: e }) => {
+  switch (i) {
+    case "bottom":
+      return `
+            border-bottom-color: ${$S(e)};
+            bottom: 100%;
+          `;
+    default:
+      return `
+            border-top-color: ${$S(e)};
+            top: 100%;
+          `;
+  }
 }}
-  ${({ $size: i }) => i == "small" ? `
-        height: 30px;
-        border-radius: 2px;
-        line-height: 26px;
-        font-size: 13px;
-        ` : `
-      height: 36px;
-      line-height: 32px;
-      border-radius: 3px;
-    `}
-`, FZt = G.div`
-  display: flex;
-  align-items: center;
 
-  &.is-loading {
-    opacity: 0.35;
+    ${({ $justify: i }) => {
+  switch (i) {
+    case "left":
+      return `left: ${R7e}px;`;
+    case "right":
+      return `right: ${R7e}px;`;
+    default:
+      return `
+            left: 50%;
+            transform: translateX(-50%);
+          `;
   }
-`, $c = s1(
-  ({
-    children: i,
-    component: e = "button",
-    dropdown: t = !1,
-    disabled: n = !1,
-    loading: r = !1,
-    lightLoader: s = !1,
-    loaderSize: o = "normal",
-    size: a = "normal",
-    variant: l = "primary",
-    ...c
-  }, d) => /* @__PURE__ */ E.jsx(
-    PZt,
-    {
-      as: e,
-      ref: d,
-      $isDropdown: t,
-      disabled: r || n,
-      $size: a,
-      $variant: l,
-      ...c,
-      children: r ? /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
-        /* @__PURE__ */ E.jsx(jZt, { className: "loader", light: s, size: o }),
-        /* @__PURE__ */ E.jsx(FZt, { className: "is-loading", children: i })
-      ] }) : i
-    }
-  )
-), zZt = U2`
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-`, WZt = G.span`
-  display: inline-block;
-  width: ${({ size: i = "small" }) => i == "small" ? "20px" : "40px"};
-  height: ${({ size: i = "small" }) => i == "small" ? "20px" : "40px"};
-  border-radius: 50%;
-  border: ${({ size: i = "small" }) => i == "small" ? "2px" : "4px"} solid
-    ${({ light: i = !1 }) => i ? "white" : "var(--cds-blue-60)"};
-  border-bottom-color: transparent;
-  animation: ${zZt} 1.2s linear infinite;
-`, jZt = WZt, ZZt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", className: "bi bi-clock", viewBox: "0 0 16 16", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z" }), /* @__PURE__ */ ve.createElement("path", { d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z" })), UZt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M15 4.5L13.5 3L9 7.5L4.5 3L3 4.5L7.5 9L3 13.5L4.5 15L9 10.5L13.5 15L15 13.5L10.5 9L15 4.5Z", fill: "currentColor" })), qZt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 2, height: 10, viewBox: "0 0 2 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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__ */ ve.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__ */ ve.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" })), XVe = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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__ */ ve.createElement("rect", { x: 1, y: 2, width: 10, height: 1, fill: "white" }), /* @__PURE__ */ ve.createElement("rect", { x: 1, y: 5, width: 7, height: 1, fill: "white" }), /* @__PURE__ */ ve.createElement("rect", { x: 1, y: 8, width: 4, height: 1, fill: "white" })), GZt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", className: "bi bi-envelope", viewBox: "0 0 16 16", ...i }, /* @__PURE__ */ ve.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" })), QZt = (i) => /* @__PURE__ */ ve.createElement("svg", { style: {
-  paddingLeft: 4
-}, width: 11, height: 12, viewBox: "0 0 11 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M0.5 12C0.367392 12 0.240215 11.9473 0.146447 11.8535C0.0526785 11.7598 1.36127e-09 11.6326 1.36127e-09 11.5V0.499976C-6.40951e-06 0.413085 0.0226312 0.327692 0.065681 0.252216C0.108731 0.176739 0.170707 0.113784 0.245499 0.0695563C0.320292 0.0253287 0.405319 0.00135537 0.4922 -1.73655e-07C0.57908 -0.00135572 0.664814 0.0199533 0.74095 0.0618261L10.7409 5.56183C10.8194 5.60497 10.8848 5.66839 10.9304 5.74546C10.976 5.82252 11 5.91042 11 5.99995C11 6.08949 10.976 6.17738 10.9304 6.25445C10.8848 6.33152 10.8194 6.39493 10.7409 6.43808L0.74095 11.9381C0.667127 11.9787 0.584248 12 0.5 12Z", fill: "white" })), N7 = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", className: "bi bi-arrow-counterclockwise", viewBox: "0 0 16 16", ...i }, /* @__PURE__ */ ve.createElement("path", { fillRule: "evenodd", d: "M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z" }), /* @__PURE__ */ ve.createElement("path", { d: "M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z" })), KZt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("g", { fill: "#52C16B" }, /* @__PURE__ */ ve.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__ */ ve.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" }))), YZt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 17, height: 16, viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("g", { clipPath: "url(#clip0_2557_56096)" }, /* @__PURE__ */ ve.createElement("rect", { width: 16, height: 16, transform: "translate(0.5)", fill: "transparent" }), /* @__PURE__ */ ve.createElement("g", { clipPath: "url(#clip1_2557_56096)" }, /* @__PURE__ */ ve.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__ */ ve.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__ */ ve.createElement("defs", null, /* @__PURE__ */ ve.createElement("clipPath", { id: "clip0_2557_56096" }, /* @__PURE__ */ ve.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.5)" })), /* @__PURE__ */ ve.createElement("clipPath", { id: "clip1_2557_56096" }, /* @__PURE__ */ ve.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.5)" })))), XZt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 180, height: 180, viewBox: "0 0 180 180", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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" })), JZt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { fill: "currentColor", d: "M13 5H11V11H5V13H11V19H13V13H19V11H13V5Z" })), $Zt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...i }, /* @__PURE__ */ ve.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" })), eUt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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" })), tUt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...i }, /* @__PURE__ */ ve.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" })), nUt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ ve.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__ */ ve.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" }))), iUt = (i) => /* @__PURE__ */ ve.createElement("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("g", { fill: "currentColor" }, /* @__PURE__ */ ve.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__ */ ve.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" }))), rUt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 17, height: 15, viewBox: "0 0 17 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.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__ */ ve.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" })), sUt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 18, height: 16, viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M1.18528 15.25L9 1.03773L16.8147 15.25H1.18528Z", stroke: "white" })), oUt = (i) => /* @__PURE__ */ ve.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ...i }, /* @__PURE__ */ ve.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" })), aUt = (i) => /* @__PURE__ */ ve.createElement("svg", { width: 16, height: 16, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ ve.createElement("path", { d: "M12 3H4v10h8V3Z", fill: "#000" }), /* @__PURE__ */ ve.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" })), lUt = G.div`
-  position: fixed;
-  z-index: var(--z-dialog);
-  right: 0;
-  bottom: 0;
-  top: 0;
-  left: 0;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-`, cUt = G.div`
-  position: relative;
-  background-color: white;
-  box-shadow:
-    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
-    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
-    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
-  margin: 32px;
-  overflow-y: auto;
-  width: 100%;
-  max-width: ${({ $maxWidth: i }) => `${i}px`};
-  max-height: calc(100% - 64px);
-  border-radius: var(--spacing-tiny);
-`, hUt = G.header`
-  text-align: center;
-  padding: 15px 25px;
-  border-bottom: 1px solid var(--silver-darken-87);
-`, dUt = G.h2.attrs({ id: "dialog-title" })`
-  margin: 0;
-  font-size: 16px;
-`, uUt = G.p`
-  margin: 0;
-`, fUt = G.div`
-  padding: 25px;
-`, pUt = G.footer`
-  display: flex;
-  padding: 15px 25px;
-  align-items: center;
-  justify-content: ${({
-  //@ts-expect-error Property 'justify' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, never>'.ts(2339)
-  justify: i
-}) => `${i || "flex-end"}`};
-  border-top: 1px solid var(--silver-darken-87);
-  background-color: var(--silver-darken-94);
-
-  > *:not(:last-child) {
-    margin-right: 5px;
+}}
   }
-`, gUt = G.div`
-  position: absolute;
-  top: 11px;
-  right: 5px;
-  z-index: 1;
-`, Dr = ({
-  open: i,
-  clickOutsideToClose: e = !0,
-  onClose: t,
-  onConfirm: n,
-  children: r,
-  maxWidth: s = 750,
-  ...o
-}) => {
-  const a = an();
-  Ve(() => {
-    if (i) {
-      const u = l();
-      u.length > 0 && u[0].focus();
-    }
-  }, [i]);
-  const l = () => a.current ? Array.from(
-    //@ts-expect-error Property 'querySelectorAll' does not exist on type 'never'.ts(2339)
-    a.current.querySelectorAll("select, input, textarea, button, a")
-  ).filter(
-    //@ts-expect-error 'element' is of type 'unknown'.ts(18046)
-    (u) => !u.disabled
-  ) : [], c = (u) => {
-    if (u.key == "Escape" && typeof t == "function")
-      return t();
-    if (u.key == "Enter" && typeof n == "function")
-      return n(u);
-    const f = l();
-    u.key == "Tab" && f.length > 0 && f.indexOf(document.activeElement) == f.length - 1 && (u.preventDefault(), f[0].focus());
-  }, d = (u) => {
-    u.currentTarget == u.target && typeof t == "function" && e && t();
+`, $S = (i) => i === "blue" ? "var(--cds-blue-60)" : "var(--grey-darken-33)", eD = 5, AUt = (i) => {
+  const e = ({
+    //@ts-expect-error Binding element 'children' implicitly has an 'any' type.ts(7031)
+    children: t,
+    //@ts-expect-error Binding element 'showOnlyOnOverflow' implicitly has an 'any' type.ts(7031)
+    showOnlyOnOverflow: n,
+    ...r
+  }) => {
+    const [s, o] = ye(), [a, l] = ye();
+    Ve(() => () => {
+    }, []), t = mEe.map(t, (d) => AEe(d, {
+      //@ts-expect-error Argument of type 'EventTarget & HTMLElement' is not assignable to parameter of type 'SetStateAction<undefined>'.ts(2345)
+      onMouseEnter: (u) => o(u.currentTarget),
+      onMouseLeave: () => {
+        r.interactive ? l(setTimeout(o, 200)) : o();
+      }
+    }));
+    let c = !1;
+    return c = !!s, n && (c = //@ts-expect-error 'anchorEl' is possibly 'undefined'.ts(18048)
+    !!s && s.scrollWidth > s.clientWidth), /* @__PURE__ */ E.jsxs(wEe, { children: [
+      t,
+      c && /* @__PURE__ */ E.jsx(
+        i,
+        {
+          anchorEl: s,
+          setAnchorEl: o,
+          timer: a,
+          ...r
+        }
+      )
+    ] });
   };
-  return i ? on(
-    /* @__PURE__ */ E.jsx(lUt, { onClick: d, children: /* @__PURE__ */ E.jsxs(
-      cUt,
+  return e.propTypes = {
+    interactive: Fw.PropTypes.bool,
+    showOnlyOnOverflow: Fw.PropTypes.bool
+  }, e.defaultProps = {
+    interactive: !1,
+    showOnlyOnOverflow: !1
+  }, e;
+}, wUt = ({
+  //@ts-expect-error Binding element 'timer' implicitly has an 'any' type.ts(7031)
+  timer: i,
+  //@ts-expect-error Binding element 'setAnchorEl' implicitly has an 'any' type.ts(7031)
+  setAnchorEl: e,
+  //@ts-expect-error Binding element 'anchorEl' implicitly has an 'any' type.ts(7031)
+  anchorEl: t,
+  title: n,
+  align: r = "bottom",
+  justify: s = "center",
+  controlledByTimer: o = !1,
+  color: a = "grey",
+  onClose: l,
+  keepOpen: c = !1
+}) => {
+  const [d, u] = ye({ top: 0, left: 0 }), [f, p] = ye(r), g = an();
+  return Ve(() => {
+    const { top: m, bottom: A, left: w, width: v } = t.getBoundingClientRect(), b = (
+      //@ts-expect-error 'tooltip.current' is possibly 'undefined'.ts(18048)
+      A + g.current.offsetHeight + eD > window.innerHeight
+    ), y = () => {
+      switch (s) {
+        case "left":
+          return w;
+        case "right":
+          return w + v - g.current.offsetWidth;
+        default:
+          return w - g.current.offsetWidth / 2 + v / 2;
+      }
+    }, S = () => f == "top" || b ? m - g.current.offsetHeight - eD - 5 : A + eD + 5;
+    b && p("top"), u({
+      top: S(),
+      left: y()
+    });
+  }, [t, t?.getBoundingClientRect().top]), Ve(() => {
+    if (o) {
+      const m = (A) => {
+        g.current.contains(A.target) || c || e();
+      };
+      return document.addEventListener("mousedown", m), () => {
+        document.removeEventListener("mousedown", m);
+      };
+    }
+  }, []), Ve(() => {
+    if (o && l)
+      return () => {
+        l();
+      };
+  }, []), on(
+    /* @__PURE__ */ E.jsx(
+      mUt,
       {
-        tabIndex: 1,
-        onKeyDown: c,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": "dialog-title",
-        ref: a,
-        $maxWidth: s,
-        ...o,
-        children: [
-          t && /* @__PURE__ */ E.jsx(gUt, { children: /* @__PURE__ */ E.jsx(
-            wUt,
-            {
-              onClick: t,
-              variant: "inherit",
-              title: "Close the dialog",
-              "data-test": "close-dialog",
-              children: /* @__PURE__ */ E.jsx(UZt, { width: "16", height: "16" })
-            }
-          ) }),
-          r
-        ]
+        onMouseEnter: () => clearTimeout(i),
+        onMouseLeave: () => !o && e(),
+        $position: d,
+        $justify: s,
+        $align: f,
+        ref: g,
+        color: a,
+        children: n
       }
-    ) }),
+    ),
     document.body
-  ) : null;
-}, mUt = ({ children: i }) => /* @__PURE__ */ E.jsx(hUt, { children: i });
-Dr.Header = mUt;
-Dr.Title = dUt;
-Dr.Subtitle = uUt;
-Dr.Content = fUt;
-Dr.Footer = pUt;
-const AUt = G.button`
-  border-radius: ${({ noRadius: i }) => i ? "inherit" : "50%"};
-  cursor: pointer;
-  border: none;
-  background-color: transparent;
-  padding: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  outline: none;
-  color: inherit;
+  );
+}, Wp = AUt(wUt), vUt = G.ul`
+  list-style: none;
+  margin: 4px 0 0 0;
+  position: fixed;
+  z-index: var(--z-dropdown);
+  border-radius: 3px;
+  padding: 5px 0;
+  min-width: 70px;
+  max-width: 350px;
 
-  &::-moz-focus-inner {
-    border: 0;
-  }
+  border-radius: 5px;
+  box-shadow: rgb(0 0 0 / 20%) 0px 1px 10px 0px;
+  background: var(--silver-base-98);
 
-  &:not([disabled]):hover {
-    background-color: rgba(0, 0, 0, 0.07);
-  }
+  ${({
+  //@ts-expect-error Property 'size' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>'.ts(2339)
+  size: i
+}) => {
+  if (i == "small")
+    return `
+        font-size: 13px;
 
-  &:not([disabled]):active {
-    background-color: rgba(0, 0, 0, 0.16);
-  }
+        li {
+          padding: 5px 10px;
+        }
 
-  &[disabled] {
-    color: var(--grey-lighten-56);
-    cursor: not-allowed;
-  }
+        a {
+          padding: 0;
+        }
+      `;
+}}
 
-  ${({ isActive: i, isHover: e }) => {
+  ${({
+  //@ts-expect-error Property 'width' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>'.ts(2339)
+  width: i
+}) => {
   if (i)
     return `
-      background-color: rgba(0, 0, 0, 0.16);
-      opacity: 1 !important;
-
-      &:hover {
-        background-color: rgba(0, 0, 0, 0.16);
-      }
-    `;
-  if (e) return "background-color: rgba(0, 0, 0, 0.07);";
+        min-width: ${i}px;
+      `;
 }}
 
-  ${({ size: i = "normal" }) => i == "small" ? `
-        height: 30px;
-        width: 30px;
-      ` : `
-      height: 36px;
-      width: 36px;
-    `}
-`, wUt = AUt, vUt = G.input`
-  font: inherit;
-  color: var(--grey-darken-33);
-  width: 100%;
-
-  border: 1px solid
-    ${({
-  //@ts-expect-error Property 'error' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>'.ts(2339)
-  error: i
-}) => i ? "var(--red-base-62)" : "var(--silver-darken-80)"};
-  margin: 0;
-  height: 36px;
-  padding: 8px 15px;
-  background-color: white;
-  transition: border 0.15s linear;
-  border-radius: 3px;
-  -webkit-tap-highlight-color: transparent;
+  hr {
+    margin: 5px 0;
+    height: 1px;
+    border: none;
+    background-color: var(--silver-darken-87);
+  }
+`, bUt = G.li`
+  display: flex;
+  align-items: center;
+  padding: ${({ $noPadding: i }) => i ? "0" : "7px 20px"};
+  position: relative;
+  color: var(--grey-darken-23);
+  white-space: nowrap;
   outline: none;
-  box-sizing: border-box;
+  font-size: 14px;
+  transition: all 150ms linear 0s;
+  border-radius: 3px;
 
-  &:disabled {
-    background-color: var(--silver-base-97);
-    cursor: not-allowed;
-  }
+  ${({ $isDangerous: i }) => i && "color: var(--red-darken-42);"}
 
-  &:focus {
-    border-color: var(--cds-blue-60);
-  }
+  ${({ $isDisabled: i }) => i ? `
+        color: var(--grey-lighten-56);
+        pointer-events: none;
+        ` : `
+        cursor: pointer;
 
-  &::-ms-reveal,
-  &::-ms-clear {
-    display: none;
-  }
-`, bUt = G.textarea`
-  font: inherit;
-  color: var(--grey-darken-33);
-  width: 100%;
-  border: 1px solid
-    ${({
-  //@ts-expect-error Property 'error' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>'.ts(2339)
-  error: i
-}) => i ? "var(--red-base-62)" : "var(--silver-darken-80)"};
-  margin: 0;
-  padding: 8px 15px;
-  min-height: 36px;
-  ${({
-  //@ts-expect-error Property 'grow' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>'.ts(2339)
-  grow: i
-}) => i ? "max-height: 100px" : ""};
-  background-color: white;
-  line-height: 1.3;
-  transition: border 0.15s linear;
-  border-radius: 3px;
-  -webkit-tap-highlight-color: transparent;
-  outline: none;
-  box-sizing: border-box;
+        &:hover,
+        &:focus {
+          background-color: var(--silver-darken-94);
+        }
 
-  &:disabled {
-    background-color: var(--silver-base-97);
-    cursor: not-allowed;
+        &:active {
+          background-color: var(--silver-darken-80);
+        }
+      `}
+
+  &::-moz-focus-inner {
+    border: 0;
   }
 
-  &:focus {
-    border-color: var(--cds-blue-60);
+  ${({ $isActive: i, $isHover: e }) => {
+  if (i)
+    return `
+        background-color: var(--silver-darken-94);
+
+        &:hover, &:focus {
+          background-color: var(--silver-darken-94);
+        }
+      `;
+  if (e) return "background-color: var(--silver-darken-94);";
+}}
+
+  &[disabled] {
+    opacity: 0.5;
+    pointer-events: none;
   }
-`, yUt = G.label`
-  display: block;
-  margin-bottom: var(--spacing-tiny);
+`, yUt = ns`
+  display: flex;
+  align-items: center;
+  padding: 7px 20px;
+  color: inherit;
+  white-space: nowrap;
+  outline: none;
+  text-decoration: none;
 `;
-G.p`
-  margin: 3px 0 0 0;
-  font-size: 12px;
-  color: var(--red-darken-52);
+G.a`
+  ${yUt}
 `;
-const CUt = G.div`
-  width: 100%;
-  position: relative;
-
-  ${({
-  //@ts-expect-error Property 'hasMarginBottom' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>'.ts(2339)
-  hasMarginBottom: i
-}) => i && "margin-bottom: 15px"};
+G.div`
+  padding: var(--spacing-tiny) var(--spacing-medium, 20px) 0px;
+  color: var(--cm-color-ui-light6);
+  font-family: var(--cm-font-text);
+  font-size: 11px;
 `;
-s1(
-  ({
-    label: i,
-    error: e = !1,
-    multiline: t = !1,
-    grow: n = !1,
-    type: r = "text",
-    hasMarginBottom: s = !1,
-    ...o
-  }, a) => {
-    const l = i?.toLowerCase() + "-" + Math.random().toString(36).replace(/[^a-z]+/g, "").substr(2, 10), c = (u) => {
-      const f = u ? u.target : a.current;
-      f.style.height = "initial";
-      const p = window.getComputedStyle(f), g = parseInt(p.getPropertyValue("border-top-width"), 10) + f.scrollHeight + parseInt(p.getPropertyValue("border-bottom-width"), 10);
-      f.style.height = g + "px";
-    }, d = (u) => {
-      u.key == "Enter" && c();
-    };
-    return Ve(() => {
-      if (t && a && a.current) {
-        const u = a.current;
-        return u.addEventListener("input", c), u.addEventListener("keyup", d), c(), () => {
-          u.removeEventListener("input", c), u.removeEventListener("keyup", d);
-        };
-      }
-    }, []), //@ts-expect-error Property 'hasMarginBottom' does not exist on type 'IntrinsicAttributes & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>'.ts(2769)
-    /* @__PURE__ */ E.jsxs(CUt, { hasMarginBottom: s, children: [
-      i && /* @__PURE__ */ E.jsx(yUt, { htmlFor: l, children: i }),
-      t ? (
-        //@ts-expect-error Type 'ForwardedRef<HTMLDivElement>' is not assignable to type 'LegacyRef<HTMLTextAreaElement> | undefined'.ts(2769)
-        /* @__PURE__ */ E.jsx(
-          bUt,
-          {
-            ...o,
-            grow: n,
-            id: i ? l : null,
-            error: e,
-            ref: a
-          }
-        )
-      ) : (
-        //@ts-expect-error Type 'ForwardedRef<HTMLDivElement>' is not assignable to type 'LegacyRef<HTMLInputElement> | undefined'.ts(2769)
-        /* @__PURE__ */ E.jsx(
-          vUt,
-          {
-            type: r,
-            maxLength: ujt,
-            ...o,
-            id: i ? l : null,
-            error: e,
-            ref: a
-          }
-        )
-      )
-    ] });
+const CUt = G(yEe)`
+  &.cds--menu-item-divider {
+    padding: 0;
   }
-);
-const F7e = 5, EUt = U2`
-  from { opacity: 0; }
-  to { opacity: 1; }
-`, _Ut = G.div`
-  position: fixed;
-  top: ${({ $position: i }) => `${i.top}px`};
-  left: ${({ $position: i }) => `${i.left}px`};
-  border-radius: 4px;
-  color: white;
-  z-index: var(--z-tooltip);
-  padding: 6px 8px;
-  max-width: 380px;
-  font-weight: 500;
-  word-break: break-word;
-  animation: ${EUt} 0.2s ease-out forwards;
-
-  ${({ color: i }) => `
-      background-color: ${$S(i)};
-    `}
-
-  &::after {
-    content: '';
-    position: absolute;
-    pointer-events: none;
-    width: 0;
-    height: 0;
-    border: 5px solid transparent;
-
-    ${({ $align: i, color: e }) => {
-  switch (i) {
-    case "bottom":
-      return `
-            border-bottom-color: ${$S(e)};
-            bottom: 100%;
-          `;
-    default:
-      return `
-            border-top-color: ${$S(e)};
-            top: 100%;
-          `;
+`;
+function EUt({
+  //@ts-expect-error Binding element 'children' implicitly has an 'any' type.ts(7031)
+  children: i,
+  //@ts-expect-error Binding element 'noPadding' implicitly has an 'any' type.ts(7031)
+  noPadding: e,
+  //@ts-expect-error Binding element 'disabled' implicitly has an 'any' type.ts(7031)
+  disabled: t,
+  ...n
+}) {
+  return /* @__PURE__ */ E.jsx(
+    bUt,
+    {
+      disabled: t,
+      tabIndex: "0",
+      role: "menuitem",
+      $noPadding: e,
+      ...n,
+      children: /* @__PURE__ */ E.jsx(Wp, { title: i, showOnlyOnOverflow: !0, children: /* @__PURE__ */ E.jsx("div", { className: "overflow-ellipsis", children: i }) })
+    }
+  );
+}
+let h0 = class extends py {
+  state = {};
+  ref = vEe();
+  //@ts-expect-error type-error
+  componentDidUpdate(e) {
+    e.open != this.props.open && (this.props.open ? this.init() : this.reset());
   }
-}}
-
-    ${({ $justify: i }) => {
-  switch (i) {
-    case "left":
-      return `left: ${F7e}px;`;
-    case "right":
-      return `right: ${F7e}px;`;
-    default:
-      return `
-            left: 50%;
-            transform: translateX(-50%);
-          `;
+  componentWillUnmount() {
+    this.reset();
   }
-}}
+  init() {
+    document.body.addEventListener("click", this.handleBodyClick, !0), window.addEventListener("keydown", this.handleKeyPress), window.addEventListener("scroll", this.handleClose), this.setState(this.position);
   }
-`, $S = (i) => i === "blue" ? "var(--cds-blue-60)" : "var(--grey-darken-33)", eD = 5, xUt = (i) => {
-  const e = ({
-    //@ts-expect-error Binding element 'children' implicitly has an 'any' type.ts(7031)
-    children: t,
-    //@ts-expect-error Binding element 'showOnlyOnOverflow' implicitly has an 'any' type.ts(7031)
-    showOnlyOnOverflow: n,
-    ...r
-  }) => {
-    const [s, o] = ye(), [a, l] = ye();
-    Ve(() => () => {
-    }, []), t = mEe.map(t, (d) => AEe(d, {
-      //@ts-expect-error Argument of type 'EventTarget & HTMLElement' is not assignable to parameter of type 'SetStateAction<undefined>'.ts(2345)
-      onMouseEnter: (u) => o(u.currentTarget),
-      onMouseLeave: () => {
-        r.interactive ? l(setTimeout(o, 200)) : o();
-      }
-    }));
-    let c = !1;
-    return c = !!s, n && (c = //@ts-expect-error 'anchorEl' is possibly 'undefined'.ts(18048)
-    !!s && s.scrollWidth > s.clientWidth), /* @__PURE__ */ E.jsxs(wEe, { children: [
-      t,
-      c && /* @__PURE__ */ E.jsx(
-        i,
-        {
-          anchorEl: s,
-          setAnchorEl: o,
-          timer: a,
-          ...r
-        }
-      )
-    ] });
+  reset() {
+    document.body.removeEventListener("click", this.handleBodyClick, !0), window.removeEventListener("keydown", this.handleKeyPress), window.removeEventListener("scroll", this.handleClose);
+  }
+  //@ts-expect-error Parameter 'evt' implicitly has an 'any' type.ts(7006)
+  handleBodyClick = (e) => {
+    e.target.id !== "runtime-download" && !e.target.closest("[data-dropdown]") && this.handleClose(e);
   };
-  return e.propTypes = {
-    interactive: Fw.PropTypes.bool,
-    showOnlyOnOverflow: Fw.PropTypes.bool
-  }, e.defaultProps = {
-    interactive: !1,
-    showOnlyOnOverflow: !1
-  }, e;
-}, SUt = ({
-  //@ts-expect-error Binding element 'timer' implicitly has an 'any' type.ts(7031)
-  timer: i,
-  //@ts-expect-error Binding element 'setAnchorEl' implicitly has an 'any' type.ts(7031)
-  setAnchorEl: e,
-  //@ts-expect-error Binding element 'anchorEl' implicitly has an 'any' type.ts(7031)
-  anchorEl: t,
-  title: n,
-  align: r = "bottom",
-  justify: s = "center",
-  controlledByTimer: o = !1,
-  color: a = "grey",
-  onClose: l,
-  keepOpen: c = !1
+  //@ts-expect-error Parameter 'evt' implicitly has an 'any' type.ts(7006)
+  handleKeyPress = (e) => {
+    e.key == "Escape" && this.handleClose(e);
+  };
+  //@ts-expect-error Parameter 'evt' implicitly has an 'any' type.ts(7006)
+  handleClose = (e) => {
+    e.preventDefault(), typeof this.props.onClose == "function" && (e.stopPropagation(), this.props.onClose(e));
+  };
+  get position() {
+    const e = {};
+    if (this.props.anchorEl && this.props.open && this.ref.current) {
+      const t = this.props.anchorEl.getBoundingClientRect();
+      this.props.align == "left" ? document.body.offsetWidth - t.right > this.props.width ? e.left = t.left : e.right = document.body.offsetWidth - t.right : t.right < this.props.width ? e.left = t.left : e.right = document.body.offsetWidth - t.right, document.body.offsetHeight - t.bottom > //@ts-expect-error Property 'offsetHeight' does not exist on type '{}'.ts(2339)
+      this.ref.current.offsetHeight ? e.top = t.bottom : e.top = t.top - this.ref.current.offsetHeight;
+    }
+    return e;
+  }
+  render() {
+    return this.props.open ? on(
+      /* @__PURE__ */ E.jsx(
+        vUt,
+        {
+          size: this.props.size,
+          role: "menu",
+          "data-dropdown": !0,
+          style: this.state,
+          "data-test": this.props["data-test"],
+          width: this.props.width,
+          ref: this.ref,
+          children: this.props.children
+        }
+      ),
+      document.body
+    ) : null;
+  }
+};
+h0.propTypes = {
+  onClose: Bn.func,
+  anchorEl: Bn.object,
+  align: Bn.string,
+  open: Bn.bool.isRequired,
+  size: Bn.string,
+  width: Bn.number
+};
+h0.defaultProps = {
+  open: !1,
+  size: "normal",
+  align: "right",
+  width: 200
+};
+h0.ListItem = EUt;
+h0.ListItemDivider = CUt;
+const _Ut = G.header`
+  width: 100%;
+  background: white;
+
+  display: flex;
+  flex-direction: column;
+  border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+`, xUt = G.div`
+  display: flex;
+  align-items: center;
+  padding: 6px 10px 6px 20px;
+`, SUt = G.table`
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+  margin-left: 14px;
+  width: 768px;
+`, h6 = G.th`
+  color: #525252;
+  font-size: 12px;
+  font-family: IBM Plex Sans;
+  font-weight: 400;
+  line-height: 16px;
+  letter-spacing: 0.32px;
+  word-wrap: break-word;
+  text-align: left;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 256px;
+`, d6 = G.td`
+  color: #525252;
+  font-size: 14px;
+  font-family: IBM Plex Sans;
+  font-weight: 400;
+  line-height: 18px;
+  letter-spacing: 0.16px;
+  word-wrap: break-word;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  width: 256px;
+`, V7e = G($c)`
+  color: #0f62fe;
+  font-size: 14px;
+  font-family: IBM Plex Sans;
+  font-weight: 400;
+  line-height: 20px;
+  letter-spacing: 0.16px;
+  word-wrap: break-word;
+  height: 20px;
+`, DUt = G.div`
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  flex-grow: 1;
+`, MUt = G.div`
+  display: flex;
+  align-items: center;
+  padding: var(--cds-spacing-03);
+  gap: var(--cds-spacing-02);
+`, LUt = G.div`
+  display: flex;
+  justify-content: center;
+  ${El.helperText01};
+  background-color: var(--cds-notification-background-warning);
+  border: 1px solid var(--cds-support-warning);
+  box-shadow: 0 2px 6px var(--cds-shadow);
+`, kUt = G.div`
+  padding: var(--cds-spacing-03);
+`, NUt = ({ text: i, button: e }) => /* @__PURE__ */ E.jsxs(LUt, { children: [
+  /* @__PURE__ */ E.jsx(kUt, { children: i }),
+  e && /* @__PURE__ */ E.jsx(Wn, { kind: "ghost", size: "sm", onClick: e.onClick, children: e.label })
+] }), B7e = {
+  activeTab: "instances"
+};
+let TUt = class {
+  state = { ...B7e };
+  constructor() {
+    Li(this);
+  }
+  init(e) {
+    e && Js.setActiveTab("scenarios");
+  }
+  setActiveTab = (e) => {
+    this.state.activeTab = e;
+  };
+  reset() {
+    this.state = { ...B7e };
+  }
+};
+const Js = new TUt(), XVe = (i) => {
+  const { children: e, text: t, align: n, isDisabled: r } = i;
+  return i.text !== void 0 ? /* @__PURE__ */ E.jsx(a3, { align: n, label: t, description: t, children: /* @__PURE__ */ E.jsx("div", { children: h.isValidElement(e) ? h.cloneElement(e, { disabled: r }) : e }) }) : i.children;
+};
+function ir(i) {
+  const e = JSON.parse(
+    localStorage.getItem("historyEntries") || "[]"
+  );
+  for (e.includes(i) || e.push(i); e.length > 20; ) {
+    const n = e.shift();
+    localStorage.removeItem("history " + n);
+  }
+  return localStorage.setItem("historyEntries", JSON.stringify(e)), `history ${i}`;
+}
+function io(i, e) {
+  const t = localStorage.getItem(i) || "[]", n = JSON.parse(t);
+  localStorage.setItem(i, JSON.stringify([...n, e]));
+}
+function H7e(i, e) {
+  localStorage.setItem(i, JSON.stringify(e));
+}
+function $v(i) {
+  return JSON.parse(localStorage.getItem(i) || "[]");
+}
+function IUt(i) {
+  const e = $v(i);
+  return e.length > 0 && e[0].action === "startInstance";
+}
+const OUt = ({
+  processInstanceKey: i,
+  isCompleted: e,
+  isScenarioSaved: t
+}) => t ? {
+  isDisabled: !0,
+  text: "Current scenario has been saved"
+} : IUt(
+  ir(i)
+) ? e ? {
+  isDisabled: !1,
+  text: "Save a scenario to replay this instance later to detect regressions."
+} : {
+  isDisabled: !0,
+  text: "Complete the instance to save a scenario and replay this instance later to detect regressions."
+} : {
+  isDisabled: !0,
+  text: "Not enough data to save a scenario. Re-run your instance and try again."
+}, RUt = G.span`
+  font-weight: bold;
+  ${({ $isGreen: i, $hasPrecedingPlusIcon: e }) => ns`
+      ${i && "color: var(--cds-support-success);"}
+      ${e && ns`
+        &:before {
+          content: '+';
+        }
+      `}
+    `}
+`, PT = ({
+  isGreen: i,
+  hasPrecedingPlusIcon: e,
+  children: t
+}) => /* @__PURE__ */ E.jsx(RUt, { $isGreen: i, $hasPrecedingPlusIcon: e, children: t });
+function su(i) {
+  return new Promise((e) => {
+    let t = 0;
+    const n = 10, r = setInterval(async () => {
+      const s = await i();
+      s !== null && (clearInterval(r), e(s)), t++, t >= n && (clearInterval(r), e(null));
+    }, cy);
+  });
+}
+const VUt = ({
+  instanceKey: i,
+  elementId: e
+}) => su(async () => {
+  const { userTasks: t } = await ct.fetchUserTasks(i), n = t?.find(
+    ({ taskDefinitionId: r, taskState: s }) => r === e && s !== "COMPLETED"
+  );
+  return n !== void 0 ? n : null;
+}), P7e = ({
+  instanceKey: i,
+  elementId: e
+}) => su(async () => {
+  const { flowNodeInstances: t } = await ct.fetchFlowNodeInstances(i), n = t?.find(
+    ({ flowNodeId: r, state: s }) => r === e && s !== "COMPLETED"
+  );
+  return n !== void 0 ? n : null;
+}), BUt = ({
+  instanceKey: i,
+  elementId: e
+}) => su(async () => {
+  const { incidents: t } = await ct.fetchIncidents(i), { flowNodeInstances: n } = await ct.fetchFlowNodeInstances(i);
+  return t.find((s) => {
+    const o = n?.find(
+      ({ incidentKey: a, flowNodeId: l }) => a !== void 0 && a === s.key && l === e
+    );
+    return ["ACTIVE", "MIGRATED"].includes(s.state) && o !== void 0;
+  }) ?? null;
+});
+function F7e(i) {
+  return su(async () => {
+    const { processInstances: e, success: t } = await ct.fetchInstances(
+      wt.state.processDefinitionKey
+    );
+    if (t) {
+      const n = e[0];
+      return n && n.key !== i[0]?.key ? n.key : null;
+    } else
+      return null;
+  });
+}
+const HUt = ({
+  processId: i,
+  element: e,
+  isSubProcessStartEvent: t,
+  activeElementIds: n,
+  isProcessRunning: r
 }) => {
-  const [d, u] = ye({ top: 0, left: 0 }), [f, p] = ye(r), g = an();
-  return Ve(() => {
-    const { top: m, bottom: A, left: w, width: v } = t.getBoundingClientRect(), b = (
-      //@ts-expect-error 'tooltip.current' is possibly 'undefined'.ts(18048)
-      A + g.current.offsetHeight + eD > window.innerHeight
-    ), y = () => {
-      switch (s) {
-        case "left":
-          return w;
-        case "right":
-          return w + v - g.current.offsetWidth;
-        default:
-          return w - g.current.offsetWidth / 2 + v / 2;
-      }
-    }, S = () => f == "top" || b ? m - g.current.offsetHeight - eD - 5 : A + eD + 5;
-    b && p("top"), u({
-      top: S(),
-      left: y()
+  if (!r || !t)
+    return !1;
+  const s = e.$parent.id, o = e.$parent?.$parent?.id, a = n.includes(s) || s === i, l = n.includes(o) || o === i;
+  return e.isInterrupting ? l && !a : l;
+}, jB = ({
+  processId: i,
+  isProcessRunning: e,
+  candidate: t,
+  activeElementIds: n
+}) => n.includes(t.elementId) || t.attachedToElementId && n.includes(t.attachedToElementId) || HUt({
+  element: t.element,
+  activeElementIds: n,
+  isProcessRunning: e,
+  isSubProcessStartEvent: t.isSubProcessStartEvent,
+  processId: i
+}), PUt = (i, e) => {
+  if (i && i.startsWith("=")) {
+    const t = i.substring(1), n = e.find(
+      (r) => r.name === t
+    );
+    return n?.value && k7(n?.value) ? JSON.parse(n.value) : i.substring(1);
+  }
+};
+class FUt {
+  constructor() {
+    Fs(this, {
+      startMessageSubscriptionCandidates: Ei.struct,
+      activeMessageSubscriptionCandidates: Ei.struct
     });
-  }, [t, t?.getBoundingClientRect().top]), Ve(() => {
-    if (o) {
-      const m = (A) => {
-        g.current.contains(A.target) || c || e();
-      };
-      return document.addEventListener("mousedown", m), () => {
-        document.removeEventListener("mousedown", m);
-      };
+  }
+  get activeMessageSubscriptionCandidates() {
+    const { messageSubscriptionCandidates: e } = Rt, { activeElementIdsWithoutIncident: t } = ta, { variables: n } = ca.state, r = Be.state.processInstance?.state === "ACTIVE";
+    return e.filter(
+      (s) => jB({
+        processId: wt.processId,
+        activeElementIds: t,
+        candidate: s,
+        isProcessRunning: r
+      })
+    ).map((s) => ({
+      ...s,
+      keyCandidate: PUt(
+        s.messageCorrelationKey,
+        n
+      )
+    }));
+  }
+  get startMessageSubscriptionCandidates() {
+    return Rt.messageSubscriptionCandidates.filter(
+      (e) => FB(e.element) && !zVe(e.element)
+    );
+  }
+}
+const FT = new FUt();
+class zUt {
+  constructor() {
+    Fs(this, {
+      activeSignalCandidates: Ei.struct,
+      startSignalCandidates: Ei.struct
+    });
+  }
+  get activeSignalCandidates() {
+    const { signalCandidates: e } = Rt, { activeElementIdsWithoutIncident: t } = ta, n = Be.state.processInstance?.state === "ACTIVE";
+    return e.filter(
+      (r) => jB({
+        processId: wt.processId,
+        activeElementIds: t,
+        candidate: r,
+        isProcessRunning: n
+      })
+    );
+  }
+  get startSignalCandidates() {
+    return Rt.signalCandidates.filter(
+      (e) => zB(e.element) && !WVe(e.element)
+    );
+  }
+}
+const zT = new zUt(), z7e = ({
+  instanceKey: i,
+  elementId: e,
+  candidates: t
+}) => su(async () => {
+  const { statistics: n } = await ct.fetchStatistics(i), { processInstance: r } = await ct.fetchInstanceDetails(i);
+  return t.filter(
+    (o) => jB({
+      processId: wt.processId,
+      activeElementIds: n.filter(
+        ({ active: a, incidents: l }) => Number(a) > 0 && Number(l) === 0
+      ).map(({ activityId: a }) => a),
+      candidate: o,
+      isProcessRunning: r.state === "ACTIVE"
+    })
+  ).some((o) => o.elementId === e) ? !0 : null;
+});
+class JVe {
+  startNewInstance = async function(t, n = "{}") {
+    return (await ct.startInstance({
+      bpmnProcessId: t,
+      variables: n
+    })).instanceId;
+  };
+  handleMessageEvent = async function({
+    messageName: t,
+    messageId: n,
+    variables: r,
+    messageCorrelationKey: s,
+    timeToLive: o,
+    elementId: a,
+    isStartEvent: l,
+    instanceKey: c
+  }) {
+    if (!l && !await z7e({
+      instanceKey: c,
+      elementId: a,
+      candidates: Rt.messageSubscriptionCandidates
+    }))
+      return console.error("could not find active message subscription"), { success: !1 };
+    await ct.publishMessage({
+      messageName: t,
+      correlationKey: s,
+      variables: r,
+      timeToLive: o,
+      messageId: n
+    });
+  };
+  handleSignalEvent = async function({
+    signalName: t,
+    variables: n,
+    elementId: r,
+    isStartEvent: s,
+    instanceKey: o
+  }) {
+    if (!s && !await z7e({
+      instanceKey: o,
+      elementId: r,
+      candidates: Rt.signalCandidates
+    }))
+      return console.error("could not find active signal candidate"), { success: !1 };
+    await ct.broadcastSignal({
+      signalName: t,
+      variables: n
+    });
+  };
+  handleUserTask = async function({
+    elementId: t,
+    instanceKey: n,
+    variables: r = "{}"
+  }) {
+    const s = await VUt({
+      instanceKey: n,
+      elementId: t
+    });
+    return s === null ? { success: !1 } : ct.completeUserTask({
+      taskId: s?.id,
+      variables: r,
+      isZeebeUserTask: s?.implementation === "ZEEBE_USER_TASK"
+    });
+  };
+  handleServiceTask = async function({
+    elementId: t,
+    instanceKey: n,
+    taskDefinitionType: r,
+    variables: s = "{}"
+  }) {
+    return await P7e({
+      instanceKey: n,
+      elementId: t
+    }) === null ? { success: !1 } : ct.completeJob({
+      processInstanceKey: n,
+      taskDefinitionType: r,
+      variables: s,
+      elementId: t
+    });
+  };
+  handleThrowError = async function({
+    elementId: t,
+    instanceKey: n,
+    taskDefinitionType: r,
+    errorCode: s = ""
+  }) {
+    return await P7e({
+      instanceKey: n,
+      elementId: t
+    }) === null ? { success: !1 } : ct.throwError({
+      taskDefinitionType: r,
+      processInstanceKey: n,
+      errorCode: s,
+      elementId: t
+    });
+  };
+  handleResolveIncident = async function({
+    elementId: t,
+    instanceKey: n,
+    hasJob: r
+  }) {
+    const s = await BUt({
+      instanceKey: n,
+      elementId: t
+    });
+    return s === null ? { success: !1 } : (r && await ct.updateRetries({
+      jobKey: s.jobKey,
+      retries: 1
+    }), ct.resolveIncident(s.key));
+  };
+  handleSetVariables = async function({
+    instanceKey: t,
+    scope: n,
+    variables: r
+  }) {
+    return ct.setVariables({
+      elementInstanceKey: n ?? t ?? 0,
+      variablesString: r
+    });
+  };
+  createNewInstance = async ({
+    startActionType: e,
+    bpmnProcessId: t,
+    variables: n
+  }) => {
+    const { processInstances: r, success: s } = await ct.fetchInstances(
+      wt.state.processDefinitionKey
+    );
+    if (!s)
+      return;
+    let o;
+    if (e === "start-event")
+      o = await this.startNewInstance(t, n);
+    else if (e === "message-start-event") {
+      const a = sr.completedElementInstances.find(
+        ({ type: c }) => c === "START_EVENT"
+      ), l = FT.startMessageSubscriptionCandidates?.find(
+        ({ elementId: c }) => c === a?.flowNodeId
+      );
+      l === void 0 ? o = await this.startNewInstance(t, n) : (await this.handleMessageEvent({
+        messageName: l?.messageName,
+        variables: n,
+        isStartEvent: !0,
+        elementId: l.elementId
+      }), o = await F7e(r) ?? void 0);
+    } else if (e == "broadcast-signal-event") {
+      const a = sr.completedElementInstances.find(
+        ({ type: c }) => c === "START_EVENT"
+      ), l = zT.startSignalCandidates?.find(
+        ({ elementId: c }) => c === a?.flowNodeId
+      );
+      l === void 0 ? o = await this.startNewInstance(t, n) : (await this.handleSignalEvent({
+        signalName: l?.signalName,
+        variables: n,
+        isStartEvent: !0,
+        elementId: l.elementId
+      }), o = await F7e(r) ?? void 0);
     }
-  }, []), Ve(() => {
-    if (o && l)
-      return () => {
-        l();
-      };
-  }, []), on(
-    /* @__PURE__ */ E.jsx(
-      _Ut,
-      {
-        onMouseEnter: () => clearTimeout(i),
-        onMouseLeave: () => !o && e(),
-        $position: d,
-        $justify: s,
-        $align: f,
-        ref: g,
-        color: a,
-        children: n
+    return o;
+  };
+  repeatUserActions = async ({
+    newInstanceKey: e,
+    actions: t,
+    untilElementId: n,
+    breakOnFailure: r
+  }) => {
+    let s = { success: !0 };
+    const o = [];
+    for (const a of t) {
+      if (a.action === "startInstance") {
+        o.push(a);
+        continue;
       }
-    ),
-    document.body
-  );
-}, Wp = xUt(SUt), DUt = G.ul`
-  list-style: none;
-  margin: 4px 0 0 0;
-  position: fixed;
-  z-index: var(--z-dropdown);
-  border-radius: 3px;
-  padding: 5px 0;
-  min-width: 70px;
-  max-width: 350px;
-
-  border-radius: 5px;
-  box-shadow: rgb(0 0 0 / 20%) 0px 1px 10px 0px;
-  background: var(--silver-base-98);
-
-  ${({
-  //@ts-expect-error Property 'size' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>'.ts(2339)
-  size: i
-}) => {
-  if (i == "small")
-    return `
-        font-size: 13px;
-
-        li {
-          padding: 5px 10px;
+      if (n !== void 0 && a.action !== "setVariables" && a.elementId === n)
+        break;
+      switch (a.action) {
+        case "completeJob": {
+          a.type === "userTask" ? s = await this.handleUserTask({
+            elementId: a.elementId,
+            instanceKey: e,
+            variables: a.variables
+          }) : s = await this.handleServiceTask({
+            elementId: a.elementId,
+            taskDefinitionType: a.taskDefinitionType,
+            instanceKey: e,
+            variables: a.variables
+          });
+          break;
         }
-
-        a {
-          padding: 0;
+        case "publishMessage": {
+          await this.handleMessageEvent({
+            messageName: a.messageName,
+            messageId: a.messageId,
+            variables: a.variables,
+            timeToLive: a.timeToLive,
+            elementId: a.elementId,
+            messageCorrelationKey: a.messageCorrelationKey,
+            isStartEvent: !1,
+            instanceKey: e
+          });
+          break;
         }
-      `;
-}}
-
-  ${({
-  //@ts-expect-error Property 'width' does not exist on type 'ExecutionContext & FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>'.ts(2339)
-  width: i
-}) => {
-  if (i)
-    return `
-        min-width: ${i}px;
-      `;
-}}
-
-  hr {
-    margin: 5px 0;
-    height: 1px;
-    border: none;
-    background-color: var(--silver-darken-87);
-  }
-`, MUt = G.li`
-  display: flex;
-  align-items: center;
-  padding: ${({ $noPadding: i }) => i ? "0" : "7px 20px"};
-  position: relative;
-  color: var(--grey-darken-23);
-  white-space: nowrap;
-  outline: none;
-  font-size: 14px;
-  transition: all 150ms linear 0s;
-  border-radius: 3px;
-
-  ${({ $isDangerous: i }) => i && "color: var(--red-darken-42);"}
-
-  ${({ $isDisabled: i }) => i ? `
-        color: var(--grey-lighten-56);
-        pointer-events: none;
-        ` : `
-        cursor: pointer;
-
-        &:hover,
-        &:focus {
-          background-color: var(--silver-darken-94);
+        case "broadcastSignal": {
+          await this.handleSignalEvent({
+            signalName: a.signalName,
+            variables: a.variables,
+            isStartEvent: !1,
+            elementId: a.elementId,
+            instanceKey: e
+          });
+          break;
         }
-
-        &:active {
-          background-color: var(--silver-darken-80);
+        case "throwJob": {
+          s = await this.handleThrowError({
+            elementId: a.elementId,
+            taskDefinitionType: a.taskDefinitionType,
+            instanceKey: e,
+            errorCode: a.errorCode
+          });
+          break;
         }
-      `}
-
-  &::-moz-focus-inner {
-    border: 0;
-  }
-
-  ${({ $isActive: i, $isHover: e }) => {
-  if (i)
-    return `
-        background-color: var(--silver-darken-94);
-
-        &:hover, &:focus {
-          background-color: var(--silver-darken-94);
+        case "resolveIncident": {
+          s = await this.handleResolveIncident({
+            elementId: a.elementId,
+            instanceKey: e,
+            hasJob: a.hasJob
+          });
+          break;
         }
-      `;
-  if (e) return "background-color: var(--silver-darken-94);";
-}}
-
-  &[disabled] {
-    opacity: 0.5;
-    pointer-events: none;
-  }
-`, LUt = ns`
-  display: flex;
-  align-items: center;
-  padding: 7px 20px;
-  color: inherit;
-  white-space: nowrap;
-  outline: none;
-  text-decoration: none;
-`;
-G.a`
-  ${LUt}
-`;
-G.div`
-  padding: var(--spacing-tiny) var(--spacing-medium, 20px) 0px;
-  color: var(--cm-color-ui-light6);
-  font-family: var(--cm-font-text);
-  font-size: 11px;
-`;
-const kUt = G(yEe)`
-  &.cds--menu-item-divider {
-    padding: 0;
-  }
-`;
-function NUt({
-  //@ts-expect-error Binding element 'children' implicitly has an 'any' type.ts(7031)
-  children: i,
-  //@ts-expect-error Binding element 'noPadding' implicitly has an 'any' type.ts(7031)
-  noPadding: e,
-  //@ts-expect-error Binding element 'disabled' implicitly has an 'any' type.ts(7031)
-  disabled: t,
-  ...n
-}) {
-  return /* @__PURE__ */ E.jsx(
-    MUt,
-    {
-      disabled: t,
-      tabIndex: "0",
-      role: "menuitem",
-      $noPadding: e,
-      ...n,
-      children: /* @__PURE__ */ E.jsx(Wp, { title: i, showOnlyOnOverflow: !0, children: /* @__PURE__ */ E.jsx("div", { className: "overflow-ellipsis", children: i }) })
+        case "setVariables": {
+          await this.handleSetVariables({
+            instanceKey: e,
+            scope: e,
+            variables: a.variables
+          });
+          break;
+        }
+      }
+      if (r && !s.success)
+        return H7e(ir(e), o), { success: !1 };
+      o.push(a);
     }
-  );
+    return H7e(ir(e), o), { success: !0 };
+  };
 }
-let h0 = class extends py {
-  state = {};
-  ref = vEe();
-  //@ts-expect-error type-error
-  componentDidUpdate(e) {
-    e.open != this.props.open && (this.props.open ? this.init() : this.reset());
+const W7e = {
+  scenarios: [],
+  scenarioRuns: {},
+  selectedScenario: void 0
+};
+let WUt = class extends JVe {
+  state = { ...W7e };
+  constructor() {
+    super(), Fs(this, {
+      state: oi,
+      setScenarios: kt,
+      allCoveredFlowNodeIds: Ei,
+      totalCoverage: Ei,
+      diffCoverage: Ei,
+      isAnyScenarioRunning: Ei,
+      startRunningSingleScenario: kt,
+      updateSingleScenarioRun: kt,
+      deleteScenario: kt,
+      reset: kt
+    });
+  }
+  setScenarios = (e) => {
+    this.state.scenarios = L7(e);
+  };
+  get allCoveredFlowNodeIds() {
+    return Rt.flowNodeIds.filter(
+      (e) => this.state.scenarios.some(
+        ({ coveredFlowNodeIds: t }) => t.includes(e)
+      )
+    );
   }
-  componentWillUnmount() {
-    this.reset();
+  get allCoveredSequenceFlows() {
+    return this.state.scenarios.flatMap(
+      ({ coveredSequenceFlows: e }) => e
+    );
   }
-  init() {
-    document.body.addEventListener("click", this.handleBodyClick, !0), window.addEventListener("keydown", this.handleKeyPress), window.addEventListener("scroll", this.handleClose), this.setState(this.position);
+  get totalCoverage() {
+    return this.allCoveredFlowNodeIds.length / Rt.flowNodeIds.length * 100;
   }
-  reset() {
-    document.body.removeEventListener("click", this.handleBodyClick, !0), window.removeEventListener("keydown", this.handleKeyPress), window.removeEventListener("scroll", this.handleClose);
+  get diffCoverage() {
+    const e = sr.state.elementInstances.map(
+      ({ flowNodeId: r }) => r
+    ), n = Array.from(
+      /* @__PURE__ */ new Set([...this.allCoveredFlowNodeIds, ...e])
+    ).length / Rt.flowNodeIds.length * 100;
+    return Math.max(0, n - this.totalCoverage);
   }
-  //@ts-expect-error Parameter 'evt' implicitly has an 'any' type.ts(7006)
-  handleBodyClick = (e) => {
-    e.target.id !== "runtime-download" && !e.target.closest("[data-dropdown]") && this.handleClose(e);
+  replay = async ({
+    processId: e,
+    actions: t
+  }) => {
+    const n = t.find(
+      ({ action: a }) => a === "startInstance"
+    );
+    if (n === void 0)
+      return { isCompleted: !1 };
+    const r = await this.createNewInstance({
+      startActionType: n.type,
+      variables: n.variables,
+      bpmnProcessId: e
+    });
+    if (r === void 0)
+      return { isCompleted: !1 };
+    const { success: s } = await this.repeatUserActions({
+      newInstanceKey: r,
+      actions: t,
+      breakOnFailure: !0
+    });
+    return s ? { isCompleted: await this.isScenarioCompleted({
+      instanceKey: r
+    }), processInstanceKeyForScenarioRun: r } : {
+      isCompleted: !1,
+      processInstanceKeyForScenarioRun: r
+    };
   };
-  //@ts-expect-error Parameter 'evt' implicitly has an 'any' type.ts(7006)
-  handleKeyPress = (e) => {
-    e.key == "Escape" && this.handleClose(e);
+  startRunningSingleScenario = (e) => {
+    if (this.state.scenarioRuns[e] === void 0) {
+      this.state.scenarioRuns[e] = {
+        status: "Running"
+      };
+      return;
+    }
+    this.state.scenarioRuns[e] = {
+      ...this.state.scenarioRuns[e],
+      status: "Running"
+    };
   };
-  //@ts-expect-error Parameter 'evt' implicitly has an 'any' type.ts(7006)
-  handleClose = (e) => {
-    e.preventDefault(), typeof this.props.onClose == "function" && (e.stopPropagation(), this.props.onClose(e));
+  runSingleScenario = async ({
+    name: e,
+    processId: t,
+    actions: n
+  }) => {
+    this.startRunningSingleScenario(e);
+    const { isCompleted: r, processInstanceKeyForScenarioRun: s } = await this.replay({
+      processId: t,
+      actions: n
+    });
+    this.updateSingleScenarioRun(e, {
+      status: r ? "Completed" : "Failed",
+      instanceKey: s
+    });
   };
-  get position() {
-    const e = {};
-    if (this.props.anchorEl && this.props.open && this.ref.current) {
-      const t = this.props.anchorEl.getBoundingClientRect();
-      this.props.align == "left" ? document.body.offsetWidth - t.right > this.props.width ? e.left = t.left : e.right = document.body.offsetWidth - t.right : t.right < this.props.width ? e.left = t.left : e.right = document.body.offsetWidth - t.right, document.body.offsetHeight - t.bottom > //@ts-expect-error Property 'offsetHeight' does not exist on type '{}'.ts(2339)
-      this.ref.current.offsetHeight ? e.top = t.bottom : e.top = t.top - this.ref.current.offsetHeight;
-    }
-    return e;
-  }
-  render() {
-    return this.props.open ? on(
-      /* @__PURE__ */ E.jsx(
-        DUt,
-        {
-          size: this.props.size,
-          role: "menu",
-          "data-dropdown": !0,
-          style: this.state,
-          "data-test": this.props["data-test"],
-          width: this.props.width,
-          ref: this.ref,
-          children: this.props.children
-        }
-      ),
-      document.body
-    ) : null;
-  }
-};
-h0.propTypes = {
-  onClose: Bn.func,
-  anchorEl: Bn.object,
-  align: Bn.string,
-  open: Bn.bool.isRequired,
-  size: Bn.string,
-  width: Bn.number
-};
-h0.defaultProps = {
-  open: !1,
-  size: "normal",
-  align: "right",
-  width: 200
-};
-h0.ListItem = NUt;
-h0.ListItemDivider = kUt;
-const TUt = G.header`
-  width: 100%;
-  background: white;
-
-  display: flex;
-  flex-direction: column;
-  border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
-`, IUt = G.div`
-  display: flex;
-  align-items: center;
-  padding: 6px 10px 6px 20px;
-`, OUt = G.table`
-  width: 100%;
-  table-layout: fixed;
-  border-collapse: separate;
-  margin-left: 14px;
-  width: 768px;
-`, h6 = G.th`
-  color: #525252;
-  font-size: 12px;
-  font-family: IBM Plex Sans;
-  font-weight: 400;
-  line-height: 16px;
-  letter-spacing: 0.32px;
-  word-wrap: break-word;
-  text-align: left;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  width: 256px;
-`, d6 = G.td`
-  color: #525252;
-  font-size: 14px;
-  font-family: IBM Plex Sans;
-  font-weight: 400;
-  line-height: 18px;
-  letter-spacing: 0.16px;
-  word-wrap: break-word;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  width: 256px;
-`, z7e = G($c)`
-  color: #0f62fe;
-  font-size: 14px;
-  font-family: IBM Plex Sans;
-  font-weight: 400;
-  line-height: 20px;
-  letter-spacing: 0.16px;
-  word-wrap: break-word;
-  height: 20px;
-`, RUt = G.div`
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  flex-grow: 1;
-`, VUt = G.div`
-  display: flex;
-  align-items: center;
-  padding: var(--cds-spacing-03);
-  gap: var(--cds-spacing-02);
-`, BUt = G.div`
-  display: flex;
-  justify-content: center;
-  ${El.helperText01};
-  background-color: var(--cds-notification-background-warning);
-  border: 1px solid var(--cds-support-warning);
-  box-shadow: 0 2px 6px var(--cds-shadow);
-`, HUt = G.div`
-  padding: var(--cds-spacing-03);
-`, PUt = ({ text: i, button: e }) => /* @__PURE__ */ E.jsxs(BUt, { children: [
-  /* @__PURE__ */ E.jsx(HUt, { children: i }),
-  e && /* @__PURE__ */ E.jsx(Wn, { kind: "ghost", size: "sm", onClick: e.onClick, children: e.label })
-] }), W7e = {
-  activeTab: "instances"
-};
-let FUt = class {
-  state = { ...W7e };
-  constructor() {
-    Li(this);
-  }
-  init(e) {
-    e && Js.setActiveTab("scenarios");
+  updateSingleScenarioRun = (e, t) => {
+    this.state.scenarioRuns[e] = t;
+  };
+  getScenarioRun = (e) => xi.state.scenarioRuns[e];
+  isScenarioCompleted = ({
+    instanceKey: e
+  }) => su(async () => {
+    const { processInstance: t } = await ct.fetchInstanceDetails(e);
+    return t.state === "COMPLETED" ? !0 : null;
+  });
+  get isAnyScenarioRunning() {
+    return Object.values(this.state.scenarioRuns).some(
+      (e) => e.status === "Running"
+    );
   }
-  setActiveTab = (e) => {
-    this.state.activeTab = e;
+  setSelectedScenario = (e) => {
+    this.state.selectedScenario = e;
   };
-  reset() {
+  clearSelectedScenario = () => {
+    this.state.selectedScenario = void 0;
+  };
+  deleteScenario = ({
+    scenario: e,
+    processId: t
+  }) => {
+    nZt(t, e.key), delete this.state.scenarioRuns[e.name];
+  };
+  reset = () => {
     this.state = { ...W7e };
-  }
+  };
 };
-const Js = new FUt(), JVe = (i) => {
-  const { children: e, text: t, align: n, isDisabled: r } = i;
-  return i.text !== void 0 ? /* @__PURE__ */ E.jsx(a3, { align: n, label: t, description: t, children: /* @__PURE__ */ E.jsx("div", { children: h.isValidElement(e) ? h.cloneElement(e, { disabled: r }) : e }) }) : i.children;
-}, zUt = ({
-  processInstanceKey: i,
-  isCompleted: e,
-  isScenarioSaved: t
-}) => t ? {
-  isDisabled: !0,
-  text: "Current scenario has been saved"
-} : MZt(
-  ir(i)
-) ? e ? {
-  isDisabled: !1,
-  text: "Save a scenario to replay this instance later to detect regressions."
-} : {
-  isDisabled: !0,
-  text: "Complete the instance to save a scenario and replay this instance later to detect regressions."
-} : {
-  isDisabled: !0,
-  text: "Not enough data to save a scenario. Re-run your instance and try again."
-}, WUt = G.span`
-  font-weight: bold;
-  ${({ $isGreen: i, $hasPrecedingPlusIcon: e }) => ns`
-      ${i && "color: var(--cds-support-success);"}
-      ${e && ns`
-        &:before {
-          content: '+';
-        }
-      `}
-    `}
-`, zT = ({
-  isGreen: i,
-  hasPrecedingPlusIcon: e,
-  children: t
-}) => /* @__PURE__ */ E.jsx(WUt, { $isGreen: i, $hasPrecedingPlusIcon: e, children: t }), j7e = G.p`
+const xi = new WUt(), j7e = G.p`
   ${El.body01};
 `, $Ve = rt(
   ({ title: i, isOpen: e, onScenarioSaved: t, onClose: n, topContent: r }) => {
@@ -152802,12 +152803,12 @@ const Js = new FUt(), JVe = (i) => {
           /* @__PURE__ */ E.jsxs(j7e, { children: [
             "This scenario increases the BPMN coverage of your scenario suite from",
             " ",
-            /* @__PURE__ */ E.jsx(zT, { children: `${xi.totalCoverage.toFixed(0)}%` }),
+            /* @__PURE__ */ E.jsx(PT, { children: `${xi.totalCoverage.toFixed(0)}%` }),
             " ",
             "to",
             " ",
             /* @__PURE__ */ E.jsx(
-              zT,
+              PT,
               {
                 isGreen: !0,
                 children: `${(xi.totalCoverage + xi.diffCoverage).toFixed(0)}%`
@@ -152881,13 +152882,13 @@ const Js = new FUt(), JVe = (i) => {
     } = Be;
     if (n === void 0)
       return null;
-    const [r, s] = ye(!1), { isDisabled: o, text: a } = zUt({
+    const [r, s] = ye(!1), { isDisabled: o, text: a } = OUt({
       processInstanceKey: n.key,
       isCompleted: t,
       isScenarioSaved: e
     });
     return /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
-      /* @__PURE__ */ E.jsx(JVe, { align: "bottom-end", isDisabled: o, text: a, children: /* @__PURE__ */ E.jsx(
+      /* @__PURE__ */ E.jsx(XVe, { align: "bottom-end", isDisabled: o, text: a, children: /* @__PURE__ */ E.jsx(
         Wn,
         {
           size: "sm",
@@ -152962,7 +152963,7 @@ const Js = new FUt(), JVe = (i) => {
       isScenarioUpdated: t
     });
     return /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
-      /* @__PURE__ */ E.jsx(JVe, { align: "bottom-end", isDisabled: s, text: o, children: /* @__PURE__ */ E.jsx(
+      /* @__PURE__ */ E.jsx(XVe, { align: "bottom-end", isDisabled: s, text: o, children: /* @__PURE__ */ E.jsx(
         Wn,
         {
           size: "sm",
@@ -152994,10 +152995,10 @@ const Js = new FUt(), JVe = (i) => {
     const g = s[p];
     return g !== void 0 && g.instanceKey === t && g.status === "Failed";
   });
-  return /* @__PURE__ */ E.jsxs(TUt, { "data-testid": "instance-header", children: [
-    /* @__PURE__ */ E.jsxs(IUt, { children: [
-      /* @__PURE__ */ E.jsx(jB, { state: c, size: 24 }),
-      /* @__PURE__ */ E.jsxs(OUt, { children: [
+  return /* @__PURE__ */ E.jsxs(_Ut, { "data-testid": "instance-header", children: [
+    /* @__PURE__ */ E.jsxs(xUt, { children: [
+      /* @__PURE__ */ E.jsx(WB, { state: c, size: 24 }),
+      /* @__PURE__ */ E.jsxs(SUt, { children: [
         /* @__PURE__ */ E.jsx("thead", { children: /* @__PURE__ */ E.jsxs("tr", { children: [
           /* @__PURE__ */ E.jsx(h6, { children: "Process Instance Key" }),
           /* @__PURE__ */ E.jsx(h6, { children: "Started at" }),
@@ -153026,9 +153027,9 @@ const Js = new FUt(), JVe = (i) => {
               )
             }
           ) : t }),
-          /* @__PURE__ */ E.jsx(d6, { children: YVe(n.startDate) }),
+          /* @__PURE__ */ E.jsx(d6, { children: KVe(n.startDate) }),
           /* @__PURE__ */ E.jsx(d6, { children: /* @__PURE__ */ E.jsx(
-            z7e,
+            V7e,
             {
               variant: "text",
               onClick: () => {
@@ -153041,7 +153042,7 @@ const Js = new FUt(), JVe = (i) => {
             /* @__PURE__ */ E.jsx("span", { children: f ?? r }),
             " ",
             /* @__PURE__ */ E.jsx(
-              z7e,
+              V7e,
               {
                 variant: "text",
                 onClick: () => {
@@ -153053,10 +153054,10 @@ const Js = new FUt(), JVe = (i) => {
           ] })
         ] }) })
       ] }),
-      i.featureFlags.isReplayScenariosEnabled && /* @__PURE__ */ E.jsxs(RUt, { children: [
-        Be.state.processInstance?.state === "COMPLETED" && !u && /* @__PURE__ */ E.jsxs(VUt, { "data-testid": "scenario-coverage", children: [
+      i.featureFlags.isReplayScenariosEnabled && /* @__PURE__ */ E.jsxs(DUt, { children: [
+        Be.state.processInstance?.state === "COMPLETED" && !u && /* @__PURE__ */ E.jsxs(MUt, { "data-testid": "scenario-coverage", children: [
           /* @__PURE__ */ E.jsx(
-            zT,
+            PT,
             {
               isGreen: xi.diffCoverage > 0,
               hasPrecedingPlusIcon: !0,
@@ -153160,7 +153161,7 @@ const Js = new FUt(), JVe = (i) => {
       ] })
     ] }),
     ul.isMovingToken && /* @__PURE__ */ E.jsx(
-      PUt,
+      NUt,
       {
         text: "Select the target flow node in the diagram",
         button: {
@@ -154005,7 +154006,7 @@ const Pqt = G(my)`
         },
         label: /* @__PURE__ */ E.jsxs(Rqt, { children: [
           /* @__PURE__ */ E.jsx(Vqt, { children: /* @__PURE__ */ E.jsx(
-            jB,
+            WB,
             {
               state: i.incident ? "INCIDENT" : i.state,
               size: 16
@@ -154134,13 +154135,13 @@ const qqt = (i = "", e = "new-diagram") => {
 }, Gqt = "--", oBe = (i, e) => i + Gqt + qqt(e), Qqt = G.div`
   height: 30px;
   margin: 5px 10px;
-`, Kqt = G(KZt)`
+`, Kqt = G(zZt)`
   width: 20px;
   vertical-align: middle;
 `, Yqt = G.span`
   margin-left: 5px;
   vertical-align: middle;
-`, iD = G(aUt)`
+`, iD = G($Zt)`
   margin-right: 16px;
   float: left;
 `;
@@ -154689,7 +154690,7 @@ const lGt = G.div`
     ] }) }),
     /* @__PURE__ */ E.jsx(o3, { children: i?.map(({ key: e, startDate: t, state: n, incident: r }) => /* @__PURE__ */ E.jsxs(Lo, { children: [
       /* @__PURE__ */ E.jsxs(hi, { children: [
-        /* @__PURE__ */ E.jsx(dGt, { children: /* @__PURE__ */ E.jsx(jB, { state: r ? "INCIDENT" : n, size: 20 }) }),
+        /* @__PURE__ */ E.jsx(dGt, { children: /* @__PURE__ */ E.jsx(WB, { state: r ? "INCIDENT" : n, size: 20 }) }),
         /* @__PURE__ */ E.jsx(
           uGt,
           {
@@ -154704,7 +154705,7 @@ const lGt = G.div`
           }
         )
       ] }),
-      /* @__PURE__ */ E.jsx(hi, { children: YVe(t) }),
+      /* @__PURE__ */ E.jsx(hi, { children: KVe(t) }),
       /* @__PURE__ */ E.jsx(hi, { children: "-" })
     ] }, e)) ?? /* @__PURE__ */ E.jsx(Lo, { children: /* @__PURE__ */ E.jsx(hi, { children: "No Content" }) }) })
   ] });
@@ -155219,7 +155220,7 @@ const DGt = G.div`
           onClick: (o) => {
             n(o.currentTarget);
           },
-          renderIcon: () => /* @__PURE__ */ E.jsx(qZt, { color: "white" })
+          renderIcon: () => /* @__PURE__ */ E.jsx(HZt, { color: "white" })
         }
       ),
       /* @__PURE__ */ E.jsx(
@@ -155609,7 +155610,7 @@ const WT = rt(
     element: t,
     isStartEvent: n = !1
   }) => {
-    const r = vn(qr), s = Be.state.processInstance, [o, a] = ye(!1), l = e ? N7 : GZt, { prefillData: c, prefillSource: d } = Qd(t, !0);
+    const r = vn(qr), s = Be.state.processInstance, [o, a] = ye(!1), l = e ? N7 : PZt, { prefillData: c, prefillSource: d } = Qd(t, !0);
     return /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
       /* @__PURE__ */ E.jsx(
         Rh,
@@ -155677,7 +155678,7 @@ const WT = rt(
 WT.displayName = "TriggerMessageSubscriptionButton";
 const jT = rt(
   ({ timer: i, isRestartMode: e, shouldWaitForInstanceCreation: t, isStartEvent: n }) => {
-    const r = vn(qr), [s, o] = ye(!1), a = e ? N7 : ZZt;
+    const r = vn(qr), [s, o] = ye(!1), a = e ? N7 : VZt;
     return /* @__PURE__ */ E.jsx(
       Rh,
       {
@@ -155809,7 +155810,7 @@ const WGt = { top: -20, left: -30 }, _c = { top: -38, left: 0 }, jGt = { bottom:
         console.error("Failed to parse form:", Q);
       }
       return se;
-    }, [B]), N = e ? N7 : B ? XVe : QZt, R = el(async () => {
+    }, [B]), N = e ? N7 : B ? YVe : FZt, R = el(async () => {
       const se = F0(i), Q = localStorage.getItem(
         `jobCompletion ${wt.processId} ${i.id}`
       ), z = JSON.parse(Q || "{}");
@@ -156114,7 +156115,7 @@ const yBe = rt(({ element: i, incident: e }) => {
   const t = vn(qr), [n, r] = ye(!1), { processInstance: s } = Be.state, o = t.featureFlags.areAIFeaturesEnabled, a = o, l = a || t.isUserOrgOwnerOrAdmin, c = wt.authType !== "sm" ? {
     label: a ? "Copy and ask AI" : "Enable incident copilot",
     id: o ? "camunda-ai-button" : void 0,
-    icon: /* @__PURE__ */ E.jsx(rUt, {}),
+    icon: /* @__PURE__ */ E.jsx(YZt, {}),
     disabled: !l,
     title: l ? void 0 : "Contact your admin to enable this feature",
     onClick: () => {
@@ -156260,7 +156261,7 @@ const EBe = rt(({ element: i }) => {
     ), X = JSON.parse(U || "{}"), ce = JSON.parse(T || "{}"), Ce = y === "bpmn" && Qn(JSON.parse(M), ce), Xe = y === "cache" && Qn(JSON.parse(M), X);
     w(!Ce && !Xe);
   }, [M, i, y]);
-  const q = W ? XVe : tm;
+  const q = W ? YVe : tm;
   async function ee(T) {
     const { data: U, errors: X } = T ?? { data: {}, errors: {} };
     if (Object.keys(X).length === 0) {
@@ -156633,7 +156634,7 @@ const EBe = rt(({ element: i }) => {
   ] });
 });
 EBe.displayName = "JobCompleteButton";
-const sQt = G(YZt)`
+const sQt = G(WZt)`
   fill: currentColor;
 `, oQt = (i) => su(async () => {
   const { success: e, processInstance: t } = await ct.fetchInstanceDetails(i);
@@ -156647,7 +156648,7 @@ const sQt = G(YZt)`
     ({ flowNodeId: r }) => r === e
   ) !== void 0 ? !0 : null;
 }), rEe = { isRewinding: !1 };
-class lQt extends KVe {
+class lQt extends JVe {
   state = { ...rEe };
   constructor() {
     super(), Fs(this, {
@@ -156859,7 +156860,7 @@ const hQt = G.div`
 xBe.displayName = "BroadcastSignalModal";
 const ZT = rt(
   ({ signalCandidate: i, isRestartMode: e = !1, element: t, isStartEvent: n = !1 }) => {
-    const r = vn(qr), s = Be.state.processInstance, [o, a] = ye(!1), l = e ? N7 : sUt, { prefillData: c, prefillSource: d } = Qd(t, !0);
+    const r = vn(qr), s = Be.state.processInstance, [o, a] = ye(!1), l = e ? N7 : XZt, { prefillData: c, prefillSource: d } = Qd(t, !0);
     return /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
       /* @__PURE__ */ E.jsx(
         Rh,
@@ -157107,7 +157108,7 @@ const dQt = (i) => Nm(i, "zeebe:CalledDecision")?.get("decisionId") ?? null, uQt
       b
     );
   }
-  const a = PT.activeMessageSubscriptionCandidates.find(
+  const a = FT.activeMessageSubscriptionCandidates.find(
     (b) => b.elementId === i.id
   );
   if (a) {
@@ -157127,7 +157128,7 @@ const dQt = (i) => Nm(i, "zeebe:CalledDecision")?.get("decisionId") ?? null, uQt
       b
     );
   }
-  const c = PT.startMessageSubscriptionCandidates?.find(
+  const c = FT.startMessageSubscriptionCandidates?.find(
     (b) => b.elementId === i.id
   );
   if (c) {
@@ -157193,7 +157194,7 @@ const dQt = (i) => Nm(i, "zeebe:CalledDecision")?.get("decisionId") ?? null, uQt
       b
     );
   }
-  const m = FT.activeSignalCandidates.find(
+  const m = zT.activeSignalCandidates.find(
     (b) => b.elementId === i.id
   );
   if (m) {
@@ -157207,7 +157208,7 @@ const dQt = (i) => Nm(i, "zeebe:CalledDecision")?.get("decisionId") ?? null, uQt
       b
     );
   }
-  const w = FT.startSignalCandidates?.find(
+  const w = zT.startSignalCandidates?.find(
     (b) => b.elementId === i.id
   );
   if (w) {
@@ -157295,10 +157296,10 @@ const fQt = G.div`
                 title: "Toggle fullscreen mode",
                 children: o ? (
                   //@ts-expect-error Property 'width' does not exist on type 'IntrinsicAttributes'.ts(2322)
-                  /* @__PURE__ */ E.jsx(nUt, { width: "14", height: "14" })
+                  /* @__PURE__ */ E.jsx(QZt, { width: "14", height: "14" })
                 ) : (
                   //@ts-expect-error Property 'width' does not exist on type 'IntrinsicAttributes'.ts(2322)
-                  /* @__PURE__ */ E.jsx(iUt, { width: "14", height: "14" })
+                  /* @__PURE__ */ E.jsx(KZt, { width: "14", height: "14" })
                 )
               }
             )
@@ -157318,7 +157319,7 @@ const fQt = G.div`
                 onClick: n,
                 title: "Toggle minimap",
                 children: /* @__PURE__ */ E.jsx(
-                  tUt,
+                  GZt,
                   {
                     height: "18",
                     style: {
@@ -157342,7 +157343,7 @@ const fQt = G.div`
                 onClick: i,
                 "data-test": "viewport-reset",
                 title: "Reset viewport",
-                children: /* @__PURE__ */ E.jsx(eUt, { width: "15", height: "15" })
+                children: /* @__PURE__ */ E.jsx(qZt, { width: "15", height: "15" })
               }
             )
           }
@@ -157353,7 +157354,7 @@ const fQt = G.div`
             onClick: t,
             "data-test": "zoom-out",
             title: "Zoom out",
-            children: /* @__PURE__ */ E.jsx($Zt, { width: "12", height: "12" })
+            children: /* @__PURE__ */ E.jsx(UZt, { width: "12", height: "12" })
           }
         ) }),
         /* @__PURE__ */ E.jsx(Wp, { title: "Zoom in", align: "top", showOnlyOnOverflow: !1, children: /* @__PURE__ */ E.jsx(
@@ -157362,7 +157363,7 @@ const fQt = G.div`
             onClick: e,
             "data-test": "zoom-in",
             title: "Zoom in",
-            children: /* @__PURE__ */ E.jsx(JZt, { width: "20", height: "20" })
+            children: /* @__PURE__ */ E.jsx(ZZt, { width: "20", height: "20" })
           }
         ) })
       ] })
@@ -158658,7 +158659,7 @@ const dKt = ({
       }
     );
   }
-), KT = G(oUt)`
+), KT = G(JZt)`
   // taken and adapted from https://github.com/camunda/linting/blob/4f070d31dc615b26dd9352fffbfaa06f3d772f58/assets/linting.css#L14
   position: absolute;
   --icon-bg-color: var(--cl-color-warning, #ff832b);
@@ -158808,7 +158809,7 @@ const uEe = G.div`
   justify-content: center;
   border: 1px solid var(--border-border-subtle-selected-01, #c6c6c6);
   margin-bottom: var(--cds-spacing-05, 16px);
-`, fEe = G(XZt)`
+`, fEe = G(jZt)`
   width: 45px;
   height: 45px;
   animation: grow 1200ms forwards;
@@ -159004,7 +159005,7 @@ const _Jt = ({
     ),
     []
   ), Ve(() => (Js.init(A?.isReplayScenariosEnabled), () => {
-    Be.reset(), Kd.reset(), wt.reset(), Rt.reset(), Js.reset();
+    Be.reset(), Kd.reset(), wt.reset(), Rt.reset(), Js.reset(), xi.reset();
   }), [A?.isReplayScenariosEnabled]), Ve(() => {
     V === "saas" && !R || (di.init(c), ct.init({
       authConfig: i,
@@ -159052,7 +159053,7 @@ const _Jt = ({
     V,
     N
   ]);
-  const te = OZt(V, R);
+  const te = SZt(V, R);
   Ve(() => {
     if (!de) {
       const z = mKt(l), le = AKt(l);