superleap-code-editor 1.0.3 → 1.0.4

package/dist/index.esm.js

@@ -1,8 +1,8 @@
-import ne, { useState as $, useCallback as A, useEffect as Oe } from "react";
-import yr from "@monaco-editor/react";
-import { Tooltip as Pe, Button as te, Splitter as k, Alert as Er, Tree as br } from "antd";
-import { Alert as Hr, Button as Xr, Splitter as Zr, Tooltip as Qr, Tree as et } from "antd";
-import { IconFolderOpen as Ae, IconDatabase as xr, IconCode as Fr, IconHistory as Rr, IconFlask as wr, IconSettings as _r, IconPlus as jr, IconFile as Cr } from "@tabler/icons-react";
+import ne, { useState as $, useCallback as D, useEffect as Oe } from "react";
+import xr from "@monaco-editor/react";
+import { Tooltip as Pe, Button as te, Splitter as k, Alert as br, Tree as Er } from "antd";
+import { Alert as tt, Button as nt, Splitter as it, Tooltip as at, Tree as ot } from "antd";
+import { IconFolderOpen as De, IconDatabase as jr, IconCode as Fr, IconHistory as Ae, IconFlask as Rr, IconSettings as wr, IconPlus as _r, IconFile as Cr, IconEyeOff as Tr, IconEye as Sr, IconPlayerPlay as Or, IconDownload as Pr, IconDeviceFloppy as kr } from "@tabler/icons-react";
 var q = { exports: {} }, L = {};
 /**
  * @license React
@@ -14,20 +14,20 @@ var q = { exports: {} }, L = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ke;
-function Tr() {
+function Nr() {
   if (ke) return L;
   ke = 1;
-  var o = ne, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, d = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, b = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function x(F, m, j) {
-    var u, R = {}, w = null, S = null;
-    j !== void 0 && (w = "" + j), m.key !== void 0 && (w = "" + m.key), m.ref !== void 0 && (S = m.ref);
-    for (u in m) i.call(m, u) && !b.hasOwnProperty(u) && (R[u] = m[u]);
-    if (F && F.defaultProps) for (u in m = F.defaultProps, m) R[u] === void 0 && (R[u] = m[u]);
-    return { $$typeof: t, type: F, key: w, ref: S, props: R, _owner: d.current };
+  var s = ne, t = Symbol.for("react.element"), i = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, b = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function E(j, p, _) {
+    var u, F = {}, R = null, S = null;
+    _ !== void 0 && (R = "" + _), p.key !== void 0 && (R = "" + p.key), p.ref !== void 0 && (S = p.ref);
+    for (u in p) a.call(p, u) && !b.hasOwnProperty(u) && (F[u] = p[u]);
+    if (j && j.defaultProps) for (u in p = j.defaultProps, p) F[u] === void 0 && (F[u] = p[u]);
+    return { $$typeof: t, type: j, key: R, ref: S, props: F, _owner: d.current };
   }
-  return L.Fragment = a, L.jsx = x, L.jsxs = x, L;
+  return L.Fragment = i, L.jsx = E, L.jsxs = E, L;
 }
-var W = {};
+var z = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,47 +37,47 @@ var W = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ie;
-function Sr() {
-  return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && (function() {
-    var o = ne, t = Symbol.for("react.element"), a = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.provider"), F = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), B = Symbol.iterator, J = "@@iterator";
-    function G(e) {
+var Ne;
+function Ir() {
+  return Ne || (Ne = 1, process.env.NODE_ENV !== "production" && (function() {
+    var s = ne, t = Symbol.for("react.element"), i = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), d = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), E = Symbol.for("react.provider"), j = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), F = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), W = Symbol.iterator, J = "@@iterator";
+    function H(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = B && e[B] || e[J];
+      var r = W && e[W] || e[J];
       return typeof r == "function" ? r : null;
     }
-    var g = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var g = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function h(e) {
       {
-        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), s = 1; s < r; s++)
-          n[s - 1] = arguments[s];
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), l = 1; l < r; l++)
+          n[l - 1] = arguments[l];
         We("error", e, n);
       }
     }
     function We(e, r, n) {
       {
-        var s = g.ReactDebugCurrentFrame, v = s.getStackAddendum();
+        var l = g.ReactDebugCurrentFrame, v = l.getStackAddendum();
         v !== "" && (r += "%s", n = n.concat([v]));
-        var p = n.map(function(f) {
+        var m = n.map(function(f) {
           return String(f);
         });
-        p.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, p);
+        m.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, m);
       }
     }
-    var Be = !1, Me = !1, Ye = !1, ze = !1, Ve = !1, ae;
+    var Me = !1, Be = !1, Ye = !1, Ve = !1, Ue = !1, ae;
     ae = Symbol.for("react.module.reference");
-    function Ue(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === b || Ve || e === d || e === j || e === u || ze || e === S || Be || Me || Ye || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === R || e.$$typeof === x || e.$$typeof === F || e.$$typeof === m || // This needs to include all possible module reference object
+    function qe(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === b || Ue || e === d || e === _ || e === u || Ve || e === S || Me || Be || Ye || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === F || e.$$typeof === E || e.$$typeof === j || e.$$typeof === p || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === ae || e.getModuleId !== void 0));
     }
-    function qe(e, r, n) {
-      var s = e.displayName;
-      if (s)
-        return s;
+    function Je(e, r, n) {
+      var l = e.displayName;
+      if (l)
+        return l;
       var v = r.displayName || r.name || "";
       return v !== "" ? n + "(" + v + ")" : n;
     }
@@ -92,36 +92,36 @@ function Sr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case i:
-          return "Fragment";
         case a:
+          return "Fragment";
+        case i:
           return "Portal";
         case b:
           return "Profiler";
         case d:
           return "StrictMode";
-        case j:
+        case _:
           return "Suspense";
         case u:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case F:
+          case j:
             var r = e;
             return oe(r) + ".Consumer";
-          case x:
+          case E:
             var n = e;
             return oe(n._context) + ".Provider";
-          case m:
-            return qe(e, e.render, "ForwardRef");
-          case R:
-            var s = e.displayName || null;
-            return s !== null ? s : O(e.type) || "Memo";
-          case w: {
-            var v = e, p = v._payload, f = v._init;
+          case p:
+            return Je(e, e.render, "ForwardRef");
+          case F:
+            var l = e.displayName || null;
+            return l !== null ? l : O(e.type) || "Memo";
+          case R: {
+            var v = e, m = v._payload, f = v._init;
             try {
-              return O(f(p));
+              return O(f(m));
             } catch {
               return null;
             }
@@ -129,13 +129,13 @@ function Sr() {
         }
       return null;
     }
-    var P = Object.assign, N = 0, se, le, ce, ue, fe, de, ve;
+    var P = Object.assign, A = 0, se, le, ce, ue, fe, de, ve;
     function he() {
     }
     he.__reactDisabledLog = !0;
-    function Je() {
+    function He() {
       {
-        if (N === 0) {
+        if (A === 0) {
           se = console.log, le = console.info, ce = console.warn, ue = console.error, fe = console.group, de = console.groupCollapsed, ve = console.groupEnd;
           var e = {
             configurable: !0,
@@ -153,12 +153,12 @@ function Sr() {
             groupEnd: e
           });
         }
-        N++;
+        A++;
       }
     }
     function Ge() {
       {
-        if (N--, N === 0) {
+        if (A--, A === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -188,42 +188,42 @@ function Sr() {
             })
           });
         }
-        N < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        A < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = g.ReactCurrentDispatcher, H;
+    var G = g.ReactCurrentDispatcher, K;
     function M(e, r, n) {
       {
-        if (H === void 0)
+        if (K === void 0)
           try {
             throw Error();
           } catch (v) {
-            var s = v.stack.trim().match(/\n( *(at )?)/);
-            H = s && s[1] || "";
+            var l = v.stack.trim().match(/\n( *(at )?)/);
+            K = l && l[1] || "";
           }
         return `
-` + H + e;
+` + K + e;
       }
     }
-    var X = !1, Y;
+    var X = !1, B;
     {
       var Ke = typeof WeakMap == "function" ? WeakMap : Map;
-      Y = new Ke();
+      B = new Ke();
     }
-    function pe(e, r) {
+    function me(e, r) {
       if (!e || X)
         return "";
       {
-        var n = Y.get(e);
+        var n = B.get(e);
         if (n !== void 0)
           return n;
       }
-      var s;
+      var l;
       X = !0;
       var v = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var p;
-      p = K.current, K.current = null, Je();
+      var m;
+      m = G.current, G.current = null, He();
       try {
         if (r) {
           var f = function() {
@@ -237,14 +237,14 @@ function Sr() {
             try {
               Reflect.construct(f, []);
             } catch (T) {
-              s = T;
+              l = T;
             }
             Reflect.construct(e, [], f);
           } else {
             try {
               f.call();
             } catch (T) {
-              s = T;
+              l = T;
             }
             e.call(f.prototype);
           }
@@ -252,109 +252,109 @@ function Sr() {
           try {
             throw Error();
           } catch (T) {
-            s = T;
+            l = T;
           }
           e();
         }
       } catch (T) {
-        if (T && s && typeof T.stack == "string") {
+        if (T && l && typeof T.stack == "string") {
           for (var c = T.stack.split(`
-`), _ = s.stack.split(`
-`), y = c.length - 1, E = _.length - 1; y >= 1 && E >= 0 && c[y] !== _[E]; )
-            E--;
-          for (; y >= 1 && E >= 0; y--, E--)
-            if (c[y] !== _[E]) {
-              if (y !== 1 || E !== 1)
+`), w = l.stack.split(`
+`), y = c.length - 1, x = w.length - 1; y >= 1 && x >= 0 && c[y] !== w[x]; )
+            x--;
+          for (; y >= 1 && x >= 0; y--, x--)
+            if (c[y] !== w[x]) {
+              if (y !== 1 || x !== 1)
                 do
-                  if (y--, E--, E < 0 || c[y] !== _[E]) {
+                  if (y--, x--, x < 0 || c[y] !== w[x]) {
                     var C = `
 ` + c[y].replace(" at new ", " at ");
-                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && Y.set(e, C), C;
+                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && B.set(e, C), C;
                   }
-                while (y >= 1 && E >= 0);
+                while (y >= 1 && x >= 0);
               break;
             }
         }
       } finally {
-        X = !1, K.current = p, Ge(), Error.prepareStackTrace = v;
+        X = !1, G.current = m, Ge(), Error.prepareStackTrace = v;
       }
-      var D = e ? e.displayName || e.name : "", Se = D ? M(D) : "";
-      return typeof e == "function" && Y.set(e, Se), Se;
+      var I = e ? e.displayName || e.name : "", Se = I ? M(I) : "";
+      return typeof e == "function" && B.set(e, Se), Se;
     }
-    function He(e, r, n) {
-      return pe(e, !1);
+    function Xe(e, r, n) {
+      return me(e, !1);
     }
-    function Xe(e) {
+    function Ze(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function z(e, r, n) {
+    function Y(e, r, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return pe(e, Xe(e));
+        return me(e, Ze(e));
       if (typeof e == "string")
         return M(e);
       switch (e) {
-        case j:
+        case _:
           return M("Suspense");
         case u:
           return M("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case m:
-            return He(e.render);
-          case R:
-            return z(e.type, r, n);
-          case w: {
-            var s = e, v = s._payload, p = s._init;
+          case p:
+            return Xe(e.render);
+          case F:
+            return Y(e.type, r, n);
+          case R: {
+            var l = e, v = l._payload, m = l._init;
             try {
-              return z(p(v), r, n);
+              return Y(m(v), r, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var V = Object.prototype.hasOwnProperty, me = {}, ge = g.ReactDebugCurrentFrame;
+    var V = Object.prototype.hasOwnProperty, pe = {}, ge = g.ReactDebugCurrentFrame;
     function U(e) {
       if (e) {
-        var r = e._owner, n = z(e.type, e._source, r ? r.type : null);
+        var r = e._owner, n = Y(e.type, e._source, r ? r.type : null);
         ge.setExtraStackFrame(n);
       } else
         ge.setExtraStackFrame(null);
     }
-    function Ze(e, r, n, s, v) {
+    function Qe(e, r, n, l, v) {
       {
-        var p = Function.call.bind(V);
+        var m = Function.call.bind(V);
         for (var f in e)
-          if (p(e, f)) {
+          if (m(e, f)) {
             var c = void 0;
             try {
               if (typeof e[f] != "function") {
-                var _ = Error((s || "React class") + ": " + n + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw _.name = "Invariant Violation", _;
+                var w = Error((l || "React class") + ": " + n + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw w.name = "Invariant Violation", w;
               }
-              c = e[f](r, f, s, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              c = e[f](r, f, l, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (y) {
               c = y;
             }
-            c && !(c instanceof Error) && (U(v), h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", n, f, typeof c), U(null)), c instanceof Error && !(c.message in me) && (me[c.message] = !0, U(v), h("Failed %s type: %s", n, c.message), U(null));
+            c && !(c instanceof Error) && (U(v), h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", l || "React class", n, f, typeof c), U(null)), c instanceof Error && !(c.message in pe) && (pe[c.message] = !0, U(v), h("Failed %s type: %s", n, c.message), U(null));
           }
       }
     }
-    var Qe = Array.isArray;
+    var er = Array.isArray;
     function Z(e) {
-      return Qe(e);
+      return er(e);
     }
-    function er(e) {
+    function rr(e) {
       {
         var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return n;
       }
     }
-    function rr(e) {
+    function tr(e) {
       try {
         return ye(e), !1;
       } catch {
@@ -364,17 +364,17 @@ function Sr() {
     function ye(e) {
       return "" + e;
     }
-    function Ee(e) {
-      if (rr(e))
-        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", er(e)), ye(e);
+    function xe(e) {
+      if (tr(e))
+        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(e)), ye(e);
     }
-    var be = g.ReactCurrentOwner, tr = {
+    var be = g.ReactCurrentOwner, nr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, xe, Fe;
-    function nr(e) {
+    }, Ee, je;
+    function ir(e) {
       if (V.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
@@ -382,7 +382,7 @@ function Sr() {
       }
       return e.ref !== void 0;
     }
-    function ir(e) {
+    function ar(e) {
       if (V.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
@@ -390,13 +390,13 @@ function Sr() {
       }
       return e.key !== void 0;
     }
-    function ar(e, r) {
+    function or(e, r) {
       typeof e.ref == "string" && be.current;
     }
-    function or(e, r) {
+    function sr(e, r) {
       {
         var n = function() {
-          xe || (xe = !0, h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          Ee || (Ee = !0, h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: n,
@@ -404,10 +404,10 @@ function Sr() {
         });
       }
     }
-    function sr(e, r) {
+    function lr(e, r) {
       {
         var n = function() {
-          Fe || (Fe = !0, h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          je || (je = !0, h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: n,
@@ -415,7 +415,7 @@ function Sr() {
         });
       }
     }
-    var lr = function(e, r, n, s, v, p, f) {
+    var cr = function(e, r, n, l, v, m, f) {
       var c = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -425,7 +425,7 @@ function Sr() {
         ref: n,
         props: f,
         // Record the component responsible for creating this element.
-        _owner: p
+        _owner: m
       };
       return c._store = {}, Object.defineProperty(c._store, "validated", {
         configurable: !1,
@@ -436,7 +436,7 @@ function Sr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: s
+        value: l
       }), Object.defineProperty(c, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -444,38 +444,38 @@ function Sr() {
         value: v
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     };
-    function cr(e, r, n, s, v) {
+    function ur(e, r, n, l, v) {
       {
-        var p, f = {}, c = null, _ = null;
-        n !== void 0 && (Ee(n), c = "" + n), ir(r) && (Ee(r.key), c = "" + r.key), nr(r) && (_ = r.ref, ar(r, v));
-        for (p in r)
-          V.call(r, p) && !tr.hasOwnProperty(p) && (f[p] = r[p]);
+        var m, f = {}, c = null, w = null;
+        n !== void 0 && (xe(n), c = "" + n), ar(r) && (xe(r.key), c = "" + r.key), ir(r) && (w = r.ref, or(r, v));
+        for (m in r)
+          V.call(r, m) && !nr.hasOwnProperty(m) && (f[m] = r[m]);
         if (e && e.defaultProps) {
           var y = e.defaultProps;
-          for (p in y)
-            f[p] === void 0 && (f[p] = y[p]);
+          for (m in y)
+            f[m] === void 0 && (f[m] = y[m]);
         }
-        if (c || _) {
-          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          c && or(f, E), _ && sr(f, E);
+        if (c || w) {
+          var x = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          c && sr(f, x), w && lr(f, x);
         }
-        return lr(e, c, _, v, s, be.current, f);
+        return cr(e, c, w, v, l, be.current, f);
       }
     }
-    var Q = g.ReactCurrentOwner, Re = g.ReactDebugCurrentFrame;
-    function I(e) {
+    var Q = g.ReactCurrentOwner, Fe = g.ReactDebugCurrentFrame;
+    function N(e) {
       if (e) {
-        var r = e._owner, n = z(e.type, e._source, r ? r.type : null);
-        Re.setExtraStackFrame(n);
+        var r = e._owner, n = Y(e.type, e._source, r ? r.type : null);
+        Fe.setExtraStackFrame(n);
       } else
-        Re.setExtraStackFrame(null);
+        Fe.setExtraStackFrame(null);
     }
     var ee;
     ee = !1;
     function re(e) {
       return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function we() {
+    function Re() {
       {
         if (Q.current) {
           var e = O(Q.current.type);
@@ -487,13 +487,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function ur(e) {
+    function fr(e) {
       return "";
     }
-    var _e = {};
-    function fr(e) {
+    var we = {};
+    function dr(e) {
       {
-        var r = we();
+        var r = Re();
         if (!r) {
           var n = typeof e == "string" ? e : e.displayName || e.name;
           n && (r = `
@@ -503,17 +503,17 @@ Check the top-level render call using <` + n + ">.");
         return r;
       }
     }
-    function je(e, r) {
+    function _e(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var n = fr(r);
-        if (_e[n])
+        var n = dr(r);
+        if (we[n])
           return;
-        _e[n] = !0;
-        var s = "";
-        e && e._owner && e._owner !== Q.current && (s = " It was passed a child from " + O(e._owner.type) + "."), I(e), h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, s), I(null);
+        we[n] = !0;
+        var l = "";
+        e && e._owner && e._owner !== Q.current && (l = " It was passed a child from " + O(e._owner.type) + "."), N(e), h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, l), N(null);
       }
     }
     function Ce(e, r) {
@@ -522,20 +522,20 @@ Check the top-level render call using <` + n + ">.");
           return;
         if (Z(e))
           for (var n = 0; n < e.length; n++) {
-            var s = e[n];
-            re(s) && je(s, r);
+            var l = e[n];
+            re(l) && _e(l, r);
           }
         else if (re(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var v = G(e);
+          var v = H(e);
           if (typeof v == "function" && v !== e.entries)
-            for (var p = v.call(e), f; !(f = p.next()).done; )
-              re(f.value) && je(f.value, r);
+            for (var m = v.call(e), f; !(f = m.next()).done; )
+              re(f.value) && _e(f.value, r);
         }
       }
     }
-    function dr(e) {
+    function vr(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
@@ -543,15 +543,15 @@ Check the top-level render call using <` + n + ">.");
         var n;
         if (typeof r == "function")
           n = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === m || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === R))
+        r.$$typeof === F))
           n = r.propTypes;
         else
           return;
         if (n) {
-          var s = O(r);
-          Ze(n, e.props, "prop", s, e);
+          var l = O(r);
+          Qe(n, e.props, "prop", l, e);
         } else if (r.PropTypes !== void 0 && !ee) {
           ee = !0;
           var v = O(r);
@@ -560,98 +560,98 @@ Check the top-level render call using <` + n + ">.");
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function vr(e) {
+    function hr(e) {
       {
         for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
-          var s = r[n];
-          if (s !== "children" && s !== "key") {
-            I(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), I(null);
+          var l = r[n];
+          if (l !== "children" && l !== "key") {
+            N(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", l), N(null);
             break;
           }
         }
-        e.ref !== null && (I(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
+        e.ref !== null && (N(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), N(null));
       }
     }
-    function Te(e, r, n, s, v, p) {
+    function Te(e, r, n, l, v, m) {
       {
-        var f = Ue(e);
+        var f = qe(e);
         if (!f) {
           var c = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (c += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var _ = ur();
-          _ ? c += _ : c += we();
+          var w = fr();
+          w ? c += w : c += Re();
           var y;
           e === null ? y = "null" : Z(e) ? y = "array" : e !== void 0 && e.$$typeof === t ? (y = "<" + (O(e.type) || "Unknown") + " />", c = " Did you accidentally export a JSX literal instead of a component?") : y = typeof e, h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", y, c);
         }
-        var E = cr(e, r, n, v, p);
-        if (E == null)
-          return E;
+        var x = ur(e, r, n, v, m);
+        if (x == null)
+          return x;
         if (f) {
           var C = r.children;
           if (C !== void 0)
-            if (s)
+            if (l)
               if (Z(C)) {
-                for (var D = 0; D < C.length; D++)
-                  Ce(C[D], e);
+                for (var I = 0; I < C.length; I++)
+                  Ce(C[I], e);
                 Object.freeze && Object.freeze(C);
               } else
                 h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Ce(C, e);
         }
-        return e === i ? vr(E) : dr(E), E;
+        return e === a ? hr(x) : vr(x), x;
       }
     }
-    function hr(e, r, n) {
+    function mr(e, r, n) {
       return Te(e, r, n, !0);
     }
     function pr(e, r, n) {
       return Te(e, r, n, !1);
     }
-    var mr = pr, gr = hr;
-    W.Fragment = i, W.jsx = mr, W.jsxs = gr;
-  })()), W;
+    var gr = pr, yr = mr;
+    z.Fragment = a, z.jsx = gr, z.jsxs = yr;
+  })()), z;
 }
-var De;
-function Or() {
-  return De || (De = 1, process.env.NODE_ENV === "production" ? q.exports = Tr() : q.exports = Sr()), q.exports;
+var Ie;
+function Dr() {
+  return Ie || (Ie = 1, process.env.NODE_ENV === "production" ? q.exports = Nr() : q.exports = Ir()), q.exports;
 }
-var l = Or();
-function Pr(o) {
-  const [t, a] = $([]), [i, d] = $(null), [b, x] = $(""), [F, m] = $(!1), [j, u] = $(null), R = A(async () => {
+var o = Dr();
+function Ar(s) {
+  const [t, i] = $([]), [a, d] = $(null), [b, E] = $(""), [j, p] = $(!1), [_, u] = $(null), F = D(async () => {
     try {
-      m(!0), u(null);
-      const g = await o.getFiles();
-      if (a(g), !i && g.length > 0) {
-        const h = Ne(g);
+      p(!0), u(null);
+      const g = await s.getFiles();
+      if (i(g), !a && g.length > 0) {
+        const h = $e(g);
         h && d(h.id);
       }
     } catch (g) {
       u(g instanceof Error ? g.message : "Failed to load files");
     } finally {
-      m(!1);
+      p(!1);
     }
-  }, [o, i]), w = A(
+  }, [s, a]), R = D(
     async (g) => {
       try {
-        m(!0), u(null);
-        const h = await o.getFileContent(g);
-        x(h);
+        p(!0), u(null);
+        const h = await s.getFileContent(g);
+        E(h);
       } catch (h) {
         u(
           h instanceof Error ? h.message : "Failed to load file content"
-        ), x("");
+        ), E("");
       } finally {
-        m(!1);
+        p(!1);
       }
     },
-    [o]
-  ), S = A(
+    [s]
+  ), S = D(
     async (g) => {
-      if (i)
+      if (a)
         try {
-          u(null), await o.updateFileContent(i, g), x(g), a(
-            (h) => Le(h, i, { content: g })
+          u(null), await s.updateFileContent(a, g), E(g), i(
+            (h) => ze(h, a, { content: g })
           );
         } catch (h) {
           u(
@@ -659,62 +659,62 @@ function Pr(o) {
           );
         }
     },
-    [i, o]
-  ), B = A(
+    [a, s]
+  ), W = D(
     (g) => {
-      d(g), w(g);
+      d(g), R(g);
     },
-    [w]
-  ), J = A(() => {
-    R();
-  }, [R]), G = A(
-    (g) => $e(t, g),
+    [R]
+  ), J = D(() => {
+    F();
+  }, [F]), H = D(
+    (g) => Le(t, g),
     [t]
   );
   return Oe(() => {
-    R();
-  }, [R]), Oe(() => {
-    i && w(i);
-  }, [i, w]), {
+    F();
+  }, [F]), Oe(() => {
+    a && R(a);
+  }, [a, R]), {
     files: t,
-    activeFile: i,
+    activeFile: a,
     fileContent: b,
-    loading: F,
-    error: j,
-    setActiveFile: B,
+    loading: j,
+    error: _,
+    setActiveFile: W,
     updateFileContent: S,
     refreshFiles: J,
-    getFileById: G
+    getFileById: H
   };
 }
-function Ne(o) {
-  for (const t of o) {
+function $e(s) {
+  for (const t of s) {
     if (t.type === "file")
       return t;
     if (t.children) {
-      const a = Ne(t.children);
-      if (a) return a;
+      const i = $e(t.children);
+      if (i) return i;
     }
   }
   return null;
 }
-function $e(o, t) {
-  for (const a of o) {
-    if (a.id === t) return a;
-    if (a.children) {
-      const i = $e(a.children, t);
-      if (i) return i;
+function Le(s, t) {
+  for (const i of s) {
+    if (i.id === t) return i;
+    if (i.children) {
+      const a = Le(i.children, t);
+      if (a) return a;
     }
   }
   return null;
 }
-function Le(o, t, a) {
-  return o.map((i) => i.id === t ? { ...i, ...a } : i.children ? {
-    ...i,
-    children: Le(i.children, t, a)
-  } : i);
+function ze(s, t, i) {
+  return s.map((a) => a.id === t ? { ...a, ...i } : a.children ? {
+    ...a,
+    children: ze(a.children, t, i)
+  } : a);
 }
-class kr {
+class $r {
   config;
   files = [];
   constructor(t) {
@@ -731,9 +731,9 @@ class kr {
       );
     throw new Error(`File ${t} not found`);
   }
-  async updateFileContent(t, a) {
-    const i = this.findFileById(t);
-    i && (i.content = a), console.log(`Updated file ${t} with content:`, a);
+  async updateFileContent(t, i) {
+    const a = this.findFileById(t);
+    a && (a.content = i), console.log(`Updated file ${t} with content:`, i);
   }
   async getFileMetadata(t) {
     return this.findFileById(t)?.metadata || {};
@@ -768,20 +768,20 @@ class kr {
     ];
   }
   findFileById(t) {
-    const a = (i) => {
-      for (const d of i) {
+    const i = (a) => {
+      for (const d of a) {
         if (d.id === t) return d;
         if (d.children) {
-          const b = a(d.children);
+          const b = i(d.children);
           if (b) return b;
         }
       }
       return null;
     };
-    return a(this.files);
+    return i(this.files);
   }
 }
-class Ir {
+class Lr {
   config;
   files = [];
   constructor(t) {
@@ -795,11 +795,11 @@ class Ir {
       return this.config.codeContent;
     throw new Error(`File ${t} not found`);
   }
-  async updateFileContent(t, a) {
+  async updateFileContent(t, i) {
     if (t === "form-code") {
-      this.config.codeContent = a;
-      const i = this.files.find((d) => d.id === t);
-      i && (i.content = a);
+      this.config.codeContent = i;
+      const a = this.files.find((d) => d.id === t);
+      a && (a.content = i);
     }
   }
   async getFileMetadata(t) {
@@ -821,10 +821,10 @@ class Ir {
     ];
   }
   findFileById(t) {
-    return this.files.find((a) => a.id === t) || null;
+    return this.files.find((i) => i.id === t) || null;
   }
 }
-class Dr {
+class zr {
   config;
   files = [];
   constructor(t) {
@@ -834,29 +834,29 @@ class Dr {
     return this.files;
   }
   async getFileContent(t) {
-    const a = this.findFileById(t);
-    if (!a || !a.metadata?.url)
+    const i = this.findFileById(t);
+    if (!i || !i.metadata?.url)
       throw new Error(`File ${t} not found`);
     try {
-      const i = await fetch(a.metadata.url);
-      if (!i.ok)
-        throw new Error(`Failed to fetch file: ${i.statusText}`);
-      return await i.text();
-    } catch (i) {
-      throw new Error(`Error fetching file content: ${i}`);
+      const a = await fetch(i.metadata.url);
+      if (!a.ok)
+        throw new Error(`Failed to fetch file: ${a.statusText}`);
+      return await a.text();
+    } catch (a) {
+      throw new Error(`Error fetching file content: ${a}`);
     }
   }
-  async updateFileContent(t, a) {
-    console.log(`Would save file ${t} content to backend:`, a);
-    const i = this.findFileById(t);
-    i && (i.content = a);
+  async updateFileContent(t, i) {
+    console.log(`Would save file ${t} content to backend:`, i);
+    const a = this.findFileById(t);
+    a && (a.content = i);
   }
   async getFileMetadata(t) {
     return this.findFileById(t)?.metadata || {};
   }
   initializeFiles() {
-    this.files = this.config.fileUrls.map((t, a) => ({
-      id: `url-file-${a}`,
+    this.files = this.config.fileUrls.map((t, i) => ({
+      id: `url-file-${i}`,
       name: t.name,
       type: "file",
       path: `/${t.name}`,
@@ -868,36 +868,36 @@ class Dr {
     }));
   }
   findFileById(t) {
-    return this.files.find((a) => a.id === t) || null;
+    return this.files.find((i) => i.id === t) || null;
   }
 }
-function Ar(o) {
-  if (o.workflowConfig)
-    return new kr(o.workflowConfig);
-  if (o.formConfig)
-    return new Ir(o.formConfig);
-  if (o.urlConfig)
-    return new Dr(o.urlConfig);
+function Wr(s) {
+  if (s.workflowConfig)
+    return new $r(s.workflowConfig);
+  if (s.formConfig)
+    return new Lr(s.formConfig);
+  if (s.urlConfig)
+    return new zr(s.urlConfig);
   throw new Error("No valid configuration provided");
 }
-const Nr = ({
-  value: o,
+const Mr = ({
+  value: s,
   onChange: t,
-  language: a = "javascript",
-  filename: i,
+  language: i = "javascript",
+  filename: a,
   readOnly: d = !1,
   loading: b = !1
 }) => {
-  const x = (F) => {
-    F !== void 0 && t(F);
+  const E = (j) => {
+    j !== void 0 && t(j);
   };
-  return /* @__PURE__ */ l.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ l.jsx(
-    yr,
+  return /* @__PURE__ */ o.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ o.jsx(
+    xr,
     {
       height: "100%",
-      defaultLanguage: a,
-      defaultValue: o,
-      onChange: x,
+      defaultLanguage: i,
+      defaultValue: s,
+      onChange: E,
       theme: "vs-light",
       options: {
         minimap: {
@@ -914,19 +914,19 @@ const Nr = ({
       }
     }
   ) });
-}, $r = ({
-  activePanel: o,
+}, Br = ({
+  activePanel: s,
   setActivePanel: t
 }) => {
-  const a = [
+  const i = [
     {
       id: "explorer",
-      icon: Ae,
+      icon: De,
       label: "Files"
     },
     {
       id: "data",
-      icon: xr,
+      icon: jr,
       label: "Data"
     },
     {
@@ -936,44 +936,44 @@ const Nr = ({
     },
     {
       id: "versions",
-      icon: Rr,
+      icon: Ae,
       label: "Versions"
     },
     {
       id: "tests",
-      icon: wr,
+      icon: Rr,
       label: "Tests"
     }
   ];
-  return /* @__PURE__ */ l.jsxs("div", { className: "w-14 border-r border-slate-200 bg-white flex flex-col gap-4 items-center py-4", children: [
-    a.map((i) => {
-      const d = i.icon;
-      return /* @__PURE__ */ l.jsx(Pe, { title: i.label, placement: "right", children: /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ o.jsxs("div", { className: "w-14 border-r border-slate-200 bg-white flex flex-col gap-4 items-center py-4", children: [
+    i.map((a) => {
+      const d = a.icon;
+      return /* @__PURE__ */ o.jsx(Pe, { title: a.label, placement: "right", children: /* @__PURE__ */ o.jsx(
         te,
         {
-          type: o === i.id ? "primary" : "text",
-          icon: /* @__PURE__ */ l.jsx(d, { size: 16 }),
-          onClick: () => t(i.id)
+          type: s === a.id ? "primary" : "text",
+          icon: /* @__PURE__ */ o.jsx(d, { size: 16 }),
+          onClick: () => t(a.id)
         }
-      ) }, i.id);
+      ) }, a.id);
     }),
-    /* @__PURE__ */ l.jsx("div", { className: "mt-auto", children: /* @__PURE__ */ l.jsx(Pe, { title: "Settings", placement: "right", children: /* @__PURE__ */ l.jsx(te, { type: "text", icon: /* @__PURE__ */ l.jsx(_r, { size: 20 }) }) }) })
+    /* @__PURE__ */ o.jsx("div", { className: "mt-auto", children: /* @__PURE__ */ o.jsx(Pe, { title: "Settings", placement: "right", children: /* @__PURE__ */ o.jsx(te, { type: "text", icon: /* @__PURE__ */ o.jsx(wr, { size: 20 }) }) }) })
   ] });
-}, Lr = ({
-  leftPanel: o,
+}, Yr = ({
+  leftPanel: s,
   editor: t,
-  rightPanel: a,
-  activePanel: i,
+  rightPanel: i,
+  activePanel: a,
   setActivePanel: d
-}) => /* @__PURE__ */ l.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
-  /* @__PURE__ */ l.jsx($r, { activePanel: i, setActivePanel: d }),
-  /* @__PURE__ */ l.jsx("div", { className: "flex-1", children: a ? /* @__PURE__ */ l.jsxs(
+}) => /* @__PURE__ */ o.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+  /* @__PURE__ */ o.jsx(Br, { activePanel: a, setActivePanel: d }),
+  /* @__PURE__ */ o.jsx("div", { className: "flex-1", children: i ? /* @__PURE__ */ o.jsxs(
     k,
     {
       style: { height: "100%" },
       onResize: (b) => console.log(b),
       children: [
-        /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ o.jsx(
           k.Panel,
           {
             defaultSize: "25%",
@@ -981,70 +981,70 @@ const Nr = ({
             max: "40%",
             className: "bg-white border-r border-slate-200",
             collapsible: !0,
-            children: /* @__PURE__ */ l.jsx("div", { className: "h-full overflow-y-auto", children: o })
+            children: /* @__PURE__ */ o.jsx("div", { className: "h-full overflow-y-auto", children: s })
           }
         ),
-        /* @__PURE__ */ l.jsx(k.Panel, { defaultSize: "50%", min: "30%", children: t }),
-        /* @__PURE__ */ l.jsx(
+        /* @__PURE__ */ o.jsx(k.Panel, { defaultSize: "50%", min: "30%", children: t }),
+        /* @__PURE__ */ o.jsx(
           k.Panel,
           {
             defaultSize: "25%",
             min: "20%",
             max: "50%",
             className: "bg-white border-l border-slate-200",
-            children: /* @__PURE__ */ l.jsx("div", { className: "h-full overflow-y-auto", children: a })
+            children: /* @__PURE__ */ o.jsx("div", { className: "h-full overflow-y-auto", children: i })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ l.jsxs(k, { style: { height: "100%" }, children: [
-    /* @__PURE__ */ l.jsx(
+  ) : /* @__PURE__ */ o.jsxs(k, { style: { height: "100%" }, children: [
+    /* @__PURE__ */ o.jsx(
       k.Panel,
       {
         defaultSize: "25%",
         min: "15%",
         max: "40%",
         className: "bg-white border-r border-slate-200",
-        children: /* @__PURE__ */ l.jsx("div", { className: "h-full overflow-y-auto", children: o })
+        children: /* @__PURE__ */ o.jsx("div", { className: "h-full overflow-y-auto", children: s })
       }
     ),
-    /* @__PURE__ */ l.jsx(k.Panel, { defaultSize: "75%", min: "60%", children: t })
+    /* @__PURE__ */ o.jsx(k.Panel, { defaultSize: "75%", min: "60%", children: t })
   ] }) })
-] }), Wr = ({
-  files: o,
+] }), Vr = ({
+  files: s,
   activeFile: t,
-  onFileSelect: a,
-  loading: i = !1,
+  onFileSelect: i,
+  loading: a = !1,
   error: d = null,
   onRefresh: b
 }) => {
-  const x = (j) => j.map((u) => ({
+  const E = (_) => _.map((u) => ({
     title: u.name,
     key: u.id,
-    icon: u.type === "file" ? /* @__PURE__ */ l.jsx(Cr, { size: 16, className: "text-slate-500 flex" }) : /* @__PURE__ */ l.jsx(Ae, { size: 16, className: "text-slate-500 flex" }),
+    icon: u.type === "file" ? /* @__PURE__ */ o.jsx(Cr, { size: 16, className: "text-slate-500 flex" }) : /* @__PURE__ */ o.jsx(De, { size: 16, className: "text-slate-500 flex" }),
     isLeaf: u.type === "file",
-    children: u.children ? x(u.children) : void 0,
+    children: u.children ? E(u.children) : void 0,
     metadata: u.metadata
-  })), F = x(o), m = (j, u) => {
-    u?.node.isLeaf && u.node.key && a(u.node.key);
+  })), j = E(s), p = (_, u) => {
+    u?.node.isLeaf && u.node.key && i(u.node.key);
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: "h-full", children: [
-    /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-slate-200", children: [
-      /* @__PURE__ */ l.jsx("h2", { className: "font-medium text-sm", children: "Files" }),
-      /* @__PURE__ */ l.jsx("div", { className: "flex items-center gap-2", children: b && /* @__PURE__ */ l.jsx(
+  return /* @__PURE__ */ o.jsxs("div", { className: "h-full", children: [
+    /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-slate-200", children: [
+      /* @__PURE__ */ o.jsx("h2", { className: "font-medium text-sm", children: "Files" }),
+      /* @__PURE__ */ o.jsx("div", { className: "flex items-center gap-2", children: b && /* @__PURE__ */ o.jsx(
         te,
         {
           type: "text",
-          icon: /* @__PURE__ */ l.jsx(jr, { size: 16 }),
+          icon: /* @__PURE__ */ o.jsx(_r, { size: 16 }),
           onClick: b,
-          loading: i,
+          loading: a,
           title: "Refresh files"
         }
       ) })
     ] }),
-    /* @__PURE__ */ l.jsxs("div", { className: "p-2", children: [
-      d && /* @__PURE__ */ l.jsx(
-        Er,
+    /* @__PURE__ */ o.jsxs("div", { className: "p-2", children: [
+      d && /* @__PURE__ */ o.jsx(
+        br,
         {
           message: "Error loading files",
           description: d,
@@ -1052,11 +1052,11 @@ const Nr = ({
           className: "mb-2"
         }
       ),
-      /* @__PURE__ */ l.jsx(
-        br,
+      /* @__PURE__ */ o.jsx(
+        Er,
         {
-          treeData: F,
-          onSelect: m,
+          treeData: j,
+          onSelect: p,
           selectedKeys: t ? [t] : [],
           showIcon: !0,
           defaultExpandAll: !0,
@@ -1067,48 +1067,48 @@ const Nr = ({
     ] })
   ] });
 }, ie = ({
-  config: o,
+  config: s,
   rightPanel: t = !1
 }) => {
-  const a = ne.useMemo(
-    () => Ar(o),
-    [o]
+  const i = ne.useMemo(
+    () => Wr(s),
+    [s]
   );
-  console.log({ config: o });
+  console.log({ config: s });
   const {
-    files: i,
+    files: a,
     activeFile: d,
     fileContent: b,
-    loading: x,
-    error: F,
-    setActiveFile: m,
-    updateFileContent: j,
+    loading: E,
+    error: j,
+    setActiveFile: p,
+    updateFileContent: _,
     refreshFiles: u,
-    getFileById: R
-  } = Pr(a), w = d ? R(d) : null, S = w?.metadata?.language || "javascript";
-  return /* @__PURE__ */ l.jsx(
-    Lr,
+    getFileById: F
+  } = Ar(i), R = d ? F(d) : null, S = R?.metadata?.language || "javascript";
+  return /* @__PURE__ */ o.jsx(
+    Yr,
     {
-      leftPanel: /* @__PURE__ */ l.jsx(
-        Wr,
+      leftPanel: /* @__PURE__ */ o.jsx(
+        Vr,
         {
-          files: i,
+          files: a,
           activeFile: d,
-          onFileSelect: m,
-          loading: x,
-          error: F,
+          onFileSelect: p,
+          loading: E,
+          error: j,
           onRefresh: u
         }
       ),
-      editor: /* @__PURE__ */ l.jsx(
-        Nr,
+      editor: /* @__PURE__ */ o.jsx(
+        Mr,
         {
           value: b,
-          onChange: j,
+          onChange: _,
           language: S,
-          filename: w?.name,
-          readOnly: o.settings?.readOnly,
-          loading: x
+          filename: R?.name,
+          readOnly: s.settings?.readOnly,
+          loading: E
         }
       ),
       rightPanel: t,
@@ -1117,65 +1117,119 @@ const Nr = ({
       }
     }
   );
-}, Vr = ({
-  functionId: o,
+}, Gr = ({
+  functionId: s,
   version: t,
-  versionList: a,
-  fetchFunction: i,
+  versionList: i,
+  fetchFunction: a,
   fetchVersionList: d
 }) => {
   const b = {
     workflowConfig: {
-      functionId: o,
+      functionId: s,
       version: t,
-      versionList: a,
-      fetchFunction: i,
+      versionList: i,
+      fetchFunction: a,
       fetchVersionList: d
     }
   };
-  return /* @__PURE__ */ l.jsx(ie, { config: b });
-}, Ur = ({
-  codeContent: o,
+  return /* @__PURE__ */ o.jsx(ie, { config: b });
+}, Kr = ({
+  codeContent: s,
   fileName: t = "code.js",
-  language: a = "javascript",
-  readOnly: i = !1
+  language: i = "javascript",
+  readOnly: a = !1
 }) => {
   const d = {
     formConfig: {
-      codeContent: o,
+      codeContent: s,
       fileName: t,
-      language: a
+      language: i
     },
     settings: {
-      readOnly: i
+      readOnly: a
     }
   };
-  return /* @__PURE__ */ l.jsx(ie, { config: d });
-}, qr = ({ fileUrls: o, rightPanel: t }) => {
-  const a = {
+  return /* @__PURE__ */ o.jsx(ie, { config: d });
+}, Xr = ({ fileUrls: s, rightPanel: t }) => {
+  const i = {
     urlConfig: {
-      fileUrls: o
+      fileUrls: s
     }
   };
-  return /* @__PURE__ */ l.jsx(ie, { config: a, rightPanel: t });
-}, Jr = "1.0.0";
+  return /* @__PURE__ */ o.jsx(ie, { config: i, rightPanel: t });
+}, Zr = ({
+  activeFile: s,
+  showPreview: t,
+  setShowPreview: i
+}) => /* @__PURE__ */ o.jsxs("div", { className: "h-14 border-b border-slate-200 bg-white px-4 flex items-center justify-between", children: [
+  /* @__PURE__ */ o.jsxs("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ o.jsx("h1", { className: "text-lg font-semibold text-slate-900 mr-4", children: "CRM Code Editor" }),
+    /* @__PURE__ */ o.jsx("span", { className: "text-sm text-slate-500 px-2 py-1 bg-slate-100 rounded-md", children: s })
+  ] }),
+  /* @__PURE__ */ o.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ o.jsx(
+      "button",
+      {
+        className: "p-1.5 hover:bg-slate-100 rounded-md text-slate-600",
+        onClick: () => i(!t),
+        title: t ? "Hide Preview" : "Show Preview",
+        children: t ? /* @__PURE__ */ o.jsx(Tr, { size: 18 }) : /* @__PURE__ */ o.jsx(Sr, { size: 18 })
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      "button",
+      {
+        className: "p-1.5 hover:bg-slate-100 rounded-md text-slate-600",
+        title: "Version History",
+        children: /* @__PURE__ */ o.jsx(Ae, { size: 18 })
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      "button",
+      {
+        className: "p-1.5 hover:bg-slate-100 rounded-md text-slate-600",
+        title: "Run Code",
+        children: /* @__PURE__ */ o.jsx(Or, { size: 18 })
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      "button",
+      {
+        className: "p-1.5 hover:bg-slate-100 rounded-md text-slate-600",
+        title: "Export",
+        children: /* @__PURE__ */ o.jsx(Pr, { size: 18 })
+      }
+    ),
+    /* @__PURE__ */ o.jsxs("button", { className: "ml-2 px-3 py-1.5 bg-slate-900 text-white rounded-md flex items-center text-sm hover:bg-slate-800", children: [
+      /* @__PURE__ */ o.jsx(kr, { size: 16, className: "mr-1.5" }),
+      " Save"
+    ] }),
+    /* @__PURE__ */ o.jsxs("div", { className: "ml-2 px-3 py-1.5 bg-emerald-100 text-emerald-800 rounded-md flex items-center text-sm", children: [
+      /* @__PURE__ */ o.jsx("span", { className: "w-2 h-2 bg-emerald-500 rounded-full mr-1.5" }),
+      " ",
+      "Draft"
+    ] })
+  ] })
+] }), Qr = "1.0.0";
 export {
-  Hr as Alert,
-  Xr as Button,
-  Nr as CodeEditor,
+  tt as Alert,
+  nt as Button,
+  Mr as CodeEditor,
   ie as CodeEditorWrapper,
-  Lr as EditorLayout,
-  Wr as FileExplorer,
-  Ur as FormCodeEditor,
-  Ir as FormFileProvider,
-  Zr as Splitter,
-  Qr as Tooltip,
-  et as Tree,
-  qr as URLCodeEditor,
-  Dr as URLFileProvider,
-  Jr as VERSION,
-  Vr as WorkflowCodeEditor,
-  kr as WorkflowFileProvider,
-  Ar as createFileProvider,
-  Pr as useFileManager
+  Yr as EditorLayout,
+  Vr as FileExplorer,
+  Kr as FormCodeEditor,
+  Lr as FormFileProvider,
+  Zr as Header,
+  it as Splitter,
+  at as Tooltip,
+  ot as Tree,
+  Xr as URLCodeEditor,
+  zr as URLFileProvider,
+  Qr as VERSION,
+  Gr as WorkflowCodeEditor,
+  $r as WorkflowFileProvider,
+  Wr as createFileProvider,
+  Ar as useFileManager
 };