@wix/dev-machine-monitor 1.0.9 → 1.0.10

package/build/integration.js

@@ -1,6 +1,917 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../../node_modules/variant/lib/isType.js
+var require_isType = __commonJS({
+  "../../node_modules/variant/lib/isType.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.isTypeImpl = void 0;
+    function isTypeImpl(key) {
+      function isType(instanceOrType, type) {
+        if (instanceOrType != void 0) {
+          if (typeof instanceOrType === "function" || typeof instanceOrType === "string") {
+            const typeArg = instanceOrType;
+            const typeStr = typeof typeArg === "string" ? typeArg : typeArg.output.type;
+            return (o) => isType(o, typeStr);
+          } else {
+            const instance = instanceOrType;
+            const typeStr = typeof type === "string" ? type : type.output.type;
+            return instance != void 0 && instance[key !== null && key !== void 0 ? key : "type"] === typeStr;
+          }
+        } else {
+          return false;
+        }
+      }
+      return { isType };
+    }
+    exports.isTypeImpl = isTypeImpl;
+  }
+});
+
+// ../../node_modules/variant/lib/util.js
+var require_util = __commonJS({
+  "../../node_modules/variant/lib/util.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.HOI = exports.isPromise = exports.identityFunc = void 0;
+    var identityFunc = (x = {}) => x;
+    exports.identityFunc = identityFunc;
+    function isPromise(x) {
+      return x != void 0 && typeof x === "object" && "then" in x && typeof x.then === "function";
+    }
+    exports.isPromise = isPromise;
+    var HOI = () => (definition) => definition;
+    exports.HOI = HOI;
+  }
+});
+
+// ../../node_modules/variant/lib/variant.js
+var require_variant = __commonJS({
+  "../../node_modules/variant/lib/variant.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.variantImpl = exports.isVariantCreator = exports.scopeType = void 0;
+    var util_1 = require_util();
+    var scopeType = (scope, type) => `${scope}/${type}`;
+    exports.scopeType = scopeType;
+    function descopeType(s) {
+      var _a;
+      return (_a = s.split("/")[1]) !== null && _a !== void 0 ? _a : s;
+    }
+    var VARIANT_CREATOR_BRAND = Symbol("Variant Creator");
+    function isVariantCreator(func) {
+      return VARIANT_CREATOR_BRAND in func;
+    }
+    exports.isVariantCreator = isVariantCreator;
+    function variantImpl(key) {
+      function scope(scope2, v) {
+        return Object.keys(v).reduce((acc, key2) => {
+          return Object.assign(Object.assign({}, acc), { [key2]: variation((0, exports.scopeType)(scope2, key2), typeof v[key2] === "function" ? v[key2] : util_1.identityFunc) });
+        }, {});
+      }
+      function descope(obj) {
+        return Object.assign(Object.assign({}, obj), { [key]: descopeType(obj[key]) });
+      }
+      function variation(type, creator) {
+        let maker = (...args) => {
+          const returned = (creator !== null && creator !== void 0 ? creator : util_1.identityFunc)(...args);
+          if ((0, util_1.isPromise)(returned)) {
+            return returned.then((result) => {
+              if (key in (result !== null && result !== void 0 ? result : {})) {
+                return result;
+              } else {
+                return Object.assign(result !== null && result !== void 0 ? result : {}, { [key]: type });
+              }
+            });
+          } else {
+            if (key in (returned !== null && returned !== void 0 ? returned : {})) {
+              return returned;
+            } else {
+              return Object.assign(returned !== null && returned !== void 0 ? returned : {}, { [key]: type });
+            }
+          }
+        };
+        Object.defineProperty(maker, "name", { value: type, writable: false });
+        const outputs = { output: { key, type } };
+        return Object.assign(maker, outputs, {
+          [VARIANT_CREATOR_BRAND]: VARIANT_CREATOR_BRAND,
+          toString: function() {
+            return this.output.type;
+          }
+        });
+      }
+      function variantModule(template) {
+        return Object.entries(template).reduce((result, [vmKey, vmVal]) => {
+          const creator = typeof vmVal === "function" ? isVariantCreator(vmVal) ? vmVal : variation(vmKey, vmVal) : variation(vmKey, util_1.identityFunc);
+          return Object.assign(Object.assign({}, result), { [vmKey]: creator });
+        }, {});
+      }
+      function variantList(template) {
+        return template.map((t) => {
+          if (typeof t === "string") {
+            return variation(t);
+          } else if (typeof t === "function") {
+            return t;
+          }
+          return t;
+        }).reduce((result, t) => {
+          let creator = typeof t === "string" ? variation(t) : t;
+          return Object.assign(Object.assign({}, result), { [creator.output.type]: creator });
+        }, {});
+      }
+      function variant2(template) {
+        if (Array.isArray(template)) {
+          return variantList(template);
+        } else {
+          return variantModule(template);
+        }
+      }
+      return { descope, scoped: scope, variant: variant2, variantList, variantModule, variation };
+    }
+    exports.variantImpl = variantImpl;
+  }
+});
+
+// ../../node_modules/variant/lib/precepts.js
+var require_precepts = __commonJS({
+  "../../node_modules/variant/lib/precepts.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DEFAULT_KEY = void 0;
+    exports.DEFAULT_KEY = "default";
+  }
+});
+
+// ../../node_modules/variant/lib/match.js
+var require_match = __commonJS({
+  "../../node_modules/variant/lib/match.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.matchImpl = void 0;
+    var variant_1 = require_variant();
+    var precepts_1 = require_precepts();
+    function matchImpl(key) {
+      const prematch = (_) => (handler) => (instance) => match2(instance, handler);
+      function match2(...args) {
+        var _a, _b;
+        if (args.length === 1) {
+          const [handler] = args;
+          return (instance) => match2(instance, handler);
+        } else if (args.length === 2) {
+          const [instanceOrTypeOrCreator, handlerParam] = args;
+          const instanceOrCreator = typeof instanceOrTypeOrCreator === "string" ? ofLiteral(instanceOrTypeOrCreator) : instanceOrTypeOrCreator;
+          const handler = typeof handlerParam === "function" ? handlerParam(instanceOrCreator) : handlerParam;
+          const tType = instanceOrCreator == void 0 ? void 0 : (0, variant_1.isVariantCreator)(instanceOrCreator) ? instanceOrCreator.output.type : instanceOrCreator[key];
+          if (instanceOrCreator != void 0 && tType !== void 0 && tType in handler) {
+            return (_a = handler[tType]) === null || _a === void 0 ? void 0 : _a.call(handler, instanceOrCreator);
+          } else if (precepts_1.DEFAULT_KEY in handler) {
+            return (_b = handler[precepts_1.DEFAULT_KEY]) === null || _b === void 0 ? void 0 : _b.call(handler, instanceOrCreator);
+          }
+        }
+      }
+      const partial = (h) => () => h;
+      const onLiteral = ofLiteral;
+      function ofLiteral(instance) {
+        return {
+          [key]: instance
+        };
+      }
+      function lookup(handler) {
+        const handlerWithFuncs = Object.keys(handler).reduce((acc, cur) => {
+          return Object.assign(Object.assign({}, acc), { [cur]: () => handler[cur] });
+        }, {});
+        return (_) => handlerWithFuncs;
+      }
+      function otherwise(branches, elseFunc) {
+        return (_) => Object.assign(Object.assign({}, branches), { default: elseFunc });
+      }
+      function withFallback(handler, fallback) {
+        return (_) => Object.assign(Object.assign({}, handler), { default: fallback });
+      }
+      return { match: match2, ofLiteral, onLiteral, otherwise, partial, prematch, lookup, withFallback };
+    }
+    exports.matchImpl = matchImpl;
+  }
+});
+
+// ../../node_modules/variant/lib/types.js
+var require_types = __commonJS({
+  "../../node_modules/variant/lib/types.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.typesImpl = void 0;
+    var variant_1 = require_variant();
+    function typesImpl(key) {
+      function types(content) {
+        if (Array.isArray(content)) {
+          if (content.length && (0, variant_1.isVariantCreator)(content[0])) {
+            return content.map((c) => c.output.type);
+          } else {
+            return content.map((c) => c[key]);
+          }
+        } else {
+          return Object.values(content).map((c) => c.output.type);
+        }
+      }
+      function inferTypes(_) {
+        return new Proxy({}, {
+          get: (_2, property) => {
+            return property;
+          }
+        });
+      }
+      return { types, inferTypes };
+    }
+    exports.typesImpl = typesImpl;
+  }
+});
+
+// ../../node_modules/variant/lib/flags.js
+var require_flags = __commonJS({
+  "../../node_modules/variant/lib/flags.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.flagsImpl = void 0;
+    function flagsImpl(key) {
+      function flags(flags2) {
+        return flags2.reduce((o, v) => Object.assign(Object.assign({}, o), { [v[key]]: v }), /* @__PURE__ */ Object.create(null));
+      }
+      return { flags };
+    }
+    exports.flagsImpl = flagsImpl;
+  }
+});
+
+// ../../node_modules/variant/lib/isOfVariant.js
+var require_isOfVariant = __commonJS({
+  "../../node_modules/variant/lib/isOfVariant.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.isOfVariantImpl = void 0;
+    function isOfVariantImpl(key) {
+      function isOfVariant(...args) {
+        if (args.length === 1) {
+          const [variant2] = args;
+          return (instance) => instance != void 0 && Object.values(variant2).some((vc) => vc.output.type === instance[key]);
+        } else if (args.length === 2) {
+          const [instance, variant2] = args;
+          return instance != void 0 && Object.values(variant2).some((vc) => vc.output.type === instance[key]);
+        }
+        return false;
+      }
+      return { isOfVariant };
+    }
+    exports.isOfVariantImpl = isOfVariantImpl;
+  }
+});
+
+// ../../node_modules/variant/lib/remote.js
+var require_remote = __commonJS({
+  "../../node_modules/variant/lib/remote.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.remoteImpl = exports.CompareResult = void 0;
+    var isType_1 = require_isType();
+    var match_1 = require_match();
+    var variant_1 = require_variant();
+    var CompareResult;
+    (function(CompareResult2) {
+      CompareResult2[CompareResult2["Lesser"] = -1] = "Lesser";
+      CompareResult2[CompareResult2["Equal"] = 0] = "Equal";
+      CompareResult2[CompareResult2["Greater"] = 1] = "Greater";
+    })(CompareResult = exports.CompareResult || (exports.CompareResult = {}));
+    function remoteImpl(key) {
+      const { isType } = (0, isType_1.isTypeImpl)(key);
+      const { match: match2 } = (0, match_1.matchImpl)(key);
+      const { variantList } = (0, variant_1.variantImpl)(key);
+      function isFunctions(vmod) {
+        const keys = Object.keys(vmod);
+        return keys.reduce((acc, key2) => {
+          return Object.assign(Object.assign({}, acc), { [key2]: isType(key2) });
+        }, {});
+      }
+      function remote(vmod) {
+        return {
+          key,
+          is: isFunctions(vmod),
+          new: vmod,
+          match: match2
+        };
+      }
+      ;
+      function getType(input) {
+        if (typeof input === "string") {
+          return input;
+        } else if (typeof input === "function") {
+          return input.output.type;
+        } else {
+          return input[key];
+        }
+      }
+      function _sequence(module2, order) {
+        const miniModule = module2;
+        const result = remote(miniModule);
+        const keyOrder = order.map(getType);
+        return Object.assign(Object.assign({}, result), { length: order.length, compare: (a, b) => {
+          const ai = keyOrder.findIndex((i) => i === getType(a));
+          const bi = keyOrder.findIndex((i) => i === getType(b));
+          const diff = ai - bi;
+          return diff === 0 ? diff : diff / Math.abs(diff);
+        }, get(i) {
+          const type = this.types[i];
+          return this.new[type];
+        }, index: (a) => keyOrder.findIndex((i) => i === getType(a)), types: keyOrder });
+      }
+      function _sequenceOfList(order) {
+        const module2 = variantList(order);
+        return _sequence(module2, order);
+      }
+      function sequence(module2, order) {
+        if (Array.isArray(module2)) {
+          return _sequenceOfList(module2);
+        } else {
+          return _sequence(module2, order);
+        }
+      }
+      return { remote, sequence };
+    }
+    exports.remoteImpl = remoteImpl;
+  }
+});
+
+// ../../node_modules/variant/lib/typed.js
+var require_typed = __commonJS({
+  "../../node_modules/variant/lib/typed.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.typedImpl = exports.pass = void 0;
+    var pass = (x) => x;
+    exports.pass = pass;
+    function typedImpl(_key) {
+      function typed(defOrFactory) {
+        if (typeof defOrFactory === "function") {
+          return defOrFactory(exports.pass);
+        } else {
+          return defOrFactory;
+        }
+      }
+      return { typed };
+    }
+    exports.typedImpl = typedImpl;
+  }
+});
+
+// ../../node_modules/variant/lib/match.tools.js
+var require_match_tools = __commonJS({
+  "../../node_modules/variant/lib/match.tools.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.unpack = exports.just = exports.constant = void 0;
+    function constant(x) {
+      return () => x;
+    }
+    exports.constant = constant;
+    exports.just = constant;
+    var unpack = (x) => x.payload;
+    exports.unpack = unpack;
+  }
+});
+
+// ../../node_modules/variant/lib/matcher.js
+var require_matcher = __commonJS({
+  "../../node_modules/variant/lib/matcher.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.matcherImpl = exports.Matcher = exports.tableToHandler = void 0;
+    var match_tools_1 = require_match_tools();
+    var variant_1 = require_variant();
+    function tableToHandler(table) {
+      return Object.keys(table).reduce((acc, cur) => {
+        const key = cur;
+        return Object.assign(Object.assign({}, acc), { [key]: (0, match_tools_1.just)(table[key]) });
+      }, {});
+    }
+    exports.tableToHandler = tableToHandler;
+    var Matcher = class _Matcher {
+      /**
+       * Create a new matcher from the target
+       * @param target the
+       * @param handler the initial handler. Use `{}` for standard functionality.
+       * @param key the discriminant. Use `'type'` for standard functionality.
+       */
+      constructor(target, key, handler) {
+        this.target = target;
+        this.key = key;
+        this.handler = handler;
+        this.complete = ((options) => {
+          var _a, _b;
+          if (this.target != void 0 && this.target[this.key] in this.handler) {
+            return (_b = (_a = this.handler)[this.target[this.key]]) === null || _b === void 0 ? void 0 : _b.call(_a, this.target);
+          } else {
+            if ((options === null || options === void 0 ? void 0 : options.withFallback) != void 0) {
+              return options.withFallback(this.target);
+            }
+          }
+        });
+      }
+      /**
+       * Immediately execute the matcher. Exhaustiveness is not guaranteed.
+       *
+       * This is a **terminal** and resolves the matcher.
+       */
+      execute() {
+        const chosenHandler = this.handler[this.target[this.key]];
+        return chosenHandler === null || chosenHandler === void 0 ? void 0 : chosenHandler(this.target);
+      }
+      /**
+       * Handle all unhandled cases and immediately execute.
+       *
+       * > **Exhaust** — to consume entirely, _Merriam-Webster_
+       *
+       * This is a **terminal** and resolves the matcher.
+       * @param remainingCases an object wiht a method to handle every remaining case.
+       * @returns the result of executing the handler, given these final additions.
+       */
+      exhaust(remainingCases) {
+        var _a;
+        const combinedHandler = Object.assign(Object.assign({}, this.handler), remainingCases);
+        return (_a = combinedHandler[this.target[this.key]]) === null || _a === void 0 ? void 0 : _a.call(combinedHandler, this.target);
+      }
+      /**
+       * Resolve all remaining cases without executing the matcher.
+       * @param remainingCases
+       * @returns
+       */
+      remaining(remainingCases) {
+        return new _Matcher(this.target, this.key, Object.assign(Object.assign({}, this.handler), remainingCases));
+      }
+      /**
+       * Execute the match. If the target type has been explicitly handled, use that logic.
+       * Otherwise use the function passed here.
+       *
+       * This is a **terminal** and resolves the matcher.
+       * @param func
+       * @returns
+       */
+      else(func) {
+        var _a, _b;
+        if (this.target[this.key] in this.handler) {
+          return (_b = (_a = this.handler)[this.target[this.key]]) === null || _b === void 0 ? void 0 : _b.call(_a, this.target);
+        } else {
+          return func(this.target);
+        }
+      }
+      /**
+       * Register a series of options as a lookup table.
+       *
+       * ```ts
+       * const getSound = (a: Animal) => matcher(a)
+       *     .register({
+       *         cat: 'purr',
+       *         dog: 'woof',
+       *         snake: 'hiss',
+       *     })
+       *     .complete()
+       * ```
+       * @param table
+       * @returns
+       */
+      register(table) {
+        const newHandler = Object.assign(Object.assign({}, this.handler), tableToHandler(table));
+        return new _Matcher(this.target, this.key, newHandler);
+      }
+      /**
+       * Provide an exhaustive table of the unhandled options and look up which value
+       * to use based on the instance.
+       *
+       * This is a **terminal** and resolves the matcher.
+       *
+       * ```ts
+       * const getSound = (a: Animal) => matcher(a)
+       *     .lookup({
+       *         cat: 'purr',
+       *         dog: 'woof',
+       *         snake: 'hiss',
+       *     })
+       * ```
+       * @param table
+       * @returns
+       */
+      lookup(table) {
+        var _a;
+        const combinedHandler = Object.assign(Object.assign({}, this.handler), tableToHandler(table));
+        return (_a = combinedHandler[this.target[this.key]]) === null || _a === void 0 ? void 0 : _a.call(combinedHandler, this.target);
+      }
+      /**
+       * Handle one or more cases, object-style.
+       * @param variations
+       */
+      with(variations) {
+        return new _Matcher(this.target, this.key, Object.assign(Object.assign({}, this.handler), variations));
+      }
+      // actual implementation
+      when(variations, handler) {
+        if (handler != void 0) {
+          const list = Array.isArray(variations) ? variations : [variations];
+          const newCases = list.reduce((acc, cur) => {
+            const type = typeof cur === "string" ? cur : (0, variant_1.isVariantCreator)(cur) ? cur.output.type : void 0;
+            return type != void 0 ? Object.assign(Object.assign({}, acc), { [type]: handler }) : acc;
+          }, {});
+          return new _Matcher(this.target, this.key, Object.assign(Object.assign({}, this.handler), newCases));
+        } else {
+          return new _Matcher(this.target, this.key, Object.assign(Object.assign({}, this.handler), variations));
+        }
+      }
+    };
+    exports.Matcher = Matcher;
+    function matcherImpl(key) {
+      function matcher(target) {
+        const actualTarget = typeof target === "string" ? { [key]: target } : target;
+        return new Matcher(actualTarget, key, {});
+      }
+      return { matcher };
+    }
+    exports.matcherImpl = matcherImpl;
+  }
+});
+
+// ../../node_modules/variant/lib/cosmos.js
+var require_cosmos = __commonJS({
+  "../../node_modules/variant/lib/cosmos.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.variantCosmos = void 0;
+    var isType_1 = require_isType();
+    var match_1 = require_match();
+    var variant_1 = require_variant();
+    var types_1 = require_types();
+    var flags_1 = require_flags();
+    var isOfVariant_1 = require_isOfVariant();
+    var remote_1 = require_remote();
+    var typed_1 = require_typed();
+    var matcher_1 = require_matcher();
+    function variantCosmos({ key }) {
+      const { isType } = (0, isType_1.isTypeImpl)(key);
+      const { flags } = (0, flags_1.flagsImpl)(key);
+      return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({
+        key,
+        isType,
+        flags
+      }, (0, isOfVariant_1.isOfVariantImpl)(key)), (0, match_1.matchImpl)(key)), (0, matcher_1.matcherImpl)(key)), (0, remote_1.remoteImpl)(key)), (0, typed_1.typedImpl)(key)), (0, types_1.typesImpl)(key)), (0, variant_1.variantImpl)(key));
+    }
+    exports.variantCosmos = variantCosmos;
+  }
+});
+
+// ../../node_modules/variant/lib/type/index.js
+var require_type = __commonJS({
+  "../../node_modules/variant/lib/type/index.js"(exports) {
+    "use strict";
+    var _a;
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.withFallback = exports.variation = exports.variantModule = exports.variantList = exports.variant = exports.types = exports.typed = exports.lookup = exports.sequence = exports.scoped = exports.remote = exports.prematch = exports.partial = exports.otherwise = exports.onLiteral = exports.ofLiteral = exports.matcher = exports.match = exports.isType = exports.isOfVariant = exports.inferTypes = exports.flags = exports.descope = void 0;
+    var cosmos_1 = require_cosmos();
+    _a = (0, cosmos_1.variantCosmos)({ key: "type" }), exports.descope = _a.descope, exports.flags = _a.flags, exports.inferTypes = _a.inferTypes, exports.isOfVariant = _a.isOfVariant, exports.isType = _a.isType, exports.match = _a.match, exports.matcher = _a.matcher, exports.ofLiteral = _a.ofLiteral, exports.onLiteral = _a.onLiteral, exports.otherwise = _a.otherwise, exports.partial = _a.partial, exports.prematch = _a.prematch, exports.remote = _a.remote, exports.scoped = _a.scoped, exports.sequence = _a.sequence, exports.lookup = _a.lookup, exports.typed = _a.typed, exports.types = _a.types, exports.variant = _a.variant, exports.variantList = _a.variantList, exports.variantModule = _a.variantModule, exports.variation = _a.variation, exports.withFallback = _a.withFallback;
+  }
+});
+
+// ../../node_modules/variant/lib/augment.js
+var require_augment = __commonJS({
+  "../../node_modules/variant/lib/augment.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.augment = void 0;
+    var type_1 = require_type();
+    var variant_1 = require_variant();
+    function augment(variantDefinition, f) {
+      return Object.keys(variantDefinition).reduce((acc, key) => {
+        let inputFunc = variantDefinition[key];
+        let returnFunc = (0, variant_1.isVariantCreator)(inputFunc) ? (0, type_1.variation)(inputFunc.output.type, (...args) => {
+          let result = inputFunc(...args);
+          return Object.assign(Object.assign({}, f(result)), result);
+        }) : (...args) => {
+          const branch = variantDefinition[key];
+          let item = typeof branch === "function" ? branch(...args) : {};
+          return Object.assign(Object.assign({}, f(item)), item);
+        };
+        return Object.assign(Object.assign({}, acc), { [key]: returnFunc });
+      }, {});
+    }
+    exports.augment = augment;
+  }
+});
+
+// ../../node_modules/variant/lib/constrained.js
+var require_constrained = __commonJS({
+  "../../node_modules/variant/lib/constrained.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.constrained = void 0;
+    function constrained(_constraint_, v) {
+      return v;
+    }
+    exports.constrained = constrained;
+  }
+});
+
+// ../../node_modules/variant/lib/construct.js
+var require_construct = __commonJS({
+  "../../node_modules/variant/lib/construct.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.construct = void 0;
+    function construct(cls) {
+      return ((...args) => new cls(args));
+    }
+    exports.construct = construct;
+  }
+});
+
+// ../../node_modules/variant/lib/generic.js
+var require_generic = __commonJS({
+  "../../node_modules/variant/lib/generic.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Alpha = exports.onTerms = void 0;
+    var flags_1 = require_flags();
+    var variant_1 = require_variant();
+    var GENERIC_BRAND = Symbol("VARIANT GENERIC TEMPLATE");
+    function onTerms(func) {
+      return Object.assign(Object.assign({}, func(exports.Alpha)), { [GENERIC_BRAND]: void 0 });
+    }
+    exports.onTerms = onTerms;
+    var GTERM = "__term";
+    var genericTerms = (0, variant_1.variantImpl)(GTERM).variant;
+    var flags = (0, flags_1.flagsImpl)(GTERM).flags;
+    var GP = genericTerms([
+      "A",
+      "B",
+      "C",
+      "D",
+      "E",
+      "F",
+      "G",
+      "H",
+      "I",
+      "J",
+      "K",
+      "L",
+      "M",
+      "N",
+      "O",
+      "P",
+      "Q",
+      "R",
+      "S",
+      "T",
+      "U",
+      "V",
+      "W",
+      "X",
+      "Y",
+      "Z"
+    ]);
+    exports.Alpha = flags(Object.values(GP).map((f) => f()));
+  }
+});
+
+// ../../node_modules/variant/lib/typeCatalog.js
+var require_typeCatalog = __commonJS({
+  "../../node_modules/variant/lib/typeCatalog.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.typeMap = exports.typeCatalog = void 0;
+    function typeCatalog(variant2) {
+      return Object.values(variant2).reduce((result, vc) => {
+        return Object.assign(Object.assign({}, result), { [vc.output.type]: vc.output.type });
+      }, {});
+    }
+    exports.typeCatalog = typeCatalog;
+    function typeMap(variant2) {
+      return Object.keys(variant2).reduce((result, key) => {
+        return Object.assign(Object.assign({}, result), { [key]: variant2[key].output.type });
+      }, {});
+    }
+    exports.typeMap = typeMap;
+  }
+});
+
+// ../../node_modules/variant/lib/catalog.js
+var require_catalog = __commonJS({
+  "../../node_modules/variant/lib/catalog.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.literalist = exports.catalog = void 0;
+    function catalog(catalog2, factory) {
+      if (Array.isArray(catalog2)) {
+        return catalog2.reduce((result, current, index) => {
+          return Object.assign(Object.assign({}, result), { [current]: factory != void 0 ? factory(current, index) : current });
+        }, {});
+      } else {
+        return catalog2;
+      }
+    }
+    exports.catalog = catalog;
+    exports.literalist = catalog;
+  }
+});
+
+// ../../node_modules/variant/lib/patterned.js
+var require_patterned = __commonJS({
+  "../../node_modules/variant/lib/patterned.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.patterned = void 0;
+    function patterned(_constraint_, v) {
+      return v;
+    }
+    exports.patterned = patterned;
+  }
+});
+
+// ../../node_modules/variant/lib/variant.tools.js
+var require_variant_tools = __commonJS({
+  "../../node_modules/variant/lib/variant.tools.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.nil = exports.payload = exports.fields = void 0;
+    function fields(defaults = {}) {
+      return (...args) => {
+        const [arg] = args;
+        return Object.assign(Object.assign({}, defaults), arg);
+      };
+    }
+    exports.fields = fields;
+    function payload(_example) {
+      return (payload2) => ({ payload: payload2 });
+    }
+    exports.payload = payload;
+    var nil = () => ({});
+    exports.nil = nil;
+  }
+});
+
+// ../../node_modules/variant/lib/slim.js
+var require_slim = __commonJS({
+  "../../node_modules/variant/lib/slim.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.payload = exports.nil = exports.fields = exports.HOI = exports.pass = exports.patterned = exports.unpack = exports.just = exports.constant = exports.literalist = exports.catalog = exports.typeCatalog = exports.typeMap = exports.onTerms = exports.variantCosmos = exports.construct = exports.constrained = exports.augment = void 0;
+    var augment_1 = require_augment();
+    Object.defineProperty(exports, "augment", { enumerable: true, get: function() {
+      return augment_1.augment;
+    } });
+    var constrained_1 = require_constrained();
+    Object.defineProperty(exports, "constrained", { enumerable: true, get: function() {
+      return constrained_1.constrained;
+    } });
+    var construct_1 = require_construct();
+    Object.defineProperty(exports, "construct", { enumerable: true, get: function() {
+      return construct_1.construct;
+    } });
+    var cosmos_1 = require_cosmos();
+    Object.defineProperty(exports, "variantCosmos", { enumerable: true, get: function() {
+      return cosmos_1.variantCosmos;
+    } });
+    var generic_1 = require_generic();
+    Object.defineProperty(exports, "onTerms", { enumerable: true, get: function() {
+      return generic_1.onTerms;
+    } });
+    var typeCatalog_1 = require_typeCatalog();
+    Object.defineProperty(exports, "typeMap", { enumerable: true, get: function() {
+      return typeCatalog_1.typeMap;
+    } });
+    Object.defineProperty(exports, "typeCatalog", { enumerable: true, get: function() {
+      return typeCatalog_1.typeCatalog;
+    } });
+    var catalog_1 = require_catalog();
+    Object.defineProperty(exports, "catalog", { enumerable: true, get: function() {
+      return catalog_1.catalog;
+    } });
+    Object.defineProperty(exports, "literalist", { enumerable: true, get: function() {
+      return catalog_1.literalist;
+    } });
+    var match_tools_1 = require_match_tools();
+    Object.defineProperty(exports, "constant", { enumerable: true, get: function() {
+      return match_tools_1.constant;
+    } });
+    Object.defineProperty(exports, "just", { enumerable: true, get: function() {
+      return match_tools_1.just;
+    } });
+    Object.defineProperty(exports, "unpack", { enumerable: true, get: function() {
+      return match_tools_1.unpack;
+    } });
+    var patterned_1 = require_patterned();
+    Object.defineProperty(exports, "patterned", { enumerable: true, get: function() {
+      return patterned_1.patterned;
+    } });
+    var typed_1 = require_typed();
+    Object.defineProperty(exports, "pass", { enumerable: true, get: function() {
+      return typed_1.pass;
+    } });
+    var util_1 = require_util();
+    Object.defineProperty(exports, "HOI", { enumerable: true, get: function() {
+      return util_1.HOI;
+    } });
+    var variant_tools_1 = require_variant_tools();
+    Object.defineProperty(exports, "fields", { enumerable: true, get: function() {
+      return variant_tools_1.fields;
+    } });
+    Object.defineProperty(exports, "nil", { enumerable: true, get: function() {
+      return variant_tools_1.nil;
+    } });
+    Object.defineProperty(exports, "payload", { enumerable: true, get: function() {
+      return variant_tools_1.payload;
+    } });
+  }
+});
+
+// ../../node_modules/variant/lib/index.js
+var require_lib = __commonJS({
+  "../../node_modules/variant/lib/index.js"(exports) {
+    "use strict";
+    var __createBinding = exports && exports.__createBinding || (Object.create ? (function(o, m, k, k2) {
+      if (k2 === void 0) k2 = k;
+      Object.defineProperty(o, k2, { enumerable: true, get: function() {
+        return m[k];
+      } });
+    }) : (function(o, m, k, k2) {
+      if (k2 === void 0) k2 = k;
+      o[k2] = m[k];
+    }));
+    var __exportStar = exports && exports.__exportStar || function(m, exports2) {
+      for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports2, p)) __createBinding(exports2, m, p);
+    };
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __exportStar(require_slim(), exports);
+    __exportStar(require_type(), exports);
+  }
+});
+
+// lib/config.ts
+var import_variant = __toESM(require_lib(), 1);
+import process from "node:process";
+import { join } from "node:path";
+import { existsSync, readFileSync } from "node:fs";
+
+// lib/templates/error-server.html
+var error_server_default = '<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width,initial-scale=1" />\n    <title>Development Server Crashed</title>\n    <style>\n      :root {\n        --bg: #0f1724;\n        --card: #0b1220;\n        --accent: #7dd3fc;\n        --muted: #94a3b8;\n        --glass: rgba(255, 255, 255, 0.04);\n        --radius: 16px;\n        color-scheme: light dark;\n      }\n      * {\n        box-sizing: border-box;\n      }\n      html,\n      body {\n        height: 100%;\n      }\n      body {\n        margin: 0;\n        font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI",\n          Roboto, "Helvetica Neue", Arial;\n        background: radial-gradient(\n            1200px 600px at 10% 10%,\n            rgba(125, 211, 252, 0.06),\n            transparent\n          ),\n          linear-gradient(180deg, var(--bg), #071025 80%);\n        color: #e6eef8;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 32px;\n      }\n\n      .card {\n        width: min(980px, 100%);\n        background: linear-gradient(\n          180deg,\n          rgba(255, 255, 255, 0.02),\n          rgba(255, 255, 255, 0.01)\n        );\n        border: 1px solid rgba(255, 255, 255, 0.04);\n        border-radius: var(--radius);\n        padding: 32px;\n        display: grid;\n        grid-template-columns: 300px 1fr;\n        gap: 24px;\n        align-items: center;\n        box-shadow: 0 8px 40px rgba(2, 6, 23, 0.6);\n      }\n\n      .illustration {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .badge {\n        background: var(--glass);\n        padding: 14px;\n        border-radius: 14px;\n        text-align: center;\n      }\n      .code {\n        font-weight: 700;\n        font-size: 48px;\n        letter-spacing: -2px;\n        color: var(--accent);\n        display: block;\n      }\n      h1 {\n        margin: 0 0 6px 0;\n        font-size: 20px;\n      }\n      p.lead {\n        margin: 0;\n        color: var(--muted);\n      }\n\n      .actions {\n        margin-top: 18px;\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n      }\n      .btn {\n        background: linear-gradient(\n          180deg,\n          rgba(255, 255, 255, 0.03),\n          rgba(255, 255, 255, 0.01)\n        );\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        padding: 10px 14px;\n        border-radius: 12px;\n        cursor: pointer;\n        font-weight: 600;\n        color: inherit;\n        text-decoration: none;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n      }\n      .btn.primary {\n        background: linear-gradient(180deg, var(--accent), #4ecfe8);\n        color: #032;\n        box-shadow: 0 6px 18px rgba(125, 211, 252, 0.08);\n      }\n      .btn.ghost {\n        background: transparent;\n        border: 1px dashed rgba(255, 255, 255, 0.04);\n      }\n\n      .details {\n        background: rgba(255, 255, 255, 0.02);\n        border-radius: 12px;\n        padding: 18px;\n        margin-top: 8px;\n        color: var(--muted);\n        font-size: 14px;\n      }\n\n      .suggestions {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .suggestion {\n        display: flex;\n        gap: 12px;\n        align-items: flex-start;\n      }\n      .dot {\n        width: 10px;\n        height: 10px;\n        border-radius: 10px;\n        background: rgba(255, 255, 255, 0.06);\n        margin-top: 6px;\n      }\n\n      @media (max-width: 720px) {\n        .card {\n          grid-template-columns: 1fr;\n          padding: 20px;\n        }\n        .illustration {\n          order: -1;\n        }\n      }\n\n      .wobble {\n        transform-origin: center;\n        animation: wob 6s ease-in-out infinite;\n      }\n      @keyframes wob {\n        0% {\n          transform: rotate(-3deg);\n        }\n        50% {\n          transform: rotate(3deg);\n        }\n        100% {\n          transform: rotate(-3deg);\n        }\n      }\n\n      footer {\n        font-size: 13px;\n        color: var(--muted);\n        text-align: left;\n        margin-top: 18px;\n      }\n    </style>\n  </head>\n  <body>\n    <main class="card">\n      <div class="illustration">\n        <div class="badge">\n          <svg\n            width="160"\n            height="160"\n            viewBox="0 0 64 64"\n            fill="none"\n            xmlns="http://www.w3.org/2000/svg"\n            class="wobble"\n          >\n            <rect\n              x="6"\n              y="10"\n              width="52"\n              height="36"\n              rx="6"\n              fill="rgba(125,211,252,0.06)"\n              stroke="rgba(125,211,252,0.12)"\n            />\n            <circle cx="20" cy="28" r="4" fill="rgba(125,211,252,0.18)" />\n            <rect\n              x="32"\n              y="24"\n              width="16"\n              height="6"\n              rx="2"\n              fill="rgba(125,211,252,0.22)"\n            />\n            <path\n              d="M18 46c2-3 6-5 10-5s8 2 10 5"\n              stroke="rgba(255,255,255,0.06)"\n              stroke-width="1.5"\n              stroke-linecap="round"\n            />\n            <path\n              d="M42 20l6-6"\n              stroke="rgba(255,255,255,0.06)"\n              stroke-width="2"\n              stroke-linecap="round"\n            />\n          </svg>\n        </div>\n      </div>\n\n      <section>\n        <span class="code" id="err-code">Development Server Down</span>\n        <h1 id="err-title">\n          For unknown reasons development server has crashed and is not\n          reachable.\n        </h1>\n        <p class="lead">\n          We hit an unexpected error while trying to load the page. This usually\n          clears up quickly \u2014 here are a few options.\n        </p>\n\n        <div class="actions">\n          <form action="/__restart__" method="POST">\n            <button class="btn primary" id="retryBtn" type="submit">\n              Restart\n            </button>\n            <a class="btn" id="homeBtn" onClick="fixWithAI()">Fix with AI</a>\n          </form>\n          <script type="text/javascript">\n            function fixWithAI() {\n              window.parent?.postMessage(\n                {\n                  type: "clientError",\n                  clientErrorData: {\n                    errorType: "build",\n                    message: "Development server is not responding",\n                    stack: "No stack trace available",\n                  },\n                },\n                "*"\n              );\n            }\n          </script>\n        </div>\n\n        <div class="suggestions">\n          <div class="suggestion">\n            <span class="dot"></span>\n            <div>\n              Try refreshing the page or press <kbd>Ctrl</kbd> + <kbd>R</kbd>.\n            </div>\n          </div>\n          <div class="suggestion">\n            <span class="dot"></span>\n            <div>Check your connection or try again in a few minutes.</div>\n          </div>\n          <div class="suggestion">\n            <span class="dot"></span>\n            <div>\n              If the problem persists, open an issue or contact support.\n            </div>\n          </div>\n        </div>\n      </section>\n    </main>\n  </body>\n</html>\n';
+
+// lib/templates/error-server-restarting.html
+var error_server_restarting_default = '<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width,initial-scale=1" />\n    <title>Something went wrong \u2014 Error</title>\n    <meta\n      name="description"\n      content="Friendly error page with suggestions and retry button."\n    />\n    <style>\n      :root {\n        --bg: #0f1724;\n        --card: #0b1220;\n        --accent: #7dd3fc;\n        --muted: #94a3b8;\n        --glass: rgba(255, 255, 255, 0.04);\n        --radius: 16px;\n        color-scheme: light dark;\n      }\n      * {\n        box-sizing: border-box;\n      }\n      html,\n      body {\n        height: 100%;\n      }\n      body {\n        margin: 0;\n        font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI",\n          Roboto, "Helvetica Neue", Arial;\n        background: radial-gradient(\n            1200px 600px at 10% 10%,\n            rgba(125, 211, 252, 0.06),\n            transparent\n          ),\n          linear-gradient(180deg, var(--bg), #071025 80%);\n        color: #e6eef8;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: 32px;\n      }\n\n      .card {\n        width: min(980px, 100%);\n        background: linear-gradient(\n          180deg,\n          rgba(255, 255, 255, 0.02),\n          rgba(255, 255, 255, 0.01)\n        );\n        border: 1px solid rgba(255, 255, 255, 0.04);\n        border-radius: var(--radius);\n        padding: 32px;\n        display: grid;\n        grid-template-columns: 300px 1fr;\n        gap: 24px;\n        align-items: center;\n        box-shadow: 0 8px 40px rgba(2, 6, 23, 0.6);\n      }\n\n      .illustration {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .badge {\n        background: var(--glass);\n        padding: 14px;\n        border-radius: 14px;\n        text-align: center;\n      }\n      .code {\n        font-weight: 700;\n        font-size: 48px;\n        letter-spacing: -2px;\n        color: var(--accent);\n        display: block;\n      }\n      h1 {\n        margin: 0 0 6px 0;\n        font-size: 20px;\n      }\n      p.lead {\n        margin: 0;\n        color: var(--muted);\n      }\n\n      .actions {\n        margin-top: 18px;\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n      }\n      .btn {\n        background: linear-gradient(\n          180deg,\n          rgba(255, 255, 255, 0.03),\n          rgba(255, 255, 255, 0.01)\n        );\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        padding: 10px 14px;\n        border-radius: 12px;\n        cursor: pointer;\n        font-weight: 600;\n        color: inherit;\n        text-decoration: none;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n      }\n      .btn.primary {\n        background: linear-gradient(180deg, var(--accent), #4ecfe8);\n        color: #032;\n        box-shadow: 0 6px 18px rgba(125, 211, 252, 0.08);\n      }\n      .btn.ghost {\n        background: transparent;\n        border: 1px dashed rgba(255, 255, 255, 0.04);\n      }\n\n      .details {\n        background: rgba(255, 255, 255, 0.02);\n        border-radius: 12px;\n        padding: 18px;\n        margin-top: 8px;\n        color: var(--muted);\n        font-size: 14px;\n      }\n\n      .suggestions {\n        display: flex;\n        flex-direction: column;\n        gap: 8px;\n        margin-top: 12px;\n      }\n      .suggestion {\n        display: flex;\n        gap: 12px;\n        align-items: flex-start;\n      }\n      .dot {\n        width: 10px;\n        height: 10px;\n        border-radius: 10px;\n        background: rgba(255, 255, 255, 0.06);\n        margin-top: 6px;\n      }\n\n      @media (max-width: 720px) {\n        .card {\n          grid-template-columns: 1fr;\n          padding: 20px;\n        }\n        .illustration {\n          order: -1;\n        }\n      }\n\n      .wobble {\n        transform-origin: center;\n        animation: wob 6s ease-in-out infinite;\n      }\n      @keyframes wob {\n        0% {\n          transform: rotate(-3deg);\n        }\n        50% {\n          transform: rotate(3deg);\n        }\n        100% {\n          transform: rotate(-3deg);\n        }\n      }\n\n      footer {\n        font-size: 13px;\n        color: var(--muted);\n        text-align: left;\n        margin-top: 18px;\n      }\n    </style>\n  </head>\n  <body>\n    <main class="card" role="main" aria-labelledby="err-title">\n      <div class="illustration">\n        <div class="badge" aria-hidden="true">\n          <svg\n            width="160"\n            height="160"\n            viewBox="0 0 64 64"\n            fill="none"\n            xmlns="http://www.w3.org/2000/svg"\n            class="wobble"\n            role="img"\n            aria-hidden="true"\n          >\n            <rect\n              x="6"\n              y="10"\n              width="52"\n              height="36"\n              rx="6"\n              fill="rgba(125,211,252,0.06)"\n              stroke="rgba(125,211,252,0.12)"\n            />\n            <circle cx="20" cy="28" r="4" fill="rgba(125,211,252,0.18)" />\n            <rect\n              x="32"\n              y="24"\n              width="16"\n              height="6"\n              rx="2"\n              fill="rgba(125,211,252,0.22)"\n            />\n            <path\n              d="M18 46c2-3 6-5 10-5s8 2 10 5"\n              stroke="rgba(255,255,255,0.06)"\n              stroke-width="1.5"\n              stroke-linecap="round"\n            />\n            <path\n              d="M42 20l6-6"\n              stroke="rgba(255,255,255,0.06)"\n              stroke-width="2"\n              stroke-linecap="round"\n            />\n          </svg>\n        </div>\n      </div>\n\n      <section>\n        <span class="code" id="err-code">Restarting the services...</span>\n        <h1 id="err-title">Please wait...</h1>\n        <script>\n          function checkIfSiteIsAlive(counter = 0) {\n            if (counter === 10) {\n              window.location.href = "/";\n              return;\n            }\n\n            fetch("/")\n              .then((response) => {\n                if (response.ok) {\n                  window.location.href = "/";\n                  return;\n                }\n                return Promise.reject();\n              })\n              .catch((error) => {\n                console.error(\n                  "monitor:error",\n                  "server is not yet reachable",\n                  error\n                );\n                setTimeout(() => checkIfSiteIsAlive(counter + 1), 2_000);\n              });\n          }\n          checkIfSiteIsAlive();\n        </script>\n        <p class="lead">Waiting for server to restart</p>\n      </section>\n    </main>\n  </body>\n</html>\n';
+
 // lib/templates/error-client.html
 var error_client_default = '<style>\n  :root {\n    --bg: #0f1724;\n    --card: #0b1220;\n    --accent: #7dd3fc;\n    --muted: #94a3b8;\n    --glass: rgba(255, 255, 255, 0.04);\n    --radius: 16px;\n    color-scheme: light dark;\n  }\n  * {\n    box-sizing: border-box;\n  }\n  html,\n  body {\n    height: 100%;\n  }\n  body {\n    margin: 0;\n    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI",\n      Roboto, "Helvetica Neue", Arial;\n    background: radial-gradient(\n        1200px 600px at 10% 10%,\n        rgba(125, 211, 252, 0.06),\n        transparent\n      ),\n      linear-gradient(180deg, var(--bg), #071025 80%);\n    color: #e6eef8;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 32px;\n  }\n  .card {\n    width: min(980px, 100%);\n    background: linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0.02),\n      rgba(255, 255, 255, 0.01)\n    );\n    border: 1px solid rgba(255, 255, 255, 0.04);\n    border-radius: var(--radius);\n    padding: 32px;\n    display: grid;\n    grid-template-columns: 300px 1fr;\n    gap: 24px;\n    align-items: center;\n    box-shadow: 0 8px 40px rgba(2, 6, 23, 0.6);\n  }\n  .illustration {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .badge {\n    background: var(--glass);\n    padding: 14px;\n    border-radius: 14px;\n    text-align: center;\n  }\n  .code {\n    font-weight: 700;\n    font-size: 48px;\n    letter-spacing: -2px;\n    color: var(--accent);\n    display: block;\n  }\n  h1 {\n    margin: 0 0 6px 0;\n    font-size: 20px;\n  }\n  p.lead {\n    margin: 0;\n    color: var(--muted);\n  }\n  .actions {\n    margin-top: 18px;\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n  }\n  .btn {\n    background: linear-gradient(\n      180deg,\n      rgba(255, 255, 255, 0.03),\n      rgba(255, 255, 255, 0.01)\n    );\n    border: 1px solid rgba(255, 255, 255, 0.05);\n    padding: 10px 14px;\n    border-radius: 12px;\n    cursor: pointer;\n    font-weight: 600;\n    color: inherit;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .btn.primary {\n    background: linear-gradient(180deg, var(--accent), #4ecfe8);\n    color: #032;\n    box-shadow: 0 6px 18px rgba(125, 211, 252, 0.08);\n  }\n  @media (max-width: 720px) {\n    .card {\n      grid-template-columns: 1fr;\n      padding: 20px;\n    }\n    .illustration {\n      order: -1;\n    }\n  }\n  .wobble {\n    transform-origin: center;\n    animation: wob 6s ease-in-out infinite;\n  }\n  @keyframes wob {\n    0% {\n      transform: rotate(-3deg);\n    }\n    50% {\n      transform: rotate(3deg);\n    }\n    100% {\n      transform: rotate(-3deg);\n    }\n  }\n</style>\n<main class="card">\n  <div class="illustration">\n    <div class="badge">\n      <svg\n        width="160"\n        height="160"\n        viewBox="0 0 64 64"\n        fill="none"\n        xmlns="http://www.w3.org/2000/svg"\n        class="wobble"\n        role="img"\n        aria-hidden="true"\n      >\n        <rect\n          x="6"\n          y="10"\n          width="52"\n          height="36"\n          rx="6"\n          fill="rgba(125,211,252,0.06)"\n          stroke="rgba(125,211,252,0.12)"\n        />\n        <circle cx="20" cy="28" r="4" fill="rgba(125,211,252,0.18)" />\n        <rect\n          x="32"\n          y="24"\n          width="16"\n          height="6"\n          rx="2"\n          fill="rgba(125,211,252,0.22)"\n        />\n        <path\n          d="M18 46c2-3 6-5 10-5s8 2 10 5"\n          stroke="rgba(255,255,255,0.06)"\n          stroke-width="1.5"\n          stroke-linecap="round"\n        />\n        <path\n          d="M42 20l6-6"\n          stroke="rgba(255,255,255,0.06)"\n          stroke-width="2"\n          stroke-linecap="round"\n        />\n      </svg>\n    </div>\n  </div>\n\n  <section>\n    <span class="code" id="err-code">Build Error Occurred</span>\n    <h1 id="err-title">We failed to build Your project</h1>\n    <p class="lead">\n      We hit an unexpected error while trying to build your project. Use an AI\n      to get it fixed automatically.\n    </p>\n    <div class="actions">\n      <a class="btn primary" id="homeBtn" onClick="fixWithAI()">Fix with AI</a>\n    </div>\n  </section>\n</main>\n';
 
+// lib/config.ts
+var Template = (0, import_variant.variant)({
+  SERVER: {},
+  SERVER_RESTARTING: {},
+  CLIENT: {}
+});
+var DEFAULT_TEMPLATE_LOCATION = ".dev-machine-monitor";
+function getTemplate(templateType) {
+  return (0, import_variant.match)(templateType, {
+    SERVER: () => readTemplateSafely(`${DEFAULT_TEMPLATE_LOCATION}/error-server.html`) || error_server_default,
+    SERVER_RESTARTING: () => readTemplateSafely(`${DEFAULT_TEMPLATE_LOCATION}/error-server-restarting.html`) || error_server_restarting_default,
+    CLIENT: () => readTemplateSafely(`${DEFAULT_TEMPLATE_LOCATION}/error-client.html`) || error_client_default
+  });
+}
+function readTemplateSafely(fileName) {
+  const fullPath = join(process.cwd(), fileName);
+  if (existsSync(fullPath)) {
+    try {
+      return readFileSync(fullPath, { encoding: "utf8" }).toString();
+    } catch {
+    }
+  }
+  return void 0;
+}
+
 // lib/integration.ts
 var { HTMLElement = class {
 } } = globalThis;
@@ -8,8 +919,14 @@ var ErrorOverlay = class extends HTMLElement {
   constructor(error) {
     super();
     const div = document.createElement("div");
-    div.innerHTML = `__TEMPLATE__`;
+    div.id = "template";
     this.appendChild(div);
+    import("mustache").then((mustache) => {
+      const template = document.getElementById("template");
+      if (template != null) {
+        template.innerHTML = mustache.default.render(`__TEMPLATE__`, { error });
+      }
+    });
     console.error("monitor:error", error);
     window.fixWithAI = function() {
       window.parent?.postMessage(
@@ -61,16 +978,17 @@ function clientErrorMonitor() {
         if (command != "dev") {
           return;
         }
+        const template = getTemplate(Template.CLIENT());
         updateConfig({
           vite: {
-            plugins: [customErrorOverlayPlugin()]
+            plugins: [customErrorOverlayPlugin(template)]
           }
         });
       }
     }
   };
 }
-function customErrorOverlayPlugin() {
+function customErrorOverlayPlugin(template) {
   return {
     name: "custom-error-overlay",
     transform(code, id, opts = {}) {
@@ -83,7 +1001,7 @@ function customErrorOverlayPlugin() {
       const overlay = ErrorOverlay.toString().replace(
         "class extends HTMLElement",
         "class ErrorOverlay extends HTMLElement"
-      ).replace("__TEMPLATE__", error_client_default);
+      ).replace("__TEMPLATE__", template);
       return code.replace(
         "class ErrorOverlay",
         `${overlay}