citadel_cli 1.4.1 → 1.4.2

package/dist/citadel.es.js

@@ -1,11 +1,11 @@
-var Ie = Object.defineProperty;
-var Pe = (t, e, n) => e in t ? Ie(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var y = (t, e, n) => Pe(t, typeof e != "symbol" ? e + "" : e, n);
-import { jsx as m, jsxs as A, Fragment as He } from "react/jsx-runtime";
-import $, { createContext as Re, useState as _, useMemo as P, useEffect as I, useContext as Z, useCallback as f, useReducer as _e, useRef as T, useLayoutEffect as Me } from "react";
-import { createRoot as Te } from "react-dom/client";
-var V = /* @__PURE__ */ ((t) => (t.Pending = "pending", t.Success = "success", t.Failure = "failure", t.Timeout = "timeout", t))(V || {});
-class K {
+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()) {
     y(this, "_status", "pending");
     this.timestamp = e;
@@ -23,46 +23,46 @@ class K {
     this._status = "timeout";
   }
 }
-class ze extends K {
-  constructor(e, n) {
-    super(n), this.data = e;
+class Ue extends W {
+  constructor(e, t) {
+    super(t), this.data = e;
   }
   render() {
     return /* @__PURE__ */ m("pre", { className: "citadel-result-json", children: JSON.stringify(this.data, null, 2) });
   }
 }
-class G extends K {
-  constructor(e, n) {
-    super(n), this.text = e;
+class ee extends W {
+  constructor(e, t) {
+    super(t), this.text = e;
   }
   render() {
     return /* @__PURE__ */ m("div", { className: "citadel-result-text", children: this.text });
   }
 }
-class De extends K {
-  constructor(e, n = "true", s = "false", r) {
-    super(r), this.value = e, this.trueText = n, this.falseText = s;
+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 we extends K {
-  constructor(e, n) {
-    super(n), this.error = e, this.markFailure();
+class be extends W {
+  constructor(e, t) {
+    super(t), this.error = e, this.markFailure();
   }
   render() {
     return /* @__PURE__ */ m("div", { className: "citadel-result-error", children: this.error });
   }
 }
-class Oe extends K {
+class je extends W {
   render() {
     return /* @__PURE__ */ m("div", { className: "citadel-result-pending", children: "..." });
   }
 }
-class Fe extends K {
-  constructor(e, n = "", s) {
-    super(s), this.imageUrl = e, this.altText = n;
+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(
@@ -75,36 +75,36 @@ class Fe extends K {
     ) });
   }
 }
-const Le = (t) => async function() {
-  const n = t.commands.filter((s) => s.fullPath[0] !== "help").map((s) => {
-    const o = `${s.segments.map((c) => c.type === "argument" ? `<${c.name}>` : c.name).join(" ")} - ${s.description}`, a = 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: o,
-      argumentLines: a
+      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 n.length === 0 ? new G(
+  return t.length === 0 ? new ee(
     "No commands available yet. Add some commands to get started!"
-  ) : (n.push("help - Show available commands"), new G(
+  ) : (t.push("help - Show available commands"), new ee(
     `Available Commands:
-` + n.join(`
+` + t.join(`
 `)
   ));
 };
-var ie = /* @__PURE__ */ ((t) => (t[t.NONE = 0] = "NONE", t[t.ERROR = 1] = "ERROR", t[t.WARN = 2] = "WARN", t[t.INFO = 3] = "INFO", t[t.DEBUG = 4] = "DEBUG", t[t.TRACE = 5] = "TRACE", t))(ie || {});
-const ue = !0;
-class b {
+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);
@@ -116,8 +116,8 @@ class b {
     this.level >= 1 && console.error(this.prefix, ...e);
   }
 }
-y(b, "level", 0), y(b, "prefix", "");
-const x = {
+y(k, "level", 0), y(k, "prefix", "");
+const E = {
   commandTimeoutMs: 1e4,
   cursorColor: "var(--cursor-color, #fff)",
   cursorSpeed: 530,
@@ -126,10 +126,11 @@ const x = {
   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: ".",
@@ -139,35 +140,35 @@ const x = {
     type: "localStorage",
     maxCommands: 100
   }
-}, Ce = async () => new G("");
-class ce {
-  constructor(e, n, s) {
-    this.type = e, this.name = n, 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 {
-  constructor(e, n) {
-    super("word", e, n);
+class ke extends ue {
+  constructor(e, t) {
+    super("word", e, t);
   }
 }
-class q extends ce {
-  constructor(e, n, s, r) {
-    super("argument", e, n), 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 je = (t) => {
-  if (t.type === "word")
-    return new ve(t.name, t.description);
-  if (t.type === "argument") {
-    const e = t;
+const qe = (n) => {
+  if (n.type === "word")
+    return new ke(n.name, n.description);
+  if (n.type === "argument") {
+    const e = n;
     return new q(
       e.name,
       e.description,
@@ -175,15 +176,15 @@ const je = (t) => {
       e.valid
     );
   }
-  return new le();
-}, z = (t) => t.map((e) => je(e));
-class Ue {
-  constructor(e, n, s = Ce) {
+  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.
     y(this, "_handler");
-    this._segments = e, this._description = n, this._handler = s;
+    this._segments = e, this._description = t, this._handler = r;
   }
   get segments() {
     return this._segments;
@@ -207,7 +208,7 @@ class Ue {
     return this.fullPath.join(" ") === e.fullPath.join(" ");
   }
 }
-class ee {
+class se {
   constructor() {
     y(this, "_commands", []);
   }
@@ -225,20 +226,20 @@ class ee {
    * @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, n, 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 Ue(e, n, s), o = this._commands.find((a) => {
-      const c = a.segments.map(
+    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(
         (d) => d.type === "argument" ? "*" : d.name
       ).join(" ");
       return c === i;
     });
-    if (o)
-      throw new Error(`Duplicate commands: '${o.fullPath_s}' and '${r.fullPath_s}'`);
-    this._commands.push(r);
+    if (a)
+      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.
@@ -247,8 +248,8 @@ class ee {
    * @returns True if a command was removed; otherwise false.
    */
   removeCommand(e) {
-    const n = e.join(" "), s = this._commands.findIndex((r) => r.fullPath.join(" ") === n);
-    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.
@@ -257,26 +258,26 @@ class ee {
    * @returns The command node or undefined if not found.
    */
   getCommand(e) {
-    return this._commands.find((n) => {
-      const s = n.fullPath.join(" "), r = e.join(" ");
-      if (s === r)
+    return this._commands.find((t) => {
+      const r = t.fullPath.join(" "), s = e.join(" ");
+      if (r === s)
         return !0;
-      const a = n.segments.filter((c) => c.type === "word").map((c) => c.name);
-      return a.length === e.length && a.join(" ") === r;
+      const o = t.segments.filter((c) => c.type === "word").map((c) => c.name);
+      return o.length === e.length && o.join(" ") === s;
     });
   }
   commandExistsForPath(e) {
-    const n = this._commands.map(
-      (r) => r.segments.map(
-        (o) => o.type === "argument" ? "*" : o.name
+    const t = this._commands.map(
+      (s) => s.segments.map(
+        (a) => a.type === "argument" ? "*" : a.name
       ).join(" ")
-    ), s = e.map((r, o) => this._commands.some(
+    ), r = e.map((s, a) => this._commands.some(
       (c) => {
         var i;
-        return ((i = c.segments[o]) == null ? void 0 : i.type) === "argument";
+        return ((i = c.segments[a]) == null ? void 0 : i.type) === "argument";
       }
-    ) ? "*" : r).join(" ");
-    return n.includes(s);
+    ) ? "*" : s).join(" ");
+    return t.includes(r);
   }
   /**
    * Gets possible matches for a given path.
@@ -285,26 +286,26 @@ class ee {
    * @returns An array of completion strings.
    */
   getCompletionNames(e) {
-    return this.getCompletions(e).map((n) => n.name);
+    return this.getCompletions(e).map((t) => t.name);
   }
   /**
    * Returns completion segments whose names start with the given prefix.
    * Matching is case-insensitive.
    */
-  getMatchingCompletions(e, n) {
-    const s = n.trim().toLowerCase(), r = this.getCompletions(e);
-    return s ? r.filter(
-      (o) => o.name.toLowerCase().startsWith(s)
-    ) : r;
+  getMatchingCompletions(e, t) {
+    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, n) {
-    const s = this.getMatchingCompletions(e, n);
-    if (s.length === 1)
-      return s[0];
+  getUniqueCompletion(e, t) {
+    const r = this.getMatchingCompletions(e, t);
+    if (r.length === 1)
+      return r[0];
   }
   /**
    * Gets an array of segments reachable from a given path
@@ -313,29 +314,29 @@ class ee {
    * @returns An array of completion strings.
    */
   getCompletions(e) {
-    if (b.debug("[getCompletions] path: ", e), !e.length) {
-      const o = this._commands.map((i) => i.segments[0]), a = (i, d) => i.type === d.type && i.name === d.name;
-      return o.filter(
-        (i, d, g) => d === g.findIndex((u) => a(u, i))
+    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, h) => d === h.findIndex((u) => o(u, i))
       );
     }
-    const n = e.length;
-    return this._commands.filter((o) => {
-      const a = o.segments;
-      if (a.length <= n - 1)
+    const t = e.length;
+    return this._commands.filter((a) => {
+      const o = a.segments;
+      if (o.length <= t - 1)
         return !1;
-      for (let c = 0; c < n; c++) {
-        const i = e[c], d = a[c];
+      for (let c = 0; c < t; c++) {
+        const i = e[c], d = o[c];
         if (!(i === "*" && d.type === "argument") && i !== d.name)
           return !1;
       }
       return !0;
-    }).filter((o) => o.segments.length > n).map((o) => {
-      const a = o.segments[n], c = a.type === "argument" ? q : ve;
-      return new c(a.name, a.description);
+    }).filter((a) => a.segments.length > t).map((a) => {
+      const o = a.segments[t], c = o.type === "argument" ? q : ke;
+      return new c(o.name, o.description);
     }).filter(
-      (o, a, c) => a === c.findIndex(
-        (i) => i.type === o.type && i.name === o.name
+      (a, o, c) => o === c.findIndex(
+        (i) => i.type === a.type && i.name === a.name
       )
     );
   }
@@ -343,7 +344,7 @@ class ee {
     return this.getCompletions(e).length > 0;
   }
 }
-class Se {
+class Ne {
   constructor(e) {
     y(this, "config");
     this.config = {
@@ -356,88 +357,88 @@ class Se {
    * Add a command to history, enforcing storage limits
    */
   async addStoredCommand(e) {
-    const n = await this.getStoredCommands();
-    for (n.push(e); n.length > this.config.maxCommands; )
-      n.shift();
-    await this.saveCommands(n);
+    const t = await this.getStoredCommands();
+    for (t.push(e); t.length > this.config.maxCommands; )
+      t.shift();
+    await this.saveCommands(t);
   }
 }
-class $e extends Se {
-  constructor(n) {
-    super(n);
+class Ve extends Ne {
+  constructor(t) {
+    super(t);
     y(this, "storageKey", "citadel_command_history");
   }
   async getStoredCommands() {
     try {
-      const n = window.localStorage.getItem(this.storageKey);
-      return n ? JSON.parse(n).map((r) => ({
-        commandSegments: Array.isArray(r.commandSegments) ? z(r.commandSegments) : [],
-        timestamp: r.timestamp
+      const t = window.localStorage.getItem(this.storageKey);
+      return t ? JSON.parse(t).map((s) => ({
+        commandSegments: Array.isArray(s.commandSegments) ? L(s.commandSegments) : [],
+        timestamp: s.timestamp
       })) : [];
-    } catch (n) {
-      return console.warn("Failed to load commands from localStorage:", n), [];
+    } catch (t) {
+      return console.warn("Failed to load commands from localStorage:", t), [];
     }
   }
   async clear() {
     try {
       window.localStorage.removeItem(this.storageKey);
-    } catch (n) {
-      console.warn("Failed to clear localStorage:", n);
+    } catch (t) {
+      console.warn("Failed to clear localStorage:", t);
     }
   }
-  async saveCommands(n) {
+  async saveCommands(t) {
     try {
-      const s = n.map((r) => ({
-        commandSegments: Array.isArray(r.commandSegments) ? z(r.commandSegments).map((o) => ({
-          type: o.type,
-          name: o.name,
-          description: o.description,
-          ...o instanceof q ? { value: o.value } : {}
+      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 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 {
-  constructor(n) {
-    super(n);
+class ye extends Ne {
+  constructor(t) {
+    super(t);
     y(this, "storedCommands", []);
   }
   async getStoredCommands() {
-    return this.storedCommands.map((n) => ({
-      commandSegments: Array.isArray(n.commandSegments) ? z(n.commandSegments) : [],
-      timestamp: n.timestamp
+    return this.storedCommands.map((t) => ({
+      commandSegments: Array.isArray(t.commandSegments) ? L(t.commandSegments) : [],
+      timestamp: t.timestamp
     }));
   }
   async clear() {
     this.storedCommands = [];
   }
-  async saveCommands(n) {
-    this.storedCommands = n.map((s) => ({
-      commandSegments: Array.isArray(s.commandSegments) ? z(s.commandSegments) : [],
-      timestamp: s.timestamp
+  async saveCommands(t) {
+    this.storedCommands = t.map((r) => ({
+      commandSegments: Array.isArray(r.commandSegments) ? L(r.commandSegments) : [],
+      timestamp: r.timestamp
     }));
   }
 }
-const j = class j {
+const $ = class $ {
   constructor() {
     y(this, "currentStorage");
   }
   static reset() {
-    j.instance = void 0;
+    $.instance = void 0;
   }
   static getInstance() {
-    return j.instance || (j.instance = new j()), j.instance;
+    return $.instance || ($.instance = new $()), $.instance;
   }
   initializeStorage(e) {
     try {
-      e.type === "memory" ? this.currentStorage = new pe(e) : this.currentStorage = new $e(e);
-    } catch (n) {
-      console.warn("Failed to create storage, falling back to memory storage:", n), this.currentStorage = new pe(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 ye(e);
     }
   }
   getStorage() {
@@ -446,19 +447,19 @@ const j = class j {
     return this.currentStorage;
   }
 };
-y(j, "instance");
-let Q = j;
-class xe {
+y($, "instance");
+let te = $;
+class Ie {
   constructor() {
     y(this, "segments", []);
-    y(this, "nullSegment", new le());
+    y(this, "nullSegment", new pe());
     y(this, "observers", []);
   }
   subscribe(e) {
     this.observers.push(e);
   }
   unsubscribe(e) {
-    this.observers = this.observers.filter((n) => n !== e);
+    this.observers = this.observers.filter((t) => t !== e);
   }
   notifyObservers() {
     this.observers.forEach((e) => e.update());
@@ -479,7 +480,7 @@ class xe {
    * Pushes an array of segments onto the stack
    */
   pushAll(e) {
-    e.forEach((n) => this.push(n));
+    e.forEach((t) => this.push(t));
   }
   /**
    * Removes and returns the top segment from the stack
@@ -535,36 +536,36 @@ class xe {
     return [...this.segments];
   }
 }
-const Ke = {
-  config: x,
-  commands: new ee(),
-  segmentStack: new xe()
-}, Y = Re(Ke), We = ({ config: t = x, commandRegistry: e, children: n }) => {
-  const [s, r] = $.useState(), [o] = _(() => new xe()), a = P(() => ({
-    ...x,
-    ...t,
+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: {
-      ...x.storage,
-      ...t.storage
+      ...E.storage,
+      ...n.storage
     },
     // Ensure explicit values from config take precedence
-    cursorType: t.cursorType ?? x.cursorType,
-    cursorColor: t.cursorColor ?? x.cursorColor,
-    cursorSpeed: t.cursorSpeed ?? x.cursorSpeed,
-    closeOnEscape: t.closeOnEscape ?? x.closeOnEscape,
-    showCitadelKey: t.showCitadelKey ?? x.showCitadelKey,
-    showOnLoad: t.showOnLoad ?? x.showOnLoad
-  }), [t]);
+    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]);
   I(() => {
-    Q.getInstance().initializeStorage(
-      a.storage ?? x.storage
-    ), r(Q.getInstance().getStorage());
-  }, [a.storage]), I(() => {
+    te.getInstance().initializeStorage(
+      o.storage ?? E.storage
+    ), s(te.getInstance().getStorage());
+  }, [o.storage]), I(() => {
     if (e) {
-      if (a.includeHelpCommand) {
+      if (o.includeHelpCommand) {
         if (!e.commandExistsForPath(["help"])) {
-          const i = Le(e);
+          const i = We(e);
           e.addCommand(
             [{ type: "word", name: "help" }],
             "Show available commands",
@@ -575,105 +576,105 @@ const Ke = {
       }
       e.removeCommand(["help"]);
     }
-  }, [e, a.includeHelpCommand]);
-  const c = P(() => ({
-    config: a,
-    commands: e || new ee(),
-    storage: s,
-    segmentStack: o
-  }), [a, e, s, o]);
-  return /* @__PURE__ */ m(Y.Provider, { value: c, children: n });
-}, U = () => {
-  const t = Z(Y);
-  if (t === void 0)
+  }, [e, o.includeHelpCommand]);
+  const c = _(() => ({
+    config: o,
+    commands: e || new se(),
+    storage: r,
+    segmentStack: a
+  }), [o, e, r, a]);
+  return /* @__PURE__ */ m(J.Provider, { value: c, children: t });
+}, j = () => {
+  const n = re(J);
+  if (n === void 0)
     throw new Error("useCitadelConfig must be used within a CitadelConfigProvider");
-  return t.config;
-}, te = () => {
-  const t = Z(Y);
-  if (t === void 0)
+  return n.config;
+}, oe = () => {
+  const n = re(J);
+  if (n === void 0)
     throw new Error("useCitadelCommands must be used within a CitadelConfigProvider");
-  return t.commands;
-}, be = () => {
-  const t = Z(Y);
-  if (t === void 0)
+  return n.commands;
+}, Ae = () => {
+  const n = re(J);
+  if (n === void 0)
     throw new Error("useCitadelStorage must be used within a CitadelConfigProvider");
-  return t.storage;
-}, J = () => {
-  const t = Z(Y);
-  if (t === void 0)
+  return n.storage;
+}, X = () => {
+  const n = re(J);
+  if (n === void 0)
     throw new Error("useSegmentStack must be used within a CitadelConfigProvider");
-  return t.segmentStack;
-}, X = class X {
-  constructor(e, n) {
+  return n.segmentStack;
+}, ne = class ne {
+  constructor(e, t) {
     y(this, "id");
     y(this, "timestamp");
     y(this, "command");
     y(this, "result");
-    this.id = `output-${Date.now()}-${X.idCounter++}`, this.command = e.toArray().map((s) => s.type === "argument" ? s.value || "" : s.name), this.timestamp = Date.now(), this.result = n ?? new Oe();
+    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();
   }
 };
-y(X, "idCounter", 0);
-let oe = X;
-function qe(t) {
+y(ne, "idCounter", 0);
+let de = ne;
+function Je(n) {
   return {
-    commandSegments: z(t),
+    commandSegments: L(n),
     timestamp: Date.now()
   };
 }
-function ke() {
-  const t = be(), [e, n] = _({
+function Pe() {
+  const n = Ae(), [e, t] = M({
     storedCommands: [],
     position: null
-  }), s = f(async (c) => {
-    if (t)
+  }), r = f(async (c) => {
+    if (n)
       try {
-        const i = qe(c);
-        await t.addStoredCommand(i), n((d) => ({
+        const i = Je(c);
+        await n.addStoredCommand(i), t((d) => ({
           ...d,
           storedCommands: [...d.storedCommands, {
             ...i,
-            commandSegments: z(i.commandSegments)
+            commandSegments: L(i.commandSegments)
           }],
           position: null
         }));
       } catch (i) {
         console.warn("Failed to save command to history:", i);
       }
-  }, [t]), r = f(async () => t ? (await t.getStoredCommands()).map((i) => ({
+  }, [n]), s = f(async () => n ? (await n.getStoredCommands()).map((i) => ({
     ...i,
-    commandSegments: z(i.commandSegments)
-  })) : [], [t]);
+    commandSegments: L(i.commandSegments)
+  })) : [], [n]);
   I(() => {
-    if (!t) return;
+    if (!n) return;
     (async () => {
       try {
-        const d = (await t.getStoredCommands()).map((g) => ({
-          ...g,
-          commandSegments: z(g.commandSegments)
+        const d = (await n.getStoredCommands()).map((h) => ({
+          ...h,
+          commandSegments: L(h.commandSegments)
         }));
-        return n((g) => ({
-          ...g,
+        return t((h) => ({
+          ...h,
           storedCommands: d
         })), d;
       } catch (i) {
         console.warn("Failed to load command history:", i);
       }
     })();
-  }, [t]);
-  const o = f(async (c) => {
-    const i = await r();
+  }, [n]);
+  const a = f(async (c) => {
+    const i = await s();
     if (i.length === 0)
-      return n((u) => ({
+      return t((u) => ({
         ...u,
         storedCommands: [],
         position: null
       })), { segments: null, position: null };
     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, n((u) => ({
+    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: z(h.commandSegments)
+      storedCommands: i.map((g) => ({
+        ...g,
+        commandSegments: L(g.commandSegments)
       })),
       position: d
     })), d === null)
@@ -681,198 +682,198 @@ function ke() {
         segments: [],
         position: null
       };
-    const g = i[d];
-    return g ? {
-      segments: z(g.commandSegments),
+    const h = i[d];
+    return h ? {
+      segments: L(h.commandSegments),
       position: d
     } : {
       segments: [],
       position: null
     };
-  }, [e.position, r]), a = f(async () => {
+  }, [e.position, s]), o = f(async () => {
     try {
-      if (!t) return;
-      await t.clear(), n({
+      if (!n) return;
+      await n.clear(), t({
         storedCommands: [],
         position: null
       });
     } catch (c) {
       console.warn("Failed to clear command history:", c);
     }
-  }, [t]);
+  }, [n]);
   return {
     history: e,
-    addStoredCommand: s,
-    getStoredCommands: r,
-    navigateHistory: o,
-    clear: a
+    addStoredCommand: r,
+    getStoredCommands: s,
+    navigateHistory: a,
+    clear: o
   };
 }
-const de = () => {
-  const t = U(), e = te(), n = ke(), s = J(), r = be(), [o, a] = _({
+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
     }
   });
   I(() => {
-  }, [r]), I(() => {
-    a((i) => ({
+  }, [s]), I(() => {
+    o((i) => ({
       ...i,
       history: {
-        commands: n.history.storedCommands,
-        position: n.history.position,
-        storage: r
+        commands: t.history.storedCommands,
+        position: t.history.position,
+        storage: s
       }
     }));
-  }, [n.history, r]);
+  }, [t.history, s]);
   const c = {
     setCurrentInput: f((i) => {
-      b.debug("[CitadelActions] setCurrentInput: ", i), a((d) => ({ ...d, currentInput: i }));
+      k.debug("[CitadelActions] setCurrentInput: ", i), o((d) => ({ ...d, currentInput: i }));
     }, []),
     setIsEnteringArg: f((i) => {
-      b.debug("[CitadelActions] setIsEnteringArg: ", i), a((d) => ({ ...d, isEnteringArg: i }));
+      k.debug("[CitadelActions] setIsEnteringArg: ", i), o((d) => ({ ...d, isEnteringArg: i }));
     }, []),
     addOutput: f((i) => {
-      b.debug("[CitadelActions]addOutput: ", i), a((d) => ({
+      k.debug("[CitadelActions]addOutput: ", i), o((d) => ({
         ...d,
         output: [...d.output, i]
       }));
     }, []),
     executeCommand: f(async () => {
-      const i = s.path(), d = e.getCommand(i);
+      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);
-      a((u) => ({
+      const h = new de(r);
+      o((u) => ({
         ...u,
-        output: [...u.output, g]
+        output: [...u.output, h]
       }));
       try {
-        const u = new Promise((C, k) => {
+        const u = new Promise((v, b) => {
           setTimeout(() => {
-            k(new Error("Request timed out"));
-          }, t.commandTimeoutMs);
-        }), h = s.arguments.map((C) => C.value || ""), S = await Promise.race([
-          d.handler(h),
+            b(new Error("Request timed out"));
+          }, n.commandTimeoutMs);
+        }), g = r.arguments.map((v) => v.value || ""), w = await Promise.race([
+          d.handler(g),
           u
         ]);
-        if (!(S instanceof K))
+        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.`
           );
-        S.markSuccess(), a((C) => ({
-          ...C,
-          output: C.output.map(
-            (k) => k.id === g.id ? { ...k, result: S } : k
+        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(), a((S) => ({
-          ...S,
-          output: S.output.map(
-            (C) => C.id === g.id ? { ...C, result: h } : C
+        g.markFailure(), o((w) => ({
+          ...w,
+          output: w.output.map(
+            (v) => v.id === h.id ? { ...v, result: g } : v
           )
         }));
       }
-    }, [e, t.commandTimeoutMs, s]),
+    }, [e, n.commandTimeoutMs, r]),
     clearHistory: f(async () => {
       try {
-        await n.clear();
+        await t.clear();
       } catch (i) {
         console.warn("Failed to clear history:", i);
       }
-    }, [n])
+    }, [t])
   };
-  return { state: o, actions: c };
-}, Be = ({
-  onOpen: t,
+  return { state: a, actions: c };
+}, Xe = ({
+  onOpen: n,
   onClose: e,
-  isVisible: n,
-  showCitadelKey: s,
-  closeOnEscape: r
+  isVisible: t,
+  showCitadelKey: r,
+  closeOnEscape: s
 }) => {
   I(() => {
-    const o = (a) => {
+    const a = (o) => {
       var c, i;
-      !n && a.key === s && !["input", "textarea"].includes(((i = (c = a.target) == null ? void 0 : c.tagName) == null ? void 0 : i.toLowerCase()) || "") && (a.preventDefault(), t()), r && n && a.key === "Escape" && (a.preventDefault(), e());
+      !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", o), () => document.removeEventListener("keydown", o);
-  }, [t, e, n, s, r]);
-}, Ve = 200, Ye = (t) => {
-  const { isVisible: e, isClosing: n, onAnimationComplete: s } = t, r = P(() => e ? n ? "citadel_slideDown" : "citadel_slideUp" : "", [e, n]);
+    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 (!n || !s) return;
+    if (!t || !r) return;
     if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      s();
+      r();
       return;
     }
-    const a = setTimeout(() => {
-      s();
-    }, Ve);
-    return () => clearTimeout(a);
-  }, [n, s]), {
-    animationClass: r
+    const o = setTimeout(() => {
+      r();
+    }, Qe);
+    return () => clearTimeout(o);
+  }, [t, r]), {
+    animationClass: s
   };
-}, Je = () => /* @__PURE__ */ m(
+}, et = () => /* @__PURE__ */ m(
   "div",
   {
     "data-testid": "spinner",
     className: "citadel-spinner"
   }
-), Ee = (t) => {
-  const e = t == null ? void 0 : t.trim();
+), He = (n) => {
+  const e = n == null ? void 0 : n.trim();
   return e || void 0;
-}, Ge = (t) => {
-  const e = Ee(t);
+}, tt = (n) => {
+  const e = He(n);
   return e ? { style: { fontSize: e } } : {};
-}, ne = (t, e) => {
-  const n = Ee(t), r = {
-    ...Ge(e).style
+}, ae = (n, e) => {
+  const t = He(n), s = {
+    ...tt(e).style
   };
-  return n && (r.fontFamily = n), {
-    style: Object.keys(r).length > 0 ? r : void 0
+  return t && (s.fontFamily = t), {
+    style: Object.keys(s).length > 0 ? s : void 0
   };
-}, Qe = ({
-  command: t,
+}, nt = ({
+  command: n,
   timestamp: e,
-  status: n,
-  fontFamily: s,
-  fontSize: r
+  status: t,
+  fontFamily: r,
+  fontSize: s
 }) => {
-  const o = P(
-    () => ne(s, r ?? "0.875rem"),
-    [s, r]
+  const a = _(
+    () => ae(r, s ?? "0.875rem"),
+    [r, s]
   );
   return /* @__PURE__ */ A(
     "div",
     {
       className: "citadel-output-line",
-      style: o.style,
+      style: a.style,
       children: [
         /* @__PURE__ */ A("span", { className: "citadel-output-command", children: [
           "> ",
-          t.split(" ").map((a, c) => {
-            const i = a.startsWith("<") && a.endsWith(">");
+          n.split(" ").map((o, c) => {
+            const i = o.startsWith("<") && o.endsWith(">");
             return /* @__PURE__ */ A(
               "span",
               {
                 className: i ? "citadel-output-command-arg" : "citadel-output-command-word",
                 children: [
                   c > 0 ? " " : "",
-                  a
+                  o
                 ]
               },
               c
@@ -881,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 }),
-        n === V.Pending && /* @__PURE__ */ m(Je, {}),
-        n === V.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"
           }
         ),
-        (n === V.Timeout || n === V.Failure) && /* @__PURE__ */ m(
+        (t === Y.Timeout || t === Y.Failure) && /* @__PURE__ */ m(
           "div",
           {
             "data-testid": "success-indicator",
@@ -899,53 +900,53 @@ Check the definition of the ${i.join(".")} command and update the return type fo
       ]
     }
   );
-}, Xe = ({ output: t, outputRef: e }) => {
-  const n = U(), s = P(
-    () => ne(n.fontFamily, n.outputFontSize ?? n.fontSize),
-    [n.fontFamily, n.fontSize, n.outputFontSize]
-  ), r = f(() => {
+}, rt = ({ output: n, outputRef: e }) => {
+  const t = j(), r = _(
+    () => ae(t.fontFamily, t.outputFontSize ?? t.fontSize),
+    [t.fontFamily, t.fontSize, t.outputFontSize]
+  ), s = f(() => {
     if (e.current) {
-      const o = e.current;
+      const a = e.current;
       requestAnimationFrame(() => {
-        o.scrollTop = o.scrollHeight;
+        a.scrollTop = a.scrollHeight;
       });
     }
   }, [e]);
   return I(() => {
-    if (r(), e.current) {
-      const o = e.current.getElementsByTagName("img"), a = o[o.length - 1];
-      if (a && !a.complete)
-        return a.addEventListener("load", r), () => a.removeEventListener("load", r);
+    if (s(), e.current) {
+      const a = e.current.getElementsByTagName("img"), o = a[a.length - 1];
+      if (o && !o.complete)
+        return o.addEventListener("load", s), () => o.removeEventListener("load", s);
     }
-  }, [t, r, e]), /* @__PURE__ */ m(
+  }, [n, s, e]), /* @__PURE__ */ m(
     "div",
     {
       ref: e,
       className: "citadel-output",
       "data-testid": "citadel-command-output",
-      children: t.map((o) => /* @__PURE__ */ A("div", { className: "citadel-output-item", children: [
+      children: n.map((a) => /* @__PURE__ */ A("div", { className: "citadel-output-item", children: [
         /* @__PURE__ */ m(
-          Qe,
+          nt,
           {
-            command: o.command.join(" "),
-            timestamp: new Date(o.timestamp).toLocaleTimeString(),
-            status: o.result.status,
-            fontFamily: n.fontFamily,
-            fontSize: n.fontSize
+            command: a.command.join(" "),
+            timestamp: new Date(a.timestamp).toLocaleTimeString(),
+            status: a.result.status,
+            fontFamily: t.fontFamily,
+            fontSize: t.fontSize
           }
         ),
         /* @__PURE__ */ m(
           "div",
           {
             className: "citadel-output-content",
-            style: s.style,
-            children: o.result.render()
+            style: r.style,
+            children: a.result.render()
           }
         )
-      ] }, o.id))
+      ] }, a.id))
     }
   );
-}, Ze = {
+}, st = {
   blink: {
     character: "▋",
     speed: 530,
@@ -966,276 +967,276 @@ Check the definition of the ${i.join(".")} command and update the return type fo
     speed: 120,
     color: "#fff"
   }
-}, he = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], ge = ["|", "/", "-", "\\"], et = ({
-  style: t = { type: "blink" },
+}, we = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], Ce = ["|", "/", "-", "\\"], ot = ({
+  style: n = { type: "blink" },
   isValid: e = !0,
-  errorMessage: n
+  errorMessage: t
 }) => {
-  const s = P(() => ({
-    ...Ze[t.type],
-    ...t
-  }), [t]), [r, o] = _(!0), [a, c] = _(0);
+  const r = _(() => ({
+    ...st[n.type],
+    ...n
+  }), [n]), [s, a] = M(!0), [o, c] = M(0);
   I(() => {
-    if (s.speed === 0) return;
-    const g = setInterval(() => {
-      s.type === "blink" ? o((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 = P(() => ({
-    color: e ? s.color : "#ff4444",
+    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: n,
-      children: !e && n ? "✗" : ["spin", "bbs"].includes(s.type) ? (s.type === "bbs" ? ge : he)[a] : s.type === "solid" || r ? s.character : " "
+      title: t,
+      children: !e && t ? "✗" : ["spin", "bbs"].includes(r.type) ? (r.type === "bbs" ? Ce : we)[o] : r.type === "solid" || s ? r.character : " "
     }
   ) });
 };
-function tt(t, e) {
+function at(n, e) {
   switch (e.type) {
     case "set":
-      return b.debug(`[inputStateReducer] InputState changing from ${t} to ${e.state}`), e.state;
+      return k.debug(`[inputStateReducer] InputState changing from ${n} to ${e.state}`), e.state;
     default:
-      return t;
+      return n;
   }
 }
-const nt = () => {
-  const { state: t } = de(), e = te(), n = ke(), s = J(), [r, o] = _e(tt, "idle"), a = (l) => {
-    o({ type: "set", state: 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 = f(() => {
-    const p = e.getCompletions(s.path())[0] || s.nullSegment;
-    return b.debug("[getNextExpectedSegment] ", p), p;
-  }, [e, s]), i = f(() => e.getCompletionNames(s.path()).map((p) => e.getCommand([...s.path(), p])).filter((p) => p !== void 0), [e, s]), d = f((l, p) => {
+    const p = e.getCompletions(r.path())[0] || r.nullSegment;
+    return k.debug("[getNextExpectedSegment] ", p), 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 w = s.path().length;
+    const C = r.path().length;
     return p.filter((D) => {
-      const v = D.segments[w];
-      return !v || v.type !== "word" ? !1 : v.name.toLowerCase().startsWith(l.toLowerCase());
+      const S = D.segments[C];
+      return !S || S.type !== "word" ? !1 : S.name.toLowerCase().startsWith(l.toLowerCase());
     });
-  }, [s]), g = f((l) => {
-    const p = e.getUniqueCompletion(s.path(), l);
-    return p && p.type === "word" ? p : s.nullSegment;
-  }, [e, s]), u = f((l) => {
-    const p = s.path(), w = e.getCompletions(p);
-    return w.length === 0 && l ? !1 : w.some((v) => v.type === "argument") ? !0 : e.getMatchingCompletions(p, l).some((v) => v.type === "word");
-  }, [e, s]), h = f((l) => {
-    b.debug("[tryAutoComplete] input: ", l);
-    const p = g(l);
-    return !p || p.type === "null" ? new le() : (b.debug("[tryAutoComplete] result: ", p), p);
-  }, [g]), S = f((l, p) => {
-    if (t.history.position !== null)
+  }, [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, r]), g = f((l) => {
+    k.debug("[tryAutoComplete] input: ", l);
+    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), b.debug("[useCommandParser][handleInputChange] newValue: ", l);
-    const w = c();
-    if (w.type === "argument" || r === "entering_argument") {
-      const H = fe(l);
-      if (H.isQuoted)
-        if (H.isComplete) {
-          if (!(w instanceof q)) return;
-          w.value = l.trim() || "", b.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", w), s.push(w), p.setCurrentInput(""), a("idle");
+    p.setCurrentInput(l), k.debug("[useCommandParser][handleInputChange] newValue: ", l);
+    const C = c();
+    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 (!(w instanceof q)) return;
-        w.value = l.trim() || "", b.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", w), s.push(w), p.setCurrentInput(""), a("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(), M = e.getCompletions(s.path()).filter(
-        (E) => E.type === "word" && E.name.toLowerCase() === H
+      const T = l.trim().toLowerCase(), U = e.getCompletions(r.path()).filter(
+        (N) => N.type === "word" && N.name.toLowerCase() === T
       );
-      if (M.length === 1) {
-        s.push(M[0]), p.setCurrentInput(""), a("idle");
+      if (U.length === 1) {
+        r.push(U[0]), p.setCurrentInput(""), o("idle");
         return;
       }
     }
-    const v = h(l);
-    if (v.type === "word") {
-      b.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", v), s.push(v), p.setCurrentInput(""), a("idle");
+    const S = g(l);
+    if (S.type === "word") {
+      k.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", S), r.push(S), p.setCurrentInput(""), o("idle");
       return;
     }
-  }, [h, t, c, r, s, e]), C = f((l) => {
-    l.setCurrentInput(""), l.setIsEnteringArg(!1), s.clear(), a("idle");
-  }, [s]), k = f((l, p, w) => {
+  }, [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: v, isEnteringArg: H } = p, M = fe(v);
+    const { currentInput: S, isEnteringArg: T } = p, U = ve(S);
     switch (l.key) {
       case "Backspace":
-        return v === "" && (l.preventDefault(), s.size() > 0 && s.pop(), a("idle")), !0;
+        return S === "" && (l.preventDefault(), r.size() > 0 && r.pop(), o("idle")), !0;
       case "Enter": {
-        if (l.preventDefault(), M.isQuoted && !M.isComplete)
+        if (l.preventDefault(), U.isQuoted && !U.isComplete)
           return !0;
-        if (r === "entering_argument" || H && v.trim()) {
+        if (s === "entering_argument" || T && S.trim()) {
           const F = c();
-          F instanceof q && (F.value = v, b.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 E = s.path(), B = e.getCommand(E);
-        if (!B)
+        const N = r.path(), z = e.getCommand(N);
+        if (!z)
           return !1;
-        const O = B.segments.filter((F) => F.type === "argument"), W = s.arguments;
-        return O.length > W.length ? !1 : (b.debug("[handleKeyDown][Enter] calling actions.executeCommand. segmentStack: ", s), w.executeCommand(), n.addStoredCommand(s.toArray()), C(w), !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 E = await n.navigateHistory("up");
-          return E.segments && (s.clear(), s.pushAll(E.segments), w.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 E = await n.navigateHistory("down");
-          return E.segments && (s.clear(), s.pushAll(E.segments), w.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 E = v + l.key;
-          if (!u(E))
+        if (!T && l.key.length === 1) {
+          const N = S + l.key;
+          if (!u(N))
             return l.preventDefault(), !1;
         }
         return !0;
       }
     }
   }, [
-    r,
+    s,
     u,
     c,
-    n,
-    C,
+    t,
+    v,
     e,
-    s
+    r
   ]);
   return {
-    handleInputChange: S,
-    handleKeyDown: k,
-    inputState: r,
-    setInputStateWithLogging: a,
+    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(t) {
+function ve(n) {
   const e = [];
-  let n = "", s = !1, r;
-  for (let o = 0; o < t.length; o++) {
-    const a = t[o];
-    (a === '"' || a === "'") && (!s || a === r) ? s ? (e.push(n), n = "", s = !1, r = void 0) : (n && (e.push(n), n = ""), s = !0, r = a) : !s && a === " " ? n && (e.push(n), n = "") : n += a;
+  let t = "", r = !1, s;
+  for (let a = 0; a < n.length; a++) {
+    const o = n[a];
+    (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: n,
-    isQuoted: s,
-    quoteChar: r,
-    isComplete: !s && !n
+    currentWord: t,
+    isQuoted: r,
+    quoteChar: s,
+    isComplete: !r && !t
   };
 }
-const st = () => {
-  const t = J(), [e, n] = _(0);
+const ct = () => {
+  const n = X(), [e, t] = M(0);
   return I(() => {
-    const s = {
+    const r = {
       update: () => {
-        n((r) => r + 1);
+        t((s) => s + 1);
       }
     };
-    return t.subscribe(s), () => {
-      t.unsubscribe(s);
+    return n.subscribe(r), () => {
+      n.unsubscribe(r);
     };
-  }, [t]), e;
-}, rt = ({
-  state: t,
+  }, [n]), e;
+}, lt = ({
+  state: n,
   actions: e
 }) => {
-  const n = T(null), s = te(), r = J(), {
-    handleKeyDown: o,
-    handleInputChange: a,
+  const t = R(null), r = oe(), s = X(), {
+    handleKeyDown: a,
+    handleInputChange: o,
     inputState: c,
     setInputStateWithLogging: i,
     getNextExpectedSegment: d
-  } = nt(), [g, u] = _(!1), h = U(), S = st(), C = T(null), [k, l] = _(0), p = P(
-    () => ne(h.fontFamily, h.fontSize),
-    [h.fontFamily, h.fontSize]
-  ), w = f(async (N) => {
-    const R = o(N, t, e);
-    await Promise.resolve(R) === !1 && (u(!0), setTimeout(() => u(!1), 500));
-  }, [e, o, t]), D = f((N) => {
-    a(N.target.value, e);
-  }, [e, a]), v = f((N) => {
-    N.preventDefault();
-    const R = N.clipboardData.getData("text");
-    a(R, e);
-  }, [e, a]);
+  } = 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]);
   I(() => {
-    n.current && n.current.focus(), c !== "entering_command" && i("entering_command");
+    t.current && t.current.focus(), c !== "entering_command" && i("entering_command");
   }, [c, i]), I(() => {
     if (c !== "idle") return;
-    const N = d();
-    let R = "idle";
-    switch (N.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);
-  }, [S, c, d, i, e]);
-  const H = P(() => {
-    const N = [], R = r.toArray().map((L, se) => {
-      N.push(L.name);
-      const me = s.hasNextSegment(N);
-      if (L.type === "argument") {
-        const re = L;
-        return /* @__PURE__ */ A($.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__ */ A($.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 }, S)];
-  }, [S, s, r]), [M, E] = _("");
+    return [/* @__PURE__ */ m("div", { className: "citadel-input-segments", "data-testid": "user-input-area", children: P }, w)];
+  }, [w, r, s]), [U, N] = M("");
   I(() => {
-    const N = d();
-    N.type === "argument" ? E(N.name) : E("");
-  }, [S, d]);
-  const O = !t.isEnteringArg ? "is-command-mode" : "is-argument-mode", W = P(
+    const x = d();
+    x.type === "argument" ? N(x.name) : N("");
+  }, [w, d]);
+  const O = !n.isEnteringArg ? "is-command-mode" : "is-argument-mode", B = _(
     () => ({
-      left: `${k}px`,
+      left: `${b}px`,
       transition: "left 0.05s ease-out"
     }),
-    [k]
-  ), F = P(
+    [b]
+  ), F = _(
     () => ({
-      type: h.cursorType ?? x.cursorType,
-      color: h.cursorColor || x.cursorColor,
-      speed: h.cursorSpeed || x.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 N = C.current, R = n.current;
-    if (!N || !R) {
+  return Fe(() => {
+    const x = v.current, P = t.current;
+    if (!x || !P) {
       l(0);
       return;
     }
-    const L = N.getBoundingClientRect().width;
-    l(Math.max(0, L - R.scrollLeft));
-  }, [t.currentInput, O, p.style]), /* @__PURE__ */ m("div", { className: "citadel-input-shell", children: /* @__PURE__ */ A(
+    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",
@@ -1243,40 +1244,40 @@ const st = () => {
       children: [
         /* @__PURE__ */ m("div", { className: "citadel-input-prompt", children: ">" }),
         /* @__PURE__ */ A("div", { className: "citadel-input-row", children: [
-          H,
+          T,
           /* @__PURE__ */ A("div", { className: "citadel-input-control", children: [
             /* @__PURE__ */ m(
               "span",
               {
-                ref: C,
+                ref: v,
                 className: `citadel-input-measure ${O}`.trim(),
                 "aria-hidden": "true",
-                children: t.currentInput
+                children: n.currentInput
               }
             ),
             /* @__PURE__ */ m(
               "input",
               {
-                ref: n,
+                ref: t,
                 type: "text",
                 role: "textbox",
-                value: t.currentInput,
+                value: n.currentInput,
                 onChange: D,
-                onKeyDown: w,
-                onPaste: v,
+                onKeyDown: C,
+                onPaste: S,
                 "data-testid": "citadel-command-input",
-                className: `citadel-input-field ${O} ${g ? "invalid-input-animation" : ""}`.trim(),
+                className: `citadel-input-field ${O} ${h ? "invalid-input-animation" : ""}`.trim(),
                 spellCheck: !1,
                 autoComplete: "off",
-                placeholder: M
+                placeholder: U
               }
             ),
             /* @__PURE__ */ m(
               "div",
               {
                 className: "citadel-input-cursor",
-                style: W,
-                children: /* @__PURE__ */ m(et, { style: F })
+                style: B,
+                children: /* @__PURE__ */ m(ot, { style: F })
               }
             )
           ] })
@@ -1284,171 +1285,197 @@ const st = () => {
       ]
     }
   ) });
-}, at = ({ currentInput: t = "" }) => {
-  const e = te(), n = U(), s = J(), r = $.useMemo(
-    () => ne(n.fontFamily, n.fontSize),
-    [n.fontFamily, n.fontSize]
-  ), o = t.trim().toLowerCase(), a = e.getMatchingCompletions(
-    s.path(),
-    o
+}, 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(
+    r.path(),
+    a
   );
-  b.debug("[AvailableCommands] nextCommandSegments: ", a);
-  const c = $.useMemo(() => {
-    const u = [...a], h = (l) => l.name.toLowerCase() === "help", S = u.filter(h);
-    return [...u.filter((l) => !h(l)).sort(
+  k.debug("[AvailableCommands] nextCommandSegments: ", o);
+  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" })
-    ), ...S];
-  }, [a]), i = $.useMemo(() => {
+    ), ...w];
+  }, [o]), i = K.useMemo(() => {
     const u = /* @__PURE__ */ new Map();
-    for (const h of c) {
-      const S = c.reduce((C, k) => {
-        if (k === h) return C;
+    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 < k.name.length && h.name[l].toLowerCase() === k.name[l].toLowerCase(); )
+        for (; l < g.name.length && l < b.name.length && g.name[l].toLowerCase() === b.name[l].toLowerCase(); )
           l++;
-        return Math.max(C, l + 1);
+        return Math.max(v, l + 1);
       }, 1);
-      u.set(h.name, S);
+      u.set(g.name, w);
     }
     return u;
-  }, [c]), d = a.some((u) => u.type === "argument"), g = a[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 ? a.length > 0 ? /* @__PURE__ */ A(He, { children: [
-    /* @__PURE__ */ m("span", { className: "citadel-available-next-arg", children: g.name }),
-    g.description && /* @__PURE__ */ A("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__ */ A("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)
+          /* @__PURE__ */ m("strong", { className: "citadel-available-chip-prefix", children: u.name.slice(0, g) }),
+          u.name.slice(g)
         ] })
       },
       u.name
     );
   }) }) }) });
-}, Ne = ({
-  state: t,
+}, _e = ({
+  state: n,
   actions: e,
-  outputRef: n
+  outputRef: t
 }) => {
-  const r = U().displayMode === "inline", o = $.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__ */ A("div", { className: "innerContainer citadel-tty", children: [
-    /* @__PURE__ */ m(
+    a ? /* @__PURE__ */ m(
       "div",
       {
         className: "citadel-tty-output-pane",
         "data-testid": "citadel-output-pane",
         style: o,
-        children: /* @__PURE__ */ m(Xe, { output: t.output, outputRef: n })
+        children: /* @__PURE__ */ m(rt, { output: n.output, outputRef: t })
       }
-    ),
+    ) : null,
     /* @__PURE__ */ A("div", { className: "citadel-tty-input-region", children: [
-      /* @__PURE__ */ m(rt, { state: t, actions: e }),
-      /* @__PURE__ */ m(at, { currentInput: t.isEnteringArg ? "" : t.currentInput })
+      /* @__PURE__ */ m(lt, { state: n, actions: e }),
+      /* @__PURE__ */ m(dt, { currentInput: n.isEnteringArg ? "" : n.currentInput })
     ] })
   ] });
-}, ot = () => {
-  const t = U(), [e, n] = _(() => t.showOnLoad ?? !1), [s, r] = _(!1), [o, a] = _(() => t.initialHeight || null), c = T(null), i = T(null), d = T(!1), g = T(0), u = T(0), { state: h, actions: S } = de(), C = f(() => {
-    r(!1), n(!0);
-  }, []), k = f(() => {
-    r(!0);
+}, 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);
   }, []);
-  Be({
-    onOpen: C,
-    onClose: k,
-    isVisible: e && !s,
-    showCitadelKey: t.showCitadelKey || ".",
-    closeOnEscape: t.closeOnEscape ?? !0
+  Xe({
+    onOpen: U,
+    onClose: N,
+    isVisible: i && !h,
+    showCitadelKey: n.showCitadelKey || ".",
+    closeOnEscape: n.closeOnEscape ?? !0
   });
-  const l = f((M) => {
-    var W;
-    if (!d.current) return;
-    const E = M.clientY - g.current, B = (W = t.maxHeight) != null && W.endsWith("vh") ? window.innerHeight * parseInt(t.maxHeight, 10) / 100 : parseInt(t.maxHeight || "80vh", 10), O = Math.min(
-      Math.max(u.current - E, parseInt(t.minHeight || "200", 10)),
-      B
+  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 = `${O}px`, i.current.style.bottom = "0", a(`${O}px`));
-  }, [t.maxHeight, t.minHeight]), p = f(() => {
-    d.current = !1, document.documentElement.style.userSelect = "", document.documentElement.style.webkitUserSelect = "", document.documentElement.style.mozUserSelect = "", document.documentElement.style.msUserSelect = "", document.removeEventListener("mousemove", l), document.removeEventListener("mouseup", p);
-  }, [l]), w = f((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", l), document.addEventListener("mouseup", p));
-  }, [l, p]);
+    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", l), document.removeEventListener("mouseup", p);
-  }, [l, p]);
-  const D = f(() => {
-    s && (n(!1), r(!1));
-  }, [s]), { animationClass: v } = Ye({
-    isVisible: e,
-    isClosing: s,
-    onAnimationComplete: D
-  }), H = P(
+    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 = _(
     () => ({
       ...o ? { height: o } : {},
-      maxHeight: t.maxHeight
+      minHeight: s,
+      maxHeight: r
     }),
-    [t.maxHeight, o]
+    [s, o, r]
   );
-  return e ? /* @__PURE__ */ A(
+  return i ? /* @__PURE__ */ A(
     "div",
     {
-      ref: i,
-      className: `panelContainer ${v}`.trim(),
-      style: H,
+      ref: w,
+      className: `panelContainer ${x}`.trim(),
+      style: P,
       children: [
-        /* @__PURE__ */ m("div", { className: "resizeHandle", onMouseDown: w }),
+        /* @__PURE__ */ m("div", { className: "resizeHandle", onMouseDown: B }),
         /* @__PURE__ */ m(
-          Ne,
+          _e,
           {
-            state: h,
-            actions: S,
-            outputRef: c
+            state: S,
+            actions: T,
+            outputRef: g
           }
         )
       ]
     }
   ) : null;
-}, ae = (t) => {
-  if (!t) return;
-  const e = t.trim();
+}, ce = "128px", le = (n) => {
+  if (!n) return;
+  const e = n.trim();
   if (e)
     return /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
-}, it = () => {
-  const { state: t, actions: e } = de(), n = U(), s = T(null), r = P(
+}, ht = () => {
+  const { state: n, actions: e } = he(), t = j(), r = t.showOutputPane ?? !0, s = R(null), a = _(
     () => ({
-      height: ae(n.initialHeight),
-      maxHeight: ae(n.maxHeight),
-      minHeight: ae(n.minHeight)
+      height: r ? le(t.initialHeight) : ce,
+      maxHeight: r ? le(t.maxHeight) : ce,
+      minHeight: r ? le(t.minHeight) : ce
     }),
-    [n.initialHeight, n.maxHeight, n.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: t,
+          state: n,
           actions: e,
           outputRef: s
         }
       )
     }
   );
-}, 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);
@@ -1920,76 +1947,76 @@ const st = () => {
   object-fit: contain;
   border-radius: 0.5rem;
 }
-`, vt = ({
-  config: t = x,
+`, It = ({
+  config: n = E,
   commandRegistry: e,
-  containerId: n = null
+  containerId: t = null
 }) => {
-  const s = T(new ee()), r = e ?? s.current, o = T(null), a = P(() => ({ width: "100%", height: "100%" }), []), c = t.displayMode ?? x.displayMode ?? "panel";
+  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(() => {
-    b.configure({
-      level: t.logLevel || x.logLevel || ie.ERROR,
+    k.configure({
+      level: n.logLevel || E.logLevel || me.ERROR,
       prefix: "[Citadel]"
     });
-    const i = new Ae(r, t), d = c === "inline" && !n, g = d ? o.current : n ? document.getElementById(n) : 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.");
         return;
       }
-      console.warn(`Container with id "${n}" not found, falling back to body`), document.body.appendChild(i);
+      console.warn(`Container with id "${t}" not found, falling back to body`), document.body.appendChild(i);
     }
     return () => {
       var u;
       (u = i.parentElement) == null || u.removeChild(i);
     };
-  }, [r, n, t, c]), c === "inline" && !n ? /* @__PURE__ */ m("div", { ref: o, style: a }) : null;
+  }, [s, t, n, c]), c === "inline" && !t ? /* @__PURE__ */ m("div", { ref: a, style: o }) : null;
 };
-class Ae extends HTMLElement {
-  constructor(n, s) {
-    var o;
+class Re extends HTMLElement {
+  constructor(t, r) {
+    var a;
     super();
     y(this, "shadow");
     y(this, "root", null);
     y(this, "commandRegistry");
     y(this, "config");
-    this.shadow = this.attachShadow({ mode: "open" }), this.commandRegistry = n, this.config = s;
-    const r = ((o = this.config) == null ? void 0 : o.displayMode) ?? "panel";
-    this.setAttribute("data-display-mode", r);
+    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 o = new CSSStyleSheet();
-        return o.replaceSync(r), o;
+      const r = [xe].map((s) => {
+        const a = new CSSStyleSheet();
+        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 n = document.createElement("div");
-    n.id = "citadel-root", n.style.width = "100%", n.style.height = "100%", this.shadow.appendChild(n), this.root = Te(n), this.root.render(
-      /* @__PURE__ */ m(We, { config: this.config || x, commandRegistry: this.commandRegistry, children: /* @__PURE__ */ m(ct, {}) })
+    const t = document.createElement("div");
+    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() {
-    const n = this.root;
-    if (this.root = null, !n) {
+    const t = this.root;
+    if (this.root = null, !t) {
       this.shadow.replaceChildren();
       return;
     }
     queueMicrotask(() => {
-      n.unmount(), this.shadow.replaceChildren();
+      t.unmount(), this.shadow.replaceChildren();
     });
   }
 }
-typeof window < "u" && window.customElements && !window.customElements.get("citadel-element") && window.customElements.define("citadel-element", Ae);
-const ct = () => (U().displayMode ?? "panel") === "inline" ? /* @__PURE__ */ m(it, {}) : /* @__PURE__ */ m(ot, {});
-class lt {
+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() {
     y(this, "_description");
   }
@@ -2000,13 +2027,13 @@ class lt {
     return this._description;
   }
 }
-class dt {
+class yt {
   constructor(e) {
     y(this, "state");
     this.state = {
       path: e,
       description: "",
-      segments: mt(e)
+      segments: wt(e)
     };
   }
   describe(e) {
@@ -2015,12 +2042,12 @@ class dt {
   details(e) {
     return this.state.details = e, this;
   }
-  arg(e, n) {
-    const s = new lt();
-    return n == null || n(s), this.state.segments.push({
+  arg(e, t) {
+    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) {
@@ -2033,90 +2060,90 @@ class dt {
     };
   }
 }
-function mt(t) {
-  const e = t.trim();
+function wt(n) {
+  const e = n.trim();
   if (!e)
     throw new Error("Command path cannot be empty");
-  const n = e.split(".");
-  if (n.some((s) => s.trim() === ""))
-    throw new Error(`Invalid command path "${t}". Empty segments are not allowed.`);
-  if (n.some((s) => s.includes(" ")))
+  const t = e.split(".");
+  if (t.some((r) => r.trim() === ""))
+    throw new Error(`Invalid command path "${n}". Empty segments are not allowed.`);
+  if (t.some((r) => r.includes(" ")))
     throw new Error(
-      `Invalid command path "${t}". Use dot-delimited words (e.g. "user.show").`
+      `Invalid command path "${n}". Use dot-delimited words (e.g. "user.show").`
     );
-  return n.map((s) => ({
+  return t.map((r) => ({
     type: "word",
-    name: s
+    name: r
   }));
 }
-function ut(t) {
-  return t.flatMap((e) => e.type === "argument" ? [e.name] : []);
+function Ct(n) {
+  return n.flatMap((e) => e.type === "argument" ? [e.name] : []);
 }
-function pt(t) {
-  const e = ut(t.segments);
-  return async (n) => {
-    const s = e.reduce((r, o, a) => (r[o] = n[a], r), {});
+function vt(n) {
+  const e = Ct(n.segments);
+  return async (t) => {
+    const r = e.reduce((s, a, o) => (s[a] = t[o], s), {});
     return Promise.resolve(
-      t.handler({
-        rawArgs: n,
-        namedArgs: s,
-        commandPath: t.path
+      n.handler({
+        rawArgs: t,
+        namedArgs: r,
+        commandPath: n.path
       })
     );
   };
 }
-function St(t) {
-  return new dt(t);
+function At(n) {
+  return new yt(n);
 }
-function ht(t, e) {
-  t.addCommand(
+function St(n, e) {
+  n.addCommand(
     e.segments,
     e.description,
-    pt(e)
+    vt(e)
   );
 }
-function gt(t, e) {
-  return e.forEach((n) => ht(t, n)), t;
+function xt(n, e) {
+  return e.forEach((t) => St(n, t)), n;
 }
-function xt(t) {
-  const e = new ee();
-  return gt(e, t);
+function Pt(n) {
+  const e = new se();
+  return xt(e, n);
 }
-function bt(t) {
-  return new G(t);
+function Ht(n) {
+  return new ee(n);
 }
-function kt(t, e = "true", n = "false") {
-  return new De(t, e, n);
+function _t(n, e = "true", t = "false") {
+  return new $e(n, e, t);
 }
-function Et(t) {
-  return new ze(t);
+function Rt(n) {
+  return new Ue(n);
 }
-function Nt(t, e = "") {
-  return new Fe(t, e);
+function Tt(n, e = "") {
+  return new Ke(n, e);
 }
-function At(t) {
-  return new we(t);
+function Mt(n) {
+  return new be(n);
 }
 export {
-  De as BooleanCommandResult,
-  vt as Citadel,
-  ee as CommandRegistry,
-  K as CommandResult,
-  V as CommandStatus,
-  Ze as DEFAULT_CURSOR_CONFIGS,
-  we as ErrorCommandResult,
-  Fe as ImageCommandResult,
-  ze as JsonCommandResult,
-  oe as OutputItem,
-  Oe as PendingCommandResult,
-  G as TextCommandResult,
-  kt as bool,
-  St as command,
-  xt as createCommandRegistry,
-  At as error,
-  Nt as image,
-  Et as json,
-  ht as registerCommand,
-  gt as registerCommands,
-  bt as text
+  $e as BooleanCommandResult,
+  It as Citadel,
+  se as CommandRegistry,
+  W as CommandResult,
+  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
 };