@nsshunt/stsuxvue 1.0.45 → 1.0.47

package/dist/stsuxvue.mjs

@@ -1,14 +1,3 @@
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var _socket, _observabilitySocketIOSubscriber, _logger, _observabilitySubscriptionManager, _store, _state, _modelId, _options2, _tinyEmitter, _id, _SocketIOConnect, _SetupObservabilitySubscriber, _SetupSocketIO, _SocketConnect, _ProcessSocketError, _ProcessSocketEvents;
 import { defineStore } from "pinia";
 import _cloneDeep from "lodash.clonedeep";
 import { defineComponent, defineAsyncComponent, ref, createElementBlock, openBlock, createVNode, unref, reactive, computed, watch, resolveComponent, createBlock, withCtx, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, Fragment, renderList, onMounted, onBeforeUnmount, resolveDynamicComponent, isRef } from "vue";
@@ -431,7 +420,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           height: "100",
           width: "100%",
           options,
-          series: _ctx.series,
+          series: __props.series,
           style: { "background": "red" }
         }, null, 8, ["series"])
       ]);
@@ -511,7 +500,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           height: "140",
           width: "100%",
           options: options.value,
-          series: _ctx.series
+          series: __props.series
         }, null, 8, ["options", "series"])
       ]);
     };
@@ -5088,7 +5077,7 @@ function requireDecode() {
   var sorter = function(a, b) {
     return a < b ? 1 : -1;
   };
-  decode.decodeHTML = function() {
+  decode.decodeHTML = (function() {
     var legacy = Object.keys(legacy_json_1.default).sort(sorter);
     var keys = Object.keys(entities_json_1.default).sort(sorter);
     for (var i = 0, j = 0; i < keys.length; i++) {
@@ -5109,7 +5098,7 @@ function requireDecode() {
     return function(str) {
       return String(str).replace(re, replacer);
     };
-  }();
+  })();
   function getReplacer(map2) {
     return function replace(str) {
       if (str.charAt(1) === "#") {
@@ -5733,7 +5722,7 @@ function requireAnsi_to_html() {
     }
     return stickyStack;
   }
-  var Filter = /* @__PURE__ */ function() {
+  var Filter = /* @__PURE__ */ (function() {
     function Filter2(options) {
       _classCallCheck(this, Filter2);
       options = options || {};
@@ -5773,13 +5762,13 @@ function requireAnsi_to_html() {
       }
     }]);
     return Filter2;
-  }();
+  })();
   ansi_to_html = Filter;
   return ansi_to_html;
 }
 var ansi_to_htmlExports = requireAnsi_to_html();
 const Convert = /* @__PURE__ */ getDefaultExportFromCjs(ansi_to_htmlExports);
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
+/*! @license DOMPurify 3.2.7 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.7/LICENSE */
 const {
   entries,
   setPrototypeOf,
@@ -5807,12 +5796,18 @@ if (!seal) {
   };
 }
 if (!apply) {
-  apply = function apply2(fun, thisValue, args) {
-    return fun.apply(thisValue, args);
+  apply = function apply2(func, thisArg) {
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+    return func.apply(thisArg, args);
   };
 }
 if (!construct) {
-  construct = function construct2(Func, args) {
+  construct = function construct2(Func) {
+    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      args[_key2 - 1] = arguments[_key2];
+    }
     return new Func(...args);
   };
 }
@@ -5835,18 +5830,18 @@ function unapply(func) {
     if (thisArg instanceof RegExp) {
       thisArg.lastIndex = 0;
     }
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
+    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      args[_key3 - 1] = arguments[_key3];
     }
     return apply(func, thisArg, args);
   };
 }
-function unconstruct(func) {
+function unconstruct(Func) {
   return function() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
     }
-    return construct(func, args);
+    return construct(Func, args);
   };
 }
 function addToSet(set, array) {
@@ -5913,14 +5908,14 @@ function lookupGetter(object, prop2) {
   }
   return fallbackValue;
 }
-const html$1 = freeze(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "section", "select", "shadow", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]);
-const svg$1 = freeze(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]);
+const html$1 = freeze(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "shadow", "slot", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]);
+const svg$1 = freeze(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "enterkeyhint", "exportparts", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "inputmode", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "part", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "slot", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]);
 const svgFilters = freeze(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]);
 const svgDisallowed = freeze(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]);
 const mathMl$1 = freeze(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]);
 const mathMlDisallowed = freeze(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]);
 const text = freeze(["#text"]);
-const html = freeze(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns", "slot"]);
+const html = freeze(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "exportparts", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inert", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "part", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "slot", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns", "slot"]);
 const svg = freeze(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]);
 const mathMl = freeze(["accent", "accentunder", "align", "bevelled", "close", "columnsalign", "columnlines", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lspace", "lquote", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]);
 const xml = freeze(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]);
@@ -6004,7 +5999,7 @@ const _createHooksMap = function _createHooksMap2() {
 function createDOMPurify() {
   let window2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
   const DOMPurify = (root) => createDOMPurify(root);
-  DOMPurify.version = "3.2.6";
+  DOMPurify.version = "3.2.7";
   DOMPurify.removed = [];
   if (!window2 || !window2.document || window2.document.nodeType !== NODE_TYPE.document || !window2.Element) {
     DOMPurify.isSupported = false;
@@ -6486,7 +6481,7 @@ function createDOMPurify() {
         // First condition does a very basic check if a) it's basically a valid custom element tagname AND
         // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
         // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
-        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+        _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName, lcTag)) || // Alternative, second condition checks if it's an `is`-attribute, AND
         // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
         lcName === "is" && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))
       ) ;
@@ -6541,7 +6536,11 @@ function createDOMPurify() {
         _removeAttribute(name, currentNode);
         value = SANITIZE_NAMED_PROPS_PREFIX + value;
       }
-      if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+      if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, value)) {
+        _removeAttribute(name, currentNode);
+        continue;
+      }
+      if (lcName === "attributename" && stringMatch(value, "href")) {
         _removeAttribute(name, currentNode);
         continue;
       }
@@ -6921,10 +6920,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             color: "#002255",
             theme: "dark",
             "prepend-icon": "mdi-desktop-tower",
-            title: `${_ctx.title}`
+            title: `${__props.title}`
           }, {
             text: withCtx(() => [
-              createTextVNode(" [" + toDisplayString(_ctx.nodeid) + "] ", 1),
+              createTextVNode(" [" + toDisplayString(__props.nodeid) + "] ", 1),
               createVNode(_component_v_switch, {
                 modelValue: detailMode.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => detailMode.value = $event),
@@ -6940,8 +6939,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
-                      createElementVNode("span", _hoisted_1$5, toDisplayString(round2Places(_ctx.instrumentData[`${unref(Gauge).DURATION_GAUGE}`].val)), 1),
-                      _ctx.isLeafNode === false ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(round2PlacesArray(_ctx.instrumentData[`${unref(Gauge).DURATION_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
+                      createElementVNode("span", _hoisted_1$5, toDisplayString(round2Places(__props.instrumentData[`${unref(Gauge).DURATION_GAUGE}`].val)), 1),
+                      __props.isLeafNode === false ? (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(round2PlacesArray(__props.instrumentData[`${unref(Gauge).DURATION_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
                     ]),
                     _: 1
                   })
@@ -6959,7 +6958,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_3$2, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.instrumentData[`${unref(Gauge).DURATION_HISTOGRAM_GAUGE}`].hist, (histo, index) => {
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.instrumentData[`${unref(Gauge).DURATION_HISTOGRAM_GAUGE}`].hist, (histo, index) => {
                           return openBlock(), createElementBlock("div", { key: index }, [
                             createElementVNode("div", _hoisted_4$2, toDisplayString(histo[1]), 1),
                             createElementVNode("div", _hoisted_5$2, toDisplayString(histo[0]), 1)
@@ -6982,8 +6981,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
-                      createElementVNode("span", _hoisted_6$2, toDisplayString(round2Places(_ctx.instrumentData[`${unref(Gauge).LATENCY_GAUGE}`].val)), 1),
-                      _ctx.isLeafNode === false ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString(round2PlacesArray(_ctx.instrumentData[`${unref(Gauge).LATENCY_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
+                      createElementVNode("span", _hoisted_6$2, toDisplayString(round2Places(__props.instrumentData[`${unref(Gauge).LATENCY_GAUGE}`].val)), 1),
+                      __props.isLeafNode === false ? (openBlock(), createElementBlock("span", _hoisted_7$2, toDisplayString(round2PlacesArray(__props.instrumentData[`${unref(Gauge).LATENCY_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
                     ]),
                     _: 1
                   })
@@ -7001,7 +7000,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_8$2, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.instrumentData[`${unref(Gauge).LATENCY_HISTOGRAM_GAUGE}`].hist, (histo, index) => {
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.instrumentData[`${unref(Gauge).LATENCY_HISTOGRAM_GAUGE}`].hist, (histo, index) => {
                           return openBlock(), createElementBlock("div", { key: index }, [
                             createElementVNode("div", _hoisted_9$2, toDisplayString(histo[1]), 1),
                             createElementVNode("div", _hoisted_10$2, toDisplayString(histo[0]), 1)
@@ -7040,9 +7039,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
-                      createElementVNode("span", _hoisted_11$2, toDisplayString(_ctx.instrumentData[`${unref(Gauge).REQUEST_COUNT_GAUGE}`].val), 1),
-                      createElementVNode("span", _hoisted_12$2, "Error: " + toDisplayString(_ctx.instrumentData[`${unref(Gauge).ERROR_COUNT_GAUGE}`].val), 1),
-                      createElementVNode("span", _hoisted_13$2, "Retry: " + toDisplayString(_ctx.instrumentData[`${unref(Gauge).RETRY_COUNT_GAUGE}`].val), 1)
+                      createElementVNode("span", _hoisted_11$2, toDisplayString(__props.instrumentData[`${unref(Gauge).REQUEST_COUNT_GAUGE}`].val), 1),
+                      createElementVNode("span", _hoisted_12$2, "Error: " + toDisplayString(__props.instrumentData[`${unref(Gauge).ERROR_COUNT_GAUGE}`].val), 1),
+                      createElementVNode("span", _hoisted_13$2, "Retry: " + toDisplayString(__props.instrumentData[`${unref(Gauge).RETRY_COUNT_GAUGE}`].val), 1)
                     ]),
                     _: 1
                   })
@@ -7059,9 +7058,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
-                      createElementVNode("span", _hoisted_14$2, toDisplayString(_ctx.instrumentData[`${unref(Gauge).AUTHENTICATION_COUNT_GAUGE}`].val), 1),
-                      createElementVNode("span", _hoisted_15$2, "Error: " + toDisplayString(_ctx.instrumentData[`${unref(Gauge).AUTHENTICATION_ERROR_COUNT_GAUGE}`].val), 1),
-                      createElementVNode("span", _hoisted_16$1, "Retry: " + toDisplayString(_ctx.instrumentData[`${unref(Gauge).AUTHENTICATION_RETRY_COUNT_GAUGE}`].val), 1)
+                      createElementVNode("span", _hoisted_14$2, toDisplayString(__props.instrumentData[`${unref(Gauge).AUTHENTICATION_COUNT_GAUGE}`].val), 1),
+                      createElementVNode("span", _hoisted_15$2, "Error: " + toDisplayString(__props.instrumentData[`${unref(Gauge).AUTHENTICATION_ERROR_COUNT_GAUGE}`].val), 1),
+                      createElementVNode("span", _hoisted_16$1, "Retry: " + toDisplayString(__props.instrumentData[`${unref(Gauge).AUTHENTICATION_RETRY_COUNT_GAUGE}`].val), 1)
                     ]),
                     _: 1
                   })
@@ -7079,11 +7078,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
                       createElementVNode("span", _hoisted_17$1, [
-                        createTextVNode(toDisplayString(velocityFormat(_ctx.instrumentData[`${unref(Gauge).VELOCITY_GAUGE}`].va)) + " ", 1),
-                        createElementVNode("span", _hoisted_18$1, "[" + toDisplayString(velocityFormat(_ctx.instrumentData[`${unref(Gauge).VELOCITY_GAUGE}`].velocity)) + "]", 1)
+                        createTextVNode(toDisplayString(velocityFormat(__props.instrumentData[`${unref(Gauge).VELOCITY_GAUGE}`].va)) + " ", 1),
+                        createElementVNode("span", _hoisted_18$1, "[" + toDisplayString(velocityFormat(__props.instrumentData[`${unref(Gauge).VELOCITY_GAUGE}`].velocity)) + "]", 1)
                       ]),
-                      createElementVNode("span", _hoisted_19$1, "Delta: " + toDisplayString(velocityFormat(_ctx.instrumentData[`${unref(Gauge).VELOCITY_GAUGE}`].delta)), 1),
-                      createElementVNode("span", _hoisted_20$1, "Max: " + toDisplayString(velocityFormat(_ctx.instrumentData[`${unref(Gauge).VELOCITY_GAUGE}`].maxVelocity)), 1)
+                      createElementVNode("span", _hoisted_19$1, "Delta: " + toDisplayString(velocityFormat(__props.instrumentData[`${unref(Gauge).VELOCITY_GAUGE}`].delta)), 1),
+                      createElementVNode("span", _hoisted_20$1, "Max: " + toDisplayString(velocityFormat(__props.instrumentData[`${unref(Gauge).VELOCITY_GAUGE}`].maxVelocity)), 1)
                     ]),
                     _: 1
                   })
@@ -7100,8 +7099,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
-                      createElementVNode("span", _hoisted_21$1, toDisplayString(_ctx.instrumentData[`${unref(Gauge).ACTIVE_REQUEST_GAUGE}`].val), 1),
-                      _ctx.isLeafNode === false ? (openBlock(), createElementBlock("span", _hoisted_22$1, toDisplayString(round0PlacesArray(_ctx.instrumentData[`${unref(Gauge).ACTIVE_REQUEST_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
+                      createElementVNode("span", _hoisted_21$1, toDisplayString(__props.instrumentData[`${unref(Gauge).ACTIVE_REQUEST_GAUGE}`].val), 1),
+                      __props.isLeafNode === false ? (openBlock(), createElementBlock("span", _hoisted_22$1, toDisplayString(round0PlacesArray(__props.instrumentData[`${unref(Gauge).ACTIVE_REQUEST_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
                     ]),
                     _: 1
                   })
@@ -7118,7 +7117,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
-                      createElementVNode("span", _hoisted_23$1, toDisplayString(_ctx.instrumentData[`${unref(Gauge).CORE_COUNT_GAUGE}`].val), 1)
+                      createElementVNode("span", _hoisted_23$1, toDisplayString(__props.instrumentData[`${unref(Gauge).CORE_COUNT_GAUGE}`].val), 1)
                     ]),
                     _: 1
                   })
@@ -7135,7 +7134,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
-                      createElementVNode("span", _hoisted_24$1, toDisplayString(convertMS(_ctx.instrumentData[`${unref(Gauge).TIMER_GAUGE}`].val)), 1)
+                      createElementVNode("span", _hoisted_24$1, toDisplayString(convertMS(__props.instrumentData[`${unref(Gauge).TIMER_GAUGE}`].val)), 1)
                     ]),
                     _: 1
                   })
@@ -7153,7 +7152,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_v_col, { md: "10" }, {
                     default: withCtx(() => [
                       createElementVNode("div", _hoisted_25$1, [
-                        _ctx.isLeafNode ? (openBlock(), createElementBlock("div", _hoisted_26$1, [
+                        __props.isLeafNode ? (openBlock(), createElementBlock("div", _hoisted_26$1, [
                           (openBlock(true), createElementBlock(Fragment, null, renderList(LogDataCopy.value, (logLine, index) => {
                             return openBlock(), createElementBlock("div", {
                               key: `ln-${index}`,
@@ -8849,14 +8848,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         rounded: "lg",
         class: "mx-2 mt-2 mb-4 pa-2 pr-4",
         elevation: 10,
-        onClick: _cache[0] || (_cache[0] = ($event) => clicked(_ctx.nodeid))
+        onClick: _cache[0] || (_cache[0] = ($event) => clicked(__props.nodeid))
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$4, [
-            createTextVNode(toDisplayString(friendlyTitle(_ctx.title)) + " ", 1),
-            _ctx.title.length > 30 ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
-              createTextVNode(toDisplayString(_ctx.title.split("@")[0]) + " ", 1),
-              createElementVNode("div", null, toDisplayString(_ctx.title.split("@")[1]), 1)
+            createTextVNode(toDisplayString(friendlyTitle(__props.title)) + " ", 1),
+            __props.title.length > 30 ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+              createTextVNode(toDisplayString(__props.title.split("@")[0]) + " ", 1),
+              createElementVNode("div", null, toDisplayString(__props.title.split("@")[1]), 1)
             ])) : createCommentVNode("", true)
           ]),
           createVNode(_component_v_row, {
@@ -8875,7 +8874,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_3$1, [
                     createElementVNode("div", _hoisted_4$1, toDisplayString(CPU.value), 1),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.instrumentdata[`${unref(Gauge).CPU_LOAD_GAUGE}`].percentile, (perc, index) => {
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.instrumentdata[`${unref(Gauge).CPU_LOAD_GAUGE}`].percentile, (perc, index) => {
                       return openBlock(), createElementBlock("div", { key: index }, [
                         createElementVNode("div", _hoisted_5$1, toDisplayString(perc[0]), 1),
                         createElementVNode("div", _hoisted_6$1, toDisplayString(perc[1].toFixed(2)), 1)
@@ -8926,8 +8925,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createVNode(_component_v_col, { cols: "10" }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_7$1, [
-                    createElementVNode("div", _hoisted_8$1, toDisplayString(round2Places(_ctx.instrumentdata[`${unref(Gauge).DURATION_GAUGE}`].val)), 1),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.instrumentdata[`${unref(Gauge).DURATION_GAUGE}`].percentile, (perc, index) => {
+                    createElementVNode("div", _hoisted_8$1, toDisplayString(round2Places(__props.instrumentdata[`${unref(Gauge).DURATION_GAUGE}`].val)), 1),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.instrumentdata[`${unref(Gauge).DURATION_GAUGE}`].percentile, (perc, index) => {
                       return openBlock(), createElementBlock("div", { key: index }, [
                         createElementVNode("div", _hoisted_9$1, toDisplayString(perc[0]), 1),
                         createElementVNode("div", _hoisted_10$1, toDisplayString(perc[1].toFixed(2)), 1)
@@ -8954,7 +8953,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createVNode(_component_v_col, { cols: "10" }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_11$1, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.instrumentdata[`${unref(Gauge).DURATION_HISTOGRAM_GAUGE}`].hist, (histo, index) => {
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.instrumentdata[`${unref(Gauge).DURATION_HISTOGRAM_GAUGE}`].hist, (histo, index) => {
                       return openBlock(), createElementBlock("div", { key: index }, [
                         createElementVNode("div", _hoisted_12$1, toDisplayString(histo[1]), 1),
                         createElementVNode("div", _hoisted_13$1, toDisplayString(histo[0]), 1)
@@ -8981,8 +8980,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createVNode(_component_v_col, { md: "10" }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_14$1, [
-                    createElementVNode("div", _hoisted_15$1, toDisplayString(round2Places(_ctx.instrumentdata[`${unref(Gauge).LATENCY_GAUGE}`].val)), 1),
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.instrumentdata[`${unref(Gauge).LATENCY_GAUGE}`].percentile, (perc, index) => {
+                    createElementVNode("div", _hoisted_15$1, toDisplayString(round2Places(__props.instrumentdata[`${unref(Gauge).LATENCY_GAUGE}`].val)), 1),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.instrumentdata[`${unref(Gauge).LATENCY_GAUGE}`].percentile, (perc, index) => {
                       return openBlock(), createElementBlock("div", { key: index }, [
                         createElementVNode("div", _hoisted_16, toDisplayString(perc[0]), 1),
                         createElementVNode("div", _hoisted_17, toDisplayString(perc[1].toFixed(2)), 1)
@@ -9009,7 +9008,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createVNode(_component_v_col, { md: "10" }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_18, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.instrumentdata[`${unref(Gauge).LATENCY_HISTOGRAM_GAUGE}`].hist, (histo, index) => {
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(__props.instrumentdata[`${unref(Gauge).LATENCY_HISTOGRAM_GAUGE}`].hist, (histo, index) => {
                       return openBlock(), createElementBlock("div", { key: index }, [
                         createElementVNode("div", _hoisted_19, toDisplayString(histo[1]), 1),
                         createElementVNode("div", _hoisted_20, toDisplayString(histo[0]), 1)
@@ -9097,9 +9096,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_v_col, { md: "9" }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_23, toDisplayString(_ctx.instrumentdata[`${unref(Gauge).REQUEST_COUNT_GAUGE}`].val), 1),
-                  createElementVNode("span", _hoisted_24, "Error: " + toDisplayString(_ctx.instrumentdata[`${unref(Gauge).ERROR_COUNT_GAUGE}`].val), 1),
-                  createElementVNode("span", _hoisted_25, "Retry: " + toDisplayString(_ctx.instrumentdata[`${unref(Gauge).RETRY_COUNT_GAUGE}`].val), 1)
+                  createElementVNode("span", _hoisted_23, toDisplayString(__props.instrumentdata[`${unref(Gauge).REQUEST_COUNT_GAUGE}`].val), 1),
+                  createElementVNode("span", _hoisted_24, "Error: " + toDisplayString(__props.instrumentdata[`${unref(Gauge).ERROR_COUNT_GAUGE}`].val), 1),
+                  createElementVNode("span", _hoisted_25, "Retry: " + toDisplayString(__props.instrumentdata[`${unref(Gauge).RETRY_COUNT_GAUGE}`].val), 1)
                 ]),
                 _: 1
               })
@@ -9119,9 +9118,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_v_col, { md: "9" }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_26, toDisplayString(_ctx.instrumentdata[`${unref(Gauge).AUTHENTICATION_COUNT_GAUGE}`].val), 1),
-                  createElementVNode("span", _hoisted_27, "Error: " + toDisplayString(_ctx.instrumentdata[`${unref(Gauge).AUTHENTICATION_ERROR_COUNT_GAUGE}`].val), 1),
-                  createElementVNode("span", _hoisted_28, "Retry: " + toDisplayString(_ctx.instrumentdata[`${unref(Gauge).AUTHENTICATION_RETRY_COUNT_GAUGE}`].val), 1)
+                  createElementVNode("span", _hoisted_26, toDisplayString(__props.instrumentdata[`${unref(Gauge).AUTHENTICATION_COUNT_GAUGE}`].val), 1),
+                  createElementVNode("span", _hoisted_27, "Error: " + toDisplayString(__props.instrumentdata[`${unref(Gauge).AUTHENTICATION_ERROR_COUNT_GAUGE}`].val), 1),
+                  createElementVNode("span", _hoisted_28, "Retry: " + toDisplayString(__props.instrumentdata[`${unref(Gauge).AUTHENTICATION_RETRY_COUNT_GAUGE}`].val), 1)
                 ]),
                 _: 1
               })
@@ -9141,7 +9140,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_v_col, { md: "9" }, {
                 default: withCtx(() => [
-                  createElementVNode("div", _hoisted_29, toDisplayString(velocityFormat(_ctx.instrumentdata[`${unref(Gauge).VELOCITY_GAUGE}`].val)), 1)
+                  createElementVNode("div", _hoisted_29, toDisplayString(velocityFormat(__props.instrumentdata[`${unref(Gauge).VELOCITY_GAUGE}`].val)), 1)
                 ]),
                 _: 1
               })
@@ -9161,8 +9160,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_v_col, { md: "9" }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_30, toDisplayString(_ctx.instrumentdata[`${unref(Gauge).ACTIVE_REQUEST_GAUGE}`].val), 1),
-                  _ctx.isleafnode === false ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(round0PlacesArray(_ctx.instrumentdata[`${unref(Gauge).ACTIVE_REQUEST_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
+                  createElementVNode("span", _hoisted_30, toDisplayString(__props.instrumentdata[`${unref(Gauge).ACTIVE_REQUEST_GAUGE}`].val), 1),
+                  __props.isleafnode === false ? (openBlock(), createElementBlock("span", _hoisted_31, toDisplayString(round0PlacesArray(__props.instrumentdata[`${unref(Gauge).ACTIVE_REQUEST_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -9182,7 +9181,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_v_col, { md: "9" }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_32, toDisplayString(_ctx.instrumentdata[`${unref(Gauge).CORE_COUNT_GAUGE}`].val), 1)
+                  createElementVNode("span", _hoisted_32, toDisplayString(__props.instrumentdata[`${unref(Gauge).CORE_COUNT_GAUGE}`].val), 1)
                 ]),
                 _: 1
               })
@@ -9202,8 +9201,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_v_col, { md: "9" }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_33, toDisplayString(_ctx.instrumentdata[`${unref(Gauge).CONNECTION_COUNT_GAUGE}`].val), 1),
-                  _ctx.isleafnode === false ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString(round0PlacesArray(_ctx.instrumentdata[`${unref(Gauge).CONNECTION_COUNT_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
+                  createElementVNode("span", _hoisted_33, toDisplayString(__props.instrumentdata[`${unref(Gauge).CONNECTION_COUNT_GAUGE}`].val), 1),
+                  __props.isleafnode === false ? (openBlock(), createElementBlock("span", _hoisted_34, toDisplayString(round0PlacesArray(__props.instrumentdata[`${unref(Gauge).CONNECTION_COUNT_GAUGE}`].percentile)), 1)) : createCommentVNode("", true)
                 ]),
                 _: 1
               })
@@ -9223,9 +9222,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_v_col, { md: "9" }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_35, toDisplayString(_ctx.instrumentdata[`${unref(Gauge).CONNECTION_POOL_TOTAL_GAUGE}`].val), 1),
-                  createElementVNode("span", _hoisted_36, "Idle: " + toDisplayString(velocityFormat(_ctx.instrumentdata[`${unref(Gauge).CONNECTION_POOL_IDLE_GAUGE}`].val)), 1),
-                  createElementVNode("span", _hoisted_37, "Wait: " + toDisplayString(velocityFormat(_ctx.instrumentdata[`${unref(Gauge).CONNECTION_POOL_WAITING_GAUGE}`].val)), 1)
+                  createElementVNode("span", _hoisted_35, toDisplayString(__props.instrumentdata[`${unref(Gauge).CONNECTION_POOL_TOTAL_GAUGE}`].val), 1),
+                  createElementVNode("span", _hoisted_36, "Idle: " + toDisplayString(velocityFormat(__props.instrumentdata[`${unref(Gauge).CONNECTION_POOL_IDLE_GAUGE}`].val)), 1),
+                  createElementVNode("span", _hoisted_37, "Wait: " + toDisplayString(velocityFormat(__props.instrumentdata[`${unref(Gauge).CONNECTION_POOL_WAITING_GAUGE}`].val)), 1)
                 ]),
                 _: 1
               })
@@ -9245,7 +9244,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_v_col, { md: "9" }, {
                 default: withCtx(() => [
-                  createElementVNode("span", _hoisted_38, toDisplayString(convertMS(_ctx.instrumentdata[`${unref(Gauge).TIMER_GAUGE}`].val)), 1)
+                  createElementVNode("span", _hoisted_38, toDisplayString(convertMS(__props.instrumentdata[`${unref(Gauge).TIMER_GAUGE}`].val)), 1)
                 ]),
                 _: 1
               })
@@ -9266,7 +9265,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createVNode(_component_v_col, { md: "9" }, {
                 default: withCtx(() => [
                   createElementVNode("div", _hoisted_39, [
-                    _ctx.isleafnode ? (openBlock(), createElementBlock("div", _hoisted_40, [
+                    __props.isleafnode ? (openBlock(), createElementBlock("div", _hoisted_40, [
                       (openBlock(true), createElementBlock(Fragment, null, renderList(LogDataCopy.value, (logLine, index) => {
                         return openBlock(), createElementBlock("div", {
                           key: `ln-${index}`,
@@ -9607,14 +9606,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         rounded: "lg",
         class: "mx-2 mt-2 mb-4 pa-2",
         elevation: 10,
-        onClick: _cache[0] || (_cache[0] = ($event) => clicked(_ctx.nodeid))
+        onClick: _cache[0] || (_cache[0] = ($event) => clicked(__props.nodeid))
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$3, [
-            createTextVNode(toDisplayString(friendlyTitle(_ctx.title)) + " ", 1),
-            _ctx.title.length > 30 ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-              createTextVNode(toDisplayString(_ctx.title.split("@")[0]) + " ", 1),
-              createElementVNode("div", null, toDisplayString(_ctx.title.split("@")[1]), 1)
+            createTextVNode(toDisplayString(friendlyTitle(__props.title)) + " ", 1),
+            __props.title.length > 30 ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+              createTextVNode(toDisplayString(__props.title.split("@")[0]) + " ", 1),
+              createElementVNode("div", null, toDisplayString(__props.title.split("@")[1]), 1)
             ])) : createCommentVNode("", true)
           ]),
           createVNode(_component_v_row, {
@@ -9909,7 +9908,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           class: "d-inline-flex align-center justify-center ma-0 pa-0"
         }, [
           cpu(svc) > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.smallMode ? UXModelInstrumentServiceSmall : UXModelInstrumentServiceCommon), {
+            (openBlock(), createBlock(resolveDynamicComponent(__props.smallMode ? UXModelInstrumentServiceSmall : UXModelInstrumentServiceCommon), {
               isleafnode: false,
               "model-id": props.modelId,
               nodeid: svc.id,
@@ -9944,13 +9943,9 @@ function rng() {
 }
 const randomUUID = typeof crypto !== "undefined" && crypto.randomUUID && crypto.randomUUID.bind(crypto);
 const native = { randomUUID };
-function v4(options, buf, offset) {
-  var _a;
-  if (native.randomUUID && true && !options) {
-    return native.randomUUID();
-  }
+function _v4(options, buf, offset) {
   options = options || {};
-  const rnds = options.random ?? ((_a = options.rng) == null ? void 0 : _a.call(options)) ?? rng();
+  const rnds = options.random ?? options.rng?.() ?? rng();
   if (rnds.length < 16) {
     throw new Error("Random bytes length must be >= 16");
   }
@@ -9958,25 +9953,29 @@ function v4(options, buf, offset) {
   rnds[8] = rnds[8] & 63 | 128;
   return unsafeStringify(rnds);
 }
-var __typeError2 = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck2 = (obj, member, msg) => member.has(obj) || __typeError2("Cannot " + msg);
-var __privateGet2 = (obj, member, getter) => (__accessCheck2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd2 = (obj, member, value) => member.has(obj) ? __typeError2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet2 = (obj, member, value, setter) => (__accessCheck2(obj, member, "write to private field"), member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck2(obj, member, "access private method"), method);
-var _options, _sockets, _SocketIoClientHelper_instances, LogDebugMessage_fn, LogErrorMessage_fn, EstablishSocketConnect_fn;
+function v4(options, buf, offset) {
+  if (native.randomUUID && true && !options) {
+    return native.randomUUID();
+  }
+  return _v4(options);
+}
 const isNode = Object.prototype.toString.call(typeof process !== "undefined" ? process : 0) === "[object process]";
 class SocketIoClientHelper {
+  #options;
+  #sockets = {};
   constructor(options) {
-    __privateAdd2(this, _SocketIoClientHelper_instances);
-    __privateAdd2(this, _options);
-    __privateAdd2(this, _sockets, {});
-    __privateSet2(this, _options, options);
+    this.#options = options;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  #LogDebugMessage(message) {
+    if (this.#options.logger) this.#options.logger.debug(message);
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  #LogErrorMessage(message) {
+    if (this.#options.logger) this.#options.logger.error(message);
   }
   get sockets() {
-    return __privateGet2(this, _sockets);
+    return this.#sockets;
   }
   SetupClientSideSocket(name, address, socketIoCustomPath, onConnectCallBack, socketEventsCallBack, errorCallBack) {
     this.sockets[name] = {
@@ -9985,7 +9984,7 @@ class SocketIoClientHelper {
       socket: null,
       errorCallBack
     };
-    __privateMethod(this, _SocketIoClientHelper_instances, EstablishSocketConnect_fn).call(this, name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack);
+    this.#EstablishSocketConnect(name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack);
     return this.sockets[name].socket;
   }
   GetSocket(name) {
@@ -9994,127 +9993,117 @@ class SocketIoClientHelper {
   GetSocketDetail(name) {
     return this.sockets[name];
   }
-}
-_options = /* @__PURE__ */ new WeakMap();
-_sockets = /* @__PURE__ */ new WeakMap();
-_SocketIoClientHelper_instances = /* @__PURE__ */ new WeakSet();
-LogDebugMessage_fn = function(message) {
-  if (__privateGet2(this, _options).logger) __privateGet2(this, _options).logger.debug(message);
-};
-LogErrorMessage_fn = function(message) {
-  if (__privateGet2(this, _options).logger) __privateGet2(this, _options).logger.error(message);
-};
-EstablishSocketConnect_fn = function(name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack) {
-  const socketDetail = this.sockets[name];
-  if (socketDetail.socket !== null) {
-    if (socketDetail.socket.connected === true) {
-      socketDetail.socket.disconnect();
+  #EstablishSocketConnect(name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack) {
+    const socketDetail = this.sockets[name];
+    if (socketDetail.socket !== null) {
+      if (socketDetail.socket.connected === true) {
+        socketDetail.socket.disconnect();
+      }
+      socketDetail.socket = null;
+      if (isNode) {
+        setTimeout(() => this.#EstablishSocketConnect(name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100).unref();
+      } else {
+        setTimeout(() => this.#EstablishSocketConnect(name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100);
+      }
+      return;
     }
-    socketDetail.socket = null;
+    let socketOptions;
     if (isNode) {
-      setTimeout(() => __privateMethod(this, _SocketIoClientHelper_instances, EstablishSocketConnect_fn).call(this, name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100).unref();
+      socketOptions = {
+        transports: ["websocket"]
+      };
+      if (this.#options.agentManager) {
+        socketOptions.agent = this.#options.agentManager.GetAgent(socketDetail.address);
+      }
     } else {
-      setTimeout(() => __privateMethod(this, _SocketIoClientHelper_instances, EstablishSocketConnect_fn).call(this, name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100);
+      socketOptions = {
+        transports: ["websocket"]
+      };
     }
-    return;
-  }
-  let socketOptions;
-  if (isNode) {
-    socketOptions = {
-      transports: ["websocket"]
-    };
-    if (__privateGet2(this, _options).agentManager) {
-      socketOptions.agent = __privateGet2(this, _options).agentManager.GetAgent(socketDetail.address);
+    if (socketIoCustomPath && socketIoCustomPath.localeCompare("") !== 0) {
+      socketOptions.path = socketIoCustomPath;
     }
-  } else {
-    socketOptions = {
-      transports: ["websocket"]
-    };
-  }
-  if (socketIoCustomPath && socketIoCustomPath.localeCompare("") !== 0) {
-    socketOptions.path = socketIoCustomPath;
-  }
-  socketDetail.socket = io(socketDetail.address, socketOptions);
-  socketDetail.socket.io.on("error", (err) => {
-    __privateMethod(this, _SocketIoClientHelper_instances, LogErrorMessage_fn).call(this, `SocketIoClientHelper(): socketDetail.socket.io.on('error'): [${err}]`);
-  });
-  socketDetail.socket.io.on("reconnect_error", (err) => {
-    __privateMethod(this, _SocketIoClientHelper_instances, LogErrorMessage_fn).call(this, `SocketIoClientHelper(): socketDetail.socket.io.on('reconnect_error'): [${err}]`);
-  });
-  socketDetail.socket.io.on("reconnect", (attempt) => {
-    __privateMethod(this, _SocketIoClientHelper_instances, LogErrorMessage_fn).call(this, `SocketIoClientHelper(): socketDetail.socket.io.on('reconnect'): Number: [${attempt}]`);
-  });
-  socketDetail.socket.on("connect_error", (err) => {
-    __privateMethod(this, _SocketIoClientHelper_instances, LogErrorMessage_fn).call(this, `SocketIoClientHelper(): socketDetail.socket.on('connect_error'): [${err}]`);
-  });
-  socketDetail.socket.on("connect_timeout", () => {
-    __privateMethod(this, _SocketIoClientHelper_instances, LogErrorMessage_fn).call(this, `SocketIoClientHelper(): socketDetail.socket.on('connect_timeout')`);
-  });
-  socketDetail.socket.on("connect", () => {
-    if (socketDetail.socket) {
-      __privateMethod(this, _SocketIoClientHelper_instances, LogDebugMessage_fn).call(this, `SocketIoClientHelper(): Socket: [${socketDetail.socket.id}]: connected`);
-      if (onConnectCallBack) {
-        setTimeout(() => {
-          onConnectCallBack(socketDetail.socket);
-        }, 0);
-      }
-      if (socketEventsCallBack) {
-        socketEventsCallBack(socketDetail.socket);
+    socketDetail.socket = io(socketDetail.address, socketOptions);
+    socketDetail.socket.io.on("error", (err) => {
+      this.#LogErrorMessage(`SocketIoClientHelper(): socketDetail.socket.io.on('error'): [${err}]`);
+    });
+    socketDetail.socket.io.on("reconnect_error", (err) => {
+      this.#LogErrorMessage(`SocketIoClientHelper(): socketDetail.socket.io.on('reconnect_error'): [${err}]`);
+    });
+    socketDetail.socket.io.on("reconnect", (attempt) => {
+      this.#LogErrorMessage(`SocketIoClientHelper(): socketDetail.socket.io.on('reconnect'): Number: [${attempt}]`);
+    });
+    socketDetail.socket.on("connect_error", (err) => {
+      this.#LogErrorMessage(`SocketIoClientHelper(): socketDetail.socket.on('connect_error'): [${err}]`);
+    });
+    socketDetail.socket.on("connect_timeout", () => {
+      this.#LogErrorMessage(`SocketIoClientHelper(): socketDetail.socket.on('connect_timeout')`);
+    });
+    socketDetail.socket.on("connect", () => {
+      if (socketDetail.socket) {
+        this.#LogDebugMessage(`SocketIoClientHelper(): Socket: [${socketDetail.socket.id}]: connected`);
+        if (onConnectCallBack) {
+          setTimeout(() => {
+            onConnectCallBack(socketDetail.socket);
+          }, 0);
+        }
+        if (socketEventsCallBack) {
+          socketEventsCallBack(socketDetail.socket);
+        }
+      } else {
+        const errorMessage = "SocketIoClientHelper(): Could not get socket object from socket.io";
+        this.#LogErrorMessage(errorMessage);
+        socketDetail.errorCallBack(new Error(errorMessage));
       }
-    } else {
-      const errorMessage = "SocketIoClientHelper(): Could not get socket object from socket.io";
-      __privateMethod(this, _SocketIoClientHelper_instances, LogErrorMessage_fn).call(this, errorMessage);
-      socketDetail.errorCallBack(new Error(errorMessage));
-    }
-  });
-  socketDetail.socket.on("disconnect", (reason) => {
-    var _a;
-    __privateMethod(this, _SocketIoClientHelper_instances, LogDebugMessage_fn).call(this, "SocketIoClientHelper(): socket disconnect: " + reason);
-    switch (reason) {
-      case "io server disconnect":
-        {
-          __privateMethod(this, _SocketIoClientHelper_instances, LogDebugMessage_fn).call(this, "SocketIoClientHelper(): The server disconnected using disconnectSockets, i.e. normal safe shutdown from explicit disconnection by the server.");
-          __privateMethod(this, _SocketIoClientHelper_instances, LogDebugMessage_fn).call(this, "SocketIoClientHelper(): The connection will be re-established when the server becomes available.");
-          const socketDetail2 = this.sockets[name];
-          socketDetail2.socket = null;
-          if (isNode) {
-            if (__privateGet2(this, _options).agentManager) {
-              __privateGet2(this, _options).agentManager.ResetAgent();
+    });
+    socketDetail.socket.on("disconnect", (reason) => {
+      this.#LogDebugMessage("SocketIoClientHelper(): socket disconnect: " + reason);
+      switch (reason) {
+        case "io server disconnect":
+          {
+            this.#LogDebugMessage("SocketIoClientHelper(): The server disconnected using disconnectSockets, i.e. normal safe shutdown from explicit disconnection by the server.");
+            this.#LogDebugMessage("SocketIoClientHelper(): The connection will be re-established when the server becomes available.");
+            const socketDetail2 = this.sockets[name];
+            socketDetail2.socket = null;
+            if (isNode) {
+              if (this.#options.agentManager) {
+                this.#options.agentManager.ResetAgent();
+              }
+              setTimeout(() => this.#EstablishSocketConnect(name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100).unref();
+            } else {
+              setTimeout(() => this.#EstablishSocketConnect(name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100);
             }
-            setTimeout(() => __privateMethod(this, _SocketIoClientHelper_instances, EstablishSocketConnect_fn).call(this, name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100).unref();
-          } else {
-            setTimeout(() => __privateMethod(this, _SocketIoClientHelper_instances, EstablishSocketConnect_fn).call(this, name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100);
           }
-        }
-        break;
-      case "io client disconnect":
-        __privateMethod(this, _SocketIoClientHelper_instances, LogDebugMessage_fn).call(this, "SocketIoClientHelper(): The client disconnected using disconnectSockets, i.e. normal safe disconnection from explicit disconnection by the client.");
-        __privateMethod(this, _SocketIoClientHelper_instances, LogDebugMessage_fn).call(this, "SocketIoClientHelper(): The connection will not be re-established automatically.");
-        break;
-      case "transport close":
-      case "ping timeout":
-      case "transport error":
-        {
-          __privateMethod(this, _SocketIoClientHelper_instances, LogDebugMessage_fn).call(this, `SocketIoClientHelper(): Server unexpectedly disconnected. Reason: [${reason}]`);
-          __privateMethod(this, _SocketIoClientHelper_instances, LogDebugMessage_fn).call(this, "SocketIoClientHelper(): The connection will be re-established when the server becomes available.");
-          const socketDetail2 = this.sockets[name];
-          if (socketDetail2.socket) {
-            socketDetail2.socket.disconnect();
-          }
-          socketDetail2.socket = null;
-          if (isNode) {
-            if (__privateGet2(this, _options).agentManager) {
-              (_a = __privateGet2(this, _options).agentManager) == null ? void 0 : _a.ResetAgent();
+          break;
+        case "io client disconnect":
+          this.#LogDebugMessage("SocketIoClientHelper(): The client disconnected using disconnectSockets, i.e. normal safe disconnection from explicit disconnection by the client.");
+          this.#LogDebugMessage("SocketIoClientHelper(): The connection will not be re-established automatically.");
+          break;
+        case "transport close":
+        case "ping timeout":
+        case "transport error":
+          {
+            this.#LogDebugMessage(`SocketIoClientHelper(): Server unexpectedly disconnected. Reason: [${reason}]`);
+            this.#LogDebugMessage("SocketIoClientHelper(): The connection will be re-established when the server becomes available.");
+            const socketDetail2 = this.sockets[name];
+            if (socketDetail2.socket) {
+              socketDetail2.socket.disconnect();
+            }
+            socketDetail2.socket = null;
+            if (isNode) {
+              if (this.#options.agentManager) {
+                this.#options.agentManager?.ResetAgent();
+              }
+              setTimeout(() => this.#EstablishSocketConnect(name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100).unref();
+            } else {
+              setTimeout(() => this.#EstablishSocketConnect(name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100);
             }
-            setTimeout(() => __privateMethod(this, _SocketIoClientHelper_instances, EstablishSocketConnect_fn).call(this, name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100).unref();
-          } else {
-            setTimeout(() => __privateMethod(this, _SocketIoClientHelper_instances, EstablishSocketConnect_fn).call(this, name, socketIoCustomPath, onConnectCallBack, socketEventsCallBack), 100);
           }
-        }
-        break;
-    }
-  });
-};
+          break;
+      }
+    });
+  }
+}
 var tinyEmitter = { exports: {} };
 var hasRequiredTinyEmitter;
 function requireTinyEmitter() {
@@ -10171,220 +10160,199 @@ function requireTinyEmitter() {
 var tinyEmitterExports = requireTinyEmitter();
 const SOCKET_NAMESPACE = "stsinstrumentmanager/stsmonitor";
 class ObservabilitySubscriberManager {
+  #socket = null;
+  #observabilitySocketIOSubscriber = null;
+  #logger;
+  #observabilitySubscriptionManager = null;
+  #store;
+  #state = "init";
+  #modelId;
+  #options;
+  #tinyEmitter;
+  #id;
   constructor(options) {
-    __privateAdd(this, _socket, null);
-    __privateAdd(this, _observabilitySocketIOSubscriber, null);
-    __privateAdd(this, _logger);
-    __privateAdd(this, _observabilitySubscriptionManager, null);
-    __privateAdd(this, _store);
-    __privateAdd(this, _state, "init");
-    __privateAdd(this, _modelId);
-    __privateAdd(this, _options2);
-    __privateAdd(this, _tinyEmitter);
-    __privateAdd(this, _id);
-    __privateAdd(this, _SocketIOConnect, (socket) => {
-      var _a, _b;
-      try {
-        console.log(chalk.cyan(`SocketIOConnect(): Starting`));
-        console.log(chalk.cyan(`SocketIOConnect(): State: [${__privateGet(this, _state)}]`));
-        console.log(chalk.cyan(`SocketIOConnect(): Current Model Subscriptions: [${(_a = __privateGet(this, _observabilitySubscriptionManager)) == null ? void 0 : _a.subscriptions}]`));
-        if (__privateGet(this, _observabilitySocketIOSubscriber) instanceof ObservabilitySocketIOSubscriber) {
-          if (socket.id) {
-            const observabilitySocketIOSubscriberSocketId = __privateGet(this, _observabilitySocketIOSubscriber).socket.id;
-            if (observabilitySocketIOSubscriberSocketId) {
-              if (socket.id.localeCompare(observabilitySocketIOSubscriberSocketId) === 0) {
-                __privateGet(this, _logger).debug(chalk.cyan(`AgentSocketClient:constructor:SocketIOConnectSocket(): ids are the same - ignoring`));
-              }
+    this.#id = v4();
+    this.#options = options;
+    this.#modelId = options.modelId;
+    this.#logger = defaultLogger;
+    this.#store = ModelStore();
+    this.#tinyEmitter = new tinyEmitterExports.TinyEmitter();
+    if (!this.#options.consumeInstrumentationMode) {
+      this.#options.consumeInstrumentationMode = "PROXY";
+    }
+  }
+  get id() {
+    return this.#id;
+  }
+  #SocketIOConnect = (socket) => {
+    try {
+      console.log(chalk.cyan(`SocketIOConnect(): Starting`));
+      console.log(chalk.cyan(`SocketIOConnect(): State: [${this.#state}]`));
+      console.log(chalk.cyan(`SocketIOConnect(): Current Model Subscriptions: [${this.#observabilitySubscriptionManager?.subscriptions}]`));
+      if (this.#observabilitySocketIOSubscriber instanceof ObservabilitySocketIOSubscriber) {
+        if (socket.id) {
+          const observabilitySocketIOSubscriberSocketId = this.#observabilitySocketIOSubscriber.socket.id;
+          if (observabilitySocketIOSubscriberSocketId) {
+            if (socket.id.localeCompare(observabilitySocketIOSubscriberSocketId) === 0) {
+              this.#logger.debug(chalk.cyan(`AgentSocketClient:constructor:SocketIOConnectSocket(): ids are the same - ignoring`));
             }
           }
-          __privateGet(this, _logger).debug(chalk.cyan(`AgentSocketClient:constructor:SocketIOConnect(): Socket ids are different - update with new socket`));
-          __privateGet(this, _observabilitySocketIOSubscriber).socket = socket;
-          (_b = __privateGet(this, _observabilitySubscriptionManager)) == null ? void 0 : _b.Stop();
-          if (__privateGet(this, _state).localeCompare("started") === 0) {
-            setTimeout(() => {
-              var _a2;
-              __privateGet(this, _logger).debug(chalk.cyan(`AgentSocketClient:constructor:SocketIOConnect(): observabilitySubscriptionManager Start`));
-              (_a2 = __privateGet(this, _observabilitySubscriptionManager)) == null ? void 0 : _a2.Start();
-              __privateGet(this, _tinyEmitter).emit("connected");
-            }, 2500);
-          } else {
-            __privateGet(this, _logger).debug(chalk.cyan(`AgentSocketClient:constructor:SocketIOConnect(): state not in the started state, current state: [${__privateGet(this, _state)}]`));
-            __privateGet(this, _tinyEmitter).emit("connected");
-          }
-        } else {
-          __privateGet(this, _logger).debug(chalk.cyan(`SocketIOConnect(): this.#observabilitySocketIOSubscriber not instance of ObservabilitySocketIOSubscriber`));
-          __privateGet(this, _logger).debug(chalk.cyan(__privateGet(this, _observabilitySocketIOSubscriber)));
-          __privateGet(this, _tinyEmitter).emit("connected");
         }
-      } catch (error) {
-        __privateGet(this, _logger).error(chalk.red(`SocketIOConnect(): Error: [${error}]`));
-        __privateGet(this, _tinyEmitter).emit("connected");
-      } finally {
-        __privateGet(this, _logger).debug(chalk.cyan(`SocketIOConnect(): Ended`));
-      }
-    });
-    __privateAdd(this, _SetupObservabilitySubscriber, () => {
-      __privateGet(this, _logger).debug(`ObservabilitySubscriberManager:SetupObservabilitySubscriber(): consumeInstrumentationMode: [${__privateGet(this, _options2).consumeInstrumentationMode}]`);
-      switch (__privateGet(this, _options2).consumeInstrumentationMode) {
-        case "PROXY":
-          __privateSet(this, _observabilitySocketIOSubscriber, new ObservabilitySocketIOSubscriber({
-            socket: __privateGet(this, _socket),
-            keepAlive: 2500,
-            //@@
-            logger: __privateGet(this, _logger)
-          }));
-          break;
-        case "REST":
-          __privateSet(this, _observabilitySocketIOSubscriber, new ObservabilityRESTAPISubscriber({
-            keepAlive: 1e3,
-            //@@
-            urlBase: `${__privateGet(this, _options2).instrumentManagerEndpoint}:${__privateGet(this, _options2).instrumentManagerPort}${__privateGet(this, _options2).instrumentManagerAPIRoot}`,
-            logger: __privateGet(this, _logger)
-          }));
-          break;
-        default:
-          __privateGet(this, _logger).error(chalk.red(`ObservabilitySubscriberManager:SetupObservabilitySubscriber(): Unsupported consumeInstrumentationMode mode: [${__privateGet(this, _options2).consumeInstrumentationMode}]`));
-          return;
-      }
-      __privateSet(this, _observabilitySubscriptionManager, new ObservabilitySubscriptionManager({
-        logger: __privateGet(this, _logger),
-        maxLogLength: 100
-      }));
-      __privateGet(this, _observabilitySubscriptionManager).observabilitySocketIOSubscriber = __privateGet(this, _observabilitySocketIOSubscriber);
-    });
-    __publicField(this, "Start", () => {
-      return new Promise((resolve) => {
-        if (__privateGet(this, _options2).consumeInstrumentationMode.localeCompare("PROXY") === 0) {
-          const onConnected = () => {
-            __privateGet(this, _tinyEmitter).off("connected", onConnected);
-            __privateGet(this, _logger).debug(chalk.cyan(`ObservabilitySubscriberManager:Start() connected`));
-            resolve(true);
-          };
-          __privateGet(this, _tinyEmitter).on("connected", onConnected);
-          __privateGet(this, _SetupSocketIO).call(this);
+        this.#logger.debug(chalk.cyan(`AgentSocketClient:constructor:SocketIOConnect(): Socket ids are different - update with new socket`));
+        this.#observabilitySocketIOSubscriber.socket = socket;
+        this.#observabilitySubscriptionManager?.Stop();
+        if (this.#state.localeCompare("started") === 0) {
+          setTimeout(() => {
+            this.#logger.debug(chalk.cyan(`AgentSocketClient:constructor:SocketIOConnect(): observabilitySubscriptionManager Start`));
+            this.#observabilitySubscriptionManager?.Start();
+            this.#tinyEmitter.emit("connected");
+          }, 2500);
         } else {
-          __privateGet(this, _SetupObservabilitySubscriber).call(this);
-          resolve(true);
+          this.#logger.debug(chalk.cyan(`AgentSocketClient:constructor:SocketIOConnect(): state not in the started state, current state: [${this.#state}]`));
+          this.#tinyEmitter.emit("connected");
         }
-      });
-    });
-    __privateAdd(this, _SetupSocketIO, () => {
-      const socketUtils = new SocketIoClientHelper({});
-      __privateSet(this, _socket, socketUtils.SetupClientSideSocket(
-        "STSVueTilsTester",
-        `${__privateGet(this, _options2).instrumentManagerEndpoint}:${__privateGet(this, _options2).instrumentManagerPort}/${SOCKET_NAMESPACE}/`,
-        "",
-        // use default /socket.io/ path
-        __privateGet(this, _SocketConnect),
-        // Connected call back
-        __privateGet(this, _ProcessSocketEvents),
-        // Custom Events
-        __privateGet(this, _ProcessSocketError)
-        // Handle socket errors
-      ));
-    });
-    __privateAdd(this, _SocketConnect, (socket) => {
-      defaultLogger.debug(chalk.magenta(`SocketIOConnect(): Socket ID: [${socket.id}]`));
-      if (__privateGet(this, _observabilitySubscriptionManager) === null) {
-        __privateGet(this, _SetupObservabilitySubscriber).call(this);
+      } else {
+        this.#logger.debug(chalk.cyan(`SocketIOConnect(): this.#observabilitySocketIOSubscriber not instance of ObservabilitySocketIOSubscriber`));
+        this.#logger.debug(chalk.cyan(this.#observabilitySocketIOSubscriber));
+        this.#tinyEmitter.emit("connected");
       }
-      __privateGet(this, _SocketIOConnect).call(this, socket);
-    });
-    __privateAdd(this, _ProcessSocketError, (error) => {
-      defaultLogger.error(chalk.red(`SetupClientSideSocket error callback: [${error}]`));
-    });
-    __privateAdd(this, _ProcessSocketEvents, (socket) => {
-    });
-    __privateSet(this, _id, v4());
-    __privateSet(this, _options2, options);
-    __privateSet(this, _modelId, options.modelId);
-    __privateSet(this, _logger, defaultLogger);
-    __privateSet(this, _store, ModelStore());
-    __privateSet(this, _tinyEmitter, new tinyEmitterExports.TinyEmitter());
-    if (!__privateGet(this, _options2).consumeInstrumentationMode) {
-      __privateGet(this, _options2).consumeInstrumentationMode = "PROXY";
+    } catch (error) {
+      this.#logger.error(chalk.red(`SocketIOConnect(): Error: [${error}]`));
+      this.#tinyEmitter.emit("connected");
+    } finally {
+      this.#logger.debug(chalk.cyan(`SocketIOConnect(): Ended`));
     }
-  }
-  get id() {
-    return __privateGet(this, _id);
-  }
+  };
+  #SetupObservabilitySubscriber = () => {
+    this.#logger.debug(`ObservabilitySubscriberManager:SetupObservabilitySubscriber(): consumeInstrumentationMode: [${this.#options.consumeInstrumentationMode}]`);
+    switch (this.#options.consumeInstrumentationMode) {
+      case "PROXY":
+        this.#observabilitySocketIOSubscriber = new ObservabilitySocketIOSubscriber({
+          socket: this.#socket,
+          keepAlive: 2500,
+          //@@
+          logger: this.#logger
+        });
+        break;
+      case "REST":
+        this.#observabilitySocketIOSubscriber = new ObservabilityRESTAPISubscriber({
+          keepAlive: 1e3,
+          //@@
+          urlBase: `${this.#options.instrumentManagerEndpoint}:${this.#options.instrumentManagerPort}${this.#options.instrumentManagerAPIRoot}`,
+          logger: this.#logger
+        });
+        break;
+      default:
+        this.#logger.error(chalk.red(`ObservabilitySubscriberManager:SetupObservabilitySubscriber(): Unsupported consumeInstrumentationMode mode: [${this.#options.consumeInstrumentationMode}]`));
+        return;
+    }
+    this.#observabilitySubscriptionManager = new ObservabilitySubscriptionManager({
+      logger: this.#logger,
+      maxLogLength: 100
+    });
+    this.#observabilitySubscriptionManager.observabilitySocketIOSubscriber = this.#observabilitySocketIOSubscriber;
+  };
   UpdateModelCursor(subscriptions) {
-    var _a;
-    __privateGet(this, _logger).debug(chalk.yellow(`UpdateModelCursor`));
-    (_a = __privateGet(this, _observabilitySubscriptionManager)) == null ? void 0 : _a.Stop();
-    __privateSet(this, _state, "stopped");
+    this.#logger.debug(chalk.yellow(`UpdateModelCursor`));
+    this.#observabilitySubscriptionManager?.Stop();
+    this.#state = "stopped";
     setTimeout(() => {
-      if (__privateGet(this, _observabilitySubscriptionManager)) {
-        __privateGet(this, _observabilitySubscriptionManager).subscriptions = subscriptions;
-        __privateGet(this, _observabilitySubscriptionManager).Start();
+      if (this.#observabilitySubscriptionManager) {
+        this.#observabilitySubscriptionManager.subscriptions = subscriptions;
+        this.#observabilitySubscriptionManager.Start();
       } else {
-        __privateGet(this, _logger).debug(chalk.yellow(`UpdateModelCursor(): Could not update subscriptions, this.#observabilitySubscriptionManager not set`));
+        this.#logger.debug(chalk.yellow(`UpdateModelCursor(): Could not update subscriptions, this.#observabilitySubscriptionManager not set`));
       }
-      __privateSet(this, _state, "started");
+      this.#state = "started";
     }, 0);
   }
   TransformSubscriptionPayloadCallback(subscriptionPayload) {
     try {
-      if (__privateGet(this, _observabilitySubscriptionManager)) {
-        __privateGet(this, _observabilitySubscriptionManager).TransformSubscriptionPayloadCallback(subscriptionPayload, false);
+      if (this.#observabilitySubscriptionManager) {
+        this.#observabilitySubscriptionManager.TransformSubscriptionPayloadCallback(subscriptionPayload, false);
         if (subscriptionPayload.subscriptionKey.topic.localeCompare(SubscriptionTopic.AllAgentsCombined) === 0) {
-          const agentModel = __privateGet(this, _observabilitySubscriptionManager).agentModel;
-          __privateGet(this, _store).UpdateAgentModel(__privateGet(this, _modelId), agentModel, subscriptionPayload.subscriptionKey);
+          const agentModel = this.#observabilitySubscriptionManager.agentModel;
+          this.#store.UpdateAgentModel(this.#modelId, agentModel, subscriptionPayload.subscriptionKey);
         }
         if (subscriptionPayload.subscriptionKey.topic.localeCompare(SubscriptionTopic.AllServicesCombined) === 0) {
-          const serviceModel = __privateGet(this, _observabilitySubscriptionManager).serviceModel;
-          __privateGet(this, _store).UpdateServiceModel(__privateGet(this, _modelId), serviceModel, subscriptionPayload.subscriptionKey);
+          const serviceModel = this.#observabilitySubscriptionManager.serviceModel;
+          this.#store.UpdateServiceModel(this.#modelId, serviceModel, subscriptionPayload.subscriptionKey);
         }
         if (subscriptionPayload.subscriptionKey.topic.localeCompare(SubscriptionTopic.Services) === 0) {
-          const serviceModel = __privateGet(this, _observabilitySubscriptionManager).serviceModel;
-          __privateGet(this, _store).UpdateServiceModel(__privateGet(this, _modelId), serviceModel, subscriptionPayload.subscriptionKey);
+          const serviceModel = this.#observabilitySubscriptionManager.serviceModel;
+          this.#store.UpdateServiceModel(this.#modelId, serviceModel, subscriptionPayload.subscriptionKey);
         }
         if (subscriptionPayload.subscriptionKey.topic.localeCompare(SubscriptionTopic.ServiceInstances) === 0) {
-          const serviceModel = __privateGet(this, _observabilitySubscriptionManager).serviceModel;
-          __privateGet(this, _store).UpdateServiceModel(__privateGet(this, _modelId), serviceModel, subscriptionPayload.subscriptionKey);
+          const serviceModel = this.#observabilitySubscriptionManager.serviceModel;
+          this.#store.UpdateServiceModel(this.#modelId, serviceModel, subscriptionPayload.subscriptionKey);
         }
         if (subscriptionPayload.subscriptionKey.topic.localeCompare(SubscriptionTopic.ServiceInstance) === 0) {
-          const serviceModel = __privateGet(this, _observabilitySubscriptionManager).serviceModel;
-          __privateGet(this, _store).UpdateServiceModel(__privateGet(this, _modelId), serviceModel, subscriptionPayload.subscriptionKey);
+          const serviceModel = this.#observabilitySubscriptionManager.serviceModel;
+          this.#store.UpdateServiceModel(this.#modelId, serviceModel, subscriptionPayload.subscriptionKey);
         }
       } else {
-        __privateGet(this, _logger).error(`TransformSubscriptionPayloadCallback(): observabilitySubscriptionManager not set`);
+        this.#logger.error(`TransformSubscriptionPayloadCallback(): observabilitySubscriptionManager not set`);
       }
     } catch (error) {
-      __privateGet(this, _logger).error(`TransformSubscriptionPayloadCallback(): #modelId: [${__privateGet(this, _modelId)}], Error: [${error}]`);
+      this.#logger.error(`TransformSubscriptionPayloadCallback(): #modelId: [${this.#modelId}], Error: [${error}]`);
     }
   }
   Unsubscribe() {
-    var _a;
-    __privateGet(this, _logger).debug(chalk.cyan(`ObservabilitySubscriberManager:Unsubscribe()`));
-    __privateSet(this, _state, "stopped");
-    (_a = __privateGet(this, _observabilitySubscriptionManager)) == null ? void 0 : _a.Stop();
-    if (__privateGet(this, _options2).consumeInstrumentationMode.localeCompare("PROXY") === 0) {
+    this.#logger.debug(chalk.cyan(`ObservabilitySubscriberManager:Unsubscribe()`));
+    this.#state = "stopped";
+    this.#observabilitySubscriptionManager?.Stop();
+    if (this.#options.consumeInstrumentationMode.localeCompare("PROXY") === 0) {
       setTimeout(() => {
-        var _a2;
-        __privateGet(this, _logger).debug(chalk.cyan(`ObservabilitySubscriberManager:Unsubscribe() socket.disconnect`));
-        (_a2 = __privateGet(this, _socket)) == null ? void 0 : _a2.disconnect();
-        __privateSet(this, _socket, null);
+        this.#logger.debug(chalk.cyan(`ObservabilitySubscriberManager:Unsubscribe() socket.disconnect`));
+        this.#socket?.disconnect();
+        this.#socket = null;
       }, 1e3);
     }
   }
+  Start = () => {
+    return new Promise((resolve) => {
+      if (this.#options.consumeInstrumentationMode.localeCompare("PROXY") === 0) {
+        const onConnected = () => {
+          this.#tinyEmitter.off("connected", onConnected);
+          this.#logger.debug(chalk.cyan(`ObservabilitySubscriberManager:Start() connected`));
+          resolve(true);
+        };
+        this.#tinyEmitter.on("connected", onConnected);
+        this.#SetupSocketIO();
+      } else {
+        this.#SetupObservabilitySubscriber();
+        resolve(true);
+      }
+    });
+  };
+  #SetupSocketIO = () => {
+    const socketUtils = new SocketIoClientHelper({});
+    this.#socket = socketUtils.SetupClientSideSocket(
+      "STSVueTilsTester",
+      `${this.#options.instrumentManagerEndpoint}:${this.#options.instrumentManagerPort}/${SOCKET_NAMESPACE}/`,
+      "",
+      // use default /socket.io/ path
+      this.#SocketConnect,
+      // Connected call back
+      this.#ProcessSocketEvents,
+      // Custom Events
+      this.#ProcessSocketError
+      // Handle socket errors
+    );
+  };
+  #SocketConnect = (socket) => {
+    defaultLogger.debug(chalk.magenta(`SocketIOConnect(): Socket ID: [${socket.id}]`));
+    if (this.#observabilitySubscriptionManager === null) {
+      this.#SetupObservabilitySubscriber();
+    }
+    this.#SocketIOConnect(socket);
+  };
+  #ProcessSocketError = (error) => {
+    defaultLogger.error(chalk.red(`SetupClientSideSocket error callback: [${error}]`));
+  };
+  #ProcessSocketEvents = (socket) => {
+  };
 }
-_socket = new WeakMap();
-_observabilitySocketIOSubscriber = new WeakMap();
-_logger = new WeakMap();
-_observabilitySubscriptionManager = new WeakMap();
-_store = new WeakMap();
-_state = new WeakMap();
-_modelId = new WeakMap();
-_options2 = new WeakMap();
-_tinyEmitter = new WeakMap();
-_id = new WeakMap();
-_SocketIOConnect = new WeakMap();
-_SetupObservabilitySubscriber = new WeakMap();
-_SetupSocketIO = new WeakMap();
-_SocketConnect = new WeakMap();
-_ProcessSocketError = new WeakMap();
-_ProcessSocketEvents = new WeakMap();
 const _hoisted_1$1 = { class: "d-flex flex-wrap justify-space-between" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "UXModelNavigator",
@@ -10397,7 +10365,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const store = ModelStore();
     let observabilitySubscriberManager = null;
     const TransformSubscriptionPayloadCallback = (subscriptionPayload) => {
-      observabilitySubscriberManager == null ? void 0 : observabilitySubscriberManager.TransformSubscriptionPayloadCallback(subscriptionPayload);
+      observabilitySubscriberManager?.TransformSubscriptionPayloadCallback(subscriptionPayload);
     };
     let rootLevelSubscriptions = [{
       subscriptionKey: {
@@ -10480,10 +10448,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     });
     const clicked = function(id) {
-      var _a, _b;
       if (store._models[props.modelId]) {
         if (store._models[props.modelId].serviceModelSubscriptionKey) {
-          switch ((_a = store._models[props.modelId].serviceModelSubscriptionKey) == null ? void 0 : _a.topic) {
+          switch (store._models[props.modelId].serviceModelSubscriptionKey?.topic) {
             case SubscriptionTopic.AllServicesCombined:
               navigate(ServicesSubscriptions);
               break;
@@ -10491,7 +10458,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               navigate(GetServiceInstancesSubscriptions(id));
               break;
             case SubscriptionTopic.ServiceInstances:
-              navigate(GetServiceInstanceSubscriptions((_b = store._models[props.modelId].serviceModelSubscriptionKey) == null ? void 0 : _b.key, id));
+              navigate(GetServiceInstanceSubscriptions(store._models[props.modelId].serviceModelSubscriptionKey?.key, id));
               break;
           }
         }
@@ -10501,7 +10468,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       obj.subscriptions.push(navSubscriptions);
       navSubscriptions = subscriptions;
       obj.currentSubscriptions = subscriptions;
-      observabilitySubscriberManager == null ? void 0 : observabilitySubscriberManager.UpdateModelCursor(subscriptions);
+      observabilitySubscriberManager?.UpdateModelCursor(subscriptions);
     };
     const GoBack = function() {
       if (obj.subscriptions.length > 0) {
@@ -10509,7 +10476,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         if (key) {
           navSubscriptions = key;
           obj.currentSubscriptions = key;
-          observabilitySubscriberManager == null ? void 0 : observabilitySubscriberManager.UpdateModelCursor(navSubscriptions);
+          observabilitySubscriberManager?.UpdateModelCursor(navSubscriptions);
         }
       }
     };
@@ -10517,7 +10484,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       obj.subscriptions = [];
       navSubscriptions = rootLevelSubscriptions;
       obj.currentSubscriptions = rootLevelSubscriptions;
-      observabilitySubscriberManager == null ? void 0 : observabilitySubscriberManager.UpdateModelCursor(navSubscriptions);
+      observabilitySubscriberManager?.UpdateModelCursor(navSubscriptions);
     };
     onMounted(() => {
       console.log(`UXModelNavigator: onMounted()`);
@@ -10542,7 +10509,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       store.UpdateObservabilitySubscriberManager(observabilitySubscriberManager.id, observabilitySubscriberManager);
       await observabilitySubscriberManager.Start();
       obj.currentSubscriptions = rootLevelSubscriptions;
-      observabilitySubscriberManager == null ? void 0 : observabilitySubscriberManager.UpdateModelCursor(rootLevelSubscriptions);
+      observabilitySubscriberManager?.UpdateModelCursor(rootLevelSubscriptions);
       store.UpdateSate(props.modelId, _estate.STARTED);
     };
     __expose({
@@ -10745,7 +10712,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          _ctx.showFormValues ? (openBlock(), createBlock(_component_v_row, { key: 0 }, {
+          __props.showFormValues ? (openBlock(), createBlock(_component_v_row, { key: 0 }, {
             default: withCtx(() => [
               createVNode(_component_v_col, { cols: "12" }, {
                 default: withCtx(() => [