@dao42/d42paas-front 0.5.18 → 0.5.19

package/dist/DaoPaaS.es.js

@@ -146,21 +146,21 @@ var objectAssign = shouldUseNative() ? Object.assign : function(target, source)
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var l$2 = objectAssign, n$2 = 60103, p$1 = 60106;
+var l$2 = objectAssign, n$3 = 60103, p$2 = 60106;
 react_production_min.Fragment = 60107;
 react_production_min.StrictMode = 60108;
 react_production_min.Profiler = 60114;
-var q$1 = 60109, r$4 = 60110, t$2 = 60112;
+var q$2 = 60109, r$4 = 60110, t$2 = 60112;
 react_production_min.Suspense = 60113;
 var u$1 = 60115, v$1 = 60116;
 if (typeof Symbol === "function" && Symbol.for) {
   var w$1 = Symbol.for;
-  n$2 = w$1("react.element");
-  p$1 = w$1("react.portal");
+  n$3 = w$1("react.element");
+  p$2 = w$1("react.portal");
   react_production_min.Fragment = w$1("react.fragment");
   react_production_min.StrictMode = w$1("react.strict_mode");
   react_production_min.Profiler = w$1("react.profiler");
-  q$1 = w$1("react.provider");
+  q$2 = w$1("react.provider");
   r$4 = w$1("react.context");
   t$2 = w$1("react.forward_ref");
   react_production_min.Suspense = w$1("react.suspense");
@@ -230,13 +230,13 @@ function J(a2, b2, c2) {
   if (a2 && a2.defaultProps)
     for (e2 in g2 = a2.defaultProps, g2)
       d2[e2] === void 0 && (d2[e2] = g2[e2]);
-  return { $$typeof: n$2, type: a2, key: k2, ref: h2, props: d2, _owner: G$1.current };
+  return { $$typeof: n$3, type: a2, key: k2, ref: h2, props: d2, _owner: G$1.current };
 }
 function K(a2, b2) {
-  return { $$typeof: n$2, type: a2.type, key: b2, ref: a2.ref, props: a2.props, _owner: a2._owner };
+  return { $$typeof: n$3, type: a2.type, key: b2, ref: a2.ref, props: a2.props, _owner: a2._owner };
 }
 function L(a2) {
-  return typeof a2 === "object" && a2 !== null && a2.$$typeof === n$2;
+  return typeof a2 === "object" && a2 !== null && a2.$$typeof === n$3;
 }
 function escape$2(a2) {
   var b2 = { "=": "=0", ":": "=2" };
@@ -263,8 +263,8 @@ function O$1(a2, b2, c2, e2, d2) {
         break;
       case "object":
         switch (a2.$$typeof) {
-          case n$2:
-          case p$1:
+          case n$3:
+          case p$2:
             h2 = true;
         }
     }
@@ -364,7 +364,7 @@ react_production_min.cloneElement = function(a2, b2, c2) {
     e2.children = g2;
   }
   return {
-    $$typeof: n$2,
+    $$typeof: n$3,
     type: a2.type,
     key: d2,
     ref: k2,
@@ -375,7 +375,7 @@ react_production_min.cloneElement = function(a2, b2, c2) {
 react_production_min.createContext = function(a2, b2) {
   b2 === void 0 && (b2 = null);
   a2 = { $$typeof: r$4, _calculateChangedBits: b2, _currentValue: a2, _currentValue2: a2, _threadCount: 0, Provider: null, Consumer: null };
-  a2.Provider = { $$typeof: q$1, _context: a2 };
+  a2.Provider = { $$typeof: q$2, _context: a2 };
   return a2.Consumer = a2;
 };
 react_production_min.createElement = J;
@@ -727,7 +727,7 @@ var scheduler_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var aa = react.exports, m$1 = objectAssign, r$3 = scheduler$1.exports;
+var aa = react.exports, m$2 = objectAssign, r$3 = scheduler$1.exports;
 function y$1(a2) {
   for (var b2 = "https://reactjs.org/docs/error-decoder.html?invariant=" + a2, c2 = 1; c2 < arguments.length; c2++)
     b2 += "&args[]=" + encodeURIComponent(arguments[c2]);
@@ -1088,7 +1088,7 @@ function Xa(a2) {
 }
 function Ya(a2, b2) {
   var c2 = b2.checked;
-  return m$1({}, b2, { defaultChecked: void 0, defaultValue: void 0, value: void 0, checked: c2 != null ? c2 : a2._wrapperState.initialChecked });
+  return m$2({}, b2, { defaultChecked: void 0, defaultValue: void 0, value: void 0, checked: c2 != null ? c2 : a2._wrapperState.initialChecked });
 }
 function Za(a2, b2) {
   var c2 = b2.defaultValue == null ? "" : b2.defaultValue, d2 = b2.checked != null ? b2.checked : b2.defaultChecked;
@@ -1141,7 +1141,7 @@ function db(a2) {
   return b2;
 }
 function eb(a2, b2) {
-  a2 = m$1({ children: void 0 }, b2);
+  a2 = m$2({ children: void 0 }, b2);
   if (b2 = db(b2.children))
     a2.children = b2;
   return a2;
@@ -1171,7 +1171,7 @@ function fb(a2, b2, c2, d2) {
 function gb(a2, b2) {
   if (b2.dangerouslySetInnerHTML != null)
     throw Error(y$1(91));
-  return m$1({}, b2, { value: void 0, defaultValue: void 0, children: "" + a2._wrapperState.initialValue });
+  return m$2({}, b2, { value: void 0, defaultValue: void 0, children: "" + a2._wrapperState.initialValue });
 }
 function hb(a2, b2) {
   var c2 = b2.value;
@@ -1306,7 +1306,7 @@ function tb(a2, b2) {
       d2 ? a2.setProperty(c2, e2) : a2[c2] = e2;
     }
 }
-var ub = m$1({ menuitem: true }, { area: true, base: true, br: true, col: true, embed: true, hr: true, img: true, input: true, keygen: true, link: true, meta: true, param: true, source: true, track: true, wbr: true });
+var ub = m$2({ menuitem: true }, { area: true, base: true, br: true, col: true, embed: true, hr: true, img: true, input: true, keygen: true, link: true, meta: true, param: true, source: true, track: true, wbr: true });
 function vb$1(a2, b2) {
   if (b2) {
     if (ub[a2] && (b2.children != null || b2.dangerouslySetInnerHTML != null))
@@ -2070,7 +2070,7 @@ function rd(a2) {
     this.isPropagationStopped = qd;
     return this;
   }
-  m$1(b2.prototype, { preventDefault: function() {
+  m$2(b2.prototype, { preventDefault: function() {
     this.defaultPrevented = true;
     var a3 = this.nativeEvent;
     a3 && (a3.preventDefault ? a3.preventDefault() : typeof a3.returnValue !== "unknown" && (a3.returnValue = false), this.isDefaultPrevented = pd);
@@ -2083,7 +2083,7 @@ function rd(a2) {
 }
 var sd = { eventPhase: 0, bubbles: 0, cancelable: 0, timeStamp: function(a2) {
   return a2.timeStamp || Date.now();
-}, defaultPrevented: 0, isTrusted: 0 }, td = rd(sd), ud = m$1({}, sd, { view: 0, detail: 0 }), vd = rd(ud), wd, xd, yd, Ad = m$1({}, ud, { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0, ctrlKey: 0, shiftKey: 0, altKey: 0, metaKey: 0, getModifierState: zd, button: 0, buttons: 0, relatedTarget: function(a2) {
+}, defaultPrevented: 0, isTrusted: 0 }, td = rd(sd), ud = m$2({}, sd, { view: 0, detail: 0 }), vd = rd(ud), wd, xd, yd, Ad = m$2({}, ud, { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0, ctrlKey: 0, shiftKey: 0, altKey: 0, metaKey: 0, getModifierState: zd, button: 0, buttons: 0, relatedTarget: function(a2) {
   return a2.relatedTarget === void 0 ? a2.fromElement === a2.srcElement ? a2.toElement : a2.fromElement : a2.relatedTarget;
 }, movementX: function(a2) {
   if ("movementX" in a2)
@@ -2092,9 +2092,9 @@ var sd = { eventPhase: 0, bubbles: 0, cancelable: 0, timeStamp: function(a2) {
   return wd;
 }, movementY: function(a2) {
   return "movementY" in a2 ? a2.movementY : xd;
-} }), Bd = rd(Ad), Cd = m$1({}, Ad, { dataTransfer: 0 }), Dd = rd(Cd), Ed = m$1({}, ud, { relatedTarget: 0 }), Fd = rd(Ed), Gd = m$1({}, sd, { animationName: 0, elapsedTime: 0, pseudoElement: 0 }), Hd = rd(Gd), Id = m$1({}, sd, { clipboardData: function(a2) {
+} }), Bd = rd(Ad), Cd = m$2({}, Ad, { dataTransfer: 0 }), Dd = rd(Cd), Ed = m$2({}, ud, { relatedTarget: 0 }), Fd = rd(Ed), Gd = m$2({}, sd, { animationName: 0, elapsedTime: 0, pseudoElement: 0 }), Hd = rd(Gd), Id = m$2({}, sd, { clipboardData: function(a2) {
   return "clipboardData" in a2 ? a2.clipboardData : window.clipboardData;
-} }), Jd = rd(Id), Kd = m$1({}, sd, { data: 0 }), Ld = rd(Kd), Md = {
+} }), Jd = rd(Id), Kd = m$2({}, sd, { data: 0 }), Ld = rd(Kd), Md = {
   Esc: "Escape",
   Spacebar: " ",
   Left: "ArrowLeft",
@@ -2152,7 +2152,7 @@ function Pd(a2) {
 function zd() {
   return Pd;
 }
-var Qd = m$1({}, ud, { key: function(a2) {
+var Qd = m$2({}, ud, { key: function(a2) {
   if (a2.key) {
     var b2 = Md[a2.key] || a2.key;
     if (b2 !== "Unidentified")
@@ -2165,7 +2165,7 @@ var Qd = m$1({}, ud, { key: function(a2) {
   return a2.type === "keydown" || a2.type === "keyup" ? a2.keyCode : 0;
 }, which: function(a2) {
   return a2.type === "keypress" ? od(a2) : a2.type === "keydown" || a2.type === "keyup" ? a2.keyCode : 0;
-} }), Rd = rd(Qd), Sd = m$1({}, Ad, { pointerId: 0, width: 0, height: 0, pressure: 0, tangentialPressure: 0, tiltX: 0, tiltY: 0, twist: 0, pointerType: 0, isPrimary: 0 }), Td = rd(Sd), Ud = m$1({}, ud, { touches: 0, targetTouches: 0, changedTouches: 0, altKey: 0, metaKey: 0, ctrlKey: 0, shiftKey: 0, getModifierState: zd }), Vd = rd(Ud), Wd = m$1({}, sd, { propertyName: 0, elapsedTime: 0, pseudoElement: 0 }), Xd = rd(Wd), Yd = m$1({}, Ad, {
+} }), Rd = rd(Qd), Sd = m$2({}, Ad, { pointerId: 0, width: 0, height: 0, pressure: 0, tangentialPressure: 0, tiltX: 0, tiltY: 0, twist: 0, pointerType: 0, isPrimary: 0 }), Td = rd(Sd), Ud = m$2({}, ud, { touches: 0, targetTouches: 0, changedTouches: 0, altKey: 0, metaKey: 0, ctrlKey: 0, shiftKey: 0, getModifierState: zd }), Vd = rd(Ud), Wd = m$2({}, sd, { propertyName: 0, elapsedTime: 0, pseudoElement: 0 }), Xd = rd(Wd), Yd = m$2({}, Ad, {
   deltaX: function(a2) {
     return "deltaX" in a2 ? a2.deltaX : "wheelDeltaX" in a2 ? -a2.wheelDeltaX : 0;
   },
@@ -2894,7 +2894,7 @@ function If(a2, b2, c2) {
   for (var e2 in d2)
     if (!(e2 in a2))
       throw Error(y$1(108, Ra(b2) || "Unknown", e2));
-  return m$1({}, c2, d2);
+  return m$2({}, c2, d2);
 }
 function Jf(a2) {
   a2 = (a2 = a2.stateNode) && a2.__reactInternalMemoizedMergedChildContext || Cf;
@@ -2987,7 +2987,7 @@ function jg() {
 var kg = ra.ReactCurrentBatchConfig;
 function lg(a2, b2) {
   if (a2 && a2.defaultProps) {
-    b2 = m$1({}, b2);
+    b2 = m$2({}, b2);
     a2 = a2.defaultProps;
     for (var c2 in a2)
       b2[c2] === void 0 && (b2[c2] = a2[c2]);
@@ -3133,7 +3133,7 @@ function Cg(a2, b2, c2, d2) {
               h2 = typeof C2 === "function" ? C2.call(p2, A2, h2) : C2;
               if (h2 === null || h2 === void 0)
                 break a;
-              A2 = m$1({}, A2, h2);
+              A2 = m$2({}, A2, h2);
               break a;
             case 2:
               wg = true;
@@ -3177,7 +3177,7 @@ var Fg = new aa.Component().refs;
 function Gg(a2, b2, c2, d2) {
   b2 = a2.memoizedState;
   c2 = c2(d2, b2);
-  c2 = c2 === null || c2 === void 0 ? b2 : m$1({}, b2, c2);
+  c2 = c2 === null || c2 === void 0 ? b2 : m$2({}, b2, c2);
   a2.memoizedState = c2;
   a2.lanes === 0 && (a2.updateQueue.baseState = c2);
 }
@@ -4454,8 +4454,8 @@ Di = function(a2, b2, c2, d2) {
         f2 = [];
         break;
       case "select":
-        e2 = m$1({}, e2, { value: void 0 });
-        d2 = m$1({}, d2, { value: void 0 });
+        e2 = m$2({}, e2, { value: void 0 });
+        d2 = m$2({}, d2, { value: void 0 });
         f2 = [];
         break;
       case "textarea":
@@ -4675,7 +4675,7 @@ function Gi(a2, b2, c2) {
               break;
             case "select":
               a2._wrapperState = { wasMultiple: !!d2.multiple };
-              e2 = m$1({}, d2, { value: void 0 });
+              e2 = m$2({}, d2, { value: void 0 });
               G("invalid", a2);
               break;
             case "textarea":
@@ -9484,11 +9484,7 @@ var callBound$1 = function callBoundIntrinsic(name, allowMissing) {
   }
   return intrinsic;
 };
-var __viteBrowserExternal = new Proxy({}, {
-  get() {
-    throw new Error('Module "" has been externalized for browser compatibility and cannot be accessed in client code.');
-  }
-});
+var __viteBrowserExternal = {};
 var __viteBrowserExternal$1 = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
@@ -24924,26 +24920,44 @@ var Fade$1 = Fade;
 var OverlayContext = /* @__PURE__ */ React.createContext({});
 OverlayContext.displayName = "OverlayContext";
 var OverlayContext$1 = OverlayContext;
-var jsxDevRuntime = { exports: {} };
-var reactJsxDevRuntime_production_min = {};
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production_min = {};
 /** @license React v17.0.2
- * react-jsx-dev-runtime.production.min.js
+ * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-reactJsxDevRuntime_production_min.Fragment = 60107;
+var f$1 = react.exports, g$1 = 60103;
+reactJsxRuntime_production_min.Fragment = 60107;
 if (typeof Symbol === "function" && Symbol.for) {
-  var a$1 = Symbol.for;
-  reactJsxDevRuntime_production_min.Fragment = a$1("react.fragment");
-}
-reactJsxDevRuntime_production_min.jsxDEV = void 0;
+  var h$2 = Symbol.for;
+  g$1 = h$2("react.element");
+  reactJsxRuntime_production_min.Fragment = h$2("react.fragment");
+}
+var m$1 = f$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n$2 = Object.prototype.hasOwnProperty, p$1 = { key: true, ref: true, __self: true, __source: true };
+function q$1(c2, a2, k2) {
+  var b2, d2 = {}, e2 = null, l2 = null;
+  k2 !== void 0 && (e2 = "" + k2);
+  a2.key !== void 0 && (e2 = "" + a2.key);
+  a2.ref !== void 0 && (l2 = a2.ref);
+  for (b2 in a2)
+    n$2.call(a2, b2) && !p$1.hasOwnProperty(b2) && (d2[b2] = a2[b2]);
+  if (c2 && c2.defaultProps)
+    for (b2 in a2 = c2.defaultProps, a2)
+      d2[b2] === void 0 && (d2[b2] = a2[b2]);
+  return { $$typeof: g$1, type: c2, key: e2, ref: l2, props: d2, _owner: m$1.current };
+}
+reactJsxRuntime_production_min.jsx = q$1;
+reactJsxRuntime_production_min.jsxs = q$1;
 {
-  jsxDevRuntime.exports = reactJsxDevRuntime_production_min;
+  jsxRuntime.exports = reactJsxRuntime_production_min;
 }
-var _jsxFileName$F = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Overlay/Overlay.js";
+const jsx = jsxRuntime.exports.jsx;
+const jsxs = jsxRuntime.exports.jsxs;
+const Fragment = jsxRuntime.exports.Fragment;
 var overlayPropTypes = {
   container: PropTypes.any,
   children: PropTypes.any,
@@ -24996,7 +25010,7 @@ var Overlay = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     preventOverflow
   };
   var renderChildWithPosition = function renderChildWithPosition2(transitionProps, transitionRef) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Position$7, __spreadProps(__spreadValues(__spreadValues({}, positionProps), transitionProps), {
+    return /* @__PURE__ */ jsx(Position$7, __spreadProps(__spreadValues(__spreadValues({}, positionProps), transitionProps), {
       ref: mergeRefs(ref, transitionRef),
       children: function(childProps, childRef) {
         if (typeof children === "function") {
@@ -25012,14 +25026,10 @@ var Overlay = /* @__PURE__ */ React.forwardRef(function(props, ref) {
           ref: mergeRefs(childRef, overlayTarget)
         }));
       }
-    }), void 0, false, {
-      fileName: _jsxFileName$F,
-      lineNumber: 89,
-      columnNumber: 25
-    }, this);
+    }));
   };
   if (Transition2) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Transition2, {
+    return /* @__PURE__ */ jsx(Transition2, {
       in: open,
       transitionAppear: true,
       onExit,
@@ -25029,18 +25039,13 @@ var Overlay = /* @__PURE__ */ React.forwardRef(function(props, ref) {
       onEntering,
       onEntered,
       children: renderChildWithPosition
-    }, void 0, false, {
-      fileName: _jsxFileName$F,
-      lineNumber: 113,
-      columnNumber: 25
-    }, this);
+    });
   }
   return renderChildWithPosition();
 });
 Overlay.displayName = "Overlay";
 Overlay.propTypes = overlayPropTypes;
 var Overlay$1 = Overlay;
-var _jsxFileName$E = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Overlay/OverlayTrigger.js";
 function mergeEvents(events2, props) {
   if (events2 === void 0) {
     events2 = {};
@@ -25240,7 +25245,7 @@ var OverlayTrigger = /* @__PURE__ */ React.forwardRef(function(props, ref) {
       speakerProps.onMouseEnter = handleSpeakerMouseEnter;
       speakerProps.onMouseLeave = handleSpeakerMouseLeave;
     }
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Overlay$1, __spreadProps(__spreadValues({}, overlayProps), {
+    return /* @__PURE__ */ jsx(Overlay$1, __spreadProps(__spreadValues({}, overlayProps), {
       ref: overlayRef,
       childrenProps: speakerProps,
       children: typeof speaker === "function" ? function(props2, ref2) {
@@ -25248,24 +25253,16 @@ var OverlayTrigger = /* @__PURE__ */ React.forwardRef(function(props, ref) {
           onClose: handleClose
         }), ref2);
       } : speaker
-    }), void 0, false, {
-      fileName: _jsxFileName$E,
-      lineNumber: 308,
-      columnNumber: 25
-    }, this);
+    }));
   };
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [typeof children === "function" ? children(triggerEvents, triggerRef) : /* @__PURE__ */ React.cloneElement(children, _extends({
       ref: triggerRef,
       "aria-describedby": controlId
-    }, mergeEvents(triggerEvents, children.props))), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Portal, {
+    }, mergeEvents(triggerEvents, children.props))), /* @__PURE__ */ jsx(Portal, {
       children: renderOverlay()
-    }, void 0, false, {
-      fileName: _jsxFileName$E,
-      lineNumber: 321,
-      columnNumber: 65
-    }, this)]
-  }, void 0, true);
+    })]
+  });
 });
 OverlayTrigger.displayName = "OverlayTrigger";
 var OverlayTrigger$1 = OverlayTrigger;
@@ -26305,7 +26302,6 @@ function useIsMounted() {
 }
 var ButtonGroupContext = /* @__PURE__ */ React.createContext(null);
 var ButtonGroupContext$1 = ButtonGroupContext;
-var _jsxFileName$D = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/SafeAnchor/SafeAnchor.js";
 function isTrivialHref(href) {
   return !href || href.trim() === "#";
 }
@@ -26329,16 +26325,12 @@ var SafeAnchor = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     restProps.tabIndex = -1;
     restProps["aria-disabled"] = true;
   }
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues(__spreadValues({
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues(__spreadValues({
     ref,
     href
   }, trivialProps), restProps), {
     onClick: handleClick
-  }), void 0, false, {
-    fileName: _jsxFileName$D,
-    lineNumber: 41,
-    columnNumber: 23
-  }, this);
+  }));
 });
 SafeAnchor.displayName = "SafeAnchor";
 SafeAnchor.propTypes = {
@@ -26347,7 +26339,6 @@ SafeAnchor.propTypes = {
   as: PropTypes.elementType
 };
 var SafeAnchor$1 = SafeAnchor;
-var _jsxFileName$C = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Ripple/Ripple.js";
 var getPosition = function getPosition2(target, event) {
   var offset = getOffset(target);
   var offsetX = (event.pageX || 0) - offset.left;
@@ -26385,35 +26376,23 @@ var Ripple = /* @__PURE__ */ React.forwardRef(function(props, ref) {
       mousedownListener === null || mousedownListener === void 0 ? void 0 : mousedownListener.off();
     };
   }, [handleMouseDown]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, rest), {
     className: classes,
     ref: mergeRefs(triggerRef, ref),
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Transition$1, {
+    children: /* @__PURE__ */ jsx(Transition$1, {
       in: rippling,
       enteringClassName: prefix2("rippling"),
       onEntered: handleRippled,
       children: function(props2, ref2) {
         var className2 = props2.className, transitionRest = _objectWithoutPropertiesLoose(props2, ["className"]);
-        return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", __spreadProps(__spreadValues({}, transitionRest), {
+        return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, transitionRest), {
           ref: ref2,
           className: merge3(withClassPrefix(), className2),
           style: position2
-        }), void 0, false, {
-          fileName: _jsxFileName$C,
-          lineNumber: 78,
-          columnNumber: 25
-        }, this);
-      }
-    }, void 0, false, {
-      fileName: _jsxFileName$C,
-      lineNumber: 70,
-      columnNumber: 20
-    }, this)
-  }), void 0, false, {
-    fileName: _jsxFileName$C,
-    lineNumber: 67,
-    columnNumber: 23
-  }, this);
+        }));
+      }
+    })
+  }));
 });
 Ripple.displayName = "Ripple";
 Ripple.propTypes = {
@@ -26422,7 +26401,6 @@ Ripple.propTypes = {
   onMouseDown: PropTypes.func
 };
 var Ripple$1 = Ripple;
-var _jsxFileName$B = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Button/Button.js";
 var _templateObject$4;
 var Button$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var as = props.as, active = props.active, _props$appearance = props.appearance, appearance = _props$appearance === void 0 ? "default" : _props$appearance, block = props.block, className = props.className, children = props.children, _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "btn" : _props$classPrefix, color = props.color, disabled = props.disabled, loading = props.loading, _props$ripple = props.ripple, ripple = _props$ripple === void 0 ? true : _props$ripple, sizeProp = props.size, typeProp = props.type, rest = _objectWithoutPropertiesLoose(props, ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "type"]);
@@ -26435,36 +26413,24 @@ var Button$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     loading,
     block
   }));
-  var rippleElement = ripple && !isOneOf(appearance, ["link", "ghost"]) ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Ripple$1, {}, void 0, false, {
-    fileName: _jsxFileName$B,
-    lineNumber: 46,
-    columnNumber: 88
-  }, this) : null;
-  var spin = /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+  var rippleElement = ripple && !isOneOf(appearance, ["link", "ghost"]) ? /* @__PURE__ */ jsx(Ripple$1, {}) : null;
+  var spin = /* @__PURE__ */ jsx("span", {
     className: prefix2(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["spin"])))
-  }, void 0, false, {
-    fileName: _jsxFileName$B,
-    lineNumber: 47,
-    columnNumber: 27
-  }, this);
+  });
   if (rest.href) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SafeAnchor$1, __spreadProps(__spreadValues({}, rest), {
+    return /* @__PURE__ */ jsxs(SafeAnchor$1, __spreadProps(__spreadValues({}, rest), {
       as,
       ref,
       "aria-disabled": disabled,
       disabled,
       className: classes,
       children: [loading && spin, children, rippleElement]
-    }), void 0, true, {
-      fileName: _jsxFileName$B,
-      lineNumber: 52,
-      columnNumber: 25
-    }, this);
+    }));
   }
   var Component = as || "button";
   var type = typeProp || (Component === "button" ? "button" : void 0);
   var role = rest.role || (Component !== "button" ? "button" : void 0);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues({}, rest), {
     role,
     type,
     ref,
@@ -26472,11 +26438,7 @@ var Button$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     "aria-disabled": disabled,
     className: classes,
     children: [loading && spin, children, rippleElement]
-  }), void 0, true, {
-    fileName: _jsxFileName$B,
-    lineNumber: 64,
-    columnNumber: 23
-  }, this);
+  }));
 });
 Button$1.displayName = "Button";
 Button$1.propTypes = {
@@ -26531,7 +26493,6 @@ function useUniqueId(prefix2, idProp) {
   }
   return idProp !== null && idProp !== void 0 ? idProp : idRef.current;
 }
-var _jsxFileName$A = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Message/Message.js";
 var _templateObject$3, _templateObject2$3, _templateObject3$1, _templateObject4$1, _templateObject5;
 var Message = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _withClassPrefix;
@@ -26556,58 +26517,30 @@ var Message = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var classes = merge3(className, withClassPrefix(type, display, (_withClassPrefix = {
     full
   }, _withClassPrefix["has-title"] = header, _withClassPrefix["has-icon"] = showIcon, _withClassPrefix)));
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({
     role: "alert"
   }, rest), {
     ref,
     className: classes,
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+    children: /* @__PURE__ */ jsxs("div", {
       className: prefix2(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["container"]))),
-      children: [closable && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(CloseButton$1, {
+      children: [closable && /* @__PURE__ */ jsx(CloseButton$1, {
         onClick: handleClose
-      }, void 0, false, {
-        fileName: _jsxFileName$A,
-        lineNumber: 70,
-        columnNumber: 31
-      }, this), showIcon && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+      }), showIcon && /* @__PURE__ */ jsx("div", {
         className: prefix2(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["icon-wrapper"]))),
         children: MESSAGE_STATUS_ICONS[type]
-      }, void 0, false, {
-        fileName: _jsxFileName$A,
-        lineNumber: 72,
-        columnNumber: 32
-      }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+      }), /* @__PURE__ */ jsxs("div", {
         className: prefix2(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["content"]))),
-        children: [header && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+        children: [header && /* @__PURE__ */ jsx("div", {
           className: prefix2(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["header"]))),
           children: header
-        }, void 0, false, {
-          fileName: _jsxFileName$A,
-          lineNumber: 76,
-          columnNumber: 29
-        }, this), children && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+        }), children && /* @__PURE__ */ jsx("div", {
           className: prefix2(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["body"]))),
           children
-        }, void 0, false, {
-          fileName: _jsxFileName$A,
-          lineNumber: 78,
-          columnNumber: 40
-        }, this)]
-      }, void 0, true, {
-        fileName: _jsxFileName$A,
-        lineNumber: 74,
-        columnNumber: 48
-      }, this)]
-    }, void 0, true, {
-      fileName: _jsxFileName$A,
-      lineNumber: 68,
-      columnNumber: 20
-    }, this)
-  }), void 0, false, {
-    fileName: _jsxFileName$A,
-    lineNumber: 63,
-    columnNumber: 23
-  }, this);
+        })]
+      })]
+    })
+  }));
 });
 Message.displayName = "Message";
 Message.propTypes = {
@@ -26622,7 +26555,6 @@ Message.propTypes = {
   classPrefix: PropTypes.string
 };
 var Message$1 = Message;
-var _jsxFileName$z = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/utils/deprecateComponent.js";
 function deprecateComponent(Component, message) {
   var _Component$displayNam;
   var componentDisplayName = (_Component$displayNam = Component.displayName) !== null && _Component$displayNam !== void 0 ? _Component$displayNam : Component.name;
@@ -26630,18 +26562,13 @@ function deprecateComponent(Component, message) {
     react.exports.useEffect(function() {
       console.warn(message);
     }, []);
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadValues({
+    return /* @__PURE__ */ jsx(Component, __spreadValues({
       ref
-    }, props), void 0, false, {
-      fileName: _jsxFileName$z,
-      lineNumber: 16,
-      columnNumber: 25
-    }, this);
+    }, props));
   });
   Deprecated.displayName = "deprecated(" + componentDisplayName + ")";
   return Deprecated;
 }
-var _jsxFileName$y = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/toaster/ToastContainer.js";
 var useMessages = function useMessages2() {
   var _useState = react.exports.useState([]), messages2 = _useState[0], setMessages = _useState[1];
   var getKey = react.exports.useCallback(function(key) {
@@ -26704,7 +26631,7 @@ var ToastContainer = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     };
   });
   var elements = messages2.map(function(item) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Transition$1, {
+    return /* @__PURE__ */ jsx(Transition$1, {
       in: item.visible,
       exitedClassName: rootPrefix("toast-fade-exited"),
       exitingClassName: rootPrefix("toast-fade-exiting"),
@@ -26722,21 +26649,13 @@ var ToastContainer = /* @__PURE__ */ React.forwardRef(function(props, ref) {
           className: merge3(rootPrefix("toast"), (_item$node2 = item.node) === null || _item$node2 === void 0 ? void 0 : (_item$node2$props = _item$node2.props) === null || _item$node2$props === void 0 ? void 0 : _item$node2$props.className, transitionClassName)
         }));
       }
-    }, item.key, false, {
-      fileName: _jsxFileName$y,
-      lineNumber: 102,
-      columnNumber: 25
-    }, this);
+    }, item.key);
   });
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({}, rest), {
     ref: rootRef,
     className: classes,
     children: elements
-  }), void 0, false, {
-    fileName: _jsxFileName$y,
-    lineNumber: 126,
-    columnNumber: 23
-  }, this);
+  }));
 });
 ToastContainer.getInstance = function(props) {
   var container = props.container, rest = _objectWithoutPropertiesLoose(props, ["container"]);
@@ -26749,13 +26668,9 @@ ToastContainer.getInstance = function(props) {
     reactDom.exports.unmountComponentAtNode(mountElement);
     parentElement.removeChild(mountElement);
   }
-  reactDom.exports.render(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(ToastContainer, __spreadProps(__spreadValues({}, rest), {
+  reactDom.exports.render(/* @__PURE__ */ jsx(ToastContainer, __spreadProps(__spreadValues({}, rest), {
     ref: containerRef
-  }), void 0, false, {
-    fileName: _jsxFileName$y,
-    lineNumber: 149,
-    columnNumber: 24
-  }, this), mountElement);
+  })), mountElement);
   return [containerRef, destroy];
 };
 ToastContainer.displayName = "ToastContainer";
@@ -26975,7 +26890,6 @@ function isFocusableElement(element) {
     return false;
   return element.matches(focusableSelector);
 }
-var _jsxFileName$x = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Menu/Menu.js";
 var defaultOpenMenuOn = ["click"];
 function Menu$2(props) {
   var _items$activeItemInde;
@@ -27113,15 +27027,11 @@ function Menu$2(props) {
   var customMenuButton = react.exports.useMemo(function() {
     return renderMenuButton === null || renderMenuButton === void 0 ? void 0 : renderMenuButton(buttonProps, buttonElementRef);
   }, [renderMenuButton, buttonProps, buttonElementRef]);
-  var buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", __spreadProps(__spreadValues({
+  var buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues({
     ref: buttonElementRef
   }, buttonProps), {
     children: menuButtonText
-  }), void 0, false, {
-    fileName: _jsxFileName$x,
-    lineNumber: 203,
-    columnNumber: 114
-  }, this);
+  }));
   var handleMenuKeydown = react.exports.useCallback(function(e2) {
     switch (e2.key) {
       case KEY_VALUES.UP:
@@ -27223,16 +27133,12 @@ function Menu$2(props) {
   var customMenuPopup = renderMenuPopup === null || renderMenuPopup === void 0 ? void 0 : renderMenuPopup(_extends({}, menuProps, {
     open
   }), menuElementRef);
-  var menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", __spreadProps(__spreadValues({
+  var menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({
     ref: menuElementRef
   }, menuProps), {
     hidden: !open,
     children
-  }), void 0, false, {
-    fileName: _jsxFileName$x,
-    lineNumber: 340,
-    columnNumber: 109
-  }, this);
+  }));
   var handleMouseEnter = react.exports.useCallback(function(e2) {
     if (!disabled) {
       openMenu(e2);
@@ -27257,16 +27163,12 @@ function Menu$2(props) {
     rootEventHandlers.onMouseLeave = handleMouseLeave;
   }
   var rootProps = _extends({}, rootEventHandlers, {
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-      children: [buttonElement, /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(MenuContext$1.Provider, {
+    children: /* @__PURE__ */ jsxs(Fragment, {
+      children: [buttonElement, /* @__PURE__ */ jsx(MenuContext$1.Provider, {
         value: menu,
         children: menuElement
-      }, void 0, false, {
-        fileName: _jsxFileName$x,
-        lineNumber: 371,
-        columnNumber: 98
-      }, this)]
-    }, void 0, true),
+      })]
+    }),
     open
   });
   if (isSubmenu) {
@@ -27395,7 +27297,6 @@ SidenavToggle.propTypes = {
   onToggle: PropTypes.func
 };
 var SidenavToggle$1 = SidenavToggle;
-var _jsxFileName$w = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Sidenav/Sidenav.js";
 var SidenavContext = /* @__PURE__ */ React.createContext(null);
 var emptyArray$1 = [];
 var Sidenav = /* @__PURE__ */ React.forwardRef(function(props, ref) {
@@ -27426,9 +27327,9 @@ var Sidenav = /* @__PURE__ */ React.forwardRef(function(props, ref) {
       onSelect
     };
   }, [activeKey, expanded, handleOpenChange, onSelect, openKeys]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SidenavContext.Provider, {
+  return /* @__PURE__ */ jsx(SidenavContext.Provider, {
     value: contextValue,
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Transition$1, {
+    children: /* @__PURE__ */ jsx(Transition$1, {
       in: expanded,
       timeout: 300,
       exitedClassName: prefix2("collapse-out"),
@@ -27437,25 +27338,13 @@ var Sidenav = /* @__PURE__ */ React.forwardRef(function(props, ref) {
       enteringClassName: prefix2("collapse-in", "collapsing"),
       children: function(transitionProps, transitionRef) {
         var className2 = transitionProps.className, transitionRest = _objectWithoutPropertiesLoose(transitionProps, ["className"]);
-        return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues(__spreadValues({}, rest), transitionRest), {
+        return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues(__spreadValues({}, rest), transitionRest), {
           ref: mergeRefs(ref, transitionRef),
           className: merge3(classes, className2)
-        }), void 0, false, {
-          fileName: _jsxFileName$w,
-          lineNumber: 83,
-          columnNumber: 25
-        }, this);
-      }
-    }, void 0, false, {
-      fileName: _jsxFileName$w,
-      lineNumber: 72,
-      columnNumber: 19
-    }, this)
-  }, void 0, false, {
-    fileName: _jsxFileName$w,
-    lineNumber: 70,
-    columnNumber: 23
-  }, this);
+        }));
+      }
+    })
+  });
 });
 Sidenav.Header = SidenavHeader$1;
 Sidenav.Body = SidenavBody$1;
@@ -27476,7 +27365,6 @@ Sidenav.propTypes = {
 var DropdownContext = /* @__PURE__ */ React.createContext(null);
 DropdownContext.displayName = "DropdownContext";
 var DropdownContext$1 = DropdownContext;
-var _jsxFileName$v = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Menu/Menubar.js";
 function Menubar(_ref2) {
   var _ref$vertical = _ref2.vertical, vertical = _ref$vertical === void 0 ? false : _ref$vertical, children = _ref2.children, onActivateItem = _ref2.onActivateItem;
   var menubar = useMenu({
@@ -27566,7 +27454,7 @@ function Menubar(_ref2) {
       onActivateItem === null || onActivateItem === void 0 ? void 0 : onActivateItem(event);
     }
   }, [items, onActivateItem]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(MenuContext$1.Provider, {
+  return /* @__PURE__ */ jsx(MenuContext$1.Provider, {
     value: menubar,
     children: children({
       role: "menubar",
@@ -27578,11 +27466,7 @@ function Menubar(_ref2) {
       "aria-activedescendant": isNil$1(activeItemIndex) ? void 0 : items[activeItemIndex].element.id,
       "aria-orientation": vertical ? "vertical" : void 0
     }, menubarElementRef)
-  }, void 0, false, {
-    fileName: _jsxFileName$v,
-    lineNumber: 117,
-    columnNumber: 23
-  }, this);
+  });
 }
 var castSlice = _castSlice, hasUnicode = _hasUnicode, stringToArray = _stringToArray, toString$1 = toString_1;
 function createCaseFirst$1(methodName) {
@@ -27603,7 +27487,6 @@ function capitalize(string2) {
   return upperFirst(toString(string2).toLowerCase());
 }
 var capitalize_1 = capitalize;
-var _jsxFileName$u = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Animation/Collapse.js";
 var DIMENSION;
 (function(DIMENSION2) {
   DIMENSION2["HEIGHT"] = "height";
@@ -27646,7 +27529,7 @@ var Collapse = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     triggerBrowserReflow(elem);
     addStyle(elem, dimension, 0);
   }, [dimension]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Transition$1, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ jsx(Transition$1, __spreadProps(__spreadValues({}, rest), {
     ref,
     timeout: timeout2,
     className: merge3(className, prefix2({
@@ -27661,11 +27544,7 @@ var Collapse = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     onEntered: createChainedFunction(handleEntered, onEntered),
     onExit: createChainedFunction(handleExit, onExit),
     onExiting: createChainedFunction(handleExiting, onExiting)
-  }), void 0, false, {
-    fileName: _jsxFileName$u,
-    lineNumber: 79,
-    columnNumber: 23
-  }, this);
+  }));
 });
 Collapse.displayName = "Collapse";
 Collapse.propTypes = _extends({}, transitionPropTypes, {
@@ -27765,7 +27644,6 @@ function DisclosureContent(props) {
   }, elementRef);
 }
 DisclosureContent.displayName = "Disclosure.Content";
-var _jsxFileName$t = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Disclosure/Disclosure.js";
 var initialDisclosureState = {
   open: false
 };
@@ -27808,20 +27686,15 @@ function Disclosure(props) {
       onToggle
     }];
   }, [open, dispatch, onToggle]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(DisclosureContext$1.Provider, {
+  return /* @__PURE__ */ jsx(DisclosureContext$1.Provider, {
     value: context,
     children: children({
       open
     }, containerElementRef)
-  }, void 0, false, {
-    fileName: _jsxFileName$t,
-    lineNumber: 66,
-    columnNumber: 23
-  }, this);
+  });
 }
 Disclosure.Button = DisclosureButton;
 Disclosure.Content = DisclosureContent;
-var _jsxFileName$s = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Sidenav/SidenavDropdownMenu.js";
 var _templateObject$1, _templateObject2$1;
 var SidenavDropdownMenu = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _props$as = props.as, Component = _props$as === void 0 ? "li" : _props$as, children = props.children, disabled = props.disabled, className = props.className, style = props.style, _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "dropdown-item" : _props$classPrefix, tabIndex = props.tabIndex, icon = props.icon, title = props.title, eventKey = props.eventKey, onClick = props.onClick, onSelect = props.onSelect, rest = _objectWithoutPropertiesLoose(props, ["as", "children", "disabled", "className", "style", "classPrefix", "tabIndex", "icon", "title", "eventKey", "onClick", "onSelect"]);
@@ -27842,7 +27715,7 @@ var SidenavDropdownMenu = /* @__PURE__ */ React.forwardRef(function(props, ref)
     onClick: createChainedFunction(handleClick, onClick)
   };
   var Icon2 = rtl ? AngleLeftIcon : AngleRightIcon;
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Disclosure, {
+  return /* @__PURE__ */ jsx(Disclosure, {
     open: !isNil$1(eventKey) && openKeys.includes(eventKey),
     onToggle: function onToggle(_, event) {
       return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event);
@@ -27853,70 +27726,38 @@ var SidenavDropdownMenu = /* @__PURE__ */ React.forwardRef(function(props, ref)
         "with-icon": icon,
         disabled
       }));
-      return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+      return /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
         ref
       }, rest), {
         tabIndex: disabled ? -1 : tabIndex,
         style,
         className: classes
       }), menuitemEventHandlers), {
-        children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Disclosure.Button, {
+        children: [/* @__PURE__ */ jsx(Disclosure.Button, {
           children: function(buttonProps) {
-            return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", __spreadProps(__spreadValues({
+            return /* @__PURE__ */ jsxs("button", __spreadProps(__spreadValues({
               className: prefix2(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["toggle"]))),
               onClick: handleClick
             }, omit_1(buttonProps, ["open"])), {
               children: [icon && /* @__PURE__ */ React.cloneElement(icon, {
                 className: prefix2("menu-icon")
-              }), title, /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Icon2, {
+              }), title, /* @__PURE__ */ jsx(Icon2, {
                 className: prefix2(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["toggle-icon"])))
-              }, void 0, false, {
-                fileName: _jsxFileName$s,
-                lineNumber: 92,
-                columnNumber: 31
-              }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Ripple$1, {}, void 0, false, {
-                fileName: _jsxFileName$s,
-                lineNumber: 94,
-                columnNumber: 24
-              }, this)]
-            }), void 0, true, {
-              fileName: _jsxFileName$s,
-              lineNumber: 87,
-              columnNumber: 27
-            }, this);
-          }
-        }, void 0, false, {
-          fileName: _jsxFileName$s,
-          lineNumber: 86,
-          columnNumber: 45
-        }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Disclosure.Content, {
+              }), /* @__PURE__ */ jsx(Ripple$1, {})]
+            }));
+          }
+        }), /* @__PURE__ */ jsx(Disclosure.Content, {
           children: function(_ref22) {
             var open2 = _ref22.open;
-            return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SidenavDropdownCollapse$1, {
+            return /* @__PURE__ */ jsx(SidenavDropdownCollapse$1, {
               open: open2,
               children
-            }, void 0, false, {
-              fileName: _jsxFileName$s,
-              lineNumber: 97,
-              columnNumber: 27
-            }, this);
-          }
-        }, void 0, false, {
-          fileName: _jsxFileName$s,
-          lineNumber: 95,
-          columnNumber: 22
-        }, this)]
-      }), void 0, true, {
-        fileName: _jsxFileName$s,
-        lineNumber: 80,
-        columnNumber: 25
-      }, this);
-    }
-  }, void 0, false, {
-    fileName: _jsxFileName$s,
-    lineNumber: 68,
-    columnNumber: 23
-  }, this);
+            });
+          }
+        })]
+      }));
+    }
+  });
 });
 SidenavDropdownMenu.displayName = "Sidenav.Dropdown.Menu";
 SidenavDropdownMenu.propTypes = {
@@ -27937,7 +27778,6 @@ SidenavDropdownMenu.propTypes = {
   onMouseOut: PropTypes.func
 };
 var SidenavDropdownMenu$1 = SidenavDropdownMenu;
-var _jsxFileName$r = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Dropdown/DropdownMenu.js";
 var _templateObject, _templateObject2;
 var DropdownMenu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var onToggle = props.onToggle, eventKey = props.eventKey, title = props.title, activeKey = props.activeKey, onSelect = props.onSelect, _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "dropdown-menu" : _props$classPrefix, children = props.children, rest = _objectWithoutPropertiesLoose(props, ["onToggle", "eventKey", "title", "activeKey", "onSelect", "classPrefix", "children"]);
@@ -27952,12 +27792,12 @@ var DropdownMenu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _useClassNames3 = useClassNames("dropdown-item"), mergeItemClassNames = _useClassNames3.merge, withItemClassPrefix = _useClassNames3.withClassPrefix, prefixItemClassName = _useClassNames3.prefix;
   if (!dropdown2) {
     var classes = merge3(props.className, withClassPrefix());
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(DropdownContext$1.Provider, {
+    return /* @__PURE__ */ jsx(DropdownContext$1.Provider, {
       value: {
         activeKey,
         onSelect
       },
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Menubar, {
+      children: /* @__PURE__ */ jsx(Menubar, {
         vertical: true,
         onActivateItem: function onActivateItem(event) {
           var _dataset = event.target.dataset, eventKey2 = _dataset.eventKey, eventKeyType = _dataset.eventKeyType;
@@ -27965,42 +27805,26 @@ var DropdownMenu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
           onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKeyToEmit, event);
         },
         children: function(menubar, menubarRef) {
-          return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", __spreadProps(__spreadValues(__spreadValues({
+          return /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues(__spreadValues({
             ref: mergeRefs(menubarRef, ref),
             className: classes
           }, menubar), rest), {
             children
-          }), void 0, false, {
-            fileName: _jsxFileName$r,
-            lineNumber: 94,
-            columnNumber: 27
-          }, this);
-        }
-      }, void 0, false, {
-        fileName: _jsxFileName$r,
-        lineNumber: 83,
-        columnNumber: 21
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$r,
-      lineNumber: 78,
-      columnNumber: 25
-    }, this);
+          }));
+        }
+      })
+    });
   }
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SidenavDropdownMenu$1, __spreadValues({}, omit_1(props, "classPrefix")), void 0, false, {
-      fileName: _jsxFileName$r,
-      lineNumber: 102,
-      columnNumber: 25
-    }, this);
+    return /* @__PURE__ */ jsx(SidenavDropdownMenu$1, __spreadValues({}, omit_1(props, "classPrefix")));
   }
   var _omit = omit_1(rest, ["trigger"]), icon = _omit.icon, className = _omit.className, disabled = _omit.disabled, menuProps = _objectWithoutPropertiesLoose(_omit, ["icon", "className", "disabled"]);
   var Icon2 = rtl ? AngleLeftIcon : AngleRightIcon;
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Menu$2, {
+  return /* @__PURE__ */ jsx(Menu$2, {
     openMenuOn: ["mouseover", "click"],
     renderMenuButton: function renderMenuButton(_ref2, buttonRef) {
       var open = _ref2.open, menuButtonProps = _objectWithoutPropertiesLoose(_ref2, ["open"]);
-      return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(MenuItem, {
+      return /* @__PURE__ */ jsx(MenuItem, {
         disabled,
         children: function(_ref22, menuitemRef) {
           var selected = _ref22.selected, active = _ref22.active, menuitem = _objectWithoutPropertiesLoose(_ref22, ["selected", "active"]);
@@ -28011,7 +27835,7 @@ var DropdownMenu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
             disabled,
             focus: active
           }));
-          return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", __spreadProps(__spreadValues(__spreadValues({
+          return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues(__spreadValues({
             ref: mergeRefs(buttonRef, menuitemRef),
             className: classes2,
             "data-event-key": eventKey,
@@ -28019,39 +27843,23 @@ var DropdownMenu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
           }, menuitem), omit_1(menuButtonProps, ["role"])), {
             children: [icon && /* @__PURE__ */ React.cloneElement(icon, {
               className: prefix2("menu-icon")
-            }), title, /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Icon2, {
+            }), title, /* @__PURE__ */ jsx(Icon2, {
               className: prefix2(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["toggle-icon"])))
-            }, void 0, false, {
-              fileName: _jsxFileName$r,
-              lineNumber: 142,
-              columnNumber: 33
-            }, this)]
-          }), void 0, true, {
-            fileName: _jsxFileName$r,
-            lineNumber: 135,
-            columnNumber: 29
-          }, this);
-        }
-      }, void 0, false, {
-        fileName: _jsxFileName$r,
-        lineNumber: 120,
-        columnNumber: 27
-      }, this);
+            })]
+          }));
+        }
+      });
     },
     renderMenuPopup: function renderMenuPopup(_ref3, popupRef) {
       var open = _ref3.open, popupProps = _objectWithoutPropertiesLoose(_ref3, ["open"]);
       var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
-      return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", __spreadProps(__spreadValues(__spreadValues({
+      return /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues(__spreadValues({
         ref: popupRef,
         className: menuClassName,
         hidden: !open
       }, popupProps), menuProps), {
         children
-      }), void 0, false, {
-        fileName: _jsxFileName$r,
-        lineNumber: 152,
-        columnNumber: 27
-      }, this);
+      }));
     },
     onToggleMenu: handleToggleSubmenu,
     children: function(_ref4, menuContainerRef) {
@@ -28061,20 +27869,12 @@ var DropdownMenu$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
         open,
         submenu: true
       }));
-      return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", __spreadValues({
+      return /* @__PURE__ */ jsx("li", __spreadValues({
         ref: mergeRefs(ref, menuContainerRef),
         className: classes2
-      }, menuContainer), void 0, false, {
-        fileName: _jsxFileName$r,
-        lineNumber: 169,
-        columnNumber: 25
-      }, this);
-    }
-  }, void 0, false, {
-    fileName: _jsxFileName$r,
-    lineNumber: 114,
-    columnNumber: 23
-  }, this);
+      }, menuContainer));
+    }
+  });
 });
 DropdownMenu$1.displayName = "Dropdown.Menu";
 DropdownMenu$1.propTypes = {
@@ -28131,45 +27931,23 @@ var NavContext = /* @__PURE__ */ React.createContext({
   onSelect: noop_1
 });
 var NavContext$1 = NavContext;
-var _jsxFileName$q = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Dropdown/useRenderDropdownItem.js";
 function useRenderDropdownItem(Component) {
   return react.exports.useCallback(function(props, OverrideComponent) {
     if (Component === "li") {
       if (OverrideComponent) {
-        return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
+        return /* @__PURE__ */ jsx("li", {
           role: "none presentation",
-          children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(OverrideComponent, __spreadValues({}, props), void 0, false, {
-            fileName: _jsxFileName$q,
-            lineNumber: 8,
-            columnNumber: 25
-          }, this)
-        }, void 0, false, {
-          fileName: _jsxFileName$q,
-          lineNumber: 6,
-          columnNumber: 29
-        }, this);
-      }
-      return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadValues({}, props), void 0, false, {
-        fileName: _jsxFileName$q,
-        lineNumber: 11,
-        columnNumber: 27
-      }, this);
-    }
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
+          children: /* @__PURE__ */ jsx(OverrideComponent, __spreadValues({}, props))
+        });
+      }
+      return /* @__PURE__ */ jsx(Component, __spreadValues({}, props));
+    }
+    return /* @__PURE__ */ jsx("li", {
       role: "none presentation",
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadValues({}, props), void 0, false, {
-        fileName: _jsxFileName$q,
-        lineNumber: 16,
-        columnNumber: 21
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$q,
-      lineNumber: 14,
-      columnNumber: 25
-    }, this);
+      children: /* @__PURE__ */ jsx(Component, __spreadValues({}, props))
+    });
   }, [Component]);
 }
-var _jsxFileName$p = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Sidenav/SidenavDropdownItem.js";
 var SidenavDropdownItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _props$as = props.as, Component = _props$as === void 0 ? "li" : _props$as, activeProp = props.active, children = props.children, disabled = props.disabled, divider = props.divider, panel = props.panel, className = props.className, style = props.style, _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "dropdown-item" : _props$classPrefix, icon = props.icon, eventKey = props.eventKey, onClick = props.onClick, onSelect = props.onSelect, rest = _objectWithoutPropertiesLoose(props, ["as", "active", "children", "disabled", "divider", "panel", "className", "style", "classPrefix", "icon", "eventKey", "onClick", "onSelect"]);
   var sidenavContext = react.exports.useContext(SidenavContext);
@@ -28223,15 +28001,11 @@ var SidenavDropdownItem = /* @__PURE__ */ React.forwardRef(function(props, ref)
     className: classes,
     "aria-current": selected || void 0
   }, menuitemEventHandlers, {
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
+    children: /* @__PURE__ */ jsxs(Fragment, {
       children: [icon && /* @__PURE__ */ React.cloneElement(icon, {
         className: prefix2("menu-icon")
-      }), children, /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Ripple$1, {}, void 0, false, {
-        fileName: _jsxFileName$p,
-        lineNumber: 100,
-        columnNumber: 32
-      }, this)]
-    }, void 0, true)
+      }), children, /* @__PURE__ */ jsx(Ripple$1, {})]
+    })
   }), SafeAnchor$1);
 });
 SidenavDropdownItem.displayName = "Sidenav.Dropdown.Item";
@@ -28312,7 +28086,6 @@ function reducer(state, action) {
       return state;
   }
 }
-var _jsxFileName$o = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Dropdown/DropdownItem.js";
 var DropdownItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "dropdown-item" : _props$classPrefix, className = props.className, activeProp = props.active, eventKey = props.eventKey, onSelect = props.onSelect, icon = props.icon, _props$as = props.as, Component = _props$as === void 0 ? "li" : _props$as, divider = props.divider, panel = props.panel, children = props.children, disabled = props.disabled, restProps = _objectWithoutPropertiesLoose(props, ["classPrefix", "className", "active", "eventKey", "onSelect", "icon", "as", "divider", "panel", "children", "disabled"]);
   var internalId = useInternalId("DropdownItem");
@@ -28359,13 +28132,9 @@ var DropdownItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   }, [internalId, selected, dispatch]);
   var renderDropdownItem = useRenderDropdownItem(Component);
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SidenavDropdownItem$1, __spreadValues({
+    return /* @__PURE__ */ jsx(SidenavDropdownItem$1, __spreadValues({
       ref
-    }, props), void 0, false, {
-      fileName: _jsxFileName$o,
-      lineNumber: 95,
-      columnNumber: 25
-    }, this);
+    }, props));
   }
   if (divider) {
     return renderDropdownItem(_extends({
@@ -28395,8 +28164,8 @@ var DropdownItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     if (!isNil$1(eventKey) && typeof eventKey !== "string") {
       dataAttributes["data-event-key-type"] = typeof eventKey;
     }
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", {
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SafeAnchor$1, __spreadProps(__spreadValues(__spreadValues({
+    return /* @__PURE__ */ jsx("li", {
+      children: /* @__PURE__ */ jsxs(SafeAnchor$1, __spreadProps(__spreadValues(__spreadValues({
         ref,
         className: classes,
         "aria-current": selected || void 0
@@ -28406,18 +28175,10 @@ var DropdownItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
         children: [icon && /* @__PURE__ */ React.cloneElement(icon, {
           className: prefix2("menu-icon")
         }), children]
-      }), void 0, true, {
-        fileName: _jsxFileName$o,
-        lineNumber: 132,
-        columnNumber: 70
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$o,
-      lineNumber: 132,
-      columnNumber: 25
-    }, this);
-  }
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(MenuItem, {
+      }))
+    });
+  }
+  return /* @__PURE__ */ jsx(MenuItem, {
     selected,
     disabled,
     onActivate: handleSelectItem,
@@ -28441,18 +28202,14 @@ var DropdownItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
         ref: mergeRefs(ref, menuitemRef),
         className: classes2
       }, menuitem, dataAttributes2, restProps, {
-        children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
+        children: /* @__PURE__ */ jsxs(Fragment, {
           children: [icon && /* @__PURE__ */ React.cloneElement(icon, {
             className: prefix2("menu-icon")
           }), children]
-        }, void 0, true)
+        })
       }));
     }
-  }, void 0, false, {
-    fileName: _jsxFileName$o,
-    lineNumber: 144,
-    columnNumber: 23
-  }, this);
+  });
 });
 DropdownItem.displayName = "Dropdown.Item";
 DropdownItem.propTypes = {
@@ -28476,7 +28233,6 @@ DropdownItem.propTypes = {
   tabIndex: PropTypes.number
 };
 var DropdownItem$1 = DropdownItem;
-var _jsxFileName$n = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Dropdown/DropdownToggle.js";
 var DropdownToggle = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _props$as = props.as, Component = _props$as === void 0 ? Button$2 : _props$as, className = props.className, _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "dropdown-toggle" : _props$classPrefix, renderToggle = props.renderToggle, children = props.children, icon = props.icon, noCaret = props.noCaret, _props$placement = props.placement, placement = _props$placement === void 0 ? "bottomStart" : _props$placement, rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "renderToggle", "children", "icon", "noCaret", "placement"]);
   var sidenav = react.exports.useContext(SidenavContext);
@@ -28487,25 +28243,17 @@ var DropdownToggle = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   }));
   var inSidenav = !!sidenav;
   var Caret = useToggleCaret(inSidenav ? "bottomStart" : placement);
-  var toggle = /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({
+  var toggle = /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues({
     appearance: withinNav ? "subtle" : void 0
   }, rest), {
     ref,
     className: classes,
     children: [icon && /* @__PURE__ */ React.cloneElement(icon, {
       className: prefix2("icon")
-    }), children, noCaret ? null : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Caret, {
+    }), children, noCaret ? null : /* @__PURE__ */ jsx(Caret, {
       className: prefix2("caret")
-    }, void 0, false, {
-      fileName: _jsxFileName$n,
-      lineNumber: 47,
-      columnNumber: 47
-    }, this)]
-  }), void 0, true, {
-    fileName: _jsxFileName$n,
-    lineNumber: 40,
-    columnNumber: 29
-  }, this);
+    })]
+  }));
   return renderToggle ? renderToggle(rest, ref) : toggle;
 });
 DropdownToggle.displayName = "DropdownToggle";
@@ -28520,7 +28268,6 @@ DropdownToggle.propTypes = {
   placement: PropTypes.oneOf(["bottomStart", "bottomEnd", "topStart", "topEnd", "leftStart", "rightStart", "leftEnd", "rightEnd"])
 };
 var DropdownToggle$1 = DropdownToggle;
-var _jsxFileName$m = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Sidenav/SidenavDropdown.js";
 var SidenavDropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _props$as = props.as, Component = _props$as === void 0 ? "div" : _props$as, title = props.title, children = props.children, className = props.className, menuStyle = props.menuStyle, disabled = props.disabled;
   props.renderTitle;
@@ -28545,22 +28292,22 @@ var SidenavDropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(uniqueKey, event);
   }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);
   var open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Disclosure, {
+  return /* @__PURE__ */ jsx(Disclosure, {
     open,
     onToggle: handleToggleDisclosure,
     children: function(_ref2, containerRef) {
       var _withClassPrefix;
       var open2 = _ref2.open;
       var classes = merge3(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase_1(placementPolyfill(placement))] = placement, _withClassPrefix[open2 ? "expand" : "collapse"] = true, _withClassPrefix.disabled = disabled, _withClassPrefix["selected-within"] = hasSelectedItem, _withClassPrefix["no-caret"] = noCaret, _withClassPrefix)));
-      return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({
+      return /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues({
         ref: mergeRefs(ref, containerRef),
         style,
         className: classes
       }, rest), {
         "data-event-key": eventKey,
-        children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Disclosure.Button, {
+        children: [/* @__PURE__ */ jsx(Disclosure.Button, {
           children: function(buttonProps, buttonRef) {
-            return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(DropdownToggle$1, __spreadProps(__spreadValues({
+            return /* @__PURE__ */ jsx(DropdownToggle$1, __spreadProps(__spreadValues({
               ref: buttonRef,
               as: toggleAs,
               noCaret,
@@ -28570,45 +28317,21 @@ var SidenavDropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
               placement
             }, omit_1(buttonProps, ["open"])), {
               children: title
-            }), void 0, false, {
-              fileName: _jsxFileName$m,
-              lineNumber: 85,
-              columnNumber: 27
-            }, this);
-          }
-        }, void 0, false, {
-          fileName: _jsxFileName$m,
-          lineNumber: 84,
-          columnNumber: 22
-        }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Disclosure.Content, {
+            }));
+          }
+        }), /* @__PURE__ */ jsx(Disclosure.Content, {
           children: function(_ref22) {
             var open3 = _ref22.open;
-            return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SidenavDropdownCollapse$1, {
+            return /* @__PURE__ */ jsx(SidenavDropdownCollapse$1, {
               open: open3,
               style: menuStyle,
               children
-            }, void 0, false, {
-              fileName: _jsxFileName$m,
-              lineNumber: 96,
-              columnNumber: 27
-            }, this);
-          }
-        }, void 0, false, {
-          fileName: _jsxFileName$m,
-          lineNumber: 94,
-          columnNumber: 22
-        }, this)]
-      }), void 0, true, {
-        fileName: _jsxFileName$m,
-        lineNumber: 78,
-        columnNumber: 25
-      }, this);
-    }
-  }, void 0, false, {
-    fileName: _jsxFileName$m,
-    lineNumber: 70,
-    columnNumber: 23
-  }, this);
+            });
+          }
+        })]
+      }));
+    }
+  });
 });
 SidenavDropdown.displayName = "Sidenav.Dropdown";
 SidenavDropdown.propTypes = {
@@ -28640,7 +28363,6 @@ SidenavDropdown.propTypes = {
   renderToggle: PropTypes.func
 };
 var SidenavDropdown$1 = SidenavDropdown;
-var _jsxFileName$l = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Dropdown/Dropdown.js";
 var Dropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var activeKey = props.activeKey, onSelectProp = props.onSelect, rest = _objectWithoutPropertiesLoose(props, ["activeKey", "onSelect"]);
   var _rest$as = rest.as, Component = _rest$as === void 0 ? "div" : _rest$as, title = rest.title, onClose = rest.onClose, onOpen = rest.onOpen, onToggle = rest.onToggle, eventKey = rest.eventKey, _rest$trigger = rest.trigger, trigger2 = _rest$trigger === void 0 ? "click" : _rest$trigger, _rest$placement = rest.placement, placement = _rest$placement === void 0 ? "bottomStart" : _rest$placement, toggleAs = rest.toggleAs, toggleClassName = rest.toggleClassName, _rest$classPrefix = rest.classPrefix, classPrefix = _rest$classPrefix === void 0 ? "dropdown" : _rest$classPrefix, className = rest.className, disabled = rest.disabled, children = rest.children, menuStyle = rest.menuStyle, style = rest.style, toggleProps = _objectWithoutPropertiesLoose(rest, ["as", "title", "onClose", "onOpen", "onToggle", "eventKey", "trigger", "placement", "toggleAs", "toggleClassName", "classPrefix", "className", "disabled", "children", "menuStyle", "style"]);
@@ -28686,37 +28408,29 @@ var Dropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     };
   }, [activeKey, emitSelect, hasSelectedItem, dispatch]);
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(DropdownContext$1.Provider, {
+    return /* @__PURE__ */ jsx(DropdownContext$1.Provider, {
       value: dropdownContextValue,
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SidenavDropdown$1, __spreadValues({
+      children: /* @__PURE__ */ jsx(SidenavDropdown$1, __spreadValues({
         ref
-      }, rest), void 0, false, {
-        fileName: _jsxFileName$l,
-        lineNumber: 122,
-        columnNumber: 21
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$l,
-      lineNumber: 120,
-      columnNumber: 25
-    }, this);
+      }, rest))
+    });
   }
   if (navbar) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(DropdownContext$1.Provider, {
+    return /* @__PURE__ */ jsx(DropdownContext$1.Provider, {
       value: dropdownContextValue,
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Disclosure, {
+      children: /* @__PURE__ */ jsx(Disclosure, {
         hideOnClickOutside: true,
         children: function(_ref2, containerRef) {
           var _withClassPrefix;
           var open = _ref2.open;
           var classes = merge3(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase_1(placementPolyfill(placement))] = !!placement, _withClassPrefix.disabled = disabled, _withClassPrefix.open = open, _withClassPrefix)));
-          return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, {
+          return /* @__PURE__ */ jsxs(Component, {
             ref: mergeRefs(ref, containerRef),
             className: classes,
             style,
-            children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Disclosure.Button, {
+            children: [/* @__PURE__ */ jsx(Disclosure.Button, {
               children: function(buttonProps, buttonRef) {
-                return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(DropdownToggle$1, __spreadProps(__spreadValues(__spreadValues({
+                return /* @__PURE__ */ jsx(DropdownToggle$1, __spreadProps(__spreadValues(__spreadValues({
                   ref: buttonRef,
                   as: toggleAs,
                   className: toggleClassName,
@@ -28724,56 +28438,28 @@ var Dropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
                   disabled
                 }, omit_1(buttonProps, ["open"])), toggleProps), {
                   children: title
-                }), void 0, false, {
-                  fileName: _jsxFileName$l,
-                  lineNumber: 143,
-                  columnNumber: 29
-                }, this);
+                }));
               }
-            }, void 0, false, {
-              fileName: _jsxFileName$l,
-              lineNumber: 142,
-              columnNumber: 23
-            }, this), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Disclosure.Content, {
+            }), /* @__PURE__ */ jsx(Disclosure.Content, {
               children: function(_ref22, elementRef) {
                 var open2 = _ref22.open;
                 var menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
-                return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", {
+                return /* @__PURE__ */ jsx("ul", {
                   ref: elementRef,
                   className: menuClassName,
                   style: menuStyle,
                   hidden: !open2,
                   children
-                }, void 0, false, {
-                  fileName: _jsxFileName$l,
-                  lineNumber: 153,
-                  columnNumber: 29
-                }, this);
+                });
               }
-            }, void 0, false, {
-              fileName: _jsxFileName$l,
-              lineNumber: 150,
-              columnNumber: 24
-            }, this)]
-          }, void 0, true, {
-            fileName: _jsxFileName$l,
-            lineNumber: 138,
-            columnNumber: 27
-          }, this);
-        }
-      }, void 0, false, {
-        fileName: _jsxFileName$l,
-        lineNumber: 131,
-        columnNumber: 21
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$l,
-      lineNumber: 129,
-      columnNumber: 25
-    }, this);
+            })]
+          });
+        }
+      })
+    });
   }
   var renderMenuButton = function renderMenuButton2(menuButtonProps, menuButtonRef) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(DropdownToggle$1, __spreadProps(__spreadValues(__spreadValues({
+    return /* @__PURE__ */ jsx(DropdownToggle$1, __spreadProps(__spreadValues(__spreadValues({
       ref: menuButtonRef,
       as: toggleAs,
       className: toggleClassName,
@@ -28781,19 +28467,15 @@ var Dropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
       disabled
     }, omit_1(menuButtonProps, ["open"])), omit_1(toggleProps, ["data-testid"])), {
       children: title
-    }), void 0, false, {
-      fileName: _jsxFileName$l,
-      lineNumber: 164,
-      columnNumber: 25
-    }, this);
+    }));
   };
   if (parentMenu) {
     renderMenuButton = function renderMenuButton2(menuButtonProps, buttonRef) {
-      return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(MenuItem, {
+      return /* @__PURE__ */ jsx(MenuItem, {
         disabled,
         children: function(_ref3, menuitemRef) {
           var active = _ref3.active, menuitemProps = _objectWithoutPropertiesLoose(_ref3, ["active"]);
-          return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(DropdownToggle$1, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+          return /* @__PURE__ */ jsx(DropdownToggle$1, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
             ref: mergeRefs(buttonRef, menuitemRef),
             as: toggleAs,
             className: mergeNavItemClassNames(toggleClassName, withNavItemClassPrefix({
@@ -28801,22 +28483,14 @@ var Dropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
             }))
           }, menuButtonProps), omit_1(menuitemProps, ["onClick"])), omit_1(toggleProps, "data-testid")), {
             children: title
-          }), void 0, false, {
-            fileName: _jsxFileName$l,
-            lineNumber: 181,
-            columnNumber: 29
-          }, this);
-        }
-      }, void 0, false, {
-        fileName: _jsxFileName$l,
-        lineNumber: 175,
-        columnNumber: 27
-      }, this);
+          }));
+        }
+      });
     };
   }
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(DropdownContext$1.Provider, {
+  return /* @__PURE__ */ jsx(DropdownContext$1.Provider, {
     value: dropdownContextValue,
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Menu$2, {
+    children: /* @__PURE__ */ jsx(Menu$2, {
       menuButtonText: title,
       renderMenuButton,
       openMenuOn: menuButtonTriggers,
@@ -28824,25 +28498,17 @@ var Dropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
         var open = _ref4.open, popupProps = _objectWithoutPropertiesLoose(_ref4, ["open"]);
         var menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
         var showHeader = !!sidenav;
-        return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", __spreadProps(__spreadValues({
+        return /* @__PURE__ */ jsxs("ul", __spreadProps(__spreadValues({
           ref: popupRef,
           className: menuClassName,
           style: menuStyle,
           hidden: !open
         }, popupProps), {
-          children: [showHeader && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+          children: [showHeader && /* @__PURE__ */ jsx("div", {
             className: prefix2("header"),
             children: title
-          }, void 0, false, {
-            fileName: _jsxFileName$l,
-            lineNumber: 210,
-            columnNumber: 50
-          }, this), children]
-        }), void 0, true, {
-          fileName: _jsxFileName$l,
-          lineNumber: 205,
-          columnNumber: 27
-        }, this);
+          }), children]
+        }));
       },
       onToggleMenu: function onToggleMenu(open, event) {
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
@@ -28857,27 +28523,15 @@ var Dropdown = /* @__PURE__ */ React.forwardRef(function(props, ref) {
         var _withClassPrefix2;
         var open = _ref5.open, menuContainer = _objectWithoutPropertiesLoose(_ref5, ["open"]);
         var classes = merge3(className, withClassPrefix((_withClassPrefix2 = {}, _withClassPrefix2["placement-" + kebabCase_1(placementPolyfill(placement))] = !!placement, _withClassPrefix2.disabled = disabled, _withClassPrefix2.open = open, _withClassPrefix2.submenu = !!parentMenu, _withClassPrefix2["selected-within"] = hasSelectedItem, _withClassPrefix2)));
-        return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues(__spreadValues({
+        return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues(__spreadValues({
           ref: mergeRefs(ref, menuContainerRef),
           className: classes
         }, menuContainer), pick_1(toggleProps, ["data-testid"])), {
           style
-        }), void 0, false, {
-          fileName: _jsxFileName$l,
-          lineNumber: 231,
-          columnNumber: 25
-        }, this);
-      }
-    }, void 0, false, {
-      fileName: _jsxFileName$l,
-      lineNumber: 194,
-      columnNumber: 19
-    }, this)
-  }, void 0, false, {
-    fileName: _jsxFileName$l,
-    lineNumber: 192,
-    columnNumber: 23
-  }, this);
+        }));
+      }
+    })
+  });
 });
 Dropdown.Item = DropdownItem$1;
 Dropdown.Menu = DropdownMenu$2;
@@ -28911,7 +28565,6 @@ Dropdown.propTypes = {
   renderToggle: PropTypes.func
 };
 var Dropdown$1 = Dropdown;
-var _jsxFileName$k = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Sidenav/SidenavItem.js";
 var SidenavItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _props$as = props.as, Component = _props$as === void 0 ? SafeAnchor$1 : _props$as, activeProp = props.active, _children = props.children, className = props.className, disabled = props.disabled, _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "sidenav-item" : _props$classPrefix, icon = props.icon, eventKey = props.eventKey, style = props.style, onClick = props.onClick, onSelect = props.onSelect, divider = props.divider, panel = props.panel, rest = _objectWithoutPropertiesLoose(props, ["as", "active", "children", "className", "disabled", "classPrefix", "icon", "eventKey", "style", "onClick", "onSelect", "divider", "panel"]);
   var sidenav = react.exports.useContext(SidenavContext);
@@ -28929,7 +28582,7 @@ var SidenavItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
   }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);
   if (!sidenav.expanded) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(MenuItem, {
+    return /* @__PURE__ */ jsx(MenuItem, {
       selected,
       disabled,
       onActivate: handleClick,
@@ -28942,60 +28595,40 @@ var SidenavItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
         }));
         return appendTooltip({
           children: function children(triggerProps, triggerRef) {
-            return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+            return /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues(__spreadValues(__spreadValues({
               ref: mergeRefs(mergeRefs(ref, menuitemRef), triggerRef),
               disabled: Component === SafeAnchor$1 ? disabled : void 0,
               className: classes,
               "data-event-key": eventKey
             }, omit_1(rest, ["divider", "panel"])), triggerProps), menuitem), {
-              children: [icon, _children, /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Ripple$1, {}, void 0, false, {
-                fileName: _jsxFileName$k,
-                lineNumber: 77,
-                columnNumber: 103
-              }, this)]
-            }), void 0, true, {
-              fileName: _jsxFileName$k,
-              lineNumber: 72,
-              columnNumber: 31
-            }, this);
+              children: [icon, _children, /* @__PURE__ */ jsx(Ripple$1, {})]
+            }));
           },
           message: _children,
           placement: "right"
         });
       }
-    }, void 0, false, {
-      fileName: _jsxFileName$k,
-      lineNumber: 55,
-      columnNumber: 25
-    }, this);
+    });
   }
   if (divider) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", __spreadValues({
+    return /* @__PURE__ */ jsx("li", __spreadValues({
       ref,
       role: "separator",
       style,
       className: merge3(className, prefix2("divider"))
-    }, rest), void 0, false, {
-      fileName: _jsxFileName$k,
-      lineNumber: 86,
-      columnNumber: 25
-    }, this);
+    }, rest));
   }
   if (panel) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("li", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({
       ref,
       role: "none presentation",
       style,
       className: merge3(className, prefix2("panel"))
     }, rest), {
       children: _children
-    }), void 0, false, {
-      fileName: _jsxFileName$k,
-      lineNumber: 95,
-      columnNumber: 25
-    }, this);
+    }));
   }
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues({
     ref,
     className: merge3(className, withClassPrefix({
       active: selected,
@@ -29006,16 +28639,8 @@ var SidenavItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     "aria-selected": selected || void 0,
     "data-event-key": eventKey
   }, rest), {
-    children: [icon, _children, /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Ripple$1, {}, void 0, false, {
-      fileName: _jsxFileName$k,
-      lineNumber: 113,
-      columnNumber: 43
-    }, this)]
-  }), void 0, true, {
-    fileName: _jsxFileName$k,
-    lineNumber: 103,
-    columnNumber: 23
-  }, this);
+    children: [icon, _children, /* @__PURE__ */ jsx(Ripple$1, {})]
+  }));
 });
 SidenavItem.displayName = "Sidenav.Item";
 SidenavItem.propTypes = {
@@ -29034,7 +28659,6 @@ SidenavItem.propTypes = {
   onClick: PropTypes.func
 };
 var SidenavItem$1 = SidenavItem;
-var _jsxFileName$j = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Navbar/NavbarItem.js";
 var NavbarItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _props$as = props.as, Component = _props$as === void 0 ? SafeAnchor$1 : _props$as, activeProp = props.active, disabled = props.disabled, eventKey = props.eventKey, className = props.className, _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "navbar-item" : _props$classPrefix, style = props.style, children = props.children, icon = props.icon, onClick = props.onClick, onSelectProp = props.onSelect, rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "onClick", "onSelect"]);
   var _useContext = react.exports.useContext(NavContext$1), activeKey = _useContext.activeKey, onSelectFromNav = _useContext.onSelect;
@@ -29054,23 +28678,15 @@ var NavbarItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
       onClick === null || onClick === void 0 ? void 0 : onClick(event);
     }
   }, [disabled, emitSelect, onClick]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues({
     ref,
     "aria-selected": active || void 0
   }, rest), {
     className: classes,
     onClick: handleClick,
     style,
-    children: [icon, children, /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Ripple$1, {}, void 0, false, {
-      fileName: _jsxFileName$j,
-      lineNumber: 57,
-      columnNumber: 36
-    }, this)]
-  }), void 0, true, {
-    fileName: _jsxFileName$j,
-    lineNumber: 50,
-    columnNumber: 23
-  }, this);
+    children: [icon, children, /* @__PURE__ */ jsx(Ripple$1, {})]
+  }));
 });
 NavbarItem.displayName = "Navbar.Item";
 NavbarItem.propTypes = {
@@ -29087,7 +28703,6 @@ NavbarItem.propTypes = {
   eventKey: PropTypes.any
 };
 var NavbarItem$1 = NavbarItem;
-var _jsxFileName$i = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Nav/NavItem.js";
 var NavItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _props$as = props.as, Component = _props$as === void 0 ? SafeAnchor$1 : _props$as, activeProp = props.active, disabled = props.disabled, eventKey = props.eventKey, className = props.className, _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "nav-item" : _props$classPrefix, style = props.style, children = props.children, icon = props.icon, divider = props.divider, panel = props.panel, onClick = props.onClick, onSelectProp = props.onSelect, rest = _objectWithoutPropertiesLoose(props, ["as", "active", "disabled", "eventKey", "className", "classPrefix", "style", "children", "icon", "divider", "panel", "onClick", "onSelect"]);
   var _useContext = react.exports.useContext(NavContext$1), activeKey = _useContext.activeKey, onSelectFromNav = _useContext.onSelect;
@@ -29110,45 +28725,29 @@ var NavItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     }
   }, [disabled, emitSelect, onClick]);
   if (sidenav) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SidenavItem$1, __spreadValues({}, props), void 0, false, {
-      fileName: _jsxFileName$i,
-      lineNumber: 65,
-      columnNumber: 25
-    }, this);
+    return /* @__PURE__ */ jsx(SidenavItem$1, __spreadValues({}, props));
   }
   if (divider) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", __spreadValues({
+    return /* @__PURE__ */ jsx("div", __spreadValues({
       ref,
       role: "separator",
       style,
       className: merge3(className, prefix2("divider"))
-    }, rest), void 0, false, {
-      fileName: _jsxFileName$i,
-      lineNumber: 69,
-      columnNumber: 25
-    }, this);
+    }, rest));
   }
   if (panel) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", __spreadProps(__spreadValues({
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({
       ref,
       style,
       className: merge3(className, prefix2("panel"))
     }, rest), {
       children
-    }), void 0, false, {
-      fileName: _jsxFileName$i,
-      lineNumber: 78,
-      columnNumber: 25
-    }, this);
+    }));
   }
   if (navbar) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(NavbarItem$1, __spreadValues({}, props), void 0, false, {
-      fileName: _jsxFileName$i,
-      lineNumber: 86,
-      columnNumber: 25
-    }, this);
+    return /* @__PURE__ */ jsx(NavbarItem$1, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues({
     ref,
     tabIndex: disabled ? -1 : void 0
   }, rest), {
@@ -29156,16 +28755,8 @@ var NavItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     onClick: handleClick,
     style,
     "aria-selected": active || void 0,
-    children: [icon, children, /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Ripple$1, {}, void 0, false, {
-      fileName: _jsxFileName$i,
-      lineNumber: 97,
-      columnNumber: 36
-    }, this)]
-  }), void 0, true, {
-    fileName: _jsxFileName$i,
-    lineNumber: 89,
-    columnNumber: 23
-  }, this);
+    children: [icon, children, /* @__PURE__ */ jsx(Ripple$1, {})]
+  }));
 });
 NavItem.displayName = "Nav.Item";
 NavItem.propTypes = {
@@ -29191,7 +28782,6 @@ function useEnsuredRef(ref) {
   }
   return dumpRef;
 }
-var _jsxFileName$h = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/rsuite/esm/Nav/Nav.js";
 var Nav = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _props$as = props.as, Component = _props$as === void 0 ? "div" : _props$as, _props$classPrefix = props.classPrefix, classPrefix = _props$classPrefix === void 0 ? "nav" : _props$classPrefix, _props$appearance = props.appearance, appearance = _props$appearance === void 0 ? "default" : _props$appearance, vertical = props.vertical, justified = props.justified, reversed = props.reversed, pullRight = props.pullRight, className = props.className, children = props.children, activeKeyProp = props.activeKey, onSelectProp = props.onSelect, rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "appearance", "vertical", "justified", "reversed", "pullRight", "className", "children", "activeKey", "onSelect"]);
   var sidenav = react.exports.useContext(SidenavContext);
@@ -29211,88 +28801,56 @@ var Nav = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var _ref2 = sidenav || {}, activeKeyFromSidenav = _ref2.activeKey, _ref$onSelect = _ref2.onSelect, onSelectFromSidenav = _ref$onSelect === void 0 ? onSelectProp : _ref$onSelect;
   var activeKey = activeKeyProp !== null && activeKeyProp !== void 0 ? activeKeyProp : activeKeyFromSidenav;
   if (sidenav !== null && sidenav !== void 0 && sidenav.expanded) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(NavContext$1.Provider, {
+    return /* @__PURE__ */ jsx(NavContext$1.Provider, {
       value: {
         withinNav: true,
         activeKey,
         onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav
       },
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("ul", __spreadProps(__spreadValues({
+      children: /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({
         ref,
         className: classes
       }, rest), {
         children
-      }), void 0, false, {
-        fileName: _jsxFileName$h,
-        lineNumber: 66,
-        columnNumber: 21
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$h,
-      lineNumber: 60,
-      columnNumber: 25
-    }, this);
+      }))
+    });
   }
   var hasWaterline = appearance !== "default";
   if (sidenav) {
-    return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(NavContext$1.Provider, {
+    return /* @__PURE__ */ jsx(NavContext$1.Provider, {
       value: {
         withinNav: true,
         activeKey,
         onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav
       },
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Menubar, {
+      children: /* @__PURE__ */ jsx(Menubar, {
         vertical: !!sidenav,
         children: function(menubar, ref2) {
-          return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+          return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues(__spreadProps(__spreadValues({
             ref: ref2
           }, rest), {
             className: classes
           }), menubar), {
             children
-          }), void 0, false, {
-            fileName: _jsxFileName$h,
-            lineNumber: 84,
-            columnNumber: 27
-          }, this);
-        }
-      }, void 0, false, {
-        fileName: _jsxFileName$h,
-        lineNumber: 81,
-        columnNumber: 21
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$h,
-      lineNumber: 75,
-      columnNumber: 25
-    }, this);
-  }
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(NavContext$1.Provider, {
+          }));
+        }
+      })
+    });
+  }
+  return /* @__PURE__ */ jsx(NavContext$1.Provider, {
     value: {
       withinNav: true,
       activeKey,
       onSelect: onSelectProp !== null && onSelectProp !== void 0 ? onSelectProp : onSelectFromSidenav
     },
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Component, __spreadProps(__spreadValues({}, rest), {
+    children: /* @__PURE__ */ jsxs(Component, __spreadProps(__spreadValues({}, rest), {
       ref: menubarRef,
       className: classes,
-      children: [children, hasWaterline && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+      children: [children, hasWaterline && /* @__PURE__ */ jsx("div", {
         className: prefix2("bar")
-      }, void 0, false, {
-        fileName: _jsxFileName$h,
-        lineNumber: 101,
-        columnNumber: 46
-      }, this)]
-    }), void 0, true, {
-      fileName: _jsxFileName$h,
-      lineNumber: 98,
-      columnNumber: 19
-    }, this)
-  }, void 0, false, {
-    fileName: _jsxFileName$h,
-    lineNumber: 92,
-    columnNumber: 23
-  }, this);
+      })]
+    }))
+  });
 });
 Nav.Dropdown = Dropdown$1;
 Nav.Item = NavItem$1;
@@ -29316,18 +28874,13 @@ function _assertThisInitialized(self2) {
   }
   return self2;
 }
-var _jsxFileName$g = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/helpers/collections/toast.tsx";
 class Toast {
   static message(props) {
-    toaster$1.push(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Message$1, __spreadProps(__spreadValues({
+    toaster$1.push(/* @__PURE__ */ jsx(Message$1, __spreadProps(__spreadValues({
       showIcon: true
     }, props), {
       children: props.content
-    }), void 0, false, {
-      fileName: _jsxFileName$g,
-      lineNumber: 9,
-      columnNumber: 7
-    }, this), {
+    })), {
       placement: props.placement || "topCenter"
     });
   }
@@ -31244,7 +30797,6 @@ var newStyled = createStyled.bind();
 tags.forEach(function(tagName) {
   newStyled[tagName] = newStyled(tagName);
 });
-var _jsxFileName$f = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/loading/index.tsx";
 const LoadingLayout = newStyled.div`
   position: fixed;
   width: 100%;
@@ -31414,10 +30966,10 @@ const LoadingLayout = newStyled.div`
   }
 `;
 const Loading = () => {
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(LoadingLayout, {
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+  return /* @__PURE__ */ jsx(LoadingLayout, {
+    children: /* @__PURE__ */ jsxs("div", {
       className: "preloader",
-      children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("svg", {
+      children: [/* @__PURE__ */ jsx("svg", {
         className: "first-svg",
         version: "1.1",
         id: "sun",
@@ -31430,109 +30982,49 @@ const Loading = () => {
         viewBox: "0 0 10 10",
         enableBackground: "new 0 0 10 10",
         xmlSpace: "preserve",
-        children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("g", {
-          children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+        children: /* @__PURE__ */ jsxs("g", {
+          children: [/* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M6.942,3.876c-0.4-0.692-1.146-1.123-1.946-1.123c-0.392,0-0.779,0.104-1.121,0.301c-1.072,0.619-1.44,1.994-0.821,3.067C3.454,6.815,4.2,7.245,5,7.245c0.392,0,0.779-0.104,1.121-0.301C6.64,6.644,7.013,6.159,7.167,5.581C7.321,5,7.243,4.396,6.942,3.876z M6.88,5.505C6.745,6.007,6.423,6.427,5.973,6.688C5.676,6.858,5.34,6.948,5,6.948c-0.695,0-1.343-0.373-1.69-0.975C2.774,5.043,3.093,3.849,4.024,3.312C4.32,3.14,4.656,3.05,4.996,3.05c0.695,0,1.342,0.374,1.69,0.975C6.946,4.476,7.015,5,6.88,5.505z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 192,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M8.759,2.828C8.718,2.757,8.626,2.732,8.556,2.774L7.345,3.473c-0.07,0.041-0.094,0.132-0.053,0.202C7.319,3.723,7.368,3.75,7.419,3.75c0.025,0,0.053-0.007,0.074-0.02l1.211-0.699C8.774,2.989,8.8,2.899,8.759,2.828z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 196,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M1.238,7.171c0.027,0.047,0.077,0.074,0.128,0.074c0.025,0,0.051-0.008,0.074-0.02l1.211-0.699c0.071-0.041,0.095-0.133,0.054-0.203S2.574,6.228,2.503,6.269l-1.21,0.699C1.221,7.009,1.197,7.101,1.238,7.171z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 200,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M6.396,2.726c0.052,0,0.102-0.026,0.13-0.075l0.349-0.605C6.915,1.976,6.89,1.885,6.819,1.844c-0.07-0.042-0.162-0.017-0.202,0.054L6.269,2.503C6.228,2.574,6.251,2.666,6.322,2.706C6.346,2.719,6.371,2.726,6.396,2.726z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 204,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M3.472,7.347L3.123,7.952c-0.041,0.07-0.017,0.162,0.054,0.203C3.2,8.169,3.226,8.175,3.25,8.175c0.052,0,0.102-0.027,0.129-0.074l0.349-0.605c0.041-0.07,0.017-0.16-0.054-0.203C3.603,7.251,3.513,7.276,3.472,7.347z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 208,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M3.601,2.726c0.025,0,0.051-0.007,0.074-0.02C3.746,2.666,3.77,2.574,3.729,2.503l-0.35-0.604C3.338,1.828,3.248,1.804,3.177,1.844C3.106,1.886,3.082,1.976,3.123,2.047l0.35,0.604C3.5,2.7,3.549,2.726,3.601,2.726z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 212,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M6.321,7.292c-0.07,0.043-0.094,0.133-0.054,0.203l0.351,0.605c0.026,0.047,0.076,0.074,0.127,0.074c0.025,0,0.051-0.006,0.074-0.02c0.072-0.041,0.096-0.133,0.055-0.203l-0.35-0.605C6.483,7.276,6.393,7.253,6.321,7.292z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 216,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M2.202,5.146c0.082,0,0.149-0.065,0.149-0.147S2.284,4.851,2.202,4.851H1.503c-0.082,0-0.148,0.066-0.148,0.148s0.066,0.147,0.148,0.147H2.202z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 220,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M8.493,4.851H7.794c-0.082,0-0.148,0.066-0.148,0.148s0.066,0.147,0.148,0.147l0,0h0.699c0.082,0,0.148-0.065,0.148-0.147S8.575,4.851,8.493,4.851L8.493,4.851z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 224,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M5.146,2.203V0.805c0-0.082-0.066-0.148-0.148-0.148c-0.082,0-0.148,0.066-0.148,0.148v1.398c0,0.082,0.066,0.149,0.148,0.149C5.08,2.352,5.146,2.285,5.146,2.203z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 228,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M4.85,7.796v1.396c0,0.082,0.066,0.15,0.148,0.15c0.082,0,0.148-0.068,0.148-0.15V7.796c0-0.082-0.066-0.148-0.148-0.148C4.917,7.647,4.85,7.714,4.85,7.796z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 232,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M2.651,3.473L1.44,2.774C1.369,2.732,1.279,2.757,1.238,2.828C1.197,2.899,1.221,2.989,1.292,3.031l1.21,0.699c0.023,0.013,0.049,0.02,0.074,0.02c0.051,0,0.101-0.026,0.129-0.075C2.747,3.604,2.722,3.514,2.651,3.473z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 236,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+          }), /* @__PURE__ */ jsx("path", {
             fill: "none",
             d: "M8.704,6.968L7.493,6.269c-0.07-0.041-0.162-0.016-0.201,0.055c-0.041,0.07-0.018,0.162,0.053,0.203l1.211,0.699c0.023,0.012,0.049,0.02,0.074,0.02c0.051,0,0.102-0.027,0.129-0.074C8.8,7.101,8.776,7.009,8.704,6.968z"
-          }, void 0, false, {
-            fileName: _jsxFileName$f,
-            lineNumber: 240,
-            columnNumber: 13
-          }, globalThis)]
-        }, void 0, true, {
-          fileName: _jsxFileName$f,
-          lineNumber: 191,
-          columnNumber: 11
-        }, globalThis)
-      }, void 0, false, {
-        fileName: _jsxFileName$f,
-        lineNumber: 177,
-        columnNumber: 9
-      }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("svg", {
+          })]
+        })
+      }), /* @__PURE__ */ jsx("svg", {
         version: "1.1",
         id: "cloud",
         xmlns: "http://www.w3.org/2000/svg",
@@ -31544,103 +31036,39 @@ const Loading = () => {
         viewBox: "0 0 10 10",
         enableBackground: "new 0 0 10 10",
         xmlSpace: "preserve",
-        children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("path", {
+        children: /* @__PURE__ */ jsx("path", {
           fill: "none",
           d: "M8.528,5.624H8.247c-0.085,0-0.156-0.068-0.156-0.154c0-0.694-0.563-1.257-1.257-1.257c-0.098,0-0.197,0.013-0.3,0.038C6.493,4.259,6.45,4.252,6.415,4.229C6.38,4.208,6.356,4.172,6.348,4.131C6.117,3.032,5.135,2.235,4.01,2.235c-1.252,0-2.297,0.979-2.379,2.23c-0.004,0.056-0.039,0.108-0.093,0.13C1.076,4.793,0.776,5.249,0.776,5.752c0,0.693,0.564,1.257,1.257,1.257h6.495c0.383,0,0.695-0.31,0.695-0.692S8.911,5.624,8.528,5.624z"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 260,
-          columnNumber: 11
-        }, globalThis)
-      }, void 0, false, {
-        fileName: _jsxFileName$f,
-        lineNumber: 247,
-        columnNumber: 9
-      }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+        })
+      }), /* @__PURE__ */ jsxs("div", {
         className: "rain",
-        children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        children: [/* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 267,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        }), /* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 268,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        }), /* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 269,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        }), /* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 270,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        }), /* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 271,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        }), /* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 272,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        }), /* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 273,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        }), /* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 274,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        }), /* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 275,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        }), /* @__PURE__ */ jsx("span", {
           className: "drop"
-        }, void 0, false, {
-          fileName: _jsxFileName$f,
-          lineNumber: 276,
-          columnNumber: 11
-        }, globalThis)]
-      }, void 0, true, {
-        fileName: _jsxFileName$f,
-        lineNumber: 266,
-        columnNumber: 9
-      }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+        })]
+      }), /* @__PURE__ */ jsx("div", {
         className: "text",
         children: "Loading......"
-      }, void 0, false, {
-        fileName: _jsxFileName$f,
-        lineNumber: 279,
-        columnNumber: 9
-      }, globalThis)]
-    }, void 0, true, {
-      fileName: _jsxFileName$f,
-      lineNumber: 176,
-      columnNumber: 7
-    }, globalThis)
-  }, void 0, false, {
-    fileName: _jsxFileName$f,
-    lineNumber: 175,
-    columnNumber: 5
-  }, globalThis);
+      })]
+    })
+  });
 };
 let index$5 = 0;
 const REPLAY_INTERVAL = 250;
@@ -31734,7 +31162,6 @@ const replay = async (status2) => {
   }
 };
 var index$4 = "";
-var _jsxFileName$e = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/_bundle.tsx";
 const LazyTreeComponent = lazy$2(async () => (await Promise.resolve().then(function() {
   return index$3;
 })).FileTree);
@@ -31873,88 +31300,40 @@ class DaoPaaS {
   }) {
     this.storeProps = props;
     this.pageDOM = container ? isHTMLElement$1(container) : this.pageDOM;
-    reactDom.exports.render(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(react.exports.Suspense, {
-      fallback: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Loading, {}, void 0, false, {
-        fileName: _jsxFileName$e,
-        lineNumber: 186,
-        columnNumber: 27
-      }, this),
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(LazyPageComponent, {}, void 0, false, {
-        fileName: _jsxFileName$e,
-        lineNumber: 188,
-        columnNumber: 9
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$e,
-      lineNumber: 186,
-      columnNumber: 7
-    }, this), this.pageDOM);
+    reactDom.exports.render(/* @__PURE__ */ jsx(react.exports.Suspense, {
+      fallback: /* @__PURE__ */ jsx(Loading, {}),
+      children: /* @__PURE__ */ jsx(LazyPageComponent, {})
+    }), this.pageDOM);
   }
   Editor({
     container,
     props
   }) {
     this.editorDOM = container ? isHTMLElement$1(container) : this.editorDOM;
-    reactDom.exports.render(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(react.exports.Suspense, {
-      fallback: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Loading, {}, void 0, false, {
-        fileName: _jsxFileName$e,
-        lineNumber: 199,
-        columnNumber: 27
-      }, this),
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(LazyEditorComponent, __spreadValues({}, props), void 0, false, {
-        fileName: _jsxFileName$e,
-        lineNumber: 200,
-        columnNumber: 9
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$e,
-      lineNumber: 199,
-      columnNumber: 7
-    }, this), this.editorDOM);
+    reactDom.exports.render(/* @__PURE__ */ jsx(react.exports.Suspense, {
+      fallback: /* @__PURE__ */ jsx(Loading, {}),
+      children: /* @__PURE__ */ jsx(LazyEditorComponent, __spreadValues({}, props))
+    }), this.editorDOM);
   }
   Shell({
     container,
     props
   }) {
     this.editorDOM = container ? isHTMLElement$1(container) : this.editorDOM;
-    reactDom.exports.render(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(react.exports.Suspense, {
-      fallback: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Loading, {}, void 0, false, {
-        fileName: _jsxFileName$e,
-        lineNumber: 210,
-        columnNumber: 27
-      }, this),
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(LazyShellComponent, __spreadValues({}, props), void 0, false, {
-        fileName: _jsxFileName$e,
-        lineNumber: 211,
-        columnNumber: 9
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$e,
-      lineNumber: 210,
-      columnNumber: 7
-    }, this), this.editorDOM);
+    reactDom.exports.render(/* @__PURE__ */ jsx(react.exports.Suspense, {
+      fallback: /* @__PURE__ */ jsx(Loading, {}),
+      children: /* @__PURE__ */ jsx(LazyShellComponent, __spreadValues({}, props))
+    }), this.editorDOM);
   }
   Tree({
     container,
     props
   }) {
     this.editorDOM = container ? isHTMLElement$1(container) : this.editorDOM;
-    reactDom.exports.render(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(react.exports.Suspense, {
-      fallback: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Loading, {}, void 0, false, {
-        fileName: _jsxFileName$e,
-        lineNumber: 221,
-        columnNumber: 27
-      }, this),
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(LazyTreeComponent, __spreadValues({}, props), void 0, false, {
-        fileName: _jsxFileName$e,
-        lineNumber: 222,
-        columnNumber: 9
-      }, this)
-    }, void 0, false, {
-      fileName: _jsxFileName$e,
-      lineNumber: 221,
-      columnNumber: 7
-    }, this), this.editorDOM);
+    reactDom.exports.render(/* @__PURE__ */ jsx(react.exports.Suspense, {
+      fallback: /* @__PURE__ */ jsx(Loading, {}),
+      children: /* @__PURE__ */ jsx(LazyTreeComponent, __spreadValues({}, props))
+    }), this.editorDOM);
   }
 }
 function isHTMLElement$1(arg) {
@@ -33235,7 +32614,6 @@ var TreeItemRenamingInput = function(props) {
     inputProps
   });
 };
-var _jsxFileName$d = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/node_modules/react-complex-tree/lib/esm/treeItem/TreeItem.js";
 var TreeItem = function(props) {
   var _a2, _b2;
   var _c2 = react.exports.useState(false), hasBeenRequested = _c2[0], setHasBeenRequested = _c2[1];
@@ -33255,23 +32633,15 @@ var TreeItem = function(props) {
     }
     return null;
   }
-  var children = item.hasChildren && isExpanded && item.children && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(TreeItemChildren, {
+  var children = item.hasChildren && isExpanded && item.children && /* @__PURE__ */ jsx(TreeItemChildren, {
     depth: props.depth + 1,
     parentId: props.itemIndex,
     children: item.children
-  }, void 0, false, {
-    fileName: _jsxFileName$d,
-    lineNumber: 26,
-    columnNumber: 72
-  }, this);
+  });
   var title = environment.getItemTitle(item);
-  var titleComponent = renamingItem === props.itemIndex ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(TreeItemRenamingInput, {
+  var titleComponent = renamingItem === props.itemIndex ? /* @__PURE__ */ jsx(TreeItemRenamingInput, {
     itemIndex: props.itemIndex
-  }, void 0, false, {
-    fileName: _jsxFileName$d,
-    lineNumber: 28,
-    columnNumber: 62
-  }, this) : renderers.renderItemTitle({
+  }) : renderers.renderItemTitle({
     info: treeInformation,
     context: renderContext,
     title,
@@ -34015,7 +33385,6 @@ AwaitingWithBuffer.prototype.transformSelection = function(selection2) {
 AwaitingWithBuffer.prototype.resend = function(client2) {
   client2.sendOperation(client2.revision, this.outstanding);
 };
-var _jsxFileName$c = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/FileTree/index.tsx";
 function addChildrenArray(children, parent2) {
   for (let i2 = 0; i2 < children.length; i2++) {
     if (children[i2].type === "DIRECTORY") {
@@ -34293,13 +33662,13 @@ const FileTree = ({
       }
     }
   }, [CRDTInfo]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     ref: treeRef,
     style: {
       height: "100%",
       overflow: "auto"
     },
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(ControlledTreeEnvironment, {
+    children: /* @__PURE__ */ jsx(ControlledTreeEnvironment, {
       canDragAndDrop: true,
       items: treeData,
       onFocusItem: (item) => setFocusedItem(item.index),
@@ -34328,61 +33697,33 @@ const FileTree = ({
         context,
         children
       }) => {
-        return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", __spreadProps(__spreadValues({}, context.itemContainerWithChildrenProps), {
+        return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({}, context.itemContainerWithChildrenProps), {
           className: ["rct-tree-item-li", context.isSelected ? "rct-tree-item-li-selected" : "", context.isExpanded ? "rct-tree-item-li-expanded" : "", context.isFocused ? "rct-tree-item-li-focused" : "", children ? "rct-tree-item-li-hasChildren" : ""].join(" "),
-          children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+          children: [/* @__PURE__ */ jsxs("div", {
             className: ["rct-tree-item-title-container", context.isSelected ? "rct-tree-item-title-container-selected" : "", context.isExpanded ? "rct-tree-item-title-container-expanded" : "", context.isFocused ? "rct-tree-item-title-container-focused" : "", children ? "rct-tree-item-title-container-hasChildren" : ""].join(" "),
             style: {
               paddingLeft: `${depth}0px`
             },
-            children: [arrow, /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", __spreadProps(__spreadValues(__spreadValues({}, context.itemContainerWithoutChildrenProps), context.interactiveElementProps), {
+            children: [arrow, /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues(__spreadValues({}, context.itemContainerWithoutChildrenProps), context.interactiveElementProps), {
               className: ["rct-tree-item-button", context.isSelected ? "rct-tree-item-button-selected" : "", context.isExpanded ? "rct-tree-item-button-expanded" : "", context.isFocused ? "rct-tree-item-button-focused" : "", children ? "rct-tree-item-button-hasChildren" : ""].join(" "),
               children: title
-            }), void 0, false, {
-              fileName: _jsxFileName$c,
-              lineNumber: 438,
-              columnNumber: 17
-            }, globalThis), remoteUserList[context.interactiveElementProps["data-rct-item-id"]] && remoteUserList[context.interactiveElementProps["data-rct-item-id"]].map((remoteUser) => /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+            })), remoteUserList[context.interactiveElementProps["data-rct-item-id"]] && remoteUserList[context.interactiveElementProps["data-rct-item-id"]].map((remoteUser) => /* @__PURE__ */ jsx("div", {
               className: "rct-tree-item-avatar rounded-full absolute border",
               style: {
                 borderColor: remoteUser.color,
                 backgroundImage: `url(${remoteUser.avatar})`
               }
-            }, remoteUser.uuid, false, {
-              fileName: _jsxFileName$c,
-              lineNumber: 457,
-              columnNumber: 21
-            }, globalThis))]
-          }, void 0, true, {
-            fileName: _jsxFileName$c,
-            lineNumber: 421,
-            columnNumber: 15
-          }, globalThis), children]
-        }), void 0, true, {
-          fileName: _jsxFileName$c,
-          lineNumber: 411,
-          columnNumber: 13
-        }, globalThis);
+            }, remoteUser.uuid))]
+          }), children]
+        }));
       },
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Tree, {
+      children: /* @__PURE__ */ jsx(Tree, {
         treeId: "tree-1",
         rootItem: "/",
         treeLabel: "File Tree"
-      }, void 0, false, {
-        fileName: _jsxFileName$c,
-        lineNumber: 472,
-        columnNumber: 9
-      }, globalThis)
-    }, void 0, false, {
-      fileName: _jsxFileName$c,
-      lineNumber: 387,
-      columnNumber: 7
-    }, globalThis)
-  }, void 0, false, {
-    fileName: _jsxFileName$c,
-    lineNumber: 386,
-    columnNumber: 5
-  }, globalThis);
+      })
+    })
+  });
 };
 var index$3 = /* @__PURE__ */ Object.freeze({
   __proto__: null,
@@ -176936,7 +176277,6 @@ function WorkerWrapper() {
     "type": "module"
   });
 }
-var _jsxFileName$b = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/Editor/index.tsx";
 self.MonacoEnvironment = {
   getWorker(_, label) {
     if (label === "json") {
@@ -177456,15 +176796,11 @@ const Editor = ({
       }
     });
   }, [USERLISTSTORE.userList, file.path]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(EditorLayout, {
+  return /* @__PURE__ */ jsx(EditorLayout, {
     ref: divEl,
     className: "editor-layout",
     userList: userListStore.getState().userList
-  }, void 0, false, {
-    fileName: _jsxFileName$b,
-    lineNumber: 1006,
-    columnNumber: 5
-  }, globalThis);
+  });
 };
 var index$2 = /* @__PURE__ */ Object.freeze({
   __proto__: null,
@@ -184521,7 +183857,6 @@ var xtermAddonFit = { exports: {} };
     })();
   });
 })(xtermAddonFit);
-var _jsxFileName$a = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/XTerm/index.tsx";
 const XTerm = (_a2) => {
   var _b2 = _a2, {
     terminal,
@@ -184587,18 +183922,13 @@ const XTerm = (_a2) => {
   react.exports.useEffect(() => {
     fitTerminal();
   }, [fitHook]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsx("div", {
       style: __spreadValues({}, stateStyle),
       ref: terminalRef
-    }, void 0, false, {
-      fileName: _jsxFileName$a,
-      lineNumber: 103,
-      columnNumber: 7
-    }, globalThis)
-  }, void 0, false);
-};
-var _jsxFileName$9 = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/Terminal/index.tsx";
+    })
+  });
+};
 const TerminalComponent = (_c2) => {
   var _d2 = _c2, {
     options
@@ -184689,32 +184019,23 @@ const TerminalComponent = (_c2) => {
       }
     }
   }, [CRDTInfo.terminal]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     id: "terminal",
     style: {
       height: "100%",
       width: "100%"
     },
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(XTerm, __spreadValues({
+    children: /* @__PURE__ */ jsx(XTerm, __spreadValues({
       terminal,
       onKey
-    }, props), void 0, false, {
-      fileName: _jsxFileName$9,
-      lineNumber: 122,
-      columnNumber: 7
-    }, globalThis)
-  }, void 0, false, {
-    fileName: _jsxFileName$9,
-    lineNumber: 121,
-    columnNumber: 5
-  }, globalThis);
+    }, props))
+  });
 };
 var index$1 = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
   "default": TerminalComponent
 });
-var _jsxFileName$8 = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/Tabs/index.tsx";
 const Tabs = (_e2) => {
   var _f2 = _e2, {
     activeKey,
@@ -184725,22 +184046,14 @@ const Tabs = (_e2) => {
     "onSelect",
     "tabItems"
   ]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Nav$1, __spreadProps(__spreadValues({}, props), {
+  return /* @__PURE__ */ jsx(Nav$1, __spreadProps(__spreadValues({}, props), {
     activeKey,
     onSelect,
-    children: tabItems.map((item) => /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Nav$1.Item, {
+    children: tabItems.map((item) => /* @__PURE__ */ jsx(Nav$1.Item, {
       eventKey: item.eventKey,
       children: item.itemName
-    }, item.eventKey, false, {
-      fileName: _jsxFileName$8,
-      lineNumber: 15,
-      columnNumber: 9
-    }, globalThis))
-  }), void 0, false, {
-    fileName: _jsxFileName$8,
-    lineNumber: 13,
-    columnNumber: 5
-  }, globalThis);
+    }, item.eventKey))
+  }));
 };
 var hyphenateRegex = /[A-Z]|^ms/g;
 var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
@@ -185041,7 +184354,6 @@ var classnames = function classnames2(args) {
 var _createEmotion = createEmotion({
   key: "css"
 }), css$1 = _createEmotion.css;
-var _jsxFileName$7 = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/Avatar/index.tsx";
 const AvatarLayout = newStyled.div`
   background: #eee;
   border-color: ${(props) => props.user.color};
@@ -185053,14 +184365,10 @@ const Avatar = (_g2) => {
   } = _h2, props = __objRest(_h2, [
     "user"
   ]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(AvatarLayout, __spreadValues({
+  return /* @__PURE__ */ jsx(AvatarLayout, __spreadValues({
     className: "rounded-full motion-safe:hover:scale-110 h-8 w-8 self-center bg-cover bg-no-repeat bg-center border-2",
     user
-  }, props), void 0, false, {
-    fileName: _jsxFileName$7,
-    lineNumber: 16,
-    columnNumber: 5
-  }, globalThis);
+  }, props));
 };
 const SkeletonThemeContext = React.createContext({});
 function SkeletonTheme(_i) {
@@ -185114,32 +184422,23 @@ function Skeleton$1(_k) {
   return React.createElement("span", { className: containerClassName, "data-testid": containerTestId, "aria-live": "polite", "aria-busy": (_b2 = styleOptions.enableAnimation) !== null && _b2 !== void 0 ? _b2 : defaultEnableAnimation }, Wrapper ? elements.map((el, i2) => React.createElement(Wrapper, { key: i2 }, el)) : elements);
 }
 var skeleton = "";
-var _jsxFileName$6 = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/Skeleton/index.tsx";
 const Skeleton = ({
   count
 }) => {
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SkeletonTheme, {
+  return /* @__PURE__ */ jsxs(SkeletonTheme, {
     baseColor: "#202020",
     highlightColor: "#444",
-    children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Skeleton$1, {
+    children: [/* @__PURE__ */ jsx(Skeleton$1, {
       wrapper: Box,
       height: 15,
       count: count ? count : 5
-    }, void 0, false, {
-      fileName: _jsxFileName$6,
-      lineNumber: 13,
-      columnNumber: 7
-    }, globalThis), ";"]
-  }, void 0, true, {
-    fileName: _jsxFileName$6,
-    lineNumber: 12,
-    columnNumber: 5
-  }, globalThis);
+    }), ";"]
+  });
 };
 function Box({
   children
 }) {
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     style: {
       display: "block",
       lineHeight: 1,
@@ -185149,13 +184448,8 @@ function Box({
       width: "100%"
     },
     children
-  }, void 0, false, {
-    fileName: _jsxFileName$6,
-    lineNumber: 25,
-    columnNumber: 5
-  }, this);
+  });
 }
-var _jsxFileName$5 = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/Console/index.tsx";
 const Console = (_m) => {
   var _n = _m, {
     options
@@ -185227,25 +184521,16 @@ const Console = (_m) => {
       initTerminalText(terminal, "");
     }
   }, [dockerStatus]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+  return /* @__PURE__ */ jsx("div", {
     style: {
       height: "100%",
       width: "100%"
     },
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(XTerm, __spreadValues({
+    children: /* @__PURE__ */ jsx(XTerm, __spreadValues({
       terminal
-    }, props), void 0, false, {
-      fileName: _jsxFileName$5,
-      lineNumber: 83,
-      columnNumber: 7
-    }, globalThis)
-  }, void 0, false, {
-    fileName: _jsxFileName$5,
-    lineNumber: 82,
-    columnNumber: 5
-  }, globalThis);
-};
-var _jsxFileName$4 = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/ToolBar/index.tsx";
+    }, props))
+  });
+};
 const ToolBarWrapper = newStyled.div`
   position: relative;
   display: flex;
@@ -185279,76 +184564,44 @@ const ButtonContent = ({
   playgroundStatus,
   dockerStatus
 }) => {
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
+  return /* @__PURE__ */ jsx(Fragment, {
     children: (() => {
       switch (playgroundStatus) {
         case "EMPTY":
-          return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-            children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+          return /* @__PURE__ */ jsxs(Fragment, {
+            children: [/* @__PURE__ */ jsx("i", {
               className: "w-5 h-5 mr-2.5 text-xl d42 loading text-white animate-spin flex justify-center items-center"
-            }, void 0, false, {
-              fileName: _jsxFileName$4,
-              lineNumber: 49,
-              columnNumber: 17
-            }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+            }), /* @__PURE__ */ jsx("div", {
               children: "\u52A0\u8F7D\u4E2D..."
-            }, void 0, false, {
-              fileName: _jsxFileName$4,
-              lineNumber: 50,
-              columnNumber: 17
-            }, globalThis)]
-          }, void 0, true);
+            })]
+          });
         case "ACTIVE":
-          return dockerStatus === "STOP" ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-            children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+          return dockerStatus === "STOP" ? /* @__PURE__ */ jsxs(Fragment, {
+            children: [/* @__PURE__ */ jsx("i", {
               className: "w-5 h-5 mr-2.5 text-xl d42 run-solid text-white flex justify-center items-center"
-            }, void 0, false, {
-              fileName: _jsxFileName$4,
-              lineNumber: 56,
-              columnNumber: 17
-            }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+            }), /* @__PURE__ */ jsx("div", {
               children: "\u8FD0\u884C"
-            }, void 0, false, {
-              fileName: _jsxFileName$4,
-              lineNumber: 57,
-              columnNumber: 17
-            }, globalThis)]
-          }, void 0, true) : dockerStatus === "RUNNING" && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-            children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+            })]
+          }) : dockerStatus === "RUNNING" && /* @__PURE__ */ jsxs(Fragment, {
+            children: [/* @__PURE__ */ jsx("i", {
               className: "w-5 h-5 mr-2.5 text-xl d42 stop text-white flex justify-center items-center"
-            }, void 0, false, {
-              fileName: _jsxFileName$4,
-              lineNumber: 62,
-              columnNumber: 19
-            }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+            }), /* @__PURE__ */ jsx("div", {
               children: "\u505C\u6B62\u8FD0\u884C"
-            }, void 0, false, {
-              fileName: _jsxFileName$4,
-              lineNumber: 63,
-              columnNumber: 19
-            }, globalThis)]
-          }, void 0, true);
+            })]
+          });
         case "INACTIVE":
-          return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-            children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+          return /* @__PURE__ */ jsxs(Fragment, {
+            children: [/* @__PURE__ */ jsx("i", {
               className: "w-5 h-5 mr-2.5 self-center text-xl d42 cloud-offline-outline flex justify-center items-center"
-            }, void 0, false, {
-              fileName: _jsxFileName$4,
-              lineNumber: 70,
-              columnNumber: 17
-            }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+            }), /* @__PURE__ */ jsx("div", {
               children: "\u6FC0\u6D3B"
-            }, void 0, false, {
-              fileName: _jsxFileName$4,
-              lineNumber: 71,
-              columnNumber: 17
-            }, globalThis)]
-          }, void 0, true);
+            })]
+          });
         default:
-          return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {}, void 0, false);
+          return /* @__PURE__ */ jsx(Fragment, {});
       }
     })()
-  }, void 0, false);
+  });
 };
 const ToolBar = (_o) => {
   var props = __objRest(_o, []);
@@ -185395,49 +184648,28 @@ const ToolBar = (_o) => {
       return connection2.downlink * 1024 / 8;
     }
   };
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(ToolBarWrapper, {
-    children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(ButtonWrapper, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsxs(ToolBarWrapper, {
+    children: [/* @__PURE__ */ jsx(ButtonWrapper, __spreadProps(__spreadValues({
       onClick: playgroundStatus === "INACTIVE" || dockerStatus === "STOP" ? onRun : onStop,
       className: [playgroundStatus === "EMPTY" ? "disabled" : "", playgroundStatus === "ACTIVE" && dockerStatus === "RUNNING" ? "pro-running" : ""].join(" ")
     }, props), {
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(ButtonContent, {
+      children: /* @__PURE__ */ jsx(ButtonContent, {
         playgroundStatus,
         dockerStatus
-      }, void 0, false, {
-        fileName: _jsxFileName$4,
-        lineNumber: 152,
-        columnNumber: 9
-      }, globalThis)
-    }), void 0, false, {
-      fileName: _jsxFileName$4,
-      lineNumber: 138,
-      columnNumber: 7
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+      })
+    })), /* @__PURE__ */ jsx("i", {
       className: "d42 offline text-xl text-white absolute animate-pulse -right-2",
       style: {
         display: netStatus === "OFFLINE" ? "block" : "none"
       }
-    }, void 0, false, {
-      fileName: _jsxFileName$4,
-      lineNumber: 157,
-      columnNumber: 7
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+    }), /* @__PURE__ */ jsx("i", {
       className: "d42 loading text-xl text-white animate-spin absolute -right-2",
       style: {
         display: netStatus === "WEAK_NET" ? "block" : "none"
       }
-    }, void 0, false, {
-      fileName: _jsxFileName$4,
-      lineNumber: 161,
-      columnNumber: 7
-    }, globalThis)]
-  }, void 0, true, {
-    fileName: _jsxFileName$4,
-    lineNumber: 137,
-    columnNumber: 5
-  }, globalThis);
-};
-var _jsxFileName$3 = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/OutputBrowser/index.tsx";
+    })]
+  });
+};
 const PROTOCOL = "https://";
 const NavBar = newStyled.div`
   background-color: white;
@@ -185544,61 +184776,33 @@ const OutputBrowser = (_p) => {
       }
     }
   }, [playgroundStatus, dockerStatus]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-    children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(NavBar, {
-      children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsxs(NavBar, {
+      children: [/* @__PURE__ */ jsx("i", {
         className: "d42 text-xl reload cursor-pointer",
         onClick: onRefresh
-      }, void 0, false, {
-        fileName: _jsxFileName$3,
-        lineNumber: 154,
-        columnNumber: 9
-      }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("input", {
+      }), /* @__PURE__ */ jsx("input", {
         type: "text",
         value: iframeSrc,
         onChange: (e2) => setIframeSrc(e2.target.value),
         onKeyDown: onEnterKey
-      }, void 0, false, {
-        fileName: _jsxFileName$3,
-        lineNumber: 155,
-        columnNumber: 9
-      }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+      }), /* @__PURE__ */ jsx("i", {
         className: "d42 text-xl file-copy cursor-pointer",
         onClick: onOpenInNewTab
-      }, void 0, false, {
-        fileName: _jsxFileName$3,
-        lineNumber: 161,
-        columnNumber: 9
-      }, globalThis)]
-    }, void 0, true, {
-      fileName: _jsxFileName$3,
-      lineNumber: 145,
-      columnNumber: 7
-    }, globalThis), dockerStatus === "STOP" && /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(StopMask, {
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+      })]
+    }), dockerStatus === "STOP" && /* @__PURE__ */ jsx(StopMask, {
+      children: /* @__PURE__ */ jsx("span", {
         children: "\u70B9\u51FB\u201C\u8FD0\u884C\u201D\uFF0C\u542F\u52A8\u5E94\u7528"
-      }, void 0, false, {
-        fileName: _jsxFileName$3,
-        lineNumber: 168,
-        columnNumber: 11
-      }, globalThis)
-    }, void 0, false, {
-      fileName: _jsxFileName$3,
-      lineNumber: 167,
-      columnNumber: 9
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("iframe", {
+      })
+    }), /* @__PURE__ */ jsx("iframe", {
       ref: iframeRef,
       src: iframeSrc,
       style: {
         width: "100%",
         height: "calc(100% - 30px)"
       }
-    }, void 0, false, {
-      fileName: _jsxFileName$3,
-      lineNumber: 171,
-      columnNumber: 7
-    }, globalThis)]
-  }, void 0, true);
+    })]
+  });
 };
 var loglevel = { exports: {} };
 (function(module2) {
@@ -226708,7 +225912,7 @@ var hls = { exports: {} };
           return BaseSegment;
         });
         __webpack_require__.d(__webpack_exports__, "Fragment", function() {
-          return Fragment;
+          return Fragment2;
         });
         __webpack_require__.d(__webpack_exports__, "Part", function() {
           return Part;
@@ -226809,9 +226013,9 @@ var hls = { exports: {} };
           }]);
           return BaseSegment2;
         }();
-        var Fragment = /* @__PURE__ */ function(_BaseSegment) {
-          _inheritsLoose2(Fragment2, _BaseSegment);
-          function Fragment2(type, baseurl) {
+        var Fragment2 = /* @__PURE__ */ function(_BaseSegment) {
+          _inheritsLoose2(Fragment3, _BaseSegment);
+          function Fragment3(type, baseurl) {
             var _this;
             _this = _BaseSegment.call(this, baseurl) || this;
             _this._decryptdata = null;
@@ -226843,7 +226047,7 @@ var hls = { exports: {} };
             _this.type = type;
             return _this;
           }
-          var _proto2 = Fragment2.prototype;
+          var _proto2 = Fragment3.prototype;
           _proto2.createInitializationVector = function createInitializationVector(segmentNumber) {
             var uint8View = new Uint8Array(16);
             for (var i2 = 12; i2 < 16; i2++) {
@@ -226888,7 +226092,7 @@ var hls = { exports: {} };
             elementaryStreams[ElementaryStreamTypes.VIDEO] = null;
             elementaryStreams[ElementaryStreamTypes.AUDIOVIDEO] = null;
           };
-          _createClass(Fragment2, [{
+          _createClass(Fragment3, [{
             key: "decryptdata",
             get: function get2() {
               if (!this.levelkey && !this._decryptdata) {
@@ -226933,7 +226137,7 @@ var hls = { exports: {} };
               return false;
             }
           }]);
-          return Fragment2;
+          return Fragment3;
         }(BaseSegment);
         var Part = /* @__PURE__ */ function(_BaseSegment2) {
           _inheritsLoose2(Part2, _BaseSegment2);
@@ -234577,7 +233781,6 @@ var s = function() {
     return this.map[t3] = i2, i2;
   }, t2;
 }();
-var _jsxFileName$2 = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/LiveContent/video.tsx";
 const VideoWrapper = newStyled.div`
   position: relative;
   min-width: 300px;
@@ -234617,63 +233820,39 @@ const MicroPhoneComponent = ({
   onCloseAudio,
   onOpenAudio
 }) => {
-  return audioOpening ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+  return audioOpening ? /* @__PURE__ */ jsx("i", {
     className: "d42 microphone",
     onClick: onCloseAudio
-  }, void 0, false, {
-    fileName: _jsxFileName$2,
-    lineNumber: 62,
-    columnNumber: 5
-  }, globalThis) : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+  }) : /* @__PURE__ */ jsx("i", {
     className: "d42 microphone-off",
     onClick: onOpenAudio
-  }, void 0, false, {
-    fileName: _jsxFileName$2,
-    lineNumber: 64,
-    columnNumber: 5
-  }, globalThis);
+  });
 };
 const VideoPlayingComponent = ({
   videoPlaying,
   onCloseVideo,
   onOpenVideo
 }) => {
-  return videoPlaying ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+  return videoPlaying ? /* @__PURE__ */ jsx("i", {
     className: "d42 video-off",
     onClick: onCloseVideo
-  }, void 0, false, {
-    fileName: _jsxFileName$2,
-    lineNumber: 74,
-    columnNumber: 5
-  }, globalThis) : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+  }) : /* @__PURE__ */ jsx("i", {
     className: "d42 video",
     onClick: onOpenVideo
-  }, void 0, false, {
-    fileName: _jsxFileName$2,
-    lineNumber: 76,
-    columnNumber: 5
-  }, globalThis);
+  });
 };
 const RecordComponent = ({
   recording,
   onStopRecord,
   onStartRecord
 }) => {
-  return recording ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+  return recording ? /* @__PURE__ */ jsx("i", {
     className: "d42 stop text-red-600",
     onClick: onStopRecord
-  }, void 0, false, {
-    fileName: _jsxFileName$2,
-    lineNumber: 86,
-    columnNumber: 5
-  }, globalThis) : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+  }) : /* @__PURE__ */ jsx("i", {
     className: "d42 record text-red-600",
     onClick: onStartRecord
-  }, void 0, false, {
-    fileName: _jsxFileName$2,
-    lineNumber: 88,
-    columnNumber: 5
-  }, globalThis);
+  });
 };
 const VideoComponent = ({
   userMedia,
@@ -234749,67 +233928,34 @@ const VideoComponent = ({
       return;
     }
   }, [rtc, segmentId]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(VideoWrapper, {
-    children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+  return /* @__PURE__ */ jsxs(VideoWrapper, {
+    children: [/* @__PURE__ */ jsx("div", {
       className: "absolute text-red-600 top-1 right-3 z-10 cursor-pointer",
       onClick: closeWindow,
       children: "x"
-    }, void 0, false, {
-      fileName: _jsxFileName$2,
-      lineNumber: 178,
-      columnNumber: 7
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("video", {
+    }), /* @__PURE__ */ jsx("video", {
       id: "video-" + currentId
-    }, void 0, false, {
-      fileName: _jsxFileName$2,
-      lineNumber: 184,
-      columnNumber: 7
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("audio", {
+    }), /* @__PURE__ */ jsx("audio", {
       id: "audio-" + currentId
-    }, void 0, false, {
-      fileName: _jsxFileName$2,
-      lineNumber: 185,
-      columnNumber: 7
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(ToolMask, {
-      children: isRemote ? "\u97F3\u91CF" : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-        children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(MicroPhoneComponent, {
+    }), /* @__PURE__ */ jsx(ToolMask, {
+      children: isRemote ? "\u97F3\u91CF" : /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx(MicroPhoneComponent, {
           audioOpening,
           onOpenAudio,
           onCloseAudio
-        }, void 0, false, {
-          fileName: _jsxFileName$2,
-          lineNumber: 191,
-          columnNumber: 13
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(VideoPlayingComponent, {
+        }), /* @__PURE__ */ jsx(VideoPlayingComponent, {
           videoPlaying,
           onOpenVideo,
           onCloseVideo
-        }, void 0, false, {
-          fileName: _jsxFileName$2,
-          lineNumber: 196,
-          columnNumber: 13
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(RecordComponent, {
+        }), /* @__PURE__ */ jsx(RecordComponent, {
           recording,
           onStartRecord,
           onStopRecord
-        }, void 0, false, {
-          fileName: _jsxFileName$2,
-          lineNumber: 201,
-          columnNumber: 13
-        }, globalThis)]
-      }, void 0, true)
-    }, void 0, false, {
-      fileName: _jsxFileName$2,
-      lineNumber: 186,
-      columnNumber: 7
-    }, globalThis)]
-  }, void 0, true, {
-    fileName: _jsxFileName$2,
-    lineNumber: 177,
-    columnNumber: 5
-  }, globalThis);
-};
-var _jsxFileName$1 = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/components/LiveContent/index.tsx";
+        })]
+      })
+    })]
+  });
+};
 const LiveLayout = newStyled.div`
   button {
     color: #fff;
@@ -234938,47 +234084,31 @@ const LiveContent = ({}) => {
   react.exports.useEffect(() => {
     initRTC();
   }, []);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(LiveLayout, {
+  return /* @__PURE__ */ jsxs(LiveLayout, {
     className: "flex items-center",
-    children: [joining ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-      children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", {
+    children: [joining ? /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx("button", {
         className: "button",
         onClick: () => joinOrLeaveHome(d42rtc, false),
         children: "\u79BB\u5F00\u623F\u95F4"
-      }, void 0, false, {
-        fileName: _jsxFileName$1,
-        lineNumber: 178,
-        columnNumber: 11
-      }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", {
+      }), /* @__PURE__ */ jsx("button", {
         className: "button",
         onClick: () => startVideo(d42rtc),
         children: "\u53D1\u8D77\u89C6\u9891"
-      }, void 0, false, {
-        fileName: _jsxFileName$1,
-        lineNumber: 184,
-        columnNumber: 11
-      }, globalThis)]
-    }, void 0, true) : /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", {
+      })]
+    }) : /* @__PURE__ */ jsx("button", {
       className: "button",
       onClick: () => joinOrLeaveHome(d42rtc, true),
       children: "\u52A0\u5165\u623F\u95F4"
-    }, void 0, false, {
-      fileName: _jsxFileName$1,
-      lineNumber: 189,
-      columnNumber: 9
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", {
+    }), /* @__PURE__ */ jsx("button", {
       className: "button",
       onClick: replayMedia,
       children: "\u89C6\u9891\u56DE\u653E"
-    }, void 0, false, {
-      fileName: _jsxFileName$1,
-      lineNumber: 196,
-      columnNumber: 7
-    }, globalThis), ReactDOM.createPortal(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(VideoLayout, {
+    }), ReactDOM.createPortal(/* @__PURE__ */ jsx(VideoLayout, {
       style: {
         display: visible ? "block" : "none"
       },
-      children: callingUserMedias.map((item, index2) => /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(VideoComponent, {
+      children: callingUserMedias.map((item, index2) => /* @__PURE__ */ jsx(VideoComponent, {
         userMedia: item,
         isRemote: !IsMe({
           uuid: item.id
@@ -234989,23 +234119,10 @@ const LiveContent = ({}) => {
         closeVideoWindow,
         replaying,
         segmentId: segmentId[index2]
-      }, item.id, false, {
-        fileName: _jsxFileName$1,
-        lineNumber: 202,
-        columnNumber: 13
-      }, globalThis))
-    }, void 0, false, {
-      fileName: _jsxFileName$1,
-      lineNumber: 200,
-      columnNumber: 9
-    }, globalThis), document.body)]
-  }, void 0, true, {
-    fileName: _jsxFileName$1,
-    lineNumber: 175,
-    columnNumber: 5
-  }, globalThis);
-};
-var _jsxFileName = "/Users/NewItem/Documents/WorkSpace/d42paas_frontend/packages/client/src/pages/index.tsx";
+      }, item.id))
+    }), document.body)]
+  });
+};
 var LanguageIcon;
 (function(LanguageIcon2) {
   LanguageIcon2["js"] = "javascript";
@@ -235109,18 +234226,14 @@ const Index = (props) => {
     socket: socket2
   } = useOT.getState();
   let terminalTabsTimer = 1;
-  const [consoleComp, setConsoleComp] = react.exports.useState(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {}, void 0, false));
+  const [consoleComp, setConsoleComp] = react.exports.useState(/* @__PURE__ */ jsx(Fragment, {}));
   react.exports.useEffect(() => {
     if (terminalTabsTimer && active === "console") {
       terminalTabsTimer--;
-      setConsoleComp(/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Console, {
+      setConsoleComp(/* @__PURE__ */ jsx(Console, {
         options: defaultOptions2,
         fitHook: isFolded
-      }, void 0, false, {
-        fileName: _jsxFileName,
-        lineNumber: 154,
-        columnNumber: 22
-      }, globalThis));
+      }));
     }
   }, [active]);
   react.exports.useEffect(() => {
@@ -235135,93 +234248,41 @@ const Index = (props) => {
       playgroundId: props.playgroundId
     })));
   }, [props.playgroundId]);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(jsxDevRuntime.exports.Fragment, {
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(MainLayout, {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsxs(MainLayout, {
       className: "flex flex-col",
-      children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(HeaderComponent, {}, void 0, false, {
-        fileName: _jsxFileName,
-        lineNumber: 189,
-        columnNumber: 9
-      }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(ContainerLayout, {
+      children: [/* @__PURE__ */ jsx(HeaderComponent, {}), /* @__PURE__ */ jsxs(ContainerLayout, {
         className: "flex flex-1 mt-2.5 flex-row",
-        children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("section", {
+        children: [/* @__PURE__ */ jsxs("section", {
           className: "flex flex-row",
-          children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(SliderComponent, {}, void 0, false, {
-            fileName: _jsxFileName,
-            lineNumber: 195,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(TreeComponent, {}, void 0, false, {
-            fileName: _jsxFileName,
-            lineNumber: 196,
-            columnNumber: 13
-          }, globalThis)]
-        }, void 0, true, {
-          fileName: _jsxFileName,
-          lineNumber: 194,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("section", {
+          children: [/* @__PURE__ */ jsx(SliderComponent, {}), /* @__PURE__ */ jsx(TreeComponent, {})]
+        }), /* @__PURE__ */ jsx("section", {
           className: "bg-codezone-black rounded-sm mx-3.5 flex-1 flex flex-col",
-          children: playgroundInfo.dockerId ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(IDELayout, {
-            children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(react.exports.Suspense, {
-              fallback: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Skeleton, {
+          children: playgroundInfo.dockerId ? /* @__PURE__ */ jsx(IDELayout, {
+            children: /* @__PURE__ */ jsx(react.exports.Suspense, {
+              fallback: /* @__PURE__ */ jsx(Skeleton, {
                 count: 10
-              }, void 0, false, {
-                fileName: _jsxFileName,
-                lineNumber: 204,
-                columnNumber: 37
-              }, globalThis),
-              children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Editor, {}, void 0, false, {
-                fileName: _jsxFileName,
-                lineNumber: 205,
-                columnNumber: 19
-              }, globalThis)
-            }, void 0, false, {
-              fileName: _jsxFileName,
-              lineNumber: 204,
-              columnNumber: 17
-            }, globalThis)
-          }, void 0, false, {
-            fileName: _jsxFileName,
-            lineNumber: 202,
-            columnNumber: 15
-          }, globalThis) : null
-        }, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 200,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(RunnerLayout, {
+              }),
+              children: /* @__PURE__ */ jsx(Editor, {})
+            })
+          }) : null
+        }), /* @__PURE__ */ jsxs(RunnerLayout, {
           className: `rounded-sm mr-2.5`,
-          children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(PreviewWrapper, {
+          children: [/* @__PURE__ */ jsx(PreviewWrapper, {
             className: "mb-2.5 relative",
-            children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(OutputBrowser, {
+            children: /* @__PURE__ */ jsx(OutputBrowser, {
               url: url2
-            }, void 0, false, {
-              fileName: _jsxFileName,
-              lineNumber: 217,
-              columnNumber: 15
-            }, globalThis)
-          }, void 0, false, {
-            fileName: _jsxFileName,
-            lineNumber: 216,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Tabs, {
+            })
+          }), /* @__PURE__ */ jsx(Tabs, {
             className: "mb-1",
             appearance: "tabs",
             activeKey: active,
             onSelect: setActive,
             tabItems
-          }, void 0, false, {
-            fileName: _jsxFileName,
-            lineNumber: 220,
-            columnNumber: 13
-          }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(react.exports.Suspense, {
-            fallback: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Skeleton, {}, void 0, false, {
-              fileName: _jsxFileName,
-              lineNumber: 227,
-              columnNumber: 33
-            }, globalThis),
-            children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(TermWrapper, {
-              children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+          }), /* @__PURE__ */ jsx(react.exports.Suspense, {
+            fallback: /* @__PURE__ */ jsx(Skeleton, {}),
+            children: /* @__PURE__ */ jsxs(TermWrapper, {
+              children: [/* @__PURE__ */ jsx("div", {
                 className: "",
                 style: {
                   display: active === "console" ? "block" : "none",
@@ -235229,55 +234290,23 @@ const Index = (props) => {
                   width: "100%"
                 },
                 children: consoleComp
-              }, "console", false, {
-                fileName: _jsxFileName,
-                lineNumber: 229,
-                columnNumber: 17
-              }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+              }, "console"), /* @__PURE__ */ jsx("div", {
                 style: {
                   display: active === "console" ? "none" : "block",
                   height: "100%",
                   width: "100%"
                 },
-                children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(TerminalComponent, {
+                children: /* @__PURE__ */ jsx(TerminalComponent, {
                   options: defaultOptions2,
                   fitHook: isFolded
-                }, void 0, false, {
-                  fileName: _jsxFileName,
-                  lineNumber: 248,
-                  columnNumber: 19
-                }, globalThis)
-              }, "terminal", false, {
-                fileName: _jsxFileName,
-                lineNumber: 240,
-                columnNumber: 17
-              }, globalThis)]
-            }, void 0, true, {
-              fileName: _jsxFileName,
-              lineNumber: 228,
-              columnNumber: 15
-            }, globalThis)
-          }, void 0, false, {
-            fileName: _jsxFileName,
-            lineNumber: 227,
-            columnNumber: 13
-          }, globalThis)]
-        }, void 0, true, {
-          fileName: _jsxFileName,
-          lineNumber: 212,
-          columnNumber: 11
-        }, globalThis)]
-      }, void 0, true, {
-        fileName: _jsxFileName,
-        lineNumber: 191,
-        columnNumber: 9
-      }, globalThis)]
-    }, void 0, true, {
-      fileName: _jsxFileName,
-      lineNumber: 187,
-      columnNumber: 7
-    }, globalThis)
-  }, void 0, false);
+                })
+              }, "terminal")]
+            })
+          })]
+        })]
+      })]
+    })
+  });
 };
 const HeaderComponent = () => {
   var _a2, _b2;
@@ -235288,11 +234317,11 @@ const HeaderComponent = () => {
     setAppStatus
   } = oTStore.getState();
   const user = userStore.getState().userInfo;
-  return userList ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(HeaderLayout, {
+  return userList ? /* @__PURE__ */ jsxs(HeaderLayout, {
     className: "relative bg-codezone-black h-16 flex px-9 flex-shrink-0 justify-between",
-    children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+    children: [/* @__PURE__ */ jsxs("div", {
       className: "flex",
-      children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Avatar, {
+      children: [/* @__PURE__ */ jsx(Avatar, {
         user,
         onClick: () => {
           const minePage = window.open("//github.com/login/oauth/authorize?client_id=7333fa72cf5753ba016e&redirect_uri=http://localhost:3000/auth/github", "targetWindow", `toolbar=no,
@@ -235307,47 +234336,27 @@ const HeaderComponent = () => {
             minePage.close();
           }, false);
         }
-      }, void 0, false, {
-        fileName: _jsxFileName,
-        lineNumber: 271,
-        columnNumber: 9
-      }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+      }), /* @__PURE__ */ jsxs("div", {
         className: "flex",
         style: {
           color: "#fff",
           marginLeft: 20
         },
-        children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("span", {
+        children: [/* @__PURE__ */ jsx("span", {
           className: "self-center",
           children: user.name
-        }, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 297,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+        }), /* @__PURE__ */ jsx("i", {
           className: "self-center",
           style: {
             margin: "0 10px"
           }
-        }, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 298,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+        }), /* @__PURE__ */ jsx("i", {
           className: `self-center
 
               devicon-${(_b2 = (_a2 = oTStore.getState().playgroundInfo) == null ? void 0 : _a2.language) == null ? void 0 : _b2.toLowerCase()}-plain
             lan-iconfont
             colored`
-        }, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 299,
-          columnNumber: 11
-        }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(ToolBar, {}, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 311,
-          columnNumber: 11
-        }, globalThis), !globalData.isRecording ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", {
+        }), /* @__PURE__ */ jsx(ToolBar, {}), !globalData.isRecording ? /* @__PURE__ */ jsx("button", {
           className: "replay-button self-center",
           style: {
             color: appStatus === "replay" ? "rgb(48, 89, 182)" : "#000"
@@ -235361,21 +234370,13 @@ const HeaderComponent = () => {
             }
           },
           children: appStatus === "replay" ? "\u6682\u505C\u64AD\u653E" : appStatus === "pause" ? "\u7EE7\u7EED\u64AD\u653E" : "\u64AD\u653E"
-        }, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 313,
-          columnNumber: 13
-        }, globalThis) : null, appStatus === "replay" ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", {
+        }) : null, appStatus === "replay" ? /* @__PURE__ */ jsx("button", {
           className: "replay-button self-center",
           onClick: () => {
             replay("stop");
           },
           children: appStatus === "replay" ? "\u505C\u6B62\u64AD\u653E" : null
-        }, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 337,
-          columnNumber: 13
-        }, globalThis) : null, appStatus !== "replay" ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", {
+        }) : null, appStatus !== "replay" ? /* @__PURE__ */ jsx("button", {
           className: "replay-button self-center",
           onClick: () => {
             if (!globalData.isRecording) {
@@ -235389,11 +234390,7 @@ const HeaderComponent = () => {
             }
           },
           children: globalData.isRecording ? "\u91CD\u65B0\u5F55\u5236" : "\u5F00\u59CB\u5F55\u5236"
-        }, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 348,
-          columnNumber: 13
-        }, globalThis) : null, globalData.isRecording ? /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("button", {
+        }) : null, globalData.isRecording ? /* @__PURE__ */ jsx("button", {
           className: "replay-button self-center",
           onClick: () => {
             oTStore.getState().setGlobalData({
@@ -235405,119 +234402,55 @@ const HeaderComponent = () => {
             setAppStatus("code");
           },
           children: "\u505C\u6B62\u5F55\u5236"
-        }, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 376,
-          columnNumber: 13
-        }, globalThis) : null]
-      }, void 0, true, {
-        fileName: _jsxFileName,
-        lineNumber: 296,
-        columnNumber: 9
-      }, globalThis)]
-    }, void 0, true, {
-      fileName: _jsxFileName,
-      lineNumber: 270,
-      columnNumber: 7
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(LiveContent, {}, void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 394,
-      columnNumber: 7
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+        }) : null]
+      })]
+    }), /* @__PURE__ */ jsx(LiveContent, {}), /* @__PURE__ */ jsx("div", {
       className: "items-center flex relative",
       children: userListStore.getState().userList.map((item, index2) => {
-        return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+        return /* @__PURE__ */ jsx("div", {
           className: "-ml-2.5 z-0 avatar-hover",
-          children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Avatar, {
+          children: /* @__PURE__ */ jsx(Avatar, {
             user: item
-          }, void 0, false, {
-            fileName: _jsxFileName,
-            lineNumber: 400,
-            columnNumber: 15
-          }, globalThis)
-        }, index2, false, {
-          fileName: _jsxFileName,
-          lineNumber: 399,
-          columnNumber: 13
-        }, globalThis);
+          })
+        }, index2);
       })
-    }, void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 396,
-      columnNumber: 7
-    }, globalThis)]
-  }, void 0, true, {
-    fileName: _jsxFileName,
-    lineNumber: 269,
-    columnNumber: 5
-  }, globalThis) : null;
+    })]
+  }) : null;
 };
 const SliderComponent = () => {
   const setFold = useIndexState((state) => state.setFold);
   const isFolded = useIndexState((state) => state.isFolded);
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("section", {
+  return /* @__PURE__ */ jsx("section", {
     className: "bg-codezone-black rounded-sm w-14 ml-2.5 flex flex-col pt-5 flex-shrink-0",
-    children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("i", {
+    children: /* @__PURE__ */ jsx("i", {
       onClick: () => setFold(!isFolded),
       className: "cursor-pointer text-2xl text-gray-50 self-center mb-6 flex-center d42 snippets"
-    }, void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 415,
-      columnNumber: 7
-    }, globalThis)
-  }, void 0, false, {
-    fileName: _jsxFileName,
-    lineNumber: 414,
-    columnNumber: 5
-  }, globalThis);
+    })
+  });
 };
 const TreeComponent = () => {
   const isFolded = useIndexState.getState().isFolded;
-  return /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("section", {
+  return /* @__PURE__ */ jsxs("section", {
     className: `bg-codezone-black rounded-sm ml-2.5 transition-all flex-shrink-0 min-w-52 ${!isFolded ? "visible" : "invisible"} ${!isFolded ? "w-52" : "w-0"}`,
-    children: [/* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("header", {
+    children: [/* @__PURE__ */ jsx("header", {
       className: css$1`
           margin: 15px;
           color: #fff;
           visibility: ${!isFolded ? "visible" : "hidden"};
         `,
       children: "\u6587\u4EF6"
-    }, void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 437,
-      columnNumber: 7
-    }, globalThis), /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV("div", {
+    }), /* @__PURE__ */ jsx("div", {
       style: {
         height: "calc(100% - 52px)"
       },
-      children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(react.exports.Suspense, {
-        fallback: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(Skeleton, {
+      children: /* @__PURE__ */ jsx(react.exports.Suspense, {
+        fallback: /* @__PURE__ */ jsx(Skeleton, {
           count: 5
-        }, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 447,
-          columnNumber: 29
-        }, globalThis),
-        children: /* @__PURE__ */ jsxDevRuntime.exports.jsxDEV(FileTree, {}, void 0, false, {
-          fileName: _jsxFileName,
-          lineNumber: 448,
-          columnNumber: 11
-        }, globalThis)
-      }, void 0, false, {
-        fileName: _jsxFileName,
-        lineNumber: 447,
-        columnNumber: 9
-      }, globalThis)
-    }, void 0, false, {
-      fileName: _jsxFileName,
-      lineNumber: 446,
-      columnNumber: 7
-    }, globalThis)]
-  }, void 0, true, {
-    fileName: _jsxFileName,
-    lineNumber: 431,
-    columnNumber: 5
-  }, globalThis);
+        }),
+        children: /* @__PURE__ */ jsx(FileTree, {})
+      })
+    })]
+  });
 };
 var index = /* @__PURE__ */ Object.freeze({
   __proto__: null,