citadel_cli 1.0.0 → 1.1.0

package/dist/citadel.es.js

@@ -1,9 +1,9 @@
-var Wn = Object.defineProperty;
-var Vn = (r, n, t) => n in r ? Wn(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
-var A = (r, n, t) => Vn(r, typeof n != "symbol" ? n + "" : n, t);
-import fe, { useEffect as $, useMemo as ie, createContext as Kn, useContext as Re, useState as Y, useCallback as j, useRef as J } from "react";
-import Bn from "react-dom";
-var Se = { exports: {} }, re = {};
+var Qn = Object.defineProperty;
+var Zn = (o, n, t) => n in o ? Qn(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
+var j = (o, n, t) => Zn(o, typeof n != "symbol" ? n + "" : n, t);
+import Z, { useEffect as I, useMemo as be, createContext as et, useContext as ve, useState as Y, useCallback as A, useReducer as nt, useRef as Q } from "react";
+import tt from "react-dom";
+var Te = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +13,21 @@ var Se = { exports: {} }, re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ze;
-function qn() {
-  if (Ze) return re;
-  Ze = 1;
-  var r = fe, n = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(d, h, w) {
-    var m, p = {}, u = null, y = null;
-    w !== void 0 && (u = "" + w), h.key !== void 0 && (u = "" + h.key), h.ref !== void 0 && (y = h.ref);
-    for (m in h) o.call(h, m) && !a.hasOwnProperty(m) && (p[m] = h[m]);
-    if (d && d.defaultProps) for (m in h = d.defaultProps, h) p[m] === void 0 && (p[m] = h[m]);
-    return { $$typeof: n, type: d, key: u, ref: y, props: p, _owner: i.current };
-  }
-  return re.Fragment = t, re.jsx = l, re.jsxs = l, re;
-}
-var oe = {};
+var on;
+function rt() {
+  if (on) return ae;
+  on = 1;
+  var o = Z, n = Symbol.for("react.element"), t = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function p(d, u, f) {
+    var w, g = {}, v = null, O = null;
+    f !== void 0 && (v = "" + f), u.key !== void 0 && (v = "" + u.key), u.ref !== void 0 && (O = u.ref);
+    for (w in u) r.call(u, w) && !s.hasOwnProperty(w) && (g[w] = u[w]);
+    if (d && d.defaultProps) for (w in u = d.defaultProps, u) g[w] === void 0 && (g[w] = u[w]);
+    return { $$typeof: n, type: d, key: v, ref: O, props: g, _owner: i.current };
+  }
+  return ae.Fragment = t, ae.jsx = p, ae.jsxs = p, ae;
+}
+var se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,91 +37,91 @@ var oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Qe;
-function Jn() {
-  return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = fe, n = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), u = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), v = Symbol.iterator, b = "@@iterator";
-    function C(e) {
+var an;
+function ot() {
+  return an || (an = 1, process.env.NODE_ENV !== "production" && function() {
+    var o = Z, n = Symbol.for("react.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), p = Symbol.for("react.provider"), d = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), k = Symbol.iterator, D = "@@iterator";
+    function U(e) {
       if (e === null || typeof e != "object")
         return null;
-      var s = v && e[v] || e[b];
-      return typeof s == "function" ? s : null;
+      var a = k && e[k] || e[D];
+      return typeof a == "function" ? a : null;
     }
-    var f = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function _(e) {
+    var c = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function h(e) {
       {
-        for (var s = arguments.length, c = new Array(s > 1 ? s - 1 : 0), x = 1; x < s; x++)
-          c[x - 1] = arguments[x];
-        S("error", e, c);
+        for (var a = arguments.length, l = new Array(a > 1 ? a - 1 : 0), b = 1; b < a; b++)
+          l[b - 1] = arguments[b];
+        E("error", e, l);
       }
     }
-    function S(e, s, c) {
+    function E(e, a, l) {
       {
-        var x = f.ReactDebugCurrentFrame, R = x.getStackAddendum();
-        R !== "" && (s += "%s", c = c.concat([R]));
-        var N = c.map(function(E) {
-          return String(E);
+        var b = c.ReactDebugCurrentFrame, S = b.getStackAddendum();
+        S !== "" && (a += "%s", l = l.concat([S]));
+        var _ = l.map(function(C) {
+          return String(C);
         });
-        N.unshift("Warning: " + s), Function.prototype.apply.call(console[e], console, N);
+        _.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, _);
       }
     }
-    var I = !1, T = !1, D = !1, U = !1, Z = !1, Q;
-    Q = Symbol.for("react.module.reference");
-    function pn(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === a || Z || e === i || e === w || e === m || U || e === y || I || T || D || typeof e == "object" && e !== null && (e.$$typeof === u || e.$$typeof === p || e.$$typeof === l || e.$$typeof === d || e.$$typeof === h || // This needs to include all possible module reference object
+    var x = !1, R = !1, V = !1, z = !1, H = !1, K;
+    K = Symbol.for("react.module.reference");
+    function ne(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === r || e === s || H || e === i || e === f || e === w || z || e === O || x || R || V || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === g || e.$$typeof === p || e.$$typeof === d || e.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === Q || e.getModuleId !== void 0));
+      e.$$typeof === K || e.getModuleId !== void 0));
     }
-    function gn(e, s, c) {
-      var x = e.displayName;
-      if (x)
-        return x;
-      var R = s.displayName || s.name || "";
-      return R !== "" ? c + "(" + R + ")" : c;
+    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 Te(e) {
+    function De(e) {
       return e.displayName || "Context";
     }
-    function M(e) {
+    function L(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && _("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" && h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
       switch (e) {
-        case o:
+        case r:
           return "Fragment";
         case t:
           return "Portal";
-        case a:
+        case s:
           return "Profiler";
         case i:
           return "StrictMode";
-        case w:
+        case f:
           return "Suspense";
-        case m:
+        case w:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case d:
-            var s = e;
-            return Te(s) + ".Consumer";
-          case l:
-            var c = e;
-            return Te(c._context) + ".Provider";
-          case h:
-            return gn(e, e.render, "ForwardRef");
+            var a = e;
+            return De(a) + ".Consumer";
           case p:
-            var x = e.displayName || null;
-            return x !== null ? x : M(e.type) || "Memo";
-          case u: {
-            var R = e, N = R._payload, E = R._init;
+            var l = e;
+            return De(l._context) + ".Provider";
+          case u:
+            return _n(e, e.render, "ForwardRef");
+          case g:
+            var b = e.displayName || null;
+            return b !== null ? b : L(e.type) || "Memo";
+          case v: {
+            var S = e, _ = S._payload, C = S._init;
             try {
-              return M(E(N));
+              return L(C(_));
             } catch {
               return null;
             }
@@ -129,18 +129,18 @@ function Jn() {
         }
       return null;
     }
-    var W = Object.assign, ee = 0, Ne, Ie, Ae, Pe, Oe, De, ze;
-    function Le() {
+    var B = Object.assign, te = 0, ze, Fe, Ue, $e, Me, He, We;
+    function Ye() {
     }
-    Le.__reactDisabledLog = !0;
-    function wn() {
+    Ye.__reactDisabledLog = !0;
+    function En() {
       {
-        if (ee === 0) {
-          Ne = console.log, Ie = console.info, Ae = console.warn, Pe = console.error, Oe = console.group, De = console.groupCollapsed, ze = console.groupEnd;
+        if (te === 0) {
+          ze = console.log, Fe = console.info, Ue = console.warn, $e = console.error, Me = console.group, He = console.groupCollapsed, We = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: Le,
+            value: Ye,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -153,336 +153,336 @@ function Jn() {
             groupEnd: e
           });
         }
-        ee++;
+        te++;
       }
     }
-    function bn() {
+    function kn() {
       {
-        if (ee--, ee === 0) {
+        if (te--, te === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: W({}, e, {
-              value: Ne
+            log: B({}, e, {
+              value: ze
             }),
-            info: W({}, e, {
-              value: Ie
+            info: B({}, e, {
+              value: Fe
             }),
-            warn: W({}, e, {
-              value: Ae
+            warn: B({}, e, {
+              value: Ue
             }),
-            error: W({}, e, {
-              value: Pe
+            error: B({}, e, {
+              value: $e
             }),
-            group: W({}, e, {
-              value: Oe
+            group: B({}, e, {
+              value: Me
             }),
-            groupCollapsed: W({}, e, {
-              value: De
+            groupCollapsed: B({}, e, {
+              value: He
             }),
-            groupEnd: W({}, e, {
-              value: ze
+            groupEnd: B({}, e, {
+              value: We
             })
           });
         }
-        ee < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        te < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var pe = f.ReactCurrentDispatcher, ge;
-    function se(e, s, c) {
+    var Ce = c.ReactCurrentDispatcher, Se;
+    function me(e, a, l) {
       {
-        if (ge === void 0)
+        if (Se === void 0)
           try {
             throw Error();
-          } catch (R) {
-            var x = R.stack.trim().match(/\n( *(at )?)/);
-            ge = x && x[1] || "";
+          } catch (S) {
+            var b = S.stack.trim().match(/\n( *(at )?)/);
+            Se = b && b[1] || "";
           }
         return `
-` + ge + e;
+` + Se + e;
       }
     }
-    var we = !1, le;
+    var _e = !1, pe;
     {
-      var vn = typeof WeakMap == "function" ? WeakMap : Map;
-      le = new vn();
+      var Rn = typeof WeakMap == "function" ? WeakMap : Map;
+      pe = new Rn();
     }
-    function Fe(e, s) {
-      if (!e || we)
+    function Le(e, a) {
+      if (!e || _e)
         return "";
       {
-        var c = le.get(e);
-        if (c !== void 0)
-          return c;
+        var l = pe.get(e);
+        if (l !== void 0)
+          return l;
       }
-      var x;
-      we = !0;
-      var R = Error.prepareStackTrace;
+      var b;
+      _e = !0;
+      var S = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var N;
-      N = pe.current, pe.current = null, wn();
+      var _;
+      _ = Ce.current, Ce.current = null, En();
       try {
-        if (s) {
-          var E = function() {
+        if (a) {
+          var C = function() {
             throw Error();
           };
-          if (Object.defineProperty(E.prototype, "props", {
+          if (Object.defineProperty(C.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(E, []);
-            } catch (L) {
-              x = L;
+              Reflect.construct(C, []);
+            } catch ($) {
+              b = $;
             }
-            Reflect.construct(e, [], E);
+            Reflect.construct(e, [], C);
           } else {
             try {
-              E.call();
-            } catch (L) {
-              x = L;
+              C.call();
+            } catch ($) {
+              b = $;
             }
-            e.call(E.prototype);
+            e.call(C.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (L) {
-            x = L;
+          } catch ($) {
+            b = $;
           }
           e();
         }
-      } catch (L) {
-        if (L && x && typeof L.stack == "string") {
-          for (var k = L.stack.split(`
-`), z = x.stack.split(`
-`), P = k.length - 1, O = z.length - 1; P >= 1 && O >= 0 && k[P] !== z[O]; )
-            O--;
-          for (; P >= 1 && O >= 0; P--, O--)
-            if (k[P] !== z[O]) {
-              if (P !== 1 || O !== 1)
+      } catch ($) {
+        if ($ && b && typeof $.stack == "string") {
+          for (var y = $.stack.split(`
+`), F = b.stack.split(`
+`), P = y.length - 1, T = F.length - 1; P >= 1 && T >= 0 && y[P] !== F[T]; )
+            T--;
+          for (; P >= 1 && T >= 0; P--, T--)
+            if (y[P] !== F[T]) {
+              if (P !== 1 || T !== 1)
                 do
-                  if (P--, O--, O < 0 || k[P] !== z[O]) {
-                    var H = `
-` + k[P].replace(" at new ", " at ");
-                    return e.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", e.displayName)), typeof e == "function" && le.set(e, H), H;
+                  if (P--, T--, T < 0 || y[P] !== F[T]) {
+                    var W = `
+` + y[P].replace(" at new ", " at ");
+                    return e.displayName && W.includes("<anonymous>") && (W = W.replace("<anonymous>", e.displayName)), typeof e == "function" && pe.set(e, W), W;
                   }
-                while (P >= 1 && O >= 0);
+                while (P >= 1 && T >= 0);
               break;
             }
         }
       } finally {
-        we = !1, pe.current = N, bn(), Error.prepareStackTrace = R;
+        _e = !1, Ce.current = _, kn(), Error.prepareStackTrace = S;
       }
-      var q = e ? e.displayName || e.name : "", V = q ? se(q) : "";
-      return typeof e == "function" && le.set(e, V), V;
+      var X = e ? e.displayName || e.name : "", q = X ? me(X) : "";
+      return typeof e == "function" && pe.set(e, q), q;
     }
-    function yn(e, s, c) {
-      return Fe(e, !1);
+    function jn(e, a, l) {
+      return Le(e, !1);
     }
-    function xn(e) {
-      var s = e.prototype;
-      return !!(s && s.isReactComponent);
+    function An(e) {
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function ce(e, s, c) {
+    function fe(e, a, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Fe(e, xn(e));
+        return Le(e, An(e));
       if (typeof e == "string")
-        return se(e);
+        return me(e);
       switch (e) {
+        case f:
+          return me("Suspense");
         case w:
-          return se("Suspense");
-        case m:
-          return se("SuspenseList");
+          return me("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case h:
-            return yn(e.render);
-          case p:
-            return ce(e.type, s, c);
-          case u: {
-            var x = e, R = x._payload, N = x._init;
+          case u:
+            return jn(e.render);
+          case g:
+            return fe(e.type, a, l);
+          case v: {
+            var b = e, S = b._payload, _ = b._init;
             try {
-              return ce(N(R), s, c);
+              return fe(_(S), a, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var ne = Object.prototype.hasOwnProperty, $e = {}, Ue = f.ReactDebugCurrentFrame;
-    function de(e) {
+    var re = Object.prototype.hasOwnProperty, Ve = {}, Ke = c.ReactDebugCurrentFrame;
+    function ge(e) {
       if (e) {
-        var s = e._owner, c = ce(e.type, e._source, s ? s.type : null);
-        Ue.setExtraStackFrame(c);
+        var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
+        Ke.setExtraStackFrame(l);
       } else
-        Ue.setExtraStackFrame(null);
+        Ke.setExtraStackFrame(null);
     }
-    function Cn(e, s, c, x, R) {
+    function Pn(e, a, l, b, S) {
       {
-        var N = Function.call.bind(ne);
-        for (var E in e)
-          if (N(e, E)) {
-            var k = void 0;
+        var _ = Function.call.bind(re);
+        for (var C in e)
+          if (_(e, C)) {
+            var y = void 0;
             try {
-              if (typeof e[E] != "function") {
-                var z = Error((x || "React class") + ": " + c + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw z.name = "Invariant Violation", z;
+              if (typeof e[C] != "function") {
+                var F = Error((b || "React class") + ": " + l + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw F.name = "Invariant Violation", F;
               }
-              k = e[E](s, E, x, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              y = e[C](a, C, b, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (P) {
-              k = P;
+              y = P;
             }
-            k && !(k instanceof Error) && (de(R), _("%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).", x || "React class", c, E, typeof k), de(null)), k instanceof Error && !(k.message in $e) && ($e[k.message] = !0, de(R), _("Failed %s type: %s", c, k.message), de(null));
+            y && !(y instanceof Error) && (ge(S), h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", l, C, typeof y), ge(null)), y instanceof Error && !(y.message in Ve) && (Ve[y.message] = !0, ge(S), h("Failed %s type: %s", l, y.message), ge(null));
           }
       }
     }
-    var _n = Array.isArray;
-    function be(e) {
-      return _n(e);
+    var Tn = Array.isArray;
+    function Ee(e) {
+      return Tn(e);
     }
-    function Sn(e) {
+    function On(e) {
       {
-        var s = typeof Symbol == "function" && Symbol.toStringTag, c = s && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return c;
+        var a = typeof Symbol == "function" && Symbol.toStringTag, l = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
       }
     }
-    function kn(e) {
+    function Nn(e) {
       try {
-        return He(e), !1;
+        return Be(e), !1;
       } catch {
         return !0;
       }
     }
-    function He(e) {
+    function Be(e) {
       return "" + e;
     }
-    function Me(e) {
-      if (kn(e))
-        return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Sn(e)), He(e);
+    function qe(e) {
+      if (Nn(e))
+        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", On(e)), Be(e);
     }
-    var te = f.ReactCurrentOwner, En = {
+    var oe = c.ReactCurrentOwner, In = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ye, We, ve;
-    ve = {};
-    function Rn(e) {
-      if (ne.call(e, "ref")) {
-        var s = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (s && s.isReactWarning)
+    }, Je, Ge, ke;
+    ke = {};
+    function Dn(e) {
+      if (re.call(e, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function jn(e) {
-      if (ne.call(e, "key")) {
-        var s = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (s && s.isReactWarning)
+    function zn(e) {
+      if (re.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Tn(e, s) {
-      if (typeof e.ref == "string" && te.current && s && te.current.stateNode !== s) {
-        var c = M(te.current.type);
-        ve[c] || (_('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', M(te.current.type), e.ref), ve[c] = !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 Nn(e, s) {
+    function Un(e, a) {
       {
-        var c = function() {
-          Ye || (Ye = !0, _("%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));
+        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));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: c,
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
           configurable: !0
         });
       }
     }
-    function In(e, s) {
+    function $n(e, a) {
       {
-        var c = function() {
-          We || (We = !0, _("%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));
+        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));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: c,
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
           configurable: !0
         });
       }
     }
-    var An = function(e, s, c, x, R, N, E) {
-      var k = {
+    var Mn = function(e, a, l, b, S, _, C) {
+      var y = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
         // Built-in properties that belong on the element
         type: e,
-        key: s,
-        ref: c,
-        props: E,
+        key: a,
+        ref: l,
+        props: C,
         // Record the component responsible for creating this element.
-        _owner: N
+        _owner: _
       };
-      return k._store = {}, Object.defineProperty(k._store, "validated", {
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(k, "_self", {
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: x
-      }), Object.defineProperty(k, "_source", {
+        value: b
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: R
-      }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
+        value: S
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
-    function Pn(e, s, c, x, R) {
+    function Hn(e, a, l, b, S) {
       {
-        var N, E = {}, k = null, z = null;
-        c !== void 0 && (Me(c), k = "" + c), jn(s) && (Me(s.key), k = "" + s.key), Rn(s) && (z = s.ref, Tn(s, R));
-        for (N in s)
-          ne.call(s, N) && !En.hasOwnProperty(N) && (E[N] = s[N]);
+        var _, C = {}, y = null, F = null;
+        l !== void 0 && (qe(l), y = "" + l), zn(a) && (qe(a.key), y = "" + a.key), Dn(a) && (F = a.ref, Fn(a, S));
+        for (_ in a)
+          re.call(a, _) && !In.hasOwnProperty(_) && (C[_] = a[_]);
         if (e && e.defaultProps) {
           var P = e.defaultProps;
-          for (N in P)
-            E[N] === void 0 && (E[N] = P[N]);
+          for (_ in P)
+            C[_] === void 0 && (C[_] = P[_]);
         }
-        if (k || z) {
-          var O = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          k && Nn(E, O), z && In(E, O);
+        if (y || F) {
+          var T = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          y && Un(C, T), F && $n(C, T);
         }
-        return An(e, k, z, R, x, te.current, E);
+        return Mn(e, y, F, S, b, oe.current, C);
       }
     }
-    var ye = f.ReactCurrentOwner, Ve = f.ReactDebugCurrentFrame;
-    function B(e) {
+    var Re = c.ReactCurrentOwner, Xe = c.ReactDebugCurrentFrame;
+    function G(e) {
       if (e) {
-        var s = e._owner, c = ce(e.type, e._source, s ? s.type : null);
-        Ve.setExtraStackFrame(c);
+        var a = e._owner, l = fe(e.type, e._source, a ? a.type : null);
+        Xe.setExtraStackFrame(l);
       } else
-        Ve.setExtraStackFrame(null);
+        Xe.setExtraStackFrame(null);
     }
-    var xe;
-    xe = !1;
-    function Ce(e) {
+    var je;
+    je = !1;
+    function Ae(e) {
       return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Ke() {
+    function Qe() {
       {
-        if (ye.current) {
-          var e = M(ye.current.type);
+        if (Re.current) {
+          var e = L(Re.current.type);
           if (e)
             return `
 
@@ -491,212 +491,308 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function On(e) {
+    function Wn(e) {
       return "";
     }
-    var Be = {};
-    function Dn(e) {
+    var Ze = {};
+    function Yn(e) {
       {
-        var s = Ke();
-        if (!s) {
-          var c = typeof e == "string" ? e : e.displayName || e.name;
-          c && (s = `
+        var a = Qe();
+        if (!a) {
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (a = `
 
-Check the top-level render call using <` + c + ">.");
+Check the top-level render call using <` + l + ">.");
         }
-        return s;
+        return a;
       }
     }
-    function qe(e, s) {
+    function en(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var c = Dn(s);
-        if (Be[c])
+        var l = Yn(a);
+        if (Ze[l])
           return;
-        Be[c] = !0;
-        var x = "";
-        e && e._owner && e._owner !== ye.current && (x = " It was passed a child from " + M(e._owner.type) + "."), B(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, x), B(null);
+        Ze[l] = !0;
+        var b = "";
+        e && e._owner && e._owner !== Re.current && (b = " It was passed a child from " + L(e._owner.type) + "."), G(e), h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, b), G(null);
       }
     }
-    function Je(e, s) {
+    function nn(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (be(e))
-          for (var c = 0; c < e.length; c++) {
-            var x = e[c];
-            Ce(x) && qe(x, s);
+        if (Ee(e))
+          for (var l = 0; l < e.length; l++) {
+            var b = e[l];
+            Ae(b) && en(b, a);
           }
-        else if (Ce(e))
+        else if (Ae(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var R = C(e);
-          if (typeof R == "function" && R !== e.entries)
-            for (var N = R.call(e), E; !(E = N.next()).done; )
-              Ce(E.value) && qe(E.value, s);
+          var S = U(e);
+          if (typeof S == "function" && S !== e.entries)
+            for (var _ = S.call(e), C; !(C = _.next()).done; )
+              Ae(C.value) && en(C.value, a);
         }
       }
     }
-    function zn(e) {
+    function Ln(e) {
       {
-        var s = e.type;
-        if (s == null || typeof s == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
-        var c;
-        if (typeof s == "function")
-          c = s.propTypes;
-        else if (typeof s == "object" && (s.$$typeof === h || // Note: Memo only checks outer props here.
+        var l;
+        if (typeof a == "function")
+          l = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        s.$$typeof === p))
-          c = s.propTypes;
+        a.$$typeof === g))
+          l = a.propTypes;
         else
           return;
-        if (c) {
-          var x = M(s);
-          Cn(c, e.props, "prop", x, e);
-        } else if (s.PropTypes !== void 0 && !xe) {
-          xe = !0;
-          var R = M(s);
-          _("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+        if (l) {
+          var b = L(a);
+          Pn(l, e.props, "prop", b, e);
+        } else if (a.PropTypes !== void 0 && !je) {
+          je = !0;
+          var S = L(a);
+          h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
         }
-        typeof s.getDefaultProps == "function" && !s.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Ln(e) {
+    function Vn(e) {
       {
-        for (var s = Object.keys(e.props), c = 0; c < s.length; c++) {
-          var x = s[c];
-          if (x !== "children" && x !== "key") {
-            B(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), B(null);
+        for (var a = Object.keys(e.props), l = 0; l < a.length; l++) {
+          var b = a[l];
+          if (b !== "children" && b !== "key") {
+            G(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), G(null);
             break;
           }
         }
-        e.ref !== null && (B(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), B(null));
+        e.ref !== null && (G(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), G(null));
       }
     }
-    var Ge = {};
-    function Xe(e, s, c, x, R, N) {
+    var tn = {};
+    function rn(e, a, l, b, S, _) {
       {
-        var E = pn(e);
-        if (!E) {
-          var k = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (k += " 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 z = On();
-          z ? k += z : k += Ke();
+        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" : be(e) ? P = "array" : e !== void 0 && e.$$typeof === n ? (P = "<" + (M(e.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : P = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, k);
+          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 O = Pn(e, s, c, R, N);
-        if (O == null)
-          return O;
-        if (E) {
-          var H = s.children;
-          if (H !== void 0)
-            if (x)
-              if (be(H)) {
-                for (var q = 0; q < H.length; q++)
-                  Je(H[q], e);
-                Object.freeze && Object.freeze(H);
+        var T = Hn(e, a, l, S, _);
+        if (T == null)
+          return T;
+        if (C) {
+          var W = a.children;
+          if (W !== void 0)
+            if (b)
+              if (Ee(W)) {
+                for (var X = 0; X < W.length; X++)
+                  nn(W[X], e);
+                Object.freeze && Object.freeze(W);
               } else
-                _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Je(H, e);
+              nn(W, e);
         }
-        if (ne.call(s, "key")) {
-          var V = M(e), L = Object.keys(s).filter(function(Yn) {
-            return Yn !== "key";
-          }), _e = L.length > 0 ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ge[V + _e]) {
-            var Mn = L.length > 0 ? "{" + L.join(": ..., ") + ": ...}" : "{}";
-            _(`A props object containing a "key" prop is being spread into JSX:
+        if (re.call(a, "key")) {
+          var q = L(e), $ = Object.keys(a).filter(function(Xn) {
+            return Xn !== "key";
+          }), Pe = $.length > 0 ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!tn[q + Pe]) {
+            var Gn = $.length > 0 ? "{" + $.join(": ..., ") + ": ...}" : "{}";
+            h(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, _e, V, Mn, V), Ge[V + _e] = !0;
+  <%s key={someKey} {...props} />`, Pe, q, Gn, q), tn[q + Pe] = !0;
           }
         }
-        return e === o ? Ln(O) : zn(O), O;
+        return e === r ? Vn(T) : Ln(T), T;
       }
     }
-    function Fn(e, s, c) {
-      return Xe(e, s, c, !0);
+    function Kn(e, a, l) {
+      return rn(e, a, l, !0);
     }
-    function $n(e, s, c) {
-      return Xe(e, s, c, !1);
+    function Bn(e, a, l) {
+      return rn(e, a, l, !1);
     }
-    var Un = $n, Hn = Fn;
-    oe.Fragment = o, oe.jsx = Un, oe.jsxs = Hn;
-  }()), oe;
+    var qn = Bn, Jn = Kn;
+    se.Fragment = r, se.jsx = qn, se.jsxs = Jn;
+  }()), se;
 }
-process.env.NODE_ENV === "production" ? Se.exports = qn() : Se.exports = Jn();
-var g = Se.exports, ke, ue = Bn;
+process.env.NODE_ENV === "production" ? Te.exports = rt() : Te.exports = ot();
+var m = Te.exports, Oe, he = tt;
 if (process.env.NODE_ENV === "production")
-  ke = ue.createRoot, ue.hydrateRoot;
+  Oe = he.createRoot, he.hydrateRoot;
 else {
-  var en = ue.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  ke = function(r, n) {
-    en.usingClientEntryPoint = !0;
+  var sn = he.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  Oe = function(o, n) {
+    sn.usingClientEntryPoint = !0;
     try {
-      return ue.createRoot(r, n);
+      return he.createRoot(o, n);
     } finally {
-      en.usingClientEntryPoint = !1;
+      sn.usingClientEntryPoint = !1;
     }
   };
 }
-const Gn = ({ onOpen: r, onClose: n, isVisible: t, showCitadelKey: o }) => {
-  $(() => {
-    const i = (a) => {
-      var l, d;
-      !t && a.key === o && !["input", "textarea"].includes(((d = (l = a.target) == null ? void 0 : l.tagName) == null ? void 0 : d.toLowerCase()) || "") && (a.preventDefault(), r()), t && a.key === "Escape" && (a.preventDefault(), n());
+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());
     };
     return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-  }, [r, n, t, o]);
-}, Xn = "_container_141sr_3", Zn = "_innerContainer_141sr_19", Qn = "_inputSection_141sr_28", et = "_resizeHandle_141sr_35", nt = "_citadel_slideUp_141sr_64", tt = "_citadel_slideDown_141sr_68", nn = {
-  container: Xn,
-  innerContainer: Zn,
-  inputSection: Qn,
-  resizeHandle: et,
-  citadel_slideUp: nt,
-  citadel_slideDown: tt
-}, rt = (r) => {
-  const { isVisible: n, isClosing: t, onAnimationComplete: o } = r, i = ie(() => n ? t ? nn.slideDown : nn.slideUp : "", [n, t]);
-  return $(() => {
-    if (o) {
-      const l = setTimeout(() => {
-        o();
+  }, [o, n, t, r]);
+}, st = "_container_141sr_3", it = "_innerContainer_141sr_19", lt = "_inputSection_141sr_28", ct = "_resizeHandle_141sr_35", ut = "_citadel_slideUp_141sr_64", dt = "_citadel_slideDown_141sr_68", ln = {
+  container: st,
+  innerContainer: it,
+  inputSection: lt,
+  resizeHandle: ct,
+  citadel_slideUp: ut,
+  citadel_slideDown: dt
+}, mt = (o) => {
+  const { isVisible: n, isClosing: t, onAnimationComplete: r } = o, i = be(() => n ? t ? ln.slideDown : ln.slideUp : "", [n, t]);
+  return I(() => {
+    if (r) {
+      const p = setTimeout(() => {
+        r();
       }, 200);
-      return () => clearTimeout(l);
+      return () => clearTimeout(p);
     }
-  }, [t, o]), {
-    style: ie(() => ({
+  }, [t, r]), {
+    style: be(() => ({
       opacity: n ? 1 : 0,
       transform: n ? "translateY(0)" : t ? "translateY(100%)" : "translateY(-100%)",
       transition: "opacity 200ms ease-in-out, transform 200ms ease-in-out"
     }), [n, t]),
     animationClass: i
   };
-}, F = {
+};
+var ie = /* @__PURE__ */ ((o) => (o.Pending = "pending", o.Success = "success", o.Failure = "failure", o.Timeout = "timeout", o))(ie || {});
+class ee {
+  constructor(n = Date.now()) {
+    j(this, "_status", "pending");
+    this.timestamp = n;
+  }
+  get status() {
+    return this._status;
+  }
+  markSuccess() {
+    this._status = "success";
+  }
+  markFailure() {
+    this._status = "failure";
+  }
+  markTimeout() {
+    this._status = "timeout";
+  }
+}
+class Yt extends ee {
+  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) });
+  }
+}
+class gn extends ee {
+  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 });
+  }
+}
+class pt extends ee {
+  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 });
+  }
+}
+class ft extends ee {
+  render() {
+    return /* @__PURE__ */ m.jsx("div", { className: "text-gray-400", children: "..." });
+  }
+}
+class Lt extends ee {
+  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(
+      "img",
+      {
+        src: this.imageUrl,
+        alt: this.altText,
+        className: "max-w-[400px] max-h-[300px] h-auto rounded-lg object-contain"
+      }
+    ) });
+  }
+}
+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(`
+`) : "No commands available yet. Add some commands to get started!"
+  );
+};
+var we = /* @__PURE__ */ ((o) => (o[o.NONE = 0] = "NONE", o[o.ERROR = 1] = "ERROR", o[o.WARN = 2] = "WARN", o[o.INFO = 3] = "INFO", o[o.DEBUG = 4] = "DEBUG", o[o.TRACE = 5] = "TRACE", o))(we || {});
+class N {
+  static configure(n) {
+    this.level = n.level, this.prefix = n.prefix || "[Citadel]";
+  }
+  static trace(...n) {
+    this.level >= 5 && process.env.NODE_ENV !== "production" && console.trace(this.prefix, ...n);
+  }
+  static debug(...n) {
+    this.level >= 4 && process.env.NODE_ENV !== "production" && console.debug(this.prefix, ...n);
+  }
+  static info(...n) {
+    this.level >= 3 && console.info(this.prefix, ...n);
+  }
+  static warn(...n) {
+    this.level >= 2 && console.warn(this.prefix, ...n);
+  }
+  static error(...n) {
+    this.level >= 1 && console.error(this.prefix, ...n);
+  }
+}
+j(N, "level", 0), j(N, "prefix", "");
+const M = {
   commandTimeoutMs: 1e4,
+  cursorColor: "var(--cursor-color, #fff)",
+  cursorSpeed: 530,
+  cursorType: "blink",
   includeHelpCommand: !0,
+  initialHeight: "40vh",
+  logLevel: process.env.NODE_ENV === "production" ? we.ERROR : we.DEBUG,
   maxHeight: "80vh",
   minHeight: "200",
-  outputFontSize: "text-xs",
+  outputFontSize: "0.875rem",
   resetStateOnHide: !1,
   showCitadelKey: ".",
-  cursorType: "bbs",
-  cursorColor: "var(--cursor-color, #fff)",
-  cursorSpeed: 530,
   storage: {
     type: "localStorage",
     maxCommands: 100
   }
 };
-class ln {
+class hn {
   constructor(n) {
-    A(this, "config");
+    j(this, "config");
     this.config = {
       type: "localStorage",
       maxCommands: 100,
@@ -706,22 +802,25 @@ class ln {
   /**
    * Add a command to history, enforcing storage limits
    */
-  async addCommand(n) {
-    const t = await this.getCommands();
+  async addStoredCommand(n) {
+    const t = await this.getStoredCommands();
     for (t.push(n); t.length > this.config.maxCommands; )
       t.shift();
     await this.saveCommands(t);
   }
 }
-class ot extends ln {
+class ht extends hn {
   constructor(t) {
     super(t);
-    A(this, "storageKey", "citadel_command_history");
+    j(this, "storageKey", "citadel_command_history");
   }
-  async getCommands() {
+  async getStoredCommands() {
     try {
       const t = window.localStorage.getItem(this.storageKey);
-      return t ? JSON.parse(t) : [];
+      return t ? JSON.parse(t).map((i) => ({
+        commandSegments: i.commandSegments || [],
+        timestamp: i.timestamp
+      })) : [];
     } catch (t) {
       return console.warn("Failed to load commands from localStorage:", t), [];
     }
@@ -735,50 +834,50 @@ class ot extends ln {
   }
   async saveCommands(t) {
     try {
-      const o = t.map((i) => ({
-        inputs: Array.isArray(i.inputs) ? [...i.inputs] : [],
+      const r = t.map((i) => ({
+        commandSegments: Array.isArray(i.commandSegments) ? [...i.commandSegments] : [],
         timestamp: i.timestamp
       }));
-      window.localStorage.setItem(this.storageKey, JSON.stringify(o));
-    } catch (o) {
-      throw console.warn("Failed to save commands to localStorage:", o), o;
+      window.localStorage.setItem(this.storageKey, JSON.stringify(r));
+    } catch (r) {
+      throw console.warn("Failed to save commands to localStorage:", r), r;
     }
   }
 }
-class at extends ln {
+class bt extends hn {
   constructor(t) {
     super(t);
-    A(this, "commands", []);
+    j(this, "storedCommands", []);
   }
-  async getCommands() {
-    return this.commands.map((t) => ({
-      inputs: Array.isArray(t.inputs) ? [...t.inputs] : [],
+  async getStoredCommands() {
+    return this.storedCommands.map((t) => ({
+      commandSegments: Array.isArray(t.commandSegments) ? [...t.commandSegments] : [],
       timestamp: t.timestamp
     }));
   }
   async clear() {
-    this.commands = [];
+    this.storedCommands = [];
   }
   async saveCommands(t) {
-    this.commands = t.map((o) => ({
-      inputs: Array.isArray(o.inputs) ? [...o.inputs] : [],
-      timestamp: o.timestamp
+    this.storedCommands = t.map((r) => ({
+      commandSegments: Array.isArray(r.commandSegments) ? [...r.commandSegments] : [],
+      timestamp: r.timestamp
     }));
   }
 }
-const K = class K {
+const J = class J {
   constructor() {
-    A(this, "currentStorage");
+    j(this, "currentStorage");
   }
   static getInstance() {
-    return K.instance || (K.instance = new K()), K.instance;
+    return J.instance || (J.instance = new J()), J.instance;
   }
   initializeStorage(n) {
     if (!this.currentStorage)
       try {
-        this.currentStorage = new ot(n);
+        this.currentStorage = new ht(n);
       } catch (t) {
-        console.warn("Failed to create storage, falling back to memory storage:", t), this.currentStorage = new at(n);
+        console.warn("Failed to create storage, falling back to memory storage:", t), this.currentStorage = new bt(n);
       }
   }
   getStorage() {
@@ -787,913 +886,497 @@ const K = class K {
     return this.currentStorage;
   }
 };
-A(K, "instance");
-let me = K;
-function cn(r, n = []) {
-  const t = {};
-  for (const [o, i] of Object.entries(r)) {
-    const a = [...n, o], l = a.join("."), d = {
-      description: i.description,
-      handler: i.handler,
-      argument: i.argument
-    };
-    (d.handler || d.argument || d.description) && (t[l] = {
-      description: d.description || `${l} command`,
-      ...d.handler && { handler: d.handler },
-      ...d.argument && { argument: d.argument }
-    });
-    const h = Object.keys(i).filter(
-      (w) => typeof i[w] == "object" && w !== "argument" && !["description", "handler"].includes(w)
-    );
-    if (h.length > 0) {
-      const w = h.reduce((m, p) => (m[p] = i[p], m), {});
-      Object.assign(t, cn(w, a));
-    }
-  }
-  return t;
-}
-const he = Kn({ config: F }), it = ({ config: r = F, commands: n, children: t }) => {
-  const [o, i] = fe.useState(), a = {
-    ...F,
-    ...r,
-    // Ensure nested objects are properly merged
-    storage: {
-      ...F.storage,
-      ...r.storage
-    },
-    // Ensure explicit values from config take precedence
-    cursorType: r.cursorType ?? F.cursorType,
-    cursorColor: r.cursorColor ?? F.cursorColor,
-    cursorSpeed: r.cursorSpeed ?? F.cursorSpeed,
-    showCitadelKey: r.showCitadelKey || "."
-  };
-  $(() => {
-    me.getInstance().initializeStorage(
-      a.storage ?? F.storage
-    ), i(me.getInstance().getStorage());
-  }, []);
-  const l = n ? cn(n) : void 0, d = {
-    config: a,
-    commands: l,
-    storage: o
-  };
-  return /* @__PURE__ */ g.jsx(he.Provider, { value: d, children: t });
-}, G = () => {
-  const r = Re(he);
-  if (r === void 0)
-    throw new Error("useCitadelConfig must be used within a CitadelConfigProvider");
-  return r.config;
-}, st = () => {
-  const r = Re(he);
-  if (r === void 0)
-    throw new Error("useCitadelCommands must be used within a CitadelConfigProvider");
-  return r.commands;
-}, dn = () => {
-  const r = Re(he);
-  if (r === void 0)
-    throw new Error("useCitadelStorage must be used within a CitadelConfigProvider");
-  return r.storage;
-};
-var ae = /* @__PURE__ */ ((r) => (r.Pending = "pending", r.Success = "success", r.Failure = "failure", r.Timeout = "timeout", r))(ae || {});
-class X {
-  constructor(n = Date.now()) {
-    A(this, "_status", "pending");
-    this.timestamp = n;
+j(J, "instance");
+let ye = J;
+const bn = async (o) => new gn("");
+class Ne {
+  constructor(n, t, r) {
+    this.type = n, this.name = t, this.description = r;
   }
-  get status() {
-    return this._status;
+  toString() {
+    return this.name;
   }
-  markSuccess() {
-    this._status = "success";
-  }
-  markFailure() {
-    this._status = "failure";
-  }
-  markTimeout() {
-    this._status = "timeout";
+}
+class wn extends Ne {
+  constructor() {
+    super("null", ">null<", "Empty segment");
   }
 }
-class It extends X {
+class wt extends Ne {
   constructor(n, t) {
-    super(t), this.data = n;
+    super("word", n, t);
   }
-  render() {
-    return /* @__PURE__ */ g.jsx("pre", { className: "text-gray-200", children: JSON.stringify(this.data, null, 2) });
+}
+class yt extends Ne {
+  constructor(n, t, r, i) {
+    super("argument", n, t), this.value = r, this.valid = i;
   }
 }
-class un extends X {
-  constructor(n, t) {
-    super(t), this.text = n;
+class vt {
+  constructor(n, t, r = bn) {
+    j(this, "_segments");
+    j(this, "_description");
+    // Used by `Help` command, etc.
+    j(this, "_handler");
+    this._segments = n, this._description = t, this._handler = r;
   }
-  render() {
-    return /* @__PURE__ */ g.jsx("div", { className: "text-gray-200 whitespace-pre font-mono", children: this.text });
+  get segments() {
+    return this._segments;
   }
-}
-class lt extends X {
-  constructor(n, t) {
-    super(t), this.error = n, this.markFailure();
+  get description() {
+    return this._description;
   }
-  render() {
-    return /* @__PURE__ */ g.jsx("div", { className: "mt-1 text-red-400", children: this.error });
+  get handler() {
+    return this._handler;
   }
-}
-class ct extends X {
-  render() {
-    return /* @__PURE__ */ g.jsx("div", { className: "text-gray-400", children: "..." });
+  get hasArguments() {
+    return this.segments.some((n) => n.type === "argument");
   }
-}
-class At extends X {
-  constructor(n, t = "", o) {
-    super(o), this.imageUrl = n, this.altText = t;
+  get fullPath() {
+    return this.segments.map((n) => n.name);
   }
-  render() {
-    return /* @__PURE__ */ g.jsx("div", { className: "my-2", children: /* @__PURE__ */ g.jsx(
-      "img",
-      {
-        src: this.imageUrl,
-        alt: this.altText,
-        className: "max-w-[400px] max-h-[300px] h-auto rounded-lg object-contain"
-      }
-    ) });
+  get fullPath_s() {
+    return this.fullPath.join(" ");
   }
-}
-class dt {
-  constructor(n, t) {
-    A(this, "timestamp");
-    A(this, "command");
-    A(this, "result");
-    this.command = n, this.timestamp = Date.now(), this.result = t ?? new ct();
+  equals(n) {
+    return this.fullPath.join(" ") === n.fullPath.join(" ");
   }
 }
-const je = async (r) => new un("");
-class Ee {
+class Ie {
+  constructor() {
+    j(this, "_commands", []);
+  }
+  get commands() {
+    return this._commands;
+  }
   /**
-   * Creates a new CommandNode representing a command the user can enter. From a
-   * high level, a command is one or more words followed by an optional
-   * argument, and with an optional handler.
+   * Registers a new command
    * 
-   * @param params Configuration parameters for the node
-   * @param params.fullPath Complete path from root to this node (e.g., ['service', 'deploy'])
-   * @param params.description Human-readable description of the command
-   * @param params.parent Optional parent node in the command hierarchy
-   * @param params.handler Optional async function to execute when command is invoked
-   * @param params.argument Optional argument definition for the command
-   * @throws {Error} If fullPath is empty or undefined
+   * @param newCommandNode The new command to add
+   * @throws {Error} If attempting to add a duplicate leaf command or a subcommand to a leaf
    * 
    */
-  constructor(n) {
-    A(this, "_fullPath");
-    A(this, "_description");
-    A(this, "_children");
-    A(this, "_argument");
-    A(this, "_handler");
-    A(this, "_parent");
-    A(this, "_signature");
-    if (!n.fullPath || n.fullPath.length === 0)
+  addCommand(n, t, r = bn) {
+    if (n === void 0 || n.length === 0)
       throw new Error("Command path cannot be empty");
-    this._fullPath = n.fullPath, this._description = n.description, this._children = /* @__PURE__ */ new Map(), this._argument = n.argument, this._handler = n.handler || je, this._parent = n.parent;
-  }
-  /**
-   * Gets the name of this command (last segment of the path)
-   */
-  get name() {
-    return this._fullPath[this._fullPath.length - 1];
-  }
-  /**
-   * Whether this is a leaf node (has no children)
-   */
-  get isLeaf() {
-    return this._children.size === 0;
-  }
-  /**
-   * Whether this command has a handler
-   */
-  get hasHandler() {
-    return this._handler !== void 0;
+    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
+      ).join(" ");
+      return d === u;
+    });
+    if (s)
+      throw new Error(`Duplicate commands: '${s.fullPath_s}' and '${i.fullPath_s}'`);
+    this._commands.push(i);
   }
   /**
-   * Whether this command requires an argument
+   * Retrieves a command from the registry for the given path.
+   * 
+   * @param path The path of the command.
+   * @returns The command node or undefined if not found.
    */
-  get requiresArgument() {
-    return this._argument !== void 0;
+  getCommand(n) {
+    return this._commands.find((t) => {
+      const r = t.fullPath.join(" "), i = n.join(" ");
+      return r === i;
+    });
   }
-  /**
-   * Gets the parent node if it exists
-   */
-  get parent() {
-    return this._parent;
+  commandExistsForPath(n) {
+    const t = this._commands.map(
+      (i) => i.segments.map(
+        (s) => s.type === "argument" ? "*" : s.name
+      ).join(" ")
+    ), r = n.map((i, s) => this._commands.some(
+      (d) => {
+        var u;
+        return ((u = d.segments[s]) == null ? void 0 : u.type) === "argument";
+      }
+    ) ? "*" : i).join(" ");
+    return t.includes(r);
   }
   /**
-   * Gets the command's signature
+   * Gets possible matches for a given path.
+   * 
+   * @param path The path to get completions for.
+   * @returns An array of completion strings.
    */
-  get signature() {
-    return this._signature;
+  // used by AvailableCommands
+  getCompletions_s(n) {
+    return this.getCompletions(n).map((t) => t.name);
   }
   /**
-   * Sets the signature for this command based on the current command trie state
-   * @param trie The command trie to use for signature generation
+   * Gets an array of segments reachable from a given path
+   * 
+   * @param path The path to get completions for.
+   * @returns An array of completion strings.
    */
-  setSignature(n) {
-    const t = n.buildSignatureForCommand(this);
-    this._signature = t.signature.join("");
+  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))
+      );
+    }
+    const t = n.length;
+    return this._commands.filter((s) => {
+      const p = s.segments;
+      if (p.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)
+          return !1;
+      }
+      return !0;
+    }).filter((s) => s.segments.length > t).map((s) => {
+      const p = s.segments[t], d = p.type === "argument" ? yt : wt;
+      return new d(p.name, p.description);
+    }).filter(
+      (s, p, d) => p === d.findIndex(
+        (u) => u.type === s.type && u.name === s.name
+      )
+    );
   }
-  /**
-   * Gets the map of child commands
-   */
-  get children() {
-    return this._children;
+  hasNextSegment(n) {
+    return this.getCompletions(n).length > 0;
   }
-  /**
-   * Whether this command has any children
-   */
-  get hasChildren() {
-    return this._children.size > 0;
+}
+class yn {
+  constructor() {
+    j(this, "segments", []);
+    j(this, "nullSegment", new wn());
+    j(this, "observers", []);
   }
-  /**
-   * Adds a child command
-   */
-  addChild(n, t) {
-    this._children.set(n, t);
+  subscribe(n) {
+    this.observers.push(n);
   }
-  /**
-   * Gets a child command by name
-   */
-  getChild(n) {
-    return this._children.get(n);
+  unsubscribe(n) {
+    this.observers = this.observers.filter((t) => t !== n);
   }
-  /**
-   * Gets the full path from root to this command
-   */
-  get fullPath() {
-    return this._fullPath;
+  notifyObservers() {
+    this.observers.forEach((n) => n.update());
   }
   /**
-   * Gets the command's description
+   * Clears all segments from the stack
    */
-  get description() {
-    return this._description;
+  clear() {
+    this.segments = [], this.notifyObservers();
   }
   /**
-   * Gets the command's argument definition if it exists
+   * Pushes a new segment onto the stack
    */
-  get argument() {
-    return this._argument;
+  push(n) {
+    this.segments.push(n), this.notifyObservers();
   }
   /**
-   * Sets the command's argument definition
+   * Pushes an array of segments onto the stack
    */
-  set argument(n) {
-    this._argument = n;
+  pushAll(n) {
+    n.forEach((t) => this.push(t));
   }
   /**
-   * Gets the command's handler
+   * Removes and returns the top segment from the stack
+   * Returns NullSegment if stack is empty
    */
-  get handler() {
-    return this._handler;
+  pop() {
+    const n = this.segments.pop() || this.nullSegment;
+    return this.notifyObservers(), n;
   }
   /**
-   * Sets the command's handler
+   * Returns the top segment without removing it
+   * Returns NullSegment if stack is empty
    */
-  set handler(n) {
-    this._handler = n;
+  peek() {
+    return this.segments[this.segments.length - 1] || this.nullSegment;
   }
-}
-class ut {
   /**
-   * Creates a new CommandTrie instance.
+   * Returns the number of segments in the stack
    */
-  constructor() {
-    A(this, "_root");
-    this._root = new Ee({
-      fullPath: ["ROOT"],
-      description: "Root command node"
-    });
+  size() {
+    return this.segments.length;
   }
   /**
-   * Adds a new command to the trie.
-   * 
-   * @param params Parameters for the command.
-   * @param params.path The path segments for the command (e.g., ['service', 'deploy'])
-   * @param params.description Description of what the command does
-   * @param params.handler Optional function to execute when command is invoked
-   * @param params.argument Optional argument definition for the command
-   * @throws {Error} If attempting to add a duplicate leaf command or a subcommand to a leaf
-   * 
+   * Returns true if the stack has no segments
    */
-  addCommand(n) {
-    const { path: t, description: o, handler: i, argument: a } = n;
-    if (!(t != null && t.length))
-      throw new Error("Command path cannot be empty");
-    let l = this._root;
-    const d = t.length - 1;
-    for (let h = 0; h < t.length; h++) {
-      const w = t[h], m = h === d, p = t.slice(0, h + 1), u = l.children;
-      if (u.has(w)) {
-        const y = u.get(w);
-        if (m && y.isLeaf)
-          throw new Error(`Duplicate command: ${t.join(" ")}`);
-        if (!m && y.isLeaf)
-          throw new Error(`Cannot add subcommand to leaf command: ${t.slice(0, h + 1).join(" ")}`);
-        l = y;
-      } else {
-        const y = new Ee({
-          description: m ? o : `${w} commands`,
-          fullPath: p,
-          parent: l,
-          handler: m ? i : void 0,
-          argument: m ? a : void 0
-        });
-        l.addChild(w, y), l = y, this.setSignatures();
-      }
-    }
+  isEmpty() {
+    return this.segments.length === 0;
   }
   /**
-   * Retrieves a command from the trie.
-   * 
-   * @param path The path of the command.
-   * @returns The command node or undefined if not found.
+   * Returns true if any segment in the stack is an argument
    */
-  getCommand(n) {
-    let t = this._root;
-    for (const o of n) {
-      const a = t.children.get(o);
-      if (!a)
-        return;
-      t = a;
-    }
-    return t;
+  get hasArguments() {
+    return this.segments.some((n) => n.type === "argument");
   }
   /**
-   * Gets command completions for a given path.
-   * 
-   * @param path The path to get completions for.
-   * @returns An array of completion strings.
+   * Returns all argument segments in the stack
    */
-  getCompletions(n) {
-    let t = this._root;
-    for (const l of n.slice(0, -1)) {
-      const h = t.children.get(l);
-      if (!h)
-        return [];
-      t = h;
-    }
-    const o = n[n.length - 1] || "", i = [], a = t.children;
-    if (n.length > 0) {
-      const l = a.get(o);
-      if (l)
-        return l.children.forEach((d, h) => {
-          i.push(h);
-        }), i;
-    }
-    return a.forEach((l, d) => {
-      d.startsWith(o) && i.push(d);
-    }), i;
-  }
-  /**
-   * Executes a command with the given path and arguments.
-   * @param path The command path
-   * @param args Arguments to pass to the command handler
-   * @returns The command result or undefined if command not found
-   * @throws Error if command validation fails
-   */
-  async executeCommand(n, t = []) {
-    var a;
-    const o = this.getCommand(n);
-    if (!o)
-      return;
-    if (!o.hasHandler)
-      throw new Error(`Command '${n.join(" ")}' is not executable`);
-    if (o.requiresArgument && t.length === 0)
-      throw new Error(`Command '${n.join(" ")}' requires argument: ${(a = o.argument) == null ? void 0 : a.name}`);
-    const i = o.handler;
-    if (!i)
-      throw new Error(`Command '${n.join(" ")}' has no handler`);
-    return await i(t);
-  }
-  /**
-   * Gets the root commands in the trie.
-   * 
-   * @returns An array of root command nodes.
-   */
-  getRootCommands() {
-    return Array.from(this._root.children.values());
+  get arguments() {
+    return this.segments.filter(
+      (n) => n.type === "argument"
+    );
   }
   /**
-   * Gets the leaf commands in the trie.
-   * 
-   * @returns An array of leaf command nodes.
+   * Returns the command path as an array of segment names
    */
-  getLeafCommands() {
-    const n = [], t = (o) => {
-      o.isLeaf ? n.push(o) : o.children.forEach((i) => {
-        t(i);
-      });
-    };
-    return this._root.children.forEach((o) => {
-      t(o);
-    }), n;
+  path() {
+    return this.segments.map((n) => n.name);
   }
   /**
-   * Retrieves a command using its unique signature.
-   * A signature is the minimal sequence of prefixes that uniquely identifies a command.
-   * 
-   * @param signature Array of minimal prefixes that uniquely identify the command
-   * @returns The matching command node or undefined if not found
-   * 
-   * @example
-   * // Will match 'image random cat' command
-   * getCommandBySignature(['i', 'r', 'c'])
-   * // Will match 'user show' command (not ambiguous with 'user status')
-   * getCommandBySignature(['u', 'sh'])
+   * Returns a copy of the internal segments array
    */
-  getCommandBySignature(n) {
-    if (!n.signature.length) return;
-    let t = this._root;
-    for (const o of n.signature) {
-      if (!o) return;
-      const i = Array.from(t.children.entries()).filter(([a]) => a.toLowerCase().startsWith(o.toLowerCase()));
-      if (i.length === 0)
-        return;
-      if (i.length > 1) {
-        const a = i.find(
-          ([l]) => l.toLowerCase() === o.toLowerCase()
-        );
-        if (!a)
-          return;
-        t = a[1];
-      } else
-        t = i[0][1];
+  toArray() {
+    return [...this.segments];
+  }
+}
+const xt = {
+  config: M,
+  commands: new Ie(),
+  segmentStack: new yn()
+}, le = et(xt), Ct = ({ config: o = M, commands: n, children: t }) => {
+  const [r, i] = Z.useState(), s = {
+    ...M,
+    ...o,
+    // Ensure nested objects are properly merged
+    storage: {
+      ...M.storage,
+      ...o.storage
+    },
+    // Ensure explicit values from config take precedence
+    cursorType: o.cursorType ?? M.cursorType,
+    cursorColor: o.cursorColor ?? M.cursorColor,
+    cursorSpeed: o.cursorSpeed ?? M.cursorSpeed,
+    showCitadelKey: o.showCitadelKey || "."
+  };
+  I(() => {
+    ye.getInstance().initializeStorage(
+      s.storage ?? M.storage
+    ), i(ye.getInstance().getStorage());
+  }, []), I(() => {
+    if (n && s.includeHelpCommand && !n.commandExistsForPath(["help"])) {
+      const d = gt(n);
+      n.addCommand(
+        [{ type: "word", name: "help" }],
+        "Show available commands",
+        d
+      );
     }
-    return t === this._root ? void 0 : t;
-  }
-  /**
-   * Generates a minimal unique signature for a command node.
-   * The signature consists of the shortest prefixes that uniquely identify each segment
-   * in the path from root to this node.
-   * 
-   * @param command The command node to generate a signature for
-   * @returns Array of minimal prefixes that uniquely identify the command
-   * 
-   * @example
-   * // For commands: ['image', 'random', 'cat'] and ['image', 'random', 'dog']
-   * buildSignatureForCommand(catCommand) // returns ['i', 'r', 'c']
-   * // For commands: ['user', 'show'] and ['user', 'status']
-   * buildSignatureForCommand(showCommand) // returns ['u', 'sh']
-   */
-  buildSignatureForCommand(n) {
-    if (!n || n === this._root)
-      return { signature: [] };
-    const t = [];
-    let o = n;
-    const i = [];
-    for (; o && o !== this._root; )
-      i.unshift(o), o = o.parent;
-    o = this._root;
-    for (const a of i) {
-      const l = a.name, d = Array.from(o.children.keys());
-      let h = 1, w = !1;
-      for (; h <= l.length; ) {
-        const m = l.slice(0, h), p = m.toLowerCase(), u = d.filter(
-          (y) => y.toLowerCase().startsWith(p)
-        );
-        if (u.length === 1 && u[0].toLowerCase() === l.toLowerCase()) {
-          t.push(m), w = !0;
-          break;
-        }
-        h++;
+  }, [n, s.includeHelpCommand]);
+  const p = {
+    config: s,
+    commands: n || new Ie(),
+    storage: r,
+    segmentStack: new yn()
+  };
+  return /* @__PURE__ */ m.jsx(le.Provider, { value: p, children: t });
+}, ce = () => {
+  const o = ve(le);
+  if (o === void 0)
+    throw new Error("useCitadelConfig must be used within a CitadelConfigProvider");
+  return o.config;
+}, xe = () => {
+  const o = ve(le);
+  if (o === void 0)
+    throw new Error("useCitadelCommands must be used within a CitadelConfigProvider");
+  return o.commands;
+}, vn = () => {
+  const o = ve(le);
+  if (o === void 0)
+    throw new Error("useCitadelStorage must be used within a CitadelConfigProvider");
+  return o.storage;
+}, ue = () => {
+  const o = ve(le);
+  if (o === void 0)
+    throw new Error("useSegmentStack must be used within a CitadelConfigProvider");
+  return o.segmentStack;
+};
+class St {
+  constructor(n, t) {
+    j(this, "timestamp");
+    j(this, "command");
+    j(this, "result");
+    this.command = n.toArray().map((r) => r.type === "argument" ? r.value || "" : r.name), this.timestamp = Date.now(), this.result = t ?? new ft();
+  }
+}
+const de = () => {
+  const o = ue(), [n, t] = Y(0);
+  return I(() => {
+    const r = {
+      update: () => {
+        t((i) => i + 1);
       }
-      w || t.push(l), o = a;
-    }
-    return { signature: t };
-  }
-  /**
-   * Validates the command trie structure for common errors.
-   * 
-   * Performs the following validations:
-   * 1. Checks for duplicate command paths
-   * 2. Ensures non-leaf nodes (nodes with children) use NoopHandler
-   * 3. Ensures non-leaf nodes don't have arguments
-   * 4. Verifies all nodes have a handler (either custom or NoopHandler)
-   * 5. Validates command path uniqueness
-   * 
-   * @returns An object containing:
-   *  - isValid: boolean indicating if the trie is valid
-   *  - errors: array of error messages describing any validation failures
-   * 
-   * @example
-   * ```typescript
-   * const result = commandTrie.validate();
-   * if (!result.isValid) {
-   *   console.error('Command trie validation failed:');
-   *   result.errors.forEach(error => console.error(error));
-   * }
-   * ```
-   */
-  /**
-   * Updates signatures for all nodes in the trie
-   */
-  setSignatures() {
-    const n = (t) => {
-      t !== this._root && t.setSignature(this), t.children.forEach((o) => n(o));
-    };
-    n(this._root);
-  }
-  validate() {
-    const n = [], t = /* @__PURE__ */ new Set(), o = (i) => {
-      if (i === this._root)
-        return;
-      const a = i.fullPath.join(" ");
-      t.has(a) && n.push(`Duplicate command path: ${a}`), t.add(a), i.handler || n.push(`Command missing handler: ${a}`);
-      const l = i.children;
-      l.size > 0 && (i.handler !== je && n.push(`Non-leaf command should use NoopHandler: ${a}`), i.argument && n.push(`Non-leaf command cannot have argument: ${a}`), l.forEach((d) => {
-        o(d);
-      }));
     };
-    return this._root.children.forEach((i) => {
-      o(i);
-    }), {
-      isValid: n.length === 0,
-      errors: n
+    return o.subscribe(r), () => {
+      o.unsubscribe(r);
     };
-  }
-}
-const mt = (r, n) => {
-  const t = async function(o) {
-    const i = r.getLeafCommands().filter((a) => a.name !== "help").map((a) => {
-      var d;
-      return `${a.fullPath.join(" ") + (a.requiresArgument ? ` <${(d = a.argument) == null ? void 0 : d.name}>` : "")} - ${a.description}`;
-    }).sort();
-    return n.includeHelpCommand && i.push("help - Show available commands"), new un(
-      i.length > 0 ? `Available Commands:
-` + i.join(`
-`) : "No commands available yet. Add some commands to get started!"
-    );
-  };
-  return ["help", new Ee({
-    fullPath: ["help"],
-    description: "Show available commands",
-    handler: t
-  })];
-}, mn = () => {
-  const r = G(), n = st();
-  return ie(() => {
-    const o = new ut();
-    if (r.includeHelpCommand) {
-      const [i, a] = mt(o, r);
-      o.addCommand({
-        path: [i],
-        description: a.description,
-        handler: a.handler,
-        argument: a.argument
-      });
-    }
-    return n && Object.entries(n).forEach(([i, a]) => {
-      o.addCommand({
-        path: i.split("."),
-        ...a
-      });
-    }), o;
-  }, [r.includeHelpCommand, n]);
+  }, [o]), n;
 };
-function ft() {
-  const r = dn(), [n, t] = Y({
-    commands: [],
-    position: null,
-    savedInput: null
-  });
-  $(() => {
-    if (!r) return;
-    (async () => {
+function _t(o) {
+  return {
+    commandSegments: o,
+    timestamp: Date.now()
+  };
+}
+function xn() {
+  const o = vn(), [n, t] = Y({
+    storedCommands: [],
+    position: null
+  }), r = A(async (d) => {
+    if (o)
       try {
-        const m = await r.getCommands();
-        t((p) => ({
-          ...p,
-          commands: m
+        const u = _t(d);
+        await o.addStoredCommand(u), t((f) => ({
+          ...f,
+          storedCommands: [...f.storedCommands, u],
+          position: null
         }));
-      } catch (m) {
-        console.warn("Failed to load command history:", m);
+      } catch (u) {
+        console.warn("Failed to save command to history:", u);
       }
-    })();
-  }, [r]);
-  const o = j(async (w) => {
-    if (r)
+  }, [o]), i = A(async () => o ? await o.getStoredCommands() : [], [o]);
+  I(() => {
+    if (!o) return;
+    (async () => {
       try {
-        await r.addCommand(w), t((m) => ({
-          ...m,
-          commands: [...m.commands, w],
-          position: null,
-          savedInput: null
-        }));
-      } catch (m) {
-        console.warn("Failed to save command to history:", m);
+        const u = await o.getStoredCommands();
+        return t((f) => ({
+          ...f,
+          storedCommands: u
+        })), u;
+      } catch (u) {
+        console.warn("Failed to load command history:", u);
       }
-  }, [r]), i = j(() => n.commands, [n.commands]), a = j((w, m) => {
-    if (n.commands.length === 0)
-      return { command: null, position: null };
-    n.position === null && w === "up" && t((u) => ({
-      ...u,
-      savedInput: m
-    }));
-    let p = null;
-    if (w === "up" ? n.position === null ? p = n.commands.length - 1 : n.position > 0 ? p = n.position - 1 : p = 0 : n.position === null || n.position >= n.commands.length - 1 ? p = null : p = n.position + 1, t((u) => ({
-      ...u,
-      position: p
-    })), p === null && n.savedInput) {
-      const u = {
-        inputs: n.savedInput.split(" ").filter(Boolean),
-        timestamp: Date.now()
-      };
-      return t((y) => ({
-        ...y,
-        savedInput: null
-      })), { command: u, position: null };
-    }
-    return {
-      command: p !== null ? n.commands[p] : null,
-      position: p
+    })();
+  }, [o]);
+  const s = A(async (d) => {
+    if ((await i()).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 ? {
+      segments: [],
+      position: null
+    } : {
+      segments: f !== null ? n.storedCommands[f].commandSegments : null,
+      position: f
     };
-  }, [n]), l = j((w) => {
-    t((m) => ({
-      ...m,
-      savedInput: w
-    }));
-  }, []), d = j(async () => {
+  }, [n, de]), p = A(async () => {
     try {
-      if (!r) return;
-      await r.clear(), t({
-        commands: [],
-        position: null,
-        savedInput: null
+      if (!o) return;
+      await o.clear(), t({
+        storedCommands: [],
+        position: null
       });
-    } catch (w) {
-      console.warn("Failed to clear command history:", w);
-    }
-  }, [r]);
-  return [n, {
-    addCommand: o,
-    getCommands: i,
-    navigateHistory: a,
-    saveInput: l,
-    clear: d
-  }];
-}
-function fn({ commandTrie: r } = {}) {
-  const [n, t] = Y("idle"), o = mn(), i = r || o, a = j((b, C) => b ? C.filter((f) => f.name.toLowerCase().startsWith(b.toLowerCase())) : C, []), l = j((b, C) => {
-    const f = a(b, C);
-    return f.length === 1 ? f[0].name : null;
-  }, [a]), d = j((b) => b != null && b.hasChildren ? Array.from(b.children.values()) : i.getRootCommands(), [i]), h = j((b, C) => a(b, C).length > 0, [a]), w = j((b, C, f) => {
-    i.getCommand(b) && (C.executeCommand(b, f || void 0), C.setCurrentInput(""), C.setIsEnteringArg(!1), t("idle"));
-  }, [i]), m = j((b, C, f) => {
-    if (f.setCurrentInput(b), !C.isEnteringArg) {
-      const _ = d(C.currentNode), S = l(b, _);
-      if (S && S !== b) {
-        const I = [...C.commandStack, S], T = i.getCommand(I);
-        T && (f.setCommandStack(I), f.setCurrentInput(""), f.setCurrentNode(T), !T.hasChildren && T.argument ? (f.setIsEnteringArg(!0), t("entering_argument")) : (f.setIsEnteringArg(!1), t("idle")));
-      }
+    } catch (d) {
+      console.warn("Failed to clear command history:", d);
     }
-  }, [d, l, i]), p = j((b, C, f) => {
-    const { commandStack: _, currentInput: S, isEnteringArg: I, currentNode: T } = C;
-    switch (b.key) {
-      case "Tab":
-        if (b.preventDefault(), !I && S) {
-          const D = d(T), U = l(S, D);
-          U && f.setCurrentInput(U);
-        }
-        return;
-      case "Backspace":
-        if (S === "" && (b.preventDefault(), _.length > 0)) {
-          const D = _.slice(0, -1), U = D.length > 0 ? i.getCommand(D) : void 0;
-          f.setCommandStack(D), f.setCurrentNode(U), f.setIsEnteringArg(!1), t("entering_command");
-        }
-        return;
-      case "Enter":
-        if (b.preventDefault(), I && (T != null && T.handler))
-          S.trim() && w(_, f, [S.trim()]);
-        else if (!I && S) {
-          const D = d(T), U = a(S, D);
-          if (U.length === 1) {
-            const Z = U[0], Q = [..._, Z.name];
-            Z.argument ? (f.setCommandStack(Q), f.setCurrentNode(Z), f.setCurrentInput(""), f.setIsEnteringArg(!0), t("entering_argument")) : w(Q, f, void 0);
-          }
-        } else T && !T.argument && w(_, f, void 0);
-        return;
-    }
-    if (!I && !(T != null && T.argument)) {
-      const D = d(T);
-      if (!h(S + b.key, D)) {
-        b.preventDefault();
-        return;
-      }
-    }
-  }, [
-    d,
-    l,
-    a,
-    w,
-    i,
-    h
-  ]), u = j(async (b, C, f) => {
-    y(f);
-    let _ = [], S;
-    for (const I of b.inputs) {
-      const T = {
-        ...C,
-        commandStack: _,
-        currentNode: S
-      };
-      if (S != null && S.argument)
-        f.setIsEnteringArg(!0), f.setCurrentInput(I);
-      else {
-        const D = v(I, T);
-        D && (_ = [..._, D], f.setCommandStack(_), S = i.getCommand(_), f.setCurrentNode(S));
-      }
-    }
-  }, [m]), y = j((b) => {
-    b.setCurrentInput(""), b.setCommandStack([]), b.setCurrentNode(void 0), b.setIsEnteringArg(!1);
-  }, []), v = (b, C) => {
-    const f = d(C.currentNode);
-    return l(b, f) || "";
-  };
+  }, [o]);
   return {
-    handleInputChange: m,
-    handleKeyDown: p,
-    executeCommand: w,
-    inputState: n,
-    replayCommand: u,
-    // Expose internal functions for testing
-    findMatchingCommands: a,
-    getAutocompleteSuggestion: l,
-    getAvailableNodes: d,
-    isValidCommandInput: h
+    history: n,
+    addStoredCommand: r,
+    getStoredCommands: i,
+    navigateHistory: s,
+    clear: p
   };
 }
-const ht = () => {
-  const r = mn(), n = G(), [t, o] = ft(), { replayCommand: i } = fn(), [a, l] = Y({
-    commandStack: [],
+const Cn = () => {
+  const o = ce(), n = xe(), t = xn(), r = ue(), i = de(), s = vn(), [p, d] = Y({
     currentInput: "",
     isEnteringArg: !1,
-    currentNode: void 0,
     output: [],
-    validation: { isValid: !0 },
-    history: t
-  }), d = dn();
-  $(() => {
-  }, [d]), $(() => {
-    l((u) => ({
-      ...u,
-      history: t
-    }));
-  }, [t]);
-  const h = j(async (u, y) => {
-    const v = r.getCommand(u);
-    if (!v || !v.isLeaf) return;
-    const b = new dt([...u, ...y || []]);
-    l((C) => ({
-      ...C,
-      output: [...C.output, b]
-    })), l((C) => ({
-      ...C,
-      commandStack: [],
-      currentInput: "",
-      isEnteringArg: !1,
-      currentNode: void 0,
-      validation: { isValid: !0 }
-    }));
-    try {
-      const C = new Promise((S, I) => {
-        setTimeout(() => {
-          I(new Error("Request timed out"));
-        }, n.commandTimeoutMs);
-      }), f = await Promise.race([
-        v.handler(y || []),
-        C
-      ]);
-      if (!(f instanceof X))
-        throw new Error(
-          `The ${v.fullPath.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 ${v.fullPath.join(".")} command and update the return type.`
-        );
-      f.markSuccess();
-      const _ = {
-        inputs: [...v.fullPath, ...y || []],
-        timestamp: Date.now()
-      };
-      try {
-        await o.addCommand(_), l((S) => ({
-          ...S,
-          output: S.output.map(
-            (I) => I.timestamp === b.timestamp ? { ...I, result: f } : I
-          )
-        }));
-      } catch (S) {
-        console.warn("Failed to save command to history:", S), l((I) => ({
-          ...I,
-          output: I.output.map(
-            (T) => T.timestamp === b.timestamp ? { ...T, result: f } : T
-          )
-        }));
-      }
-    } catch (C) {
-      const f = new lt(
-        C instanceof Error ? C.message : "Unknown error"
-      );
-      f.markSuccess(), l((_) => ({
-        ..._,
-        output: _.output.map(
-          (S) => S.timestamp === b.timestamp ? { ...S, result: f } : S
-        )
-      }));
-    }
-  }, [r, n.commandTimeoutMs, o, a]), w = j((u) => {
-    const { key: y } = u;
-    switch (y) {
-      case "ArrowUp":
-        u.preventDefault();
-        const { command: v } = o.navigateHistory("up", a.currentInput);
-        v && i(v, a, m);
-        break;
-      case "ArrowDown":
-        u.preventDefault();
-        const { command: b } = o.navigateHistory("down", a.currentInput);
-        b && i(b, a, m);
-        break;
-      case "Enter":
-        if (u.preventDefault(), a.history.position !== null) {
-          const C = a.history.commands[a.history.position];
-          h([...C.inputs]), l((f) => ({
-            ...f,
-            history: {
-              ...f.history,
-              position: null,
-              savedInput: null
-            }
-          }));
-        }
-        break;
-      case "Escape":
-        if (u.preventDefault(), a.history.position !== null) {
-          const C = a.history.savedInput || "";
-          l((f) => ({
-            ...f,
-            currentInput: C,
-            history: {
-              ...f.history,
-              position: null,
-              savedInput: null
-            }
-          }));
-        }
-        break;
+    history: {
+      commands: [],
+      position: null,
+      storage: s
     }
-  }, [a.currentInput, a.history, o, h]);
-  $(() => (window.addEventListener("keydown", w), () => window.removeEventListener("keydown", w)), [w]);
-  const m = {
-    setCommandStack: j((u) => {
-      l((y) => ({
-        ...y,
-        commandStack: u,
-        currentNode: r.getCommand(u)
-      }));
-    }, [r]),
-    setCurrentInput: j((u) => {
-      l((y) => ({ ...y, currentInput: u }));
-    }, []),
-    setIsEnteringArg: j((u) => {
-      l((y) => ({ ...y, isEnteringArg: u }));
+  });
+  I(() => {
+  }, [s]), I(() => {
+    d((g) => ({
+      ...g,
+      history: {
+        commands: t.history.storedCommands,
+        position: t.history.position,
+        storage: s
+      }
+    }));
+  }, [t.history, s]);
+  const u = {
+    setCurrentInput: A((g) => {
+      N.debug("[CitadelActions] setCurrentInput: ", g), d((v) => ({ ...v, currentInput: g }));
     }, []),
-    setCurrentNode: j((u) => {
-      l((y) => ({ ...y, currentNode: u }));
+    setIsEnteringArg: A((g) => {
+      N.debug("[CitadelActions] setIsEnteringArg: ", g), d((v) => ({ ...v, isEnteringArg: g }));
     }, []),
-    addOutput: j((u) => {
-      l((y) => ({
-        ...y,
-        output: [...y.output, u]
+    addOutput: A((g) => {
+      N.debug("[CitadelActions]addOutput: ", g), d((v) => ({
+        ...v,
+        output: [...v.output, g]
       }));
     }, []),
-    setValidation: j((u) => {
-      l((y) => ({ ...y, validation: u }));
-    }, []),
-    executeCommand: h,
-    executeHistoryCommand: j(async (u) => {
-      const v = a.history.commands[u];
+    executeCommand: A(async () => {
+      const g = r.path(), v = n.getCommand(g);
       if (!v) {
-        console.warn(`No command found at history index ${u}`);
+        console.error("[CitadelActions][executeCommand] Cannot execute command because no command was found for the given path: ", g);
         return;
       }
-      await i(v, a, m);
-    }, [a.history.commands, h]),
-    clearHistory: j(async () => {
+      const O = new St(r);
+      d((k) => ({
+        ...k,
+        output: [...k.output, O]
+      }));
       try {
-        await o.clear();
-      } catch (u) {
-        console.warn("Failed to clear history:", u);
+        const k = new Promise((c, h) => {
+          setTimeout(() => {
+            h(new Error("Request timed out"));
+          }, o.commandTimeoutMs);
+        }), D = r.arguments.map((c) => c.value || ""), U = await Promise.race([
+          v.handler(D),
+          k
+        ]);
+        if (!(U instanceof ee))
+          throw new Error(
+            `The ${g.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.`
+          );
+        U.markSuccess(), d((c) => ({
+          ...c,
+          output: c.output.map(
+            (h) => h.timestamp === O.timestamp ? { ...h, result: U } : h
+          )
+        }));
+      } catch (k) {
+        const D = new pt(
+          k instanceof Error ? k.message : "Unknown error"
+        );
+        D.markFailure(), d((U) => ({
+          ...U,
+          output: U.output.map(
+            (c) => c.timestamp === O.timestamp ? { ...c, result: D } : c
+          )
+        }));
       }
-    }, [o])
-  }, p = j(() => a.currentNode && a.currentNode.children ? Array.from(a.currentNode.children.values()) : r.getRootCommands(), [a.currentNode, r]);
-  return { state: a, actions: m, getAvailableCommands: p };
-}, pt = {
+    }, [n, o.commandTimeoutMs, i]),
+    clearHistory: A(async () => {
+      try {
+        await t.clear();
+      } catch (g) {
+        console.warn("Failed to clear history:", g);
+      }
+    }, [t])
+  }, f = A(() => n.getCompletions_s(r.path()), [r, n]), w = A(() => n.getCompletions(r.path()), [r, n]);
+  return {
+    state: p,
+    actions: u,
+    getAvailableCommands_s: f,
+    getAvailableCommandSegments: w
+  };
+}, Et = {
   blink: {
     character: "▋",
     speed: 530,
@@ -1714,160 +1397,336 @@ Check the definition of the ${v.fullPath.join(".")} command and update the retur
     speed: 120,
     color: "#fff"
   }
-}, tn = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], rn = ["|", "/", "-", "\\"], gt = ({
-  style: r = { type: "blink" },
+}, cn = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], un = ["|", "/", "-", "\\"], kt = ({
+  style: o = { type: "blink" },
   isValid: n = !0,
   errorMessage: t
 }) => {
-  const o = ie(() => ({
-    ...pt[r.type],
-    ...r
-  }), [r]), [i, a] = Y(!0), [l, d] = Y(0);
-  $(() => {
-    if (o.speed === 0) return;
-    const m = setInterval(() => {
-      o.type === "blink" ? a((p) => !p) : ["spin", "bbs"].includes(o.type) && d((p) => (p + 1) % (o.type === "bbs" ? rn.length : tn.length));
-    }, o.speed);
-    return () => clearInterval(m);
-  }, [o.type, o.speed]);
-  const h = ie(() => ({
-    color: n ? o.color : "#ff4444",
+  const r = be(() => ({
+    ...Et[o.type],
+    ...o
+  }), [o]), [i, s] = Y(!0), [p, d] = Y(0);
+  I(() => {
+    if (r.speed === 0) return;
+    const w = setInterval(() => {
+      r.type === "blink" ? s((g) => !g) : ["spin", "bbs"].includes(r.type) && d((g) => (g + 1) % (r.type === "bbs" ? un.length : cn.length));
+    }, r.speed);
+    return () => clearInterval(w);
+  }, [r.type, r.speed]);
+  const u = be(() => ({
+    color: n ? r.color : "#ff4444",
     transition: "color 0.15s ease-in-out"
-  }), [n, o.color]), w = () => !n && t ? "✗" : ["spin", "bbs"].includes(o.type) ? (o.type === "bbs" ? rn : tn)[l] : o.type === "solid" || i ? o.character : " ";
-  return /* @__PURE__ */ g.jsx("div", { className: "relative inline-block", children: /* @__PURE__ */ g.jsx(
+  }), [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(
     "span",
     {
       className: `command-cursor ${n ? "" : "animate-shake"}`,
-      style: h,
+      style: u,
       title: t,
-      children: w()
+      children: f()
     }
   ) });
-}, wt = "_invalidInput_e9b9w_12", bt = "_shake_e9b9w_1", vt = "_flashBorder_e9b9w_1", yt = {
-  invalidInput: wt,
-  shake: bt,
-  flashBorder: vt
-}, xt = ({
-  state: r,
-  actions: n,
-  availableCommands: t
-}) => {
-  var u, y;
-  const o = J(null), { handleKeyDown: i, handleInputChange: a } = fn(), [l, d] = Y(!1), h = G(), w = (v) => {
-    var C, f;
-    const b = v.key === "Backspace" || v.key === "Escape" || v.key === "Tab" || v.key === "Shift" || v.key === "Control" || v.key === "Alt" || v.key === "Meta" || v.key === "ArrowLeft" || v.key === "ArrowRight" || v.key === "ArrowUp" || v.key === "ArrowDown" || v.key === "Enter";
-    if (!b && !r.isEnteringArg && !((C = r.currentNode) != null && C.hasChildren) && r.currentNode && !r.currentNode.requiresArgument && !r.currentNode.handler) {
-      v.preventDefault();
-      return;
+};
+function Rt(o, n) {
+  switch (n.type) {
+    case "set":
+      return N.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;
+    }, /* @__PURE__ */ new Map());
+    return Array.from(E.values()).filter((R) => {
+      const V = u();
+      return V.type !== "word" ? !1 : V.name.toLowerCase().startsWith(c.toLowerCase());
+    });
+  }, []), g = A((c) => {
+    const E = n.getCompletions(r.path()).filter((x) => x.type === "word").filter(
+      (x) => x.name.toLowerCase().startsWith(c.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())
+    );
+  }, [n]), O = A((c) => {
+    N.debug("[tryAutoComplete] input: ", c);
+    const h = g(c);
+    return !h || h.name === c ? new wn() : (N.debug("[tryAutoComplete] result: ", h), h);
+  }, [f, g, r, n, u]), k = A((c, h) => {
+    if (o.history.position === null) {
+      if (h.setCurrentInput(c), N.debug("[useCommandParser][handleInputChange] newValue: ", c), s === "entering_argument") {
+        const E = dn(c);
+        if (E.isQuoted)
+          if (E.isComplete) {
+            const x = u();
+            if (x.type === "argument") {
+              const R = x;
+              R.value = c.trim() || "", N.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", R), r.push(R), h.setCurrentInput(""), d("idle");
+              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");
+          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");
+          return;
+        }
+      }
     }
-    if (!b && !r.isEnteringArg && !((f = r.currentNode) != null && f.requiresArgument)) {
-      const _ = r.currentNode ? Array.from(r.currentNode.children.values()) : t, S = (r.currentInput + v.key).toLowerCase();
-      if (!_.some(
-        (T) => T.name.toLowerCase().startsWith(S)
-      )) {
-        d(!0), setTimeout(() => d(!1), 300), v.preventDefault();
+  }, [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;
+      }
+      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);
+        }
+        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;
+      }
+      default:
+        if (!V && c.key.length === 1) {
+          const H = R + c.key;
+          if (!v(H)) {
+            c.preventDefault();
+            return;
+          }
+        }
     }
-    i(v.nativeEvent, r, n);
-  }, m = (v) => {
-    a(v.target.value, r, n);
-  }, p = (v) => {
-    v.preventDefault();
-    const b = v.clipboardData.getData("text");
-    a(b, r, n);
+  }, [
+    n,
+    w,
+    f,
+    g,
+    s,
+    v,
+    i
+  ]), U = A((c) => {
+    c.setCurrentInput(""), c.setIsEnteringArg(!1), r.clear(), d("idle");
+  }, []);
+  return {
+    handleInputChange: k,
+    handleKeyDown: D,
+    inputState: s,
+    setInputStateWithLogging: d,
+    // Expose internal functions for testing
+    findMatchingCommands: w,
+    getAutocompleteSuggestion: g,
+    getAvailableNodes: f,
+    getNextExpectedSegment: u,
+    isValidCommandInput: v
   };
-  return $(() => {
-    o.current && o.current.focus();
-  }, []), $(() => {
-    o.current && o.current.focus();
-  }, [r.commandStack]), /* @__PURE__ */ g.jsxs("div", { className: "flex flex-col w-full bg-gray-900 rounded-lg p-4", children: [
-    /* @__PURE__ */ g.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ g.jsx("div", { className: "text-gray-400 font-mono", children: ">" }),
-      /* @__PURE__ */ g.jsxs("div", { className: "flex-1 font-mono flex items-center", children: [
-        /* @__PURE__ */ g.jsxs("span", { className: "text-blue-400 whitespace-pre", "data-testid": "user-input-area", children: [
-          r.commandStack.join(" "),
-          r.commandStack.length > 0 && " "
-        ] }),
-        /* @__PURE__ */ g.jsxs("div", { className: "relative flex-1", children: [
-          /* @__PURE__ */ g.jsx(
-            "input",
-            {
-              ref: o,
-              type: "text",
-              role: "textbox",
-              value: r.currentInput,
-              onChange: m,
-              onKeyDown: w,
-              onPaste: p,
-              "data-testid": "citadel-command-input",
-              className: `w-full bg-transparent outline-none text-gray-200 caret-transparent ${l ? yt.invalidInput : ""}`,
-              spellCheck: !1,
-              autoComplete: "off",
-              placeholder: r.isEnteringArg ? (y = (u = r.currentNode) == null ? void 0 : u.argument) == null ? void 0 : y.name : ""
-            }
-          ),
-          /* @__PURE__ */ g.jsx(
-            "div",
-            {
-              className: "absolute top-0 pointer-events-none",
-              style: {
-                left: `${r.currentInput.length}ch`,
-                transition: "left 0.05s ease-out"
-              },
-              children: /* @__PURE__ */ g.jsx(
-                gt,
-                {
-                  style: {
-                    type: h.cursorType ?? F.cursorType,
-                    color: h.cursorColor || F.cursorColor,
-                    speed: h.cursorSpeed || F.cursorSpeed
-                  },
-                  isValid: !l && r.validation.isValid,
-                  errorMessage: r.validation.message
+};
+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;
+  }
+  return {
+    words: n,
+    currentWord: t,
+    isQuoted: r,
+    quoteChar: i,
+    isComplete: !r && !t
+  };
+}
+const At = "_invalidInput_e9b9w_12", Pt = "_shake_e9b9w_1", Tt = "_flashBorder_e9b9w_1", Ot = {
+  invalidInput: At,
+  shake: Pt,
+  flashBorder: Tt
+}, Nt = ({
+  state: o,
+  actions: n
+}) => {
+  const 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);
+  };
+  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) {
+      case "word":
+        R = "entering_command", n.setIsEnteringArg(!1);
+        break;
+      case "argument":
+        R = "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: " " })
+        ] }, "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);
+    });
+    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
                 }
-              )
-            }
-          )
-        ] })
+              }
+            )
+          }
+        )
       ] })
-    ] }),
-    r.validation.message && /* @__PURE__ */ g.jsx("div", { className: `mt-2 text-sm ${r.validation.isValid ? "text-green-500" : "text-red-500"}`, children: r.validation.message })
-  ] });
-}, Ct = () => /* @__PURE__ */ g.jsx(
+    ] })
+  ] }) });
+}, It = () => /* @__PURE__ */ m.jsx(
   "div",
   {
     "data-testid": "spinner",
     className: "animate-spin rounded-full h-4 w-4 border-2 border-gray-300 border-t-gray-600"
   }
-), _t = ({
-  command: r,
+), Dt = ({
+  command: o,
   timestamp: n,
   status: t
-}) => /* @__PURE__ */ g.jsxs("div", { className: "flex items-center gap-2 font-mono text-sm", children: [
-  /* @__PURE__ */ g.jsxs("span", { className: "text-gray-200", children: [
+}) => /* @__PURE__ */ m.jsxs("div", { className: "flex items-center gap-2 font-mono text-sm", children: [
+  /* @__PURE__ */ m.jsxs("span", { className: "text-gray-200", children: [
     "> ",
-    r
+    o.split(" ").map((r, i) => {
+      const s = r.startsWith("<") && r.endsWith(">");
+      return /* @__PURE__ */ m.jsxs(
+        "span",
+        {
+          className: s ? "text-green-400" : "text-gray-200",
+          children: [
+            i > 0 ? " " : "",
+            r
+          ]
+        },
+        i
+      );
+    })
   ] }),
-  /* @__PURE__ */ g.jsx("span", { className: "text-gray-400", children: "·" }),
-  /* @__PURE__ */ g.jsx("span", { className: "text-gray-500", children: n }),
-  t === ae.Pending && /* @__PURE__ */ g.jsx(Ct, {}),
-  t === ae.Success && /* @__PURE__ */ g.jsx(
+  /* @__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(
     "div",
     {
       "data-testid": "success-indicator",
       className: "w-4 h-4 rounded-full bg-green-500"
     }
   ),
-  (t === ae.Timeout || t === ae.Failure) && /* @__PURE__ */ g.jsx(
+  (t === ie.Timeout || t === ie.Failure) && /* @__PURE__ */ m.jsx(
     "div",
     {
-      "data-testid": "error-indicator",
+      "data-testid": "success-indicator",
       className: "w-4 h-4 rounded-full bg-red-500"
     }
   )
-] }), St = ({ output: r, outputRef: n }) => {
-  const t = G(), o = j(() => {
+] }), zt = ({ output: o, outputRef: n }) => {
+  const t = ce(), r = A(() => {
     if (n.current) {
       const i = n.current;
       requestAnimationFrame(() => {
@@ -1875,69 +1734,67 @@ Check the definition of the ${v.fullPath.join(".")} command and update the retur
       });
     }
   }, [n]);
-  return $(() => {
-    if (o(), n.current) {
-      const i = n.current.getElementsByTagName("img"), a = i[i.length - 1];
-      if (a && !a.complete)
-        return a.addEventListener("load", o), () => a.removeEventListener("load", o);
+  return I(() => {
+    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);
     }
-  }, [r, o]), /* @__PURE__ */ g.jsx(
+  }, [o, r]), /* @__PURE__ */ m.jsx(
     "div",
     {
       ref: n,
       className: "h-full overflow-y-auto border border-gray-700 rounded-lg p-3 text-left",
-      children: r.map((i, a) => /* @__PURE__ */ g.jsxs("div", { className: "mb-4 last:mb-0", children: [
-        /* @__PURE__ */ g.jsx(
-          _t,
+      children: o.map((i, s) => /* @__PURE__ */ m.jsxs("div", { className: "mb-4 last:mb-0", children: [
+        /* @__PURE__ */ m.jsx(
+          Dt,
           {
             command: i.command.join(" "),
             timestamp: new Date(i.timestamp).toLocaleTimeString(),
             status: i.result.status
           }
         ),
-        /* @__PURE__ */ g.jsx("pre", { className: `text-gray-200 whitespace-pre font-mono ${t.outputFontSize}`, children: i.result.render() })
-      ] }, a))
+        /* @__PURE__ */ m.jsx("pre", { className: `text-gray-200 whitespace-pre font-mono ${t.outputFontSize}`, children: i.result.render() })
+      ] }, s))
     }
   );
-}, kt = ({
-  state: r,
-  availableCommands: n
-}) => {
-  var h, w;
-  const t = G(), o = !r.isEnteringArg && n.length > 0, i = "h-12 mt-2 border-t border-gray-700 px-4", a = "text-gray-300 pt-2", l = ((h = r.currentNode) == null ? void 0 : h.isLeaf) && r.currentNode.handler === je && !r.currentNode.requiresArgument, d = fe.useMemo(() => {
-    if (!r.commandStack.length && t.includeHelpCommand) {
-      const m = n.filter((u) => u.name !== "help"), p = n.find((u) => u.name === "help");
-      return [...m, ...p ? [p] : []];
-    }
-    return n;
-  }, [n, r.commandStack, t.includeHelpCommand]);
-  return /* @__PURE__ */ g.jsx("div", { className: i, "data-testid": "available-commands", children: l ? /* @__PURE__ */ g.jsx("div", { className: a, children: r.currentNode ? /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
-    /* @__PURE__ */ g.jsx("span", { className: "text-blue-400", children: r.currentNode.name }),
-    /* @__PURE__ */ g.jsxs("span", { className: "text-gray-400 ml-2", children: [
+}, Ft = () => {
+  const o = xe(), n = ce(), t = ue(), r = de(), i = "h-12 mt-2 border-t border-gray-700 px-4", s = "text-gray-300 pt-2", p = o.getCompletions(t.path());
+  N.debug("[AvailableCommands] nextCommandSegments: ", p);
+  const d = Z.useMemo(() => {
+    if (n.includeHelpCommand) {
+      const w = p.filter((v) => v.name !== "help"), g = p.find((v) => v.name === "help");
+      return [...w, ...g ? [g] : []];
+    }
+    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: [
       "- ",
-      r.currentNode.description
+      f.description
     ] })
-  ] }) : null }) : o ? /* @__PURE__ */ g.jsx("div", { className: a, children: /* @__PURE__ */ g.jsx("div", { className: "flex flex-wrap gap-2", children: d.map((m) => {
-    const p = d.reduce((u, y) => {
-      if (y.name === m.name) return u;
-      let v = 0;
-      for (; v < m.name.length && v < y.name.length && m.name[v].toLowerCase() === y.name[v].toLowerCase(); )
-        v++;
-      return Math.max(u, v + 1);
+  ] }) : 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);
     }, 1);
-    return /* @__PURE__ */ g.jsx(
+    return /* @__PURE__ */ m.jsx(
       "div",
       {
         className: "px-2 py-1 rounded bg-gray-800 mr-2 last:mr-0",
-        children: /* @__PURE__ */ g.jsxs("span", { className: "font-mono text-white", children: [
-          /* @__PURE__ */ g.jsx("strong", { className: "underline", children: m.name.slice(0, p) }),
-          m.name.slice(p)
+        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)
         ] })
       },
-      m.fullPath.join(".")
+      w.name
     );
-  }) }) }) : /* @__PURE__ */ g.jsx("div", { className: a, children: (w = r.currentNode) == null ? void 0 : w.description }) });
-}, on = `:host {
+  }) }) }) });
+}, mn = `:host {
   --citadel-bg: rgb(17, 24, 39);
   --citadel-text: rgba(255, 255, 255, 0.87);
   --citadel-border: rgb(55, 65, 81);
@@ -1945,7 +1802,7 @@ Check the definition of the ${v.fullPath.join(".")} command and update the retur
   --citadel-accent-hover: #535bf2;
   --citadel-min-height: 200px;
   --citadel-max-height: 80vh;
-  --citadel-default-height: 33vh;
+  --citadel-default-height: 35vh;
   --citadel-error: rgb(239, 68, 68);
 
   height: var(--citadel-default-height);
@@ -2026,7 +1883,7 @@ a:hover {
   text-align: left;
 }
 
-`, an = `/* Keep only component-specific styles here */
+`, pn = `/* Keep only component-specific styles here */
 
 .container {
   position: fixed;
@@ -2096,10 +1953,10 @@ a:hover {
 .citadel_slideDown {
   animation: citadel_slideDown 0.2s ease-out forwards;
 }
-`, sn = `@tailwind base;
+`, fn = `@tailwind base;
 @tailwind components;
 @tailwind utilities;
-`, Et = `*, ::before, ::after {
+`, Ut = `*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -2916,41 +2773,45 @@ video {
 .last\\:mr-0:last-child {
   margin-right: 0px;
 }
-`, Pt = ({
-  config: r = F,
-  commands: n = {},
+`, Vt = ({
+  config: o = M,
+  commandRegistry: n = new Ie(),
   containerId: t = null
-}) => ($(() => {
-  const o = new hn(n, r), i = t ? document.getElementById(t) : document.body;
-  return i ? i.appendChild(o) : (console.warn(`Container with id "${t}" not found, falling back to body`), document.body.appendChild(o)), () => {
-    var a;
-    (a = o.parentElement) == null || a.removeChild(o);
+}) => (I(() => {
+  N.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);
   };
 }, [n, t]), null);
-class hn extends HTMLElement {
-  constructor(t, o) {
+class Sn extends HTMLElement {
+  constructor(t, r) {
     super();
-    A(this, "shadow");
-    A(this, "root", null);
-    A(this, "commands");
-    A(this, "config");
-    this.shadow = this.attachShadow({ mode: "open" }), this.commands = t, this.config = o;
+    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;
   }
   connectedCallback() {
     try {
-      const o = [on, an, sn, Et].map((i) => {
-        const a = new CSSStyleSheet();
-        return a.replaceSync(i), a;
+      const r = [mn, pn, fn, Ut].map((i) => {
+        const s = new CSSStyleSheet();
+        return s.replaceSync(i), s;
       });
-      this.shadow.adoptedStyleSheets = [...o];
+      this.shadow.adoptedStyleSheets = [...r];
     } catch {
-      const i = [on, an, sn].join(`
-`), a = document.createElement("style");
-      a.textContent = i, this.shadow.appendChild(a);
+      const i = [mn, pn, fn].join(`
+`), s = document.createElement("style");
+      s.textContent = i, this.shadow.appendChild(s);
     }
     const t = document.createElement("div");
-    t.id = "citadel-root", this.shadow.appendChild(t), this.root = ke(t), this.root.render(
-      /* @__PURE__ */ g.jsx(it, { config: this.config || F, commands: this.commands, children: /* @__PURE__ */ g.jsx(Rt, {}) })
+    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, {}) })
     );
   }
   // disconnectedCallback() {
@@ -2960,65 +2821,44 @@ class hn extends HTMLElement {
   //   }
   // }
 }
-customElements.define("citadel-element", hn);
-const Rt = () => {
-  const [r, n] = Y(!1), [t, o] = Y(!1), [i, a] = Y(null), l = J(null), d = J(null), h = J(!1), w = J(0), m = J(0), p = G(), { state: u, actions: y, getAvailableCommands: v } = ht(), b = j((S) => {
-    d.current && (h.current = !0, w.current = S.clientY, m.current = d.current.offsetHeight, document.documentElement.style.userSelect = "none", document.documentElement.style.webkitUserSelect = "none", document.documentElement.style.mozUserSelect = "none", document.documentElement.style.msUserSelect = "none", document.addEventListener("mousemove", C), document.addEventListener("mouseup", f));
-  }, []), C = j((S) => {
-    var U;
-    if (!h.current) return;
-    const I = S.clientY - w.current, T = (U = p.maxHeight) != null && U.endsWith("vh") ? window.innerHeight * parseInt(p.maxHeight, 10) / 100 : parseInt(p.maxHeight || "80vh", 10), D = Math.min(
-      Math.max(m.current - I, parseInt(p.minHeight || "200", 10)),
-      T
-    );
-    d.current && (d.current.style.height = `${D}px`, d.current.style.bottom = "0", a(D));
-  }, [p.maxHeight]), f = j(() => {
-    h.current = !1, document.documentElement.style.userSelect = "", document.documentElement.style.webkitUserSelect = "", document.documentElement.style.mozUserSelect = "", document.documentElement.style.msUserSelect = "", document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", f);
+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);
   }, []);
-  $(() => () => {
-    document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", f);
-  }, [C, f]), Gn({
+  I(() => () => {
+    document.removeEventListener("mouseup", D);
+  }, [D]), at({
     onOpen: () => n(!0),
-    onClose: () => o(!0),
-    isVisible: r,
-    showCitadelKey: p.showCitadelKey || "."
+    onClose: () => r(!0),
+    isVisible: o,
+    showCitadelKey: i.showCitadelKey || "."
   });
-  const _ = j(() => {
-    t && (n(!1), o(!1));
+  const U = A(() => {
+    t && (n(!1), r(!1));
   }, [t]);
-  return rt({
-    isVisible: r,
+  return mt({
+    isVisible: o,
     isClosing: t,
-    onAnimationComplete: _
-  }), r ? /* @__PURE__ */ g.jsxs(
+    onAnimationComplete: U
+  }), o ? /* @__PURE__ */ m.jsxs(
     "div",
     {
-      ref: d,
-      className: `container ${r ? "citadel_slideUp" : ""} ${t ? "citadel_slideDown" : ""}`,
+      ref: u,
+      className: `container ${o ? "citadel_slideUp" : ""} ${t ? "citadel_slideDown" : ""}`,
       style: {
-        ...i ? { height: `${i}px` } : void 0,
-        maxHeight: p.maxHeight
+        ...s ? { height: s } : void 0,
+        maxHeight: i.maxHeight
       },
       children: [
-        /* @__PURE__ */ g.jsx("div", { className: "resizeHandle", onMouseDown: b }),
-        /* @__PURE__ */ g.jsxs("div", { className: "innerContainer", children: [
-          /* @__PURE__ */ g.jsx("div", { className: "flex-1 min-h-0 pt-3 px-4", children: /* @__PURE__ */ g.jsx(St, { output: u.output, outputRef: l }) }),
-          /* @__PURE__ */ g.jsxs("div", { children: [
-            /* @__PURE__ */ g.jsx(
-              xt,
-              {
-                state: u,
-                actions: y,
-                availableCommands: v()
-              }
-            ),
-            /* @__PURE__ */ g.jsx(
-              kt,
-              {
-                state: u,
-                availableCommands: v()
-              }
-            )
+        /* @__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, {})
           ] })
         ] })
       ]
@@ -3026,14 +2866,14 @@ const Rt = () => {
   ) : null;
 };
 export {
-  Pt as Citadel,
-  X as CommandResult,
-  ae as CommandStatus,
-  pt as DEFAULT_CURSOR_CONFIGS,
-  lt as ErrorCommandResult,
-  At as ImageCommandResult,
-  It as JsonCommandResult,
-  dt as OutputItem,
-  ct as PendingCommandResult,
-  un as TextCommandResult
+  Vt as Citadel,
+  ee as CommandResult,
+  ie as CommandStatus,
+  Et as DEFAULT_CURSOR_CONFIGS,
+  pt as ErrorCommandResult,
+  Lt as ImageCommandResult,
+  Yt as JsonCommandResult,
+  St as OutputItem,
+  ft as PendingCommandResult,
+  gn as TextCommandResult
 };