citadel_cli 1.4.0 → 1.4.2

package/dist/citadel.es.js

@@ -1,13 +1,13 @@
-var Ae = Object.defineProperty;
-var Pe = (n, e, t) => e in n ? Ae(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var f = (n, e, t) => Pe(n, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as m, jsxs as I, Fragment as He } from "react/jsx-runtime";
-import U, { createContext as Re, useState as _, useMemo as A, useEffect as P, useContext as Q, useCallback as w, useReducer as _e, useRef as z, useLayoutEffect as Me } from "react";
-import { createRoot as Te } from "react-dom/client";
-var q = /* @__PURE__ */ ((n) => (n.Pending = "pending", n.Success = "success", n.Failure = "failure", n.Timeout = "timeout", n))(q || {});
+var Te = Object.defineProperty;
+var Me = (n, e, t) => e in n ? Te(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var y = (n, e, t) => Me(n, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as m, jsxs as A, Fragment as Oe } from "react/jsx-runtime";
+import K, { createContext as De, useState as M, useMemo as _, useEffect as I, useContext as re, useCallback as f, useReducer as ze, useRef as R, useLayoutEffect as Fe } from "react";
+import { createRoot as Le } from "react-dom/client";
+var Y = /* @__PURE__ */ ((n) => (n.Pending = "pending", n.Success = "success", n.Failure = "failure", n.Timeout = "timeout", n))(Y || {});
 class W {
   constructor(e = Date.now()) {
-    f(this, "_status", "pending");
+    y(this, "_status", "pending");
     this.timestamp = e;
   }
   get status() {
@@ -23,7 +23,7 @@ class W {
     this._status = "timeout";
   }
 }
-class ze extends W {
+class Ue extends W {
   constructor(e, t) {
     super(t), this.data = e;
   }
@@ -31,7 +31,7 @@ class ze extends W {
     return /* @__PURE__ */ m("pre", { className: "citadel-result-json", children: JSON.stringify(this.data, null, 2) });
   }
 }
-class Y extends W {
+class ee extends W {
   constructor(e, t) {
     super(t), this.text = e;
   }
@@ -39,7 +39,15 @@ class Y extends W {
     return /* @__PURE__ */ m("div", { className: "citadel-result-text", children: this.text });
   }
 }
-class we extends W {
+class $e extends W {
+  constructor(e, t = "true", r = "false", s) {
+    super(s), this.value = e, this.trueText = t, this.falseText = r;
+  }
+  render() {
+    return /* @__PURE__ */ m("div", { className: "citadel-result-text citadel-result-boolean", children: this.value ? this.trueText : this.falseText });
+  }
+}
+class be extends W {
   constructor(e, t) {
     super(t), this.error = e, this.markFailure();
   }
@@ -47,14 +55,14 @@ class we extends W {
     return /* @__PURE__ */ m("div", { className: "citadel-result-error", children: this.error });
   }
 }
-class De extends W {
+class je extends W {
   render() {
     return /* @__PURE__ */ m("div", { className: "citadel-result-pending", children: "..." });
   }
 }
-class Fe extends W {
-  constructor(e, t = "", s) {
-    super(s), this.imageUrl = e, this.altText = t;
+class Ke extends W {
+  constructor(e, t = "", r) {
+    super(r), this.imageUrl = e, this.altText = t;
   }
   render() {
     return /* @__PURE__ */ m("div", { className: "citadel-result-image-wrap", children: /* @__PURE__ */ m(
@@ -67,36 +75,36 @@ class Fe extends W {
     ) });
   }
 }
-const Le = (n) => async function() {
-  const t = n.commands.filter((s) => s.fullPath[0] !== "help").map((s) => {
-    const a = `${s.segments.map((c) => c.type === "argument" ? `<${c.name}>` : c.name).join(" ")} - ${s.description}`, o = s.segments.filter((c) => c.type === "argument" && c.description).map((c) => `  <${c.name}>: ${c.description}`);
+const We = (n) => async function() {
+  const t = n.commands.filter((r) => r.fullPath[0] !== "help").map((r) => {
+    const a = `${r.segments.map((c) => c.type === "argument" ? `<${c.name}>` : c.name).join(" ")} - ${r.description}`, o = r.segments.filter((c) => c.type === "argument" && c.description).map((c) => `  <${c.name}>: ${c.description}`);
     return {
       commandLine: a,
       argumentLines: o
     };
-  }).sort((s, r) => s.commandLine.localeCompare(r.commandLine)).flatMap((s) => [
-    s.commandLine,
-    ...s.argumentLines
+  }).sort((r, s) => r.commandLine.localeCompare(s.commandLine)).flatMap((r) => [
+    r.commandLine,
+    ...r.argumentLines
   ]);
-  return t.length === 0 ? new Y(
+  return t.length === 0 ? new ee(
     "No commands available yet. Add some commands to get started!"
-  ) : (t.push("help - Show available commands"), new Y(
+  ) : (t.push("help - Show available commands"), new ee(
     `Available Commands:
 ` + t.join(`
 `)
   ));
 };
-var ie = /* @__PURE__ */ ((n) => (n[n.NONE = 0] = "NONE", n[n.ERROR = 1] = "ERROR", n[n.WARN = 2] = "WARN", n[n.INFO = 3] = "INFO", n[n.DEBUG = 4] = "DEBUG", n[n.TRACE = 5] = "TRACE", n))(ie || {});
-const ue = !0;
+var me = /* @__PURE__ */ ((n) => (n[n.NONE = 0] = "NONE", n[n.ERROR = 1] = "ERROR", n[n.WARN = 2] = "WARN", n[n.INFO = 3] = "INFO", n[n.DEBUG = 4] = "DEBUG", n[n.TRACE = 5] = "TRACE", n))(me || {});
+const fe = !0;
 class k {
   static configure(e) {
     this.level = e.level, this.prefix = e.prefix || "[Citadel]";
   }
   static trace(...e) {
-    this.level >= 5 && !ue && console.trace(this.prefix, ...e);
+    this.level >= 5 && !fe && console.trace(this.prefix, ...e);
   }
   static debug(...e) {
-    this.level >= 4 && !ue && console.debug(this.prefix, ...e);
+    this.level >= 4 && !fe && console.debug(this.prefix, ...e);
   }
   static info(...e) {
     this.level >= 3 && console.info(this.prefix, ...e);
@@ -108,8 +116,8 @@ class k {
     this.level >= 1 && console.error(this.prefix, ...e);
   }
 }
-f(k, "level", 0), f(k, "prefix", "");
-const N = {
+y(k, "level", 0), y(k, "prefix", "");
+const E = {
   commandTimeoutMs: 1e4,
   cursorColor: "var(--cursor-color, #fff)",
   cursorSpeed: 530,
@@ -118,62 +126,65 @@ const N = {
   fontFamily: "monospace",
   fontSize: "0.875rem",
   initialHeight: "50vh",
-  logLevel: ie.ERROR,
+  logLevel: me.ERROR,
   maxHeight: "80vh",
   minHeight: "200",
   outputFontSize: "0.875rem",
+  showOutputPane: !0,
   resetStateOnHide: !1,
+  closeOnEscape: !0,
   showCitadelKey: ".",
+  showOnLoad: !1,
   displayMode: "panel",
   storage: {
     type: "localStorage",
     maxCommands: 100
   }
-}, Ce = async () => new Y("");
-class ce {
-  constructor(e, t, s) {
-    this.type = e, this.name = t, this.description = s;
+}, Ee = async () => new ee("");
+class ue {
+  constructor(e, t, r) {
+    this.type = e, this.name = t, this.description = r;
   }
   toString() {
     return this.name;
   }
 }
-class le extends ce {
+class pe extends ue {
   constructor() {
     super("null", ">null<", "Empty segment");
   }
 }
-class ve extends ce {
+class ke extends ue {
   constructor(e, t) {
     super("word", e, t);
   }
 }
-class O extends ce {
-  constructor(e, t, s, r) {
-    super("argument", e, t), this.value = s, this.valid = r;
+class q extends ue {
+  constructor(e, t, r, s) {
+    super("argument", e, t), this.value = r, this.valid = s;
   }
 }
-const $e = (n) => {
+const qe = (n) => {
   if (n.type === "word")
-    return new ve(n.name, n.description);
+    return new ke(n.name, n.description);
   if (n.type === "argument") {
     const e = n;
-    return new O(
+    return new q(
       e.name,
       e.description,
       e.value,
       e.valid
     );
   }
-  return new le();
-}, D = (n) => n.map((e) => $e(e));
-class je {
-  constructor(e, t, s = Ce) {
-    f(this, "_segments");
-    f(this, "_description");
+  return new pe();
+}, L = (n) => n.map((e) => qe(e));
+class Be {
+  constructor(e, t, r = Ee) {
+    y(this, "_segments");
+    y(this, "_description");
     // Used by `Help` command, etc.
-    f(this, "_handler");
-    this._segments = e, this._description = t, this._handler = s;
+    y(this, "_handler");
+    this._segments = e, this._description = t, this._handler = r;
   }
   get segments() {
     return this._segments;
@@ -197,9 +208,9 @@ class je {
     return this.fullPath.join(" ") === e.fullPath.join(" ");
   }
 }
-class X {
+class se {
   constructor() {
-    f(this, "_commands", []);
+    y(this, "_commands", []);
   }
   get commands() {
     return this._commands;
@@ -215,10 +226,10 @@ class X {
    * @param handler Async handler executed when the command is submitted; defaults to `NoopHandler`.
    * @throws {Error} If the segment list is empty or the path collides with an existing command.
    */
-  addCommand(e, t, s = Ce) {
+  addCommand(e, t, r = Ee) {
     if (e === void 0 || e.length === 0)
       throw new Error("Command path cannot be empty");
-    const r = new je(e, t, s), a = this._commands.find((o) => {
+    const s = new Be(e, t, r), a = this._commands.find((o) => {
       const c = o.segments.map(
         (d) => d.type === "argument" ? "*" : d.name
       ).join(" "), i = e.map(
@@ -227,8 +238,8 @@ class X {
       return c === i;
     });
     if (a)
-      throw new Error(`Duplicate commands: '${a.fullPath_s}' and '${r.fullPath_s}'`);
-    this._commands.push(r);
+      throw new Error(`Duplicate commands: '${a.fullPath_s}' and '${s.fullPath_s}'`);
+    this._commands.push(s);
   }
   /**
    * Removes a command that exactly matches the provided path.
@@ -237,8 +248,8 @@ class X {
    * @returns True if a command was removed; otherwise false.
    */
   removeCommand(e) {
-    const t = e.join(" "), s = this._commands.findIndex((r) => r.fullPath.join(" ") === t);
-    return s === -1 ? !1 : (this._commands.splice(s, 1), !0);
+    const t = e.join(" "), r = this._commands.findIndex((s) => s.fullPath.join(" ") === t);
+    return r === -1 ? !1 : (this._commands.splice(r, 1), !0);
   }
   /**
    * Retrieves a command from the registry for the given path.
@@ -248,25 +259,25 @@ class X {
    */
   getCommand(e) {
     return this._commands.find((t) => {
-      const s = t.fullPath.join(" "), r = e.join(" ");
-      if (s === r)
+      const r = t.fullPath.join(" "), s = e.join(" ");
+      if (r === s)
         return !0;
       const o = t.segments.filter((c) => c.type === "word").map((c) => c.name);
-      return o.length === e.length && o.join(" ") === r;
+      return o.length === e.length && o.join(" ") === s;
     });
   }
   commandExistsForPath(e) {
     const t = this._commands.map(
-      (r) => r.segments.map(
+      (s) => s.segments.map(
         (a) => a.type === "argument" ? "*" : a.name
       ).join(" ")
-    ), s = e.map((r, a) => this._commands.some(
+    ), r = e.map((s, a) => this._commands.some(
       (c) => {
         var i;
         return ((i = c.segments[a]) == null ? void 0 : i.type) === "argument";
       }
-    ) ? "*" : r).join(" ");
-    return t.includes(s);
+    ) ? "*" : s).join(" ");
+    return t.includes(r);
   }
   /**
    * Gets possible matches for a given path.
@@ -282,19 +293,19 @@ class X {
    * Matching is case-insensitive.
    */
   getMatchingCompletions(e, t) {
-    const s = t.trim().toLowerCase(), r = this.getCompletions(e);
-    return s ? r.filter(
-      (a) => a.name.toLowerCase().startsWith(s)
-    ) : r;
+    const r = t.trim().toLowerCase(), s = this.getCompletions(e);
+    return r ? s.filter(
+      (a) => a.name.toLowerCase().startsWith(r)
+    ) : s;
   }
   /**
    * Returns a single completion when prefix matching is unambiguous.
    * Returns undefined for ambiguous or no-match prefixes.
    */
   getUniqueCompletion(e, t) {
-    const s = this.getMatchingCompletions(e, t);
-    if (s.length === 1)
-      return s[0];
+    const r = this.getMatchingCompletions(e, t);
+    if (r.length === 1)
+      return r[0];
   }
   /**
    * Gets an array of segments reachable from a given path
@@ -306,7 +317,7 @@ class X {
     if (k.debug("[getCompletions] path: ", e), !e.length) {
       const a = this._commands.map((i) => i.segments[0]), o = (i, d) => i.type === d.type && i.name === d.name;
       return a.filter(
-        (i, d, g) => d === g.findIndex((u) => o(u, i))
+        (i, d, h) => d === h.findIndex((u) => o(u, i))
       );
     }
     const t = e.length;
@@ -321,7 +332,7 @@ class X {
       }
       return !0;
     }).filter((a) => a.segments.length > t).map((a) => {
-      const o = a.segments[t], c = o.type === "argument" ? O : ve;
+      const o = a.segments[t], c = o.type === "argument" ? q : ke;
       return new c(o.name, o.description);
     }).filter(
       (a, o, c) => o === c.findIndex(
@@ -333,9 +344,9 @@ class X {
     return this.getCompletions(e).length > 0;
   }
 }
-class Se {
+class Ne {
   constructor(e) {
-    f(this, "config");
+    y(this, "config");
     this.config = {
       type: "localStorage",
       maxCommands: 100,
@@ -352,17 +363,17 @@ class Se {
     await this.saveCommands(t);
   }
 }
-class Ue extends Se {
+class Ve extends Ne {
   constructor(t) {
     super(t);
-    f(this, "storageKey", "citadel_command_history");
+    y(this, "storageKey", "citadel_command_history");
   }
   async getStoredCommands() {
     try {
       const t = window.localStorage.getItem(this.storageKey);
-      return t ? JSON.parse(t).map((r) => ({
-        commandSegments: Array.isArray(r.commandSegments) ? D(r.commandSegments) : [],
-        timestamp: r.timestamp
+      return t ? JSON.parse(t).map((s) => ({
+        commandSegments: Array.isArray(s.commandSegments) ? L(s.commandSegments) : [],
+        timestamp: s.timestamp
       })) : [];
     } catch (t) {
       return console.warn("Failed to load commands from localStorage:", t), [];
@@ -377,29 +388,29 @@ class Ue extends Se {
   }
   async saveCommands(t) {
     try {
-      const s = t.map((r) => ({
-        commandSegments: Array.isArray(r.commandSegments) ? D(r.commandSegments).map((a) => ({
+      const r = t.map((s) => ({
+        commandSegments: Array.isArray(s.commandSegments) ? L(s.commandSegments).map((a) => ({
           type: a.type,
           name: a.name,
           description: a.description,
-          ...a instanceof O ? { value: a.value } : {}
+          ...a instanceof q ? { value: a.value } : {}
         })) : [],
-        timestamp: r.timestamp
+        timestamp: s.timestamp
       }));
-      window.localStorage.setItem(this.storageKey, JSON.stringify(s));
-    } catch (s) {
-      throw console.warn("Failed to save commands to localStorage:", s), s;
+      window.localStorage.setItem(this.storageKey, JSON.stringify(r));
+    } catch (r) {
+      throw console.warn("Failed to save commands to localStorage:", r), r;
     }
   }
 }
-class pe extends Se {
+class ye extends Ne {
   constructor(t) {
     super(t);
-    f(this, "storedCommands", []);
+    y(this, "storedCommands", []);
   }
   async getStoredCommands() {
     return this.storedCommands.map((t) => ({
-      commandSegments: Array.isArray(t.commandSegments) ? D(t.commandSegments) : [],
+      commandSegments: Array.isArray(t.commandSegments) ? L(t.commandSegments) : [],
       timestamp: t.timestamp
     }));
   }
@@ -407,15 +418,15 @@ class pe extends Se {
     this.storedCommands = [];
   }
   async saveCommands(t) {
-    this.storedCommands = t.map((s) => ({
-      commandSegments: Array.isArray(s.commandSegments) ? D(s.commandSegments) : [],
-      timestamp: s.timestamp
+    this.storedCommands = t.map((r) => ({
+      commandSegments: Array.isArray(r.commandSegments) ? L(r.commandSegments) : [],
+      timestamp: r.timestamp
     }));
   }
 }
 const $ = class $ {
   constructor() {
-    f(this, "currentStorage");
+    y(this, "currentStorage");
   }
   static reset() {
     $.instance = void 0;
@@ -425,9 +436,9 @@ const $ = class $ {
   }
   initializeStorage(e) {
     try {
-      e.type === "memory" ? this.currentStorage = new pe(e) : this.currentStorage = new Ue(e);
+      e.type === "memory" ? this.currentStorage = new ye(e) : this.currentStorage = new Ve(e);
     } catch (t) {
-      console.warn("Failed to create storage, falling back to memory storage:", t), this.currentStorage = new pe(e);
+      console.warn("Failed to create storage, falling back to memory storage:", t), this.currentStorage = new ye(e);
     }
   }
   getStorage() {
@@ -436,13 +447,13 @@ const $ = class $ {
     return this.currentStorage;
   }
 };
-f($, "instance");
-let J = $;
-class xe {
+y($, "instance");
+let te = $;
+class Ie {
   constructor() {
-    f(this, "segments", []);
-    f(this, "nullSegment", new le());
-    f(this, "observers", []);
+    y(this, "segments", []);
+    y(this, "nullSegment", new pe());
+    y(this, "observers", []);
   }
   subscribe(e) {
     this.observers.push(e);
@@ -525,34 +536,36 @@ class xe {
     return [...this.segments];
   }
 }
-const Oe = {
-  config: N,
-  commands: new X(),
-  segmentStack: new xe()
-}, B = Re(Oe), We = ({ config: n = N, commandRegistry: e, children: t }) => {
-  const [s, r] = U.useState(), [a] = _(() => new xe()), o = A(() => ({
-    ...N,
+const Ge = {
+  config: E,
+  commands: new se(),
+  segmentStack: new Ie()
+}, J = De(Ge), Ye = ({ config: n = E, commandRegistry: e, children: t }) => {
+  const [r, s] = K.useState(), [a] = M(() => new Ie()), o = _(() => ({
+    ...E,
     ...n,
     // Ensure nested objects are properly merged
     storage: {
-      ...N.storage,
+      ...E.storage,
       ...n.storage
     },
     // Ensure explicit values from config take precedence
-    cursorType: n.cursorType ?? N.cursorType,
-    cursorColor: n.cursorColor ?? N.cursorColor,
-    cursorSpeed: n.cursorSpeed ?? N.cursorSpeed,
-    showCitadelKey: n.showCitadelKey || "."
+    cursorType: n.cursorType ?? E.cursorType,
+    cursorColor: n.cursorColor ?? E.cursorColor,
+    cursorSpeed: n.cursorSpeed ?? E.cursorSpeed,
+    closeOnEscape: n.closeOnEscape ?? E.closeOnEscape,
+    showCitadelKey: n.showCitadelKey ?? E.showCitadelKey,
+    showOnLoad: n.showOnLoad ?? E.showOnLoad
   }), [n]);
-  P(() => {
-    J.getInstance().initializeStorage(
-      o.storage ?? N.storage
-    ), r(J.getInstance().getStorage());
-  }, [o.storage]), P(() => {
+  I(() => {
+    te.getInstance().initializeStorage(
+      o.storage ?? E.storage
+    ), s(te.getInstance().getStorage());
+  }, [o.storage]), I(() => {
     if (e) {
       if (o.includeHelpCommand) {
         if (!e.commandExistsForPath(["help"])) {
-          const i = Le(e);
+          const i = We(e);
           e.addCommand(
             [{ type: "word", name: "help" }],
             "Show available commands",
@@ -564,83 +577,83 @@ const Oe = {
       e.removeCommand(["help"]);
     }
   }, [e, o.includeHelpCommand]);
-  const c = A(() => ({
+  const c = _(() => ({
     config: o,
-    commands: e || new X(),
-    storage: s,
+    commands: e || new se(),
+    storage: r,
     segmentStack: a
-  }), [o, e, s, a]);
-  return /* @__PURE__ */ m(B.Provider, { value: c, children: t });
+  }), [o, e, r, a]);
+  return /* @__PURE__ */ m(J.Provider, { value: c, children: t });
 }, j = () => {
-  const n = Q(B);
+  const n = re(J);
   if (n === void 0)
     throw new Error("useCitadelConfig must be used within a CitadelConfigProvider");
   return n.config;
-}, Z = () => {
-  const n = Q(B);
+}, oe = () => {
+  const n = re(J);
   if (n === void 0)
     throw new Error("useCitadelCommands must be used within a CitadelConfigProvider");
   return n.commands;
-}, be = () => {
-  const n = Q(B);
+}, Ae = () => {
+  const n = re(J);
   if (n === void 0)
     throw new Error("useCitadelStorage must be used within a CitadelConfigProvider");
   return n.storage;
-}, V = () => {
-  const n = Q(B);
+}, X = () => {
+  const n = re(J);
   if (n === void 0)
     throw new Error("useSegmentStack must be used within a CitadelConfigProvider");
   return n.segmentStack;
-}, G = class G {
+}, ne = class ne {
   constructor(e, t) {
-    f(this, "id");
-    f(this, "timestamp");
-    f(this, "command");
-    f(this, "result");
-    this.id = `output-${Date.now()}-${G.idCounter++}`, this.command = e.toArray().map((s) => s.type === "argument" ? s.value || "" : s.name), this.timestamp = Date.now(), this.result = t ?? new De();
+    y(this, "id");
+    y(this, "timestamp");
+    y(this, "command");
+    y(this, "result");
+    this.id = `output-${Date.now()}-${ne.idCounter++}`, this.command = e.toArray().map((r) => r.type === "argument" ? r.value || "" : r.name), this.timestamp = Date.now(), this.result = t ?? new je();
   }
 };
-f(G, "idCounter", 0);
-let oe = G;
-function Ke(n) {
+y(ne, "idCounter", 0);
+let de = ne;
+function Je(n) {
   return {
-    commandSegments: D(n),
+    commandSegments: L(n),
     timestamp: Date.now()
   };
 }
-function ke() {
-  const n = be(), [e, t] = _({
+function Pe() {
+  const n = Ae(), [e, t] = M({
     storedCommands: [],
     position: null
-  }), s = w(async (c) => {
+  }), r = f(async (c) => {
     if (n)
       try {
-        const i = Ke(c);
+        const i = Je(c);
         await n.addStoredCommand(i), t((d) => ({
           ...d,
           storedCommands: [...d.storedCommands, {
             ...i,
-            commandSegments: D(i.commandSegments)
+            commandSegments: L(i.commandSegments)
           }],
           position: null
         }));
       } catch (i) {
         console.warn("Failed to save command to history:", i);
       }
-  }, [n]), r = w(async () => n ? (await n.getStoredCommands()).map((i) => ({
+  }, [n]), s = f(async () => n ? (await n.getStoredCommands()).map((i) => ({
     ...i,
-    commandSegments: D(i.commandSegments)
+    commandSegments: L(i.commandSegments)
   })) : [], [n]);
-  P(() => {
+  I(() => {
     if (!n) return;
     (async () => {
       try {
-        const d = (await n.getStoredCommands()).map((g) => ({
-          ...g,
-          commandSegments: D(g.commandSegments)
+        const d = (await n.getStoredCommands()).map((h) => ({
+          ...h,
+          commandSegments: L(h.commandSegments)
         }));
-        return t((g) => ({
-          ...g,
+        return t((h) => ({
+          ...h,
           storedCommands: d
         })), d;
       } catch (i) {
@@ -648,8 +661,8 @@ function ke() {
       }
     })();
   }, [n]);
-  const a = w(async (c) => {
-    const i = await r();
+  const a = f(async (c) => {
+    const i = await s();
     if (i.length === 0)
       return t((u) => ({
         ...u,
@@ -659,9 +672,9 @@ function ke() {
     let d = null;
     if (c === "up" ? e.position === null ? d = i.length - 1 : e.position > 0 ? d = e.position - 1 : d = 0 : e.position === null || e.position >= i.length - 1 ? d = null : d = e.position + 1, t((u) => ({
       ...u,
-      storedCommands: i.map((h) => ({
-        ...h,
-        commandSegments: D(h.commandSegments)
+      storedCommands: i.map((g) => ({
+        ...g,
+        commandSegments: L(g.commandSegments)
       })),
       position: d
     })), d === null)
@@ -669,15 +682,15 @@ function ke() {
         segments: [],
         position: null
       };
-    const g = i[d];
-    return g ? {
-      segments: D(g.commandSegments),
+    const h = i[d];
+    return h ? {
+      segments: L(h.commandSegments),
       position: d
     } : {
       segments: [],
       position: null
     };
-  }, [e.position, r]), o = w(async () => {
+  }, [e.position, s]), o = f(async () => {
     try {
       if (!n) return;
       await n.clear(), t({
@@ -690,93 +703,93 @@ function ke() {
   }, [n]);
   return {
     history: e,
-    addStoredCommand: s,
-    getStoredCommands: r,
+    addStoredCommand: r,
+    getStoredCommands: s,
     navigateHistory: a,
     clear: o
   };
 }
-const de = () => {
-  const n = j(), e = Z(), t = ke(), s = V(), r = be(), [a, o] = _({
+const he = () => {
+  const n = j(), e = oe(), t = Pe(), r = X(), s = Ae(), [a, o] = M({
     currentInput: "",
     isEnteringArg: !1,
     output: [],
     history: {
       commands: [],
       position: null,
-      storage: r
+      storage: s
     }
   });
-  P(() => {
-  }, [r]), P(() => {
+  I(() => {
+  }, [s]), I(() => {
     o((i) => ({
       ...i,
       history: {
         commands: t.history.storedCommands,
         position: t.history.position,
-        storage: r
+        storage: s
       }
     }));
-  }, [t.history, r]);
+  }, [t.history, s]);
   const c = {
-    setCurrentInput: w((i) => {
+    setCurrentInput: f((i) => {
       k.debug("[CitadelActions] setCurrentInput: ", i), o((d) => ({ ...d, currentInput: i }));
     }, []),
-    setIsEnteringArg: w((i) => {
+    setIsEnteringArg: f((i) => {
       k.debug("[CitadelActions] setIsEnteringArg: ", i), o((d) => ({ ...d, isEnteringArg: i }));
     }, []),
-    addOutput: w((i) => {
+    addOutput: f((i) => {
       k.debug("[CitadelActions]addOutput: ", i), o((d) => ({
         ...d,
         output: [...d.output, i]
       }));
     }, []),
-    executeCommand: w(async () => {
-      const i = s.path(), d = e.getCommand(i);
+    executeCommand: f(async () => {
+      const i = r.path(), d = e.getCommand(i);
       if (!d) {
         console.error("[CitadelActions][executeCommand] Cannot execute command because no command was found for the given path: ", i);
         return;
       }
-      const g = new oe(s);
+      const h = new de(r);
       o((u) => ({
         ...u,
-        output: [...u.output, g]
+        output: [...u.output, h]
       }));
       try {
-        const u = new Promise((y, v) => {
+        const u = new Promise((v, b) => {
           setTimeout(() => {
-            v(new Error("Request timed out"));
+            b(new Error("Request timed out"));
           }, n.commandTimeoutMs);
-        }), h = s.arguments.map((y) => y.value || ""), x = await Promise.race([
-          d.handler(h),
+        }), g = r.arguments.map((v) => v.value || ""), w = await Promise.race([
+          d.handler(g),
           u
         ]);
-        if (!(x instanceof W))
+        if (!(w instanceof W))
           throw new Error(
             `The ${i.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 ${i.join(".")} command and update the return type for its handler.`
           );
-        x.markSuccess(), o((y) => ({
-          ...y,
-          output: y.output.map(
-            (v) => v.id === g.id ? { ...v, result: x } : v
+        w.markSuccess(), o((v) => ({
+          ...v,
+          output: v.output.map(
+            (b) => b.id === h.id ? { ...b, result: w } : b
           )
         }));
       } catch (u) {
-        const h = new we(
+        const g = new be(
           u instanceof Error ? u.message : "Unknown error"
         );
-        h.markFailure(), o((x) => ({
-          ...x,
-          output: x.output.map(
-            (y) => y.id === g.id ? { ...y, result: h } : y
+        g.markFailure(), o((w) => ({
+          ...w,
+          output: w.output.map(
+            (v) => v.id === h.id ? { ...v, result: g } : v
           )
         }));
       }
-    }, [e, n.commandTimeoutMs, s]),
-    clearHistory: w(async () => {
+    }, [e, n.commandTimeoutMs, r]),
+    clearHistory: f(async () => {
       try {
         await t.clear();
       } catch (i) {
@@ -785,72 +798,76 @@ Check the definition of the ${i.join(".")} command and update the return type fo
     }, [t])
   };
   return { state: a, actions: c };
-}, qe = ({ onOpen: n, onClose: e, isVisible: t, showCitadelKey: s }) => {
-  P(() => {
-    const r = (a) => {
-      var o, c;
-      !t && a.key === s && !["input", "textarea"].includes(((c = (o = a.target) == null ? void 0 : o.tagName) == null ? void 0 : c.toLowerCase()) || "") && (a.preventDefault(), n()), t && a.key === "Escape" && (a.preventDefault(), e());
+}, Xe = ({
+  onOpen: n,
+  onClose: e,
+  isVisible: t,
+  showCitadelKey: r,
+  closeOnEscape: s
+}) => {
+  I(() => {
+    const a = (o) => {
+      var c, i;
+      !t && o.key === r && !["input", "textarea"].includes(((i = (c = o.target) == null ? void 0 : c.tagName) == null ? void 0 : i.toLowerCase()) || "") && (o.preventDefault(), n()), s && t && o.key === "Escape" && (o.preventDefault(), e());
     };
-    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-  }, [n, e, t, s]);
-}, Be = (n) => {
-  const { isVisible: e, isClosing: t, onAnimationComplete: s } = n, r = A(() => e ? t ? "citadel_slideDown" : "citadel_slideUp" : "", [e, t]);
-  return P(() => {
-    if (s) {
-      const o = setTimeout(() => {
-        s();
-      }, 200);
-      return () => clearTimeout(o);
+    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+  }, [n, e, t, r, s]);
+}, Qe = 200, Ze = (n) => {
+  const { isVisible: e, isClosing: t, onAnimationComplete: r } = n, s = _(() => e ? t ? "citadel_slideDown" : "citadel_slideUp" : "", [e, t]);
+  return I(() => {
+    if (!t || !r) return;
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+      r();
+      return;
     }
-  }, [t, s]), {
-    style: A(() => ({
-      opacity: e ? 1 : 0,
-      transform: e ? "translateY(0)" : t ? "translateY(100%)" : "translateY(-100%)",
-      transition: "opacity 200ms ease-in-out, transform 200ms ease-in-out"
-    }), [e, t]),
-    animationClass: r
+    const o = setTimeout(() => {
+      r();
+    }, Qe);
+    return () => clearTimeout(o);
+  }, [t, r]), {
+    animationClass: s
   };
-}, Ve = () => /* @__PURE__ */ m(
+}, et = () => /* @__PURE__ */ m(
   "div",
   {
     "data-testid": "spinner",
     className: "citadel-spinner"
   }
-), Ee = (n) => {
+), He = (n) => {
   const e = n == null ? void 0 : n.trim();
   return e || void 0;
-}, Ye = (n) => {
-  const e = Ee(n);
+}, tt = (n) => {
+  const e = He(n);
   return e ? { style: { fontSize: e } } : {};
-}, ee = (n, e) => {
-  const t = Ee(n), r = {
-    ...Ye(e).style
+}, ae = (n, e) => {
+  const t = He(n), s = {
+    ...tt(e).style
   };
-  return t && (r.fontFamily = t), {
-    style: Object.keys(r).length > 0 ? r : void 0
+  return t && (s.fontFamily = t), {
+    style: Object.keys(s).length > 0 ? s : void 0
   };
-}, Je = ({
+}, nt = ({
   command: n,
   timestamp: e,
   status: t,
-  fontFamily: s,
-  fontSize: r
+  fontFamily: r,
+  fontSize: s
 }) => {
-  const a = A(
-    () => ee(s, r ?? "0.875rem"),
-    [s, r]
+  const a = _(
+    () => ae(r, s ?? "0.875rem"),
+    [r, s]
   );
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ A(
     "div",
     {
       className: "citadel-output-line",
       style: a.style,
       children: [
-        /* @__PURE__ */ I("span", { className: "citadel-output-command", children: [
+        /* @__PURE__ */ A("span", { className: "citadel-output-command", children: [
           "> ",
           n.split(" ").map((o, c) => {
             const i = o.startsWith("<") && o.endsWith(">");
-            return /* @__PURE__ */ I(
+            return /* @__PURE__ */ A(
               "span",
               {
                 className: i ? "citadel-output-command-arg" : "citadel-output-command-word",
@@ -865,15 +882,15 @@ Check the definition of the ${i.join(".")} command and update the return type fo
         ] }),
         /* @__PURE__ */ m("span", { className: "citadel-output-separator", children: "·" }),
         /* @__PURE__ */ m("span", { className: "citadel-output-timestamp", children: e }),
-        t === q.Pending && /* @__PURE__ */ m(Ve, {}),
-        t === q.Success && /* @__PURE__ */ m(
+        t === Y.Pending && /* @__PURE__ */ m(et, {}),
+        t === Y.Success && /* @__PURE__ */ m(
           "div",
           {
             "data-testid": "success-indicator",
             className: "citadel-status-dot citadel-status-dot-success"
           }
         ),
-        (t === q.Timeout || t === q.Failure) && /* @__PURE__ */ m(
+        (t === Y.Timeout || t === Y.Failure) && /* @__PURE__ */ m(
           "div",
           {
             "data-testid": "success-indicator",
@@ -883,11 +900,11 @@ Check the definition of the ${i.join(".")} command and update the return type fo
       ]
     }
   );
-}, Ge = ({ output: n, outputRef: e }) => {
-  const t = j(), s = A(
-    () => ee(t.fontFamily, t.outputFontSize ?? t.fontSize),
+}, rt = ({ output: n, outputRef: e }) => {
+  const t = j(), r = _(
+    () => ae(t.fontFamily, t.outputFontSize ?? t.fontSize),
     [t.fontFamily, t.fontSize, t.outputFontSize]
-  ), r = w(() => {
+  ), s = f(() => {
     if (e.current) {
       const a = e.current;
       requestAnimationFrame(() => {
@@ -895,21 +912,21 @@ Check the definition of the ${i.join(".")} command and update the return type fo
       });
     }
   }, [e]);
-  return P(() => {
-    if (r(), e.current) {
+  return I(() => {
+    if (s(), e.current) {
       const a = e.current.getElementsByTagName("img"), o = a[a.length - 1];
       if (o && !o.complete)
-        return o.addEventListener("load", r), () => o.removeEventListener("load", r);
+        return o.addEventListener("load", s), () => o.removeEventListener("load", s);
     }
-  }, [n, r, e]), /* @__PURE__ */ m(
+  }, [n, s, e]), /* @__PURE__ */ m(
     "div",
     {
       ref: e,
       className: "citadel-output",
       "data-testid": "citadel-command-output",
-      children: n.map((a) => /* @__PURE__ */ I("div", { className: "citadel-output-item", children: [
+      children: n.map((a) => /* @__PURE__ */ A("div", { className: "citadel-output-item", children: [
         /* @__PURE__ */ m(
-          Je,
+          nt,
           {
             command: a.command.join(" "),
             timestamp: new Date(a.timestamp).toLocaleTimeString(),
@@ -922,14 +939,14 @@ Check the definition of the ${i.join(".")} command and update the return type fo
           "div",
           {
             className: "citadel-output-content",
-            style: s.style,
+            style: r.style,
             children: a.result.render()
           }
         )
       ] }, a.id))
     }
   );
-}, Qe = {
+}, st = {
   blink: {
     character: "▋",
     speed: 530,
@@ -950,37 +967,37 @@ Check the definition of the ${i.join(".")} command and update the return type fo
     speed: 120,
     color: "#fff"
   }
-}, he = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], ge = ["|", "/", "-", "\\"], Xe = ({
+}, we = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], Ce = ["|", "/", "-", "\\"], ot = ({
   style: n = { type: "blink" },
   isValid: e = !0,
   errorMessage: t
 }) => {
-  const s = A(() => ({
-    ...Qe[n.type],
+  const r = _(() => ({
+    ...st[n.type],
     ...n
-  }), [n]), [r, a] = _(!0), [o, c] = _(0);
-  P(() => {
-    if (s.speed === 0) return;
-    const g = setInterval(() => {
-      s.type === "blink" ? a((u) => !u) : ["spin", "bbs"].includes(s.type) && c((u) => (u + 1) % (s.type === "bbs" ? ge.length : he.length));
-    }, s.speed);
-    return () => clearInterval(g);
-  }, [s.type, s.speed]);
-  const i = A(() => ({
-    color: e ? s.color : "#ff4444",
+  }), [n]), [s, a] = M(!0), [o, c] = M(0);
+  I(() => {
+    if (r.speed === 0) return;
+    const h = setInterval(() => {
+      r.type === "blink" ? a((u) => !u) : ["spin", "bbs"].includes(r.type) && c((u) => (u + 1) % (r.type === "bbs" ? Ce.length : we.length));
+    }, r.speed);
+    return () => clearInterval(h);
+  }, [r.type, r.speed]);
+  const i = _(() => ({
+    color: e ? r.color : "#ff4444",
     transition: "color 0.15s ease-in-out"
-  }), [e, s.color]);
+  }), [e, r.color]);
   return /* @__PURE__ */ m("div", { className: "citadel-cursor-wrapper", children: /* @__PURE__ */ m(
     "span",
     {
       className: `command-cursor ${e ? "" : "animate-shake"}`,
       style: i,
       title: t,
-      children: !e && t ? "✗" : ["spin", "bbs"].includes(s.type) ? (s.type === "bbs" ? ge : he)[o] : s.type === "solid" || r ? s.character : " "
+      children: !e && t ? "✗" : ["spin", "bbs"].includes(r.type) ? (r.type === "bbs" ? Ce : we)[o] : r.type === "solid" || s ? r.character : " "
     }
   ) });
 };
-function Ze(n, e) {
+function at(n, e) {
   switch (e.type) {
     case "set":
       return k.debug(`[inputStateReducer] InputState changing from ${n} to ${e.state}`), e.state;
@@ -988,252 +1005,252 @@ function Ze(n, e) {
       return n;
   }
 }
-const et = () => {
-  const { state: n } = de(), e = Z(), t = ke(), s = V(), [r, a] = _e(Ze, "idle"), o = (l) => {
+const it = () => {
+  const { state: n } = he(), e = oe(), t = Pe(), r = X(), [s, a] = ze(at, "idle"), o = (l) => {
     a({ type: "set", state: l });
-  }, c = w(() => {
-    const p = e.getCompletions(s.path())[0] || s.nullSegment;
+  }, c = f(() => {
+    const p = e.getCompletions(r.path())[0] || r.nullSegment;
     return k.debug("[getNextExpectedSegment] ", p), p;
-  }, [e, s]), i = w(() => e.getCompletionNames(s.path()).map((p) => e.getCommand([...s.path(), p])).filter((p) => p !== void 0), [e, s]), d = w((l, p) => {
+  }, [e, r]), i = f(() => e.getCompletionNames(r.path()).map((p) => e.getCommand([...r.path(), p])).filter((p) => p !== void 0), [e, r]), d = f((l, p) => {
     if (!l) return p;
-    const C = s.path().length;
-    return p.filter((M) => {
-      const S = M.segments[C];
+    const C = r.path().length;
+    return p.filter((D) => {
+      const S = D.segments[C];
       return !S || S.type !== "word" ? !1 : S.name.toLowerCase().startsWith(l.toLowerCase());
     });
-  }, [s]), g = w((l) => {
-    const p = e.getUniqueCompletion(s.path(), l);
-    return p && p.type === "word" ? p : s.nullSegment;
-  }, [e, s]), u = w((l) => {
-    const p = s.path(), C = e.getCompletions(p);
+  }, [r]), h = f((l) => {
+    const p = e.getUniqueCompletion(r.path(), l);
+    return p && p.type === "word" ? p : r.nullSegment;
+  }, [e, r]), u = f((l) => {
+    const p = r.path(), C = e.getCompletions(p);
     return C.length === 0 && l ? !1 : C.some((S) => S.type === "argument") ? !0 : e.getMatchingCompletions(p, l).some((S) => S.type === "word");
-  }, [e, s]), h = w((l) => {
+  }, [e, r]), g = f((l) => {
     k.debug("[tryAutoComplete] input: ", l);
-    const p = g(l);
-    return !p || p.type === "null" ? new le() : (k.debug("[tryAutoComplete] result: ", p), p);
-  }, [g]), x = w((l, p) => {
+    const p = h(l);
+    return !p || p.type === "null" ? new pe() : (k.debug("[tryAutoComplete] result: ", p), p);
+  }, [h]), w = f((l, p) => {
     if (n.history.position !== null)
       return;
     p.setCurrentInput(l), k.debug("[useCommandParser][handleInputChange] newValue: ", l);
     const C = c();
-    if (C.type === "argument" || r === "entering_argument") {
-      const H = fe(l);
-      if (H.isQuoted)
-        if (H.isComplete) {
-          if (!(C instanceof O)) return;
-          C.value = l.trim() || "", k.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", C), s.push(C), p.setCurrentInput(""), o("idle");
+    if (C.type === "argument" || s === "entering_argument") {
+      const T = ve(l);
+      if (T.isQuoted)
+        if (T.isComplete) {
+          if (!(C instanceof q)) return;
+          C.value = l.trim() || "", k.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", C), r.push(C), p.setCurrentInput(""), o("idle");
           return;
         } else
           return;
-      else if (H.isComplete) {
-        if (!(C instanceof O)) return;
-        C.value = l.trim() || "", k.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", C), s.push(C), p.setCurrentInput(""), o("idle");
+      else if (T.isComplete) {
+        if (!(C instanceof q)) return;
+        C.value = l.trim() || "", k.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", C), r.push(C), p.setCurrentInput(""), o("idle");
         return;
       } else
         return;
     }
     if (l.endsWith(" ")) {
-      const H = l.trim().toLowerCase(), T = e.getCompletions(s.path()).filter(
-        (b) => b.type === "word" && b.name.toLowerCase() === H
+      const T = l.trim().toLowerCase(), U = e.getCompletions(r.path()).filter(
+        (N) => N.type === "word" && N.name.toLowerCase() === T
       );
-      if (T.length === 1) {
-        s.push(T[0]), p.setCurrentInput(""), o("idle");
+      if (U.length === 1) {
+        r.push(U[0]), p.setCurrentInput(""), o("idle");
         return;
       }
     }
-    const S = h(l);
+    const S = g(l);
     if (S.type === "word") {
-      k.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", S), s.push(S), p.setCurrentInput(""), o("idle");
+      k.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", S), r.push(S), p.setCurrentInput(""), o("idle");
       return;
     }
-  }, [h, n, c, r, s, e]), y = w((l) => {
-    l.setCurrentInput(""), l.setIsEnteringArg(!1), s.clear(), o("idle");
-  }, [s]), v = w((l, p, C) => {
+  }, [g, n, c, s, r, e]), v = f((l) => {
+    l.setCurrentInput(""), l.setIsEnteringArg(!1), r.clear(), o("idle");
+  }, [r]), b = f((l, p, C) => {
     if (!(l.key === "Backspace" || l.key === "Enter" || l.key === "ArrowUp" || l.key === "ArrowDown" || l.key === "ArrowLeft" || l.key === "ArrowRight" || l.key === "Escape" || l.key === "Delete" || l.key === "Home" || l.key === "End" || l.key.length === 1))
       return !0;
-    const { currentInput: S, isEnteringArg: H } = p, T = fe(S);
+    const { currentInput: S, isEnteringArg: T } = p, U = ve(S);
     switch (l.key) {
       case "Backspace":
-        return S === "" && (l.preventDefault(), s.size() > 0 && s.pop(), o("idle")), !0;
+        return S === "" && (l.preventDefault(), r.size() > 0 && r.pop(), o("idle")), !0;
       case "Enter": {
-        if (l.preventDefault(), T.isQuoted && !T.isComplete)
+        if (l.preventDefault(), U.isQuoted && !U.isComplete)
           return !0;
-        if (r === "entering_argument" || H && S.trim()) {
+        if (s === "entering_argument" || T && S.trim()) {
           const F = c();
-          F instanceof O && (F.value = S, k.debug("[handleKeyDown][Enter]['entering_argument'] pushing: ", F), s.push(F));
+          F instanceof q && (F.value = S, k.debug("[handleKeyDown][Enter]['entering_argument'] pushing: ", F), r.push(F));
         }
-        const b = s.path(), te = e.getCommand(b);
-        if (!te)
+        const N = r.path(), z = e.getCommand(N);
+        if (!z)
           return !1;
-        const K = te.segments.filter((F) => F.type === "argument"), ne = s.arguments;
-        return K.length > ne.length ? !1 : (k.debug("[handleKeyDown][Enter] calling actions.executeCommand. segmentStack: ", s), C.executeCommand(), t.addStoredCommand(s.toArray()), y(C), !0);
+        const O = z.segments.filter((F) => F.type === "argument"), B = r.arguments;
+        return O.length > B.length ? !1 : (k.debug("[handleKeyDown][Enter] calling actions.executeCommand. segmentStack: ", r), C.executeCommand(), t.addStoredCommand(r.toArray()), v(C), !0);
       }
       case "ArrowUp":
         return l.preventDefault(), (async () => {
-          const b = await t.navigateHistory("up");
-          return b.segments && (s.clear(), s.pushAll(b.segments), C.setCurrentInput("")), !0;
+          const N = await t.navigateHistory("up");
+          return N.segments && (r.clear(), r.pushAll(N.segments), C.setCurrentInput("")), !0;
         })();
       case "ArrowDown":
         return l.preventDefault(), (async () => {
-          const b = await t.navigateHistory("down");
-          return b.segments && (s.clear(), s.pushAll(b.segments), C.setCurrentInput("")), !0;
+          const N = await t.navigateHistory("down");
+          return N.segments && (r.clear(), r.pushAll(N.segments), C.setCurrentInput("")), !0;
         })();
       default: {
-        if (!H && l.key.length === 1) {
-          const b = S + l.key;
-          if (!u(b))
+        if (!T && l.key.length === 1) {
+          const N = S + l.key;
+          if (!u(N))
             return l.preventDefault(), !1;
         }
         return !0;
       }
     }
   }, [
-    r,
+    s,
     u,
     c,
     t,
-    y,
+    v,
     e,
-    s
+    r
   ]);
   return {
-    handleInputChange: x,
-    handleKeyDown: v,
-    inputState: r,
+    handleInputChange: w,
+    handleKeyDown: b,
+    inputState: s,
     setInputStateWithLogging: o,
     // Expose internal functions for testing
     findMatchingCommands: d,
-    getAutocompleteSuggestion: g,
+    getAutocompleteSuggestion: h,
     getAvailableNodes: i,
     getNextExpectedSegment: c,
     isValidCommandInput: u
   };
 };
-function fe(n) {
+function ve(n) {
   const e = [];
-  let t = "", s = !1, r;
+  let t = "", r = !1, s;
   for (let a = 0; a < n.length; a++) {
     const o = n[a];
-    (o === '"' || o === "'") && (!s || o === r) ? s ? (e.push(t), t = "", s = !1, r = void 0) : (t && (e.push(t), t = ""), s = !0, r = o) : !s && o === " " ? t && (e.push(t), t = "") : t += o;
+    (o === '"' || o === "'") && (!r || o === s) ? r ? (e.push(t), t = "", r = !1, s = void 0) : (t && (e.push(t), t = ""), r = !0, s = o) : !r && o === " " ? t && (e.push(t), t = "") : t += o;
   }
   return {
     words: e,
     currentWord: t,
-    isQuoted: s,
-    quoteChar: r,
-    isComplete: !s && !t
+    isQuoted: r,
+    quoteChar: s,
+    isComplete: !r && !t
   };
 }
-const tt = () => {
-  const n = V(), [e, t] = _(0);
-  return P(() => {
-    const s = {
+const ct = () => {
+  const n = X(), [e, t] = M(0);
+  return I(() => {
+    const r = {
       update: () => {
-        t((r) => r + 1);
+        t((s) => s + 1);
       }
     };
-    return n.subscribe(s), () => {
-      n.unsubscribe(s);
+    return n.subscribe(r), () => {
+      n.unsubscribe(r);
     };
   }, [n]), e;
-}, nt = ({
+}, lt = ({
   state: n,
   actions: e
 }) => {
-  const t = z(null), s = Z(), r = V(), {
+  const t = R(null), r = oe(), s = X(), {
     handleKeyDown: a,
     handleInputChange: o,
     inputState: c,
     setInputStateWithLogging: i,
     getNextExpectedSegment: d
-  } = et(), [g, u] = _(!1), h = j(), x = tt(), y = z(null), [v, l] = _(0), p = A(
-    () => ee(h.fontFamily, h.fontSize),
-    [h.fontFamily, h.fontSize]
-  ), C = w(async (E) => {
-    const R = a(E, n, e);
-    await Promise.resolve(R) === !1 && (u(!0), setTimeout(() => u(!1), 500));
-  }, [e, a, n]), M = w((E) => {
-    o(E.target.value, e);
-  }, [e, o]), S = w((E) => {
-    E.preventDefault();
-    const R = E.clipboardData.getData("text");
-    o(R, e);
+  } = it(), [h, u] = M(!1), g = j(), w = ct(), v = R(null), [b, l] = M(0), p = _(
+    () => ae(g.fontFamily, g.fontSize),
+    [g.fontFamily, g.fontSize]
+  ), C = f(async (x) => {
+    const P = a(x, n, e);
+    await Promise.resolve(P) === !1 && (u(!0), setTimeout(() => u(!1), 500));
+  }, [e, a, n]), D = f((x) => {
+    o(x.target.value, e);
+  }, [e, o]), S = f((x) => {
+    x.preventDefault();
+    const P = x.clipboardData.getData("text");
+    o(P, e);
   }, [e, o]);
-  P(() => {
+  I(() => {
     t.current && t.current.focus(), c !== "entering_command" && i("entering_command");
-  }, [c, i]), P(() => {
+  }, [c, i]), I(() => {
     if (c !== "idle") return;
-    const E = d();
-    let R = "idle";
-    switch (E.type) {
+    const x = d();
+    let P = "idle";
+    switch (x.type) {
       case "word":
-        R = "entering_command", e.setIsEnteringArg(!1);
+        P = "entering_command", e.setIsEnteringArg(!1);
         break;
       case "argument":
-        R = "entering_argument", e.setIsEnteringArg(!0);
+        P = "entering_argument", e.setIsEnteringArg(!0);
         break;
     }
-    i(R);
-  }, [x, c, d, i, e]);
-  const H = A(() => {
-    const E = [], R = r.toArray().map((L, se) => {
-      E.push(L.name);
-      const me = s.hasNextSegment(E);
-      if (L.type === "argument") {
-        const re = L;
-        return /* @__PURE__ */ I(U.Fragment, { children: [
-          /* @__PURE__ */ m("span", { className: "citadel-input-segment-arg", children: re.value }),
-          se < r.size() && me && /* @__PURE__ */ m("span", { className: "citadel-input-segment-space", children: " " })
-        ] }, "arg-" + re.name + re.value);
+    i(P);
+  }, [w, c, d, i, e]);
+  const T = _(() => {
+    const x = [], P = s.toArray().map((H, V) => {
+      x.push(H.name);
+      const Q = r.hasNextSegment(x);
+      if (H.type === "argument") {
+        const G = H;
+        return /* @__PURE__ */ A(K.Fragment, { children: [
+          /* @__PURE__ */ m("span", { className: "citadel-input-segment-arg", children: G.value }),
+          V < s.size() && Q && /* @__PURE__ */ m("span", { className: "citadel-input-segment-space", children: " " })
+        ] }, "arg-" + G.name + G.value);
       }
-      return /* @__PURE__ */ I(U.Fragment, { children: [
-        /* @__PURE__ */ m("span", { className: "citadel-input-segment-word", children: L.name }),
-        se < r.size() && me && /* @__PURE__ */ m("span", { className: "citadel-input-segment-space citadel-input-segment-space-command", children: " " })
-      ] }, "word-" + L.name);
+      return /* @__PURE__ */ A(K.Fragment, { children: [
+        /* @__PURE__ */ m("span", { className: "citadel-input-segment-word", children: H.name }),
+        V < s.size() && Q && /* @__PURE__ */ m("span", { className: "citadel-input-segment-space citadel-input-segment-space-command", children: " " })
+      ] }, "word-" + H.name);
     });
-    return [/* @__PURE__ */ m("div", { className: "citadel-input-segments", "data-testid": "user-input-area", children: R }, x)];
-  }, [x, s, r]), [T, b] = _("");
-  P(() => {
-    const E = d();
-    E.type === "argument" ? b(E.name) : b("");
-  }, [x, d]);
-  const K = !n.isEnteringArg ? "is-command-mode" : "is-argument-mode", ne = A(
+    return [/* @__PURE__ */ m("div", { className: "citadel-input-segments", "data-testid": "user-input-area", children: P }, w)];
+  }, [w, r, s]), [U, N] = M("");
+  I(() => {
+    const x = d();
+    x.type === "argument" ? N(x.name) : N("");
+  }, [w, d]);
+  const O = !n.isEnteringArg ? "is-command-mode" : "is-argument-mode", B = _(
     () => ({
-      left: `${v}px`,
+      left: `${b}px`,
       transition: "left 0.05s ease-out"
     }),
-    [v]
-  ), F = A(
+    [b]
+  ), F = _(
     () => ({
-      type: h.cursorType ?? N.cursorType,
-      color: h.cursorColor || N.cursorColor,
-      speed: h.cursorSpeed || N.cursorSpeed
+      type: g.cursorType ?? E.cursorType,
+      color: g.cursorColor || E.cursorColor,
+      speed: g.cursorSpeed || E.cursorSpeed
     }),
-    [h.cursorColor, h.cursorSpeed, h.cursorType]
+    [g.cursorColor, g.cursorSpeed, g.cursorType]
   );
-  return Me(() => {
-    const E = y.current, R = t.current;
-    if (!E || !R) {
+  return Fe(() => {
+    const x = v.current, P = t.current;
+    if (!x || !P) {
       l(0);
       return;
     }
-    const L = E.getBoundingClientRect().width;
-    l(Math.max(0, L - R.scrollLeft));
-  }, [n.currentInput, K, p.style]), /* @__PURE__ */ m("div", { className: "citadel-input-shell", children: /* @__PURE__ */ I(
+    const H = x.getBoundingClientRect().width;
+    l(Math.max(0, H - P.scrollLeft));
+  }, [n.currentInput, O, p.style]), /* @__PURE__ */ m("div", { className: "citadel-input-shell", children: /* @__PURE__ */ A(
     "div",
     {
       className: "citadel-input-line",
       style: p.style,
       children: [
         /* @__PURE__ */ m("div", { className: "citadel-input-prompt", children: ">" }),
-        /* @__PURE__ */ I("div", { className: "citadel-input-row", children: [
-          H,
-          /* @__PURE__ */ I("div", { className: "citadel-input-control", children: [
+        /* @__PURE__ */ A("div", { className: "citadel-input-row", children: [
+          T,
+          /* @__PURE__ */ A("div", { className: "citadel-input-control", children: [
             /* @__PURE__ */ m(
               "span",
               {
-                ref: y,
-                className: `citadel-input-measure ${K}`.trim(),
+                ref: v,
+                className: `citadel-input-measure ${O}`.trim(),
                 "aria-hidden": "true",
                 children: n.currentInput
               }
@@ -1245,22 +1262,22 @@ const tt = () => {
                 type: "text",
                 role: "textbox",
                 value: n.currentInput,
-                onChange: M,
+                onChange: D,
                 onKeyDown: C,
                 onPaste: S,
                 "data-testid": "citadel-command-input",
-                className: `citadel-input-field ${K} ${g ? "invalid-input-animation" : ""}`.trim(),
+                className: `citadel-input-field ${O} ${h ? "invalid-input-animation" : ""}`.trim(),
                 spellCheck: !1,
                 autoComplete: "off",
-                placeholder: T
+                placeholder: U
               }
             ),
             /* @__PURE__ */ m(
               "div",
               {
                 className: "citadel-input-cursor",
-                style: ne,
-                children: /* @__PURE__ */ m(Xe, { style: F })
+                style: B,
+                children: /* @__PURE__ */ m(ot, { style: F })
               }
             )
           ] })
@@ -1268,159 +1285,188 @@ const tt = () => {
       ]
     }
   ) });
-}, st = ({ currentInput: n = "" }) => {
-  const e = Z(), t = j(), s = V(), r = U.useMemo(
-    () => ee(t.fontFamily, t.fontSize),
+}, dt = ({ currentInput: n = "" }) => {
+  const e = oe(), t = j(), r = X(), s = K.useMemo(
+    () => ae(t.fontFamily, t.fontSize),
     [t.fontFamily, t.fontSize]
   ), a = n.trim().toLowerCase(), o = e.getMatchingCompletions(
-    s.path(),
+    r.path(),
     a
   );
   k.debug("[AvailableCommands] nextCommandSegments: ", o);
-  const c = U.useMemo(() => {
-    const u = [...o], h = (l) => l.name.toLowerCase() === "help", x = u.filter(h);
-    return [...u.filter((l) => !h(l)).sort(
+  const c = K.useMemo(() => {
+    const u = [...o], g = (l) => l.name.toLowerCase() === "help", w = u.filter(g);
+    return [...u.filter((l) => !g(l)).sort(
       (l, p) => l.name.localeCompare(p.name, void 0, { sensitivity: "base" })
-    ), ...x];
-  }, [o]), i = U.useMemo(() => {
+    ), ...w];
+  }, [o]), i = K.useMemo(() => {
     const u = /* @__PURE__ */ new Map();
-    for (const h of c) {
-      const x = c.reduce((y, v) => {
-        if (v === h) return y;
+    for (const g of c) {
+      const w = c.reduce((v, b) => {
+        if (b === g) return v;
         let l = 0;
-        for (; l < h.name.length && l < v.name.length && h.name[l].toLowerCase() === v.name[l].toLowerCase(); )
+        for (; l < g.name.length && l < b.name.length && g.name[l].toLowerCase() === b.name[l].toLowerCase(); )
           l++;
-        return Math.max(y, l + 1);
+        return Math.max(v, l + 1);
       }, 1);
-      u.set(h.name, x);
+      u.set(g.name, w);
     }
     return u;
-  }, [c]), d = o.some((u) => u.type === "argument"), g = o[0];
-  return /* @__PURE__ */ m("div", { className: "citadel-available-commands", "data-testid": "available-commands", children: /* @__PURE__ */ m("div", { className: "citadel-available-commands-content", style: r.style, children: d ? o.length > 0 ? /* @__PURE__ */ I(He, { children: [
-    /* @__PURE__ */ m("span", { className: "citadel-available-next-arg", children: g.name }),
-    g.description && /* @__PURE__ */ I("span", { className: "citadel-available-next-desc", children: [
+  }, [c]), d = o.some((u) => u.type === "argument"), h = o[0];
+  return /* @__PURE__ */ m("div", { className: "citadel-available-commands", "data-testid": "available-commands", children: /* @__PURE__ */ m("div", { className: "citadel-available-commands-content", style: s.style, children: d ? o.length > 0 ? /* @__PURE__ */ A(Oe, { children: [
+    /* @__PURE__ */ m("span", { className: "citadel-available-next-arg", children: h.name }),
+    h.description && /* @__PURE__ */ A("span", { className: "citadel-available-next-desc", children: [
       "- ",
-      g.description
+      h.description
     ] })
   ] }) : null : /* @__PURE__ */ m("div", { className: "citadel-available-chip-list", children: c == null ? void 0 : c.map((u) => {
-    const h = i.get(u.name) ?? 1;
+    const g = i.get(u.name) ?? 1;
     return /* @__PURE__ */ m(
       "div",
       {
         "data-testid": "available-command-chip",
         className: "citadel-available-chip",
-        children: /* @__PURE__ */ I("span", { className: "citadel-available-chip-text", children: [
-          /* @__PURE__ */ m("strong", { className: "citadel-available-chip-prefix", children: u.name.slice(0, h) }),
-          u.name.slice(h)
+        children: /* @__PURE__ */ A("span", { className: "citadel-available-chip-text", children: [
+          /* @__PURE__ */ m("strong", { className: "citadel-available-chip-prefix", children: u.name.slice(0, g) }),
+          u.name.slice(g)
         ] })
       },
       u.name
     );
   }) }) }) });
-}, Ne = ({
+}, _e = ({
   state: n,
   actions: e,
   outputRef: t
 }) => {
-  const r = j().displayMode === "inline", a = U.useMemo(
-    () => r ? { overflow: "hidden" } : void 0,
-    [r]
+  const r = j(), s = r.displayMode === "inline", a = r.showOutputPane ?? !0, o = K.useMemo(
+    () => a && s ? { overflow: "hidden" } : void 0,
+    [s, a]
   );
-  return /* @__PURE__ */ I("div", { className: "innerContainer citadel-tty", children: [
-    /* @__PURE__ */ m(
+  return /* @__PURE__ */ A("div", { className: "innerContainer citadel-tty", children: [
+    a ? /* @__PURE__ */ m(
       "div",
       {
         className: "citadel-tty-output-pane",
         "data-testid": "citadel-output-pane",
-        style: a,
-        children: /* @__PURE__ */ m(Ge, { output: n.output, outputRef: t })
+        style: o,
+        children: /* @__PURE__ */ m(rt, { output: n.output, outputRef: t })
       }
-    ),
-    /* @__PURE__ */ I("div", { className: "citadel-tty-input-region", children: [
-      /* @__PURE__ */ m(nt, { state: n, actions: e }),
-      /* @__PURE__ */ m(st, { currentInput: n.isEnteringArg ? "" : n.currentInput })
+    ) : null,
+    /* @__PURE__ */ A("div", { className: "citadel-tty-input-region", children: [
+      /* @__PURE__ */ m(lt, { state: n, actions: e }),
+      /* @__PURE__ */ m(dt, { currentInput: n.isEnteringArg ? "" : n.currentInput })
     ] })
   ] });
-}, rt = () => {
-  const [n, e] = _(!1), [t, s] = _(!1), r = j(), [a, o] = _(() => r.initialHeight || null), c = z(null), i = z(null), d = z(!1), g = z(0), u = z(0), { state: h, actions: x } = de();
-  qe({
-    onOpen: () => e(!0),
-    onClose: () => s(!0),
-    isVisible: n,
-    showCitadelKey: r.showCitadelKey || "."
+}, Z = "128px", mt = "200px", ut = "80vh", ie = (n) => {
+  if (!n) return;
+  const e = n.trim();
+  if (e)
+    return /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
+}, Se = (n, e) => {
+  if (!n) return e;
+  const t = n.trim();
+  if (!t) return e;
+  if (t.endsWith("vh")) {
+    const s = Number.parseFloat(t);
+    return Number.isFinite(s) ? window.innerHeight * s / 100 : e;
+  }
+  const r = Number.parseFloat(t);
+  return Number.isFinite(r) ? r : e;
+}, pt = () => {
+  const n = j(), e = n.showOutputPane ?? !0, t = ie(n.minHeight) ?? mt, r = ie(n.maxHeight) ?? ut, s = e ? t : Z, a = Number.parseFloat(Z), [o, c] = M(() => {
+    const H = ie(n.initialHeight);
+    return e ? H ?? null : Z;
+  }), [i, d] = M(() => n.showOnLoad ?? !1), [h, u] = M(!1), g = R(null), w = R(null), v = R(!1), b = R(0), l = R(0), p = R(null), C = R(o), D = R(e), { state: S, actions: T } = he(), U = f(() => {
+    u(!1), d(!0);
+  }, []), N = f(() => {
+    u(!0);
+  }, []);
+  Xe({
+    onOpen: U,
+    onClose: N,
+    isVisible: i && !h,
+    showCitadelKey: n.showCitadelKey || ".",
+    closeOnEscape: n.closeOnEscape ?? !0
   });
-  const y = w((M) => {
-    var b;
-    if (!d.current) return;
-    const S = M.clientY - g.current, H = (b = r.maxHeight) != null && b.endsWith("vh") ? window.innerHeight * parseInt(r.maxHeight, 10) / 100 : parseInt(r.maxHeight || "80vh", 10), T = Math.min(
-      Math.max(u.current - S, parseInt(r.minHeight || "200", 10)),
-      H
+  const z = f((H) => {
+    if (!v.current) return;
+    const V = H.clientY - b.current, Q = Se(r, window.innerHeight * 80 / 100), G = Se(s, a), ge = Math.min(
+      Math.max(l.current - V, G),
+      Q
     );
-    i.current && (i.current.style.height = `${T}px`, i.current.style.bottom = "0", o(`${T}px`));
-  }, [r.maxHeight, r.minHeight]), v = w(() => {
-    d.current = !1, document.documentElement.style.userSelect = "", document.documentElement.style.webkitUserSelect = "", document.documentElement.style.mozUserSelect = "", document.documentElement.style.msUserSelect = "", document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", v);
-  }, [y]), l = w((M) => {
-    i.current && (d.current = !0, g.current = M.clientY, u.current = i.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", y), document.addEventListener("mouseup", v));
-  }, [y, v]);
-  P(() => () => {
-    document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", v);
-  }, [y, v]);
-  const p = w(() => {
-    t && (e(!1), s(!1));
-  }, [t]);
-  Be({
-    isVisible: n,
-    isClosing: t,
-    onAnimationComplete: p
-  });
-  const C = A(
+    w.current && (w.current.style.height = `${ge}px`, w.current.style.bottom = "0", c(`${ge}px`));
+  }, [a, s, r]), O = f(() => {
+    v.current = !1, document.documentElement.style.userSelect = "", document.documentElement.style.webkitUserSelect = "", document.documentElement.style.mozUserSelect = "", document.documentElement.style.msUserSelect = "", document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", O);
+  }, [z]), B = f((H) => {
+    w.current && (v.current = !0, b.current = H.clientY, l.current = w.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", z), document.addEventListener("mouseup", O));
+  }, [z, O]);
+  I(() => () => {
+    document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", O);
+  }, [z, O]), I(() => {
+    C.current = o;
+  }, [o]), I(() => {
+    if (!e) {
+      D.current && (p.current = C.current ?? (w.current ? `${w.current.offsetHeight}px` : null)), D.current = !1, c(Z);
+      return;
+    }
+    D.current = !0, p.current && (c(p.current), p.current = null);
+  }, [e]);
+  const F = f(() => {
+    h && (d(!1), u(!1));
+  }, [h]), { animationClass: x } = Ze({
+    isVisible: i,
+    isClosing: h,
+    onAnimationComplete: F
+  }), P = _(
     () => ({
-      ...a ? { height: a } : {},
-      maxHeight: r.maxHeight
+      ...o ? { height: o } : {},
+      minHeight: s,
+      maxHeight: r
     }),
-    [r.maxHeight, a]
+    [s, o, r]
   );
-  return n ? /* @__PURE__ */ I(
+  return i ? /* @__PURE__ */ A(
     "div",
     {
-      ref: i,
-      className: `panelContainer ${n ? "citadel_slideUp" : ""} ${t ? "citadel_slideDown" : ""}`,
-      style: C,
+      ref: w,
+      className: `panelContainer ${x}`.trim(),
+      style: P,
       children: [
-        /* @__PURE__ */ m("div", { className: "resizeHandle", onMouseDown: l }),
+        /* @__PURE__ */ m("div", { className: "resizeHandle", onMouseDown: B }),
         /* @__PURE__ */ m(
-          Ne,
+          _e,
           {
-            state: h,
-            actions: x,
-            outputRef: c
+            state: S,
+            actions: T,
+            outputRef: g
           }
         )
       ]
     }
   ) : null;
-}, ae = (n) => {
+}, ce = "128px", le = (n) => {
   if (!n) return;
   const e = n.trim();
   if (e)
     return /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
-}, at = () => {
-  const { state: n, actions: e } = de(), t = j(), s = z(null), r = A(
+}, ht = () => {
+  const { state: n, actions: e } = he(), t = j(), r = t.showOutputPane ?? !0, s = R(null), a = _(
     () => ({
-      height: ae(t.initialHeight),
-      maxHeight: ae(t.maxHeight),
-      minHeight: ae(t.minHeight)
+      height: r ? le(t.initialHeight) : ce,
+      maxHeight: r ? le(t.maxHeight) : ce,
+      minHeight: r ? le(t.minHeight) : ce
     }),
-    [t.initialHeight, t.maxHeight, t.minHeight]
+    [t.initialHeight, t.maxHeight, t.minHeight, r]
   );
   return /* @__PURE__ */ m(
     "div",
     {
       className: "inlineContainer",
       "data-testid": "citadel-inline-container",
-      style: r,
+      style: a,
       children: /* @__PURE__ */ m(
-        Ne,
+        _e,
         {
           state: n,
           actions: e,
@@ -1429,7 +1475,7 @@ const tt = () => {
       )
     }
   );
-}, ye = `:host {
+}, xe = `:host {
   --citadel-bg: oklch(20.8% 0.042 265.8);
   --citadel-surface: oklch(27.9% 0.041 260);
   --citadel-border: oklch(37.2% 0.044 257.3);
@@ -1443,6 +1489,10 @@ const tt = () => {
   --citadel-min-height: 200px;
   --citadel-max-height: 80vh;
   --citadel-default-height: 35vh;
+  --citadel-panel-enter-duration: 200ms;
+  --citadel-panel-exit-duration: 200ms;
+  --citadel-panel-enter-easing: cubic-bezier(0.16, 1, 0.3, 1);
+  --citadel-panel-exit-easing: cubic-bezier(0.4, 0, 1, 1);
 
   display: block;
   pointer-events: auto;
@@ -1502,6 +1552,8 @@ const tt = () => {
   padding: 0;
   background-color: var(--citadel-bg);
   overflow: hidden;
+  transform: translateY(0);
+  will-change: transform;
 }
 
 .innerContainer {
@@ -1569,11 +1621,18 @@ const tt = () => {
 }
 
 .citadel_slideUp {
-  animation: citadel_slideUp 0.2s ease-out forwards;
+  animation: citadel_slideUp var(--citadel-panel-enter-duration) var(--citadel-panel-enter-easing) forwards;
 }
 
 .citadel_slideDown {
-  animation: citadel_slideDown 0.2s ease-out forwards;
+  animation: citadel_slideDown var(--citadel-panel-exit-duration) var(--citadel-panel-exit-easing) forwards;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :host {
+    --citadel-panel-enter-duration: 1ms;
+    --citadel-panel-exit-duration: 1ms;
+  }
 }
 
 .inlineContainer {
@@ -1888,20 +1947,20 @@ const tt = () => {
   object-fit: contain;
   border-radius: 0.5rem;
 }
-`, wt = ({
-  config: n = N,
+`, It = ({
+  config: n = E,
   commandRegistry: e,
   containerId: t = null
 }) => {
-  const s = z(new X()), r = e ?? s.current, a = z(null), o = A(() => ({ width: "100%", height: "100%" }), []), c = n.displayMode ?? N.displayMode ?? "panel";
-  return P(() => {
+  const r = R(new se()), s = e ?? r.current, a = R(null), o = _(() => ({ width: "100%", height: "100%" }), []), c = n.displayMode ?? E.displayMode ?? "panel";
+  return I(() => {
     k.configure({
-      level: n.logLevel || N.logLevel || ie.ERROR,
+      level: n.logLevel || E.logLevel || me.ERROR,
       prefix: "[Citadel]"
     });
-    const i = new Ie(r, n), d = c === "inline" && !t, g = d ? a.current : t ? document.getElementById(t) : document.body;
-    if (g)
-      g.appendChild(i);
+    const i = new Re(s, n), d = c === "inline" && !t, h = d ? a.current : t ? document.getElementById(t) : document.body;
+    if (h)
+      h.appendChild(i);
     else {
       if (d) {
         console.warn("[Citadel] No host available for inline mode; skipping mount.");
@@ -1913,35 +1972,35 @@ const tt = () => {
       var u;
       (u = i.parentElement) == null || u.removeChild(i);
     };
-  }, [r, t, n, c]), c === "inline" && !t ? /* @__PURE__ */ m("div", { ref: a, style: o }) : null;
+  }, [s, t, n, c]), c === "inline" && !t ? /* @__PURE__ */ m("div", { ref: a, style: o }) : null;
 };
-class Ie extends HTMLElement {
-  constructor(t, s) {
+class Re extends HTMLElement {
+  constructor(t, r) {
     var a;
     super();
-    f(this, "shadow");
-    f(this, "root", null);
-    f(this, "commandRegistry");
-    f(this, "config");
-    this.shadow = this.attachShadow({ mode: "open" }), this.commandRegistry = t, this.config = s;
-    const r = ((a = this.config) == null ? void 0 : a.displayMode) ?? "panel";
-    this.setAttribute("data-display-mode", r);
+    y(this, "shadow");
+    y(this, "root", null);
+    y(this, "commandRegistry");
+    y(this, "config");
+    this.shadow = this.attachShadow({ mode: "open" }), this.commandRegistry = t, this.config = r;
+    const s = ((a = this.config) == null ? void 0 : a.displayMode) ?? "panel";
+    this.setAttribute("data-display-mode", s);
   }
   connectedCallback() {
     try {
-      const s = [ye].map((r) => {
+      const r = [xe].map((s) => {
         const a = new CSSStyleSheet();
-        return a.replaceSync(r), a;
+        return a.replaceSync(s), a;
       });
-      this.shadow.adoptedStyleSheets = [...s];
+      this.shadow.adoptedStyleSheets = [...r];
     } catch {
-      const s = [ye].join(`
-`), r = document.createElement("style");
-      r.textContent = s, this.shadow.appendChild(r);
+      const r = [xe].join(`
+`), s = document.createElement("style");
+      s.textContent = r, this.shadow.appendChild(s);
     }
     const t = document.createElement("div");
-    t.id = "citadel-root", t.style.width = "100%", t.style.height = "100%", this.shadow.appendChild(t), this.root = Te(t), this.root.render(
-      /* @__PURE__ */ m(We, { config: this.config || N, commandRegistry: this.commandRegistry, children: /* @__PURE__ */ m(ot, {}) })
+    t.id = "citadel-root", t.style.width = "100%", t.style.height = "100%", this.shadow.appendChild(t), this.root = Le(t), this.root.render(
+      /* @__PURE__ */ m(Ye, { config: this.config || E, commandRegistry: this.commandRegistry, children: /* @__PURE__ */ m(gt, {}) })
     );
   }
   disconnectedCallback() {
@@ -1955,11 +2014,11 @@ class Ie extends HTMLElement {
     });
   }
 }
-typeof window < "u" && window.customElements && !window.customElements.get("citadel-element") && window.customElements.define("citadel-element", Ie);
-const ot = () => (j().displayMode ?? "panel") === "inline" ? /* @__PURE__ */ m(at, {}) : /* @__PURE__ */ m(rt, {});
-class it {
+typeof window < "u" && window.customElements && !window.customElements.get("citadel-element") && window.customElements.define("citadel-element", Re);
+const gt = () => (j().displayMode ?? "panel") === "inline" ? /* @__PURE__ */ m(ht, {}) : /* @__PURE__ */ m(pt, {});
+class ft {
   constructor() {
-    f(this, "_description");
+    y(this, "_description");
   }
   describe(e) {
     return this._description = e, this;
@@ -1968,13 +2027,13 @@ class it {
     return this._description;
   }
 }
-class ct {
+class yt {
   constructor(e) {
-    f(this, "state");
+    y(this, "state");
     this.state = {
       path: e,
       description: "",
-      segments: lt(e)
+      segments: wt(e)
     };
   }
   describe(e) {
@@ -1984,11 +2043,11 @@ class ct {
     return this.state.details = e, this;
   }
   arg(e, t) {
-    const s = new it();
-    return t == null || t(s), this.state.segments.push({
+    const r = new ft();
+    return t == null || t(r), this.state.segments.push({
       type: "argument",
       name: e,
-      description: s.description
+      description: r.description
     }), this;
   }
   handle(e) {
@@ -2001,85 +2060,90 @@ class ct {
     };
   }
 }
-function lt(n) {
+function wt(n) {
   const e = n.trim();
   if (!e)
     throw new Error("Command path cannot be empty");
   const t = e.split(".");
-  if (t.some((s) => s.trim() === ""))
+  if (t.some((r) => r.trim() === ""))
     throw new Error(`Invalid command path "${n}". Empty segments are not allowed.`);
-  if (t.some((s) => s.includes(" ")))
+  if (t.some((r) => r.includes(" ")))
     throw new Error(
       `Invalid command path "${n}". Use dot-delimited words (e.g. "user.show").`
     );
-  return t.map((s) => ({
+  return t.map((r) => ({
     type: "word",
-    name: s
+    name: r
   }));
 }
-function dt(n) {
+function Ct(n) {
   return n.flatMap((e) => e.type === "argument" ? [e.name] : []);
 }
-function mt(n) {
-  const e = dt(n.segments);
+function vt(n) {
+  const e = Ct(n.segments);
   return async (t) => {
-    const s = e.reduce((r, a, o) => (r[a] = t[o], r), {});
+    const r = e.reduce((s, a, o) => (s[a] = t[o], s), {});
     return Promise.resolve(
       n.handler({
         rawArgs: t,
-        namedArgs: s,
+        namedArgs: r,
         commandPath: n.path
       })
     );
   };
 }
-function Ct(n) {
-  return new ct(n);
+function At(n) {
+  return new yt(n);
 }
-function ut(n, e) {
+function St(n, e) {
   n.addCommand(
     e.segments,
     e.description,
-    mt(e)
+    vt(e)
   );
 }
-function pt(n, e) {
-  return e.forEach((t) => ut(n, t)), n;
+function xt(n, e) {
+  return e.forEach((t) => St(n, t)), n;
 }
-function vt(n) {
-  const e = new X();
-  return pt(e, n);
+function Pt(n) {
+  const e = new se();
+  return xt(e, n);
+}
+function Ht(n) {
+  return new ee(n);
 }
-function St(n) {
-  return new Y(n);
+function _t(n, e = "true", t = "false") {
+  return new $e(n, e, t);
 }
-function xt(n) {
-  return new ze(n);
+function Rt(n) {
+  return new Ue(n);
 }
-function bt(n, e = "") {
-  return new Fe(n, e);
+function Tt(n, e = "") {
+  return new Ke(n, e);
 }
-function kt(n) {
-  return new we(n);
+function Mt(n) {
+  return new be(n);
 }
 export {
-  wt as Citadel,
-  X as CommandRegistry,
+  $e as BooleanCommandResult,
+  It as Citadel,
+  se as CommandRegistry,
   W as CommandResult,
-  q as CommandStatus,
-  Qe as DEFAULT_CURSOR_CONFIGS,
-  we as ErrorCommandResult,
-  Fe as ImageCommandResult,
-  ze as JsonCommandResult,
-  oe as OutputItem,
-  De as PendingCommandResult,
-  Y as TextCommandResult,
-  Ct as command,
-  vt as createCommandRegistry,
-  kt as error,
-  bt as image,
-  xt as json,
-  ut as registerCommand,
-  pt as registerCommands,
-  St as text
+  Y as CommandStatus,
+  st as DEFAULT_CURSOR_CONFIGS,
+  be as ErrorCommandResult,
+  Ke as ImageCommandResult,
+  Ue as JsonCommandResult,
+  de as OutputItem,
+  je as PendingCommandResult,
+  ee as TextCommandResult,
+  _t as bool,
+  At as command,
+  Pt as createCommandRegistry,
+  Mt as error,
+  Tt as image,
+  Rt as json,
+  St as registerCommand,
+  xt as registerCommands,
+  Ht as text
 };