superleap-code-editor 1.0.4 → 1.0.5

package/dist/index.esm.js

@@ -1,9 +1,9 @@
-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 = {};
+import ne, { useState as I, useCallback as A, useEffect as Te, useMemo as Nt } from "react";
+import Ct from "@monaco-editor/react";
+import { Tooltip as Pe, Button as re, Splitter as O, Alert as Rt, Tree as Ft } from "antd";
+import { Alert as br, Button as yr, Splitter as jr, Tooltip as wr, Tree as Er } from "antd";
+import { IconFolderOpen as De, IconDatabase as Ae, IconCode as ze, IconHistory as $e, IconFlask as _t, IconSettings as Le, IconPlus as St, IconFile as Tt, IconEyeOff as Pt, IconEye as Ot, IconPlayerPlay as Me, IconDownload as It, IconDeviceFloppy as kt, IconSearch as Be, IconChevronRight as Dt, IconBook as At, IconRefresh as zt, IconAlertTriangle as $t, IconCircleCheck as Lt, IconCircleX as Mt, IconUser as Bt, IconClock as Wt, IconRotate as Vt } from "@tabler/icons-react";
+var q = { exports: {} }, $ = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +13,21 @@ var q = { exports: {} }, L = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ke;
-function Nr() {
-  if (ke) return L;
-  ke = 1;
-  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 };
+var Oe;
+function Yt() {
+  if (Oe) return $;
+  Oe = 1;
+  var o = ne, r = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function j(w, x, N) {
+    var d, E = {}, C = null, S = null;
+    N !== void 0 && (C = "" + N), x.key !== void 0 && (C = "" + x.key), x.ref !== void 0 && (S = x.ref);
+    for (d in x) i.call(x, d) && !g.hasOwnProperty(d) && (E[d] = x[d]);
+    if (w && w.defaultProps) for (d in x = w.defaultProps, x) E[d] === void 0 && (E[d] = x[d]);
+    return { $$typeof: r, type: w, key: C, ref: S, props: E, _owner: c.current };
   }
-  return L.Fragment = i, L.jsx = E, L.jsxs = E, L;
+  return $.Fragment = s, $.jsx = j, $.jsxs = j, $;
 }
-var z = {};
+var L = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,54 +37,54 @@ var z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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) {
+var Ie;
+function Ut() {
+  return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && (function() {
+    var o = ne, r = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), w = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), M = Symbol.iterator, H = "@@iterator";
+    function J(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = W && e[W] || e[J];
-      return typeof r == "function" ? r : null;
+      var n = M && e[M] || e[H];
+      return typeof n == "function" ? n : null;
     }
-    var g = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var v = o.__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), l = 1; l < r; l++)
-          n[l - 1] = arguments[l];
-        We("error", e, n);
+        for (var n = arguments.length, a = new Array(n > 1 ? n - 1 : 0), l = 1; l < n; l++)
+          a[l - 1] = arguments[l];
+        Ue("error", e, a);
       }
     }
-    function We(e, r, n) {
+    function Ue(e, n, a) {
       {
-        var l = g.ReactDebugCurrentFrame, v = l.getStackAddendum();
-        v !== "" && (r += "%s", n = n.concat([v]));
-        var m = n.map(function(f) {
+        var l = v.ReactDebugCurrentFrame, m = l.getStackAddendum();
+        m !== "" && (n += "%s", a = a.concat([m]));
+        var p = a.map(function(f) {
           return String(f);
         });
-        m.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, m);
+        p.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, p);
       }
     }
-    var Me = !1, Be = !1, Ye = !1, Ve = !1, Ue = !1, ae;
+    var qe = !1, He = !1, Je = !1, Ge = !1, Ke = !1, ae;
     ae = Symbol.for("react.module.reference");
-    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
+    function Xe(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === g || Ke || e === c || e === N || e === d || Ge || e === S || qe || He || Je || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === E || e.$$typeof === j || e.$$typeof === w || e.$$typeof === x || // 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 Je(e, r, n) {
+    function Ze(e, n, a) {
       var l = e.displayName;
       if (l)
         return l;
-      var v = r.displayName || r.name || "";
-      return v !== "" ? n + "(" + v + ")" : n;
+      var m = n.displayName || n.name || "";
+      return m !== "" ? a + "(" + m + ")" : a;
     }
-    function oe(e) {
+    function ie(e) {
       return e.displayName || "Context";
     }
-    function O(e) {
+    function T(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -92,36 +92,36 @@ function Ir() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case a:
-          return "Fragment";
         case i:
+          return "Fragment";
+        case s:
           return "Portal";
-        case b:
+        case g:
           return "Profiler";
-        case d:
+        case c:
           return "StrictMode";
-        case _:
+        case N:
           return "Suspense";
-        case u:
+        case d:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
+          case w:
+            var n = e;
+            return ie(n) + ".Consumer";
           case j:
-            var r = e;
-            return oe(r) + ".Consumer";
+            var a = e;
+            return ie(a._context) + ".Provider";
+          case x:
+            return Ze(e, e.render, "ForwardRef");
           case E:
-            var n = e;
-            return oe(n._context) + ".Provider";
-          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;
+            return l !== null ? l : T(e.type) || "Memo";
+          case C: {
+            var m = e, p = m._payload, f = m._init;
             try {
-              return O(f(m));
+              return T(f(p));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function Ir() {
         }
       return null;
     }
-    var P = Object.assign, A = 0, se, le, ce, ue, fe, de, ve;
+    var P = Object.assign, z = 0, oe, le, ce, de, ue, fe, me;
     function he() {
     }
     he.__reactDisabledLog = !0;
-    function He() {
+    function Qe() {
       {
-        if (A === 0) {
-          se = console.log, le = console.info, ce = console.warn, ue = console.error, fe = console.group, de = console.groupCollapsed, ve = console.groupEnd;
+        if (z === 0) {
+          oe = console.log, le = console.info, ce = console.warn, de = console.error, ue = console.group, fe = console.groupCollapsed, me = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -153,12 +153,12 @@ function Ir() {
             groupEnd: e
           });
         }
-        A++;
+        z++;
       }
     }
-    function Ge() {
+    function et() {
       {
-        if (A--, A === 0) {
+        if (z--, z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -166,7 +166,7 @@ function Ir() {
           };
           Object.defineProperties(console, {
             log: P({}, e, {
-              value: se
+              value: oe
             }),
             info: P({}, e, {
               value: le
@@ -175,57 +175,57 @@ function Ir() {
               value: ce
             }),
             error: P({}, e, {
-              value: ue
+              value: de
             }),
             group: P({}, e, {
-              value: fe
+              value: ue
             }),
             groupCollapsed: P({}, e, {
-              value: de
+              value: fe
             }),
             groupEnd: P({}, e, {
-              value: ve
+              value: me
             })
           });
         }
-        A < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        z < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var G = g.ReactCurrentDispatcher, K;
-    function M(e, r, n) {
+    var G = v.ReactCurrentDispatcher, K;
+    function B(e, n, a) {
       {
         if (K === void 0)
           try {
             throw Error();
-          } catch (v) {
-            var l = v.stack.trim().match(/\n( *(at )?)/);
+          } catch (m) {
+            var l = m.stack.trim().match(/\n( *(at )?)/);
             K = l && l[1] || "";
           }
         return `
 ` + K + e;
       }
     }
-    var X = !1, B;
+    var X = !1, W;
     {
-      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
-      B = new Ke();
+      var tt = typeof WeakMap == "function" ? WeakMap : Map;
+      W = new tt();
     }
-    function me(e, r) {
+    function pe(e, n) {
       if (!e || X)
         return "";
       {
-        var n = B.get(e);
-        if (n !== void 0)
-          return n;
+        var a = W.get(e);
+        if (a !== void 0)
+          return a;
       }
       var l;
       X = !0;
-      var v = Error.prepareStackTrace;
+      var m = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var m;
-      m = G.current, G.current = null, He();
+      var p;
+      p = G.current, G.current = null, Qe();
       try {
-        if (r) {
+        if (n) {
           var f = function() {
             throw Error();
           };
@@ -236,249 +236,249 @@ function Ir() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(f, []);
-            } catch (T) {
-              l = T;
+            } catch (_) {
+              l = _;
             }
             Reflect.construct(e, [], f);
           } else {
             try {
               f.call();
-            } catch (T) {
-              l = T;
+            } catch (_) {
+              l = _;
             }
             e.call(f.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (T) {
-            l = T;
+          } catch (_) {
+            l = _;
           }
           e();
         }
-      } catch (T) {
-        if (T && l && typeof T.stack == "string") {
-          for (var c = T.stack.split(`
-`), 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)
+      } catch (_) {
+        if (_ && l && typeof _.stack == "string") {
+          for (var u = _.stack.split(`
+`), R = l.stack.split(`
+`), b = u.length - 1, y = R.length - 1; b >= 1 && y >= 0 && u[b] !== R[y]; )
+            y--;
+          for (; b >= 1 && y >= 0; b--, y--)
+            if (u[b] !== R[y]) {
+              if (b !== 1 || y !== 1)
                 do
-                  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" && B.set(e, C), C;
+                  if (b--, y--, y < 0 || u[b] !== R[y]) {
+                    var F = `
+` + u[b].replace(" at new ", " at ");
+                    return e.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", e.displayName)), typeof e == "function" && W.set(e, F), F;
                   }
-                while (y >= 1 && x >= 0);
+                while (b >= 1 && y >= 0);
               break;
             }
         }
       } finally {
-        X = !1, G.current = m, Ge(), Error.prepareStackTrace = v;
+        X = !1, G.current = p, et(), Error.prepareStackTrace = m;
       }
-      var I = e ? e.displayName || e.name : "", Se = I ? M(I) : "";
-      return typeof e == "function" && B.set(e, Se), Se;
+      var D = e ? e.displayName || e.name : "", Se = D ? B(D) : "";
+      return typeof e == "function" && W.set(e, Se), Se;
     }
-    function Xe(e, r, n) {
-      return me(e, !1);
+    function rt(e, n, a) {
+      return pe(e, !1);
     }
-    function Ze(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
+    function nt(e) {
+      var n = e.prototype;
+      return !!(n && n.isReactComponent);
     }
-    function Y(e, r, n) {
+    function V(e, n, a) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return me(e, Ze(e));
+        return pe(e, nt(e));
       if (typeof e == "string")
-        return M(e);
+        return B(e);
       switch (e) {
-        case _:
-          return M("Suspense");
-        case u:
-          return M("SuspenseList");
+        case N:
+          return B("Suspense");
+        case d:
+          return B("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          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;
+          case x:
+            return rt(e.render);
+          case E:
+            return V(e.type, n, a);
+          case C: {
+            var l = e, m = l._payload, p = l._init;
             try {
-              return Y(m(v), r, n);
+              return V(p(m), n, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var V = Object.prototype.hasOwnProperty, pe = {}, ge = g.ReactDebugCurrentFrame;
+    var Y = Object.prototype.hasOwnProperty, xe = {}, ve = v.ReactDebugCurrentFrame;
     function U(e) {
       if (e) {
-        var r = e._owner, n = Y(e.type, e._source, r ? r.type : null);
-        ge.setExtraStackFrame(n);
+        var n = e._owner, a = V(e.type, e._source, n ? n.type : null);
+        ve.setExtraStackFrame(a);
       } else
-        ge.setExtraStackFrame(null);
+        ve.setExtraStackFrame(null);
     }
-    function Qe(e, r, n, l, v) {
+    function st(e, n, a, l, m) {
       {
-        var m = Function.call.bind(V);
+        var p = Function.call.bind(Y);
         for (var f in e)
-          if (m(e, f)) {
-            var c = void 0;
+          if (p(e, f)) {
+            var u = void 0;
             try {
               if (typeof e[f] != "function") {
-                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;
+                var R = Error((l || "React class") + ": " + a + " 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 R.name = "Invariant Violation", R;
               }
-              c = e[f](r, f, l, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (y) {
-              c = y;
+              u = e[f](n, f, l, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (b) {
+              u = b;
             }
-            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));
+            u && !(u instanceof Error) && (U(m), 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", a, f, typeof u), U(null)), u instanceof Error && !(u.message in xe) && (xe[u.message] = !0, U(m), h("Failed %s type: %s", a, u.message), U(null));
           }
       }
     }
-    var er = Array.isArray;
+    var at = Array.isArray;
     function Z(e) {
-      return er(e);
+      return at(e);
     }
-    function rr(e) {
+    function it(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return n;
+        var n = typeof Symbol == "function" && Symbol.toStringTag, a = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a;
       }
     }
-    function tr(e) {
+    function ot(e) {
       try {
-        return ye(e), !1;
+        return ge(e), !1;
       } catch {
         return !0;
       }
     }
-    function ye(e) {
+    function ge(e) {
       return "" + 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);
+    function be(e) {
+      if (ot(e))
+        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", it(e)), ge(e);
     }
-    var be = g.ReactCurrentOwner, nr = {
+    var ye = v.ReactCurrentOwner, lt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ee, je;
-    function ir(e) {
-      if (V.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
+    }, je, we;
+    function ct(e) {
+      if (Y.call(e, "ref")) {
+        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (n && n.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function ar(e) {
-      if (V.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
+    function dt(e) {
+      if (Y.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function or(e, r) {
-      typeof e.ref == "string" && be.current;
+    function ut(e, n) {
+      typeof e.ref == "string" && ye.current;
     }
-    function sr(e, r) {
+    function ft(e, n) {
       {
-        var n = function() {
-          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));
+        var a = function() {
+          je || (je = !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)", n));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: n,
+        a.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: a,
           configurable: !0
         });
       }
     }
-    function lr(e, r) {
+    function mt(e, n) {
       {
-        var n = function() {
-          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));
+        var a = function() {
+          we || (we = !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)", n));
         };
-        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: n,
+        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: a,
           configurable: !0
         });
       }
     }
-    var cr = function(e, r, n, l, v, m, f) {
-      var c = {
+    var ht = function(e, n, a, l, m, p, f) {
+      var u = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: t,
+        $$typeof: r,
         // Built-in properties that belong on the element
         type: e,
-        key: r,
-        ref: n,
+        key: n,
+        ref: a,
         props: f,
         // Record the component responsible for creating this element.
-        _owner: m
+        _owner: p
       };
-      return c._store = {}, Object.defineProperty(c._store, "validated", {
+      return u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(c, "_self", {
+      }), Object.defineProperty(u, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: l
-      }), Object.defineProperty(c, "_source", {
+      }), Object.defineProperty(u, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: v
-      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+        value: m
+      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     };
-    function ur(e, r, n, l, v) {
+    function pt(e, n, a, l, m) {
       {
-        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]);
+        var p, f = {}, u = null, R = null;
+        a !== void 0 && (be(a), u = "" + a), dt(n) && (be(n.key), u = "" + n.key), ct(n) && (R = n.ref, ut(n, m));
+        for (p in n)
+          Y.call(n, p) && !lt.hasOwnProperty(p) && (f[p] = n[p]);
         if (e && e.defaultProps) {
-          var y = e.defaultProps;
-          for (m in y)
-            f[m] === void 0 && (f[m] = y[m]);
+          var b = e.defaultProps;
+          for (p in b)
+            f[p] === void 0 && (f[p] = b[p]);
         }
-        if (c || w) {
-          var x = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          c && sr(f, x), w && lr(f, x);
+        if (u || R) {
+          var y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          u && ft(f, y), R && mt(f, y);
         }
-        return cr(e, c, w, v, l, be.current, f);
+        return ht(e, u, R, m, l, ye.current, f);
       }
     }
-    var Q = g.ReactCurrentOwner, Fe = g.ReactDebugCurrentFrame;
-    function N(e) {
+    var Q = v.ReactCurrentOwner, Ee = v.ReactDebugCurrentFrame;
+    function k(e) {
       if (e) {
-        var r = e._owner, n = Y(e.type, e._source, r ? r.type : null);
-        Fe.setExtraStackFrame(n);
+        var n = e._owner, a = V(e.type, e._source, n ? n.type : null);
+        Ee.setExtraStackFrame(a);
       } else
-        Fe.setExtraStackFrame(null);
+        Ee.setExtraStackFrame(null);
     }
     var ee;
     ee = !1;
-    function re(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === t;
+    function te(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === r;
     }
-    function Re() {
+    function Ne() {
       {
         if (Q.current) {
-          var e = O(Q.current.type);
+          var e = T(Q.current.type);
           if (e)
             return `
 
@@ -487,256 +487,256 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function fr(e) {
+    function xt(e) {
       return "";
     }
-    var we = {};
-    function dr(e) {
+    var Ce = {};
+    function vt(e) {
       {
-        var r = Re();
-        if (!r) {
-          var n = typeof e == "string" ? e : e.displayName || e.name;
-          n && (r = `
+        var n = Ne();
+        if (!n) {
+          var a = typeof e == "string" ? e : e.displayName || e.name;
+          a && (n = `
 
-Check the top-level render call using <` + n + ">.");
+Check the top-level render call using <` + a + ">.");
         }
-        return r;
+        return n;
       }
     }
-    function _e(e, r) {
+    function Re(e, n) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var n = dr(r);
-        if (we[n])
+        var a = vt(n);
+        if (Ce[a])
           return;
-        we[n] = !0;
+        Ce[a] = !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);
+        e && e._owner && e._owner !== Q.current && (l = " It was passed a child from " + T(e._owner.type) + "."), k(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.', a, l), k(null);
       }
     }
-    function Ce(e, r) {
+    function Fe(e, n) {
       {
         if (typeof e != "object")
           return;
         if (Z(e))
-          for (var n = 0; n < e.length; n++) {
-            var l = e[n];
-            re(l) && _e(l, r);
+          for (var a = 0; a < e.length; a++) {
+            var l = e[a];
+            te(l) && Re(l, n);
           }
-        else if (re(e))
+        else if (te(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var v = H(e);
-          if (typeof v == "function" && v !== e.entries)
-            for (var m = v.call(e), f; !(f = m.next()).done; )
-              re(f.value) && _e(f.value, r);
+          var m = J(e);
+          if (typeof m == "function" && m !== e.entries)
+            for (var p = m.call(e), f; !(f = p.next()).done; )
+              te(f.value) && Re(f.value, n);
         }
       }
     }
-    function vr(e) {
+    function gt(e) {
       {
-        var r = e.type;
-        if (r == null || typeof r == "string")
+        var n = e.type;
+        if (n == null || typeof n == "string")
           return;
-        var n;
-        if (typeof r == "function")
-          n = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === p || // Note: Memo only checks outer props here.
+        var a;
+        if (typeof n == "function")
+          a = n.propTypes;
+        else if (typeof n == "object" && (n.$$typeof === x || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === F))
-          n = r.propTypes;
+        n.$$typeof === E))
+          a = n.propTypes;
         else
           return;
-        if (n) {
-          var l = O(r);
-          Qe(n, e.props, "prop", l, e);
-        } else if (r.PropTypes !== void 0 && !ee) {
+        if (a) {
+          var l = T(n);
+          st(a, e.props, "prop", l, e);
+        } else if (n.PropTypes !== void 0 && !ee) {
           ee = !0;
-          var v = O(r);
-          h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
+          var m = T(n);
+          h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", m || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function hr(e) {
+    function bt(e) {
       {
-        for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
-          var l = r[n];
+        for (var n = Object.keys(e.props), a = 0; a < n.length; a++) {
+          var l = n[a];
           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);
+            k(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", l), k(null);
             break;
           }
         }
-        e.ref !== null && (N(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), N(null));
+        e.ref !== null && (k(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
       }
     }
-    function Te(e, r, n, l, v, m) {
+    function _e(e, n, a, l, m, p) {
       {
-        var f = qe(e);
+        var f = Xe(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 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 u = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (u += " 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 R = xt();
+          R ? u += R : u += Ne();
+          var b;
+          e === null ? b = "null" : Z(e) ? b = "array" : e !== void 0 && e.$$typeof === r ? (b = "<" + (T(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : b = 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", b, u);
         }
-        var x = ur(e, r, n, v, m);
-        if (x == null)
-          return x;
+        var y = pt(e, n, a, m, p);
+        if (y == null)
+          return y;
         if (f) {
-          var C = r.children;
-          if (C !== void 0)
+          var F = n.children;
+          if (F !== void 0)
             if (l)
-              if (Z(C)) {
-                for (var I = 0; I < C.length; I++)
-                  Ce(C[I], e);
-                Object.freeze && Object.freeze(C);
+              if (Z(F)) {
+                for (var D = 0; D < F.length; D++)
+                  Fe(F[D], e);
+                Object.freeze && Object.freeze(F);
               } 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);
+              Fe(F, e);
         }
-        return e === a ? hr(x) : vr(x), x;
+        return e === i ? bt(y) : gt(y), y;
       }
     }
-    function mr(e, r, n) {
-      return Te(e, r, n, !0);
+    function yt(e, n, a) {
+      return _e(e, n, a, !0);
     }
-    function pr(e, r, n) {
-      return Te(e, r, n, !1);
+    function jt(e, n, a) {
+      return _e(e, n, a, !1);
     }
-    var gr = pr, yr = mr;
-    z.Fragment = a, z.jsx = gr, z.jsxs = yr;
-  })()), z;
+    var wt = jt, Et = yt;
+    L.Fragment = i, L.jsx = wt, L.jsxs = Et;
+  })()), L;
 }
-var Ie;
-function Dr() {
-  return Ie || (Ie = 1, process.env.NODE_ENV === "production" ? q.exports = Nr() : q.exports = Ir()), q.exports;
+var ke;
+function qt() {
+  return ke || (ke = 1, process.env.NODE_ENV === "production" ? q.exports = Yt() : q.exports = Ut()), q.exports;
 }
-var o = Dr();
-function Ar(s) {
-  const [t, i] = $([]), [a, d] = $(null), [b, E] = $(""), [j, p] = $(!1), [_, u] = $(null), F = D(async () => {
+var t = qt();
+function Ht(o) {
+  const [r, s] = I([]), [i, c] = I(null), [g, j] = I(""), [w, x] = I(!1), [N, d] = I(null), E = A(async () => {
     try {
-      p(!0), u(null);
-      const g = await s.getFiles();
-      if (i(g), !a && g.length > 0) {
-        const h = $e(g);
-        h && d(h.id);
+      x(!0), d(null);
+      const v = await o.getFiles();
+      if (s(v), !i && v.length > 0) {
+        const h = We(v);
+        h && c(h.id);
       }
-    } catch (g) {
-      u(g instanceof Error ? g.message : "Failed to load files");
+    } catch (v) {
+      d(v instanceof Error ? v.message : "Failed to load files");
     } finally {
-      p(!1);
+      x(!1);
     }
-  }, [s, a]), R = D(
-    async (g) => {
+  }, [o, i]), C = A(
+    async (v) => {
       try {
-        p(!0), u(null);
-        const h = await s.getFileContent(g);
-        E(h);
+        x(!0), d(null);
+        const h = await o.getFileContent(v);
+        j(h);
       } catch (h) {
-        u(
+        d(
           h instanceof Error ? h.message : "Failed to load file content"
-        ), E("");
+        ), j("");
       } finally {
-        p(!1);
+        x(!1);
       }
     },
-    [s]
-  ), S = D(
-    async (g) => {
-      if (a)
+    [o]
+  ), S = A(
+    async (v) => {
+      if (i)
         try {
-          u(null), await s.updateFileContent(a, g), E(g), i(
-            (h) => ze(h, a, { content: g })
+          d(null), await o.updateFileContent(i, v), j(v), s(
+            (h) => Ye(h, i, { content: v })
           );
         } catch (h) {
-          u(
+          d(
             h instanceof Error ? h.message : "Failed to update file content"
           );
         }
     },
-    [a, s]
-  ), W = D(
-    (g) => {
-      d(g), R(g);
+    [i, o]
+  ), M = A(
+    (v) => {
+      c(v), C(v);
     },
-    [R]
-  ), J = D(() => {
-    F();
-  }, [F]), H = D(
-    (g) => Le(t, g),
-    [t]
+    [C]
+  ), H = A(() => {
+    E();
+  }, [E]), J = A(
+    (v) => Ve(r, v),
+    [r]
   );
-  return Oe(() => {
-    F();
-  }, [F]), Oe(() => {
-    a && R(a);
-  }, [a, R]), {
-    files: t,
-    activeFile: a,
-    fileContent: b,
-    loading: j,
-    error: _,
-    setActiveFile: W,
+  return Te(() => {
+    E();
+  }, [E]), Te(() => {
+    i && C(i);
+  }, [i, C]), {
+    files: r,
+    activeFile: i,
+    fileContent: g,
+    loading: w,
+    error: N,
+    setActiveFile: M,
     updateFileContent: S,
-    refreshFiles: J,
-    getFileById: H
+    refreshFiles: H,
+    getFileById: J
   };
 }
-function $e(s) {
-  for (const t of s) {
-    if (t.type === "file")
-      return t;
-    if (t.children) {
-      const i = $e(t.children);
-      if (i) return i;
+function We(o) {
+  for (const r of o) {
+    if (r.type === "file")
+      return r;
+    if (r.children) {
+      const s = We(r.children);
+      if (s) return s;
     }
   }
   return null;
 }
-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;
+function Ve(o, r) {
+  for (const s of o) {
+    if (s.id === r) return s;
+    if (s.children) {
+      const i = Ve(s.children, r);
+      if (i) return i;
     }
   }
   return null;
 }
-function ze(s, t, i) {
-  return s.map((a) => a.id === t ? { ...a, ...i } : a.children ? {
-    ...a,
-    children: ze(a.children, t, i)
-  } : a);
+function Ye(o, r, s) {
+  return o.map((i) => i.id === r ? { ...i, ...s } : i.children ? {
+    ...i,
+    children: Ye(i.children, r, s)
+  } : i);
 }
-class $r {
+class Jt {
   config;
   files = [];
-  constructor(t) {
-    this.config = t;
+  constructor(r) {
+    this.config = r;
   }
   async getFiles() {
     return this.files.length === 0 && await this.loadFiles(), this.files;
   }
-  async getFileContent(t) {
-    if (t === "main-function")
+  async getFileContent(r) {
+    if (r === "main-function")
       return await this.config.fetchFunction(
         this.config.functionId,
         this.config.version
       );
-    throw new Error(`File ${t} not found`);
+    throw new Error(`File ${r} not found`);
   }
-  async updateFileContent(t, i) {
-    const a = this.findFileById(t);
-    a && (a.content = i), console.log(`Updated file ${t} with content:`, i);
+  async updateFileContent(r, s) {
+    const i = this.findFileById(r);
+    i && (i.content = s), console.log(`Updated file ${r} with content:`, s);
   }
-  async getFileMetadata(t) {
-    return this.findFileById(t)?.metadata || {};
+  async getFileMetadata(r) {
+    return this.findFileById(r)?.metadata || {};
   }
   async loadFiles() {
     this.files = [
@@ -755,11 +755,11 @@ class $r {
         name: "versions",
         type: "folder",
         path: "/versions",
-        children: this.config.versionList.map((t) => ({
-          id: `version-${t}`,
-          name: `v${t}.js`,
+        children: this.config.versionList.map((r) => ({
+          id: `version-${r}`,
+          name: `v${r}.js`,
           type: "file",
-          path: `/versions/v${t}.js`,
+          path: `/versions/v${r}.js`,
           metadata: {
             language: "javascript"
           }
@@ -767,43 +767,43 @@ class $r {
       }
     ];
   }
-  findFileById(t) {
-    const i = (a) => {
-      for (const d of a) {
-        if (d.id === t) return d;
-        if (d.children) {
-          const b = i(d.children);
-          if (b) return b;
+  findFileById(r) {
+    const s = (i) => {
+      for (const c of i) {
+        if (c.id === r) return c;
+        if (c.children) {
+          const g = s(c.children);
+          if (g) return g;
         }
       }
       return null;
     };
-    return i(this.files);
+    return s(this.files);
   }
 }
-class Lr {
+class Gt {
   config;
   files = [];
-  constructor(t) {
-    this.config = t, this.initializeFiles();
+  constructor(r) {
+    this.config = r, this.initializeFiles();
   }
   async getFiles() {
     return this.files;
   }
-  async getFileContent(t) {
-    if (t === "form-code")
+  async getFileContent(r) {
+    if (r === "form-code")
       return this.config.codeContent;
-    throw new Error(`File ${t} not found`);
+    throw new Error(`File ${r} not found`);
   }
-  async updateFileContent(t, i) {
-    if (t === "form-code") {
-      this.config.codeContent = i;
-      const a = this.files.find((d) => d.id === t);
-      a && (a.content = i);
+  async updateFileContent(r, s) {
+    if (r === "form-code") {
+      this.config.codeContent = s;
+      const i = this.files.find((c) => c.id === r);
+      i && (i.content = s);
     }
   }
-  async getFileMetadata(t) {
-    return this.findFileById(t)?.metadata || {};
+  async getFileMetadata(r) {
+    return this.findFileById(r)?.metadata || {};
   }
   initializeFiles() {
     this.files = [
@@ -820,84 +820,84 @@ class Lr {
       }
     ];
   }
-  findFileById(t) {
-    return this.files.find((i) => i.id === t) || null;
+  findFileById(r) {
+    return this.files.find((s) => s.id === r) || null;
   }
 }
-class zr {
+class Kt {
   config;
   files = [];
-  constructor(t) {
-    this.config = t, this.initializeFiles();
+  constructor(r) {
+    this.config = r, this.initializeFiles();
   }
   async getFiles() {
     return this.files;
   }
-  async getFileContent(t) {
-    const i = this.findFileById(t);
-    if (!i || !i.metadata?.url)
-      throw new Error(`File ${t} not found`);
+  async getFileContent(r) {
+    const s = this.findFileById(r);
+    if (!s || !s.metadata?.url)
+      throw new Error(`File ${r} not found`);
     try {
-      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}`);
+      const i = await fetch(s.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}`);
     }
   }
-  async updateFileContent(t, i) {
-    console.log(`Would save file ${t} content to backend:`, i);
-    const a = this.findFileById(t);
-    a && (a.content = i);
+  async updateFileContent(r, s) {
+    console.log(`Would save file ${r} content to backend:`, s);
+    const i = this.findFileById(r);
+    i && (i.content = s);
   }
-  async getFileMetadata(t) {
-    return this.findFileById(t)?.metadata || {};
+  async getFileMetadata(r) {
+    return this.findFileById(r)?.metadata || {};
   }
   initializeFiles() {
-    this.files = this.config.fileUrls.map((t, i) => ({
-      id: `url-file-${i}`,
-      name: t.name,
+    this.files = this.config.fileUrls.map((r, s) => ({
+      id: `url-file-${s}`,
+      name: r.name,
       type: "file",
-      path: `/${t.name}`,
+      path: `/${r.name}`,
       metadata: {
-        language: t.type,
-        url: t.url,
+        language: r.type,
+        url: r.url,
         lastModified: /* @__PURE__ */ new Date()
       }
     }));
   }
-  findFileById(t) {
-    return this.files.find((i) => i.id === t) || null;
+  findFileById(r) {
+    return this.files.find((s) => s.id === r) || null;
   }
 }
-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);
+function Xt(o) {
+  if (o.workflowConfig)
+    return new Jt(o.workflowConfig);
+  if (o.formConfig)
+    return new Gt(o.formConfig);
+  if (o.urlConfig)
+    return new Kt(o.urlConfig);
   throw new Error("No valid configuration provided");
 }
-const Mr = ({
-  value: s,
-  onChange: t,
-  language: i = "javascript",
-  filename: a,
-  readOnly: d = !1,
-  loading: b = !1
+const Zt = ({
+  value: o,
+  onChange: r,
+  language: s = "javascript",
+  filename: i,
+  readOnly: c = !1,
+  loading: g = !1
 }) => {
-  const E = (j) => {
-    j !== void 0 && t(j);
+  const j = (w) => {
+    w !== void 0 && r(w);
   };
-  return /* @__PURE__ */ o.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ o.jsx(
-    xr,
+  return /* @__PURE__ */ t.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ t.jsx(
+    Ct,
     {
       height: "100%",
-      defaultLanguage: i,
-      defaultValue: s,
-      onChange: E,
+      defaultLanguage: s,
+      defaultValue: o,
+      onChange: j,
       theme: "vs-light",
       options: {
         minimap: {
@@ -910,154 +910,158 @@ const Mr = ({
           top: 16
         },
         scrollBeyondLastLine: !1,
-        readOnly: d
+        readOnly: c
       }
     }
   ) });
-}, Br = ({
-  activePanel: s,
-  setActivePanel: t
+}, Qt = [
+  {
+    id: "explorer",
+    icon: De,
+    label: "Files"
+  },
+  {
+    id: "data",
+    icon: Ae,
+    label: "Data"
+  },
+  {
+    id: "functions",
+    icon: ze,
+    label: "Functions"
+  },
+  {
+    id: "versions",
+    icon: $e,
+    label: "Versions"
+  },
+  {
+    id: "tests",
+    icon: _t,
+    label: "Tests"
+  }
+], er = ({
+  activePanel: o,
+  setActivePanel: r,
+  allowedRoutes: s = ["explorer"]
 }) => {
-  const i = [
-    {
-      id: "explorer",
-      icon: De,
-      label: "Files"
-    },
-    {
-      id: "data",
-      icon: jr,
-      label: "Data"
-    },
-    {
-      id: "functions",
-      icon: Fr,
-      label: "Functions"
-    },
-    {
-      id: "versions",
-      icon: Ae,
-      label: "Versions"
-    },
-    {
-      id: "tests",
-      icon: Rr,
-      label: "Tests"
-    }
-  ];
-  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,
+  const i = Nt(
+    () => Qt.filter((c) => s.includes(c.id)),
+    [s]
+  );
+  return /* @__PURE__ */ t.jsxs("div", { className: "w-14 border-r border-slate-200 bg-white flex flex-col gap-4 items-center py-4", children: [
+    i.map((c) => {
+      const g = c.icon;
+      return /* @__PURE__ */ t.jsx(Pe, { title: c.label, placement: "right", children: /* @__PURE__ */ t.jsx(
+        re,
         {
-          type: s === a.id ? "primary" : "text",
-          icon: /* @__PURE__ */ o.jsx(d, { size: 16 }),
-          onClick: () => t(a.id)
+          type: o === c.id ? "primary" : "text",
+          icon: /* @__PURE__ */ t.jsx(g, { size: 16 }),
+          onClick: () => r(c.id)
         }
-      ) }, a.id);
+      ) }, c.id);
     }),
-    /* @__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 }) }) }) })
+    /* @__PURE__ */ t.jsx("div", { className: "mt-auto", children: /* @__PURE__ */ t.jsx(Pe, { title: "Settings", placement: "right", children: /* @__PURE__ */ t.jsx(re, { type: "text", icon: /* @__PURE__ */ t.jsx(Le, { size: 20 }) }) }) })
   ] });
-}, Yr = ({
-  leftPanel: s,
-  editor: t,
-  rightPanel: i,
-  activePanel: a,
-  setActivePanel: d
-}) => /* @__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,
+}, tr = ({
+  leftPanel: o,
+  editor: r,
+  rightPanel: s,
+  activePanel: i,
+  setActivePanel: c
+}) => /* @__PURE__ */ t.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+  /* @__PURE__ */ t.jsx(er, { activePanel: i, setActivePanel: c }),
+  /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: s ? /* @__PURE__ */ t.jsxs(
+    O,
     {
       style: { height: "100%" },
-      onResize: (b) => console.log(b),
+      onResize: (g) => console.log(g),
       children: [
-        /* @__PURE__ */ o.jsx(
-          k.Panel,
+        /* @__PURE__ */ t.jsx(
+          O.Panel,
           {
             defaultSize: "25%",
             min: "15%",
             max: "40%",
             className: "bg-white border-r border-slate-200",
             collapsible: !0,
-            children: /* @__PURE__ */ o.jsx("div", { className: "h-full overflow-y-auto", children: s })
+            children: /* @__PURE__ */ t.jsx("div", { className: "h-full overflow-y-auto", children: o })
           }
         ),
-        /* @__PURE__ */ o.jsx(k.Panel, { defaultSize: "50%", min: "30%", children: t }),
-        /* @__PURE__ */ o.jsx(
-          k.Panel,
+        /* @__PURE__ */ t.jsx(O.Panel, { defaultSize: "50%", min: "30%", children: r }),
+        /* @__PURE__ */ t.jsx(
+          O.Panel,
           {
             defaultSize: "25%",
             min: "20%",
             max: "50%",
             className: "bg-white border-l border-slate-200",
-            children: /* @__PURE__ */ o.jsx("div", { className: "h-full overflow-y-auto", children: i })
+            children: /* @__PURE__ */ t.jsx("div", { className: "h-full overflow-y-auto", children: s })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ o.jsxs(k, { style: { height: "100%" }, children: [
-    /* @__PURE__ */ o.jsx(
-      k.Panel,
+  ) : /* @__PURE__ */ t.jsxs(O, { style: { height: "100%" }, children: [
+    /* @__PURE__ */ t.jsx(
+      O.Panel,
       {
         defaultSize: "25%",
         min: "15%",
         max: "40%",
         className: "bg-white border-r border-slate-200",
-        children: /* @__PURE__ */ o.jsx("div", { className: "h-full overflow-y-auto", children: s })
+        children: /* @__PURE__ */ t.jsx("div", { className: "h-full overflow-y-auto", children: o })
       }
     ),
-    /* @__PURE__ */ o.jsx(k.Panel, { defaultSize: "75%", min: "60%", children: t })
+    /* @__PURE__ */ t.jsx(O.Panel, { defaultSize: "75%", min: "60%", children: r })
   ] }) })
-] }), Vr = ({
-  files: s,
-  activeFile: t,
-  onFileSelect: i,
-  loading: a = !1,
-  error: d = null,
-  onRefresh: b
+] }), rr = ({
+  files: o,
+  activeFile: r,
+  onFileSelect: s,
+  loading: i = !1,
+  error: c = null,
+  onRefresh: g
 }) => {
-  const E = (_) => _.map((u) => ({
-    title: u.name,
-    key: u.id,
-    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 ? E(u.children) : void 0,
-    metadata: u.metadata
-  })), j = E(s), p = (_, u) => {
-    u?.node.isLeaf && u.node.key && i(u.node.key);
+  const j = (N) => N.map((d) => ({
+    title: d.name,
+    key: d.id,
+    icon: d.type === "file" ? /* @__PURE__ */ t.jsx(Tt, { size: 16, className: "text-slate-500 flex" }) : /* @__PURE__ */ t.jsx(De, { size: 16, className: "text-slate-500 flex" }),
+    isLeaf: d.type === "file",
+    children: d.children ? j(d.children) : void 0,
+    metadata: d.metadata
+  })), w = j(o), x = (N, d) => {
+    d?.node.isLeaf && d.node.key && s(d.node.key);
   };
-  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,
+  return /* @__PURE__ */ t.jsxs("div", { className: "h-full", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-slate-200", children: [
+      /* @__PURE__ */ t.jsx("h2", { className: "font-medium text-sm", children: "Files" }),
+      /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-2", children: g && /* @__PURE__ */ t.jsx(
+        re,
         {
           type: "text",
-          icon: /* @__PURE__ */ o.jsx(_r, { size: 16 }),
-          onClick: b,
-          loading: a,
+          icon: /* @__PURE__ */ t.jsx(St, { size: 16 }),
+          onClick: g,
+          loading: i,
           title: "Refresh files"
         }
       ) })
     ] }),
-    /* @__PURE__ */ o.jsxs("div", { className: "p-2", children: [
-      d && /* @__PURE__ */ o.jsx(
-        br,
+    /* @__PURE__ */ t.jsxs("div", { className: "p-2", children: [
+      c && /* @__PURE__ */ t.jsx(
+        Rt,
         {
           message: "Error loading files",
-          description: d,
+          description: c,
           type: "error",
           className: "mb-2"
         }
       ),
-      /* @__PURE__ */ o.jsx(
-        Er,
+      /* @__PURE__ */ t.jsx(
+        Ft,
         {
-          treeData: j,
-          onSelect: p,
-          selectedKeys: t ? [t] : [],
+          treeData: w,
+          onSelect: x,
+          selectedKeys: r ? [r] : [],
           showIcon: !0,
           defaultExpandAll: !0,
           showLine: !0,
@@ -1066,170 +1070,523 @@ const Mr = ({
       )
     ] })
   ] });
-}, ie = ({
-  config: s,
-  rightPanel: t = !1
+}, se = ({
+  config: o,
+  rightPanel: r = !1
 }) => {
-  const i = ne.useMemo(
-    () => Wr(s),
-    [s]
+  const s = ne.useMemo(
+    () => Xt(o),
+    [o]
   );
-  console.log({ config: s });
+  console.log({ config: o });
   const {
-    files: a,
-    activeFile: d,
-    fileContent: b,
-    loading: E,
-    error: j,
-    setActiveFile: p,
-    updateFileContent: _,
-    refreshFiles: u,
-    getFileById: F
-  } = Ar(i), R = d ? F(d) : null, S = R?.metadata?.language || "javascript";
-  return /* @__PURE__ */ o.jsx(
-    Yr,
+    files: i,
+    activeFile: c,
+    fileContent: g,
+    loading: j,
+    error: w,
+    setActiveFile: x,
+    updateFileContent: N,
+    refreshFiles: d,
+    getFileById: E
+  } = Ht(s), C = c ? E(c) : null, S = C?.metadata?.language || "javascript";
+  return /* @__PURE__ */ t.jsx(
+    tr,
     {
-      leftPanel: /* @__PURE__ */ o.jsx(
-        Vr,
+      leftPanel: /* @__PURE__ */ t.jsx(
+        rr,
         {
-          files: a,
-          activeFile: d,
-          onFileSelect: p,
-          loading: E,
-          error: j,
-          onRefresh: u
+          files: i,
+          activeFile: c,
+          onFileSelect: x,
+          loading: j,
+          error: w,
+          onRefresh: d
         }
       ),
-      editor: /* @__PURE__ */ o.jsx(
-        Mr,
+      editor: /* @__PURE__ */ t.jsx(
+        Zt,
         {
-          value: b,
-          onChange: _,
+          value: g,
+          onChange: N,
           language: S,
-          filename: R?.name,
-          readOnly: s.settings?.readOnly,
-          loading: E
+          filename: C?.name,
+          readOnly: o.settings?.readOnly,
+          loading: j
         }
       ),
-      rightPanel: t,
+      rightPanel: r,
       activePanel: "explorer",
       setActivePanel: () => {
       }
     }
   );
-}, Gr = ({
-  functionId: s,
-  version: t,
-  versionList: i,
-  fetchFunction: a,
-  fetchVersionList: d
+}, or = ({
+  functionId: o,
+  version: r,
+  versionList: s,
+  fetchFunction: i,
+  fetchVersionList: c
 }) => {
-  const b = {
+  const g = {
     workflowConfig: {
-      functionId: s,
-      version: t,
-      versionList: i,
-      fetchFunction: a,
-      fetchVersionList: d
+      functionId: o,
+      version: r,
+      versionList: s,
+      fetchFunction: i,
+      fetchVersionList: c
     }
   };
-  return /* @__PURE__ */ o.jsx(ie, { config: b });
-}, Kr = ({
-  codeContent: s,
-  fileName: t = "code.js",
-  language: i = "javascript",
-  readOnly: a = !1
+  return /* @__PURE__ */ t.jsx(se, { config: g });
+}, lr = ({
+  codeContent: o,
+  fileName: r = "code.js",
+  language: s = "javascript",
+  readOnly: i = !1
 }) => {
-  const d = {
+  const c = {
     formConfig: {
-      codeContent: s,
-      fileName: t,
-      language: i
+      codeContent: o,
+      fileName: r,
+      language: s
     },
     settings: {
-      readOnly: a
+      readOnly: i
     }
   };
-  return /* @__PURE__ */ o.jsx(ie, { config: d });
-}, Xr = ({ fileUrls: s, rightPanel: t }) => {
-  const i = {
+  return /* @__PURE__ */ t.jsx(se, { config: c });
+}, cr = ({ fileUrls: o, rightPanel: r }) => {
+  const s = {
     urlConfig: {
-      fileUrls: s
+      fileUrls: o
     }
   };
-  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 })
+  return /* @__PURE__ */ t.jsx(se, { config: s, rightPanel: r });
+}, dr = ({
+  activeFile: o,
+  showPreview: r,
+  setShowPreview: s
+}) => /* @__PURE__ */ t.jsxs("div", { className: "h-14 border-b border-slate-200 bg-white px-4 flex items-center justify-between", children: [
+  /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ t.jsx("h1", { className: "text-lg font-semibold text-slate-900 mr-4", children: "CRM Code Editor" }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm text-slate-500 px-2 py-1 bg-slate-100 rounded-md", children: o })
   ] }),
-  /* @__PURE__ */ o.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ o.jsx(
+  /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ t.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 })
+        onClick: () => s(!r),
+        title: r ? "Hide Preview" : "Show Preview",
+        children: r ? /* @__PURE__ */ t.jsx(Pt, { size: 18 }) : /* @__PURE__ */ t.jsx(Ot, { size: 18 })
       }
     ),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ t.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 })
+        children: /* @__PURE__ */ t.jsx($e, { size: 18 })
       }
     ),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ t.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 })
+        children: /* @__PURE__ */ t.jsx(Me, { size: 18 })
       }
     ),
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ t.jsx(
       "button",
       {
         className: "p-1.5 hover:bg-slate-100 rounded-md text-slate-600",
         title: "Export",
-        children: /* @__PURE__ */ o.jsx(Pr, { size: 18 })
+        children: /* @__PURE__ */ t.jsx(It, { 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" }),
+    /* @__PURE__ */ t.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__ */ t.jsx(kt, { 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" }),
+    /* @__PURE__ */ t.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__ */ t.jsx("span", { className: "w-2 h-2 bg-emerald-500 rounded-full mr-1.5" }),
       " ",
       "Draft"
     ] })
   ] })
-] }), Qr = "1.0.0";
+] }), ur = () => {
+  const o = [
+    {
+      name: "Lead",
+      fields: ["id", "name", "email", "phone", "status", "createdAt"],
+      expanded: !0
+    },
+    {
+      name: "Contact",
+      fields: ["id", "firstName", "lastName", "email", "phone"],
+      expanded: !1
+    },
+    {
+      name: "Account",
+      fields: ["id", "name", "industry", "website", "employees"],
+      expanded: !1
+    },
+    {
+      name: "Opportunity",
+      fields: ["id", "name", "amount", "stage", "closeDate"],
+      expanded: !1
+    }
+  ];
+  return /* @__PURE__ */ t.jsxs("div", { className: "h-full", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-between p-4 border-b border-slate-200", children: /* @__PURE__ */ t.jsx("h2", { className: "font-medium text-sm", children: "Data Explorer" }) }),
+    /* @__PURE__ */ t.jsxs("div", { className: "p-3", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "relative mb-3", children: [
+        /* @__PURE__ */ t.jsx(
+          Be,
+          {
+            size: 16,
+            className: "absolute left-2.5 top-2.5 text-slate-400"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "input",
+          {
+            type: "text",
+            placeholder: "Search objects...",
+            className: "w-full pl-8 pr-3 py-2 text-sm border border-slate-200 rounded-md focus:outline-none focus:ring-2 focus:ring-slate-300"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsx("div", { children: o.map((r) => /* @__PURE__ */ t.jsxs("div", { className: "mb-1", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex items-center p-2 hover:bg-slate-50 rounded-md cursor-pointer", children: [
+          /* @__PURE__ */ t.jsx(
+            Dt,
+            {
+              size: 16,
+              className: `mr-1 text-slate-400 transition-transform ${r.expanded ? "rotate-90" : ""}`
+            }
+          ),
+          /* @__PURE__ */ t.jsx(Ae, { size: 16, className: "mr-2 text-slate-500" }),
+          /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium", children: r.name })
+        ] }),
+        r.expanded && /* @__PURE__ */ t.jsx("div", { className: "ml-7 border-l border-slate-200 pl-2", children: r.fields.map((s) => /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "flex items-center p-1.5 hover:bg-slate-50 rounded-md cursor-pointer",
+            children: /* @__PURE__ */ t.jsx("span", { className: "text-xs text-slate-600", children: s })
+          },
+          s
+        )) })
+      ] }, r.name)) })
+    ] })
+  ] });
+}, fr = () => {
+  const o = [
+    {
+      name: "formatCurrency",
+      description: "Format a number as currency",
+      category: "Formatting"
+    },
+    {
+      name: "calculateDiscount",
+      description: "Calculate discount based on amount",
+      category: "Calculations"
+    },
+    {
+      name: "getLeadData",
+      description: "Fetch lead data from CRM",
+      category: "Data Access"
+    },
+    {
+      name: "updateContact",
+      description: "Update contact information",
+      category: "Data Modification"
+    },
+    {
+      name: "sendEmail",
+      description: "Send an email to a contact",
+      category: "Communication"
+    },
+    {
+      name: "validateEmail",
+      description: "Validate email format",
+      category: "Validation"
+    }
+  ];
+  return /* @__PURE__ */ t.jsxs("div", { className: "h-full", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-between p-4 border-b border-slate-200", children: /* @__PURE__ */ t.jsx("h2", { className: "font-medium text-sm", children: "Function Library" }) }),
+    /* @__PURE__ */ t.jsxs("div", { className: "p-3", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "relative mb-3", children: [
+        /* @__PURE__ */ t.jsx(
+          Be,
+          {
+            size: 16,
+            className: "absolute left-2.5 top-2.5 text-slate-400"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "input",
+          {
+            type: "text",
+            placeholder: "Search functions...",
+            className: "w-full pl-8 pr-3 py-2 text-sm border border-slate-200 rounded-md focus:outline-none focus:ring-2 focus:ring-slate-300"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsx("div", { children: o.map((r) => /* @__PURE__ */ t.jsxs(
+        "div",
+        {
+          className: "p-2 border border-slate-200 rounded-md mb-2 hover:bg-slate-50 cursor-pointer",
+          children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
+                /* @__PURE__ */ t.jsx(ze, { size: 16, className: "mr-2 text-slate-500" }),
+                /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium", children: r.name })
+              ] }),
+              /* @__PURE__ */ t.jsx("span", { className: "text-xs bg-slate-100 px-2 py-0.5 rounded text-slate-600", children: r.category })
+            ] }),
+            /* @__PURE__ */ t.jsx("p", { className: "text-xs text-slate-500 mt-1", children: r.description })
+          ]
+        },
+        r.name
+      )) }),
+      /* @__PURE__ */ t.jsxs("div", { className: "mt-4 p-3 bg-slate-50 rounded-md border border-slate-200 flex items-center", children: [
+        /* @__PURE__ */ t.jsx(At, { size: 16, className: "text-slate-500 mr-2" }),
+        /* @__PURE__ */ t.jsx("span", { className: "text-xs text-slate-600", children: "Browse documentation for more functions and examples" })
+      ] })
+    ] })
+  ] });
+}, mr = ({ code: o }) => {
+  const [r, s] = I(null), [i, c] = I(!1), g = "body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; padding: 1rem; }", w = ((d) => d.replace(
+    /import\s+.*axios.*from\s+['"]axios['"];?/g,
+    "// Axios imports removed for preview"
+  ).replace(/axios\./g, "/* axios. */").replace(/fetch\(/g, "/* fetch( */"))(o), x = `
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <style>${g}</style>
+      </head>
+      <body>
+        <div id="root"></div>
+        <script>
+          try {
+            // Disable network requests in the preview
+            window.fetch = function() {
+              console.log('Network requests are disabled in preview');
+              return Promise.reject(new Error('Network requests are disabled in preview'));
+            };
+            const preview = () => {
+              const output = document.getElementById('root');
+              output.innerHTML = '<div style="padding: 20px;">Preview will appear here</div>';
+              if (${w.includes("console.log")}) {
+                output.innerHTML += '<div style="padding: 10px; background: #f0f0f0; border-radius: 4px; margin-top: 10px;">Console output would appear here</div>';
+              }
+            };
+            preview();
+          } catch (e) {
+            document.getElementById('root').innerHTML = '<div style="color: red; padding: 20px;">Error: ' + e.message + '</div>';
+          }
+        <\/script>
+      </body>
+    </html>
+  `, N = () => {
+    c(!0), s(null), setTimeout(() => c(!1), 300);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-slate-200", children: [
+      /* @__PURE__ */ t.jsx("h2", { className: "font-medium text-sm", children: "Preview" }),
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          className: "p-1 hover:bg-slate-100 rounded-md",
+          onClick: N,
+          children: /* @__PURE__ */ t.jsx(zt, { size: 16, className: i ? "animate-spin" : "" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "flex-1 bg-white overflow-auto", children: r ? /* @__PURE__ */ t.jsxs("div", { className: "p-4 bg-red-50 border border-red-200 rounded-md flex items-start", children: [
+      /* @__PURE__ */ t.jsx($t, { size: 16, className: "text-red-500 mr-2 mt-0.5" }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx("p", { className: "text-sm font-medium text-red-800", children: "Preview Error" }),
+        /* @__PURE__ */ t.jsx("p", { className: "text-xs text-red-600", children: r })
+      ] })
+    ] }) : /* @__PURE__ */ t.jsx(
+      "iframe",
+      {
+        title: "Preview",
+        className: "w-full h-full",
+        srcDoc: x,
+        sandbox: "allow-scripts",
+        onError: () => s("Failed to load preview")
+      }
+    ) })
+  ] });
+}, hr = () => {
+  const o = [
+    {
+      id: "1",
+      name: "Should format currency correctly",
+      status: "passed",
+      duration: "12ms"
+    },
+    {
+      id: "2",
+      name: "Should calculate discount",
+      status: "passed",
+      duration: "8ms"
+    },
+    {
+      id: "3",
+      name: "Should validate email format",
+      status: "failed",
+      duration: "5ms",
+      error: "Expected true but received false"
+    },
+    {
+      id: "4",
+      name: "Should handle empty input",
+      status: "passed",
+      duration: "3ms"
+    }
+  ];
+  return /* @__PURE__ */ t.jsxs("div", { className: "h-full", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-slate-200", children: [
+      /* @__PURE__ */ t.jsx("h2", { className: "font-medium text-sm", children: "Test Runner" }),
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ t.jsx("button", { className: "p-1 hover:bg-slate-100 rounded-md mr-1", children: /* @__PURE__ */ t.jsx(Le, { size: 14 }) }),
+        /* @__PURE__ */ t.jsxs("button", { className: "bg-slate-900 text-white text-xs px-2 py-1 rounded-md flex items-center", children: [
+          /* @__PURE__ */ t.jsx(Me, { size: 12, className: "mr-1" }),
+          " Run Tests"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "p-3", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "mb-3 p-2 bg-slate-50 rounded-md border border-slate-200", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium", children: "Test Summary" }),
+          /* @__PURE__ */ t.jsx("span", { className: "text-xs", children: "3 passed, 1 failed, 4 total" })
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "w-full h-2 bg-slate-200 rounded-full mt-2 overflow-hidden", children: /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "h-full bg-emerald-500",
+            style: {
+              width: "75%"
+            }
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ t.jsx("div", { children: o.map((r) => /* @__PURE__ */ t.jsxs(
+        "div",
+        {
+          className: `p-2 mb-2 rounded-md ${r.status === "failed" ? "bg-red-50 border border-red-100" : "bg-slate-50 border border-slate-200"}`,
+          children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
+                r.status === "passed" ? /* @__PURE__ */ t.jsx(
+                  Lt,
+                  {
+                    size: 16,
+                    className: "text-emerald-500 mr-2"
+                  }
+                ) : /* @__PURE__ */ t.jsx(Mt, { size: 16, className: "text-red-500 mr-2" }),
+                /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: r.name })
+              ] }),
+              /* @__PURE__ */ t.jsx("span", { className: "text-xs text-slate-500", children: r.duration })
+            ] }),
+            r.error && /* @__PURE__ */ t.jsx("div", { className: "mt-2 text-xs text-red-600 bg-red-50 p-2 rounded", children: r.error })
+          ]
+        },
+        r.id
+      )) }),
+      /* @__PURE__ */ t.jsx("div", { className: "mt-4", children: /* @__PURE__ */ t.jsx("button", { className: "w-full py-2 border border-dashed border-slate-300 rounded-md text-sm text-slate-500 hover:bg-slate-50", children: "+ Add New Test Case" }) })
+    ] })
+  ] });
+}, pr = () => {
+  const o = [
+    {
+      id: "v1",
+      name: "Initial version",
+      author: "John Doe",
+      timestamp: "Today, 2:30 PM",
+      current: !0
+    },
+    {
+      id: "v2",
+      name: "Added form validation",
+      author: "John Doe",
+      timestamp: "Today, 1:15 PM",
+      current: !1
+    },
+    {
+      id: "v3",
+      name: "Fixed API integration",
+      author: "Sarah Smith",
+      timestamp: "Yesterday, 4:45 PM",
+      current: !1
+    },
+    {
+      id: "v4",
+      name: "Initial setup",
+      author: "Sarah Smith",
+      timestamp: "Yesterday, 11:30 AM",
+      current: !1
+    }
+  ];
+  return /* @__PURE__ */ t.jsxs("div", { className: "h-full", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between p-4 border-b border-slate-200", children: [
+      /* @__PURE__ */ t.jsx("h2", { className: "font-medium text-sm", children: "Version History" }),
+      /* @__PURE__ */ t.jsx("button", { className: "text-xs text-slate-500 hover:text-slate-800", children: "Save Version" })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "p-2", children: o.map((r) => /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: `p-3 mb-2 rounded-md ${r.current ? "bg-slate-100 border border-slate-200" : "hover:bg-slate-50 cursor-pointer"}`,
+        children: [
+          /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium", children: r.name }),
+            r.current && /* @__PURE__ */ t.jsx("span", { className: "text-xs bg-emerald-100 text-emerald-800 px-2 py-0.5 rounded", children: "Current" })
+          ] }),
+          /* @__PURE__ */ t.jsxs("div", { className: "flex items-center mt-1 text-xs text-slate-500", children: [
+            /* @__PURE__ */ t.jsx(Bt, { size: 12, className: "mr-1" }),
+            /* @__PURE__ */ t.jsx("span", { className: "mr-3", children: r.author }),
+            /* @__PURE__ */ t.jsx(Wt, { size: 12, className: "mr-1" }),
+            /* @__PURE__ */ t.jsx("span", { children: r.timestamp })
+          ] }),
+          !r.current && /* @__PURE__ */ t.jsx("div", { className: "mt-2", children: /* @__PURE__ */ t.jsxs("button", { className: "text-xs flex items-center text-slate-600 hover:text-slate-900", children: [
+            /* @__PURE__ */ t.jsx(Vt, { size: 12, className: "mr-1" }),
+            " Restore this version"
+          ] }) })
+        ]
+      },
+      r.id
+    )) })
+  ] });
+}, xr = "1.0.0";
 export {
-  tt as Alert,
-  nt as Button,
-  Mr as CodeEditor,
-  ie as CodeEditorWrapper,
-  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
+  br as Alert,
+  yr as Button,
+  Zt as CodeEditor,
+  se as CodeEditorWrapper,
+  ur as DataExplorer,
+  tr as EditorLayout,
+  rr as FileExplorer,
+  lr as FormCodeEditor,
+  Gt as FormFileProvider,
+  fr as FunctionLibrary,
+  dr as Header,
+  mr as PreviewPanel,
+  jr as Splitter,
+  hr as TestRunner,
+  wr as Tooltip,
+  Er as Tree,
+  cr as URLCodeEditor,
+  Kt as URLFileProvider,
+  xr as VERSION,
+  pr as VersionHistory,
+  or as WorkflowCodeEditor,
+  Jt as WorkflowFileProvider,
+  Xt as createFileProvider,
+  Ht as useFileManager
 };