citadel_cli 1.1.0 → 1.1.3

package/dist/citadel.es.js

@@ -1,8 +1,8 @@
-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 Xn = Object.defineProperty;
+var Qn = (o, n, t) => n in o ? Xn(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
+var A = (o, n, t) => Qn(o, typeof n != "symbol" ? n + "" : n, t);
+import Q, { useEffect as z, useMemo as be, createContext as Zn, useContext as ve, useState as Y, useCallback as R, useReducer as et, useRef as X } from "react";
+import nt from "react-dom";
 var Te = { exports: {} }, ae = {};
 /**
  * @license React
@@ -14,18 +14,18 @@ var Te = { exports: {} }, ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var on;
-function rt() {
+function tt() {
   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 };
+  var o = Q, n = Symbol.for("react.element"), t = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, a = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(f, c, m) {
+    var h, b = {}, _ = null, S = null;
+    m !== void 0 && (_ = "" + m), c.key !== void 0 && (_ = "" + c.key), c.ref !== void 0 && (S = c.ref);
+    for (h in c) r.call(c, h) && !i.hasOwnProperty(h) && (b[h] = c[h]);
+    if (f && f.defaultProps) for (h in c = f.defaultProps, c) b[h] === void 0 && (b[h] = c[h]);
+    return { $$typeof: n, type: f, key: _, ref: S, props: b, _owner: a.current };
   }
-  return ae.Fragment = t, ae.jsx = p, ae.jsxs = p, ae;
+  return ae.Fragment = t, ae.jsx = u, ae.jsxs = u, ae;
 }
 var se = {};
 /**
@@ -38,56 +38,56 @@ var se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var an;
-function ot() {
+function rt() {
   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) {
+    var o = Q, n = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), f = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), U = Symbol.iterator, I = "@@iterator";
+    function d(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = k && e[k] || e[D];
-      return typeof a == "function" ? a : null;
+      var s = U && e[U] || e[I];
+      return typeof s == "function" ? s : null;
     }
-    var c = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function h(e) {
+    var y = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function w(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);
+        for (var s = arguments.length, l = new Array(s > 1 ? s - 1 : 0), g = 1; g < s; g++)
+          l[g - 1] = arguments[g];
+        N("error", e, l);
       }
     }
-    function E(e, a, l) {
+    function N(e, s, l) {
       {
-        var b = c.ReactDebugCurrentFrame, S = b.getStackAddendum();
-        S !== "" && (a += "%s", l = l.concat([S]));
-        var _ = l.map(function(C) {
-          return String(C);
+        var g = y.ReactDebugCurrentFrame, C = g.getStackAddendum();
+        C !== "" && (s += "%s", l = l.concat([C]));
+        var E = l.map(function(x) {
+          return String(x);
         });
-        _.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, _);
+        E.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, E);
       }
     }
-    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
+    var k = !1, j = !1, P = !1, $ = !1, L = !1, ee;
+    ee = Symbol.for("react.module.reference");
+    function de(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === r || e === i || L || e === a || e === m || e === h || $ || e === S || k || j || P || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === b || e.$$typeof === u || e.$$typeof === f || e.$$typeof === c || // 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));
+      e.$$typeof === ee || 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 ne(e, s, l) {
+      var g = e.displayName;
+      if (g)
+        return g;
+      var C = s.displayName || s.name || "";
+      return C !== "" ? l + "(" + C + ")" : l;
     }
     function De(e) {
       return e.displayName || "Context";
     }
-    function L(e) {
+    function V(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")
+      if (typeof e.tag == "number" && w("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;
@@ -96,32 +96,32 @@ function ot() {
           return "Fragment";
         case t:
           return "Portal";
-        case s:
-          return "Profiler";
         case i:
+          return "Profiler";
+        case a:
           return "StrictMode";
-        case f:
+        case m:
           return "Suspense";
-        case w:
+        case h:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case d:
-            var a = e;
-            return De(a) + ".Consumer";
-          case p:
+          case f:
+            var s = e;
+            return De(s) + ".Consumer";
+          case u:
             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;
+          case c:
+            return ne(e, e.render, "ForwardRef");
+          case b:
+            var g = e.displayName || null;
+            return g !== null ? g : V(e.type) || "Memo";
+          case _: {
+            var C = e, E = C._payload, x = C._init;
             try {
-              return L(C(_));
+              return V(x(E));
             } catch {
               return null;
             }
@@ -129,18 +129,18 @@ function ot() {
         }
       return null;
     }
-    var B = Object.assign, te = 0, ze, Fe, Ue, $e, Me, He, We;
-    function Ye() {
+    var K = Object.assign, te = 0, ze, Fe, Ue, He, Me, $e, We;
+    function Le() {
     }
-    Ye.__reactDisabledLog = !0;
+    Le.__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;
+          ze = console.log, Fe = console.info, Ue = console.warn, He = console.error, Me = console.group, $e = console.groupCollapsed, We = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Ye,
+            value: Le,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -165,196 +165,196 @@ function ot() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, e, {
+            log: K({}, e, {
               value: ze
             }),
-            info: B({}, e, {
+            info: K({}, e, {
               value: Fe
             }),
-            warn: B({}, e, {
+            warn: K({}, e, {
               value: Ue
             }),
-            error: B({}, e, {
-              value: $e
+            error: K({}, e, {
+              value: He
             }),
-            group: B({}, e, {
+            group: K({}, e, {
               value: Me
             }),
-            groupCollapsed: B({}, e, {
-              value: He
+            groupCollapsed: K({}, e, {
+              value: $e
             }),
-            groupEnd: B({}, e, {
+            groupEnd: K({}, e, {
               value: We
             })
           });
         }
-        te < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        te < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ce = c.ReactCurrentDispatcher, Se;
-    function me(e, a, l) {
+    var Ce = y.ReactCurrentDispatcher, Se;
+    function me(e, s, l) {
       {
         if (Se === void 0)
           try {
             throw Error();
-          } catch (S) {
-            var b = S.stack.trim().match(/\n( *(at )?)/);
-            Se = b && b[1] || "";
+          } catch (C) {
+            var g = C.stack.trim().match(/\n( *(at )?)/);
+            Se = g && g[1] || "";
           }
         return `
 ` + Se + e;
       }
     }
-    var _e = !1, pe;
+    var Ee = !1, pe;
     {
-      var Rn = typeof WeakMap == "function" ? WeakMap : Map;
-      pe = new Rn();
+      var _n = typeof WeakMap == "function" ? WeakMap : Map;
+      pe = new _n();
     }
-    function Le(e, a) {
-      if (!e || _e)
+    function Ye(e, s) {
+      if (!e || Ee)
         return "";
       {
         var l = pe.get(e);
         if (l !== void 0)
           return l;
       }
-      var b;
-      _e = !0;
-      var S = Error.prepareStackTrace;
+      var g;
+      Ee = !0;
+      var C = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var _;
-      _ = Ce.current, Ce.current = null, En();
+      var E;
+      E = Ce.current, Ce.current = null, En();
       try {
-        if (a) {
-          var C = function() {
+        if (s) {
+          var x = function() {
             throw Error();
           };
-          if (Object.defineProperty(C.prototype, "props", {
+          if (Object.defineProperty(x.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(C, []);
-            } catch ($) {
-              b = $;
+              Reflect.construct(x, []);
+            } catch (H) {
+              g = H;
             }
-            Reflect.construct(e, [], C);
+            Reflect.construct(e, [], x);
           } else {
             try {
-              C.call();
-            } catch ($) {
-              b = $;
+              x.call();
+            } catch (H) {
+              g = H;
             }
-            e.call(C.prototype);
+            e.call(x.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch ($) {
-            b = $;
+          } catch (H) {
+            g = H;
           }
           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)
+      } catch (H) {
+        if (H && g && typeof H.stack == "string") {
+          for (var v = H.stack.split(`
+`), F = g.stack.split(`
+`), T = v.length - 1, O = F.length - 1; T >= 1 && O >= 0 && v[T] !== F[O]; )
+            O--;
+          for (; T >= 1 && O >= 0; T--, O--)
+            if (v[T] !== F[O]) {
+              if (T !== 1 || O !== 1)
                 do
-                  if (P--, T--, T < 0 || y[P] !== F[T]) {
+                  if (T--, O--, O < 0 || v[T] !== F[O]) {
                     var W = `
-` + y[P].replace(" at new ", " at ");
+` + v[T].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);
+                while (T >= 1 && O >= 0);
               break;
             }
         }
       } finally {
-        _e = !1, Ce.current = _, kn(), Error.prepareStackTrace = S;
+        Ee = !1, Ce.current = E, kn(), Error.prepareStackTrace = C;
       }
-      var X = e ? e.displayName || e.name : "", q = X ? me(X) : "";
-      return typeof e == "function" && pe.set(e, q), q;
+      var G = e ? e.displayName || e.name : "", B = G ? me(G) : "";
+      return typeof e == "function" && pe.set(e, B), B;
     }
-    function jn(e, a, l) {
-      return Le(e, !1);
+    function Rn(e, s, l) {
+      return Ye(e, !1);
     }
-    function An(e) {
-      var a = e.prototype;
-      return !!(a && a.isReactComponent);
+    function jn(e) {
+      var s = e.prototype;
+      return !!(s && s.isReactComponent);
     }
-    function fe(e, a, l) {
+    function fe(e, s, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Le(e, An(e));
+        return Ye(e, jn(e));
       if (typeof e == "string")
         return me(e);
       switch (e) {
-        case f:
+        case m:
           return me("Suspense");
-        case w:
+        case h:
           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;
+          case c:
+            return Rn(e.render);
+          case b:
+            return fe(e.type, s, l);
+          case _: {
+            var g = e, C = g._payload, E = g._init;
             try {
-              return fe(_(S), a, l);
+              return fe(E(C), s, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var re = Object.prototype.hasOwnProperty, Ve = {}, Ke = c.ReactDebugCurrentFrame;
-    function ge(e) {
+    var re = Object.prototype.hasOwnProperty, Ve = {}, Ke = y.ReactDebugCurrentFrame;
+    function he(e) {
       if (e) {
-        var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
+        var s = e._owner, l = fe(e.type, e._source, s ? s.type : null);
         Ke.setExtraStackFrame(l);
       } else
         Ke.setExtraStackFrame(null);
     }
-    function Pn(e, a, l, b, S) {
+    function An(e, s, l, g, C) {
       {
-        var _ = Function.call.bind(re);
-        for (var C in e)
-          if (_(e, C)) {
-            var y = void 0;
+        var E = Function.call.bind(re);
+        for (var x in e)
+          if (E(e, x)) {
+            var v = 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`.");
+              if (typeof e[x] != "function") {
+                var F = Error((g || "React class") + ": " + l + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[x] + "`.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;
+              v = e[x](s, x, g, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              v = T;
             }
-            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));
+            v && !(v instanceof Error) && (he(C), w("%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).", g || "React class", l, x, typeof v), he(null)), v instanceof Error && !(v.message in Ve) && (Ve[v.message] = !0, he(C), w("Failed %s type: %s", l, v.message), he(null));
           }
       }
     }
-    var Tn = Array.isArray;
-    function Ee(e) {
-      return Tn(e);
+    var Pn = Array.isArray;
+    function ke(e) {
+      return Pn(e);
     }
-    function On(e) {
+    function Tn(e) {
       {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, l = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var s = typeof Symbol == "function" && Symbol.toStringTag, l = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l;
       }
     }
-    function Nn(e) {
+    function On(e) {
       try {
         return Be(e), !1;
       } catch {
@@ -365,42 +365,42 @@ function ot() {
       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);
+      if (On(e))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Tn(e)), Be(e);
     }
-    var oe = c.ReactCurrentOwner, In = {
+    var oe = y.ReactCurrentOwner, Nn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Je, Ge, ke;
-    ke = {};
-    function Dn(e) {
+    }, Je, Ge, _e;
+    _e = {};
+    function In(e) {
       if (re.call(e, "ref")) {
-        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (a && a.isReactWarning)
+        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (s && s.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function zn(e) {
+    function Dn(e) {
       if (re.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning)
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.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 zn(e, s) {
+      if (typeof e.ref == "string" && oe.current && s && oe.current.stateNode !== s) {
+        var l = V(oe.current.type);
+        _e[l] || (w('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', V(oe.current.type), e.ref), _e[l] = !0);
       }
     }
-    function Un(e, a) {
+    function Fn(e, s) {
       {
         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));
+          Je || (Je = !0, w("%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)", s));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: l,
@@ -408,10 +408,10 @@ function ot() {
         });
       }
     }
-    function $n(e, a) {
+    function Un(e, s) {
       {
         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));
+          Ge || (Ge = !0, w("%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)", s));
         };
         l.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: l,
@@ -419,57 +419,57 @@ function ot() {
         });
       }
     }
-    var Mn = function(e, a, l, b, S, _, C) {
-      var y = {
+    var Hn = function(e, s, l, g, C, E, x) {
+      var v = {
         // 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,
+        key: s,
         ref: l,
-        props: C,
+        props: x,
         // Record the component responsible for creating this element.
-        _owner: _
+        _owner: E
       };
-      return y._store = {}, Object.defineProperty(y._store, "validated", {
+      return v._store = {}, Object.defineProperty(v._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(y, "_self", {
+      }), Object.defineProperty(v, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
-      }), Object.defineProperty(y, "_source", {
+        value: g
+      }), Object.defineProperty(v, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
-      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+        value: C
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     };
-    function Hn(e, a, l, b, S) {
+    function Mn(e, s, l, g, C) {
       {
-        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[_]);
+        var E, x = {}, v = null, F = null;
+        l !== void 0 && (qe(l), v = "" + l), Dn(s) && (qe(s.key), v = "" + s.key), In(s) && (F = s.ref, zn(s, C));
+        for (E in s)
+          re.call(s, E) && !Nn.hasOwnProperty(E) && (x[E] = s[E]);
         if (e && e.defaultProps) {
-          var P = e.defaultProps;
-          for (_ in P)
-            C[_] === void 0 && (C[_] = P[_]);
+          var T = e.defaultProps;
+          for (E in T)
+            x[E] === void 0 && (x[E] = T[E]);
         }
-        if (y || F) {
-          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          y && Un(C, T), F && $n(C, T);
+        if (v || F) {
+          var O = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          v && Fn(x, O), F && Un(x, O);
         }
-        return Mn(e, y, F, S, b, oe.current, C);
+        return Hn(e, v, F, C, g, oe.current, x);
       }
     }
-    var Re = c.ReactCurrentOwner, Xe = c.ReactDebugCurrentFrame;
-    function G(e) {
+    var Re = y.ReactCurrentOwner, Xe = y.ReactDebugCurrentFrame;
+    function J(e) {
       if (e) {
-        var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
+        var s = e._owner, l = fe(e.type, e._source, s ? s.type : null);
         Xe.setExtraStackFrame(l);
       } else
         Xe.setExtraStackFrame(null);
@@ -482,7 +482,7 @@ function ot() {
     function Qe() {
       {
         if (Re.current) {
-          var e = L(Re.current.type);
+          var e = V(Re.current.type);
           if (e)
             return `
 
@@ -491,184 +491,184 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Wn(e) {
+    function $n(e) {
       return "";
     }
     var Ze = {};
-    function Yn(e) {
+    function Wn(e) {
       {
-        var a = Qe();
-        if (!a) {
+        var s = Qe();
+        if (!s) {
           var l = typeof e == "string" ? e : e.displayName || e.name;
-          l && (a = `
+          l && (s = `
 
 Check the top-level render call using <` + l + ">.");
         }
-        return a;
+        return s;
       }
     }
-    function en(e, a) {
+    function en(e, s) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var l = Yn(a);
+        var l = Wn(s);
         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);
+        var g = "";
+        e && e._owner && e._owner !== Re.current && (g = " It was passed a child from " + V(e._owner.type) + "."), J(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, g), J(null);
       }
     }
-    function nn(e, a) {
+    function nn(e, s) {
       {
         if (typeof e != "object")
           return;
-        if (Ee(e))
+        if (ke(e))
           for (var l = 0; l < e.length; l++) {
-            var b = e[l];
-            Ae(b) && en(b, a);
+            var g = e[l];
+            Ae(g) && en(g, s);
           }
         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);
+          var C = d(e);
+          if (typeof C == "function" && C !== e.entries)
+            for (var E = C.call(e), x; !(x = E.next()).done; )
+              Ae(x.value) && en(x.value, s);
         }
       }
     }
     function Ln(e) {
       {
-        var a = e.type;
-        if (a == null || typeof a == "string")
+        var s = e.type;
+        if (s == null || typeof s == "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.
+        if (typeof s == "function")
+          l = s.propTypes;
+        else if (typeof s == "object" && (s.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === g))
-          l = a.propTypes;
+        s.$$typeof === b))
+          l = s.propTypes;
         else
           return;
         if (l) {
-          var b = L(a);
-          Pn(l, e.props, "prop", b, e);
-        } else if (a.PropTypes !== void 0 && !je) {
+          var g = V(s);
+          An(l, e.props, "prop", g, e);
+        } else if (s.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");
+          var C = V(s);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", C || "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.");
+        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Vn(e) {
+    function Yn(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);
+        for (var s = Object.keys(e.props), l = 0; l < s.length; l++) {
+          var g = s[l];
+          if (g !== "children" && g !== "key") {
+            J(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), J(null);
             break;
           }
         }
-        e.ref !== null && (G(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), G(null));
+        e.ref !== null && (J(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), J(null));
       }
     }
     var tn = {};
-    function rn(e, a, l, b, S, _) {
+    function rn(e, s, l, g, C, E) {
       {
-        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 x = de(e);
+        if (!x) {
+          var v = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " 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 = $n();
+          F ? v += F : v += Qe();
+          var T;
+          e === null ? T = "null" : ke(e) ? T = "array" : e !== void 0 && e.$$typeof === n ? (T = "<" + (V(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : T = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, v);
         }
-        var T = Hn(e, a, l, S, _);
-        if (T == null)
-          return T;
-        if (C) {
-          var W = a.children;
+        var O = Mn(e, s, l, C, E);
+        if (O == null)
+          return O;
+        if (x) {
+          var W = s.children;
           if (W !== void 0)
-            if (b)
-              if (Ee(W)) {
-                for (var X = 0; X < W.length; X++)
-                  nn(W[X], e);
+            if (g)
+              if (ke(W)) {
+                for (var G = 0; G < W.length; G++)
+                  nn(W[G], 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.");
+                w("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:
+        if (re.call(s, "key")) {
+          var B = V(e), H = Object.keys(s).filter(function(Gn) {
+            return Gn !== "key";
+          }), Pe = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!tn[B + Pe]) {
+            var Jn = H.length > 0 ? "{" + H.join(": ..., ") + ": ...}" : "{}";
+            w(`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;
+  <%s key={someKey} {...props} />`, Pe, B, Jn, B), tn[B + Pe] = !0;
           }
         }
-        return e === r ? Vn(T) : Ln(T), T;
+        return e === r ? Yn(O) : Ln(O), O;
       }
     }
-    function Kn(e, a, l) {
-      return rn(e, a, l, !0);
+    function Vn(e, s, l) {
+      return rn(e, s, l, !0);
     }
-    function Bn(e, a, l) {
-      return rn(e, a, l, !1);
+    function Kn(e, s, l) {
+      return rn(e, s, l, !1);
     }
-    var qn = Bn, Jn = Kn;
-    se.Fragment = r, se.jsx = qn, se.jsxs = Jn;
+    var Bn = Kn, qn = Vn;
+    se.Fragment = r, se.jsx = Bn, se.jsxs = qn;
   }()), se;
 }
-process.env.NODE_ENV === "production" ? Te.exports = rt() : Te.exports = ot();
-var m = Te.exports, Oe, he = tt;
+process.env.NODE_ENV === "production" ? Te.exports = tt() : Te.exports = rt();
+var p = Te.exports, Oe, ge = nt;
 if (process.env.NODE_ENV === "production")
-  Oe = he.createRoot, he.hydrateRoot;
+  Oe = ge.createRoot, ge.hydrateRoot;
 else {
-  var sn = he.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  var sn = ge.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
   Oe = function(o, n) {
     sn.usingClientEntryPoint = !0;
     try {
-      return he.createRoot(o, n);
+      return ge.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());
+const ot = ({ onOpen: o, onClose: n, isVisible: t, showCitadelKey: r }) => {
+  z(() => {
+    const a = (i) => {
+      var u, f;
+      !t && i.key === r && !["input", "textarea"].includes(((f = (u = i.target) == null ? void 0 : u.tagName) == null ? void 0 : f.toLowerCase()) || "") && (i.preventDefault(), o()), t && i.key === "Escape" && (i.preventDefault(), n());
     };
-    return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
   }, [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(() => {
+}, at = "_container_141sr_3", st = "_innerContainer_141sr_19", it = "_inputSection_141sr_28", lt = "_resizeHandle_141sr_35", ct = "_citadel_slideUp_141sr_64", ut = "_citadel_slideDown_141sr_68", ln = {
+  container: at,
+  innerContainer: st,
+  inputSection: it,
+  resizeHandle: lt,
+  citadel_slideUp: ct,
+  citadel_slideDown: ut
+}, dt = (o) => {
+  const { isVisible: n, isClosing: t, onAnimationComplete: r } = o, a = be(() => n ? t ? ln.slideDown : ln.slideUp : "", [n, t]);
+  return z(() => {
     if (r) {
-      const p = setTimeout(() => {
+      const u = setTimeout(() => {
         r();
       }, 200);
-      return () => clearTimeout(p);
+      return () => clearTimeout(u);
     }
   }, [t, r]), {
     style: be(() => ({
@@ -676,13 +676,13 @@ const at = ({ onOpen: o, onClose: n, isVisible: t, showCitadelKey: r }) => {
       transform: n ? "translateY(0)" : t ? "translateY(100%)" : "translateY(-100%)",
       transition: "opacity 200ms ease-in-out, transform 200ms ease-in-out"
     }), [n, t]),
-    animationClass: i
+    animationClass: a
   };
 };
 var ie = /* @__PURE__ */ ((o) => (o.Pending = "pending", o.Success = "success", o.Failure = "failure", o.Timeout = "timeout", o))(ie || {});
-class ee {
+class Z {
   constructor(n = Date.now()) {
-    j(this, "_status", "pending");
+    A(this, "_status", "pending");
     this.timestamp = n;
   }
   get status() {
@@ -698,41 +698,41 @@ class ee {
     this._status = "timeout";
   }
 }
-class Yt extends ee {
+class Ht extends Z {
   constructor(n, t) {
     super(t), this.data = n;
   }
   render() {
-    return /* @__PURE__ */ m.jsx("pre", { className: "text-gray-200", children: JSON.stringify(this.data, null, 2) });
+    return /* @__PURE__ */ p.jsx("pre", { className: "text-gray-200", children: JSON.stringify(this.data, null, 2) });
   }
 }
-class gn extends ee {
+class hn extends Z {
   constructor(n, t) {
     super(t), this.text = n;
   }
   render() {
-    return /* @__PURE__ */ m.jsx("div", { className: "text-gray-200 whitespace-pre font-mono", children: this.text });
+    return /* @__PURE__ */ p.jsx("div", { className: "text-gray-200 whitespace-pre font-mono", children: this.text });
   }
 }
-class pt extends ee {
+class mt extends Z {
   constructor(n, t) {
     super(t), this.error = n, this.markFailure();
   }
   render() {
-    return /* @__PURE__ */ m.jsx("div", { className: "mt-1 text-red-400", children: this.error });
+    return /* @__PURE__ */ p.jsx("div", { className: "mt-1 text-red-400", children: this.error });
   }
 }
-class ft extends ee {
+class pt extends Z {
   render() {
-    return /* @__PURE__ */ m.jsx("div", { className: "text-gray-400", children: "..." });
+    return /* @__PURE__ */ p.jsx("div", { className: "text-gray-400", children: "..." });
   }
 }
-class Lt extends ee {
+class Mt extends Z {
   constructor(n, t = "", r) {
     super(r), this.imageUrl = n, this.altText = t;
   }
   render() {
-    return /* @__PURE__ */ m.jsx("div", { className: "my-2", children: /* @__PURE__ */ m.jsx(
+    return /* @__PURE__ */ p.jsx("div", { className: "my-2", children: /* @__PURE__ */ p.jsx(
       "img",
       {
         src: this.imageUrl,
@@ -742,16 +742,16 @@ 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 ft = (o) => async function() {
+  const n = o.commands.filter((t) => t.fullPath[0] !== "help").map((t) => `${t.segments.map((a) => a.type === "argument" ? `<${a.name}>` : a.name).join(" ")} - ${t.description}`).sort();
+  return n.push("help - Show available commands"), new hn(
+    n.length > 0 ? `Available Commands:
+` + n.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 {
+class D {
   static configure(n) {
     this.level = n.level, this.prefix = n.prefix || "[Citadel]";
   }
@@ -771,7 +771,7 @@ class N {
     this.level >= 1 && console.error(this.prefix, ...n);
   }
 }
-j(N, "level", 0), j(N, "prefix", "");
+A(D, "level", 0), A(D, "prefix", "");
 const M = {
   commandTimeoutMs: 1e4,
   cursorColor: "var(--cursor-color, #fff)",
@@ -790,9 +790,9 @@ const M = {
     maxCommands: 100
   }
 };
-class hn {
+class gn {
   constructor(n) {
-    j(this, "config");
+    A(this, "config");
     this.config = {
       type: "localStorage",
       maxCommands: 100,
@@ -809,17 +809,17 @@ class hn {
     await this.saveCommands(t);
   }
 }
-class ht extends hn {
+class ht extends gn {
   constructor(t) {
     super(t);
-    j(this, "storageKey", "citadel_command_history");
+    A(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
+      return t ? JSON.parse(t).map((a) => ({
+        commandSegments: a.commandSegments || [],
+        timestamp: a.timestamp
       })) : [];
     } catch (t) {
       return console.warn("Failed to load commands from localStorage:", t), [];
@@ -834,9 +834,9 @@ class ht extends hn {
   }
   async saveCommands(t) {
     try {
-      const r = t.map((i) => ({
-        commandSegments: Array.isArray(i.commandSegments) ? [...i.commandSegments] : [],
-        timestamp: i.timestamp
+      const r = t.map((a) => ({
+        commandSegments: Array.isArray(a.commandSegments) ? [...a.commandSegments] : [],
+        timestamp: a.timestamp
       }));
       window.localStorage.setItem(this.storageKey, JSON.stringify(r));
     } catch (r) {
@@ -844,10 +844,10 @@ class ht extends hn {
     }
   }
 }
-class bt extends hn {
+class gt extends gn {
   constructor(t) {
     super(t);
-    j(this, "storedCommands", []);
+    A(this, "storedCommands", []);
   }
   async getStoredCommands() {
     return this.storedCommands.map((t) => ({
@@ -865,19 +865,19 @@ class bt extends hn {
     }));
   }
 }
-const J = class J {
+const q = class q {
   constructor() {
-    j(this, "currentStorage");
+    A(this, "currentStorage");
   }
   static getInstance() {
-    return J.instance || (J.instance = new J()), J.instance;
+    return q.instance || (q.instance = new q()), q.instance;
   }
   initializeStorage(n) {
     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);
+        console.warn("Failed to create storage, falling back to memory storage:", t), this.currentStorage = new gt(n);
       }
   }
   getStorage() {
@@ -886,9 +886,9 @@ const J = class J {
     return this.currentStorage;
   }
 };
-j(J, "instance");
-let ye = J;
-const bn = async (o) => new gn("");
+A(q, "instance");
+let ye = q;
+const bn = async () => new hn("");
 class Ne {
   constructor(n, t, r) {
     this.type = n, this.name = t, this.description = r;
@@ -902,22 +902,22 @@ class wn extends Ne {
     super("null", ">null<", "Empty segment");
   }
 }
-class wt extends Ne {
+class bt extends Ne {
   constructor(n, t) {
     super("word", n, t);
   }
 }
-class yt extends Ne {
-  constructor(n, t, r, i) {
-    super("argument", n, t), this.value = r, this.valid = i;
+class wt extends Ne {
+  constructor(n, t, r, a) {
+    super("argument", n, t), this.value = r, this.valid = a;
   }
 }
-class vt {
+class yt {
   constructor(n, t, r = bn) {
-    j(this, "_segments");
-    j(this, "_description");
+    A(this, "_segments");
+    A(this, "_description");
     // Used by `Help` command, etc.
-    j(this, "_handler");
+    A(this, "_handler");
     this._segments = n, this._description = t, this._handler = r;
   }
   get segments() {
@@ -944,7 +944,7 @@ class vt {
 }
 class Ie {
   constructor() {
-    j(this, "_commands", []);
+    A(this, "_commands", []);
   }
   get commands() {
     return this._commands;
@@ -959,17 +959,17 @@ class Ie {
   addCommand(n, t, r = bn) {
     if (n === void 0 || n.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 a = new yt(n, t, r), i = this._commands.find((u) => {
+      const f = u.segments.map(
+        (m) => m.type === "argument" ? "*" : m.name
+      ).join(" "), c = n.map(
+        (m) => m.type === "argument" ? "*" : m.name
       ).join(" ");
-      return d === u;
+      return f === c;
     });
-    if (s)
-      throw new Error(`Duplicate commands: '${s.fullPath_s}' and '${i.fullPath_s}'`);
-    this._commands.push(i);
+    if (i)
+      throw new Error(`Duplicate commands: '${i.fullPath_s}' and '${a.fullPath_s}'`);
+    this._commands.push(a);
   }
   /**
    * Retrieves a command from the registry for the given path.
@@ -979,21 +979,21 @@ class Ie {
    */
   getCommand(n) {
     return this._commands.find((t) => {
-      const r = t.fullPath.join(" "), i = n.join(" ");
-      return r === i;
+      const r = t.fullPath.join(" "), a = n.join(" ");
+      return r === a;
     });
   }
   commandExistsForPath(n) {
     const t = this._commands.map(
-      (i) => i.segments.map(
-        (s) => s.type === "argument" ? "*" : s.name
+      (a) => a.segments.map(
+        (i) => i.type === "argument" ? "*" : i.name
       ).join(" ")
-    ), r = n.map((i, s) => this._commands.some(
-      (d) => {
-        var u;
-        return ((u = d.segments[s]) == null ? void 0 : u.type) === "argument";
+    ), r = n.map((a, i) => this._commands.some(
+      (f) => {
+        var c;
+        return ((c = f.segments[i]) == null ? void 0 : c.type) === "argument";
       }
-    ) ? "*" : i).join(" ");
+    ) ? "*" : a).join(" ");
     return t.includes(r);
   }
   /**
@@ -1013,29 +1013,29 @@ class Ie {
    * @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;
-      return s.filter(
-        (u, f, w) => f === w.findIndex((g) => p(g, u))
+    if (D.debug("[getCompletions] path: ", n), !n.length) {
+      const i = this._commands.map((c) => c.segments[0]), u = (c, m) => c.type === m.type && c.name === m.name;
+      return i.filter(
+        (c, m, h) => m === h.findIndex((b) => u(b, c))
       );
     }
     const t = n.length;
-    return this._commands.filter((s) => {
-      const p = s.segments;
-      if (p.length <= t - 1)
+    return this._commands.filter((i) => {
+      const u = i.segments;
+      if (u.length <= t - 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 f = 0; f < t; f++) {
+        const c = n[f], m = u[f];
+        if (!(c === "*" && m.type === "argument") && c !== m.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((i) => i.segments.length > t).map((i) => {
+      const u = i.segments[t], f = u.type === "argument" ? wt : bt;
+      return new f(u.name, u.description);
     }).filter(
-      (s, p, d) => p === d.findIndex(
-        (u) => u.type === s.type && u.name === s.name
+      (i, u, f) => u === f.findIndex(
+        (c) => c.type === i.type && c.name === i.name
       )
     );
   }
@@ -1045,9 +1045,9 @@ class Ie {
 }
 class yn {
   constructor() {
-    j(this, "segments", []);
-    j(this, "nullSegment", new wn());
-    j(this, "observers", []);
+    A(this, "segments", []);
+    A(this, "nullSegment", new wn());
+    A(this, "observers", []);
   }
   subscribe(n) {
     this.observers.push(n);
@@ -1130,12 +1130,12 @@ class yn {
     return [...this.segments];
   }
 }
-const xt = {
+const vt = {
   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 = {
+}, le = Zn(vt), xt = ({ config: o = M, commandRegistry: n, children: t }) => {
+  const [r, a] = Q.useState(), i = {
     ...M,
     ...o,
     // Ensure nested objects are properly merged
@@ -1149,27 +1149,27 @@ const xt = {
     cursorSpeed: o.cursorSpeed ?? M.cursorSpeed,
     showCitadelKey: o.showCitadelKey || "."
   };
-  I(() => {
+  z(() => {
     ye.getInstance().initializeStorage(
-      s.storage ?? M.storage
-    ), i(ye.getInstance().getStorage());
-  }, []), I(() => {
-    if (n && s.includeHelpCommand && !n.commandExistsForPath(["help"])) {
-      const d = gt(n);
+      i.storage ?? M.storage
+    ), a(ye.getInstance().getStorage());
+  }, []), z(() => {
+    if (n && i.includeHelpCommand && !n.commandExistsForPath(["help"])) {
+      const f = ft(n);
       n.addCommand(
         [{ type: "word", name: "help" }],
         "Show available commands",
-        d
+        f
       );
     }
-  }, [n, s.includeHelpCommand]);
-  const p = {
-    config: s,
+  }, [n, i.includeHelpCommand]);
+  const u = {
+    config: i,
     commands: n || new Ie(),
     storage: r,
     segmentStack: new yn()
   };
-  return /* @__PURE__ */ m.jsx(le.Provider, { value: p, children: t });
+  return /* @__PURE__ */ p.jsx(le.Provider, { value: u, children: t });
 }, ce = () => {
   const o = ve(le);
   if (o === void 0)
@@ -1191,28 +1191,15 @@ const xt = {
     throw new Error("useSegmentStack must be used within a CitadelConfigProvider");
   return o.segmentStack;
 };
-class St {
+class Ct {
   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();
+    A(this, "timestamp");
+    A(this, "command");
+    A(this, "result");
+    this.command = n.toArray().map((r) => r.type === "argument" ? r.value || "" : r.name), this.timestamp = Date.now(), this.result = t ?? new pt();
   }
 }
-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 St(o) {
   return {
     commandSegments: o,
     timestamp: Date.now()
@@ -1222,159 +1209,159 @@ function xn() {
   const o = vn(), [n, t] = Y({
     storedCommands: [],
     position: null
-  }), r = A(async (d) => {
+  }), r = R(async (f) => {
     if (o)
       try {
-        const u = _t(d);
-        await o.addStoredCommand(u), t((f) => ({
-          ...f,
-          storedCommands: [...f.storedCommands, u],
+        const c = St(f);
+        await o.addStoredCommand(c), t((m) => ({
+          ...m,
+          storedCommands: [...m.storedCommands, c],
           position: null
         }));
-      } catch (u) {
-        console.warn("Failed to save command to history:", u);
+      } catch (c) {
+        console.warn("Failed to save command to history:", c);
       }
-  }, [o]), i = A(async () => o ? await o.getStoredCommands() : [], [o]);
-  I(() => {
+  }, [o]), a = R(async () => o ? await o.getStoredCommands() : [], [o]);
+  z(() => {
     if (!o) 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 c = await o.getStoredCommands();
+        return t((m) => ({
+          ...m,
+          storedCommands: c
+        })), c;
+      } catch (c) {
+        console.warn("Failed to load command history:", c);
       }
     })();
   }, [o]);
-  const s = A(async (d) => {
-    if ((await i()).length === 0)
+  const i = R(async (f) => {
+    if ((await a()).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 m = null;
+    return f === "up" ? n.position === null ? m = n.storedCommands.length - 1 : n.position > 0 ? m = n.position - 1 : m = 0 : n.position === null || n.position >= n.storedCommands.length - 1 ? m = null : m = n.position + 1, t((b) => ({
+      ...b,
+      position: m
+    })), m === null ? {
       segments: [],
       position: null
     } : {
-      segments: f !== null ? n.storedCommands[f].commandSegments : null,
-      position: f
+      segments: m !== null ? n.storedCommands[m].commandSegments : null,
+      position: m
     };
-  }, [n, de]), p = A(async () => {
+  }, [n, a]), u = R(async () => {
     try {
       if (!o) return;
       await o.clear(), t({
         storedCommands: [],
         position: null
       });
-    } catch (d) {
-      console.warn("Failed to clear command history:", d);
+    } catch (f) {
+      console.warn("Failed to clear command history:", f);
     }
   }, [o]);
   return {
     history: n,
     addStoredCommand: r,
-    getStoredCommands: i,
-    navigateHistory: s,
-    clear: p
+    getStoredCommands: a,
+    navigateHistory: i,
+    clear: u
   };
 }
 const Cn = () => {
-  const o = ce(), n = xe(), t = xn(), r = ue(), i = de(), s = vn(), [p, d] = Y({
+  const o = ce(), n = xe(), t = xn(), r = ue(), a = vn(), [i, u] = Y({
     currentInput: "",
     isEnteringArg: !1,
     output: [],
     history: {
       commands: [],
       position: null,
-      storage: s
+      storage: a
     }
   });
-  I(() => {
-  }, [s]), I(() => {
-    d((g) => ({
-      ...g,
+  z(() => {
+  }, [a]), z(() => {
+    u((h) => ({
+      ...h,
       history: {
         commands: t.history.storedCommands,
         position: t.history.position,
-        storage: s
+        storage: a
       }
     }));
-  }, [t.history, s]);
-  const u = {
-    setCurrentInput: A((g) => {
-      N.debug("[CitadelActions] setCurrentInput: ", g), d((v) => ({ ...v, currentInput: g }));
+  }, [t.history, a]);
+  const f = {
+    setCurrentInput: R((h) => {
+      D.debug("[CitadelActions] setCurrentInput: ", h), u((b) => ({ ...b, currentInput: h }));
     }, []),
-    setIsEnteringArg: A((g) => {
-      N.debug("[CitadelActions] setIsEnteringArg: ", g), d((v) => ({ ...v, isEnteringArg: g }));
+    setIsEnteringArg: R((h) => {
+      D.debug("[CitadelActions] setIsEnteringArg: ", h), u((b) => ({ ...b, isEnteringArg: h }));
     }, []),
-    addOutput: A((g) => {
-      N.debug("[CitadelActions]addOutput: ", g), d((v) => ({
-        ...v,
-        output: [...v.output, g]
+    addOutput: R((h) => {
+      D.debug("[CitadelActions]addOutput: ", h), u((b) => ({
+        ...b,
+        output: [...b.output, h]
       }));
     }, []),
-    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: R(async () => {
+      const h = r.path(), b = n.getCommand(h);
+      if (!b) {
+        console.error("[CitadelActions][executeCommand] Cannot execute command because no command was found for the given path: ", h);
         return;
       }
-      const O = new St(r);
-      d((k) => ({
-        ...k,
-        output: [...k.output, O]
+      const _ = new Ct(r);
+      u((S) => ({
+        ...S,
+        output: [...S.output, _]
       }));
       try {
-        const k = new Promise((c, h) => {
+        const S = new Promise((d, y) => {
           setTimeout(() => {
-            h(new Error("Request timed out"));
+            y(new Error("Request timed out"));
           }, o.commandTimeoutMs);
-        }), D = r.arguments.map((c) => c.value || ""), U = await Promise.race([
-          v.handler(D),
-          k
+        }), U = r.arguments.map((d) => d.value || ""), I = await Promise.race([
+          b.handler(U),
+          S
         ]);
-        if (!(U instanceof ee))
+        if (!(I instanceof Z))
           throw new Error(
-            `The ${g.join(".")} command returned an invalid result type. Commands must return an instance of a CommandResult.
+            `The ${h.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 ${h.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
+        I.markSuccess(), u((d) => ({
+          ...d,
+          output: d.output.map(
+            (y) => y.timestamp === _.timestamp ? { ...y, result: I } : y
           )
         }));
-      } catch (k) {
-        const D = new pt(
-          k instanceof Error ? k.message : "Unknown error"
+      } catch (S) {
+        const U = new mt(
+          S instanceof Error ? S.message : "Unknown error"
         );
-        D.markFailure(), d((U) => ({
-          ...U,
-          output: U.output.map(
-            (c) => c.timestamp === O.timestamp ? { ...c, result: D } : c
+        U.markFailure(), u((I) => ({
+          ...I,
+          output: I.output.map(
+            (d) => d.timestamp === _.timestamp ? { ...d, result: U } : d
           )
         }));
       }
-    }, [n, o.commandTimeoutMs, i]),
-    clearHistory: A(async () => {
+    }, [n, o.commandTimeoutMs, r]),
+    clearHistory: R(async () => {
       try {
         await t.clear();
-      } catch (g) {
-        console.warn("Failed to clear history:", g);
+      } catch (h) {
+        console.warn("Failed to clear history:", h);
       }
     }, [t])
-  }, f = A(() => n.getCompletions_s(r.path()), [r, n]), w = A(() => n.getCompletions(r.path()), [r, n]);
+  }, c = R(() => n.getCompletions_s(r.path()), [r, n]), m = R(() => n.getCompletions(r.path()), [r, n]);
   return {
-    state: p,
-    actions: u,
-    getAvailableCommands_s: f,
-    getAvailableCommandSegments: w
+    state: i,
+    actions: f,
+    getAvailableCommands_s: c,
+    getAvailableCommandSegments: m
   };
 }, Et = {
   blink: {
@@ -1405,393 +1392,414 @@ Check the definition of the ${g.join(".")} command and update the return type fo
   const r = be(() => ({
     ...Et[o.type],
     ...o
-  }), [o]), [i, s] = Y(!0), [p, d] = Y(0);
-  I(() => {
+  }), [o]), [a, i] = Y(!0), [u, f] = Y(0);
+  z(() => {
     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));
+    const h = setInterval(() => {
+      r.type === "blink" ? i((b) => !b) : ["spin", "bbs"].includes(r.type) && f((b) => (b + 1) % (r.type === "bbs" ? un.length : cn.length));
     }, r.speed);
-    return () => clearInterval(w);
+    return () => clearInterval(h);
   }, [r.type, r.speed]);
-  const u = be(() => ({
+  const c = be(() => ({
     color: n ? r.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(
+  }), [n, r.color]), m = () => !n && t ? "✗" : ["spin", "bbs"].includes(r.type) ? (r.type === "bbs" ? un : cn)[u] : r.type === "solid" || a ? r.character : " ";
+  return /* @__PURE__ */ p.jsx("div", { className: "relative inline-block", children: /* @__PURE__ */ p.jsx(
     "span",
     {
       className: `command-cursor ${n ? "" : "animate-shake"}`,
-      style: u,
+      style: c,
       title: t,
-      children: f()
+      children: m()
     }
   ) });
 };
-function Rt(o, n) {
+function _t(o, n) {
   switch (n.type) {
     case "set":
-      return N.debug(`[inputStateReducer] InputState changing from ${o} to ${n.state}`), n.state;
+      return D.debug(`[inputStateReducer] InputState changing from ${o} to ${n.state}`), n.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;
+const Rt = () => {
+  const { state: o } = Cn(), n = xe(), t = xn(), r = ue(), [a, i] = et(_t, "idle"), u = (d) => {
+    i({ type: "set", state: d });
+  }, f = R(() => {
+    const y = n.getCompletions(r.path())[0] || r.nullSegment;
+    return D.debug("[getNextExpectedSegment] ", y), y;
+  }, [n, r]), c = R(() => n.getCompletions_s(r.path()).map((y) => n.getCommand([...r.path(), y])).filter((y) => y !== void 0), [n, r]), m = R((d, y) => {
+    if (!d) return y;
+    const w = y.reduce((k, j) => {
+      const P = f();
+      return (P == null ? void 0 : P.type) === "word" && k.set(P.name, j), k;
     }, /* @__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(w.values()).filter(() => {
+      const k = f();
+      return k.type !== "word" ? !1 : k.name.toLowerCase().startsWith(d.toLowerCase());
     });
-  }, []), g = A((c) => {
-    const E = n.getCompletions(r.path()).filter((x) => x.type === "word").filter(
-      (x) => x.name.toLowerCase().startsWith(c.toLowerCase())
+  }, [f]), h = R((d) => {
+    const w = n.getCompletions(r.path()).filter((N) => N.type === "word").filter(
+      (N) => N.name.toLowerCase().startsWith(d.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 w.length === 1 ? w[0] : r.nullSegment;
+  }, [n, r]), b = R((d) => {
+    const y = r.path(), w = n.getCompletions(y);
+    return w.length === 0 && d ? !1 : w.some((k) => k.type === "argument") ? !0 : w.some(
+      (k) => k.type === "word" && k.name.toLowerCase().startsWith(d.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) => {
+  }, [n, r]), _ = R((d) => {
+    D.debug("[tryAutoComplete] input: ", d);
+    const y = h(d);
+    return !y || y.name === d ? new wn() : (D.debug("[tryAutoComplete] result: ", y), y);
+  }, [h]), S = R((d, y) => {
     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");
+      if (y.setCurrentInput(d), D.debug("[useCommandParser][handleInputChange] newValue: ", d), a === "entering_argument") {
+        const w = dn(d);
+        if (w.isQuoted)
+          if (w.isComplete) {
+            const N = f();
+            if (N.type === "argument") {
+              const k = N;
+              k.value = d.trim() || "", D.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", k), r.push(k), y.setCurrentInput(""), u("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 (w.isComplete) {
+          const N = f();
+          N.value = d.trim() || "", D.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", N), r.push(N), y.setCurrentInput(""), u("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 (a == "entering_command") {
+        const w = _(d);
+        if (w.type === "word") {
+          D.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", w), r.push(w), y.setCurrentInput(""), u("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;
-      }
+  }, [_, o, f, a, r]), U = R((d) => {
+    d.setCurrentInput(""), d.setIsEnteringArg(!1), r.clear(), u("idle");
+  }, [r]), I = R((d, y, w) => {
+    if (!(d.key === "Backspace" || d.key === "Enter" || d.key === "ArrowUp" || d.key === "ArrowDown" || d.key === "ArrowLeft" || d.key === "ArrowRight" || d.key === "Escape" || d.key === "Delete" || d.key === "Home" || d.key === "End" || d.key.length === 1))
+      return !0;
+    const { currentInput: k, isEnteringArg: j } = y, P = dn(k);
+    switch (d.key) {
+      case "Backspace":
+        return k === "" && (d.preventDefault(), r.size() > 0 && r.pop(), u("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 (d.preventDefault(), P.isQuoted && !P.isComplete)
+          return !0;
+        if (a === "entering_argument") {
+          const L = f();
+          L.value = k, D.debug("[handleKeyDown][Enter]['entering_argument'] pushing: ", L), r.push(L);
         }
-        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;
+        return D.debug("[handleKeyDown][Enter] calling actions.executeCommand. segmentStack: ", r), w.executeCommand(), t.addStoredCommand(r.toArray()), U(w), !0;
       }
-      default:
-        if (!V && c.key.length === 1) {
-          const H = R + c.key;
-          if (!v(H)) {
-            c.preventDefault();
-            return;
-          }
+      case "ArrowUp":
+        return d.preventDefault(), (async () => {
+          const $ = await t.navigateHistory("up", r.toArray());
+          return $.segments && (r.clear(), r.pushAll($.segments), w.setCurrentInput("")), !0;
+        })();
+      case "ArrowDown":
+        return d.preventDefault(), (async () => {
+          const $ = await t.navigateHistory("down", r.toArray());
+          return $.segments && (r.clear(), r.pushAll($.segments), w.setCurrentInput("")), !0;
+        })();
+      default: {
+        if (!j && d.key.length === 1) {
+          const $ = k + d.key;
+          if (!b($))
+            return d.preventDefault(), !1;
         }
+        return !0;
+      }
     }
   }, [
-    n,
-    w,
+    a,
+    b,
     f,
-    g,
-    s,
-    v,
-    i
-  ]), U = A((c) => {
-    c.setCurrentInput(""), c.setIsEnteringArg(!1), r.clear(), d("idle");
-  }, []);
+    t,
+    U,
+    r
+  ]);
   return {
-    handleInputChange: k,
-    handleKeyDown: D,
-    inputState: s,
-    setInputStateWithLogging: d,
+    handleInputChange: S,
+    handleKeyDown: I,
+    inputState: a,
+    setInputStateWithLogging: u,
     // Expose internal functions for testing
-    findMatchingCommands: w,
-    getAutocompleteSuggestion: g,
-    getAvailableNodes: f,
-    getNextExpectedSegment: u,
-    isValidCommandInput: v
+    findMatchingCommands: m,
+    getAutocompleteSuggestion: h,
+    getAvailableNodes: c,
+    getNextExpectedSegment: f,
+    isValidCommandInput: b
   };
 };
 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;
+  let t = "", r = !1, a;
+  for (let i = 0; i < o.length; i++) {
+    const u = o[i];
+    (u === '"' || u === "'") && (!r || u === a) ? r ? (n.push(t), t = "", r = !1, a = void 0) : (t && (n.push(t), t = ""), r = !0, a = u) : !r && u === " " ? t && (n.push(t), t = "") : t += u;
   }
   return {
     words: n,
     currentWord: t,
     isQuoted: r,
-    quoteChar: i,
+    quoteChar: a,
     isComplete: !r && !t
   };
 }
-const At = "_invalidInput_e9b9w_12", Pt = "_shake_e9b9w_1", Tt = "_flashBorder_e9b9w_1", Ot = {
-  invalidInput: At,
-  shake: Pt,
-  flashBorder: Tt
-}, Nt = ({
+const jt = () => {
+  const o = ue(), [n, t] = Y(0);
+  return z(() => {
+    const r = {
+      update: () => {
+        t((a) => a + 1);
+      }
+    };
+    return o.subscribe(r), () => {
+      o.unsubscribe(r);
+    };
+  }, [o]), n;
+}, At = ({
   state: o,
   actions: n
 }) => {
-  const t = Q(null), r = xe(), i = ue(), {
-    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) => {
-    x.preventDefault();
-    const R = x.clipboardData.getData("text");
-    p(R, n);
+  const t = X(null), r = xe(), a = ue(), {
+    handleKeyDown: i,
+    handleInputChange: u,
+    inputState: f,
+    setInputStateWithLogging: c,
+    getNextExpectedSegment: m
+  } = Rt(), [h, b] = Y(!1), _ = ce(), S = jt(), U = async (j) => {
+    const P = i(j, o, n);
+    await Promise.resolve(P) === !1 && (b(!0), setTimeout(() => b(!1), 500));
+  }, I = (j) => {
+    u(j.target.value, n);
+  }, d = (j) => {
+    j.preventDefault();
+    const P = j.clipboardData.getData("text");
+    u(P, n);
   };
-  I(() => {
-    t.current && t.current.focus(), d !== "entering_command" && u("entering_command");
-  }, []), I(() => {
-    if (d !== "idle") return;
-    const x = f();
-    let R = "idle";
-    switch (x.type) {
+  z(() => {
+    t.current && t.current.focus(), f !== "entering_command" && c("entering_command");
+  }, [f, c]), z(() => {
+    if (f !== "idle") return;
+    const j = m();
+    let P = "idle";
+    switch (j.type) {
       case "word":
-        R = "entering_command", n.setIsEnteringArg(!1);
+        P = "entering_command", n.setIsEnteringArg(!1);
         break;
       case "argument":
-        R = "entering_argument", n.setIsEnteringArg(!0);
+        P = "entering_argument", n.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: " " })
+    c(P);
+  }, [S, f, m, c, n]);
+  const [y, w] = Y([]);
+  z(() => {
+    const j = [], P = a.toArray().map((L, ee) => {
+      j.push(L.name);
+      const de = r.hasNextSegment(j);
+      if (L.type === "argument") {
+        const ne = L;
+        return /* @__PURE__ */ p.jsxs(Q.Fragment, { children: [
+          /* @__PURE__ */ p.jsx("span", { className: "text-gray-200 whitespace-pre", children: ne.value }),
+          ee < a.size() && de && /* @__PURE__ */ p.jsx("span", { className: "text-gray-200 whitespace-pre", children: " " })
         ] }, "arg-" + ne.name + ne.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__ */ p.jsxs(Q.Fragment, { children: [
+        /* @__PURE__ */ p.jsx("span", { className: "text-blue-400 whitespace-pre", children: L.name }),
+        ee < a.size() && de && /* @__PURE__ */ p.jsx("span", { className: "text-blue-400 whitespace-pre", children: " " })
+      ] }, "word-" + L.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
+    w([/* @__PURE__ */ p.jsx("div", { className: "flex items-center gap-1", "data-testid": "user-input-area", children: P }, "{segmentStackVersion}")]);
+  }, [S, r, a]);
+  const [N, k] = Y("");
+  return z(() => {
+    const j = m();
+    j.type === "argument" ? k(j.name) : k("");
+  }, [S, m]), /* @__PURE__ */ p.jsxs("div", { className: "flex flex-col w-full bg-gray-900 rounded-lg p-4", children: [
+    /* @__PURE__ */ p.jsx("style", { children: `
+        @keyframes shake {
+          0%, 100% { transform: translateX(0); }
+          25% { transform: translateX(-4px); }
+          75% { transform: translateX(4px); }
+        }
+        @keyframes flashBorder {
+          0%, 100% { border-color: transparent; }
+          50% { border-color: rgb(239, 68, 68); }
+        }
+        .invalid-input-animation {
+          animation: shake 0.2s ease-in-out, flashBorder 0.3s ease-in-out;
+          border-width: 1px;
+          border-style: solid;
+        }
+      ` }),
+    /* @__PURE__ */ p.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ p.jsx("div", { className: "text-gray-400 font-mono", children: ">" }),
+      /* @__PURE__ */ p.jsxs("div", { className: "flex-1 font-mono flex items-center", children: [
+        y,
+        /* @__PURE__ */ p.jsxs("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ p.jsx(
+            "input",
+            {
+              ref: t,
+              type: "text",
+              role: "textbox",
+              value: o.currentInput,
+              onChange: I,
+              onKeyDown: U,
+              onPaste: d,
+              "data-testid": "citadel-command-input",
+              className: `w-full bg-transparent outline-none text-gray-200 caret-transparent ${h ? "invalid-input-animation" : ""}`,
+              spellCheck: !1,
+              autoComplete: "off",
+              placeholder: N
+            }
+          ),
+          /* @__PURE__ */ p.jsx(
+            "div",
+            {
+              className: "absolute top-0 pointer-events-none",
+              style: {
+                left: `${o.currentInput.length}ch`,
+                transition: "left 0.05s ease-out"
+              },
+              children: /* @__PURE__ */ p.jsx(
+                kt,
+                {
+                  style: {
+                    type: _.cursorType ?? M.cursorType,
+                    color: _.cursorColor || M.cursorColor,
+                    speed: _.cursorSpeed || M.cursorSpeed
+                  }
                 }
-              }
-            )
-          }
-        )
+              )
+            }
+          )
+        ] })
       ] })
     ] })
-  ] }) });
-}, It = () => /* @__PURE__ */ m.jsx(
+  ] });
+}, Pt = () => /* @__PURE__ */ p.jsx(
   "div",
   {
     "data-testid": "spinner",
     className: "animate-spin rounded-full h-4 w-4 border-2 border-gray-300 border-t-gray-600"
   }
-), Dt = ({
+), Tt = ({
   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: [
+}) => /* @__PURE__ */ p.jsxs("div", { className: "flex items-center gap-2 font-mono text-sm", children: [
+  /* @__PURE__ */ p.jsxs("span", { className: "text-gray-200", children: [
     "> ",
-    o.split(" ").map((r, i) => {
-      const s = r.startsWith("<") && r.endsWith(">");
-      return /* @__PURE__ */ m.jsxs(
+    o.split(" ").map((r, a) => {
+      const i = r.startsWith("<") && r.endsWith(">");
+      return /* @__PURE__ */ p.jsxs(
         "span",
         {
-          className: s ? "text-green-400" : "text-gray-200",
+          className: i ? "text-green-400" : "text-gray-200",
           children: [
-            i > 0 ? " " : "",
+            a > 0 ? " " : "",
             r
           ]
         },
-        i
+        a
       );
     })
   ] }),
-  /* @__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__ */ p.jsx("span", { className: "text-gray-400", children: "·" }),
+  /* @__PURE__ */ p.jsx("span", { className: "text-gray-500", children: n }),
+  t === ie.Pending && /* @__PURE__ */ p.jsx(Pt, {}),
+  t === ie.Success && /* @__PURE__ */ p.jsx(
     "div",
     {
       "data-testid": "success-indicator",
       className: "w-4 h-4 rounded-full bg-green-500"
     }
   ),
-  (t === ie.Timeout || t === ie.Failure) && /* @__PURE__ */ m.jsx(
+  (t === ie.Timeout || t === ie.Failure) && /* @__PURE__ */ p.jsx(
     "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(() => {
+] }), Ot = ({ output: o, outputRef: n }) => {
+  const t = ce(), r = R(() => {
     if (n.current) {
-      const i = n.current;
+      const a = n.current;
       requestAnimationFrame(() => {
-        i.scrollTop = i.scrollHeight;
+        a.scrollTop = a.scrollHeight;
       });
     }
   }, [n]);
-  return I(() => {
+  return z(() => {
     if (r(), n.current) {
-      const i = n.current.getElementsByTagName("img"), s = i[i.length - 1];
-      if (s && !s.complete)
-        return s.addEventListener("load", r), () => s.removeEventListener("load", r);
+      const a = n.current.getElementsByTagName("img"), i = a[a.length - 1];
+      if (i && !i.complete)
+        return i.addEventListener("load", r), () => i.removeEventListener("load", r);
     }
-  }, [o, r]), /* @__PURE__ */ m.jsx(
+  }, [o, r, n]), /* @__PURE__ */ p.jsx(
     "div",
     {
       ref: n,
       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: o.map((a, i) => /* @__PURE__ */ p.jsxs("div", { className: "mb-4 last:mb-0", children: [
+        /* @__PURE__ */ p.jsx(
+          Tt,
           {
-            command: i.command.join(" "),
-            timestamp: new Date(i.timestamp).toLocaleTimeString(),
-            status: i.result.status
+            command: a.command.join(" "),
+            timestamp: new Date(a.timestamp).toLocaleTimeString(),
+            status: a.result.status
           }
         ),
-        /* @__PURE__ */ m.jsx("pre", { className: `text-gray-200 whitespace-pre font-mono ${t.outputFontSize}`, children: i.result.render() })
-      ] }, s))
+        /* @__PURE__ */ p.jsx("pre", { className: `text-gray-200 whitespace-pre font-mono ${t.outputFontSize}`, children: a.result.render() })
+      ] }, i))
     }
   );
-}, 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(() => {
+}, Nt = () => {
+  const o = xe(), n = ce(), t = ue(), r = "h-12 mt-2 border-t border-gray-700 px-4", a = "text-gray-300 pt-2", i = o.getCompletions(t.path());
+  D.debug("[AvailableCommands] nextCommandSegments: ", i);
+  const u = Q.useMemo(() => {
     if (n.includeHelpCommand) {
-      const w = p.filter((v) => v.name !== "help"), g = p.find((v) => v.name === "help");
-      return [...w, ...g ? [g] : []];
+      const m = i.filter((b) => b.name !== "help"), h = i.find((b) => b.name === "help");
+      return [...m, ...h ? [h] : []];
     }
-    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 i;
+  }, [i, n.includeHelpCommand]), f = i.some((m) => m.type === "argument"), c = i[0];
+  return /* @__PURE__ */ p.jsx("div", { className: r, "data-testid": "available-commands", children: /* @__PURE__ */ p.jsx("div", { className: a, children: f ? i.length > 0 ? /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+    /* @__PURE__ */ p.jsx("span", { className: "text-blue-400", children: c.name }),
+    c.description && /* @__PURE__ */ p.jsxs("span", { className: "text-gray-400 ml-2", children: [
       "- ",
-      f.description
+      c.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__ */ p.jsx("div", { className: "flex flex-wrap gap-2", children: u == null ? void 0 : u.map((m) => {
+    const h = u == null ? void 0 : u.reduce((b, _) => {
+      if (_ === m) return b;
+      let S = 0;
+      for (; S < m.name.length && S < _.name.length && m.name[S].toLowerCase() === _.name[S].toLowerCase(); )
+        S++;
+      return Math.max(b, S + 1);
     }, 1);
-    return /* @__PURE__ */ m.jsx(
+    return /* @__PURE__ */ p.jsx(
       "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__ */ p.jsxs("span", { className: "font-mono text-white", children: [
+          /* @__PURE__ */ p.jsx("strong", { className: "underline", children: m.name.slice(0, h) }),
+          m.name.slice(h)
         ] })
       },
-      w.name
+      m.name
     );
   }) }) }) });
 }, mn = `:host {
@@ -1956,7 +1964,7 @@ a:hover {
 `, fn = `@tailwind base;
 @tailwind components;
 @tailwind utilities;
-`, Ut = `*, ::before, ::after {
+`, It = `*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -2773,92 +2781,96 @@ video {
 .last\\:mr-0:last-child {
   margin-right: 0px;
 }
-`, Vt = ({
+`, $t = ({
   config: o = M,
   commandRegistry: n = new Ie(),
   containerId: t = null
-}) => (I(() => {
-  N.configure({
+}) => (z(() => {
+  D.configure({
     level: o.logLevel || M.logLevel || we.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)), () => {
-    var s;
-    (s = r.parentElement) == null || s.removeChild(r);
+  const r = new Sn(n, o), a = t ? document.getElementById(t) : document.body;
+  return a ? a.appendChild(r) : (console.warn(`Container with id "${t}" not found, falling back to body`), document.body.appendChild(r)), () => {
+    var i;
+    (i = r.parentElement) == null || i.removeChild(r);
   };
-}, [n, t]), null);
+}, [n, t, o]), null);
 class Sn extends HTMLElement {
   constructor(t, r) {
     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;
+    A(this, "shadow");
+    A(this, "root", null);
+    A(this, "commandRegistry");
+    A(this, "config");
+    this.shadow = this.attachShadow({ mode: "open" }), this.commandRegistry = t, this.config = r;
   }
   connectedCallback() {
     try {
-      const r = [mn, pn, fn, Ut].map((i) => {
-        const s = new CSSStyleSheet();
-        return s.replaceSync(i), s;
+      const r = [mn, pn, fn, It].map((a) => {
+        const i = new CSSStyleSheet();
+        return i.replaceSync(a), i;
       });
       this.shadow.adoptedStyleSheets = [...r];
     } catch {
-      const i = [mn, pn, fn].join(`
-`), s = document.createElement("style");
-      s.textContent = i, this.shadow.appendChild(s);
+      const r = [mn, pn, fn].join(`
+`), a = document.createElement("style");
+      a.textContent = r, this.shadow.appendChild(a);
     }
     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, {}) })
+      /* @__PURE__ */ p.jsx(xt, { config: this.config || M, commandRegistry: this.commandRegistry, children: /* @__PURE__ */ p.jsx(Dt, {}) })
     );
   }
-  // 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({
+const Dt = () => {
+  const [o, n] = Y(!1), [t, r] = Y(!1), a = ce(), [i, u] = Y(() => a.initialHeight || null), f = X(null), c = X(null), m = X(!1), h = X(0), b = X(0), { state: _, actions: S } = Cn();
+  ot({
     onOpen: () => n(!0),
     onClose: () => r(!0),
     isVisible: o,
-    showCitadelKey: i.showCitadelKey || "."
+    showCitadelKey: a.showCitadelKey || "."
   });
-  const U = A(() => {
+  const U = R((w) => {
+    c.current && (m.current = !0, h.current = w.clientY, b.current = c.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", I), document.addEventListener("mouseup", d));
+  }, []), I = R((w) => {
+    var P;
+    if (!m.current) return;
+    const N = w.clientY - h.current, k = (P = a.maxHeight) != null && P.endsWith("vh") ? window.innerHeight * parseInt(a.maxHeight, 10) / 100 : parseInt(a.maxHeight || "80vh", 10), j = Math.min(
+      Math.max(b.current - N, parseInt(a.minHeight || "200", 10)),
+      k
+    );
+    c.current && (c.current.style.height = `${j}px`, c.current.style.bottom = "0", u(`${j}px`));
+  }, [a.maxHeight, a.minHeight]), d = R(() => {
+    m.current = !1, document.documentElement.style.userSelect = "", document.documentElement.style.webkitUserSelect = "", document.documentElement.style.mozUserSelect = "", document.documentElement.style.msUserSelect = "", document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", d);
+  }, [I]);
+  z(() => () => {
+    document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", d);
+  }, [I, d]);
+  const y = R(() => {
     t && (n(!1), r(!1));
   }, [t]);
-  return mt({
+  return dt({
     isVisible: o,
     isClosing: t,
-    onAnimationComplete: U
-  }), o ? /* @__PURE__ */ m.jsxs(
+    onAnimationComplete: y
+  }), o ? /* @__PURE__ */ p.jsxs(
     "div",
     {
-      ref: u,
+      ref: c,
       className: `container ${o ? "citadel_slideUp" : ""} ${t ? "citadel_slideDown" : ""}`,
       style: {
-        ...s ? { height: s } : void 0,
-        maxHeight: i.maxHeight
+        ...i ? { height: i } : void 0,
+        maxHeight: a.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__ */ p.jsx("div", { className: "resizeHandle", onMouseDown: U }),
+        /* @__PURE__ */ p.jsxs("div", { className: "innerContainer", children: [
+          /* @__PURE__ */ p.jsx("div", { className: "flex-1 min-h-0 pt-3 px-4", children: /* @__PURE__ */ p.jsx(Ot, { output: _.output, outputRef: f }) }),
+          /* @__PURE__ */ p.jsxs("div", { children: [
+            /* @__PURE__ */ p.jsx(At, { state: _, actions: S }),
+            /* @__PURE__ */ p.jsx(Nt, {})
           ] })
         ] })
       ]
@@ -2866,14 +2878,15 @@ const $t = () => {
   ) : null;
 };
 export {
-  Vt as Citadel,
-  ee as CommandResult,
+  $t as Citadel,
+  Ie as CommandRegistry,
+  Z 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
+  mt as ErrorCommandResult,
+  Mt as ImageCommandResult,
+  Ht as JsonCommandResult,
+  Ct as OutputItem,
+  pt as PendingCommandResult,
+  hn as TextCommandResult
 };