superleap-code-editor 1.0.3 → 1.0.5

package/dist/index.esm.js

@@ -1,9 +1,9 @@
-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";
-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 Tr() {
-  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 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 = a, L.jsx = x, L.jsxs = x, L;
+  return $.Fragment = s, $.jsx = j, $.jsxs = j, $;
 }
-var W = {};
+var L = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,53 +38,53 @@ var W = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ie;
-function Sr() {
+function Ut() {
   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 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 = B && e[B] || e[J];
-      return typeof r == "function" ? r : null;
+      var n = M && e[M] || e[H];
+      return typeof n == "function" ? n : null;
     }
-    var g = o.__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), s = 1; s < r; s++)
-          n[s - 1] = arguments[s];
-        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 s = g.ReactDebugCurrentFrame, v = s.getStackAddendum();
-        v !== "" && (r += "%s", n = n.concat([v]));
-        var p = 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);
         });
-        p.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, p);
+        p.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, p);
       }
     }
-    var Be = !1, Me = !1, Ye = !1, ze = !1, Ve = !1, ae;
+    var qe = !1, He = !1, Je = !1, Ge = !1, Ke = !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 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 qe(e, r, n) {
-      var s = e.displayName;
-      if (s)
-        return s;
-      var v = r.displayName || r.name || "";
-      return v !== "" ? n + "(" + v + ")" : n;
+    function Ze(e, n, a) {
+      var l = e.displayName;
+      if (l)
+        return l;
+      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")
@@ -94,34 +94,34 @@ function Sr() {
       switch (e) {
         case i:
           return "Fragment";
-        case a:
+        case s:
           return "Portal";
-        case b:
+        case g:
           return "Profiler";
-        case d:
+        case c:
           return "StrictMode";
-        case j:
+        case N:
           return "Suspense";
-        case u:
+        case d:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case F:
-            var r = e;
-            return oe(r) + ".Consumer";
-          case x:
+          case w:
             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;
+            return ie(n) + ".Consumer";
+          case j:
+            var a = e;
+            return ie(a._context) + ".Provider";
+          case x:
+            return Ze(e, e.render, "ForwardRef");
+          case E:
+            var l = e.displayName || null;
+            return l !== null ? l : T(e.type) || "Memo";
+          case C: {
+            var m = e, p = m._payload, f = m._init;
             try {
-              return O(f(p));
+              return T(f(p));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function Sr() {
         }
       return null;
     }
-    var P = Object.assign, N = 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 Je() {
+    function Qe() {
       {
-        if (N === 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 Sr() {
             groupEnd: e
           });
         }
-        N++;
+        z++;
       }
     }
-    function Ge() {
+    function et() {
       {
-        if (N--, N === 0) {
+        if (z--, z === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -166,7 +166,7 @@ function Sr() {
           };
           Object.defineProperties(console, {
             log: P({}, e, {
-              value: se
+              value: oe
             }),
             info: P({}, e, {
               value: le
@@ -175,57 +175,57 @@ function Sr() {
               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
             })
           });
         }
-        N < 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 K = g.ReactCurrentDispatcher, H;
-    function M(e, r, n) {
+    var G = v.ReactCurrentDispatcher, K;
+    function B(e, n, a) {
       {
-        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] || "";
+          } catch (m) {
+            var l = m.stack.trim().match(/\n( *(at )?)/);
+            K = l && l[1] || "";
           }
         return `
-` + H + e;
+` + K + e;
       }
     }
-    var X = !1, Y;
+    var X = !1, W;
     {
-      var Ke = typeof WeakMap == "function" ? WeakMap : Map;
-      Y = new Ke();
+      var tt = typeof WeakMap == "function" ? WeakMap : Map;
+      W = new tt();
     }
-    function pe(e, r) {
+    function pe(e, n) {
       if (!e || X)
         return "";
       {
-        var n = Y.get(e);
-        if (n !== void 0)
-          return n;
+        var a = W.get(e);
+        if (a !== void 0)
+          return a;
       }
-      var s;
+      var l;
       X = !0;
-      var v = Error.prepareStackTrace;
+      var m = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var p;
-      p = K.current, K.current = null, Je();
+      p = G.current, G.current = null, Qe();
       try {
-        if (r) {
+        if (n) {
           var f = function() {
             throw Error();
           };
@@ -236,249 +236,249 @@ function Sr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(f, []);
-            } catch (T) {
-              s = T;
+            } catch (_) {
+              l = _;
             }
             Reflect.construct(e, [], f);
           } else {
             try {
               f.call();
-            } catch (T) {
-              s = T;
+            } catch (_) {
+              l = _;
             }
             e.call(f.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (T) {
-            s = T;
+          } catch (_) {
+            l = _;
           }
           e();
         }
-      } catch (T) {
-        if (T && s && 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)
+      } 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--, E--, E < 0 || c[y] !== _[E]) {
-                    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;
+                  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 && E >= 0);
+                while (b >= 1 && y >= 0);
               break;
             }
         }
       } finally {
-        X = !1, K.current = p, Ge(), Error.prepareStackTrace = v;
+        X = !1, G.current = p, et(), Error.prepareStackTrace = m;
       }
-      var D = e ? e.displayName || e.name : "", Se = D ? M(D) : "";
-      return typeof e == "function" && Y.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 He(e, r, n) {
+    function rt(e, n, a) {
       return pe(e, !1);
     }
-    function Xe(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
+    function nt(e) {
+      var n = e.prototype;
+      return !!(n && n.isReactComponent);
     }
-    function z(e, r, n) {
+    function V(e, n, a) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return pe(e, Xe(e));
+        return pe(e, nt(e));
       if (typeof e == "string")
-        return M(e);
+        return B(e);
       switch (e) {
-        case j:
-          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 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 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 z(p(v), r, n);
+              return V(p(m), n, a);
             } catch {
             }
           }
         }
       return "";
     }
-    var V = Object.prototype.hasOwnProperty, me = {}, ge = g.ReactDebugCurrentFrame;
+    var Y = Object.prototype.hasOwnProperty, xe = {}, ve = v.ReactDebugCurrentFrame;
     function U(e) {
       if (e) {
-        var r = e._owner, n = z(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 Ze(e, r, n, s, v) {
+    function st(e, n, a, l, m) {
       {
-        var p = Function.call.bind(V);
+        var p = Function.call.bind(Y);
         for (var f in e)
           if (p(e, f)) {
-            var c = void 0;
+            var u = 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 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, s, 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).", 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));
+            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 Qe = Array.isArray;
+    var at = Array.isArray;
     function Z(e) {
-      return Qe(e);
+      return at(e);
     }
-    function er(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 rr(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 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 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, tr = {
+    var ye = v.ReactCurrentOwner, lt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, xe, Fe;
-    function nr(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 ir(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 ar(e, r) {
-      typeof e.ref == "string" && be.current;
+    function ut(e, n) {
+      typeof e.ref == "string" && ye.current;
     }
-    function or(e, r) {
+    function ft(e, n) {
       {
-        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));
+        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 sr(e, r) {
+    function mt(e, n) {
       {
-        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));
+        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 lr = function(e, r, n, s, v, p, 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: 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: s
-      }), Object.defineProperty(c, "_source", {
+        value: l
+      }), 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 cr(e, r, n, s, v) {
+    function pt(e, n, a, l, m) {
       {
-        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 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 (p in y)
-            f[p] === void 0 && (f[p] = y[p]);
+          var b = e.defaultProps;
+          for (p in b)
+            f[p] === void 0 && (f[p] = b[p]);
         }
-        if (c || _) {
-          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          c && or(f, E), _ && sr(f, E);
+        if (u || R) {
+          var y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          u && ft(f, y), R && mt(f, y);
         }
-        return lr(e, c, _, v, s, be.current, f);
+        return ht(e, u, R, m, l, ye.current, f);
       }
     }
-    var Q = g.ReactCurrentOwner, Re = g.ReactDebugCurrentFrame;
-    function I(e) {
+    var Q = v.ReactCurrentOwner, Ee = v.ReactDebugCurrentFrame;
+    function k(e) {
       if (e) {
-        var r = e._owner, n = z(e.type, e._source, r ? r.type : null);
-        Re.setExtraStackFrame(n);
+        var n = e._owner, a = V(e.type, e._source, n ? n.type : null);
+        Ee.setExtraStackFrame(a);
       } else
-        Re.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 we() {
+    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 ur(e) {
+    function xt(e) {
       return "";
     }
-    var _e = {};
-    function fr(e) {
+    var Ce = {};
+    function vt(e) {
       {
-        var r = we();
-        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 je(e, r) {
+    function Re(e, n) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var n = fr(r);
-        if (_e[n])
+        var a = vt(n);
+        if (Ce[a])
           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);
+        Ce[a] = !0;
+        var l = "";
+        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 s = e[n];
-            re(s) && je(s, 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 = G(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);
+          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 dr(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 === m || // 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 === R))
-          n = r.propTypes;
+        n.$$typeof === E))
+          a = n.propTypes;
         else
           return;
-        if (n) {
-          var s = O(r);
-          Ze(n, e.props, "prop", s, 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 vr(e) {
+    function bt(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);
+        for (var n = Object.keys(e.props), a = 0; a < n.length; a++) {
+          var l = n[a];
+          if (l !== "children" && l !== "key") {
+            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 && (I(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
+        e.ref !== null && (k(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), k(null));
       }
     }
-    function Te(e, r, n, s, v, p) {
+    function _e(e, n, a, l, m, p) {
       {
-        var f = Ue(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 _ = ur();
-          _ ? c += _ : c += we();
-          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 E = cr(e, r, n, v, p);
-        if (E == null)
-          return E;
+        var y = pt(e, n, a, m, p);
+        if (y == null)
+          return y;
         if (f) {
-          var C = r.children;
-          if (C !== void 0)
-            if (s)
-              if (Z(C)) {
-                for (var D = 0; D < C.length; D++)
-                  Ce(C[D], e);
-                Object.freeze && Object.freeze(C);
+          var F = n.children;
+          if (F !== void 0)
+            if (l)
+              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 === i ? vr(E) : dr(E), E;
+        return e === i ? bt(y) : gt(y), y;
       }
     }
-    function hr(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 mr = pr, gr = hr;
-    W.Fragment = i, W.jsx = mr, W.jsxs = gr;
-  })()), W;
+    var wt = jt, Et = yt;
+    L.Fragment = i, L.jsx = wt, L.jsxs = Et;
+  })()), L;
 }
-var De;
-function Or() {
-  return De || (De = 1, process.env.NODE_ENV === "production" ? q.exports = Tr() : q.exports = Sr()), q.exports;
+var ke;
+function qt() {
+  return ke || (ke = 1, process.env.NODE_ENV === "production" ? q.exports = Yt() : q.exports = Ut()), 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 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 {
-      m(!0), u(null);
-      const g = await o.getFiles();
-      if (a(g), !i && g.length > 0) {
-        const h = Ne(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 {
-      m(!1);
+      x(!1);
     }
-  }, [o, i]), w = A(
-    async (g) => {
+  }, [o, i]), C = A(
+    async (v) => {
       try {
-        m(!0), u(null);
-        const h = await o.getFileContent(g);
-        x(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"
-        ), x("");
+        ), j("");
       } finally {
-        m(!1);
+        x(!1);
       }
     },
     [o]
   ), S = A(
-    async (g) => {
+    async (v) => {
       if (i)
         try {
-          u(null), await o.updateFileContent(i, g), x(g), a(
-            (h) => Le(h, i, { 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"
           );
         }
     },
     [i, o]
-  ), B = A(
-    (g) => {
-      d(g), w(g);
+  ), M = A(
+    (v) => {
+      c(v), C(v);
     },
-    [w]
-  ), J = A(() => {
-    R();
-  }, [R]), G = A(
-    (g) => $e(t, g),
-    [t]
+    [C]
+  ), H = A(() => {
+    E();
+  }, [E]), J = A(
+    (v) => Ve(r, v),
+    [r]
   );
-  return Oe(() => {
-    R();
-  }, [R]), Oe(() => {
-    i && w(i);
-  }, [i, w]), {
-    files: t,
+  return Te(() => {
+    E();
+  }, [E]), Te(() => {
+    i && C(i);
+  }, [i, C]), {
+    files: r,
     activeFile: i,
-    fileContent: b,
-    loading: F,
-    error: j,
-    setActiveFile: B,
+    fileContent: g,
+    loading: w,
+    error: N,
+    setActiveFile: M,
     updateFileContent: S,
-    refreshFiles: J,
-    getFileById: G
+    refreshFiles: H,
+    getFileById: J
   };
 }
-function Ne(o) {
-  for (const t of o) {
-    if (t.type === "file")
-      return t;
-    if (t.children) {
-      const a = Ne(t.children);
-      if (a) return a;
+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 $e(o, t) {
-  for (const a of o) {
-    if (a.id === t) return a;
-    if (a.children) {
-      const i = $e(a.children, t);
+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 Le(o, t, a) {
-  return o.map((i) => i.id === t ? { ...i, ...a } : i.children ? {
+function Ye(o, r, s) {
+  return o.map((i) => i.id === r ? { ...i, ...s } : i.children ? {
     ...i,
-    children: Le(i.children, t, a)
+    children: Ye(i.children, r, s)
   } : i);
 }
-class kr {
+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, a) {
-    const i = this.findFileById(t);
-    i && (i.content = a), console.log(`Updated file ${t} with content:`, a);
+  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 kr {
         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 kr {
       }
     ];
   }
-  findFileById(t) {
-    const a = (i) => {
-      for (const d of i) {
-        if (d.id === t) return d;
-        if (d.children) {
-          const b = a(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 a(this.files);
+    return s(this.files);
   }
 }
-class Ir {
+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, a) {
-    if (t === "form-code") {
-      this.config.codeContent = a;
-      const i = this.files.find((d) => d.id === t);
-      i && (i.content = a);
+  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,25 +820,25 @@ class Ir {
       }
     ];
   }
-  findFileById(t) {
-    return this.files.find((a) => a.id === t) || null;
+  findFileById(r) {
+    return this.files.find((s) => s.id === r) || null;
   }
 }
-class Dr {
+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 a = this.findFileById(t);
-    if (!a || !a.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 i = await fetch(a.metadata.url);
+      const i = await fetch(s.metadata.url);
       if (!i.ok)
         throw new Error(`Failed to fetch file: ${i.statusText}`);
       return await i.text();
@@ -846,58 +846,58 @@ class Dr {
       throw new Error(`Error fetching file content: ${i}`);
     }
   }
-  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(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, a) => ({
-      id: `url-file-${a}`,
-      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((a) => a.id === t) || null;
+  findFileById(r) {
+    return this.files.find((s) => s.id === r) || null;
   }
 }
-function Ar(o) {
+function Xt(o) {
   if (o.workflowConfig)
-    return new kr(o.workflowConfig);
+    return new Jt(o.workflowConfig);
   if (o.formConfig)
-    return new Ir(o.formConfig);
+    return new Gt(o.formConfig);
   if (o.urlConfig)
-    return new Dr(o.urlConfig);
+    return new Kt(o.urlConfig);
   throw new Error("No valid configuration provided");
 }
-const Nr = ({
+const Zt = ({
   value: o,
-  onChange: t,
-  language: a = "javascript",
+  onChange: r,
+  language: s = "javascript",
   filename: i,
-  readOnly: d = !1,
-  loading: b = !1
+  readOnly: c = !1,
+  loading: g = !1
 }) => {
-  const x = (F) => {
-    F !== void 0 && t(F);
+  const j = (w) => {
+    w !== void 0 && r(w);
   };
-  return /* @__PURE__ */ l.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ l.jsx(
-    yr,
+  return /* @__PURE__ */ t.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ t.jsx(
+    Ct,
     {
       height: "100%",
-      defaultLanguage: a,
+      defaultLanguage: s,
       defaultValue: o,
-      onChange: x,
+      onChange: j,
       theme: "vs-light",
       options: {
         minimap: {
@@ -910,154 +910,158 @@ const Nr = ({
           top: 16
         },
         scrollBeyondLastLine: !1,
-        readOnly: d
+        readOnly: c
       }
     }
   ) });
-}, $r = ({
+}, 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: t
+  setActivePanel: r,
+  allowedRoutes: s = ["explorer"]
 }) => {
-  const a = [
-    {
-      id: "explorer",
-      icon: Ae,
-      label: "Files"
-    },
-    {
-      id: "data",
-      icon: xr,
-      label: "Data"
-    },
-    {
-      id: "functions",
-      icon: Fr,
-      label: "Functions"
-    },
-    {
-      id: "versions",
-      icon: Rr,
-      label: "Versions"
-    },
-    {
-      id: "tests",
-      icon: wr,
-      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(
-        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: o === i.id ? "primary" : "text",
-          icon: /* @__PURE__ */ l.jsx(d, { size: 16 }),
-          onClick: () => t(i.id)
+          type: o === c.id ? "primary" : "text",
+          icon: /* @__PURE__ */ t.jsx(g, { size: 16 }),
+          onClick: () => r(c.id)
         }
-      ) }, i.id);
+      ) }, c.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__ */ 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 }) }) }) })
   ] });
-}, Lr = ({
+}, tr = ({
   leftPanel: o,
-  editor: t,
-  rightPanel: a,
+  editor: r,
+  rightPanel: s,
   activePanel: i,
-  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(
-    k,
+  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__ */ l.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__ */ l.jsx("div", { className: "h-full overflow-y-auto", children: o })
+            children: /* @__PURE__ */ t.jsx("div", { className: "h-full overflow-y-auto", children: o })
           }
         ),
-        /* @__PURE__ */ l.jsx(k.Panel, { defaultSize: "50%", min: "30%", children: t }),
-        /* @__PURE__ */ l.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__ */ l.jsx("div", { className: "h-full overflow-y-auto", children: a })
+            children: /* @__PURE__ */ t.jsx("div", { className: "h-full overflow-y-auto", children: s })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ l.jsxs(k, { style: { height: "100%" }, children: [
-    /* @__PURE__ */ l.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__ */ l.jsx("div", { className: "h-full overflow-y-auto", children: o })
+        children: /* @__PURE__ */ t.jsx("div", { className: "h-full overflow-y-auto", children: o })
       }
     ),
-    /* @__PURE__ */ l.jsx(k.Panel, { defaultSize: "75%", min: "60%", children: t })
+    /* @__PURE__ */ t.jsx(O.Panel, { defaultSize: "75%", min: "60%", children: r })
   ] }) })
-] }), Wr = ({
+] }), rr = ({
   files: o,
-  activeFile: t,
-  onFileSelect: a,
+  activeFile: r,
+  onFileSelect: s,
   loading: i = !1,
-  error: d = null,
-  onRefresh: b
+  error: c = null,
+  onRefresh: g
 }) => {
-  const x = (j) => j.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" }),
-    isLeaf: u.type === "file",
-    children: u.children ? x(u.children) : void 0,
-    metadata: u.metadata
-  })), F = x(o), m = (j, u) => {
-    u?.node.isLeaf && u.node.key && a(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__ */ 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(
-        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__ */ l.jsx(jr, { size: 16 }),
-          onClick: b,
+          icon: /* @__PURE__ */ t.jsx(St, { size: 16 }),
+          onClick: g,
           loading: i,
           title: "Refresh files"
         }
       ) })
     ] }),
-    /* @__PURE__ */ l.jsxs("div", { className: "p-2", children: [
-      d && /* @__PURE__ */ l.jsx(
-        Er,
+    /* @__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__ */ l.jsx(
-        br,
+      /* @__PURE__ */ t.jsx(
+        Ft,
         {
-          treeData: F,
-          onSelect: m,
-          selectedKeys: t ? [t] : [],
+          treeData: w,
+          onSelect: x,
+          selectedKeys: r ? [r] : [],
           showIcon: !0,
           defaultExpandAll: !0,
           showLine: !0,
@@ -1066,116 +1070,523 @@ const Nr = ({
       )
     ] })
   ] });
-}, ie = ({
+}, se = ({
   config: o,
-  rightPanel: t = !1
+  rightPanel: r = !1
 }) => {
-  const a = ne.useMemo(
-    () => Ar(o),
+  const s = ne.useMemo(
+    () => Xt(o),
     [o]
   );
   console.log({ config: o });
   const {
     files: i,
-    activeFile: d,
-    fileContent: b,
-    loading: x,
-    error: F,
-    setActiveFile: m,
-    updateFileContent: j,
-    refreshFiles: u,
-    getFileById: R
-  } = Pr(a), w = d ? R(d) : null, S = w?.metadata?.language || "javascript";
-  return /* @__PURE__ */ l.jsx(
-    Lr,
+    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__ */ l.jsx(
-        Wr,
+      leftPanel: /* @__PURE__ */ t.jsx(
+        rr,
         {
           files: i,
-          activeFile: d,
-          onFileSelect: m,
-          loading: x,
-          error: F,
-          onRefresh: u
+          activeFile: c,
+          onFileSelect: x,
+          loading: j,
+          error: w,
+          onRefresh: d
         }
       ),
-      editor: /* @__PURE__ */ l.jsx(
-        Nr,
+      editor: /* @__PURE__ */ t.jsx(
+        Zt,
         {
-          value: b,
-          onChange: j,
+          value: g,
+          onChange: N,
           language: S,
-          filename: w?.name,
+          filename: C?.name,
           readOnly: o.settings?.readOnly,
-          loading: x
+          loading: j
         }
       ),
-      rightPanel: t,
+      rightPanel: r,
       activePanel: "explorer",
       setActivePanel: () => {
       }
     }
   );
-}, Vr = ({
+}, or = ({
   functionId: o,
-  version: t,
-  versionList: a,
+  version: r,
+  versionList: s,
   fetchFunction: i,
-  fetchVersionList: d
+  fetchVersionList: c
 }) => {
-  const b = {
+  const g = {
     workflowConfig: {
       functionId: o,
-      version: t,
-      versionList: a,
+      version: r,
+      versionList: s,
       fetchFunction: i,
-      fetchVersionList: d
+      fetchVersionList: c
     }
   };
-  return /* @__PURE__ */ l.jsx(ie, { config: b });
-}, Ur = ({
+  return /* @__PURE__ */ t.jsx(se, { config: g });
+}, lr = ({
   codeContent: o,
-  fileName: t = "code.js",
-  language: a = "javascript",
+  fileName: r = "code.js",
+  language: s = "javascript",
   readOnly: i = !1
 }) => {
-  const d = {
+  const c = {
     formConfig: {
       codeContent: o,
-      fileName: t,
-      language: a
+      fileName: r,
+      language: s
     },
     settings: {
       readOnly: i
     }
   };
-  return /* @__PURE__ */ l.jsx(ie, { config: d });
-}, qr = ({ fileUrls: o, rightPanel: t }) => {
-  const a = {
+  return /* @__PURE__ */ t.jsx(se, { config: c });
+}, cr = ({ fileUrls: o, rightPanel: r }) => {
+  const s = {
     urlConfig: {
       fileUrls: o
     }
   };
-  return /* @__PURE__ */ l.jsx(ie, { config: a, rightPanel: t });
-}, Jr = "1.0.0";
+  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__ */ 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: () => s(!r),
+        title: r ? "Hide Preview" : "Show Preview",
+        children: r ? /* @__PURE__ */ t.jsx(Pt, { size: 18 }) : /* @__PURE__ */ t.jsx(Ot, { size: 18 })
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        className: "p-1.5 hover:bg-slate-100 rounded-md text-slate-600",
+        title: "Version History",
+        children: /* @__PURE__ */ t.jsx($e, { size: 18 })
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        className: "p-1.5 hover:bg-slate-100 rounded-md text-slate-600",
+        title: "Run Code",
+        children: /* @__PURE__ */ t.jsx(Me, { size: 18 })
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        className: "p-1.5 hover:bg-slate-100 rounded-md text-slate-600",
+        title: "Export",
+        children: /* @__PURE__ */ t.jsx(It, { size: 18 })
+      }
+    ),
+    /* @__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__ */ 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"
+    ] })
+  ] })
+] }), 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 {
-  Hr as Alert,
-  Xr as Button,
-  Nr 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
+  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
 };