n8n-editor-ui 1.71.3 → 1.72.1

package/dist/assets/{VirtualSchema-Be-DGXEU.css → VirtualSchema-CIfwZj8N.css}

@@ -1,12 +1,8 @@
 
 .schema-item[data-v-01d2c8ae] {
-	display: -webkit-box;
-	display: -ms-flexbox;
 	display: flex;
 	margin-left: calc(var(--spacing-l) * var(--386322a6));
-	-webkit-box-align: baseline;
-	    -ms-flex-align: baseline;
-	        align-items: baseline;
+	align-items: baseline;
 	padding-bottom: var(--spacing-2xs);
 }
 .toggle-container[data-v-01d2c8ae] {
@@ -15,19 +11,13 @@
 }
 .toggle[data-v-01d2c8ae] {
 	cursor: pointer;
-	display: -webkit-box;
-	display: -ms-flexbox;
 	display: flex;
-	-webkit-box-pack: center;
-	    -ms-flex-pack: center;
-	        justify-content: center;
+	justify-content: center;
 	cursor: pointer;
 	font-size: var(--font-size-s);
 }
 .pill {
 &[data-v-01d2c8ae] {
-	display: -webkit-inline-box;
-	display: -ms-inline-flexbox;
 	display: inline-flex;
 	height: 24px;
 	padding: 0 var(--spacing-3xs);
@@ -37,9 +27,7 @@
 	font-size: var(--font-size-2xs);
 	color: var(--color-text-dark);
 	max-width: 50%;
-	-webkit-box-align: center;
-	    -ms-flex-align: center;
-	        align-items: center;
+	align-items: center;
 	}
 > *[data-v-01d2c8ae]:not(:first-child) {
 		margin-left: var(--spacing-3xs);
@@ -56,7 +44,6 @@
 	color: var(--color-primary);
 }
 .draggable .pill[data-v-01d2c8ae] {
-	cursor: -webkit-grab;
 	cursor: grab;
 }
 .draggable .pill[data-v-01d2c8ae]:hover {
@@ -79,58 +66,34 @@
 	word-break: break-word;
 }
 .collapse-icon[data-v-01d2c8ae] {
-	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
-	transition: -webkit-transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
 	transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
-	transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
 }
 .collapsed[data-v-01d2c8ae] {
-	-webkit-transform: rotateZ(-90deg);
-	        transform: rotateZ(-90deg);
+	transform: rotateZ(-90deg);
 }
 .schema-header[data-v-1977e9a6] {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   padding-bottom: var(--spacing-2xs);
   cursor: pointer;
 }
 .toggle[data-v-1977e9a6] {
   width: 30px;
   height: 30px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  justify-content: center;
+  align-items: center;
 }
 .collapse-icon[data-v-1977e9a6] {
-  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
-  transition: -webkit-transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
   transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
-  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
 }
 .collapsed[data-v-1977e9a6] {
-  -webkit-transform: rotateZ(-90deg);
-          transform: rotateZ(-90deg);
+  transform: rotateZ(-90deg);
 }
 .icon[data-v-1977e9a6] {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   padding: var(--spacing-3xs);
   border: 1px solid var(--color-foreground-light);
   border-radius: var(--border-radius-base);
@@ -157,7 +120,7 @@
   font-size: var(--font-size-2xs);
   color: var(--color-text-light);
   margin-left: auto;
-}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex}.vue-recycle-scroller__slot{-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0}.vue-recycle-scroller__item-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
+}
 .full-height[data-v-b6673c4a] {
 	height: 100%;
 }

package/dist/assets/VirtualSchema-DkiHWd9N.js

@@ -0,0 +1,378 @@
+import { d as defineComponent, iG as useCssVars, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, l as unref, dV as FontAwesomeIcon, f as createCommentVNode, iA as TextWithHighlights, _ as _export_sfc, q as computed, I as withModifiers, bz as _sfc_main$3, k as createTextVNode, t as toDisplayString, e as createBlock, g as useI18n, bd as NodeConnectionType, at as useNDVStore, bk as useNodeTypesStore, T as useWorkflowsStore, iH as useFlattenSchema, bl as useNodeHelpers, r as ref, H as watch, m as resolveComponent, w as withCtx, cN as N8nText, iz as MappingPill, iI as script$1, aX as mergeProps, iJ as script, cf as Draggable, f$ as useDataSchema, d8 as executionDataToJson, aP as useExternalHooks, ak as useTelemetry } from "./index-fCEqBD8K.js";
+const _hoisted_1$2 = { class: "toggle-container" };
+const _hoisted_2$2 = ["data-name", "data-path", "data-depth", "data-nest-level", "data-value", "data-node-type"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "VirtualSchemaItem",
+  props: {
+    title: {},
+    path: {},
+    level: {},
+    depth: {},
+    expression: {},
+    value: {},
+    id: {},
+    icon: {},
+    collapsable: { type: Boolean },
+    nodeType: {},
+    highlight: { type: Boolean },
+    draggable: { type: Boolean },
+    collapsed: { type: Boolean },
+    search: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "386322a6": _ctx.level
+    }));
+    const props = __props;
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["schema-item", { draggable: _ctx.draggable }]),
+        "data-test-id": "run-data-schema-item"
+      }, [
+        createBaseVNode("div", _hoisted_1$2, [
+          _ctx.collapsable ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "toggle",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
+          }, [
+            createVNode(unref(FontAwesomeIcon), {
+              icon: "angle-down",
+              class: normalizeClass({ "collapse-icon": true, collapsed: _ctx.collapsed })
+            }, null, 8, ["class"])
+          ])) : createCommentVNode("", true)
+        ]),
+        _ctx.title ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          "data-name": _ctx.title,
+          "data-path": _ctx.path,
+          "data-depth": _ctx.depth,
+          "data-nest-level": _ctx.level,
+          "data-value": _ctx.expression,
+          "data-node-type": _ctx.nodeType,
+          "data-target": "mappable",
+          class: normalizeClass(["pill", { "pill--highlight": _ctx.highlight }]),
+          "data-test-id": "run-data-schema-node-name"
+        }, [
+          createVNode(unref(FontAwesomeIcon), {
+            class: "type-icon",
+            icon: _ctx.icon,
+            size: "sm"
+          }, null, 8, ["icon"]),
+          createVNode(TextWithHighlights, {
+            class: "title",
+            content: _ctx.title,
+            search: props.search
+          }, null, 8, ["content", "search"])
+        ], 10, _hoisted_2$2)) : createCommentVNode("", true),
+        createVNode(TextWithHighlights, {
+          "data-test-id": "run-data-schema-item-value",
+          class: "text",
+          content: _ctx.value,
+          search: props.search
+        }, null, 8, ["content", "search"])
+      ], 2);
+    };
+  }
+});
+const VirtualSchemaItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-01d2c8ae"]]);
+const _hoisted_1$1 = {
+  class: "schema-header",
+  "data-test-id": "run-data-schema-header"
+};
+const _hoisted_2$1 = { class: "title" };
+const _hoisted_3 = {
+  key: 0,
+  class: "info"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "item-count",
+  "data-test-id": "run-data-schema-node-item-count"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "VirtualSchemaHeader",
+  props: {
+    title: {},
+    info: {},
+    collapsable: { type: Boolean },
+    collapsed: { type: Boolean },
+    nodeType: {},
+    itemCount: {}
+  },
+  emits: ["click:toggle"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const i18n = useI18n();
+    const isTrigger = computed(() => props.nodeType.group.includes("trigger"));
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createBaseVNode("div", {
+          class: "toggle",
+          onClickCapture: _cache[0] || (_cache[0] = withModifiers(($event) => emit("click:toggle"), ["stop"]))
+        }, [
+          createVNode(unref(FontAwesomeIcon), {
+            icon: "angle-down",
+            class: normalizeClass({ "collapse-icon": true, collapsed: _ctx.collapsed })
+          }, null, 8, ["class"])
+        ], 32),
+        createVNode(_sfc_main$3, {
+          class: normalizeClass(["icon", { ["icon-trigger"]: isTrigger.value }]),
+          "node-type": _ctx.nodeType,
+          size: 12
+        }, null, 8, ["class", "node-type"]),
+        createBaseVNode("div", _hoisted_2$1, [
+          createTextVNode(toDisplayString(_ctx.title) + " ", 1),
+          _ctx.info ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.info), 1)) : createCommentVNode("", true)
+        ]),
+        isTrigger.value ? (openBlock(), createBlock(unref(FontAwesomeIcon), {
+          key: 0,
+          class: "trigger-icon",
+          icon: "bolt",
+          size: "xs"
+        })) : createCommentVNode("", true),
+        _ctx.itemCount ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(unref(i18n).baseText("ndv.output.items", { interpolate: { count: _ctx.itemCount } })), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const VirtualSchemaHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1977e9a6"]]);
+const _hoisted_1 = { class: "run-data-schema full-height" };
+const _hoisted_2 = {
+  key: 0,
+  class: "no-results"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VirtualSchema",
+  props: {
+    nodes: { default: () => [] },
+    node: { default: null },
+    data: { default: () => [] },
+    mappingEnabled: { type: Boolean, default: false },
+    runIndex: { default: 0 },
+    outputIndex: { default: 0 },
+    totalRuns: { default: 1 },
+    paneType: {},
+    connectionType: { default: NodeConnectionType.Main },
+    search: { default: "" }
+  },
+  emits: ["clear:search"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const telemetry = useTelemetry();
+    const i18n = useI18n();
+    const ndvStore = useNDVStore();
+    const nodeTypesStore = useNodeTypesStore();
+    const workflowsStore = useWorkflowsStore();
+    const { getSchemaForExecutionData, filterSchema } = useDataSchema();
+    const { closedNodes, flattenSchema, flattenMultipleSchemas, toggleLeaf, toggleNode } = useFlattenSchema();
+    const { getNodeInputData } = useNodeHelpers();
+    const emit = __emit;
+    const scroller = ref();
+    const toggleNodeAndScrollTop = (id) => {
+      toggleNode(id);
+      scroller.value?.scrollToItem(0);
+    };
+    watch(
+      () => props.search,
+      (newSearch) => {
+        if (!newSearch) return;
+        closedNodes.value.clear();
+      }
+    );
+    const getNodeSchema = (fullNode, connectedNode) => {
+      const pinData = workflowsStore.pinDataByNodeName(connectedNode.name);
+      const connectedOutputIndexes = connectedNode.indicies.length > 0 ? connectedNode.indicies : [0];
+      const data = pinData ?? connectedOutputIndexes.map(
+        (outputIndex) => executionDataToJson(
+          getNodeInputData(
+            fullNode,
+            props.runIndex,
+            outputIndex,
+            props.paneType,
+            props.connectionType
+          )
+        )
+      ).flat();
+      return {
+        schema: getSchemaForExecutionData(data),
+        connectedOutputIndexes,
+        itemsCount: data.length
+      };
+    };
+    const nodeSchema = computed(
+      () => filterSchema(getSchemaForExecutionData(props.data), props.search)
+    );
+    const nodesSchemas = computed(() => {
+      return props.nodes.reduce((acc, node) => {
+        const fullNode = workflowsStore.getNodeByName(node.name);
+        if (!fullNode) return acc;
+        const nodeType = nodeTypesStore.getNodeType(fullNode.type, fullNode.typeVersion);
+        if (!nodeType) return acc;
+        const { schema, connectedOutputIndexes, itemsCount } = getNodeSchema(fullNode, node);
+        const filteredSchema = filterSchema(schema, props.search);
+        if (!filteredSchema) return acc;
+        acc.push({
+          node: fullNode,
+          connectedOutputIndexes,
+          depth: node.depth,
+          itemsCount,
+          nodeType,
+          schema: filteredSchema
+        });
+        return acc;
+      }, []);
+    });
+    const nodeAdditionalInfo = (node) => {
+      const returnData = [];
+      if (node.disabled) {
+        returnData.push(i18n.baseText("node.disabled"));
+      }
+      const connections = ndvStore.ndvNodeInputNumber[node.name];
+      if (connections) {
+        if (connections.length === 1) {
+          returnData.push(`Input ${connections}`);
+        } else {
+          returnData.push(`Inputs ${connections.join(", ")}`);
+        }
+      }
+      return returnData.length ? `(${returnData.join(" | ")})` : "";
+    };
+    const flattenedNodes = computed(
+      () => flattenMultipleSchemas(nodesSchemas.value, nodeAdditionalInfo)
+    );
+    const flattenNodeSchema = computed(
+      () => nodeSchema.value ? flattenSchema({ schema: nodeSchema.value, depth: 0, level: -1 }) : []
+    );
+    const isDebugging = computed(() => !props.nodes.length);
+    const items = computed(() => {
+      if (isDebugging.value || props.paneType === "output") {
+        return flattenNodeSchema.value;
+      }
+      return flattenedNodes.value;
+    });
+    const noSearchResults = computed(() => {
+      return Boolean(props.search.trim()) && !Boolean(items.value.length);
+    });
+    const onDragStart = () => {
+      ndvStore.resetMappingTelemetry();
+    };
+    const onDragEnd = (el) => {
+      setTimeout(() => {
+        const mappingTelemetry = ndvStore.mappingTelemetry;
+        const telemetryPayload = {
+          src_node_type: el.dataset.nodeType,
+          src_field_name: el.dataset.name ?? "",
+          src_nodes_back: el.dataset.depth,
+          src_run_index: props.runIndex,
+          src_runs_total: props.totalRuns,
+          src_field_nest_level: el.dataset.level ?? 0,
+          src_view: "schema",
+          src_element: el,
+          success: false,
+          ...mappingTelemetry
+        };
+        void useExternalHooks().run("runDataJson.onDragEnd", telemetryPayload);
+        telemetry.track("User dragged data for mapping", telemetryPayload, { withPostHog: true });
+      }, 250);
+    };
+    return (_ctx, _cache) => {
+      const _component_i18n_t = resolveComponent("i18n-t");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        noSearchResults.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(unref(N8nText), {
+            tag: "h3",
+            size: "large"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.search.noNodeMatch.title")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(N8nText), null, {
+            default: withCtx(() => [
+              createVNode(_component_i18n_t, {
+                keypath: "ndv.search.noMatch.description",
+                tag: "span"
+              }, {
+                link: withCtx(() => [
+                  createBaseVNode("a", {
+                    href: "#",
+                    onClick: _cache[0] || (_cache[0] = ($event) => emit("clear:search"))
+                  }, toDisplayString(unref(i18n).baseText("ndv.search.noMatch.description.link")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          _ctx.paneType === "output" ? (openBlock(), createBlock(unref(N8nText), { key: 0 }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.search.noMatchSchema.description")), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        items.value.length ? (openBlock(), createBlock(Draggable, {
+          key: 1,
+          class: "full-height",
+          type: "mapping",
+          "target-data-key": "mappable",
+          disabled: !_ctx.mappingEnabled,
+          onDragstart: onDragStart,
+          onDragend: onDragEnd
+        }, {
+          preview: withCtx(({ canDrop, el }) => [
+            el ? (openBlock(), createBlock(MappingPill, {
+              key: 0,
+              html: el.outerHTML,
+              "can-drop": canDrop
+            }, null, 8, ["html", "can-drop"])) : createCommentVNode("", true)
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(script$1), {
+              ref_key: "scroller",
+              ref: scroller,
+              items: items.value,
+              "min-item-size": 38,
+              class: "full-height scroller"
+            }, {
+              default: withCtx(({ item, index, active }) => [
+                item.type === "header" ? (openBlock(), createBlock(VirtualSchemaHeader, mergeProps({ key: 0 }, item, {
+                  collapsed: unref(closedNodes).has(item.id),
+                  "onClick:toggle": ($event) => unref(toggleLeaf)(item.id),
+                  onClick: ($event) => toggleNodeAndScrollTop(item.id)
+                }), null, 16, ["collapsed", "onClick:toggle", "onClick"])) : (openBlock(), createBlock(unref(script), {
+                  key: 1,
+                  item,
+                  active,
+                  "size-dependencies": [item.value],
+                  "data-index": index
+                }, {
+                  default: withCtx(() => [
+                    createVNode(VirtualSchemaItem, mergeProps(item, {
+                      search: _ctx.search,
+                      draggable: _ctx.mappingEnabled,
+                      collapsed: unref(closedNodes).has(item.id),
+                      highlight: unref(ndvStore).highlightDraggables,
+                      onClick: ($event) => unref(toggleLeaf)(item.id)
+                    }), null, 16, ["search", "draggable", "collapsed", "highlight", "onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["item", "active", "size-dependencies", "data-index"]))
+              ]),
+              _: 1
+            }, 8, ["items"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const VirtualSchema = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6673c4a"]]);
+export {
+  VirtualSchema as default
+};

package/dist/assets/{WorkerView-DhAgtBED.js → WorkerView--FWlY_KA.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$7 } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-Bv3nXXk5.js";
-import { d as defineComponent, r as ref, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, w as withCtx, s as renderSlot, n as normalizeClass, f as createCommentVNode, _ as _export_sfc, e as createBlock, k as createTextVNode, t as toDisplayString, l as unref, F as Fragment, A as renderList, g as useI18n, b2 as useClipboard, a as useToast, cQ as shallowRef, o as onMounted, x as onBeforeUnmount, H as watch, cW as toRaw, aq as h, ch as isProxy, j8 as Chart$1, q as computed, aK as sortByProperty, b as useRouter, a3 as useDocumentTitle, Z as useRootStore, ax as onBeforeMount, ak as useTelemetry, p as useSettingsStore, a5 as usePageRedirectionHelper } from "./index-D57HUAs6.js";
-import { a as useOrchestrationStore, W as WORKER_HISTORY_LENGTH, u as usePushConnection } from "./usePushConnection-DCkWEVa2.js";
-import { u as usePushConnectionStore } from "./pushConnection.store-BrFt2YWH.js";
+import { _ as _sfc_main$7 } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-ouQuoTYp.js";
+import { d as defineComponent, r as ref, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, w as withCtx, s as renderSlot, n as normalizeClass, f as createCommentVNode, _ as _export_sfc, e as createBlock, k as createTextVNode, t as toDisplayString, l as unref, F as Fragment, A as renderList, g as useI18n, b2 as useClipboard, a as useToast, hU as shallowRef, o as onMounted, x as onBeforeUnmount, H as watch, hV as toRaw, aq as h, hW as isProxy, hX as Chart$1, q as computed, aK as sortByProperty, b as useRouter, a3 as useDocumentTitle, Z as useRootStore, ax as onBeforeMount, ak as useTelemetry, p as useSettingsStore, a5 as usePageRedirectionHelper } from "./index-fCEqBD8K.js";
+import { a as useOrchestrationStore, W as WORKER_HISTORY_LENGTH, u as usePushConnection } from "./usePushConnection-D-iAKJiL.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-Kmly9nV5.js";
 function averageWorkerLoadFromLoads(loads) {
   return loads.reduce((prev, curr) => prev + curr, 0) / loads.length;
 }
@@ -129,12 +129,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   size: "small",
                   align: "left"
                 }, {
-                  default: withCtx(() => {
-                    var _a;
-                    return [
-                      createTextVNode(" | Started at: " + toDisplayString((_a = new Date(item.startedAt)) == null ? void 0 : _a.toLocaleTimeString()) + " | Running for " + toDisplayString(runningSince(new Date(item.startedAt))) + " " + toDisplayString(item.retryOf ? `| Retry of: ${item.retryOf}` : "") + " | ", 1)
-                    ];
-                  }),
+                  default: withCtx(() => [
+                    createTextVNode(" | Started at: " + toDisplayString(new Date(item.startedAt)?.toLocaleTimeString()) + " | Running for " + toDisplayString(runningSince(new Date(item.startedAt))) + " " + toDisplayString(item.retryOf ? `| Retry of: ${item.retryOf}` : "") + " | ", 1)
+                  ]),
                   _: 2
                 }, 1024),
                 createBaseVNode("a", {
@@ -390,7 +387,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     workerId: {}
   },
   setup(__props) {
-    var _a, _b, _c;
     const props = __props;
     const i18n = useI18n();
     const blankDataSet = (label, color, prefill = 0) => ({
@@ -426,10 +422,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     const optionsJobs = optionsBase();
     const optionsCPU = optionsBase();
-    if ((_a = optionsCPU.scales) == null ? void 0 : _a.y) optionsCPU.scales.y.suggestedMax = 100;
-    const maxMemory = memAsGb((_b = orchestrationStore.workers[props.workerId]) == null ? void 0 : _b.totalMem) ?? 1;
+    if (optionsCPU.scales?.y) optionsCPU.scales.y.suggestedMax = 100;
+    const maxMemory = memAsGb(orchestrationStore.workers[props.workerId]?.totalMem) ?? 1;
     const optionsMemory = optionsBase();
-    if ((_c = optionsMemory.scales) == null ? void 0 : _c.y) optionsMemory.scales.y.suggestedMax = maxMemory;
+    if (optionsMemory.scales?.y) optionsMemory.scales.y.suggestedMax = maxMemory;
     const dataJobs = ref(
       blankDataSet("Job Count", "rgb(255, 111, 92)", WORKER_HISTORY_LENGTH)
     );
@@ -440,9 +436,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       blankDataSet("Memory Usage", "rgb(244, 216, 174)", WORKER_HISTORY_LENGTH)
     );
     orchestrationStore.$onAction(({ name, store }) => {
-      var _a2, _b2;
       if (name === "updateWorkerStatus") {
-        const prefillCount = WORKER_HISTORY_LENGTH - (((_a2 = store.workersHistory[props.workerId]) == null ? void 0 : _a2.length) ?? 0);
+        const prefillCount = WORKER_HISTORY_LENGTH - (store.workersHistory[props.workerId]?.length ?? 0);
         const newDataJobs = blankDataSet("Job Count", "rgb(255, 111, 92)", prefillCount);
         const newDataCPU = blankDataSet(
           "Processor Usage",
@@ -454,10 +449,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           "rgb(244, 216, 174)",
           prefillCount
         );
-        (_b2 = store.workersHistory[props.workerId]) == null ? void 0 : _b2.forEach((item) => {
-          var _a3;
+        store.workersHistory[props.workerId]?.forEach((item) => {
           newDataJobs.datasets[0].data.push(item.data.runningJobsSummary.length);
-          (_a3 = newDataJobs.labels) == null ? void 0 : _a3.push(new Date(item.timestamp).toLocaleTimeString());
+          newDataJobs.labels?.push(new Date(item.timestamp).toLocaleTimeString());
           newDataCPU.datasets[0].data.push(averageWorkerLoadFromLoads(item.data.loadAvg));
           newDataCPU.labels = newDataJobs.labels;
           newDataMemory.datasets[0].data.push(maxMemory - memAsGb(item.data.freeMem));
@@ -542,10 +536,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return orchestrationStore.getWorkerStatus(props.workerId);
     });
     const sortedWorkerInterfaces = computed(
-      () => {
-        var _a;
-        return sortByProperty("family", ((_a = worker.value) == null ? void 0 : _a.interfaces.slice()) ?? []);
-      }
+      () => sortByProperty("family", worker.value?.interfaces.slice() ?? [])
     );
     function upTime(seconds) {
       const days = Math.floor(seconds / (3600 * 24));