@valbuild/ui 0.43.0 → 0.44.0

package/server/dist/valbuild-ui-main.esm.js

@@ -32887,6 +32887,63 @@ var ArraySchema = /* @__PURE__ */ function(_Schema) {
   }]);
   return ArraySchema2;
 }(Schema);
+var LiteralSchema = /* @__PURE__ */ function(_Schema) {
+  _inherits(LiteralSchema2, _Schema);
+  var _super = _createSuper(LiteralSchema2);
+  function LiteralSchema2(value) {
+    var _this;
+    var opt = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    _classCallCheck(this, LiteralSchema2);
+    _this = _super.call(this);
+    _this.value = value;
+    _this.opt = opt;
+    return _this;
+  }
+  _createClass(LiteralSchema2, [{
+    key: "validate",
+    value: function validate(path, src) {
+      if (this.opt && (src === null || src === void 0)) {
+        return false;
+      }
+      if (typeof src !== "string") {
+        return _defineProperty$1({}, path, [{
+          message: "Expected 'string', got '".concat(_typeof(src), "'"),
+          value: src
+        }]);
+      }
+      if (src !== this.value) {
+        return _defineProperty$1({}, path, [{
+          message: "Expected literal '".concat(this.value, "', got '").concat(src, "'"),
+          value: src
+        }]);
+      }
+      return false;
+    }
+  }, {
+    key: "assert",
+    value: function assert(src) {
+      if (this.opt && (src === null || src === void 0)) {
+        return true;
+      }
+      return typeof src === "string";
+    }
+  }, {
+    key: "optional",
+    value: function optional() {
+      return new LiteralSchema2(this.value, true);
+    }
+  }, {
+    key: "serialize",
+    value: function serialize() {
+      return {
+        type: "literal",
+        value: this.value,
+        opt: this.opt
+      };
+    }
+  }]);
+  return LiteralSchema2;
+}(Schema);
 var UnionSchema = /* @__PURE__ */ function(_Schema) {
   _inherits(UnionSchema2, _Schema);
   var _super = _createSuper(UnionSchema2);
@@ -32903,7 +32960,139 @@ var UnionSchema = /* @__PURE__ */ function(_Schema) {
   _createClass(UnionSchema2, [{
     key: "validate",
     value: function validate(path, src) {
-      return false;
+      var unknownSrc = src;
+      var errors = false;
+      if (this.opt && (unknownSrc === null || unknownSrc === void 0)) {
+        return false;
+      }
+      if (!this.key) {
+        return _defineProperty$1({}, path, [{
+          message: "Missing required first argument in union"
+        }]);
+      }
+      var key = this.key;
+      if (!Array.isArray(this.items)) {
+        return _defineProperty$1({}, path, [{
+          message: "A union schema must take more than 1 schema arguments",
+          fatal: true
+        }]);
+      }
+      if (typeof key === "string") {
+        if (this.items.some(function(item) {
+          return !(item instanceof ObjectSchema);
+        })) {
+          return _defineProperty$1({}, path, [{
+            message: "Key is a string, so all schema items must be objects",
+            fatal: true
+          }]);
+        }
+        var objectSchemas = this.items;
+        var serializedSchemas = objectSchemas.map(function(schema2) {
+          return schema2.serialize();
+        });
+        var illegalSchemas = serializedSchemas.filter(function(schema2) {
+          return !(schema2.type === "object") || !(schema2.items[key].type === "literal");
+        });
+        if (illegalSchemas.length > 0) {
+          return _defineProperty$1({}, path, [{
+            message: "All schema items must be objects with a key: ".concat(key, " that is a literal schema. Found: ").concat(JSON.stringify(illegalSchemas, null, 2)),
+            fatal: true
+          }]);
+        }
+        var serializedObjectSchemas = serializedSchemas;
+        var optionalLiterals = serializedObjectSchemas.filter(function(schema2) {
+          return schema2.items[key].opt;
+        });
+        if (optionalLiterals.length > 1) {
+          return _defineProperty$1({}, path, [{
+            message: "Schema cannot have an optional keys: ".concat(key),
+            fatal: true
+          }]);
+        }
+        if (_typeof(unknownSrc) !== "object") {
+          return _defineProperty$1({}, path, [{
+            message: "Expected an object"
+          }]);
+        }
+        var objectSrc = unknownSrc;
+        if (objectSrc[key] === void 0) {
+          return _defineProperty$1({}, path, [{
+            message: "Missing required key: ".concat(key)
+          }]);
+        }
+        var foundSchemaLiterals = [];
+        var _iterator = _createForOfIteratorHelper$1(serializedObjectSchemas), _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+            var schema = _step.value;
+            var schemaKey = schema.items[key];
+            if (schemaKey.type === "literal") {
+              if (!foundSchemaLiterals.includes(schemaKey.value)) {
+                foundSchemaLiterals.push(schemaKey.value);
+              } else {
+                return _defineProperty$1({}, path, [{
+                  message: "Found duplicate key in schema: ".concat(schemaKey.value),
+                  fatal: true
+                }]);
+              }
+            }
+          }
+        } catch (err2) {
+          _iterator.e(err2);
+        } finally {
+          _iterator.f();
+        }
+        var objectSchemaAtKey = objectSchemas.find(function(schema2) {
+          return !schema2.items[key].validate(path, objectSrc[key]);
+        });
+        if (!objectSchemaAtKey) {
+          var keyPath = createValPathOfItem$1(path, key);
+          if (!keyPath) {
+            throw new Error("Internal error: could not create path at ".concat(!path && typeof path === "string" ? "<empty string>" : path, " at key ").concat(key));
+          }
+          return _defineProperty$1({}, keyPath, [{
+            message: 'Invalid key: "'.concat(key, '". Value was: "').concat(objectSrc[key], '". Valid values: ').concat(serializedObjectSchemas.map(function(schema2) {
+              var keySchema = schema2.items[key];
+              if (keySchema.type === "literal" && keySchema.value) {
+                return '"'.concat(keySchema.value, '"');
+              } else {
+                throw new Error("Expected literal schema, got ".concat(JSON.stringify(keySchema, null, 2)));
+              }
+            }).join(", "))
+          }]);
+        }
+        var error = objectSchemaAtKey.validate(path, objectSrc);
+        if (error) {
+          return error;
+        }
+      } else if (key instanceof LiteralSchema) {
+        if (this.items.some(function(item) {
+          return !(item instanceof LiteralSchema);
+        })) {
+          return _defineProperty$1({}, path, [{
+            message: "Key is a literal schema, so all schema items must be literals",
+            fatal: true
+          }]);
+        }
+        var literalItems = [key].concat(_toConsumableArray$1(this.items));
+        if (typeof unknownSrc === "string") {
+          var isMatch = literalItems.some(function(item) {
+            return !item.validate(path, unknownSrc);
+          });
+          if (!isMatch) {
+            return _defineProperty$1({}, path, [{
+              message: "Union must match one of the following: ".concat(literalItems.map(function(item) {
+                return '"'.concat(item.value, '"');
+              }).join(", "))
+            }]);
+          }
+        }
+      } else {
+        return _defineProperty$1({}, path, [{
+          message: "Expected a string or literal"
+        }]);
+      }
+      return errors;
     }
   }, {
     key: "assert",
@@ -33625,8 +33814,8 @@ function isBE() {
 var getSHA256Hash = function getSHA256Hash2(bits) {
   return createHash().update(bits).digest("hex");
 };
-function _regeneratorRuntime$1() {
-  _regeneratorRuntime$1 = function() {
+function _regeneratorRuntime() {
+  _regeneratorRuntime = function() {
     return e;
   };
   var t, e = {}, r2 = Object.prototype, n = r2.hasOwnProperty, o = Object.defineProperty || function(t2, e2, r3) {
@@ -33936,7 +34125,7 @@ function _regeneratorRuntime$1() {
     }
   }, e;
 }
-function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -33950,16 +34139,16 @@ function asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _asyncToGenerator$1(fn) {
+function _asyncToGenerator(fn) {
   return function() {
     var self = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn.apply(self, args);
       function _next(value) {
-        asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err2) {
-        asyncGeneratorStep$1(gen, resolve, reject, _next, _throw, "throw", err2);
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err2);
       }
       _next(void 0);
     });
@@ -33988,9 +34177,9 @@ var ValApi = /* @__PURE__ */ function() {
   }, {
     key: "getPatches",
     value: function() {
-      var _getPatches = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee(_ref) {
+      var _getPatches = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(_ref) {
         var patchIds, headers, patchIdsParam;
-        return _regeneratorRuntime$1().wrap(function _callee$(_context) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1)
             switch (_context.prev = _context.next) {
               case 0:
@@ -34084,9 +34273,9 @@ function parse$1(_x2) {
   return _parse.apply(this, arguments);
 }
 function _parse() {
-  _parse = _asyncToGenerator$1(/* @__PURE__ */ _regeneratorRuntime$1().mark(function _callee2(res) {
+  _parse = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee2(res) {
     var json;
-    return _regeneratorRuntime$1().wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
       while (1)
         switch (_context2.prev = _context2.next) {
           case 0:
@@ -40083,316 +40272,35 @@ marked.walkTokens;
 marked.parseInline;
 _Parser.parse;
 const lexer = _Lexer.lex;
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function() {
-    return e;
-  };
-  var t, e = {}, r2 = Object.prototype, n = r2.hasOwnProperty, o = Object.defineProperty || function(t2, e2, r3) {
-    t2[e2] = r3.value;
-  }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag";
-  function define(t2, e2, r3) {
-    return Object.defineProperty(t2, e2, {
-      value: r3,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    }), t2[e2];
-  }
-  try {
-    define({}, "");
-  } catch (t2) {
-    define = function(t3, e2, r3) {
-      return t3[e2] = r3;
-    };
-  }
-  function wrap(t2, e2, r3, n2) {
-    var i2 = e2 && e2.prototype instanceof Generator ? e2 : Generator, a2 = Object.create(i2.prototype), c2 = new Context(n2 || []);
-    return o(a2, "_invoke", {
-      value: makeInvokeMethod(t2, r3, c2)
-    }), a2;
-  }
-  function tryCatch(t2, e2, r3) {
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _iterableToArrayLimit(r2, l) {
+  var t = null == r2 ? null : "undefined" != typeof Symbol && r2[Symbol.iterator] || r2["@@iterator"];
+  if (null != t) {
+    var e, n, i, u, a = [], f = true, o = false;
     try {
-      return {
-        type: "normal",
-        arg: t2.call(e2, r3)
-      };
-    } catch (t3) {
-      return {
-        type: "throw",
-        arg: t3
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {};
-  function Generator() {
-  }
-  function GeneratorFunction() {
-  }
-  function GeneratorFunctionPrototype() {
-  }
-  var p = {};
-  define(p, a, function() {
-    return this;
-  });
-  var d = Object.getPrototypeOf, v = d && d(d(values([])));
-  v && v !== r2 && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t2) {
-    ["next", "throw", "return"].forEach(function(e2) {
-      define(t2, e2, function(t3) {
-        return this._invoke(e2, t3);
-      });
-    });
-  }
-  function AsyncIterator(t2, e2) {
-    function invoke(r4, o2, i2, a2) {
-      var c2 = tryCatch(t2[r4], t2, o2);
-      if ("throw" !== c2.type) {
-        var u2 = c2.arg, h2 = u2.value;
-        return h2 && "object" == typeof h2 && n.call(h2, "__await") ? e2.resolve(h2.__await).then(function(t3) {
-          invoke("next", t3, i2, a2);
-        }, function(t3) {
-          invoke("throw", t3, i2, a2);
-        }) : e2.resolve(h2).then(function(t3) {
-          u2.value = t3, i2(u2);
-        }, function(t3) {
-          return invoke("throw", t3, i2, a2);
-        });
-      }
-      a2(c2.arg);
-    }
-    var r3;
-    o(this, "_invoke", {
-      value: function(t3, n2) {
-        function callInvokeWithMethodAndArg() {
-          return new e2(function(e3, r4) {
-            invoke(t3, n2, e3, r4);
-          });
-        }
-        return r3 = r3 ? r3.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e2, r3, n2) {
-    var o2 = h;
-    return function(i2, a2) {
-      if (o2 === f)
-        throw new Error("Generator is already running");
-      if (o2 === s) {
-        if ("throw" === i2)
-          throw a2;
-        return {
-          value: t,
-          done: true
-        };
-      }
-      for (n2.method = i2, n2.arg = a2; ; ) {
-        var c2 = n2.delegate;
-        if (c2) {
-          var u2 = maybeInvokeDelegate(c2, n2);
-          if (u2) {
-            if (u2 === y)
-              continue;
-            return u2;
-          }
-        }
-        if ("next" === n2.method)
-          n2.sent = n2._sent = n2.arg;
-        else if ("throw" === n2.method) {
-          if (o2 === h)
-            throw o2 = s, n2.arg;
-          n2.dispatchException(n2.arg);
-        } else
-          "return" === n2.method && n2.abrupt("return", n2.arg);
-        o2 = f;
-        var p2 = tryCatch(e2, r3, n2);
-        if ("normal" === p2.type) {
-          if (o2 = n2.done ? s : l, p2.arg === y)
-            continue;
-          return {
-            value: p2.arg,
-            done: n2.done
-          };
-        }
-        "throw" === p2.type && (o2 = s, n2.method = "throw", n2.arg = p2.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e2, r3) {
-    var n2 = r3.method, o2 = e2.iterator[n2];
-    if (o2 === t)
-      return r3.delegate = null, "throw" === n2 && e2.iterator.return && (r3.method = "return", r3.arg = t, maybeInvokeDelegate(e2, r3), "throw" === r3.method) || "return" !== n2 && (r3.method = "throw", r3.arg = new TypeError("The iterator does not provide a '" + n2 + "' method")), y;
-    var i2 = tryCatch(o2, e2.iterator, r3.arg);
-    if ("throw" === i2.type)
-      return r3.method = "throw", r3.arg = i2.arg, r3.delegate = null, y;
-    var a2 = i2.arg;
-    return a2 ? a2.done ? (r3[e2.resultName] = a2.value, r3.next = e2.nextLoc, "return" !== r3.method && (r3.method = "next", r3.arg = t), r3.delegate = null, y) : a2 : (r3.method = "throw", r3.arg = new TypeError("iterator result is not an object"), r3.delegate = null, y);
-  }
-  function pushTryEntry(t2) {
-    var e2 = {
-      tryLoc: t2[0]
-    };
-    1 in t2 && (e2.catchLoc = t2[1]), 2 in t2 && (e2.finallyLoc = t2[2], e2.afterLoc = t2[3]), this.tryEntries.push(e2);
-  }
-  function resetTryEntry(t2) {
-    var e2 = t2.completion || {};
-    e2.type = "normal", delete e2.arg, t2.completion = e2;
-  }
-  function Context(t2) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t2.forEach(pushTryEntry, this), this.reset(true);
-  }
-  function values(e2) {
-    if (e2 || "" === e2) {
-      var r3 = e2[a];
-      if (r3)
-        return r3.call(e2);
-      if ("function" == typeof e2.next)
-        return e2;
-      if (!isNaN(e2.length)) {
-        var o2 = -1, i2 = function next() {
-          for (; ++o2 < e2.length; )
-            if (n.call(e2, o2))
-              return next.value = e2[o2], next.done = false, next;
-          return next.value = t, next.done = true, next;
-        };
-        return i2.next = i2;
+      if (i = (t = t.call(r2)).next, 0 === l) {
+        if (Object(t) !== t)
+          return;
+        f = false;
+      } else
+        for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true)
+          ;
+    } catch (r3) {
+      o = true, n = r3;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u))
+          return;
+      } finally {
+        if (o)
+          throw n;
       }
     }
-    throw new TypeError(typeof e2 + " is not iterable");
+    return a;
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: true
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: true
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function(t2) {
-    var e2 = "function" == typeof t2 && t2.constructor;
-    return !!e2 && (e2 === GeneratorFunction || "GeneratorFunction" === (e2.displayName || e2.name));
-  }, e.mark = function(t2) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t2, GeneratorFunctionPrototype) : (t2.__proto__ = GeneratorFunctionPrototype, define(t2, u, "GeneratorFunction")), t2.prototype = Object.create(g), t2;
-  }, e.awrap = function(t2) {
-    return {
-      __await: t2
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function() {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function(t2, r3, n2, o2, i2) {
-    void 0 === i2 && (i2 = Promise);
-    var a2 = new AsyncIterator(wrap(t2, r3, n2, o2), i2);
-    return e.isGeneratorFunction(r3) ? a2 : a2.next().then(function(t3) {
-      return t3.done ? t3.value : a2.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function() {
-    return this;
-  }), define(g, "toString", function() {
-    return "[object Generator]";
-  }), e.keys = function(t2) {
-    var e2 = Object(t2), r3 = [];
-    for (var n2 in e2)
-      r3.push(n2);
-    return r3.reverse(), function next() {
-      for (; r3.length; ) {
-        var t3 = r3.pop();
-        if (t3 in e2)
-          return next.value = t3, next.done = false, next;
-      }
-      return next.done = true, next;
-    };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function(e2) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = false, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e2)
-        for (var r3 in this)
-          "t" === r3.charAt(0) && n.call(this, r3) && !isNaN(+r3.slice(1)) && (this[r3] = t);
-    },
-    stop: function() {
-      this.done = true;
-      var t2 = this.tryEntries[0].completion;
-      if ("throw" === t2.type)
-        throw t2.arg;
-      return this.rval;
-    },
-    dispatchException: function(e2) {
-      if (this.done)
-        throw e2;
-      var r3 = this;
-      function handle(n2, o3) {
-        return a2.type = "throw", a2.arg = e2, r3.next = n2, o3 && (r3.method = "next", r3.arg = t), !!o3;
-      }
-      for (var o2 = this.tryEntries.length - 1; o2 >= 0; --o2) {
-        var i2 = this.tryEntries[o2], a2 = i2.completion;
-        if ("root" === i2.tryLoc)
-          return handle("end");
-        if (i2.tryLoc <= this.prev) {
-          var c2 = n.call(i2, "catchLoc"), u2 = n.call(i2, "finallyLoc");
-          if (c2 && u2) {
-            if (this.prev < i2.catchLoc)
-              return handle(i2.catchLoc, true);
-            if (this.prev < i2.finallyLoc)
-              return handle(i2.finallyLoc);
-          } else if (c2) {
-            if (this.prev < i2.catchLoc)
-              return handle(i2.catchLoc, true);
-          } else {
-            if (!u2)
-              throw new Error("try statement without catch or finally");
-            if (this.prev < i2.finallyLoc)
-              return handle(i2.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function(t2, e2) {
-      for (var r3 = this.tryEntries.length - 1; r3 >= 0; --r3) {
-        var o2 = this.tryEntries[r3];
-        if (o2.tryLoc <= this.prev && n.call(o2, "finallyLoc") && this.prev < o2.finallyLoc) {
-          var i2 = o2;
-          break;
-        }
-      }
-      i2 && ("break" === t2 || "continue" === t2) && i2.tryLoc <= e2 && e2 <= i2.finallyLoc && (i2 = null);
-      var a2 = i2 ? i2.completion : {};
-      return a2.type = t2, a2.arg = e2, i2 ? (this.method = "next", this.next = i2.finallyLoc, y) : this.complete(a2);
-    },
-    complete: function(t2, e2) {
-      if ("throw" === t2.type)
-        throw t2.arg;
-      return "break" === t2.type || "continue" === t2.type ? this.next = t2.arg : "return" === t2.type ? (this.rval = this.arg = t2.arg, this.method = "return", this.next = "end") : "normal" === t2.type && e2 && (this.next = e2), y;
-    },
-    finish: function(t2) {
-      for (var e2 = this.tryEntries.length - 1; e2 >= 0; --e2) {
-        var r3 = this.tryEntries[e2];
-        if (r3.finallyLoc === t2)
-          return this.complete(r3.completion, r3.afterLoc), resetTryEntry(r3), y;
-      }
-    },
-    catch: function(t2) {
-      for (var e2 = this.tryEntries.length - 1; e2 >= 0; --e2) {
-        var r3 = this.tryEntries[e2];
-        if (r3.tryLoc === t2) {
-          var n2 = r3.completion;
-          if ("throw" === n2.type) {
-            var o2 = n2.arg;
-            resetTryEntry(r3);
-          }
-          return o2;
-        }
-      }
-      throw new Error("illegal catch attempt");
-    },
-    delegateYield: function(e2, r3, n2) {
-      return this.delegate = {
-        iterator: values(e2),
-        resultName: r3,
-        nextLoc: n2
-      }, "next" === this.method && (this.arg = t), y;
-    }
-  }, e;
 }
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length)
@@ -40414,6 +40322,42 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _arrayLikeToArray(o, minLen);
 }
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null)
+    return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object")
+      return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 function _createForOfIteratorHelper(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (!it) {
@@ -40468,101 +40412,6 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
     }
   };
 }
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null)
-    return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== void 0) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object")
-      return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr))
-    return arr;
-}
-function _iterableToArrayLimit(r2, l) {
-  var t = null == r2 ? null : "undefined" != typeof Symbol && r2[Symbol.iterator] || r2["@@iterator"];
-  if (null != t) {
-    var e, n, i, u, a = [], f = true, o = false;
-    try {
-      if (i = (t = t.call(r2)).next, 0 === l) {
-        if (Object(t) !== t)
-          return;
-        f = false;
-      } else
-        for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = true)
-          ;
-    } catch (r3) {
-      o = true, n = r3;
-    } finally {
-      try {
-        if (!f && null != t.return && (u = t.return(), Object(u) !== u))
-          return;
-      } finally {
-        if (o)
-          throw n;
-      }
-    }
-    return a;
-  }
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function() {
-    var self = this, args = arguments;
-    return new Promise(function(resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err2) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err2);
-      }
-      _next(void 0);
-    });
-  };
-}
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr))
     return _arrayLikeToArray(arr);
@@ -40643,101 +40492,42 @@ function createBlock(node) {
     throw new Error("Unhandled node type: ".concat("type" in exhaustiveCheck ? "exhaustiveCheck.type" : "unknown"));
   }
 }
-function fromIRToRichTextSource(_x) {
-  return _fromIRToRichTextSource.apply(this, arguments);
-}
-function _fromIRToRichTextSource() {
-  _fromIRToRichTextSource = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(markdownIRBlocks) {
-    var templateStrings, exprs, files, blockIdx, block2, _iterator, _step, child, exhaustiveCheck;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1)
-        switch (_context.prev = _context.next) {
-          case 0:
-            templateStrings = ["\n"];
-            exprs = [];
-            files = {};
-            blockIdx = 0;
-          case 4:
-            if (!(blockIdx < markdownIRBlocks.length)) {
-              _context.next = 44;
-              break;
-            }
-            block2 = markdownIRBlocks[blockIdx];
-            _iterator = _createForOfIteratorHelper(block2.children);
-            _context.prev = 7;
-            _iterator.s();
-          case 9:
-            if ((_step = _iterator.n()).done) {
-              _context.next = 32;
-              break;
-            }
-            child = _step.value;
-            if (!(typeof child === "string")) {
-              _context.next = 15;
-              break;
-            }
-            templateStrings[templateStrings.length - 1] += child;
-            _context.next = 30;
-            break;
-          case 15:
-            if (!(child.type === "image")) {
-              _context.next = 23;
-              break;
-            }
-            _context.t0 = exprs;
-            _context.next = 19;
-            return fromLexicalImageNode(child, files);
-          case 19:
-            _context.t1 = _context.sent;
-            _context.t0.push.call(_context.t0, _context.t1);
-            _context.next = 29;
-            break;
-          case 23:
-            if (!(child.type === "link")) {
-              _context.next = 27;
-              break;
-            }
+function fromIRToRichTextSource(markdownIRBlocks) {
+  var templateStrings = ["\n"];
+  var exprs = [];
+  var files = {};
+  for (var blockIdx = 0; blockIdx < markdownIRBlocks.length; blockIdx++) {
+    var block2 = markdownIRBlocks[blockIdx];
+    var _iterator = _createForOfIteratorHelper(block2.children), _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+        var child = _step.value;
+        if (typeof child === "string") {
+          templateStrings[templateStrings.length - 1] += child;
+        } else {
+          if (child.type === "image") {
+            exprs.push(fromLexicalImageNode(child, files));
+          } else if (child.type === "link") {
             exprs.push(fromLexicalLinkNode(child));
-            _context.next = 29;
-            break;
-          case 27:
-            exhaustiveCheck = child;
+          } else {
+            var exhaustiveCheck = child;
             throw new Error("Unexpected node type: ".concat(JSON.stringify(exhaustiveCheck, null, 2)));
-          case 29:
-            templateStrings.push("");
-          case 30:
-            _context.next = 9;
-            break;
-          case 32:
-            _context.next = 37;
-            break;
-          case 34:
-            _context.prev = 34;
-            _context.t2 = _context["catch"](7);
-            _iterator.e(_context.t2);
-          case 37:
-            _context.prev = 37;
-            _iterator.f();
-            return _context.finish(37);
-          case 40:
-            if (blockIdx === markdownIRBlocks.length - 1) {
-              templateStrings[templateStrings.length - 1] += "\n";
-            } else {
-              templateStrings[templateStrings.length - 1] += "\n\n";
-            }
-          case 41:
-            blockIdx++;
-            _context.next = 4;
-            break;
-          case 44:
-            return _context.abrupt("return", _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, VAL_EXTENSION, "richtext"), "templateStrings", templateStrings), "exprs", exprs), "files", files));
-          case 45:
-          case "end":
-            return _context.stop();
+          }
+          templateStrings.push("");
         }
-    }, _callee, null, [[7, 34, 37, 40]]);
-  }));
-  return _fromIRToRichTextSource.apply(this, arguments);
+      }
+    } catch (err2) {
+      _iterator.e(err2);
+    } finally {
+      _iterator.f();
+    }
+    if (blockIdx === markdownIRBlocks.length - 1) {
+      templateStrings[templateStrings.length - 1] += "\n";
+    } else {
+      templateStrings[templateStrings.length - 1] += "\n\n";
+    }
+  }
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, VAL_EXTENSION, "richtext"), "templateStrings", templateStrings), "exprs", exprs), "files", files);
 }
 function formatText(node) {
   var classes = typeof node.format === "number" ? fromLexicalFormat(node.format) : [];
@@ -40803,8 +40593,8 @@ var FORMAT_MAPPING$1 = {
   // underline: 8, // 1000
 };
 function fromLexicalFormat(format) {
-  return Object.entries(FORMAT_MAPPING$1).flatMap(function(_ref) {
-    var _ref2 = _slicedToArray(_ref, 2), key = _ref2[0], value = _ref2[1];
+  return Object.entries(FORMAT_MAPPING$1).flatMap(function(_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2), key = _ref3[0], value = _ref3[1];
     if ((value & /* bitwise and */
     format) === value) {
       return [key];
@@ -40813,53 +40603,29 @@ function fromLexicalFormat(format) {
   });
 }
 var textEncoder$1 = new TextEncoder();
-function fromLexicalImageNode(_x2, _x3) {
-  return _fromLexicalImageNode.apply(this, arguments);
-}
-function _fromLexicalImageNode() {
-  _fromLexicalImageNode = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee2(node, files) {
-    var sha256, mimeType, fileExt, filePath, _sha;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1)
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            if (!node.src.startsWith("data:")) {
-              _context2.next = 13;
-              break;
-            }
-            _context2.next = 3;
-            return Internal.getSHA256Hash(textEncoder$1.encode(node.src));
-          case 3:
-            sha256 = _context2.sent;
-            mimeType = getMimeType(node.src);
-            if (!(mimeType === void 0)) {
-              _context2.next = 7;
-              break;
-            }
-            throw new Error("Could not detect Mime Type for image: ".concat(node.src));
-          case 7:
-            fileExt = mimeTypeToFileExt(mimeType);
-            filePath = "/public/".concat(sha256, ".").concat(fileExt);
-            files[filePath] = node.src;
-            return _context2.abrupt("return", _defineProperty(_defineProperty(_defineProperty({}, VAL_EXTENSION, "file"), FILE_REF_PROP, filePath), "metadata", {
-              width: node.width || 0,
-              height: node.height || 0,
-              sha256: sha256 || ""
-            }));
-          case 13:
-            _sha = getParam("sha256", node.src);
-            return _context2.abrupt("return", _defineProperty(_defineProperty(_defineProperty({}, VAL_EXTENSION, "file"), FILE_REF_PROP, "/public".concat(node.src.split("?")[0])), "metadata", {
-              width: node.width || 0,
-              height: node.height || 0,
-              sha256: _sha || ""
-            }));
-          case 15:
-          case "end":
-            return _context2.stop();
-        }
-    }, _callee2);
-  }));
-  return _fromLexicalImageNode.apply(this, arguments);
+function fromLexicalImageNode(node, files) {
+  if (node.src.startsWith("data:")) {
+    var sha256 = Internal.getSHA256Hash(textEncoder$1.encode(node.src));
+    var mimeType = getMimeType(node.src);
+    if (mimeType === void 0) {
+      throw new Error("Could not detect Mime Type for image: ".concat(node.src));
+    }
+    var fileExt = mimeTypeToFileExt(mimeType);
+    var filePath = "/public/".concat(sha256, ".").concat(fileExt);
+    files[filePath] = node.src;
+    return _defineProperty(_defineProperty(_defineProperty({}, VAL_EXTENSION, "file"), FILE_REF_PROP, filePath), "metadata", {
+      width: node.width || 0,
+      height: node.height || 0,
+      sha256: sha256 || ""
+    });
+  } else {
+    var _sha = getParam("sha256", node.src);
+    return _defineProperty(_defineProperty(_defineProperty({}, VAL_EXTENSION, "file"), FILE_REF_PROP, "/public".concat(node.src.split("?")[0])), "metadata", {
+      width: node.width || 0,
+      height: node.height || 0,
+      sha256: _sha || ""
+    });
+  }
 }
 function getParam(param, url) {
   var urlParts = url.split("?");
@@ -62497,8 +62263,8 @@ const Button$1 = ({
         "font-sans font-[12px] tracking-[0.04em] py-1 px-2 rounded whitespace-nowrap group relative text-primary",
         {
           "font-bold": variant === "primary",
-          "bg-background hover:bg-background text-fill disabled:bg-fill disabled:text-background": variant === "primary",
-          "bg-transparent border border-primary text-primary hover:border-highlight hover:text-highlight disabled:bg-fill disabled:text-background": variant !== "primary"
+          "text-fill disabled:bg-fill disabled:text-background": variant === "primary",
+          "border border-primary text-primary hover:border-highlight hover:text-highlight disabled:bg-fill disabled:text-background": variant !== "primary"
         }
       ),
       onClick,
@@ -62648,7 +62414,7 @@ const Dropdown = ({
         isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: "absolute -top-[4px] overflow-scroll shadow-lg -left-2 text-primary bg-border w-fit z-overlay",
+            className: "absolute -top-[4px] overflow-scroll shadow-lg -left-2 text-primary w-fit z-overlay",
             style: { maxHeight: windowSize == null ? void 0 : windowSize.innerHeight },
             children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col ", children: options == null ? void 0 : options.map((option, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
@@ -62657,7 +62423,7 @@ const Dropdown = ({
                   ev.preventDefault();
                   handleSelect(option, idx);
                 },
-                className: `text-left px-2 py-1 hover:bg-background hover:text-highlight  ${idx === selectedOption && "font-bold bg-background hover:bg-background truncate"}`,
+                className: `text-left px-2 py-1 hover:text-highlight  ${idx === selectedOption && "font-bold truncate"}`,
                 children: option
               },
               option
@@ -62679,10 +62445,8 @@ function readImage(ev) {
       const result2 = reader.result;
       if (typeof result2 === "string") {
         const image = new Image();
-        image.addEventListener("load", async () => {
-          const sha256 = await Internal.getSHA256Hash(
-            textEncoder.encode(result2)
-          );
+        image.addEventListener("load", () => {
+          const sha256 = Internal.getSHA256Hash(textEncoder.encode(result2));
           if (image.naturalWidth && image.naturalHeight) {
             const mimeType = getMimeType(result2);
             resolve({
@@ -64092,7 +63856,7 @@ const Toolbar = ({
       }
     });
   }, [activeEditor]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sticky top-0 border-b bg-background border-highlight flex flex-col", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sticky top-0 flex flex-col px-4 py-2 border-b backdrop-blur-3xl bg-background/10 border-highlight", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row gap-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Dropdown$1,
@@ -64184,7 +63948,7 @@ const Toolbar = ({
         {
           type: "text",
           placeholder: "Enter URL",
-          className: "w-1/3 text-primary bg-background px-2",
+          className: "w-1/3 px-2 text-primary",
           value: url,
           onChange: (ev) => {
             ev.preventDefault();
@@ -64451,7 +64215,7 @@ function ValMenu({
         children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-[24px] w-[24px] flex justify-center items-center", children: editMode === "full" ? /* @__PURE__ */ jsxRuntimeExports.jsx(Minimize, { size: 15 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Maximize, { size: 15 }) })
       }
     ),
-    patchCount !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    patchCount !== void 0 && session.status === "success" && session.data.mode === "proxy" && /* @__PURE__ */ jsxRuntimeExports.jsx(
       MenuButton,
       {
         onClick: () => {
@@ -72934,8 +72698,16 @@ function createImagePatch(path, data, filename, metadata) {
     const mimeType = getMimeType(data) ?? "unknown";
     const newExt = mimeTypeToFileExt(mimeType);
     if (filename) {
-      const filenameWithoutExt = filename.split(".").slice(0, -1).join(".") || filename;
-      return `/public/${filenameWithoutExt}_${shaSuffix}.${newExt}`;
+      let cleanFilename = filename.split(".").slice(0, -1).join(".") || filename;
+      const maybeShaSuffixPos = cleanFilename.lastIndexOf("_");
+      const currentShaSuffix = cleanFilename.slice(
+        maybeShaSuffixPos + 1,
+        cleanFilename.length
+      );
+      if (currentShaSuffix === shaSuffix) {
+        cleanFilename = cleanFilename.slice(0, maybeShaSuffixPos);
+      }
+      return `/public/${cleanFilename}_${shaSuffix}.${newExt}`;
     }
     return `/public/${metadata.sha256}.${newExt}`;
   }();
@@ -72984,8 +72756,8 @@ function ImageField({
       });
     }
   }, [data, defaultValue]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-4xl p-4", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: `img_input:${path}`, className: "", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldContainer, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-4xl p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: `img_input:${path}`, className: "", children: [
       data || url ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: (data == null ? void 0 : data.src) || url }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "Empty" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
@@ -73013,11 +72785,11 @@ function ImageField({
           }
         }
       )
-    ] }),
-    onSubmit && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: data && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button,
+    ] }) }, path),
+    onSubmit && data && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SubmitButton,
       {
-        disabled: loading,
+        loading,
         onClick: () => {
           setLoading(true);
           onSubmit(
@@ -73034,14 +72806,13 @@ function ImageField({
             setData(null);
             setMetadata(void 0);
           });
-        },
-        children: loading ? "Saving..." : "Save"
+        }
       }
-    ) })
-  ] }, path);
+    )
+  ] });
 }
-async function createRichTextPatch(path, editor) {
-  const { templateStrings, exprs, files } = editor ? await lexicalToRichTextSource(
+function createRichTextPatch(path, editor) {
+  const { templateStrings, exprs, files } = editor ? lexicalToRichTextSource(
     editor.getEditorState().toJSON().root
   ) : {
     [VAL_EXTENSION]: "richtext",
@@ -73090,10 +72861,10 @@ function RichTextField({
   }, [editor]);
   reactExports.useEffect(() => {
     if (editor && registerPatchCallback) {
-      registerPatchCallback((path) => createRichTextPatch(path, editor));
+      registerPatchCallback(async (path) => createRichTextPatch(path, editor));
     }
   }, [editor]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-4 border rounded border-card", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldContainer, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       RichTextEditor,
       {
@@ -73106,24 +72877,23 @@ function RichTextField({
         }
       }
     ),
-    onSubmit && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: didChange && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button,
+    onSubmit && didChange && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SubmitButton,
       {
-        disabled: loading || !editor,
+        loading: loading || !editor,
         onClick: () => {
           if (editor) {
             setLoading(true);
-            onSubmit((path) => createRichTextPatch(path, editor)).finally(
-              () => {
-                setLoading(false);
-                setDidChange(false);
-              }
-            );
+            onSubmit(
+              async (path) => createRichTextPatch(path, editor)
+            ).finally(() => {
+              setLoading(false);
+              setDidChange(false);
+            });
           }
-        },
-        children: loading ? "Saving..." : "Save"
+        }
       }
-    ) })
+    )
   ] });
 }
 function KeyOfField({
@@ -73177,7 +72947,7 @@ function KeyOfField({
       });
     }
   }, [value]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col justify-between h-full gap-y-4", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldContainer, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Select,
       {
@@ -73192,10 +72962,10 @@ function KeyOfField({
         ]
       }
     ),
-    onSubmit && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: defaultValue !== value && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button,
+    onSubmit && defaultValue !== value && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SubmitButton,
       {
-        disabled: loading,
+        loading,
         onClick: () => {
           setLoading(true);
           onSubmit(async (path) => [
@@ -73207,10 +72977,9 @@ function KeyOfField({
           ]).finally(() => {
             setLoading(false);
           });
-        },
-        children: loading ? "Saving..." : "Save"
+        }
       }
-    ) })
+    )
   ] });
 }
 function NumberField({
@@ -73239,7 +73008,7 @@ function NumberField({
       });
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col justify-between h-full gap-y-4", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldContainer, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Input,
       {
@@ -73250,10 +73019,10 @@ function NumberField({
         type: "number"
       }
     ),
-    onSubmit && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: defaultValue !== value && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button,
+    onSubmit && defaultValue !== value && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SubmitButton,
       {
-        disabled: loading,
+        loading,
         onClick: () => {
           setLoading(true);
           onSubmit(async (path) => {
@@ -73268,10 +73037,9 @@ function NumberField({
           }).finally(() => {
             setLoading(false);
           });
-        },
-        children: loading ? "Saving..." : "Save"
+        }
       }
-    ) })
+    )
   ] });
 }
 function StringField({
@@ -73300,7 +73068,7 @@ function StringField({
       });
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col justify-between h-full gap-y-4", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(FieldContainer, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Input,
       {
@@ -73310,10 +73078,10 @@ function StringField({
         onChange: (e) => setValue(e.target.value)
       }
     ),
-    onSubmit && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: defaultValue !== value && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Button,
+    onSubmit && defaultValue !== value && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SubmitButton,
       {
-        disabled: loading,
+        loading,
         onClick: () => {
           setLoading(true);
           onSubmit(async (path) => {
@@ -73328,12 +73096,20 @@ function StringField({
           }).finally(() => {
             setLoading(false);
           });
-        },
-        children: loading ? "Saving..." : "Save"
+        }
       }
-    ) })
+    )
   ] });
 }
+function FieldContainer({ children }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative p-4 border rounded border-card", children });
+}
+function SubmitButton({
+  loading,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sticky bottom-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex justify-end w-full py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { disabled: loading, onClick, children: loading ? "Saving..." : "Save" }) }) });
+}
 const Logo = ({ className: className2 }) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "svg",