citadel_cli 1.4.0 → 1.4.1

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";
+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 q = /* @__PURE__ */ ((n) => (n.Pending = "pending", n.Success = "success", n.Failure = "failure", n.Timeout = "timeout", n))(q || {});
-class W {
+var V = /* @__PURE__ */ ((t) => (t.Pending = "pending", t.Success = "success", t.Failure = "failure", t.Timeout = "timeout", t))(V || {});
+class K {
   constructor(e = Date.now()) {
-    f(this, "_status", "pending");
+    y(this, "_status", "pending");
     this.timestamp = e;
   }
   get status() {
@@ -23,38 +23,46 @@ class W {
     this._status = "timeout";
   }
 }
-class ze extends W {
-  constructor(e, t) {
-    super(t), this.data = e;
+class ze extends K {
+  constructor(e, n) {
+    super(n), this.data = e;
   }
   render() {
     return /* @__PURE__ */ m("pre", { className: "citadel-result-json", children: JSON.stringify(this.data, null, 2) });
   }
 }
-class Y extends W {
-  constructor(e, t) {
-    super(t), this.text = e;
+class G extends K {
+  constructor(e, n) {
+    super(n), this.text = e;
   }
   render() {
     return /* @__PURE__ */ m("div", { className: "citadel-result-text", children: this.text });
   }
 }
-class we extends W {
-  constructor(e, t) {
-    super(t), this.error = e, this.markFailure();
+class De extends K {
+  constructor(e, n = "true", s = "false", r) {
+    super(r), this.value = e, this.trueText = n, this.falseText = s;
+  }
+  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();
   }
   render() {
     return /* @__PURE__ */ m("div", { className: "citadel-result-error", children: this.error });
   }
 }
-class De extends W {
+class Oe extends K {
   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 Fe extends K {
+  constructor(e, n = "", s) {
+    super(s), this.imageUrl = e, this.altText = n;
   }
   render() {
     return /* @__PURE__ */ m("div", { className: "citadel-result-image-wrap", children: /* @__PURE__ */ m(
@@ -67,28 +75,28 @@ 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 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}`);
     return {
-      commandLine: a,
-      argumentLines: o
+      commandLine: o,
+      argumentLines: a
     };
   }).sort((s, r) => s.commandLine.localeCompare(r.commandLine)).flatMap((s) => [
     s.commandLine,
     ...s.argumentLines
   ]);
-  return t.length === 0 ? new Y(
+  return n.length === 0 ? new G(
     "No commands available yet. Add some commands to get started!"
-  ) : (t.push("help - Show available commands"), new Y(
+  ) : (n.push("help - Show available commands"), new G(
     `Available Commands:
-` + t.join(`
+` + n.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 || {});
+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 k {
+class b {
   static configure(e) {
     this.level = e.level, this.prefix = e.prefix || "[Citadel]";
   }
@@ -108,8 +116,8 @@ class k {
     this.level >= 1 && console.error(this.prefix, ...e);
   }
 }
-f(k, "level", 0), f(k, "prefix", "");
-const N = {
+y(b, "level", 0), y(b, "prefix", "");
+const x = {
   commandTimeoutMs: 1e4,
   cursorColor: "var(--cursor-color, #fff)",
   cursorSpeed: 530,
@@ -123,16 +131,18 @@ const N = {
   minHeight: "200",
   outputFontSize: "0.875rem",
   resetStateOnHide: !1,
+  closeOnEscape: !0,
   showCitadelKey: ".",
+  showOnLoad: !1,
   displayMode: "panel",
   storage: {
     type: "localStorage",
     maxCommands: 100
   }
-}, Ce = async () => new Y("");
+}, Ce = async () => new G("");
 class ce {
-  constructor(e, t, s) {
-    this.type = e, this.name = t, this.description = s;
+  constructor(e, n, s) {
+    this.type = e, this.name = n, this.description = s;
   }
   toString() {
     return this.name;
@@ -144,21 +154,21 @@ class le extends ce {
   }
 }
 class ve extends ce {
-  constructor(e, t) {
-    super("word", e, t);
+  constructor(e, n) {
+    super("word", e, n);
   }
 }
-class O extends ce {
-  constructor(e, t, s, r) {
-    super("argument", e, t), this.value = s, this.valid = r;
+class q extends ce {
+  constructor(e, n, s, r) {
+    super("argument", e, n), this.value = s, this.valid = r;
   }
 }
-const $e = (n) => {
-  if (n.type === "word")
-    return new ve(n.name, n.description);
-  if (n.type === "argument") {
-    const e = n;
-    return new O(
+const je = (t) => {
+  if (t.type === "word")
+    return new ve(t.name, t.description);
+  if (t.type === "argument") {
+    const e = t;
+    return new q(
       e.name,
       e.description,
       e.value,
@@ -166,14 +176,14 @@ const $e = (n) => {
     );
   }
   return new le();
-}, D = (n) => n.map((e) => $e(e));
-class je {
-  constructor(e, t, s = Ce) {
-    f(this, "_segments");
-    f(this, "_description");
+}, z = (t) => t.map((e) => je(e));
+class Ue {
+  constructor(e, n, s = Ce) {
+    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 = n, this._handler = s;
   }
   get segments() {
     return this._segments;
@@ -197,9 +207,9 @@ class je {
     return this.fullPath.join(" ") === e.fullPath.join(" ");
   }
 }
-class X {
+class ee {
   constructor() {
-    f(this, "_commands", []);
+    y(this, "_commands", []);
   }
   get commands() {
     return this._commands;
@@ -215,19 +225,19 @@ 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, n, s = Ce) {
     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 c = o.segments.map(
+    const r = new Ue(e, n, s), o = this._commands.find((a) => {
+      const c = a.segments.map(
         (d) => d.type === "argument" ? "*" : d.name
       ).join(" "), i = e.map(
         (d) => d.type === "argument" ? "*" : d.name
       ).join(" ");
       return c === i;
     });
-    if (a)
-      throw new Error(`Duplicate commands: '${a.fullPath_s}' and '${r.fullPath_s}'`);
+    if (o)
+      throw new Error(`Duplicate commands: '${o.fullPath_s}' and '${r.fullPath_s}'`);
     this._commands.push(r);
   }
   /**
@@ -237,7 +247,7 @@ 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);
+    const n = e.join(" "), s = this._commands.findIndex((r) => r.fullPath.join(" ") === n);
     return s === -1 ? !1 : (this._commands.splice(s, 1), !0);
   }
   /**
@@ -247,26 +257,26 @@ class X {
    * @returns The command node or undefined if not found.
    */
   getCommand(e) {
-    return this._commands.find((t) => {
-      const s = t.fullPath.join(" "), r = e.join(" ");
+    return this._commands.find((n) => {
+      const s = n.fullPath.join(" "), r = e.join(" ");
       if (s === r)
         return !0;
-      const o = t.segments.filter((c) => c.type === "word").map((c) => c.name);
-      return o.length === e.length && o.join(" ") === r;
+      const a = n.segments.filter((c) => c.type === "word").map((c) => c.name);
+      return a.length === e.length && a.join(" ") === r;
     });
   }
   commandExistsForPath(e) {
-    const t = this._commands.map(
+    const n = this._commands.map(
       (r) => r.segments.map(
-        (a) => a.type === "argument" ? "*" : a.name
+        (o) => o.type === "argument" ? "*" : o.name
       ).join(" ")
-    ), s = e.map((r, a) => this._commands.some(
+    ), s = e.map((r, o) => this._commands.some(
       (c) => {
         var i;
-        return ((i = c.segments[a]) == null ? void 0 : i.type) === "argument";
+        return ((i = c.segments[o]) == null ? void 0 : i.type) === "argument";
       }
     ) ? "*" : r).join(" ");
-    return t.includes(s);
+    return n.includes(s);
   }
   /**
    * Gets possible matches for a given path.
@@ -275,24 +285,24 @@ class X {
    * @returns An array of completion strings.
    */
   getCompletionNames(e) {
-    return this.getCompletions(e).map((t) => t.name);
+    return this.getCompletions(e).map((n) => n.name);
   }
   /**
    * Returns completion segments whose names start with the given prefix.
    * Matching is case-insensitive.
    */
-  getMatchingCompletions(e, t) {
-    const s = t.trim().toLowerCase(), r = this.getCompletions(e);
+  getMatchingCompletions(e, n) {
+    const s = n.trim().toLowerCase(), r = this.getCompletions(e);
     return s ? r.filter(
-      (a) => a.name.toLowerCase().startsWith(s)
+      (o) => o.name.toLowerCase().startsWith(s)
     ) : r;
   }
   /**
    * 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);
+  getUniqueCompletion(e, n) {
+    const s = this.getMatchingCompletions(e, n);
     if (s.length === 1)
       return s[0];
   }
@@ -303,29 +313,29 @@ class X {
    * @returns An array of completion strings.
    */
   getCompletions(e) {
-    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))
+    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))
       );
     }
-    const t = e.length;
-    return this._commands.filter((a) => {
-      const o = a.segments;
-      if (o.length <= t - 1)
+    const n = e.length;
+    return this._commands.filter((o) => {
+      const a = o.segments;
+      if (a.length <= n - 1)
         return !1;
-      for (let c = 0; c < t; c++) {
-        const i = e[c], d = o[c];
+      for (let c = 0; c < n; c++) {
+        const i = e[c], d = a[c];
         if (!(i === "*" && d.type === "argument") && i !== d.name)
           return !1;
       }
       return !0;
-    }).filter((a) => a.segments.length > t).map((a) => {
-      const o = a.segments[t], c = o.type === "argument" ? O : ve;
-      return new c(o.name, o.description);
+    }).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, o, c) => o === c.findIndex(
-        (i) => i.type === a.type && i.name === a.name
+      (o, a, c) => a === c.findIndex(
+        (i) => i.type === o.type && i.name === o.name
       )
     );
   }
@@ -335,7 +345,7 @@ class X {
 }
 class Se {
   constructor(e) {
-    f(this, "config");
+    y(this, "config");
     this.config = {
       type: "localStorage",
       maxCommands: 100,
@@ -346,43 +356,43 @@ class Se {
    * Add a command to history, enforcing storage limits
    */
   async addStoredCommand(e) {
-    const t = await this.getStoredCommands();
-    for (t.push(e); t.length > this.config.maxCommands; )
-      t.shift();
-    await this.saveCommands(t);
+    const n = await this.getStoredCommands();
+    for (n.push(e); n.length > this.config.maxCommands; )
+      n.shift();
+    await this.saveCommands(n);
   }
 }
-class Ue extends Se {
-  constructor(t) {
-    super(t);
-    f(this, "storageKey", "citadel_command_history");
+class $e extends Se {
+  constructor(n) {
+    super(n);
+    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) : [],
+      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
       })) : [];
-    } catch (t) {
-      return console.warn("Failed to load commands from localStorage:", t), [];
+    } catch (n) {
+      return console.warn("Failed to load commands from localStorage:", n), [];
     }
   }
   async clear() {
     try {
       window.localStorage.removeItem(this.storageKey);
-    } catch (t) {
-      console.warn("Failed to clear localStorage:", t);
+    } catch (n) {
+      console.warn("Failed to clear localStorage:", n);
     }
   }
-  async saveCommands(t) {
+  async saveCommands(n) {
     try {
-      const s = t.map((r) => ({
-        commandSegments: Array.isArray(r.commandSegments) ? D(r.commandSegments).map((a) => ({
-          type: a.type,
-          name: a.name,
-          description: a.description,
-          ...a instanceof O ? { value: a.value } : {}
+      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 } : {}
         })) : [],
         timestamp: r.timestamp
       }));
@@ -393,41 +403,41 @@ class Ue extends Se {
   }
 }
 class pe extends Se {
-  constructor(t) {
-    super(t);
-    f(this, "storedCommands", []);
+  constructor(n) {
+    super(n);
+    y(this, "storedCommands", []);
   }
   async getStoredCommands() {
-    return this.storedCommands.map((t) => ({
-      commandSegments: Array.isArray(t.commandSegments) ? D(t.commandSegments) : [],
-      timestamp: t.timestamp
+    return this.storedCommands.map((n) => ({
+      commandSegments: Array.isArray(n.commandSegments) ? z(n.commandSegments) : [],
+      timestamp: n.timestamp
     }));
   }
   async clear() {
     this.storedCommands = [];
   }
-  async saveCommands(t) {
-    this.storedCommands = t.map((s) => ({
-      commandSegments: Array.isArray(s.commandSegments) ? D(s.commandSegments) : [],
+  async saveCommands(n) {
+    this.storedCommands = n.map((s) => ({
+      commandSegments: Array.isArray(s.commandSegments) ? z(s.commandSegments) : [],
       timestamp: s.timestamp
     }));
   }
 }
-const $ = class $ {
+const j = class j {
   constructor() {
-    f(this, "currentStorage");
+    y(this, "currentStorage");
   }
   static reset() {
-    $.instance = void 0;
+    j.instance = void 0;
   }
   static getInstance() {
-    return $.instance || ($.instance = new $()), $.instance;
+    return j.instance || (j.instance = new j()), j.instance;
   }
   initializeStorage(e) {
     try {
-      e.type === "memory" ? this.currentStorage = new pe(e) : this.currentStorage = new Ue(e);
-    } catch (t) {
-      console.warn("Failed to create storage, falling back to memory storage:", t), this.currentStorage = new pe(e);
+      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);
     }
   }
   getStorage() {
@@ -436,19 +446,19 @@ const $ = class $ {
     return this.currentStorage;
   }
 };
-f($, "instance");
-let J = $;
+y(j, "instance");
+let Q = j;
 class xe {
   constructor() {
-    f(this, "segments", []);
-    f(this, "nullSegment", new le());
-    f(this, "observers", []);
+    y(this, "segments", []);
+    y(this, "nullSegment", new le());
+    y(this, "observers", []);
   }
   subscribe(e) {
     this.observers.push(e);
   }
   unsubscribe(e) {
-    this.observers = this.observers.filter((t) => t !== e);
+    this.observers = this.observers.filter((n) => n !== e);
   }
   notifyObservers() {
     this.observers.forEach((e) => e.update());
@@ -469,7 +479,7 @@ class xe {
    * Pushes an array of segments onto the stack
    */
   pushAll(e) {
-    e.forEach((t) => this.push(t));
+    e.forEach((n) => this.push(n));
   }
   /**
    * Removes and returns the top segment from the stack
@@ -525,32 +535,34 @@ class xe {
     return [...this.segments];
   }
 }
-const Oe = {
-  config: N,
-  commands: new X(),
+const Ke = {
+  config: x,
+  commands: new ee(),
   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,
-    ...n,
+}, Y = Re(Ke), We = ({ config: t = x, commandRegistry: e, children: n }) => {
+  const [s, r] = $.useState(), [o] = _(() => new xe()), a = P(() => ({
+    ...x,
+    ...t,
     // Ensure nested objects are properly merged
     storage: {
-      ...N.storage,
-      ...n.storage
+      ...x.storage,
+      ...t.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 || "."
-  }), [n]);
-  P(() => {
-    J.getInstance().initializeStorage(
-      o.storage ?? N.storage
-    ), r(J.getInstance().getStorage());
-  }, [o.storage]), P(() => {
+    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]);
+  I(() => {
+    Q.getInstance().initializeStorage(
+      a.storage ?? x.storage
+    ), r(Q.getInstance().getStorage());
+  }, [a.storage]), I(() => {
     if (e) {
-      if (o.includeHelpCommand) {
+      if (a.includeHelpCommand) {
         if (!e.commandExistsForPath(["help"])) {
           const i = Le(e);
           e.addCommand(
@@ -563,83 +575,83 @@ const Oe = {
       }
       e.removeCommand(["help"]);
     }
-  }, [e, o.includeHelpCommand]);
-  const c = A(() => ({
-    config: o,
-    commands: e || new X(),
+  }, [e, a.includeHelpCommand]);
+  const c = P(() => ({
+    config: a,
+    commands: e || new ee(),
     storage: s,
-    segmentStack: a
-  }), [o, e, s, a]);
-  return /* @__PURE__ */ m(B.Provider, { value: c, children: t });
-}, j = () => {
-  const n = Q(B);
-  if (n === void 0)
+    segmentStack: o
+  }), [a, e, s, o]);
+  return /* @__PURE__ */ m(Y.Provider, { value: c, children: n });
+}, U = () => {
+  const t = Z(Y);
+  if (t === void 0)
     throw new Error("useCitadelConfig must be used within a CitadelConfigProvider");
-  return n.config;
-}, Z = () => {
-  const n = Q(B);
-  if (n === void 0)
+  return t.config;
+}, te = () => {
+  const t = Z(Y);
+  if (t === void 0)
     throw new Error("useCitadelCommands must be used within a CitadelConfigProvider");
-  return n.commands;
+  return t.commands;
 }, be = () => {
-  const n = Q(B);
-  if (n === void 0)
+  const t = Z(Y);
+  if (t === void 0)
     throw new Error("useCitadelStorage must be used within a CitadelConfigProvider");
-  return n.storage;
-}, V = () => {
-  const n = Q(B);
-  if (n === void 0)
+  return t.storage;
+}, J = () => {
+  const t = Z(Y);
+  if (t === void 0)
     throw new Error("useSegmentStack must be used within a CitadelConfigProvider");
-  return n.segmentStack;
-}, G = class G {
-  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();
+  return t.segmentStack;
+}, X = class X {
+  constructor(e, n) {
+    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();
   }
 };
-f(G, "idCounter", 0);
-let oe = G;
-function Ke(n) {
+y(X, "idCounter", 0);
+let oe = X;
+function qe(t) {
   return {
-    commandSegments: D(n),
+    commandSegments: z(t),
     timestamp: Date.now()
   };
 }
 function ke() {
-  const n = be(), [e, t] = _({
+  const t = be(), [e, n] = _({
     storedCommands: [],
     position: null
-  }), s = w(async (c) => {
-    if (n)
+  }), s = f(async (c) => {
+    if (t)
       try {
-        const i = Ke(c);
-        await n.addStoredCommand(i), t((d) => ({
+        const i = qe(c);
+        await t.addStoredCommand(i), n((d) => ({
           ...d,
           storedCommands: [...d.storedCommands, {
             ...i,
-            commandSegments: D(i.commandSegments)
+            commandSegments: z(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) => ({
+  }, [t]), r = f(async () => t ? (await t.getStoredCommands()).map((i) => ({
     ...i,
-    commandSegments: D(i.commandSegments)
-  })) : [], [n]);
-  P(() => {
-    if (!n) return;
+    commandSegments: z(i.commandSegments)
+  })) : [], [t]);
+  I(() => {
+    if (!t) return;
     (async () => {
       try {
-        const d = (await n.getStoredCommands()).map((g) => ({
+        const d = (await t.getStoredCommands()).map((g) => ({
           ...g,
-          commandSegments: D(g.commandSegments)
+          commandSegments: z(g.commandSegments)
         }));
-        return t((g) => ({
+        return n((g) => ({
           ...g,
           storedCommands: d
         })), d;
@@ -647,21 +659,21 @@ function ke() {
         console.warn("Failed to load command history:", i);
       }
     })();
-  }, [n]);
-  const a = w(async (c) => {
+  }, [t]);
+  const o = f(async (c) => {
     const i = await r();
     if (i.length === 0)
-      return t((u) => ({
+      return n((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, t((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, n((u) => ({
       ...u,
       storedCommands: i.map((h) => ({
         ...h,
-        commandSegments: D(h.commandSegments)
+        commandSegments: z(h.commandSegments)
       })),
       position: d
     })), d === null)
@@ -671,33 +683,33 @@ function ke() {
       };
     const g = i[d];
     return g ? {
-      segments: D(g.commandSegments),
+      segments: z(g.commandSegments),
       position: d
     } : {
       segments: [],
       position: null
     };
-  }, [e.position, r]), o = w(async () => {
+  }, [e.position, r]), a = f(async () => {
     try {
-      if (!n) return;
-      await n.clear(), t({
+      if (!t) return;
+      await t.clear(), n({
         storedCommands: [],
         position: null
       });
     } catch (c) {
       console.warn("Failed to clear command history:", c);
     }
-  }, [n]);
+  }, [t]);
   return {
     history: e,
     addStoredCommand: s,
     getStoredCommands: r,
-    navigateHistory: a,
-    clear: o
+    navigateHistory: o,
+    clear: a
   };
 }
 const de = () => {
-  const n = j(), e = Z(), t = ke(), s = V(), r = be(), [a, o] = _({
+  const t = U(), e = te(), n = ke(), s = J(), r = be(), [o, a] = _({
     currentInput: "",
     isEnteringArg: !1,
     output: [],
@@ -707,156 +719,160 @@ const de = () => {
       storage: r
     }
   });
-  P(() => {
-  }, [r]), P(() => {
-    o((i) => ({
+  I(() => {
+  }, [r]), I(() => {
+    a((i) => ({
       ...i,
       history: {
-        commands: t.history.storedCommands,
-        position: t.history.position,
+        commands: n.history.storedCommands,
+        position: n.history.position,
         storage: r
       }
     }));
-  }, [t.history, r]);
+  }, [n.history, r]);
   const c = {
-    setCurrentInput: w((i) => {
-      k.debug("[CitadelActions] setCurrentInput: ", i), o((d) => ({ ...d, currentInput: i }));
+    setCurrentInput: f((i) => {
+      b.debug("[CitadelActions] setCurrentInput: ", i), a((d) => ({ ...d, currentInput: i }));
     }, []),
-    setIsEnteringArg: w((i) => {
-      k.debug("[CitadelActions] setIsEnteringArg: ", i), o((d) => ({ ...d, isEnteringArg: i }));
+    setIsEnteringArg: f((i) => {
+      b.debug("[CitadelActions] setIsEnteringArg: ", i), a((d) => ({ ...d, isEnteringArg: i }));
     }, []),
-    addOutput: w((i) => {
-      k.debug("[CitadelActions]addOutput: ", i), o((d) => ({
+    addOutput: f((i) => {
+      b.debug("[CitadelActions]addOutput: ", i), a((d) => ({
         ...d,
         output: [...d.output, i]
       }));
     }, []),
-    executeCommand: w(async () => {
+    executeCommand: f(async () => {
       const i = s.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);
-      o((u) => ({
+      a((u) => ({
         ...u,
         output: [...u.output, g]
       }));
       try {
-        const u = new Promise((y, v) => {
+        const u = new Promise((C, k) => {
           setTimeout(() => {
-            v(new Error("Request timed out"));
-          }, n.commandTimeoutMs);
-        }), h = s.arguments.map((y) => y.value || ""), x = await Promise.race([
+            k(new Error("Request timed out"));
+          }, t.commandTimeoutMs);
+        }), h = s.arguments.map((C) => C.value || ""), S = await Promise.race([
           d.handler(h),
           u
         ]);
-        if (!(x instanceof W))
+        if (!(S instanceof K))
           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
+        S.markSuccess(), a((C) => ({
+          ...C,
+          output: C.output.map(
+            (k) => k.id === g.id ? { ...k, result: S } : k
           )
         }));
       } catch (u) {
         const h = new we(
           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
+        h.markFailure(), a((S) => ({
+          ...S,
+          output: S.output.map(
+            (C) => C.id === g.id ? { ...C, result: h } : C
           )
         }));
       }
-    }, [e, n.commandTimeoutMs, s]),
-    clearHistory: w(async () => {
+    }, [e, t.commandTimeoutMs, s]),
+    clearHistory: f(async () => {
       try {
-        await t.clear();
+        await n.clear();
       } catch (i) {
         console.warn("Failed to clear history:", i);
       }
-    }, [t])
+    }, [n])
   };
-  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());
+  return { state: o, actions: c };
+}, Be = ({
+  onOpen: t,
+  onClose: e,
+  isVisible: n,
+  showCitadelKey: s,
+  closeOnEscape: r
+}) => {
+  I(() => {
+    const o = (a) => {
+      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());
     };
-    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", 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 I(() => {
+    if (!n || !s) return;
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+      s();
+      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]),
+    const a = setTimeout(() => {
+      s();
+    }, Ve);
+    return () => clearTimeout(a);
+  }, [n, s]), {
     animationClass: r
   };
-}, Ve = () => /* @__PURE__ */ m(
+}, Je = () => /* @__PURE__ */ m(
   "div",
   {
     "data-testid": "spinner",
     className: "citadel-spinner"
   }
-), Ee = (n) => {
-  const e = n == null ? void 0 : n.trim();
+), Ee = (t) => {
+  const e = t == null ? void 0 : t.trim();
   return e || void 0;
-}, Ye = (n) => {
-  const e = Ee(n);
+}, Ge = (t) => {
+  const e = Ee(t);
   return e ? { style: { fontSize: e } } : {};
-}, ee = (n, e) => {
-  const t = Ee(n), r = {
-    ...Ye(e).style
+}, ne = (t, e) => {
+  const n = Ee(t), r = {
+    ...Ge(e).style
   };
-  return t && (r.fontFamily = t), {
+  return n && (r.fontFamily = n), {
     style: Object.keys(r).length > 0 ? r : void 0
   };
-}, Je = ({
-  command: n,
+}, Qe = ({
+  command: t,
   timestamp: e,
-  status: t,
+  status: n,
   fontFamily: s,
   fontSize: r
 }) => {
-  const a = A(
-    () => ee(s, r ?? "0.875rem"),
+  const o = P(
+    () => ne(s, r ?? "0.875rem"),
     [s, r]
   );
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ A(
     "div",
     {
       className: "citadel-output-line",
-      style: a.style,
+      style: o.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(
+          t.split(" ").map((a, c) => {
+            const i = a.startsWith("<") && a.endsWith(">");
+            return /* @__PURE__ */ A(
               "span",
               {
                 className: i ? "citadel-output-command-arg" : "citadel-output-command-word",
                 children: [
                   c > 0 ? " " : "",
-                  o
+                  a
                 ]
               },
               c
@@ -865,15 +881,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(
+        n === V.Pending && /* @__PURE__ */ m(Je, {}),
+        n === V.Success && /* @__PURE__ */ m(
           "div",
           {
             "data-testid": "success-indicator",
             className: "citadel-status-dot citadel-status-dot-success"
           }
         ),
-        (t === q.Timeout || t === q.Failure) && /* @__PURE__ */ m(
+        (n === V.Timeout || n === V.Failure) && /* @__PURE__ */ m(
           "div",
           {
             "data-testid": "success-indicator",
@@ -883,39 +899,39 @@ 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),
-    [t.fontFamily, t.fontSize, t.outputFontSize]
-  ), r = w(() => {
+}, 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(() => {
     if (e.current) {
-      const a = e.current;
+      const o = e.current;
       requestAnimationFrame(() => {
-        a.scrollTop = a.scrollHeight;
+        o.scrollTop = o.scrollHeight;
       });
     }
   }, [e]);
-  return P(() => {
+  return I(() => {
     if (r(), 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);
+      const o = e.current.getElementsByTagName("img"), a = o[o.length - 1];
+      if (a && !a.complete)
+        return a.addEventListener("load", r), () => a.removeEventListener("load", r);
     }
-  }, [n, r, e]), /* @__PURE__ */ m(
+  }, [t, r, 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: t.map((o) => /* @__PURE__ */ A("div", { className: "citadel-output-item", children: [
         /* @__PURE__ */ m(
-          Je,
+          Qe,
           {
-            command: a.command.join(" "),
-            timestamp: new Date(a.timestamp).toLocaleTimeString(),
-            status: a.result.status,
-            fontFamily: t.fontFamily,
-            fontSize: t.fontSize
+            command: o.command.join(" "),
+            timestamp: new Date(o.timestamp).toLocaleTimeString(),
+            status: o.result.status,
+            fontFamily: n.fontFamily,
+            fontSize: n.fontSize
           }
         ),
         /* @__PURE__ */ m(
@@ -923,13 +939,13 @@ Check the definition of the ${i.join(".")} command and update the return type fo
           {
             className: "citadel-output-content",
             style: s.style,
-            children: a.result.render()
+            children: o.result.render()
           }
         )
-      ] }, a.id))
+      ] }, o.id))
     }
   );
-}, Qe = {
+}, Ze = {
   blink: {
     character: "▋",
     speed: 530,
@@ -950,23 +966,23 @@ Check the definition of the ${i.join(".")} command and update the return type fo
     speed: 120,
     color: "#fff"
   }
-}, he = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], ge = ["|", "/", "-", "\\"], Xe = ({
-  style: n = { type: "blink" },
+}, he = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], ge = ["|", "/", "-", "\\"], et = ({
+  style: t = { type: "blink" },
   isValid: e = !0,
-  errorMessage: t
+  errorMessage: n
 }) => {
-  const s = A(() => ({
-    ...Qe[n.type],
-    ...n
-  }), [n]), [r, a] = _(!0), [o, c] = _(0);
-  P(() => {
+  const s = P(() => ({
+    ...Ze[t.type],
+    ...t
+  }), [t]), [r, o] = _(!0), [a, c] = _(0);
+  I(() => {
     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.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 = A(() => ({
+  const i = P(() => ({
     color: e ? s.color : "#ff4444",
     transition: "color 0.15s ease-in-out"
   }), [e, s.color]);
@@ -975,113 +991,113 @@ Check the definition of the ${i.join(".")} command and update the return type fo
     {
       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 : " "
+      title: n,
+      children: !e && n ? "✗" : ["spin", "bbs"].includes(s.type) ? (s.type === "bbs" ? ge : he)[a] : s.type === "solid" || r ? s.character : " "
     }
   ) });
 };
-function Ze(n, e) {
+function tt(t, e) {
   switch (e.type) {
     case "set":
-      return k.debug(`[inputStateReducer] InputState changing from ${n} to ${e.state}`), e.state;
+      return b.debug(`[inputStateReducer] InputState changing from ${t} to ${e.state}`), e.state;
     default:
-      return n;
+      return t;
   }
 }
-const et = () => {
-  const { state: n } = de(), e = Z(), t = ke(), s = V(), [r, a] = _e(Ze, "idle"), o = (l) => {
-    a({ type: "set", state: l });
-  }, c = w(() => {
+const nt = () => {
+  const { state: t } = de(), e = te(), n = ke(), s = J(), [r, o] = _e(tt, "idle"), a = (l) => {
+    o({ type: "set", state: l });
+  }, c = f(() => {
     const p = e.getCompletions(s.path())[0] || s.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) => {
+    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) => {
     if (!l) return p;
-    const C = s.path().length;
-    return p.filter((M) => {
-      const S = M.segments[C];
-      return !S || S.type !== "word" ? !1 : S.name.toLowerCase().startsWith(l.toLowerCase());
+    const w = s.path().length;
+    return p.filter((D) => {
+      const v = D.segments[w];
+      return !v || v.type !== "word" ? !1 : v.name.toLowerCase().startsWith(l.toLowerCase());
     });
-  }, [s]), g = w((l) => {
+  }, [s]), g = f((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);
-    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) => {
-    k.debug("[tryAutoComplete] input: ", l);
+  }, [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() : (k.debug("[tryAutoComplete] result: ", p), p);
-  }, [g]), x = w((l, p) => {
-    if (n.history.position !== null)
+    return !p || p.type === "null" ? new le() : (b.debug("[tryAutoComplete] result: ", p), p);
+  }, [g]), S = f((l, p) => {
+    if (t.history.position !== null)
       return;
-    p.setCurrentInput(l), k.debug("[useCommandParser][handleInputChange] newValue: ", l);
-    const C = c();
-    if (C.type === "argument" || r === "entering_argument") {
+    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 (!(C instanceof O)) return;
-          C.value = l.trim() || "", k.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", C), s.push(C), p.setCurrentInput(""), o("idle");
+          if (!(w instanceof q)) return;
+          w.value = l.trim() || "", b.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", w), s.push(w), p.setCurrentInput(""), a("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");
+        if (!(w instanceof q)) return;
+        w.value = l.trim() || "", b.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", w), s.push(w), p.setCurrentInput(""), a("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 H = l.trim().toLowerCase(), M = e.getCompletions(s.path()).filter(
+        (E) => E.type === "word" && E.name.toLowerCase() === H
       );
-      if (T.length === 1) {
-        s.push(T[0]), p.setCurrentInput(""), o("idle");
+      if (M.length === 1) {
+        s.push(M[0]), p.setCurrentInput(""), a("idle");
         return;
       }
     }
-    const S = h(l);
-    if (S.type === "word") {
-      k.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", S), s.push(S), p.setCurrentInput(""), o("idle");
+    const v = h(l);
+    if (v.type === "word") {
+      b.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", v), s.push(v), p.setCurrentInput(""), a("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) => {
+  }, [h, t, c, r, s, e]), C = f((l) => {
+    l.setCurrentInput(""), l.setIsEnteringArg(!1), s.clear(), a("idle");
+  }, [s]), k = f((l, p, w) => {
     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: v, isEnteringArg: H } = p, M = fe(v);
     switch (l.key) {
       case "Backspace":
-        return S === "" && (l.preventDefault(), s.size() > 0 && s.pop(), o("idle")), !0;
+        return v === "" && (l.preventDefault(), s.size() > 0 && s.pop(), a("idle")), !0;
       case "Enter": {
-        if (l.preventDefault(), T.isQuoted && !T.isComplete)
+        if (l.preventDefault(), M.isQuoted && !M.isComplete)
           return !0;
-        if (r === "entering_argument" || H && S.trim()) {
+        if (r === "entering_argument" || H && v.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 = v, b.debug("[handleKeyDown][Enter]['entering_argument'] pushing: ", F), s.push(F));
         }
-        const b = s.path(), te = e.getCommand(b);
-        if (!te)
+        const E = s.path(), B = e.getCommand(E);
+        if (!B)
           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 = 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);
       }
       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 E = await n.navigateHistory("up");
+          return E.segments && (s.clear(), s.pushAll(E.segments), w.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 E = await n.navigateHistory("down");
+          return E.segments && (s.clear(), s.pushAll(E.segments), w.setCurrentInput("")), !0;
         })();
       default: {
         if (!H && l.key.length === 1) {
-          const b = S + l.key;
-          if (!u(b))
+          const E = v + l.key;
+          if (!u(E))
             return l.preventDefault(), !1;
         }
         return !0;
@@ -1091,16 +1107,16 @@ const et = () => {
     r,
     u,
     c,
-    t,
-    y,
+    n,
+    C,
     e,
     s
   ]);
   return {
-    handleInputChange: x,
-    handleKeyDown: v,
+    handleInputChange: S,
+    handleKeyDown: k,
     inputState: r,
-    setInputStateWithLogging: o,
+    setInputStateWithLogging: a,
     // Expose internal functions for testing
     findMatchingCommands: d,
     getAutocompleteSuggestion: g,
@@ -1109,63 +1125,63 @@ const et = () => {
     isValidCommandInput: u
   };
 };
-function fe(n) {
+function fe(t) {
   const e = [];
-  let t = "", s = !1, r;
-  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;
+  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;
   }
   return {
     words: e,
-    currentWord: t,
+    currentWord: n,
     isQuoted: s,
     quoteChar: r,
-    isComplete: !s && !t
+    isComplete: !s && !n
   };
 }
-const tt = () => {
-  const n = V(), [e, t] = _(0);
-  return P(() => {
+const st = () => {
+  const t = J(), [e, n] = _(0);
+  return I(() => {
     const s = {
       update: () => {
-        t((r) => r + 1);
+        n((r) => r + 1);
       }
     };
-    return n.subscribe(s), () => {
-      n.unsubscribe(s);
+    return t.subscribe(s), () => {
+      t.unsubscribe(s);
     };
-  }, [n]), e;
-}, nt = ({
-  state: n,
+  }, [t]), e;
+}, rt = ({
+  state: t,
   actions: e
 }) => {
-  const t = z(null), s = Z(), r = V(), {
-    handleKeyDown: a,
-    handleInputChange: o,
+  const n = T(null), s = te(), r = J(), {
+    handleKeyDown: o,
+    handleInputChange: a,
     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),
+  } = 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]
-  ), C = w(async (E) => {
-    const R = a(E, n, e);
+  ), w = f(async (N) => {
+    const R = o(N, t, 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);
-  }, [e, o]);
-  P(() => {
-    t.current && t.current.focus(), c !== "entering_command" && i("entering_command");
-  }, [c, i]), P(() => {
+  }, [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]);
+  I(() => {
+    n.current && n.current.focus(), c !== "entering_command" && i("entering_command");
+  }, [c, i]), I(() => {
     if (c !== "idle") return;
-    const E = d();
+    const N = d();
     let R = "idle";
-    switch (E.type) {
+    switch (N.type) {
       case "word":
         R = "entering_command", e.setIsEnteringArg(!1);
         break;
@@ -1174,93 +1190,93 @@ const tt = () => {
         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);
+  }, [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__ */ I(U.Fragment, { children: [
+        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);
       }
-      return /* @__PURE__ */ I(U.Fragment, { children: [
+      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__ */ 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: R }, S)];
+  }, [S, s, r]), [M, E] = _("");
+  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(
     () => ({
-      left: `${v}px`,
+      left: `${k}px`,
       transition: "left 0.05s ease-out"
     }),
-    [v]
-  ), F = A(
+    [k]
+  ), F = P(
     () => ({
-      type: h.cursorType ?? N.cursorType,
-      color: h.cursorColor || N.cursorColor,
-      speed: h.cursorSpeed || N.cursorSpeed
+      type: h.cursorType ?? x.cursorType,
+      color: h.cursorColor || x.cursorColor,
+      speed: h.cursorSpeed || x.cursorSpeed
     }),
     [h.cursorColor, h.cursorSpeed, h.cursorType]
   );
   return Me(() => {
-    const E = y.current, R = t.current;
-    if (!E || !R) {
+    const N = C.current, R = n.current;
+    if (!N || !R) {
       l(0);
       return;
     }
-    const L = E.getBoundingClientRect().width;
+    const L = N.getBoundingClientRect().width;
     l(Math.max(0, L - R.scrollLeft));
-  }, [n.currentInput, K, p.style]), /* @__PURE__ */ m("div", { className: "citadel-input-shell", children: /* @__PURE__ */ I(
+  }, [t.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: [
+        /* @__PURE__ */ A("div", { className: "citadel-input-row", children: [
           H,
-          /* @__PURE__ */ I("div", { className: "citadel-input-control", children: [
+          /* @__PURE__ */ A("div", { className: "citadel-input-control", children: [
             /* @__PURE__ */ m(
               "span",
               {
-                ref: y,
-                className: `citadel-input-measure ${K}`.trim(),
+                ref: C,
+                className: `citadel-input-measure ${O}`.trim(),
                 "aria-hidden": "true",
-                children: n.currentInput
+                children: t.currentInput
               }
             ),
             /* @__PURE__ */ m(
               "input",
               {
-                ref: t,
+                ref: n,
                 type: "text",
                 role: "textbox",
-                value: n.currentInput,
-                onChange: M,
-                onKeyDown: C,
-                onPaste: S,
+                value: t.currentInput,
+                onChange: D,
+                onKeyDown: w,
+                onPaste: v,
                 "data-testid": "citadel-command-input",
-                className: `citadel-input-field ${K} ${g ? "invalid-input-animation" : ""}`.trim(),
+                className: `citadel-input-field ${O} ${g ? "invalid-input-animation" : ""}`.trim(),
                 spellCheck: !1,
                 autoComplete: "off",
-                placeholder: T
+                placeholder: M
               }
             ),
             /* @__PURE__ */ m(
               "div",
               {
                 className: "citadel-input-cursor",
-                style: ne,
-                children: /* @__PURE__ */ m(Xe, { style: F })
+                style: W,
+                children: /* @__PURE__ */ m(et, { style: F })
               }
             )
           ] })
@@ -1268,37 +1284,37 @@ const tt = () => {
       ]
     }
   ) });
-}, st = ({ currentInput: n = "" }) => {
-  const e = Z(), t = j(), s = V(), r = U.useMemo(
-    () => ee(t.fontFamily, t.fontSize),
-    [t.fontFamily, t.fontSize]
-  ), a = n.trim().toLowerCase(), o = e.getMatchingCompletions(
+}, 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(),
-    a
+    o
   );
-  k.debug("[AvailableCommands] nextCommandSegments: ", o);
-  const c = U.useMemo(() => {
-    const u = [...o], h = (l) => l.name.toLowerCase() === "help", x = u.filter(h);
+  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(
       (l, p) => l.name.localeCompare(p.name, void 0, { sensitivity: "base" })
-    ), ...x];
-  }, [o]), i = U.useMemo(() => {
+    ), ...S];
+  }, [a]), i = $.useMemo(() => {
     const u = /* @__PURE__ */ new Map();
     for (const h of c) {
-      const x = c.reduce((y, v) => {
-        if (v === h) return y;
+      const S = c.reduce((C, k) => {
+        if (k === h) return C;
         let l = 0;
-        for (; l < h.name.length && l < v.name.length && h.name[l].toLowerCase() === v.name[l].toLowerCase(); )
+        for (; l < h.name.length && l < k.name.length && h.name[l].toLowerCase() === k.name[l].toLowerCase(); )
           l++;
-        return Math.max(y, l + 1);
+        return Math.max(C, l + 1);
       }, 1);
-      u.set(h.name, x);
+      u.set(h.name, S);
     }
     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: [
+  }, [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__ */ I("span", { className: "citadel-available-next-desc", children: [
+    g.description && /* @__PURE__ */ A("span", { className: "citadel-available-next-desc", children: [
       "- ",
       g.description
     ] })
@@ -1309,7 +1325,7 @@ const tt = () => {
       {
         "data-testid": "available-command-chip",
         className: "citadel-available-chip",
-        children: /* @__PURE__ */ I("span", { className: "citadel-available-chip-text", children: [
+        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)
         ] })
@@ -1318,100 +1334,103 @@ const tt = () => {
     );
   }) }) }) });
 }, Ne = ({
-  state: n,
+  state: t,
   actions: e,
-  outputRef: t
+  outputRef: n
 }) => {
-  const r = j().displayMode === "inline", a = U.useMemo(
+  const r = U().displayMode === "inline", o = $.useMemo(
     () => r ? { overflow: "hidden" } : void 0,
     [r]
   );
-  return /* @__PURE__ */ I("div", { className: "innerContainer citadel-tty", children: [
+  return /* @__PURE__ */ A("div", { className: "innerContainer citadel-tty", children: [
     /* @__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(Xe, { output: t.output, outputRef: n })
       }
     ),
-    /* @__PURE__ */ I("div", { className: "citadel-tty-input-region", children: [
-      /* @__PURE__ */ m(nt, { state: n, actions: e }),
-      /* @__PURE__ */ m(st, { currentInput: n.isEnteringArg ? "" : n.currentInput })
+    /* @__PURE__ */ A("div", { className: "citadel-tty-input-region", children: [
+      /* @__PURE__ */ m(rt, { state: t, actions: e }),
+      /* @__PURE__ */ m(at, { currentInput: t.isEnteringArg ? "" : t.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 || "."
+}, 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);
+  }, []);
+  Be({
+    onOpen: C,
+    onClose: k,
+    isVisible: e && !s,
+    showCitadelKey: t.showCitadelKey || ".",
+    closeOnEscape: t.closeOnEscape ?? !0
   });
-  const y = w((M) => {
-    var b;
+  const l = f((M) => {
+    var W;
     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 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
     );
-    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(
+    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]);
+  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(
     () => ({
-      ...a ? { height: a } : {},
-      maxHeight: r.maxHeight
+      ...o ? { height: o } : {},
+      maxHeight: t.maxHeight
     }),
-    [r.maxHeight, a]
+    [t.maxHeight, o]
   );
-  return n ? /* @__PURE__ */ I(
+  return e ? /* @__PURE__ */ A(
     "div",
     {
       ref: i,
-      className: `panelContainer ${n ? "citadel_slideUp" : ""} ${t ? "citadel_slideDown" : ""}`,
-      style: C,
+      className: `panelContainer ${v}`.trim(),
+      style: H,
       children: [
-        /* @__PURE__ */ m("div", { className: "resizeHandle", onMouseDown: l }),
+        /* @__PURE__ */ m("div", { className: "resizeHandle", onMouseDown: w }),
         /* @__PURE__ */ m(
           Ne,
           {
             state: h,
-            actions: x,
+            actions: S,
             outputRef: c
           }
         )
       ]
     }
   ) : null;
-}, ae = (n) => {
-  if (!n) return;
-  const e = n.trim();
+}, ae = (t) => {
+  if (!t) return;
+  const e = t.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(
+}, it = () => {
+  const { state: t, actions: e } = de(), n = U(), s = T(null), r = P(
     () => ({
-      height: ae(t.initialHeight),
-      maxHeight: ae(t.maxHeight),
-      minHeight: ae(t.minHeight)
+      height: ae(n.initialHeight),
+      maxHeight: ae(n.maxHeight),
+      minHeight: ae(n.minHeight)
     }),
-    [t.initialHeight, t.maxHeight, t.minHeight]
+    [n.initialHeight, n.maxHeight, n.minHeight]
   );
   return /* @__PURE__ */ m(
     "div",
@@ -1422,7 +1441,7 @@ const tt = () => {
       children: /* @__PURE__ */ m(
         Ne,
         {
-          state: n,
+          state: t,
           actions: e,
           outputRef: s
         }
@@ -1443,6 +1462,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 +1525,8 @@ const tt = () => {
   padding: 0;
   background-color: var(--citadel-bg);
   overflow: hidden;
+  transform: translateY(0);
+  will-change: transform;
 }
 
 .innerContainer {
@@ -1569,11 +1594,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,18 +1920,18 @@ const tt = () => {
   object-fit: contain;
   border-radius: 0.5rem;
 }
-`, wt = ({
-  config: n = N,
+`, vt = ({
+  config: t = x,
   commandRegistry: e,
-  containerId: t = null
+  containerId: n = 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(() => {
-    k.configure({
-      level: n.logLevel || N.logLevel || ie.ERROR,
+  const s = T(new ee()), r = e ?? s.current, o = T(null), a = P(() => ({ width: "100%", height: "100%" }), []), c = t.displayMode ?? x.displayMode ?? "panel";
+  return I(() => {
+    b.configure({
+      level: t.logLevel || x.logLevel || ie.ERROR,
       prefix: "[Citadel]"
     });
-    const i = new Ie(r, n), d = c === "inline" && !t, g = d ? a.current : t ? document.getElementById(t) : document.body;
+    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);
     else {
@@ -1907,31 +1939,31 @@ const tt = () => {
         console.warn("[Citadel] No host available for inline mode; skipping mount.");
         return;
       }
-      console.warn(`Container with id "${t}" not found, falling back to body`), document.body.appendChild(i);
+      console.warn(`Container with id "${n}" not found, falling back to body`), document.body.appendChild(i);
     }
     return () => {
       var u;
       (u = i.parentElement) == null || u.removeChild(i);
     };
-  }, [r, t, n, c]), c === "inline" && !t ? /* @__PURE__ */ m("div", { ref: a, style: o }) : null;
+  }, [r, n, t, c]), c === "inline" && !n ? /* @__PURE__ */ m("div", { ref: o, style: a }) : null;
 };
-class Ie extends HTMLElement {
-  constructor(t, s) {
-    var a;
+class Ae extends HTMLElement {
+  constructor(n, s) {
+    var o;
     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";
+    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);
   }
   connectedCallback() {
     try {
       const s = [ye].map((r) => {
-        const a = new CSSStyleSheet();
-        return a.replaceSync(r), a;
+        const o = new CSSStyleSheet();
+        return o.replaceSync(r), o;
       });
       this.shadow.adoptedStyleSheets = [...s];
     } catch {
@@ -1939,27 +1971,27 @@ class Ie extends HTMLElement {
 `), r = document.createElement("style");
       r.textContent = s, this.shadow.appendChild(r);
     }
-    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, {}) })
+    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, {}) })
     );
   }
   disconnectedCallback() {
-    const t = this.root;
-    if (this.root = null, !t) {
+    const n = this.root;
+    if (this.root = null, !n) {
       this.shadow.replaceChildren();
       return;
     }
     queueMicrotask(() => {
-      t.unmount(), this.shadow.replaceChildren();
+      n.unmount(), this.shadow.replaceChildren();
     });
   }
 }
-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", Ae);
+const ct = () => (U().displayMode ?? "panel") === "inline" ? /* @__PURE__ */ m(it, {}) : /* @__PURE__ */ m(ot, {});
+class lt {
   constructor() {
-    f(this, "_description");
+    y(this, "_description");
   }
   describe(e) {
     return this._description = e, this;
@@ -1968,13 +2000,13 @@ class it {
     return this._description;
   }
 }
-class ct {
+class dt {
   constructor(e) {
-    f(this, "state");
+    y(this, "state");
     this.state = {
       path: e,
       description: "",
-      segments: lt(e)
+      segments: mt(e)
     };
   }
   describe(e) {
@@ -1983,9 +2015,9 @@ class ct {
   details(e) {
     return this.state.details = e, this;
   }
-  arg(e, t) {
-    const s = new it();
-    return t == null || t(s), this.state.segments.push({
+  arg(e, n) {
+    const s = new lt();
+    return n == null || n(s), this.state.segments.push({
       type: "argument",
       name: e,
       description: s.description
@@ -2001,85 +2033,90 @@ class ct {
     };
   }
 }
-function lt(n) {
-  const e = n.trim();
+function mt(t) {
+  const e = t.trim();
   if (!e)
     throw new Error("Command path cannot be empty");
-  const t = e.split(".");
-  if (t.some((s) => s.trim() === ""))
-    throw new Error(`Invalid command path "${n}". Empty segments are not allowed.`);
-  if (t.some((s) => s.includes(" ")))
+  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(" ")))
     throw new Error(
-      `Invalid command path "${n}". Use dot-delimited words (e.g. "user.show").`
+      `Invalid command path "${t}". Use dot-delimited words (e.g. "user.show").`
     );
-  return t.map((s) => ({
+  return n.map((s) => ({
     type: "word",
     name: s
   }));
 }
-function dt(n) {
-  return n.flatMap((e) => e.type === "argument" ? [e.name] : []);
+function ut(t) {
+  return t.flatMap((e) => e.type === "argument" ? [e.name] : []);
 }
-function mt(n) {
-  const e = dt(n.segments);
-  return async (t) => {
-    const s = e.reduce((r, a, o) => (r[a] = t[o], r), {});
+function pt(t) {
+  const e = ut(t.segments);
+  return async (n) => {
+    const s = e.reduce((r, o, a) => (r[o] = n[a], r), {});
     return Promise.resolve(
-      n.handler({
-        rawArgs: t,
+      t.handler({
+        rawArgs: n,
         namedArgs: s,
-        commandPath: n.path
+        commandPath: t.path
       })
     );
   };
 }
-function Ct(n) {
-  return new ct(n);
+function St(t) {
+  return new dt(t);
 }
-function ut(n, e) {
-  n.addCommand(
+function ht(t, e) {
+  t.addCommand(
     e.segments,
     e.description,
-    mt(e)
+    pt(e)
   );
 }
-function pt(n, e) {
-  return e.forEach((t) => ut(n, t)), n;
+function gt(t, e) {
+  return e.forEach((n) => ht(t, n)), t;
+}
+function xt(t) {
+  const e = new ee();
+  return gt(e, t);
 }
-function vt(n) {
-  const e = new X();
-  return pt(e, n);
+function bt(t) {
+  return new G(t);
 }
-function St(n) {
-  return new Y(n);
+function kt(t, e = "true", n = "false") {
+  return new De(t, e, n);
 }
-function xt(n) {
-  return new ze(n);
+function Et(t) {
+  return new ze(t);
 }
-function bt(n, e = "") {
-  return new Fe(n, e);
+function Nt(t, e = "") {
+  return new Fe(t, e);
 }
-function kt(n) {
-  return new we(n);
+function At(t) {
+  return new we(t);
 }
 export {
-  wt as Citadel,
-  X as CommandRegistry,
-  W as CommandResult,
-  q as CommandStatus,
-  Qe as DEFAULT_CURSOR_CONFIGS,
+  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,
-  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
+  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
 };