citadel_cli 1.1.0 → 1.1.4

package/dist/citadel.es.js

@@ -1,689 +1,47 @@
-var Qn = Object.defineProperty;
-var Zn = (o, n, t) => n in o ? Qn(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
-var j = (o, n, t) => Zn(o, typeof n != "symbol" ? n + "" : n, t);
-import Z, { useEffect as I, useMemo as be, createContext as et, useContext as ve, useState as Y, useCallback as A, useReducer as nt, useRef as Q } from "react";
-import tt from "react-dom";
-var Te = { exports: {} }, ae = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var on;
-function rt() {
-  if (on) return ae;
-  on = 1;
-  var o = Z, n = Symbol.for("react.element"), t = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function p(d, u, f) {
-    var w, g = {}, v = null, O = null;
-    f !== void 0 && (v = "" + f), u.key !== void 0 && (v = "" + u.key), u.ref !== void 0 && (O = u.ref);
-    for (w in u) r.call(u, w) && !s.hasOwnProperty(w) && (g[w] = u[w]);
-    if (d && d.defaultProps) for (w in u = d.defaultProps, u) g[w] === void 0 && (g[w] = u[w]);
-    return { $$typeof: n, type: d, key: v, ref: O, props: g, _owner: i.current };
-  }
-  return ae.Fragment = t, ae.jsx = p, ae.jsxs = p, ae;
-}
-var se = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var an;
-function ot() {
-  return an || (an = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = Z, n = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), d = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), k = Symbol.iterator, D = "@@iterator";
-    function U(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var a = k && e[k] || e[D];
-      return typeof a == "function" ? a : null;
-    }
-    var c = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function h(e) {
-      {
-        for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), b = 1; b < a; b++)
-          l[b - 1] = arguments[b];
-        E("error", e, l);
-      }
-    }
-    function E(e, a, l) {
-      {
-        var b = c.ReactDebugCurrentFrame, S = b.getStackAddendum();
-        S !== "" && (a += "%s", l = l.concat([S]));
-        var _ = l.map(function(C) {
-          return String(C);
-        });
-        _.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, _);
-      }
-    }
-    var x = !1, R = !1, V = !1, z = !1, H = !1, K;
-    K = Symbol.for("react.module.reference");
-    function ne(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === r || e === s || H || e === i || e === f || e === w || z || e === O || x || R || V || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === g || e.$$typeof === p || e.$$typeof === d || e.$$typeof === u || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === K || e.getModuleId !== void 0));
-    }
-    function _n(e, a, l) {
-      var b = e.displayName;
-      if (b)
-        return b;
-      var S = a.displayName || a.name || "";
-      return S !== "" ? l + "(" + S + ")" : l;
-    }
-    function De(e) {
-      return e.displayName || "Context";
-    }
-    function L(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case r:
-          return "Fragment";
-        case t:
-          return "Portal";
-        case s:
-          return "Profiler";
-        case i:
-          return "StrictMode";
-        case f:
-          return "Suspense";
-        case w:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case d:
-            var a = e;
-            return De(a) + ".Consumer";
-          case p:
-            var l = e;
-            return De(l._context) + ".Provider";
-          case u:
-            return _n(e, e.render, "ForwardRef");
-          case g:
-            var b = e.displayName || null;
-            return b !== null ? b : L(e.type) || "Memo";
-          case v: {
-            var S = e, _ = S._payload, C = S._init;
-            try {
-              return L(C(_));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var B = Object.assign, te = 0, ze, Fe, Ue, $e, Me, He, We;
-    function Ye() {
-    }
-    Ye.__reactDisabledLog = !0;
-    function En() {
-      {
-        if (te === 0) {
-          ze = console.log, Fe = console.info, Ue = console.warn, $e = console.error, Me = console.group, He = console.groupCollapsed, We = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: Ye,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        te++;
-      }
-    }
-    function kn() {
-      {
-        if (te--, te === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: B({}, e, {
-              value: ze
-            }),
-            info: B({}, e, {
-              value: Fe
-            }),
-            warn: B({}, e, {
-              value: Ue
-            }),
-            error: B({}, e, {
-              value: $e
-            }),
-            group: B({}, e, {
-              value: Me
-            }),
-            groupCollapsed: B({}, e, {
-              value: He
-            }),
-            groupEnd: B({}, e, {
-              value: We
-            })
-          });
-        }
-        te < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var Ce = c.ReactCurrentDispatcher, Se;
-    function me(e, a, l) {
-      {
-        if (Se === void 0)
-          try {
-            throw Error();
-          } catch (S) {
-            var b = S.stack.trim().match(/\n( *(at )?)/);
-            Se = b && b[1] || "";
-          }
-        return `
-` + Se + e;
-      }
-    }
-    var _e = !1, pe;
-    {
-      var Rn = typeof WeakMap == "function" ? WeakMap : Map;
-      pe = new Rn();
-    }
-    function Le(e, a) {
-      if (!e || _e)
-        return "";
-      {
-        var l = pe.get(e);
-        if (l !== void 0)
-          return l;
-      }
-      var b;
-      _e = !0;
-      var S = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var _;
-      _ = Ce.current, Ce.current = null, En();
-      try {
-        if (a) {
-          var C = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(C.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(C, []);
-            } catch ($) {
-              b = $;
-            }
-            Reflect.construct(e, [], C);
-          } else {
-            try {
-              C.call();
-            } catch ($) {
-              b = $;
-            }
-            e.call(C.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch ($) {
-            b = $;
-          }
-          e();
-        }
-      } catch ($) {
-        if ($ && b && typeof $.stack == "string") {
-          for (var y = $.stack.split(`
-`), F = b.stack.split(`
-`), P = y.length - 1, T = F.length - 1; P >= 1 && T >= 0 && y[P] !== F[T]; )
-            T--;
-          for (; P >= 1 && T >= 0; P--, T--)
-            if (y[P] !== F[T]) {
-              if (P !== 1 || T !== 1)
-                do
-                  if (P--, T--, T < 0 || y[P] !== F[T]) {
-                    var W = `
-` + y[P].replace(" at new ", " at ");
-                    return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && pe.set(e, W), W;
-                  }
-                while (P >= 1 && T >= 0);
-              break;
-            }
-        }
-      } finally {
-        _e = !1, Ce.current = _, kn(), Error.prepareStackTrace = S;
-      }
-      var X = e ? e.displayName || e.name : "", q = X ? me(X) : "";
-      return typeof e == "function" && pe.set(e, q), q;
-    }
-    function jn(e, a, l) {
-      return Le(e, !1);
-    }
-    function An(e) {
-      var a = e.prototype;
-      return !!(a && a.isReactComponent);
-    }
-    function fe(e, a, l) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return Le(e, An(e));
-      if (typeof e == "string")
-        return me(e);
-      switch (e) {
-        case f:
-          return me("Suspense");
-        case w:
-          return me("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case u:
-            return jn(e.render);
-          case g:
-            return fe(e.type, a, l);
-          case v: {
-            var b = e, S = b._payload, _ = b._init;
-            try {
-              return fe(_(S), a, l);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var re = Object.prototype.hasOwnProperty, Ve = {}, Ke = c.ReactDebugCurrentFrame;
-    function ge(e) {
-      if (e) {
-        var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
-        Ke.setExtraStackFrame(l);
-      } else
-        Ke.setExtraStackFrame(null);
-    }
-    function Pn(e, a, l, b, S) {
-      {
-        var _ = Function.call.bind(re);
-        for (var C in e)
-          if (_(e, C)) {
-            var y = void 0;
-            try {
-              if (typeof e[C] != "function") {
-                var F = Error((b || "React class") + ": " + l + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw F.name = "Invariant Violation", F;
-              }
-              y = e[C](a, C, b, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (P) {
-              y = P;
-            }
-            y && !(y instanceof Error) && (ge(S), h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", l, C, typeof y), ge(null)), y instanceof Error && !(y.message in Ve) && (Ve[y.message] = !0, ge(S), h("Failed %s type: %s", l, y.message), ge(null));
-          }
-      }
-    }
-    var Tn = Array.isArray;
-    function Ee(e) {
-      return Tn(e);
-    }
-    function On(e) {
-      {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, l = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return l;
-      }
-    }
-    function Nn(e) {
-      try {
-        return Be(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Be(e) {
-      return "" + e;
-    }
-    function qe(e) {
-      if (Nn(e))
-        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", On(e)), Be(e);
-    }
-    var oe = c.ReactCurrentOwner, In = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Je, Ge, ke;
-    ke = {};
-    function Dn(e) {
-      if (re.call(e, "ref")) {
-        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (a && a.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function zn(e) {
-      if (re.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function Fn(e, a) {
-      if (typeof e.ref == "string" && oe.current && a && oe.current.stateNode !== a) {
-        var l = L(oe.current.type);
-        ke[l] || (h('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(oe.current.type), e.ref), ke[l] = !0);
-      }
-    }
-    function Un(e, a) {
-      {
-        var l = function() {
-          Je || (Je = !0, h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
-        };
-        l.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: l,
-          configurable: !0
-        });
-      }
-    }
-    function $n(e, a) {
-      {
-        var l = function() {
-          Ge || (Ge = !0, h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
-        };
-        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: l,
-          configurable: !0
-        });
-      }
-    }
-    var Mn = function(e, a, l, b, S, _, C) {
-      var y = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: n,
-        // Built-in properties that belong on the element
-        type: e,
-        key: a,
-        ref: l,
-        props: C,
-        // Record the component responsible for creating this element.
-        _owner: _
-      };
-      return y._store = {}, Object.defineProperty(y._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(y, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: b
-      }), Object.defineProperty(y, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: S
-      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
-    };
-    function Hn(e, a, l, b, S) {
-      {
-        var _, C = {}, y = null, F = null;
-        l !== void 0 && (qe(l), y = "" + l), zn(a) && (qe(a.key), y = "" + a.key), Dn(a) && (F = a.ref, Fn(a, S));
-        for (_ in a)
-          re.call(a, _) && !In.hasOwnProperty(_) && (C[_] = a[_]);
-        if (e && e.defaultProps) {
-          var P = e.defaultProps;
-          for (_ in P)
-            C[_] === void 0 && (C[_] = P[_]);
-        }
-        if (y || F) {
-          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          y && Un(C, T), F && $n(C, T);
-        }
-        return Mn(e, y, F, S, b, oe.current, C);
-      }
-    }
-    var Re = c.ReactCurrentOwner, Xe = c.ReactDebugCurrentFrame;
-    function G(e) {
-      if (e) {
-        var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
-        Xe.setExtraStackFrame(l);
-      } else
-        Xe.setExtraStackFrame(null);
-    }
-    var je;
-    je = !1;
-    function Ae(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === n;
-    }
-    function Qe() {
-      {
-        if (Re.current) {
-          var e = L(Re.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function Wn(e) {
-      return "";
-    }
-    var Ze = {};
-    function Yn(e) {
-      {
-        var a = Qe();
-        if (!a) {
-          var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (a = `
-
-Check the top-level render call using <` + l + ">.");
-        }
-        return a;
-      }
-    }
-    function en(e, a) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var l = Yn(a);
-        if (Ze[l])
-          return;
-        Ze[l] = !0;
-        var b = "";
-        e && e._owner && e._owner !== Re.current && (b = " It was passed a child from " + L(e._owner.type) + "."), G(e), h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, b), G(null);
-      }
-    }
-    function nn(e, a) {
-      {
-        if (typeof e != "object")
-          return;
-        if (Ee(e))
-          for (var l = 0; l < e.length; l++) {
-            var b = e[l];
-            Ae(b) && en(b, a);
-          }
-        else if (Ae(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var S = U(e);
-          if (typeof S == "function" && S !== e.entries)
-            for (var _ = S.call(e), C; !(C = _.next()).done; )
-              Ae(C.value) && en(C.value, a);
-        }
-      }
-    }
-    function Ln(e) {
-      {
-        var a = e.type;
-        if (a == null || typeof a == "string")
-          return;
-        var l;
-        if (typeof a == "function")
-          l = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === u || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        a.$$typeof === g))
-          l = a.propTypes;
-        else
-          return;
-        if (l) {
-          var b = L(a);
-          Pn(l, e.props, "prop", b, e);
-        } else if (a.PropTypes !== void 0 && !je) {
-          je = !0;
-          var S = L(a);
-          h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
-        }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function Vn(e) {
-      {
-        for (var a = Object.keys(e.props), l = 0; l < a.length; l++) {
-          var b = a[l];
-          if (b !== "children" && b !== "key") {
-            G(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), G(null);
-            break;
-          }
-        }
-        e.ref !== null && (G(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), G(null));
-      }
-    }
-    var tn = {};
-    function rn(e, a, l, b, S, _) {
-      {
-        var C = ne(e);
-        if (!C) {
-          var y = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var F = Wn();
-          F ? y += F : y += Qe();
-          var P;
-          e === null ? P = "null" : Ee(e) ? P = "array" : e !== void 0 && e.$$typeof === n ? (P = "<" + (L(e.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, y);
-        }
-        var T = Hn(e, a, l, S, _);
-        if (T == null)
-          return T;
-        if (C) {
-          var W = a.children;
-          if (W !== void 0)
-            if (b)
-              if (Ee(W)) {
-                for (var X = 0; X < W.length; X++)
-                  nn(W[X], e);
-                Object.freeze && Object.freeze(W);
-              } else
-                h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-            else
-              nn(W, e);
-        }
-        if (re.call(a, "key")) {
-          var q = L(e), $ = Object.keys(a).filter(function(Xn) {
-            return Xn !== "key";
-          }), Pe = $.length > 0 ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!tn[q + Pe]) {
-            var Gn = $.length > 0 ? "{" + $.join(": ..., ") + ": ...}" : "{}";
-            h(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`, Pe, q, Gn, q), tn[q + Pe] = !0;
-          }
-        }
-        return e === r ? Vn(T) : Ln(T), T;
-      }
-    }
-    function Kn(e, a, l) {
-      return rn(e, a, l, !0);
-    }
-    function Bn(e, a, l) {
-      return rn(e, a, l, !1);
-    }
-    var qn = Bn, Jn = Kn;
-    se.Fragment = r, se.jsx = qn, se.jsxs = Jn;
-  }()), se;
-}
-process.env.NODE_ENV === "production" ? Te.exports = rt() : Te.exports = ot();
-var m = Te.exports, Oe, he = tt;
-if (process.env.NODE_ENV === "production")
-  Oe = he.createRoot, he.hydrateRoot;
-else {
-  var sn = he.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  Oe = function(o, n) {
-    sn.usingClientEntryPoint = !0;
-    try {
-      return he.createRoot(o, n);
-    } finally {
-      sn.usingClientEntryPoint = !1;
-    }
-  };
-}
-const at = ({ onOpen: o, onClose: n, isVisible: t, showCitadelKey: r }) => {
-  I(() => {
-    const i = (s) => {
-      var p, d;
-      !t && s.key === r && !["input", "textarea"].includes(((d = (p = s.target) == null ? void 0 : p.tagName) == null ? void 0 : d.toLowerCase()) || "") && (s.preventDefault(), o()), t && s.key === "Escape" && (s.preventDefault(), n());
+var pe = Object.defineProperty;
+var ge = (r, e, n) => e in r ? pe(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
+var b = (r, e, n) => ge(r, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as m, jsxs as N, Fragment as he } from "react/jsx-runtime";
+import L, { useEffect as _, useMemo as V, createContext as fe, useContext as Y, useState as R, useCallback as w, useReducer as we, useRef as U } from "react";
+import { createRoot as be } from "react-dom/client";
+const ye = ({ onOpen: r, onClose: e, isVisible: n, showCitadelKey: t }) => {
+  _(() => {
+    const o = (s) => {
+      var i, c;
+      !n && s.key === t && !["input", "textarea"].includes(((c = (i = s.target) == null ? void 0 : i.tagName) == null ? void 0 : c.toLowerCase()) || "") && (s.preventDefault(), r()), n && s.key === "Escape" && (s.preventDefault(), e());
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [o, n, t, r]);
-}, st = "_container_141sr_3", it = "_innerContainer_141sr_19", lt = "_inputSection_141sr_28", ct = "_resizeHandle_141sr_35", ut = "_citadel_slideUp_141sr_64", dt = "_citadel_slideDown_141sr_68", ln = {
-  container: st,
-  innerContainer: it,
-  inputSection: lt,
-  resizeHandle: ct,
-  citadel_slideUp: ut,
-  citadel_slideDown: dt
-}, mt = (o) => {
-  const { isVisible: n, isClosing: t, onAnimationComplete: r } = o, i = be(() => n ? t ? ln.slideDown : ln.slideUp : "", [n, t]);
-  return I(() => {
-    if (r) {
-      const p = setTimeout(() => {
-        r();
+    return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+  }, [r, e, n, t]);
+}, xe = "_container_141sr_3", ve = "_innerContainer_141sr_19", Ce = "_inputSection_141sr_28", Se = "_resizeHandle_141sr_35", ke = "_citadel_slideUp_141sr_64", Ee = "_citadel_slideDown_141sr_68", Q = {
+  container: xe,
+  innerContainer: ve,
+  inputSection: Ce,
+  resizeHandle: Se,
+  citadel_slideUp: ke,
+  citadel_slideDown: Ee
+}, Ne = (r) => {
+  const { isVisible: e, isClosing: n, onAnimationComplete: t } = r, o = V(() => e ? n ? Q.slideDown : Q.slideUp : "", [e, n]);
+  return _(() => {
+    if (t) {
+      const i = setTimeout(() => {
+        t();
       }, 200);
-      return () => clearTimeout(p);
+      return () => clearTimeout(i);
     }
-  }, [t, r]), {
-    style: be(() => ({
-      opacity: n ? 1 : 0,
-      transform: n ? "translateY(0)" : t ? "translateY(100%)" : "translateY(-100%)",
+  }, [n, t]), {
+    style: V(() => ({
+      opacity: e ? 1 : 0,
+      transform: e ? "translateY(0)" : n ? "translateY(100%)" : "translateY(-100%)",
       transition: "opacity 200ms ease-in-out, transform 200ms ease-in-out"
-    }), [n, t]),
-    animationClass: i
+    }), [e, n]),
+    animationClass: o
   };
 };
-var ie = /* @__PURE__ */ ((o) => (o.Pending = "pending", o.Success = "success", o.Failure = "failure", o.Timeout = "timeout", o))(ie || {});
-class ee {
-  constructor(n = Date.now()) {
-    j(this, "_status", "pending");
-    this.timestamp = n;
+var M = /* @__PURE__ */ ((r) => (r.Pending = "pending", r.Success = "success", r.Failure = "failure", r.Timeout = "timeout", r))(M || {});
+class F {
+  constructor(e = Date.now()) {
+    b(this, "_status", "pending");
+    this.timestamp = e;
   }
   get status() {
     return this._status;
@@ -698,41 +56,41 @@ class ee {
     this._status = "timeout";
   }
 }
-class Yt extends ee {
-  constructor(n, t) {
-    super(t), this.data = n;
+class nn extends F {
+  constructor(e, n) {
+    super(n), this.data = e;
   }
   render() {
-    return /* @__PURE__ */ m.jsx("pre", { className: "text-gray-200", children: JSON.stringify(this.data, null, 2) });
+    return /* @__PURE__ */ m("pre", { className: "text-gray-200", children: JSON.stringify(this.data, null, 2) });
   }
 }
-class gn extends ee {
-  constructor(n, t) {
-    super(t), this.text = n;
+class oe extends F {
+  constructor(e, n) {
+    super(n), this.text = e;
   }
   render() {
-    return /* @__PURE__ */ m.jsx("div", { className: "text-gray-200 whitespace-pre font-mono", children: this.text });
+    return /* @__PURE__ */ m("div", { className: "text-gray-200 whitespace-pre font-mono", children: this.text });
   }
 }
-class pt extends ee {
-  constructor(n, t) {
-    super(t), this.error = n, this.markFailure();
+class _e extends F {
+  constructor(e, n) {
+    super(n), this.error = e, this.markFailure();
   }
   render() {
-    return /* @__PURE__ */ m.jsx("div", { className: "mt-1 text-red-400", children: this.error });
+    return /* @__PURE__ */ m("div", { className: "mt-1 text-red-400", children: this.error });
   }
 }
-class ft extends ee {
+class Ae extends F {
   render() {
-    return /* @__PURE__ */ m.jsx("div", { className: "text-gray-400", children: "..." });
+    return /* @__PURE__ */ m("div", { className: "text-gray-400", children: "..." });
   }
 }
-class Lt extends ee {
-  constructor(n, t = "", r) {
-    super(r), this.imageUrl = n, this.altText = t;
+class tn extends F {
+  constructor(e, n = "", t) {
+    super(t), this.imageUrl = e, this.altText = n;
   }
   render() {
-    return /* @__PURE__ */ m.jsx("div", { className: "my-2", children: /* @__PURE__ */ m.jsx(
+    return /* @__PURE__ */ m("div", { className: "my-2", children: /* @__PURE__ */ m(
       "img",
       {
         src: this.imageUrl,
@@ -742,44 +100,44 @@ class Lt extends ee {
     ) });
   }
 }
-const gt = (o) => async function(n) {
-  const t = o.commands.filter((r) => r.fullPath[0] !== "help").map((r) => `${r.segments.map((s) => s.type === "argument" ? `<${s.name}>` : s.name).join(" ")} - ${r.description}`).sort();
-  return t.push("help - Show available commands"), new gn(
-    t.length > 0 ? `Available Commands:
-` + t.join(`
+const ze = (r) => async function() {
+  const e = r.commands.filter((n) => n.fullPath[0] !== "help").map((n) => `${n.segments.map((o) => o.type === "argument" ? `<${o.name}>` : o.name).join(" ")} - ${n.description}`).sort();
+  return e.push("help - Show available commands"), new oe(
+    e.length > 0 ? `Available Commands:
+` + e.join(`
 `) : "No commands available yet. Add some commands to get started!"
   );
 };
-var we = /* @__PURE__ */ ((o) => (o[o.NONE = 0] = "NONE", o[o.ERROR = 1] = "ERROR", o[o.WARN = 2] = "WARN", o[o.INFO = 3] = "INFO", o[o.DEBUG = 4] = "DEBUG", o[o.TRACE = 5] = "TRACE", o))(we || {});
-class N {
-  static configure(n) {
-    this.level = n.level, this.prefix = n.prefix || "[Citadel]";
+var W = /* @__PURE__ */ ((r) => (r[r.NONE = 0] = "NONE", r[r.ERROR = 1] = "ERROR", r[r.WARN = 2] = "WARN", r[r.INFO = 3] = "INFO", r[r.DEBUG = 4] = "DEBUG", r[r.TRACE = 5] = "TRACE", r))(W || {});
+class C {
+  static configure(e) {
+    this.level = e.level, this.prefix = e.prefix || "[Citadel]";
   }
-  static trace(...n) {
-    this.level >= 5 && process.env.NODE_ENV !== "production" && console.trace(this.prefix, ...n);
+  static trace(...e) {
+    this.level >= 5 && process.env.NODE_ENV !== "production" && console.trace(this.prefix, ...e);
   }
-  static debug(...n) {
-    this.level >= 4 && process.env.NODE_ENV !== "production" && console.debug(this.prefix, ...n);
+  static debug(...e) {
+    this.level >= 4 && process.env.NODE_ENV !== "production" && console.debug(this.prefix, ...e);
   }
-  static info(...n) {
-    this.level >= 3 && console.info(this.prefix, ...n);
+  static info(...e) {
+    this.level >= 3 && console.info(this.prefix, ...e);
   }
-  static warn(...n) {
-    this.level >= 2 && console.warn(this.prefix, ...n);
+  static warn(...e) {
+    this.level >= 2 && console.warn(this.prefix, ...e);
   }
-  static error(...n) {
-    this.level >= 1 && console.error(this.prefix, ...n);
+  static error(...e) {
+    this.level >= 1 && console.error(this.prefix, ...e);
   }
 }
-j(N, "level", 0), j(N, "prefix", "");
-const M = {
+b(C, "level", 0), b(C, "prefix", "");
+const A = {
   commandTimeoutMs: 1e4,
   cursorColor: "var(--cursor-color, #fff)",
   cursorSpeed: 530,
   cursorType: "blink",
   includeHelpCommand: !0,
   initialHeight: "40vh",
-  logLevel: process.env.NODE_ENV === "production" ? we.ERROR : we.DEBUG,
+  logLevel: process.env.NODE_ENV === "production" ? W.ERROR : W.DEBUG,
   maxHeight: "80vh",
   minHeight: "200",
   outputFontSize: "0.875rem",
@@ -790,94 +148,94 @@ const M = {
     maxCommands: 100
   }
 };
-class hn {
-  constructor(n) {
-    j(this, "config");
+class se {
+  constructor(e) {
+    b(this, "config");
     this.config = {
       type: "localStorage",
       maxCommands: 100,
-      ...n
+      ...e
     };
   }
   /**
    * Add a command to history, enforcing storage limits
    */
-  async addStoredCommand(n) {
-    const t = await this.getStoredCommands();
-    for (t.push(n); t.length > this.config.maxCommands; )
-      t.shift();
-    await this.saveCommands(t);
+  async addStoredCommand(e) {
+    const n = await this.getStoredCommands();
+    for (n.push(e); n.length > this.config.maxCommands; )
+      n.shift();
+    await this.saveCommands(n);
   }
 }
-class ht extends hn {
-  constructor(t) {
-    super(t);
-    j(this, "storageKey", "citadel_command_history");
+class Ie extends se {
+  constructor(n) {
+    super(n);
+    b(this, "storageKey", "citadel_command_history");
   }
   async getStoredCommands() {
     try {
-      const t = window.localStorage.getItem(this.storageKey);
-      return t ? JSON.parse(t).map((i) => ({
-        commandSegments: i.commandSegments || [],
-        timestamp: i.timestamp
+      const n = window.localStorage.getItem(this.storageKey);
+      return n ? JSON.parse(n).map((o) => ({
+        commandSegments: o.commandSegments || [],
+        timestamp: o.timestamp
       })) : [];
-    } catch (t) {
-      return console.warn("Failed to load commands from localStorage:", t), [];
+    } catch (n) {
+      return console.warn("Failed to load commands from localStorage:", n), [];
     }
   }
   async clear() {
     try {
       window.localStorage.removeItem(this.storageKey);
-    } catch (t) {
-      console.warn("Failed to clear localStorage:", t);
+    } catch (n) {
+      console.warn("Failed to clear localStorage:", n);
     }
   }
-  async saveCommands(t) {
+  async saveCommands(n) {
     try {
-      const r = t.map((i) => ({
-        commandSegments: Array.isArray(i.commandSegments) ? [...i.commandSegments] : [],
-        timestamp: i.timestamp
+      const t = n.map((o) => ({
+        commandSegments: Array.isArray(o.commandSegments) ? [...o.commandSegments] : [],
+        timestamp: o.timestamp
       }));
-      window.localStorage.setItem(this.storageKey, JSON.stringify(r));
-    } catch (r) {
-      throw console.warn("Failed to save commands to localStorage:", r), r;
+      window.localStorage.setItem(this.storageKey, JSON.stringify(t));
+    } catch (t) {
+      throw console.warn("Failed to save commands to localStorage:", t), t;
     }
   }
 }
-class bt extends hn {
-  constructor(t) {
-    super(t);
-    j(this, "storedCommands", []);
+class Re extends se {
+  constructor(n) {
+    super(n);
+    b(this, "storedCommands", []);
   }
   async getStoredCommands() {
-    return this.storedCommands.map((t) => ({
-      commandSegments: Array.isArray(t.commandSegments) ? [...t.commandSegments] : [],
-      timestamp: t.timestamp
+    return this.storedCommands.map((n) => ({
+      commandSegments: Array.isArray(n.commandSegments) ? [...n.commandSegments] : [],
+      timestamp: n.timestamp
     }));
   }
   async clear() {
     this.storedCommands = [];
   }
-  async saveCommands(t) {
-    this.storedCommands = t.map((r) => ({
-      commandSegments: Array.isArray(r.commandSegments) ? [...r.commandSegments] : [],
-      timestamp: r.timestamp
+  async saveCommands(n) {
+    this.storedCommands = n.map((t) => ({
+      commandSegments: Array.isArray(t.commandSegments) ? [...t.commandSegments] : [],
+      timestamp: t.timestamp
     }));
   }
 }
-const J = class J {
+const D = class D {
   constructor() {
-    j(this, "currentStorage");
+    b(this, "currentStorage");
   }
   static getInstance() {
-    return J.instance || (J.instance = new J()), J.instance;
+    return D.instance || (D.instance = new D()), D.instance;
   }
-  initializeStorage(n) {
+  initializeStorage(e) {
     if (!this.currentStorage)
       try {
-        this.currentStorage = new ht(n);
-      } catch (t) {
-        console.warn("Failed to create storage, falling back to memory storage:", t), this.currentStorage = new bt(n);
+        this.currentStorage = new Ie(e);
+      } catch (n) {
+        console.warn("Failed to create storage, falling back to memory storage:", n), this.currentStorage = new Re(e);
       }
   }
   getStorage() {
@@ -886,39 +244,39 @@ const J = class J {
     return this.currentStorage;
   }
 };
-j(J, "instance");
-let ye = J;
-const bn = async (o) => new gn("");
-class Ne {
-  constructor(n, t, r) {
-    this.type = n, this.name = t, this.description = r;
+b(D, "instance");
+let q = D;
+const ae = async () => new oe("");
+class G {
+  constructor(e, n, t) {
+    this.type = e, this.name = n, this.description = t;
   }
   toString() {
     return this.name;
   }
 }
-class wn extends Ne {
+class ie extends G {
   constructor() {
     super("null", ">null<", "Empty segment");
   }
 }
-class wt extends Ne {
-  constructor(n, t) {
-    super("word", n, t);
+class Pe extends G {
+  constructor(e, n) {
+    super("word", e, n);
   }
 }
-class yt extends Ne {
-  constructor(n, t, r, i) {
-    super("argument", n, t), this.value = r, this.valid = i;
+class He extends G {
+  constructor(e, n, t, o) {
+    super("argument", e, n), this.value = t, this.valid = o;
   }
 }
-class vt {
-  constructor(n, t, r = bn) {
-    j(this, "_segments");
-    j(this, "_description");
+class De {
+  constructor(e, n, t = ae) {
+    b(this, "_segments");
+    b(this, "_description");
     // Used by `Help` command, etc.
-    j(this, "_handler");
-    this._segments = n, this._description = t, this._handler = r;
+    b(this, "_handler");
+    this._segments = e, this._description = n, this._handler = t;
   }
   get segments() {
     return this._segments;
@@ -930,21 +288,21 @@ class vt {
     return this._handler;
   }
   get hasArguments() {
-    return this.segments.some((n) => n.type === "argument");
+    return this.segments.some((e) => e.type === "argument");
   }
   get fullPath() {
-    return this.segments.map((n) => n.name);
+    return this.segments.map((e) => e.name);
   }
   get fullPath_s() {
     return this.fullPath.join(" ");
   }
-  equals(n) {
-    return this.fullPath.join(" ") === n.fullPath.join(" ");
+  equals(e) {
+    return this.fullPath.join(" ") === e.fullPath.join(" ");
   }
 }
-class Ie {
+class J {
   constructor() {
-    j(this, "_commands", []);
+    b(this, "_commands", []);
   }
   get commands() {
     return this._commands;
@@ -956,20 +314,20 @@ class Ie {
    * @throws {Error} If attempting to add a duplicate leaf command or a subcommand to a leaf
    * 
    */
-  addCommand(n, t, r = bn) {
-    if (n === void 0 || n.length === 0)
+  addCommand(e, n, t = ae) {
+    if (e === void 0 || e.length === 0)
       throw new Error("Command path cannot be empty");
-    const i = new vt(n, t, r), s = this._commands.find((p) => {
-      const d = p.segments.map(
-        (f) => f.type === "argument" ? "*" : f.name
-      ).join(" "), u = n.map(
-        (f) => f.type === "argument" ? "*" : f.name
+    const o = new De(e, n, t), s = this._commands.find((i) => {
+      const c = i.segments.map(
+        (l) => l.type === "argument" ? "*" : l.name
+      ).join(" "), d = e.map(
+        (l) => l.type === "argument" ? "*" : l.name
       ).join(" ");
-      return d === u;
+      return c === d;
     });
     if (s)
-      throw new Error(`Duplicate commands: '${s.fullPath_s}' and '${i.fullPath_s}'`);
-    this._commands.push(i);
+      throw new Error(`Duplicate commands: '${s.fullPath_s}' and '${o.fullPath_s}'`);
+    this._commands.push(o);
   }
   /**
    * Retrieves a command from the registry for the given path.
@@ -977,24 +335,27 @@ class Ie {
    * @param path The path of the command.
    * @returns The command node or undefined if not found.
    */
-  getCommand(n) {
-    return this._commands.find((t) => {
-      const r = t.fullPath.join(" "), i = n.join(" ");
-      return r === i;
+  getCommand(e) {
+    return this._commands.find((n) => {
+      const t = n.fullPath.join(" "), o = e.join(" ");
+      if (t === o)
+        return !0;
+      const i = n.segments.filter((c) => c.type === "word").map((c) => c.name);
+      return i.length === e.length && i.join(" ") === o;
     });
   }
-  commandExistsForPath(n) {
-    const t = this._commands.map(
-      (i) => i.segments.map(
+  commandExistsForPath(e) {
+    const n = this._commands.map(
+      (o) => o.segments.map(
         (s) => s.type === "argument" ? "*" : s.name
       ).join(" ")
-    ), r = n.map((i, s) => this._commands.some(
-      (d) => {
-        var u;
-        return ((u = d.segments[s]) == null ? void 0 : u.type) === "argument";
+    ), t = e.map((o, s) => this._commands.some(
+      (c) => {
+        var d;
+        return ((d = c.segments[s]) == null ? void 0 : d.type) === "argument";
       }
-    ) ? "*" : i).join(" ");
-    return t.includes(r);
+    ) ? "*" : o).join(" ");
+    return n.includes(t);
   }
   /**
    * Gets possible matches for a given path.
@@ -1003,8 +364,8 @@ class Ie {
    * @returns An array of completion strings.
    */
   // used by AvailableCommands
-  getCompletions_s(n) {
-    return this.getCompletions(n).map((t) => t.name);
+  getCompletions_s(e) {
+    return this.getCompletions(e).map((n) => n.name);
   }
   /**
    * Gets an array of segments reachable from a given path
@@ -1012,51 +373,51 @@ class Ie {
    * @param path The path to get completions for.
    * @returns An array of completion strings.
    */
-  getCompletions(n) {
-    if (N.debug("[getCompletions] path: ", n), !n.length) {
-      const s = this._commands.map((u) => u.segments[0]), p = (u, f) => u.type === f.type && u.name === f.name;
+  getCompletions(e) {
+    if (C.debug("[getCompletions] path: ", e), !e.length) {
+      const s = this._commands.map((d) => d.segments[0]), i = (d, l) => d.type === l.type && d.name === l.name;
       return s.filter(
-        (u, f, w) => f === w.findIndex((g) => p(g, u))
+        (d, l, u) => l === u.findIndex((p) => i(p, d))
       );
     }
-    const t = n.length;
+    const n = e.length;
     return this._commands.filter((s) => {
-      const p = s.segments;
-      if (p.length <= t - 1)
+      const i = s.segments;
+      if (i.length <= n - 1)
         return !1;
-      for (let d = 0; d < t; d++) {
-        const u = n[d], f = p[d];
-        if (!(u === "*" && f.type === "argument") && u !== f.name)
+      for (let c = 0; c < n; c++) {
+        const d = e[c], l = i[c];
+        if (!(d === "*" && l.type === "argument") && d !== l.name)
           return !1;
       }
       return !0;
-    }).filter((s) => s.segments.length > t).map((s) => {
-      const p = s.segments[t], d = p.type === "argument" ? yt : wt;
-      return new d(p.name, p.description);
+    }).filter((s) => s.segments.length > n).map((s) => {
+      const i = s.segments[n], c = i.type === "argument" ? He : Pe;
+      return new c(i.name, i.description);
     }).filter(
-      (s, p, d) => p === d.findIndex(
-        (u) => u.type === s.type && u.name === s.name
+      (s, i, c) => i === c.findIndex(
+        (d) => d.type === s.type && d.name === s.name
       )
     );
   }
-  hasNextSegment(n) {
-    return this.getCompletions(n).length > 0;
+  hasNextSegment(e) {
+    return this.getCompletions(e).length > 0;
   }
 }
-class yn {
+class le {
   constructor() {
-    j(this, "segments", []);
-    j(this, "nullSegment", new wn());
-    j(this, "observers", []);
+    b(this, "segments", []);
+    b(this, "nullSegment", new ie());
+    b(this, "observers", []);
   }
-  subscribe(n) {
-    this.observers.push(n);
+  subscribe(e) {
+    this.observers.push(e);
   }
-  unsubscribe(n) {
-    this.observers = this.observers.filter((t) => t !== n);
+  unsubscribe(e) {
+    this.observers = this.observers.filter((n) => n !== e);
   }
   notifyObservers() {
-    this.observers.forEach((n) => n.update());
+    this.observers.forEach((e) => e.update());
   }
   /**
    * Clears all segments from the stack
@@ -1067,22 +428,22 @@ class yn {
   /**
    * Pushes a new segment onto the stack
    */
-  push(n) {
-    this.segments.push(n), this.notifyObservers();
+  push(e) {
+    this.segments.push(e), this.notifyObservers();
   }
   /**
    * Pushes an array of segments onto the stack
    */
-  pushAll(n) {
-    n.forEach((t) => this.push(t));
+  pushAll(e) {
+    e.forEach((n) => this.push(n));
   }
   /**
    * Removes and returns the top segment from the stack
    * Returns NullSegment if stack is empty
    */
   pop() {
-    const n = this.segments.pop() || this.nullSegment;
-    return this.notifyObservers(), n;
+    const e = this.segments.pop() || this.nullSegment;
+    return this.notifyObservers(), e;
   }
   /**
    * Returns the top segment without removing it
@@ -1107,21 +468,21 @@ class yn {
    * Returns true if any segment in the stack is an argument
    */
   get hasArguments() {
-    return this.segments.some((n) => n.type === "argument");
+    return this.segments.some((e) => e.type === "argument");
   }
   /**
    * Returns all argument segments in the stack
    */
   get arguments() {
     return this.segments.filter(
-      (n) => n.type === "argument"
+      (e) => e.type === "argument"
     );
   }
   /**
    * Returns the command path as an array of segment names
    */
   path() {
-    return this.segments.map((n) => n.name);
+    return this.segments.map((e) => e.name);
   }
   /**
    * Returns a copy of the internal segments array
@@ -1130,253 +491,240 @@ class yn {
     return [...this.segments];
   }
 }
-const xt = {
-  config: M,
-  commands: new Ie(),
-  segmentStack: new yn()
-}, le = et(xt), Ct = ({ config: o = M, commands: n, children: t }) => {
-  const [r, i] = Z.useState(), s = {
-    ...M,
-    ...o,
+const Ue = {
+  config: A,
+  commands: new J(),
+  segmentStack: new le()
+}, O = fe(Ue), Fe = ({ config: r = A, commandRegistry: e, children: n }) => {
+  const [t, o] = L.useState(), s = {
+    ...A,
+    ...r,
     // Ensure nested objects are properly merged
     storage: {
-      ...M.storage,
-      ...o.storage
+      ...A.storage,
+      ...r.storage
     },
     // Ensure explicit values from config take precedence
-    cursorType: o.cursorType ?? M.cursorType,
-    cursorColor: o.cursorColor ?? M.cursorColor,
-    cursorSpeed: o.cursorSpeed ?? M.cursorSpeed,
-    showCitadelKey: o.showCitadelKey || "."
+    cursorType: r.cursorType ?? A.cursorType,
+    cursorColor: r.cursorColor ?? A.cursorColor,
+    cursorSpeed: r.cursorSpeed ?? A.cursorSpeed,
+    showCitadelKey: r.showCitadelKey || "."
   };
-  I(() => {
-    ye.getInstance().initializeStorage(
-      s.storage ?? M.storage
-    ), i(ye.getInstance().getStorage());
-  }, []), I(() => {
-    if (n && s.includeHelpCommand && !n.commandExistsForPath(["help"])) {
-      const d = gt(n);
-      n.addCommand(
+  _(() => {
+    q.getInstance().initializeStorage(
+      s.storage ?? A.storage
+    ), o(q.getInstance().getStorage());
+  }, []), _(() => {
+    if (e && s.includeHelpCommand && !e.commandExistsForPath(["help"])) {
+      const c = ze(e);
+      e.addCommand(
         [{ type: "word", name: "help" }],
         "Show available commands",
-        d
+        c
       );
     }
-  }, [n, s.includeHelpCommand]);
-  const p = {
+  }, [e, s.includeHelpCommand]);
+  const i = {
     config: s,
-    commands: n || new Ie(),
-    storage: r,
-    segmentStack: new yn()
+    commands: e || new J(),
+    storage: t,
+    segmentStack: new le()
   };
-  return /* @__PURE__ */ m.jsx(le.Provider, { value: p, children: t });
-}, ce = () => {
-  const o = ve(le);
-  if (o === void 0)
+  return /* @__PURE__ */ m(O.Provider, { value: i, children: n });
+}, $ = () => {
+  const r = Y(O);
+  if (r === void 0)
     throw new Error("useCitadelConfig must be used within a CitadelConfigProvider");
-  return o.config;
-}, xe = () => {
-  const o = ve(le);
-  if (o === void 0)
+  return r.config;
+}, B = () => {
+  const r = Y(O);
+  if (r === void 0)
     throw new Error("useCitadelCommands must be used within a CitadelConfigProvider");
-  return o.commands;
-}, vn = () => {
-  const o = ve(le);
-  if (o === void 0)
+  return r.commands;
+}, ce = () => {
+  const r = Y(O);
+  if (r === void 0)
     throw new Error("useCitadelStorage must be used within a CitadelConfigProvider");
-  return o.storage;
-}, ue = () => {
-  const o = ve(le);
-  if (o === void 0)
+  return r.storage;
+}, K = () => {
+  const r = Y(O);
+  if (r === void 0)
     throw new Error("useSegmentStack must be used within a CitadelConfigProvider");
-  return o.segmentStack;
+  return r.segmentStack;
 };
-class St {
-  constructor(n, t) {
-    j(this, "timestamp");
-    j(this, "command");
-    j(this, "result");
-    this.command = n.toArray().map((r) => r.type === "argument" ? r.value || "" : r.name), this.timestamp = Date.now(), this.result = t ?? new ft();
+class Te {
+  constructor(e, n) {
+    b(this, "timestamp");
+    b(this, "command");
+    b(this, "result");
+    this.command = e.toArray().map((t) => t.type === "argument" ? t.value || "" : t.name), this.timestamp = Date.now(), this.result = n ?? new Ae();
   }
 }
-const de = () => {
-  const o = ue(), [n, t] = Y(0);
-  return I(() => {
-    const r = {
-      update: () => {
-        t((i) => i + 1);
-      }
-    };
-    return o.subscribe(r), () => {
-      o.unsubscribe(r);
-    };
-  }, [o]), n;
-};
-function _t(o) {
+function je(r) {
   return {
-    commandSegments: o,
+    commandSegments: r,
     timestamp: Date.now()
   };
 }
-function xn() {
-  const o = vn(), [n, t] = Y({
+function de() {
+  const r = ce(), [e, n] = R({
     storedCommands: [],
     position: null
-  }), r = A(async (d) => {
-    if (o)
+  }), t = w(async (c) => {
+    if (r)
       try {
-        const u = _t(d);
-        await o.addStoredCommand(u), t((f) => ({
-          ...f,
-          storedCommands: [...f.storedCommands, u],
+        const d = je(c);
+        await r.addStoredCommand(d), n((l) => ({
+          ...l,
+          storedCommands: [...l.storedCommands, d],
           position: null
         }));
-      } catch (u) {
-        console.warn("Failed to save command to history:", u);
+      } catch (d) {
+        console.warn("Failed to save command to history:", d);
       }
-  }, [o]), i = A(async () => o ? await o.getStoredCommands() : [], [o]);
-  I(() => {
-    if (!o) return;
+  }, [r]), o = w(async () => r ? await r.getStoredCommands() : [], [r]);
+  _(() => {
+    if (!r) return;
     (async () => {
       try {
-        const u = await o.getStoredCommands();
-        return t((f) => ({
-          ...f,
-          storedCommands: u
-        })), u;
-      } catch (u) {
-        console.warn("Failed to load command history:", u);
+        const d = await r.getStoredCommands();
+        return n((l) => ({
+          ...l,
+          storedCommands: d
+        })), d;
+      } catch (d) {
+        console.warn("Failed to load command history:", d);
       }
     })();
-  }, [o]);
-  const s = A(async (d) => {
-    if ((await i()).length === 0)
+  }, [r]);
+  const s = w(async (c) => {
+    if ((await o()).length === 0)
       return { segments: null, position: null };
-    let f = null;
-    return d === "up" ? n.position === null ? f = n.storedCommands.length - 1 : n.position > 0 ? f = n.position - 1 : f = 0 : n.position === null || n.position >= n.storedCommands.length - 1 ? f = null : f = n.position + 1, t((g) => ({
-      ...g,
-      position: f
-    })), f === null ? {
+    let l = null;
+    return c === "up" ? e.position === null ? l = e.storedCommands.length - 1 : e.position > 0 ? l = e.position - 1 : l = 0 : e.position === null || e.position >= e.storedCommands.length - 1 ? l = null : l = e.position + 1, n((p) => ({
+      ...p,
+      position: l
+    })), l === null ? {
       segments: [],
       position: null
     } : {
-      segments: f !== null ? n.storedCommands[f].commandSegments : null,
-      position: f
+      segments: l !== null ? e.storedCommands[l].commandSegments : null,
+      position: l
     };
-  }, [n, de]), p = A(async () => {
+  }, [e, o]), i = w(async () => {
     try {
-      if (!o) return;
-      await o.clear(), t({
+      if (!r) return;
+      await r.clear(), n({
         storedCommands: [],
         position: null
       });
-    } catch (d) {
-      console.warn("Failed to clear command history:", d);
+    } catch (c) {
+      console.warn("Failed to clear command history:", c);
     }
-  }, [o]);
+  }, [r]);
   return {
-    history: n,
-    addStoredCommand: r,
-    getStoredCommands: i,
+    history: e,
+    addStoredCommand: t,
+    getStoredCommands: o,
     navigateHistory: s,
-    clear: p
+    clear: i
   };
 }
-const Cn = () => {
-  const o = ce(), n = xe(), t = xn(), r = ue(), i = de(), s = vn(), [p, d] = Y({
+const me = () => {
+  const r = $(), e = B(), n = de(), t = K(), o = ce(), [s, i] = R({
     currentInput: "",
     isEnteringArg: !1,
     output: [],
     history: {
       commands: [],
       position: null,
-      storage: s
+      storage: o
     }
   });
-  I(() => {
-  }, [s]), I(() => {
-    d((g) => ({
-      ...g,
+  _(() => {
+  }, [o]), _(() => {
+    i((u) => ({
+      ...u,
       history: {
-        commands: t.history.storedCommands,
-        position: t.history.position,
-        storage: s
+        commands: n.history.storedCommands,
+        position: n.history.position,
+        storage: o
       }
     }));
-  }, [t.history, s]);
-  const u = {
-    setCurrentInput: A((g) => {
-      N.debug("[CitadelActions] setCurrentInput: ", g), d((v) => ({ ...v, currentInput: g }));
+  }, [n.history, o]);
+  const c = {
+    setCurrentInput: w((u) => {
+      C.debug("[CitadelActions] setCurrentInput: ", u), i((p) => ({ ...p, currentInput: u }));
     }, []),
-    setIsEnteringArg: A((g) => {
-      N.debug("[CitadelActions] setIsEnteringArg: ", g), d((v) => ({ ...v, isEnteringArg: g }));
+    setIsEnteringArg: w((u) => {
+      C.debug("[CitadelActions] setIsEnteringArg: ", u), i((p) => ({ ...p, isEnteringArg: u }));
     }, []),
-    addOutput: A((g) => {
-      N.debug("[CitadelActions]addOutput: ", g), d((v) => ({
-        ...v,
-        output: [...v.output, g]
+    addOutput: w((u) => {
+      C.debug("[CitadelActions]addOutput: ", u), i((p) => ({
+        ...p,
+        output: [...p.output, u]
       }));
     }, []),
-    executeCommand: A(async () => {
-      const g = r.path(), v = n.getCommand(g);
-      if (!v) {
-        console.error("[CitadelActions][executeCommand] Cannot execute command because no command was found for the given path: ", g);
+    executeCommand: w(async () => {
+      const u = t.path(), p = e.getCommand(u);
+      if (!p) {
+        console.error("[CitadelActions][executeCommand] Cannot execute command because no command was found for the given path: ", u);
         return;
       }
-      const O = new St(r);
-      d((k) => ({
-        ...k,
-        output: [...k.output, O]
+      const S = new Te(t);
+      i((y) => ({
+        ...y,
+        output: [...y.output, S]
       }));
       try {
-        const k = new Promise((c, h) => {
+        const y = new Promise((a, g) => {
           setTimeout(() => {
-            h(new Error("Request timed out"));
-          }, o.commandTimeoutMs);
-        }), D = r.arguments.map((c) => c.value || ""), U = await Promise.race([
-          v.handler(D),
-          k
+            g(new Error("Request timed out"));
+          }, r.commandTimeoutMs);
+        }), z = t.arguments.map((a) => a.value || ""), E = await Promise.race([
+          p.handler(z),
+          y
         ]);
-        if (!(U instanceof ee))
+        if (!(E instanceof F))
           throw new Error(
-            `The ${g.join(".")} command returned an invalid result type. Commands must return an instance of a CommandResult.
+            `The ${u.join(".")} command returned an invalid result type. Commands must return an instance of a CommandResult.
 For example:
    return new JsonCommandResult({ text: "Hello World" });
-Check the definition of the ${g.join(".")} command and update the return type for its handler.`
+Check the definition of the ${u.join(".")} command and update the return type for its handler.`
           );
-        U.markSuccess(), d((c) => ({
-          ...c,
-          output: c.output.map(
-            (h) => h.timestamp === O.timestamp ? { ...h, result: U } : h
+        E.markSuccess(), i((a) => ({
+          ...a,
+          output: a.output.map(
+            (g) => g.timestamp === S.timestamp ? { ...g, result: E } : g
           )
         }));
-      } catch (k) {
-        const D = new pt(
-          k instanceof Error ? k.message : "Unknown error"
+      } catch (y) {
+        const z = new _e(
+          y instanceof Error ? y.message : "Unknown error"
         );
-        D.markFailure(), d((U) => ({
-          ...U,
-          output: U.output.map(
-            (c) => c.timestamp === O.timestamp ? { ...c, result: D } : c
+        z.markFailure(), i((E) => ({
+          ...E,
+          output: E.output.map(
+            (a) => a.timestamp === S.timestamp ? { ...a, result: z } : a
           )
         }));
       }
-    }, [n, o.commandTimeoutMs, i]),
-    clearHistory: A(async () => {
+    }, [e, r.commandTimeoutMs, t]),
+    clearHistory: w(async () => {
       try {
-        await t.clear();
-      } catch (g) {
-        console.warn("Failed to clear history:", g);
+        await n.clear();
+      } catch (u) {
+        console.warn("Failed to clear history:", u);
       }
-    }, [t])
-  }, f = A(() => n.getCompletions_s(r.path()), [r, n]), w = A(() => n.getCompletions(r.path()), [r, n]);
+    }, [n])
+  }, d = w(() => e.getCompletions_s(t.path()), [t, e]), l = w(() => e.getCompletions(t.path()), [t, e]);
   return {
-    state: p,
-    actions: u,
-    getAvailableCommands_s: f,
-    getAvailableCommandSegments: w
+    state: s,
+    actions: c,
+    getAvailableCommands_s: d,
+    getAvailableCommandSegments: l
   };
-}, Et = {
+}, Me = {
   blink: {
     character: "▋",
     speed: 530,
@@ -1397,404 +745,424 @@ Check the definition of the ${g.join(".")} command and update the return type fo
     speed: 120,
     color: "#fff"
   }
-}, cn = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], un = ["|", "/", "-", "\\"], kt = ({
-  style: o = { type: "blink" },
-  isValid: n = !0,
-  errorMessage: t
+}, X = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], Z = ["|", "/", "-", "\\"], Oe = ({
+  style: r = { type: "blink" },
+  isValid: e = !0,
+  errorMessage: n
 }) => {
-  const r = be(() => ({
-    ...Et[o.type],
-    ...o
-  }), [o]), [i, s] = Y(!0), [p, d] = Y(0);
-  I(() => {
-    if (r.speed === 0) return;
-    const w = setInterval(() => {
-      r.type === "blink" ? s((g) => !g) : ["spin", "bbs"].includes(r.type) && d((g) => (g + 1) % (r.type === "bbs" ? un.length : cn.length));
-    }, r.speed);
-    return () => clearInterval(w);
-  }, [r.type, r.speed]);
-  const u = be(() => ({
-    color: n ? r.color : "#ff4444",
+  const t = V(() => ({
+    ...Me[r.type],
+    ...r
+  }), [r]), [o, s] = R(!0), [i, c] = R(0);
+  _(() => {
+    if (t.speed === 0) return;
+    const u = setInterval(() => {
+      t.type === "blink" ? s((p) => !p) : ["spin", "bbs"].includes(t.type) && c((p) => (p + 1) % (t.type === "bbs" ? Z.length : X.length));
+    }, t.speed);
+    return () => clearInterval(u);
+  }, [t.type, t.speed]);
+  const d = V(() => ({
+    color: e ? t.color : "#ff4444",
     transition: "color 0.15s ease-in-out"
-  }), [n, r.color]), f = () => !n && t ? "✗" : ["spin", "bbs"].includes(r.type) ? (r.type === "bbs" ? un : cn)[p] : r.type === "solid" || i ? r.character : " ";
-  return /* @__PURE__ */ m.jsx("div", { className: "relative inline-block", children: /* @__PURE__ */ m.jsx(
+  }), [e, t.color]);
+  return /* @__PURE__ */ m("div", { className: "relative inline-block", children: /* @__PURE__ */ m(
     "span",
     {
-      className: `command-cursor ${n ? "" : "animate-shake"}`,
-      style: u,
-      title: t,
-      children: f()
+      className: `command-cursor ${e ? "" : "animate-shake"}`,
+      style: d,
+      title: n,
+      children: !e && n ? "✗" : ["spin", "bbs"].includes(t.type) ? (t.type === "bbs" ? Z : X)[i] : t.type === "solid" || o ? t.character : " "
     }
   ) });
 };
-function Rt(o, n) {
-  switch (n.type) {
+function $e(r, e) {
+  switch (e.type) {
     case "set":
-      return N.debug(`[inputStateReducer] InputState changing from ${o} to ${n.state}`), n.state;
+      return C.debug(`[inputStateReducer] InputState changing from ${r} to ${e.state}`), e.state;
     default:
-      return o;
-  }
-}
-const jt = () => {
-  const { state: o } = Cn(), n = xe(), t = xn(), r = ue(), i = de(), [s, p] = nt(Rt, "idle"), d = (c) => {
-    p({ type: "set", state: c });
-  }, u = () => {
-    const h = n.getCompletions(r.path())[0] || r.nullSegment;
-    return N.debug("[getNextExpectedSegment] ", h), h;
-  }, f = A(() => n.getCompletions_s(r.path()).map((h) => n.getCommand([...r.path(), h])).filter((h) => h !== void 0), [n]), w = A((c, h) => {
-    if (!c) return h;
-    const E = h.reduce((R, V) => {
-      const z = u();
-      return (z == null ? void 0 : z.type) === "word" && R.set(z.name, V), R;
+      return r;
+  }
+}
+const Ke = () => {
+  const { state: r } = me(), e = B(), n = de(), t = K(), [o, s] = we($e, "idle"), i = (a) => {
+    s({ type: "set", state: a });
+  }, c = w(() => {
+    const g = e.getCompletions(t.path())[0] || t.nullSegment;
+    return C.debug("[getNextExpectedSegment] ", g), g;
+  }, [e, t]), d = w(() => e.getCompletions_s(t.path()).map((g) => e.getCommand([...t.path(), g])).filter((g) => g !== void 0), [e, t]), l = w((a, g) => {
+    if (!a) return g;
+    const h = g.reduce((f, x) => {
+      const v = c();
+      return (v == null ? void 0 : v.type) === "word" && f.set(v.name, x), f;
     }, /* @__PURE__ */ new Map());
-    return Array.from(E.values()).filter((R) => {
-      const V = u();
-      return V.type !== "word" ? !1 : V.name.toLowerCase().startsWith(c.toLowerCase());
+    return Array.from(h.values()).filter(() => {
+      const f = c();
+      return f.type !== "word" ? !1 : f.name.toLowerCase().startsWith(a.toLowerCase());
     });
-  }, []), g = A((c) => {
-    const E = n.getCompletions(r.path()).filter((x) => x.type === "word").filter(
-      (x) => x.name.toLowerCase().startsWith(c.toLowerCase())
+  }, [c]), u = w((a) => {
+    const h = e.getCompletions(t.path()).filter((k) => k.type === "word").filter(
+      (k) => k.name.toLowerCase().startsWith(a.toLowerCase())
     );
-    return E.length === 1 ? E[0] : r.nullSegment;
-  }, [w]), v = A((c) => {
-    const h = r.path(), E = n.getCompletions(h);
-    return E.length === 0 && c ? !1 : E.some((x) => x.type === "argument") ? !0 : E.some(
-      (x) => x.type === "word" && x.name.toLowerCase().startsWith(c.toLowerCase())
+    return h.length === 1 ? h[0] : t.nullSegment;
+  }, [e, t]), p = w((a) => {
+    const g = t.path(), h = e.getCompletions(g);
+    return h.length === 0 && a ? !1 : h.some((f) => f.type === "argument") ? !0 : h.some(
+      (f) => f.type === "word" && f.name.toLowerCase().startsWith(a.toLowerCase())
     );
-  }, [n]), O = A((c) => {
-    N.debug("[tryAutoComplete] input: ", c);
-    const h = g(c);
-    return !h || h.name === c ? new wn() : (N.debug("[tryAutoComplete] result: ", h), h);
-  }, [f, g, r, n, u]), k = A((c, h) => {
-    if (o.history.position === null) {
-      if (h.setCurrentInput(c), N.debug("[useCommandParser][handleInputChange] newValue: ", c), s === "entering_argument") {
-        const E = dn(c);
-        if (E.isQuoted)
-          if (E.isComplete) {
-            const x = u();
-            if (x.type === "argument") {
-              const R = x;
-              R.value = c.trim() || "", N.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", R), r.push(R), h.setCurrentInput(""), d("idle");
+  }, [e, t]), S = w((a) => {
+    C.debug("[tryAutoComplete] input: ", a);
+    const g = u(a);
+    return !g || g.name === a ? new ie() : (C.debug("[tryAutoComplete] result: ", g), g);
+  }, [u]), y = w((a, g) => {
+    if (r.history.position === null) {
+      if (g.setCurrentInput(a), C.debug("[useCommandParser][handleInputChange] newValue: ", a), o === "entering_argument") {
+        const h = ee(a);
+        if (h.isQuoted)
+          if (h.isComplete) {
+            const k = c();
+            if (k.type === "argument") {
+              const f = k;
+              f.value = a.trim() || "", C.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", f), t.push(f), g.setCurrentInput(""), i("idle");
               return;
             }
           } else
             return;
-        else if (E.isComplete) {
-          const x = u();
-          x.value = c.trim() || "", N.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", x), r.push(x), h.setCurrentInput(""), d("idle");
+        else if (h.isComplete) {
+          const k = c();
+          k.value = a.trim() || "", C.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", k), t.push(k), g.setCurrentInput(""), i("idle");
           return;
         } else
           return;
       }
-      if (s == "entering_command") {
-        const E = O(c);
-        if (E.type === "word") {
-          N.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", E), r.push(E), h.setCurrentInput(""), d("idle");
+      if (o == "entering_command") {
+        const h = S(a);
+        if (h.type === "word") {
+          C.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", h), t.push(h), g.setCurrentInput(""), i("idle");
           return;
         }
       }
     }
-  }, [O, i, o]), D = A(async (c, h, E) => {
-    if (!(c.key === "Backspace" || c.key === "Enter" || c.key === "ArrowUp" || c.key === "ArrowDown" || c.key === "ArrowLeft" || c.key === "ArrowRight" || c.key === "Escape" || c.key === "Delete" || c.key === "Home" || c.key === "End" || c.key.length === 1))
-      return;
-    const { currentInput: R, isEnteringArg: V } = h, z = dn(R);
-    switch (c.key) {
-      case "Backspace": {
-        R === "" && (c.preventDefault(), r.size() > 0 && r.pop(), d("idle"));
-        return;
-      }
+  }, [S, r, c, o, t]), z = w((a) => {
+    a.setCurrentInput(""), a.setIsEnteringArg(!1), t.clear(), i("idle");
+  }, [t]), E = w((a, g, h) => {
+    if (!(a.key === "Backspace" || a.key === "Enter" || a.key === "ArrowUp" || a.key === "ArrowDown" || a.key === "ArrowLeft" || a.key === "ArrowRight" || a.key === "Escape" || a.key === "Delete" || a.key === "Home" || a.key === "End" || a.key.length === 1))
+      return !0;
+    const { currentInput: f, isEnteringArg: x } = g, v = ee(f);
+    switch (a.key) {
+      case "Backspace":
+        return f === "" && (a.preventDefault(), t.size() > 0 && t.pop(), i("idle")), !0;
       case "Enter": {
-        if (c.preventDefault(), z.isQuoted && !z.isComplete)
-          return;
-        if (s === "entering_argument") {
-          const K = u();
-          K.value = R, N.debug("[handleKeyDown][Enter]['entering_argument'] pushing: ", K), r.push(K);
+        if (a.preventDefault(), v.isQuoted && !v.isComplete)
+          return !0;
+        if (o === "entering_argument" || x && f.trim()) {
+          const H = c();
+          H.value = f, C.debug("[handleKeyDown][Enter]['entering_argument'] pushing: ", H), t.push(H);
         }
-        N.debug("[handleKeyDown][Enter] calling actions.executeCommand. segmentStack: ", r), E.executeCommand(), t.addStoredCommand(r.toArray()), U(E);
-        return;
-      }
-      case "ArrowUp": {
-        c.preventDefault();
-        const H = await t.navigateHistory("up", r.toArray());
-        H.segments && (r.clear(), r.pushAll(H.segments), E.setCurrentInput(""));
-        return;
-      }
-      case "ArrowDown": {
-        c.preventDefault();
-        const H = await t.navigateHistory("down", r.toArray());
-        H.segments && (r.clear(), r.pushAll(H.segments), E.setCurrentInput(""));
-        return;
+        const I = t.path(), P = e.getCommand(I);
+        if (P) {
+          const T = P.segments.filter((j) => j.type === "argument"), H = t.arguments;
+          if (T.length > H.length)
+            return !1;
+        }
+        return C.debug("[handleKeyDown][Enter] calling actions.executeCommand. segmentStack: ", t), h.executeCommand(), n.addStoredCommand(t.toArray()), z(h), !0;
       }
-      default:
-        if (!V && c.key.length === 1) {
-          const H = R + c.key;
-          if (!v(H)) {
-            c.preventDefault();
-            return;
-          }
+      case "ArrowUp":
+        return a.preventDefault(), (async () => {
+          const I = await n.navigateHistory("up", t.toArray());
+          return I.segments && (t.clear(), t.pushAll(I.segments), h.setCurrentInput("")), !0;
+        })();
+      case "ArrowDown":
+        return a.preventDefault(), (async () => {
+          const I = await n.navigateHistory("down", t.toArray());
+          return I.segments && (t.clear(), t.pushAll(I.segments), h.setCurrentInput("")), !0;
+        })();
+      default: {
+        if (!x && a.key.length === 1) {
+          const I = f + a.key;
+          if (!p(I))
+            return a.preventDefault(), !1;
         }
+        return !0;
+      }
     }
   }, [
+    o,
+    p,
+    c,
     n,
-    w,
-    f,
-    g,
-    s,
-    v,
-    i
-  ]), U = A((c) => {
-    c.setCurrentInput(""), c.setIsEnteringArg(!1), r.clear(), d("idle");
-  }, []);
+    z,
+    t
+  ]);
   return {
-    handleInputChange: k,
-    handleKeyDown: D,
-    inputState: s,
-    setInputStateWithLogging: d,
+    handleInputChange: y,
+    handleKeyDown: E,
+    inputState: o,
+    setInputStateWithLogging: i,
     // Expose internal functions for testing
-    findMatchingCommands: w,
-    getAutocompleteSuggestion: g,
-    getAvailableNodes: f,
-    getNextExpectedSegment: u,
-    isValidCommandInput: v
+    findMatchingCommands: l,
+    getAutocompleteSuggestion: u,
+    getAvailableNodes: d,
+    getNextExpectedSegment: c,
+    isValidCommandInput: p
   };
 };
-function dn(o) {
-  const n = [];
-  let t = "", r = !1, i;
-  for (let s = 0; s < o.length; s++) {
-    const p = o[s];
-    (p === '"' || p === "'") && (!r || p === i) ? r ? (n.push(t), t = "", r = !1, i = void 0) : (t && (n.push(t), t = ""), r = !0, i = p) : !r && p === " " ? t && (n.push(t), t = "") : t += p;
+function ee(r) {
+  const e = [];
+  let n = "", t = !1, o;
+  for (let s = 0; s < r.length; s++) {
+    const i = r[s];
+    (i === '"' || i === "'") && (!t || i === o) ? t ? (e.push(n), n = "", t = !1, o = void 0) : (n && (e.push(n), n = ""), t = !0, o = i) : !t && i === " " ? n && (e.push(n), n = "") : n += i;
   }
   return {
-    words: n,
-    currentWord: t,
-    isQuoted: r,
-    quoteChar: i,
-    isComplete: !r && !t
+    words: e,
+    currentWord: n,
+    isQuoted: t,
+    quoteChar: o,
+    isComplete: !t && !n
   };
 }
-const At = "_invalidInput_e9b9w_12", Pt = "_shake_e9b9w_1", Tt = "_flashBorder_e9b9w_1", Ot = {
-  invalidInput: At,
-  shake: Pt,
-  flashBorder: Tt
-}, Nt = ({
-  state: o,
-  actions: n
+const Le = () => {
+  const r = K(), [e, n] = R(0);
+  return _(() => {
+    const t = {
+      update: () => {
+        n((o) => o + 1);
+      }
+    };
+    return r.subscribe(t), () => {
+      r.unsubscribe(t);
+    };
+  }, [r]), e;
+}, Ve = ({
+  state: r,
+  actions: e
 }) => {
-  const t = Q(null), r = xe(), i = ue(), {
+  const n = U(null), t = B(), o = K(), {
     handleKeyDown: s,
-    handleInputChange: p,
-    inputState: d,
-    setInputStateWithLogging: u,
-    getNextExpectedSegment: f
-  } = jt(), [w] = Y(!1), g = ce(), v = de(), O = (x) => {
-    s(x, o, n);
-  }, k = (x) => {
-    p(x.target.value, n);
-  }, D = (x) => {
+    handleInputChange: i,
+    inputState: c,
+    setInputStateWithLogging: d,
+    getNextExpectedSegment: l
+  } = Ke(), [u, p] = R(!1), S = $(), y = Le(), z = async (x) => {
+    const v = s(x, r, e);
+    await Promise.resolve(v) === !1 && (p(!0), setTimeout(() => p(!1), 500));
+  }, E = (x) => {
+    i(x.target.value, e);
+  }, a = (x) => {
     x.preventDefault();
-    const R = x.clipboardData.getData("text");
-    p(R, n);
+    const v = x.clipboardData.getData("text");
+    i(v, e);
   };
-  I(() => {
-    t.current && t.current.focus(), d !== "entering_command" && u("entering_command");
-  }, []), I(() => {
-    if (d !== "idle") return;
-    const x = f();
-    let R = "idle";
+  _(() => {
+    n.current && n.current.focus(), c !== "entering_command" && d("entering_command");
+  }, [c, d]), _(() => {
+    if (c !== "idle") return;
+    const x = l();
+    let v = "idle";
     switch (x.type) {
       case "word":
-        R = "entering_command", n.setIsEnteringArg(!1);
+        v = "entering_command", e.setIsEnteringArg(!1);
         break;
       case "argument":
-        R = "entering_argument", n.setIsEnteringArg(!0);
+        v = "entering_argument", e.setIsEnteringArg(!0);
         break;
     }
-    N.debug(`[CommandInput] changing inputState to '${R}'`), u(R);
-  }, [v]);
-  const [U, c] = Y([]);
-  I(() => {
-    const x = [], R = i.toArray().map((z, H) => {
-      x.push(z.name);
-      const K = r.hasNextSegment(x);
-      if (z.type === "argument") {
-        let ne = z;
-        return /* @__PURE__ */ m.jsxs(Z.Fragment, { children: [
-          /* @__PURE__ */ m.jsx("span", { className: "text-gray-200 whitespace-pre", children: ne.value }),
-          H < i.size() && K && /* @__PURE__ */ m.jsx("span", { className: "text-gray-200 whitespace-pre", children: " " })
-        ] }, "arg-" + ne.name + ne.value);
+    d(v);
+  }, [y, c, l, d, e]);
+  const [g, h] = R([]);
+  _(() => {
+    const x = [], v = o.toArray().map((P, T) => {
+      x.push(P.name);
+      const H = t.hasNextSegment(x);
+      if (P.type === "argument") {
+        const j = P;
+        return /* @__PURE__ */ N(L.Fragment, { children: [
+          /* @__PURE__ */ m("span", { className: "text-gray-200 whitespace-pre", children: j.value }),
+          T < o.size() && H && /* @__PURE__ */ m("span", { className: "text-gray-200 whitespace-pre", children: " " })
+        ] }, "arg-" + j.name + j.value);
       }
-      return /* @__PURE__ */ m.jsxs(Z.Fragment, { children: [
-        /* @__PURE__ */ m.jsx("span", { className: "text-blue-400 whitespace-pre", children: z.name }),
-        H < i.size() && K && /* @__PURE__ */ m.jsx("span", { className: "text-blue-400 whitespace-pre", children: " " })
-      ] }, "word-" + z.name);
+      return /* @__PURE__ */ N(L.Fragment, { children: [
+        /* @__PURE__ */ m("span", { className: "text-blue-400 whitespace-pre", children: P.name }),
+        T < o.size() && H && /* @__PURE__ */ m("span", { className: "text-blue-400 whitespace-pre", children: " " })
+      ] }, "word-" + P.name);
     });
-    c([/* @__PURE__ */ m.jsx("div", { className: "flex items-center gap-1", "data-testid": "user-input-area", children: R }, "{segmentStackVersion}")]);
-  }, [v]);
-  const [h, E] = Y("");
-  return I(() => {
-    const x = f();
-    x.type === "argument" ? E(x.name) : E("");
-  }, [v]), /* @__PURE__ */ m.jsx("div", { className: "flex flex-col w-full bg-gray-900 rounded-lg p-4", children: /* @__PURE__ */ m.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ m.jsx("div", { className: "text-gray-400 font-mono", children: ">" }),
-    /* @__PURE__ */ m.jsxs("div", { className: "flex-1 font-mono flex items-center", children: [
-      U,
-      /* @__PURE__ */ m.jsxs("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ m.jsx(
-          "input",
-          {
-            ref: t,
-            type: "text",
-            role: "textbox",
-            value: o.currentInput,
-            onChange: k,
-            onKeyDown: O,
-            onPaste: D,
-            "data-testid": "citadel-command-input",
-            className: `w-full bg-transparent outline-none text-gray-200 caret-transparent ${w ? Ot.invalidInput : ""}`,
-            spellCheck: !1,
-            autoComplete: "off",
-            placeholder: h
-          }
-        ),
-        /* @__PURE__ */ m.jsx(
-          "div",
-          {
-            className: "absolute top-0 pointer-events-none",
-            style: {
-              left: `${o.currentInput.length}ch`,
-              transition: "left 0.05s ease-out"
-            },
-            children: /* @__PURE__ */ m.jsx(
-              kt,
-              {
-                style: {
-                  type: g.cursorType ?? M.cursorType,
-                  color: g.cursorColor || M.cursorColor,
-                  speed: g.cursorSpeed || M.cursorSpeed
+    h([/* @__PURE__ */ m("div", { className: "flex items-center gap-1", "data-testid": "user-input-area", children: v }, "{segmentStackVersion}")]);
+  }, [y, t, o]);
+  const [k, f] = R("");
+  return _(() => {
+    const x = l();
+    x.type === "argument" ? f(x.name) : f("");
+  }, [y, l]), /* @__PURE__ */ N("div", { className: "flex flex-col w-full bg-gray-900 rounded-lg p-4", children: [
+    /* @__PURE__ */ m("style", { children: `
+        @keyframes subtleGlow {
+          0%, 100% { box-shadow: 0 0 0 rgba(239, 68, 68, 0); }
+          50% { box-shadow: 0 0 8px rgba(239, 68, 68, 0.6); }
+        }
+        .invalid-input-animation {
+          animation: subtleGlow 0.4s ease-in-out;
+        }
+      ` }),
+    /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ m("div", { className: "text-gray-400 font-mono", children: ">" }),
+      /* @__PURE__ */ N("div", { className: "flex-1 font-mono flex items-center", children: [
+        g,
+        /* @__PURE__ */ N("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ m(
+            "input",
+            {
+              ref: n,
+              type: "text",
+              role: "textbox",
+              value: r.currentInput,
+              onChange: E,
+              onKeyDown: z,
+              onPaste: a,
+              "data-testid": "citadel-command-input",
+              className: `w-full bg-transparent outline-none text-gray-200 caret-transparent ${u ? "invalid-input-animation" : ""}`,
+              spellCheck: !1,
+              autoComplete: "off",
+              placeholder: k
+            }
+          ),
+          /* @__PURE__ */ m(
+            "div",
+            {
+              className: "absolute top-0 pointer-events-none",
+              style: {
+                left: `${r.currentInput.length}ch`,
+                transition: "left 0.05s ease-out"
+              },
+              children: /* @__PURE__ */ m(
+                Oe,
+                {
+                  style: {
+                    type: S.cursorType ?? A.cursorType,
+                    color: S.cursorColor || A.cursorColor,
+                    speed: S.cursorSpeed || A.cursorSpeed
+                  }
                 }
-              }
-            )
-          }
-        )
+              )
+            }
+          )
+        ] })
       ] })
     ] })
-  ] }) });
-}, It = () => /* @__PURE__ */ m.jsx(
+  ] });
+}, We = () => /* @__PURE__ */ m(
   "div",
   {
     "data-testid": "spinner",
     className: "animate-spin rounded-full h-4 w-4 border-2 border-gray-300 border-t-gray-600"
   }
-), Dt = ({
-  command: o,
-  timestamp: n,
-  status: t
-}) => /* @__PURE__ */ m.jsxs("div", { className: "flex items-center gap-2 font-mono text-sm", children: [
-  /* @__PURE__ */ m.jsxs("span", { className: "text-gray-200", children: [
+), qe = ({
+  command: r,
+  timestamp: e,
+  status: n
+}) => /* @__PURE__ */ N("div", { className: "flex items-center gap-2 font-mono text-sm", children: [
+  /* @__PURE__ */ N("span", { className: "text-gray-200", children: [
     "> ",
-    o.split(" ").map((r, i) => {
-      const s = r.startsWith("<") && r.endsWith(">");
-      return /* @__PURE__ */ m.jsxs(
+    r.split(" ").map((t, o) => {
+      const s = t.startsWith("<") && t.endsWith(">");
+      return /* @__PURE__ */ N(
         "span",
         {
           className: s ? "text-green-400" : "text-gray-200",
           children: [
-            i > 0 ? " " : "",
-            r
+            o > 0 ? " " : "",
+            t
           ]
         },
-        i
+        o
       );
     })
   ] }),
-  /* @__PURE__ */ m.jsx("span", { className: "text-gray-400", children: "·" }),
-  /* @__PURE__ */ m.jsx("span", { className: "text-gray-500", children: n }),
-  t === ie.Pending && /* @__PURE__ */ m.jsx(It, {}),
-  t === ie.Success && /* @__PURE__ */ m.jsx(
+  /* @__PURE__ */ m("span", { className: "text-gray-400", children: "·" }),
+  /* @__PURE__ */ m("span", { className: "text-gray-500", children: e }),
+  n === M.Pending && /* @__PURE__ */ m(We, {}),
+  n === M.Success && /* @__PURE__ */ m(
     "div",
     {
       "data-testid": "success-indicator",
       className: "w-4 h-4 rounded-full bg-green-500"
     }
   ),
-  (t === ie.Timeout || t === ie.Failure) && /* @__PURE__ */ m.jsx(
+  (n === M.Timeout || n === M.Failure) && /* @__PURE__ */ m(
     "div",
     {
       "data-testid": "success-indicator",
       className: "w-4 h-4 rounded-full bg-red-500"
     }
   )
-] }), zt = ({ output: o, outputRef: n }) => {
-  const t = ce(), r = A(() => {
-    if (n.current) {
-      const i = n.current;
+] }), Ye = ({ output: r, outputRef: e }) => {
+  const n = $(), t = w(() => {
+    if (e.current) {
+      const o = e.current;
       requestAnimationFrame(() => {
-        i.scrollTop = i.scrollHeight;
+        o.scrollTop = o.scrollHeight;
       });
     }
-  }, [n]);
-  return I(() => {
-    if (r(), n.current) {
-      const i = n.current.getElementsByTagName("img"), s = i[i.length - 1];
+  }, [e]);
+  return _(() => {
+    if (t(), e.current) {
+      const o = e.current.getElementsByTagName("img"), s = o[o.length - 1];
       if (s && !s.complete)
-        return s.addEventListener("load", r), () => s.removeEventListener("load", r);
+        return s.addEventListener("load", t), () => s.removeEventListener("load", t);
     }
-  }, [o, r]), /* @__PURE__ */ m.jsx(
+  }, [r, t, e]), /* @__PURE__ */ m(
     "div",
     {
-      ref: n,
+      ref: e,
       className: "h-full overflow-y-auto border border-gray-700 rounded-lg p-3 text-left",
-      children: o.map((i, s) => /* @__PURE__ */ m.jsxs("div", { className: "mb-4 last:mb-0", children: [
-        /* @__PURE__ */ m.jsx(
-          Dt,
+      children: r.map((o, s) => /* @__PURE__ */ N("div", { className: "mb-4 last:mb-0", children: [
+        /* @__PURE__ */ m(
+          qe,
           {
-            command: i.command.join(" "),
-            timestamp: new Date(i.timestamp).toLocaleTimeString(),
-            status: i.result.status
+            command: o.command.join(" "),
+            timestamp: new Date(o.timestamp).toLocaleTimeString(),
+            status: o.result.status
           }
         ),
-        /* @__PURE__ */ m.jsx("pre", { className: `text-gray-200 whitespace-pre font-mono ${t.outputFontSize}`, children: i.result.render() })
+        /* @__PURE__ */ m("pre", { className: `text-gray-200 whitespace-pre font-mono ${n.outputFontSize}`, children: o.result.render() })
       ] }, s))
     }
   );
-}, Ft = () => {
-  const o = xe(), n = ce(), t = ue(), r = de(), i = "h-12 mt-2 border-t border-gray-700 px-4", s = "text-gray-300 pt-2", p = o.getCompletions(t.path());
-  N.debug("[AvailableCommands] nextCommandSegments: ", p);
-  const d = Z.useMemo(() => {
-    if (n.includeHelpCommand) {
-      const w = p.filter((v) => v.name !== "help"), g = p.find((v) => v.name === "help");
-      return [...w, ...g ? [g] : []];
+}, Be = () => {
+  const r = B(), e = $(), n = K(), t = "h-12 mt-2 border-t border-gray-700 px-4", o = "text-gray-300 pt-2", s = r.getCompletions(n.path());
+  C.debug("[AvailableCommands] nextCommandSegments: ", s);
+  const i = L.useMemo(() => {
+    if (e.includeHelpCommand) {
+      const l = s.filter((p) => p.name !== "help"), u = s.find((p) => p.name === "help");
+      return [...l, ...u ? [u] : []];
     }
-    return p;
-  }, [p, r, n.includeHelpCommand]), u = p.some((w) => w.type === "argument"), f = p[0];
-  return /* @__PURE__ */ m.jsx("div", { className: i, "data-testid": "available-commands", children: /* @__PURE__ */ m.jsx("div", { className: s, children: u ? p.length > 0 ? /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
-    /* @__PURE__ */ m.jsx("span", { className: "text-blue-400", children: f.name }),
-    f.description && /* @__PURE__ */ m.jsxs("span", { className: "text-gray-400 ml-2", children: [
+    return s;
+  }, [s, e.includeHelpCommand]), c = s.some((l) => l.type === "argument"), d = s[0];
+  return /* @__PURE__ */ m("div", { className: t, "data-testid": "available-commands", children: /* @__PURE__ */ m("div", { className: o, children: c ? s.length > 0 ? /* @__PURE__ */ N(he, { children: [
+    /* @__PURE__ */ m("span", { className: "text-blue-400", children: d.name }),
+    d.description && /* @__PURE__ */ N("span", { className: "text-gray-400 ml-2", children: [
       "- ",
-      f.description
+      d.description
     ] })
-  ] }) : null : /* @__PURE__ */ m.jsx("div", { className: "flex flex-wrap gap-2", children: d == null ? void 0 : d.map((w) => {
-    const g = d == null ? void 0 : d.reduce((v, O) => {
-      if (O === w) return v;
-      let k = 0;
-      for (; k < w.name.length && k < O.name.length && w.name[k].toLowerCase() === O.name[k].toLowerCase(); )
-        k++;
-      return Math.max(v, k + 1);
+  ] }) : null : /* @__PURE__ */ m("div", { className: "flex flex-wrap gap-2", children: i == null ? void 0 : i.map((l) => {
+    const u = i == null ? void 0 : i.reduce((p, S) => {
+      if (S === l) return p;
+      let y = 0;
+      for (; y < l.name.length && y < S.name.length && l.name[y].toLowerCase() === S.name[y].toLowerCase(); )
+        y++;
+      return Math.max(p, y + 1);
     }, 1);
-    return /* @__PURE__ */ m.jsx(
+    return /* @__PURE__ */ m(
       "div",
       {
         className: "px-2 py-1 rounded bg-gray-800 mr-2 last:mr-0",
-        children: /* @__PURE__ */ m.jsxs("span", { className: "font-mono text-white", children: [
-          /* @__PURE__ */ m.jsx("strong", { className: "underline", children: w.name.slice(0, g) }),
-          w.name.slice(g)
+        children: /* @__PURE__ */ N("span", { className: "font-mono text-white", children: [
+          /* @__PURE__ */ m("strong", { className: "underline", children: l.name.slice(0, u) }),
+          l.name.slice(u)
         ] })
       },
-      w.name
+      l.name
     );
   }) }) }) });
-}, mn = `:host {
+}, ne = `:host {
   --citadel-bg: rgb(17, 24, 39);
   --citadel-text: rgba(255, 255, 255, 0.87);
   --citadel-border: rgb(55, 65, 81);
@@ -1814,6 +1182,7 @@ const At = "_invalidInput_e9b9w_12", Pt = "_shake_e9b9w_1", Tt = "_flashBorder_e
   bottom: 0;
   left: 0;
   right: 0;
+  z-index: 2147483647; /* Maximum z-index value */
   overflow: hidden;
 
   pointer-events: auto;
@@ -1883,7 +1252,7 @@ a:hover {
   text-align: left;
 }
 
-`, pn = `/* Keep only component-specific styles here */
+`, te = `/* Keep only component-specific styles here */
 
 .container {
   position: fixed;
@@ -1953,10 +1322,10 @@ a:hover {
 .citadel_slideDown {
   animation: citadel_slideDown 0.2s ease-out forwards;
 }
-`, fn = `@tailwind base;
+`, re = `@tailwind base;
 @tailwind components;
 @tailwind utilities;
-`, Ut = `*, ::before, ::after {
+`, Ge = `*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -2773,92 +2142,96 @@ video {
 .last\\:mr-0:last-child {
   margin-right: 0px;
 }
-`, Vt = ({
-  config: o = M,
-  commandRegistry: n = new Ie(),
-  containerId: t = null
-}) => (I(() => {
-  N.configure({
-    level: o.logLevel || M.logLevel || we.ERROR,
+`, rn = ({
+  config: r = A,
+  commandRegistry: e = new J(),
+  containerId: n = null
+}) => (_(() => {
+  C.configure({
+    level: r.logLevel || A.logLevel || W.ERROR,
     prefix: "[Citadel]"
   });
-  const r = new Sn(n, o), i = t ? document.getElementById(t) : document.body;
-  return i ? i.appendChild(r) : (console.warn(`Container with id "${t}" not found, falling back to body`), document.body.appendChild(r)), () => {
+  const t = new ue(e, r), o = n ? document.getElementById(n) : document.body;
+  return o ? o.appendChild(t) : (console.warn(`Container with id "${n}" not found, falling back to body`), document.body.appendChild(t)), () => {
     var s;
-    (s = r.parentElement) == null || s.removeChild(r);
+    (s = t.parentElement) == null || s.removeChild(t);
   };
-}, [n, t]), null);
-class Sn extends HTMLElement {
-  constructor(t, r) {
+}, [e, n, r]), null);
+class ue extends HTMLElement {
+  constructor(n, t) {
     super();
-    j(this, "shadow");
-    j(this, "root", null);
-    j(this, "commands");
-    j(this, "config");
-    this.shadow = this.attachShadow({ mode: "open" }), this.commands = t, this.config = r;
+    b(this, "shadow");
+    b(this, "root", null);
+    b(this, "commandRegistry");
+    b(this, "config");
+    this.shadow = this.attachShadow({ mode: "open" }), this.commandRegistry = n, this.config = t;
   }
   connectedCallback() {
     try {
-      const r = [mn, pn, fn, Ut].map((i) => {
+      const t = [ne, te, re, Ge].map((o) => {
         const s = new CSSStyleSheet();
-        return s.replaceSync(i), s;
+        return s.replaceSync(o), s;
       });
-      this.shadow.adoptedStyleSheets = [...r];
+      this.shadow.adoptedStyleSheets = [...t];
     } catch {
-      const i = [mn, pn, fn].join(`
-`), s = document.createElement("style");
-      s.textContent = i, this.shadow.appendChild(s);
+      const t = [ne, te, re].join(`
+`), o = document.createElement("style");
+      o.textContent = t, this.shadow.appendChild(o);
     }
-    const t = document.createElement("div");
-    t.id = "citadel-root", this.shadow.appendChild(t), this.root = Oe(t), this.root.render(
-      /* @__PURE__ */ m.jsx(Ct, { config: this.config || M, commands: this.commands, children: /* @__PURE__ */ m.jsx($t, {}) })
+    const n = document.createElement("div");
+    n.id = "citadel-root", this.shadow.appendChild(n), this.root = be(n), this.root.render(
+      /* @__PURE__ */ m(Fe, { config: this.config || A, commandRegistry: this.commandRegistry, children: /* @__PURE__ */ m(Je, {}) })
     );
   }
-  // disconnectedCallback() {
-  //   if (this.root) {
-  //     this.root.unmount();
-  //     this.root = null;
-  //   }
-  // }
-}
-customElements.define("citadel-element", Sn);
-const $t = () => {
-  const [o, n] = Y(!1), [t, r] = Y(!1), i = ce(), [s, p] = Y(() => i.initialHeight || null), d = Q(null), u = Q(null), f = Q(!1), w = Q(0), g = Q(0), { state: v, actions: O } = Cn(), k = A((c) => {
-    u.current && (f.current = !0, w.current = c.clientY, g.current = u.current.offsetHeight, document.documentElement.style.userSelect = "none", document.documentElement.style.webkitUserSelect = "none", document.documentElement.style.mozUserSelect = "none", document.documentElement.style.msUserSelect = "none", document.addEventListener("mouseup", D));
-  }, []), D = A(() => {
-    f.current = !1, document.documentElement.style.userSelect = "", document.documentElement.style.webkitUserSelect = "", document.documentElement.style.mozUserSelect = "", document.documentElement.style.msUserSelect = "", document.removeEventListener("mouseup", D);
-  }, []);
-  I(() => () => {
-    document.removeEventListener("mouseup", D);
-  }, [D]), at({
-    onOpen: () => n(!0),
-    onClose: () => r(!0),
-    isVisible: o,
-    showCitadelKey: i.showCitadelKey || "."
+}
+customElements.define("citadel-element", ue);
+const Je = () => {
+  const [r, e] = R(!1), [n, t] = R(!1), o = $(), [s, i] = R(() => o.initialHeight || null), c = U(null), d = U(null), l = U(!1), u = U(0), p = U(0), { state: S, actions: y } = me();
+  ye({
+    onOpen: () => e(!0),
+    onClose: () => t(!0),
+    isVisible: r,
+    showCitadelKey: o.showCitadelKey || "."
   });
-  const U = A(() => {
-    t && (n(!1), r(!1));
-  }, [t]);
-  return mt({
-    isVisible: o,
-    isClosing: t,
-    onAnimationComplete: U
-  }), o ? /* @__PURE__ */ m.jsxs(
+  const z = w((h) => {
+    d.current && (l.current = !0, u.current = h.clientY, p.current = d.current.offsetHeight, document.documentElement.style.userSelect = "none", document.documentElement.style.webkitUserSelect = "none", document.documentElement.style.mozUserSelect = "none", document.documentElement.style.msUserSelect = "none", document.addEventListener("mousemove", E), document.addEventListener("mouseup", a));
+  }, []), E = w((h) => {
+    var v;
+    if (!l.current) return;
+    const k = h.clientY - u.current, f = (v = o.maxHeight) != null && v.endsWith("vh") ? window.innerHeight * parseInt(o.maxHeight, 10) / 100 : parseInt(o.maxHeight || "80vh", 10), x = Math.min(
+      Math.max(p.current - k, parseInt(o.minHeight || "200", 10)),
+      f
+    );
+    d.current && (d.current.style.height = `${x}px`, d.current.style.bottom = "0", i(`${x}px`));
+  }, [o.maxHeight, o.minHeight]), a = w(() => {
+    l.current = !1, document.documentElement.style.userSelect = "", document.documentElement.style.webkitUserSelect = "", document.documentElement.style.mozUserSelect = "", document.documentElement.style.msUserSelect = "", document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", a);
+  }, [E]);
+  _(() => () => {
+    document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", a);
+  }, [E, a]);
+  const g = w(() => {
+    n && (e(!1), t(!1));
+  }, [n]);
+  return Ne({
+    isVisible: r,
+    isClosing: n,
+    onAnimationComplete: g
+  }), r ? /* @__PURE__ */ N(
     "div",
     {
-      ref: u,
-      className: `container ${o ? "citadel_slideUp" : ""} ${t ? "citadel_slideDown" : ""}`,
+      ref: d,
+      className: `container ${r ? "citadel_slideUp" : ""} ${n ? "citadel_slideDown" : ""}`,
       style: {
         ...s ? { height: s } : void 0,
-        maxHeight: i.maxHeight
+        maxHeight: o.maxHeight
       },
       children: [
-        /* @__PURE__ */ m.jsx("div", { className: "resizeHandle", onMouseDown: k }),
-        /* @__PURE__ */ m.jsxs("div", { className: "innerContainer", children: [
-          /* @__PURE__ */ m.jsx("div", { className: "flex-1 min-h-0 pt-3 px-4", children: /* @__PURE__ */ m.jsx(zt, { output: v.output, outputRef: d }) }),
-          /* @__PURE__ */ m.jsxs("div", { children: [
-            /* @__PURE__ */ m.jsx(Nt, { state: v, actions: O }),
-            /* @__PURE__ */ m.jsx(Ft, {})
+        /* @__PURE__ */ m("div", { className: "resizeHandle", onMouseDown: z }),
+        /* @__PURE__ */ N("div", { className: "innerContainer", children: [
+          /* @__PURE__ */ m("div", { className: "flex-1 min-h-0 pt-3 px-4", children: /* @__PURE__ */ m(Ye, { output: S.output, outputRef: c }) }),
+          /* @__PURE__ */ N("div", { children: [
+            /* @__PURE__ */ m(Ve, { state: S, actions: y }),
+            /* @__PURE__ */ m(Be, {})
           ] })
         ] })
       ]
@@ -2866,14 +2239,15 @@ const $t = () => {
   ) : null;
 };
 export {
-  Vt as Citadel,
-  ee as CommandResult,
-  ie as CommandStatus,
-  Et as DEFAULT_CURSOR_CONFIGS,
-  pt as ErrorCommandResult,
-  Lt as ImageCommandResult,
-  Yt as JsonCommandResult,
-  St as OutputItem,
-  ft as PendingCommandResult,
-  gn as TextCommandResult
+  rn as Citadel,
+  J as CommandRegistry,
+  F as CommandResult,
+  M as CommandStatus,
+  Me as DEFAULT_CURSOR_CONFIGS,
+  _e as ErrorCommandResult,
+  tn as ImageCommandResult,
+  nn as JsonCommandResult,
+  Te as OutputItem,
+  Ae as PendingCommandResult,
+  oe as TextCommandResult
 };