citadel_cli 1.1.6 → 1.1.7

package/dist/citadel.es.js

@@ -1,13 +1,13 @@
-var ge = Object.defineProperty;
-var fe = (r, e, n) => e in r ? ge(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
-var y = (r, e, n) => fe(r, typeof e != "symbol" ? e + "" : e, n);
-import { jsx as m, jsxs as _, Fragment as we } from "react/jsx-runtime";
-import L, { createContext as be, useEffect as A, useContext as Y, useState as R, useCallback as b, useMemo as V, useReducer as ye, useRef as P } from "react";
-import { createRoot as xe } from "react-dom/client";
-var T = /* @__PURE__ */ ((r) => (r.Pending = "pending", r.Success = "success", r.Failure = "failure", r.Timeout = "timeout", r))(T || {});
-class U {
+var ye = Object.defineProperty;
+var xe = (r, e, n) => e in r ? ye(r, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[e] = n;
+var b = (r, e, n) => xe(r, typeof e != "symbol" ? e + "" : e, n);
+import { jsx as m, jsxs as N, Fragment as ve } from "react/jsx-runtime";
+import O, { createContext as Ce, useState as R, useEffect as A, useMemo as D, useContext as Y, useCallback as y, useReducer as Se, useRef as H } from "react";
+import { createRoot as ke } from "react-dom/client";
+var F = /* @__PURE__ */ ((r) => (r.Pending = "pending", r.Success = "success", r.Failure = "failure", r.Timeout = "timeout", r))(F || {});
+class T {
   constructor(e = Date.now()) {
-    y(this, "_status", "pending");
+    b(this, "_status", "pending");
     this.timestamp = e;
   }
   get status() {
@@ -23,7 +23,7 @@ class U {
     this._status = "timeout";
   }
 }
-class an extends U {
+class ln extends T {
   constructor(e, n) {
     super(n), this.data = e;
   }
@@ -31,7 +31,7 @@ class an extends U {
     return /* @__PURE__ */ m("pre", { className: "text-gray-200", children: JSON.stringify(this.data, null, 2) });
   }
 }
-class ae extends U {
+class G extends T {
   constructor(e, n) {
     super(n), this.text = e;
   }
@@ -39,7 +39,7 @@ class ae extends U {
     return /* @__PURE__ */ m("div", { className: "text-gray-200 whitespace-pre font-mono", children: this.text });
   }
 }
-class ve extends U {
+class Ne extends T {
   constructor(e, n) {
     super(n), this.error = e, this.markFailure();
   }
@@ -47,12 +47,12 @@ class ve extends U {
     return /* @__PURE__ */ m("div", { className: "mt-1 text-red-400", children: this.error });
   }
 }
-class Ce extends U {
+class Ee extends T {
   render() {
     return /* @__PURE__ */ m("div", { className: "text-gray-400", children: "..." });
   }
 }
-class ln extends U {
+class cn extends T {
   constructor(e, n = "", t) {
     super(t), this.imageUrl = e, this.altText = n;
   }
@@ -67,24 +67,27 @@ class ln extends U {
     ) });
   }
 }
-const Se = (r) => async function() {
+const _e = (r) => async function() {
   const e = r.commands.filter((n) => n.fullPath[0] !== "help").map((n) => `${n.segments.map((o) => o.type === "argument" ? `<${o.name}>` : o.name).join(" ")} - ${n.description}`).sort();
-  return e.push("help - Show available commands"), new ae(
-    e.length > 0 ? `Available Commands:
+  return e.length === 0 ? new G(
+    "No commands available yet. Add some commands to get started!"
+  ) : (e.push("help - Show available commands"), new G(
+    `Available Commands:
 ` + e.join(`
-`) : "No commands available yet. Add some commands to get started!"
-  );
+`)
+  ));
 };
-var W = /* @__PURE__ */ ((r) => (r[r.NONE = 0] = "NONE", r[r.ERROR = 1] = "ERROR", r[r.WARN = 2] = "WARN", r[r.INFO = 3] = "INFO", r[r.DEBUG = 4] = "DEBUG", r[r.TRACE = 5] = "TRACE", r))(W || {});
-class E {
+var Q = /* @__PURE__ */ ((r) => (r[r.NONE = 0] = "NONE", r[r.ERROR = 1] = "ERROR", r[r.WARN = 2] = "WARN", r[r.INFO = 3] = "INFO", r[r.DEBUG = 4] = "DEBUG", r[r.TRACE = 5] = "TRACE", r))(Q || {});
+const ne = !0;
+class C {
   static configure(e) {
     this.level = e.level, this.prefix = e.prefix || "[Citadel]";
   }
   static trace(...e) {
-    this.level >= 5 && process.env.NODE_ENV !== "production" && console.trace(this.prefix, ...e);
+    this.level >= 5 && !ne && console.trace(this.prefix, ...e);
   }
   static debug(...e) {
-    this.level >= 4 && process.env.NODE_ENV !== "production" && console.debug(this.prefix, ...e);
+    this.level >= 4 && !ne && console.debug(this.prefix, ...e);
   }
   static info(...e) {
     this.level >= 3 && console.info(this.prefix, ...e);
@@ -96,15 +99,15 @@ class E {
     this.level >= 1 && console.error(this.prefix, ...e);
   }
 }
-y(E, "level", 0), y(E, "prefix", "");
-const z = {
+b(C, "level", 0), b(C, "prefix", "");
+const _ = {
   commandTimeoutMs: 1e4,
   cursorColor: "var(--cursor-color, #fff)",
   cursorSpeed: 530,
   cursorType: "blink",
   includeHelpCommand: !0,
   initialHeight: "40vh",
-  logLevel: process.env.NODE_ENV === "production" ? W.ERROR : W.DEBUG,
+  logLevel: Q.ERROR,
   maxHeight: "80vh",
   minHeight: "200",
   outputFontSize: "0.875rem",
@@ -116,9 +119,9 @@ const z = {
     maxCommands: 100
   }
 };
-class ie {
+class de {
   constructor(e) {
-    y(this, "config");
+    b(this, "config");
     this.config = {
       type: "localStorage",
       maxCommands: 100,
@@ -135,10 +138,10 @@ class ie {
     await this.saveCommands(n);
   }
 }
-class ke extends ie {
+class Ae extends de {
   constructor(n) {
     super(n);
-    y(this, "storageKey", "citadel_command_history");
+    b(this, "storageKey", "citadel_command_history");
   }
   async getStoredCommands() {
     try {
@@ -170,10 +173,10 @@ class ke extends ie {
     }
   }
 }
-class Ee extends ie {
+class te extends de {
   constructor(n) {
     super(n);
-    y(this, "storedCommands", []);
+    b(this, "storedCommands", []);
   }
   async getStoredCommands() {
     return this.storedCommands.map((n) => ({
@@ -191,20 +194,22 @@ class Ee extends ie {
     }));
   }
 }
-const D = class D {
+const P = class P {
   constructor() {
-    y(this, "currentStorage");
+    b(this, "currentStorage");
+  }
+  static reset() {
+    P.instance = void 0;
   }
   static getInstance() {
-    return D.instance || (D.instance = new D()), D.instance;
+    return P.instance || (P.instance = new P()), P.instance;
   }
   initializeStorage(e) {
-    if (!this.currentStorage)
-      try {
-        this.currentStorage = new ke(e);
-      } catch (n) {
-        console.warn("Failed to create storage, falling back to memory storage:", n), this.currentStorage = new Ee(e);
-      }
+    try {
+      e.type === "memory" ? this.currentStorage = new te(e) : this.currentStorage = new Ae(e);
+    } catch (n) {
+      console.warn("Failed to create storage, falling back to memory storage:", n), this.currentStorage = new te(e);
+    }
   }
   getStorage() {
     if (!this.currentStorage)
@@ -212,10 +217,10 @@ const D = class D {
     return this.currentStorage;
   }
 };
-y(D, "instance");
-let q = D;
-const le = async () => new ae("");
-class J {
+b(P, "instance");
+let q = P;
+const me = async () => new G("");
+class X {
   constructor(e, n, t) {
     this.type = e, this.name = n, this.description = t;
   }
@@ -223,27 +228,27 @@ class J {
     return this.name;
   }
 }
-class ce extends J {
+class ue extends X {
   constructor() {
     super("null", ">null<", "Empty segment");
   }
 }
-class Ne extends J {
+class ze extends X {
   constructor(e, n) {
     super("word", e, n);
   }
 }
-class _e extends J {
+class W extends X {
   constructor(e, n, t, o) {
     super("argument", e, n), this.value = t, this.valid = o;
   }
 }
-class Ae {
-  constructor(e, n, t = le) {
-    y(this, "_segments");
-    y(this, "_description");
+class Ie {
+  constructor(e, n, t = me) {
+    b(this, "_segments");
+    b(this, "_description");
     // Used by `Help` command, etc.
-    y(this, "_handler");
+    b(this, "_handler");
     this._segments = e, this._description = n, this._handler = t;
   }
   get segments() {
@@ -268,9 +273,9 @@ class Ae {
     return this.fullPath.join(" ") === e.fullPath.join(" ");
   }
 }
-class Q {
+class Z {
   constructor() {
-    y(this, "_commands", []);
+    b(this, "_commands", []);
   }
   get commands() {
     return this._commands;
@@ -286,19 +291,19 @@ class Q {
    * @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, t = le) {
+  addCommand(e, n, t = me) {
     if (e === void 0 || e.length === 0)
       throw new Error("Command path cannot be empty");
-    const o = new Ae(e, n, t), s = this._commands.find((a) => {
-      const l = a.segments.map(
-        (c) => c.type === "argument" ? "*" : c.name
-      ).join(" "), d = e.map(
-        (c) => c.type === "argument" ? "*" : c.name
+    const o = new Ie(e, n, t), a = this._commands.find((i) => {
+      const c = i.segments.map(
+        (l) => l.type === "argument" ? "*" : l.name
+      ).join(" "), s = e.map(
+        (l) => l.type === "argument" ? "*" : l.name
       ).join(" ");
-      return l === d;
+      return c === s;
     });
-    if (s)
-      throw new Error(`Duplicate commands: '${s.fullPath_s}' and '${o.fullPath_s}'`);
+    if (a)
+      throw new Error(`Duplicate commands: '${a.fullPath_s}' and '${o.fullPath_s}'`);
     this._commands.push(o);
   }
   /**
@@ -322,19 +327,19 @@ class Q {
       const t = n.fullPath.join(" "), o = e.join(" ");
       if (t === o)
         return !0;
-      const a = n.segments.filter((l) => l.type === "word").map((l) => l.name);
-      return a.length === e.length && a.join(" ") === o;
+      const i = n.segments.filter((c) => c.type === "word").map((c) => c.name);
+      return i.length === e.length && i.join(" ") === o;
     });
   }
   commandExistsForPath(e) {
     const n = this._commands.map(
       (o) => o.segments.map(
-        (s) => s.type === "argument" ? "*" : s.name
+        (a) => a.type === "argument" ? "*" : a.name
       ).join(" ")
-    ), t = e.map((o, s) => this._commands.some(
-      (l) => {
-        var d;
-        return ((d = l.segments[s]) == null ? void 0 : d.type) === "argument";
+    ), t = e.map((o, a) => this._commands.some(
+      (c) => {
+        var s;
+        return ((s = c.segments[a]) == null ? void 0 : s.type) === "argument";
       }
     ) ? "*" : o).join(" ");
     return n.includes(t);
@@ -345,8 +350,7 @@ class Q {
    * @param path The path to get completions for.
    * @returns An array of completion strings.
    */
-  // used by AvailableCommands
-  getCompletions_s(e) {
+  getCompletionNames(e) {
     return this.getCompletions(e).map((n) => n.name);
   }
   /**
@@ -356,29 +360,29 @@ class Q {
    * @returns An array of completion strings.
    */
   getCompletions(e) {
-    if (E.debug("[getCompletions] path: ", e), !e.length) {
-      const s = this._commands.map((d) => d.segments[0]), a = (d, c) => d.type === c.type && d.name === c.name;
-      return s.filter(
-        (d, c, u) => c === u.findIndex((h) => a(h, d))
+    if (C.debug("[getCompletions] path: ", e), !e.length) {
+      const a = this._commands.map((s) => s.segments[0]), i = (s, l) => s.type === l.type && s.name === l.name;
+      return a.filter(
+        (s, l, h) => l === h.findIndex((p) => i(p, s))
       );
     }
     const n = e.length;
-    return this._commands.filter((s) => {
-      const a = s.segments;
-      if (a.length <= n - 1)
+    return this._commands.filter((a) => {
+      const i = a.segments;
+      if (i.length <= n - 1)
         return !1;
-      for (let l = 0; l < n; l++) {
-        const d = e[l], c = a[l];
-        if (!(d === "*" && c.type === "argument") && d !== c.name)
+      for (let c = 0; c < n; c++) {
+        const s = e[c], l = i[c];
+        if (!(s === "*" && l.type === "argument") && s !== l.name)
           return !1;
       }
       return !0;
-    }).filter((s) => s.segments.length > n).map((s) => {
-      const a = s.segments[n], l = a.type === "argument" ? _e : Ne;
-      return new l(a.name, a.description);
+    }).filter((a) => a.segments.length > n).map((a) => {
+      const i = a.segments[n], c = i.type === "argument" ? W : ze;
+      return new c(i.name, i.description);
     }).filter(
-      (s, a, l) => a === l.findIndex(
-        (d) => d.type === s.type && d.name === s.name
+      (a, i, c) => i === c.findIndex(
+        (s) => s.type === a.type && s.name === a.name
       )
     );
   }
@@ -386,11 +390,11 @@ class Q {
     return this.getCompletions(e).length > 0;
   }
 }
-class de {
+class he {
   constructor() {
-    y(this, "segments", []);
-    y(this, "nullSegment", new ce());
-    y(this, "observers", []);
+    b(this, "segments", []);
+    b(this, "nullSegment", new ue());
+    b(this, "observers", []);
   }
   subscribe(e) {
     this.observers.push(e);
@@ -473,153 +477,167 @@ class de {
     return [...this.segments];
   }
 }
-const ze = {
-  config: z,
-  commands: new Q(),
-  segmentStack: new de()
-}, j = be(ze), Ie = ({ config: r = z, commandRegistry: e, children: n }) => {
-  const [t, o] = L.useState(), s = {
-    ...z,
+const Re = {
+  config: _,
+  commands: new Z(),
+  segmentStack: new he()
+}, L = Ce(Re), Pe = ({ config: r = _, commandRegistry: e, children: n }) => {
+  const [t, o] = O.useState(), [a] = R(() => new he()), i = {
+    ..._,
     ...r,
     // Ensure nested objects are properly merged
     storage: {
-      ...z.storage,
+      ..._.storage,
       ...r.storage
     },
     // Ensure explicit values from config take precedence
-    cursorType: r.cursorType ?? z.cursorType,
-    cursorColor: r.cursorColor ?? z.cursorColor,
-    cursorSpeed: r.cursorSpeed ?? z.cursorSpeed,
+    cursorType: r.cursorType ?? _.cursorType,
+    cursorColor: r.cursorColor ?? _.cursorColor,
+    cursorSpeed: r.cursorSpeed ?? _.cursorSpeed,
     showCitadelKey: r.showCitadelKey || "."
   };
   A(() => {
     q.getInstance().initializeStorage(
-      s.storage ?? z.storage
+      i.storage ?? _.storage
     ), o(q.getInstance().getStorage());
   }, []), A(() => {
     if (e) {
-      if (s.includeHelpCommand) {
+      if (i.includeHelpCommand) {
         if (!e.commandExistsForPath(["help"])) {
-          const l = Se(e);
+          const s = _e(e);
           e.addCommand(
             [{ type: "word", name: "help" }],
             "Show available commands",
-            l
+            s
           );
         }
         return;
       }
       e.removeCommand(["help"]);
     }
-  }, [e, s.includeHelpCommand]);
-  const a = {
-    config: s,
-    commands: e || new Q(),
+  }, [e, i.includeHelpCommand]);
+  const c = D(() => ({
+    config: i,
+    commands: e || new Z(),
     storage: t,
-    segmentStack: new de()
-  };
-  return /* @__PURE__ */ m(j.Provider, { value: a, children: n });
-}, F = () => {
-  const r = Y(j);
+    segmentStack: a
+  }), [i, e, t, a]);
+  return /* @__PURE__ */ m(L.Provider, { value: c, children: n });
+}, $ = () => {
+  const r = Y(L);
   if (r === void 0)
     throw new Error("useCitadelConfig must be used within a CitadelConfigProvider");
   return r.config;
 }, B = () => {
-  const r = Y(j);
+  const r = Y(L);
   if (r === void 0)
     throw new Error("useCitadelCommands must be used within a CitadelConfigProvider");
   return r.commands;
-}, me = () => {
-  const r = Y(j);
+}, pe = () => {
+  const r = Y(L);
   if (r === void 0)
     throw new Error("useCitadelStorage must be used within a CitadelConfigProvider");
   return r.storage;
-}, O = () => {
-  const r = Y(j);
+}, K = () => {
+  const r = Y(L);
   if (r === void 0)
     throw new Error("useSegmentStack must be used within a CitadelConfigProvider");
   return r.segmentStack;
-};
-class Re {
+}, V = class V {
   constructor(e, n) {
-    y(this, "timestamp");
-    y(this, "command");
-    y(this, "result");
-    this.command = e.toArray().map((t) => t.type === "argument" ? t.value || "" : t.name), this.timestamp = Date.now(), this.result = n ?? new Ce();
+    b(this, "id");
+    b(this, "timestamp");
+    b(this, "command");
+    b(this, "result");
+    this.id = `output-${Date.now()}-${V.idCounter++}`, this.command = e.toArray().map((t) => t.type === "argument" ? t.value || "" : t.name), this.timestamp = Date.now(), this.result = n ?? new Ee();
   }
-}
+};
+b(V, "idCounter", 0);
+let J = V;
 function He(r) {
   return {
     commandSegments: r,
     timestamp: Date.now()
   };
 }
-function ue() {
-  const r = me(), [e, n] = R({
+function ge() {
+  const r = pe(), [e, n] = R({
     storedCommands: [],
     position: null
-  }), t = b(async (l) => {
+  }), t = y(async (c) => {
     if (r)
       try {
-        const d = He(l);
-        await r.addStoredCommand(d), n((c) => ({
-          ...c,
-          storedCommands: [...c.storedCommands, d],
+        const s = He(c);
+        await r.addStoredCommand(s), n((l) => ({
+          ...l,
+          storedCommands: [...l.storedCommands, s],
           position: null
         }));
-      } catch (d) {
-        console.warn("Failed to save command to history:", d);
+      } catch (s) {
+        console.warn("Failed to save command to history:", s);
       }
-  }, [r]), o = b(async () => r ? await r.getStoredCommands() : [], [r]);
+  }, [r]), o = y(async () => r ? await r.getStoredCommands() : [], [r]);
   A(() => {
     if (!r) return;
     (async () => {
       try {
-        const d = await r.getStoredCommands();
-        return n((c) => ({
-          ...c,
-          storedCommands: d
-        })), d;
-      } catch (d) {
-        console.warn("Failed to load command history:", d);
+        const s = await r.getStoredCommands();
+        return n((l) => ({
+          ...l,
+          storedCommands: s
+        })), s;
+      } catch (s) {
+        console.warn("Failed to load command history:", s);
       }
     })();
   }, [r]);
-  const s = b(async (l) => {
-    if ((await o()).length === 0)
-      return { segments: null, position: null };
-    let c = null;
-    return l === "up" ? e.position === null ? c = e.storedCommands.length - 1 : e.position > 0 ? c = e.position - 1 : c = 0 : e.position === null || e.position >= e.storedCommands.length - 1 ? c = null : c = e.position + 1, n((h) => ({
-      ...h,
-      position: c
-    })), c === null ? {
+  const a = y(async (c) => {
+    const s = await o();
+    if (s.length === 0)
+      return n((p) => ({
+        ...p,
+        storedCommands: [],
+        position: null
+      })), { segments: null, position: null };
+    let l = null;
+    if (c === "up" ? e.position === null ? l = s.length - 1 : e.position > 0 ? l = e.position - 1 : l = 0 : e.position === null || e.position >= s.length - 1 ? l = null : l = e.position + 1, n((p) => ({
+      ...p,
+      storedCommands: s,
+      position: l
+    })), l === null)
+      return {
+        segments: [],
+        position: null
+      };
+    const h = s[l];
+    return h ? {
+      segments: h.commandSegments,
+      position: l
+    } : {
       segments: [],
       position: null
-    } : {
-      segments: c !== null ? e.storedCommands[c].commandSegments : null,
-      position: c
     };
-  }, [e, o]), a = b(async () => {
+  }, [e.position, o]), i = y(async () => {
     try {
       if (!r) return;
       await r.clear(), n({
         storedCommands: [],
         position: null
       });
-    } catch (l) {
-      console.warn("Failed to clear command history:", l);
+    } catch (c) {
+      console.warn("Failed to clear command history:", c);
     }
   }, [r]);
   return {
     history: e,
     addStoredCommand: t,
     getStoredCommands: o,
-    navigateHistory: s,
-    clear: a
+    navigateHistory: a,
+    clear: i
   };
 }
-const X = () => {
-  const r = F(), e = B(), n = ue(), t = O(), o = me(), [s, a] = R({
+const ee = () => {
+  const r = $(), e = B(), n = ge(), t = K(), o = pe(), [a, i] = R({
     currentInput: "",
     isEnteringArg: !1,
     output: [],
@@ -631,8 +649,8 @@ const X = () => {
   });
   A(() => {
   }, [o]), A(() => {
-    a((u) => ({
-      ...u,
+    i((s) => ({
+      ...s,
       history: {
         commands: n.history.storedCommands,
         position: n.history.position,
@@ -640,105 +658,100 @@ const X = () => {
       }
     }));
   }, [n.history, o]);
-  const l = {
-    setCurrentInput: b((u) => {
-      E.debug("[CitadelActions] setCurrentInput: ", u), a((h) => ({ ...h, currentInput: u }));
+  const c = {
+    setCurrentInput: y((s) => {
+      C.debug("[CitadelActions] setCurrentInput: ", s), i((l) => ({ ...l, currentInput: s }));
     }, []),
-    setIsEnteringArg: b((u) => {
-      E.debug("[CitadelActions] setIsEnteringArg: ", u), a((h) => ({ ...h, isEnteringArg: u }));
+    setIsEnteringArg: y((s) => {
+      C.debug("[CitadelActions] setIsEnteringArg: ", s), i((l) => ({ ...l, isEnteringArg: s }));
     }, []),
-    addOutput: b((u) => {
-      E.debug("[CitadelActions]addOutput: ", u), a((h) => ({
-        ...h,
-        output: [...h.output, u]
+    addOutput: y((s) => {
+      C.debug("[CitadelActions]addOutput: ", s), i((l) => ({
+        ...l,
+        output: [...l.output, s]
       }));
     }, []),
-    executeCommand: b(async () => {
-      const u = t.path(), h = e.getCommand(u);
-      if (!h) {
-        console.error("[CitadelActions][executeCommand] Cannot execute command because no command was found for the given path: ", u);
+    executeCommand: y(async () => {
+      const s = t.path(), l = e.getCommand(s);
+      if (!l) {
+        console.error("[CitadelActions][executeCommand] Cannot execute command because no command was found for the given path: ", s);
         return;
       }
-      const C = new Re(t);
-      a((f) => ({
-        ...f,
-        output: [...f.output, C]
+      const h = new J(t);
+      i((p) => ({
+        ...p,
+        output: [...p.output, h]
       }));
       try {
-        const f = new Promise((i, p) => {
+        const p = new Promise((u, k) => {
           setTimeout(() => {
-            p(new Error("Request timed out"));
+            k(new Error("Request timed out"));
           }, r.commandTimeoutMs);
-        }), x = t.arguments.map((i) => i.value || ""), k = await Promise.race([
-          h.handler(x),
-          f
+        }), S = t.arguments.map((u) => u.value || ""), v = await Promise.race([
+          l.handler(S),
+          p
         ]);
-        if (!(k instanceof U))
+        if (!(v instanceof T))
           throw new Error(
-            `The ${u.join(".")} command returned an invalid result type. Commands must return an instance of a CommandResult.
+            `The ${s.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 ${u.join(".")} command and update the return type for its handler.`
+Check the definition of the ${s.join(".")} command and update the return type for its handler.`
           );
-        k.markSuccess(), a((i) => ({
-          ...i,
-          output: i.output.map(
-            (p) => p.timestamp === C.timestamp ? { ...p, result: k } : p
+        v.markSuccess(), i((u) => ({
+          ...u,
+          output: u.output.map(
+            (k) => k.id === h.id ? { ...k, result: v } : k
           )
         }));
-      } catch (f) {
-        const x = new ve(
-          f instanceof Error ? f.message : "Unknown error"
+      } catch (p) {
+        const S = new Ne(
+          p instanceof Error ? p.message : "Unknown error"
         );
-        x.markFailure(), a((k) => ({
-          ...k,
-          output: k.output.map(
-            (i) => i.timestamp === C.timestamp ? { ...i, result: x } : i
+        S.markFailure(), i((v) => ({
+          ...v,
+          output: v.output.map(
+            (u) => u.id === h.id ? { ...u, result: S } : u
           )
         }));
       }
     }, [e, r.commandTimeoutMs, t]),
-    clearHistory: b(async () => {
+    clearHistory: y(async () => {
       try {
         await n.clear();
-      } catch (u) {
-        console.warn("Failed to clear history:", u);
+      } catch (s) {
+        console.warn("Failed to clear history:", s);
       }
     }, [n])
-  }, d = b(() => e.getCompletions_s(t.path()), [t, e]), c = b(() => e.getCompletions(t.path()), [t, e]);
-  return {
-    state: s,
-    actions: l,
-    getAvailableCommands_s: d,
-    getAvailableCommandSegments: c
   };
-}, Pe = ({ onOpen: r, onClose: e, isVisible: n, showCitadelKey: t }) => {
+  return { state: a, actions: c };
+}, Me = ({ onOpen: r, onClose: e, isVisible: n, showCitadelKey: t }) => {
   A(() => {
-    const o = (s) => {
-      var a, l;
-      !n && s.key === t && !["input", "textarea"].includes(((l = (a = s.target) == null ? void 0 : a.tagName) == null ? void 0 : l.toLowerCase()) || "") && (s.preventDefault(), r()), n && s.key === "Escape" && (s.preventDefault(), e());
+    const o = (a) => {
+      var i, c;
+      !n && a.key === t && !["input", "textarea"].includes(((c = (i = a.target) == null ? void 0 : i.tagName) == null ? void 0 : c.toLowerCase()) || "") && (a.preventDefault(), r()), n && a.key === "Escape" && (a.preventDefault(), e());
     };
     return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
   }, [r, e, n, t]);
-}, De = "_panelContainer_1pav9_3", Me = "_innerContainer_1pav9_19", Ue = "_inputSection_1pav9_29", Fe = "_resizeHandle_1pav9_36", Te = "_citadel_slideUp_1pav9_65", je = "_citadel_slideDown_1pav9_69", Oe = "_inlineContainer_1pav9_73", Z = {
+}, De = "_panelContainer_1pav9_3", Te = "_innerContainer_1pav9_19", Ue = "_inputSection_1pav9_29", je = "_resizeHandle_1pav9_36", Fe = "_citadel_slideUp_1pav9_65", Oe = "_citadel_slideDown_1pav9_69", Le = "_inlineContainer_1pav9_73", re = {
   panelContainer: De,
-  innerContainer: Me,
+  innerContainer: Te,
   inputSection: Ue,
-  resizeHandle: Fe,
-  citadel_slideUp: Te,
-  citadel_slideDown: je,
-  inlineContainer: Oe
+  resizeHandle: je,
+  citadel_slideUp: Fe,
+  citadel_slideDown: Oe,
+  inlineContainer: Le
 }, $e = (r) => {
-  const { isVisible: e, isClosing: n, onAnimationComplete: t } = r, o = V(() => e ? n ? Z.slideDown : Z.slideUp : "", [e, n]);
+  const { isVisible: e, isClosing: n, onAnimationComplete: t } = r, o = D(() => e ? n ? re.slideDown : re.slideUp : "", [e, n]);
   return A(() => {
     if (t) {
-      const a = setTimeout(() => {
+      const i = setTimeout(() => {
         t();
       }, 200);
-      return () => clearTimeout(a);
+      return () => clearTimeout(i);
     }
   }, [n, t]), {
-    style: V(() => ({
+    style: D(() => ({
       opacity: e ? 1 : 0,
       transform: e ? "translateY(0)" : n ? "translateY(100%)" : "translateY(-100%)",
       transition: "opacity 200ms ease-in-out, transform 200ms ease-in-out"
@@ -751,19 +764,19 @@ Check the definition of the ${u.join(".")} command and update the return type fo
     "data-testid": "spinner",
     className: "animate-spin rounded-full h-4 w-4 border-2 border-gray-300 border-t-gray-600"
   }
-), Le = ({
+), We = ({
   command: r,
   timestamp: e,
   status: n
-}) => /* @__PURE__ */ _("div", { className: "flex items-center gap-2 font-mono text-sm", children: [
-  /* @__PURE__ */ _("span", { className: "text-gray-200", children: [
+}) => /* @__PURE__ */ N("div", { className: "flex items-center gap-2 font-mono text-sm", children: [
+  /* @__PURE__ */ N("span", { className: "text-gray-200", children: [
     "> ",
     r.split(" ").map((t, o) => {
-      const s = t.startsWith("<") && t.endsWith(">");
-      return /* @__PURE__ */ _(
+      const a = t.startsWith("<") && t.endsWith(">");
+      return /* @__PURE__ */ N(
         "span",
         {
-          className: s ? "text-green-400" : "text-gray-200",
+          className: a ? "text-green-400" : "text-gray-200",
           children: [
             o > 0 ? " " : "",
             t
@@ -775,23 +788,23 @@ Check the definition of the ${u.join(".")} command and update the return type fo
   ] }),
   /* @__PURE__ */ m("span", { className: "text-gray-400", children: "·" }),
   /* @__PURE__ */ m("span", { className: "text-gray-500", children: e }),
-  n === T.Pending && /* @__PURE__ */ m(Ke, {}),
-  n === T.Success && /* @__PURE__ */ m(
+  n === F.Pending && /* @__PURE__ */ m(Ke, {}),
+  n === F.Success && /* @__PURE__ */ m(
     "div",
     {
       "data-testid": "success-indicator",
       className: "w-4 h-4 rounded-full bg-green-500"
     }
   ),
-  (n === T.Timeout || n === T.Failure) && /* @__PURE__ */ m(
+  (n === F.Timeout || n === F.Failure) && /* @__PURE__ */ m(
     "div",
     {
       "data-testid": "success-indicator",
       className: "w-4 h-4 rounded-full bg-red-500"
     }
   )
-] }), Ve = ({ output: r, outputRef: e }) => {
-  const n = F(), t = b(() => {
+] }), qe = ({ output: r, outputRef: e }) => {
+  const n = $(), t = y(() => {
     if (e.current) {
       const o = e.current;
       requestAnimationFrame(() => {
@@ -801,9 +814,9 @@ Check the definition of the ${u.join(".")} command and update the return type fo
   }, [e]);
   return A(() => {
     if (t(), e.current) {
-      const o = e.current.getElementsByTagName("img"), s = o[o.length - 1];
-      if (s && !s.complete)
-        return s.addEventListener("load", t), () => s.removeEventListener("load", t);
+      const o = e.current.getElementsByTagName("img"), a = o[o.length - 1];
+      if (a && !a.complete)
+        return a.addEventListener("load", t), () => a.removeEventListener("load", t);
     }
   }, [r, t, e]), /* @__PURE__ */ m(
     "div",
@@ -811,9 +824,9 @@ Check the definition of the ${u.join(".")} command and update the return type fo
       ref: e,
       className: "h-full overflow-y-auto border border-gray-700 rounded-lg p-3 text-left",
       "data-testid": "citadel-command-output",
-      children: r.map((o, s) => /* @__PURE__ */ _("div", { className: "mb-4 last:mb-0", children: [
+      children: r.map((o) => /* @__PURE__ */ N("div", { className: "mb-4 last:mb-0", children: [
         /* @__PURE__ */ m(
-          Le,
+          We,
           {
             command: o.command.join(" "),
             timestamp: new Date(o.timestamp).toLocaleTimeString(),
@@ -821,10 +834,10 @@ Check the definition of the ${u.join(".")} command and update the return type fo
           }
         ),
         /* @__PURE__ */ m("pre", { className: `text-gray-200 whitespace-pre font-mono ${n.outputFontSize}`, children: o.result.render() })
-      ] }, s))
+      ] }, o.id))
     }
   );
-}, We = {
+}, Ve = {
   blink: {
     character: "▋",
     speed: 530,
@@ -845,23 +858,23 @@ Check the definition of the ${u.join(".")} command and update the return type fo
     speed: 120,
     color: "#fff"
   }
-}, ee = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], ne = ["|", "/", "-", "\\"], qe = ({
+}, oe = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"], se = ["|", "/", "-", "\\"], Ye = ({
   style: r = { type: "blink" },
   isValid: e = !0,
   errorMessage: n
 }) => {
-  const t = V(() => ({
-    ...We[r.type],
+  const t = D(() => ({
+    ...Ve[r.type],
     ...r
-  }), [r]), [o, s] = R(!0), [a, l] = R(0);
+  }), [r]), [o, a] = R(!0), [i, c] = R(0);
   A(() => {
     if (t.speed === 0) return;
-    const u = setInterval(() => {
-      t.type === "blink" ? s((h) => !h) : ["spin", "bbs"].includes(t.type) && l((h) => (h + 1) % (t.type === "bbs" ? ne.length : ee.length));
+    const h = setInterval(() => {
+      t.type === "blink" ? a((p) => !p) : ["spin", "bbs"].includes(t.type) && c((p) => (p + 1) % (t.type === "bbs" ? se.length : oe.length));
     }, t.speed);
-    return () => clearInterval(u);
+    return () => clearInterval(h);
   }, [t.type, t.speed]);
-  const d = V(() => ({
+  const s = D(() => ({
     color: e ? t.color : "#ff4444",
     transition: "color 0.15s ease-in-out"
   }), [e, t.color]);
@@ -869,148 +882,144 @@ Check the definition of the ${u.join(".")} command and update the return type fo
     "span",
     {
       className: `command-cursor ${e ? "" : "animate-shake"}`,
-      style: d,
+      style: s,
       title: n,
-      children: !e && n ? "✗" : ["spin", "bbs"].includes(t.type) ? (t.type === "bbs" ? ne : ee)[a] : t.type === "solid" || o ? t.character : " "
+      children: !e && n ? "✗" : ["spin", "bbs"].includes(t.type) ? (t.type === "bbs" ? se : oe)[i] : t.type === "solid" || o ? t.character : " "
     }
   ) });
 };
-function Ye(r, e) {
+function Be(r, e) {
   switch (e.type) {
     case "set":
-      return E.debug(`[inputStateReducer] InputState changing from ${r} to ${e.state}`), e.state;
+      return C.debug(`[inputStateReducer] InputState changing from ${r} to ${e.state}`), e.state;
     default:
       return r;
   }
 }
-const Be = () => {
-  const { state: r } = X(), e = B(), n = ue(), t = O(), [o, s] = ye(Ye, "idle"), a = (i) => {
-    s({ type: "set", state: i });
-  }, l = b(() => {
-    const p = e.getCompletions(t.path())[0] || t.nullSegment;
-    return E.debug("[getNextExpectedSegment] ", p), p;
-  }, [e, t]), d = b(() => e.getCompletions_s(t.path()).map((p) => e.getCommand([...t.path(), p])).filter((p) => p !== void 0), [e, t]), c = b((i, p) => {
-    if (!i) return p;
-    const g = p.reduce((w, v) => {
-      const S = l();
-      return (S == null ? void 0 : S.type) === "word" && w.set(S.name, v), w;
-    }, /* @__PURE__ */ new Map());
-    return Array.from(g.values()).filter(() => {
-      const w = l();
-      return w.type !== "word" ? !1 : w.name.toLowerCase().startsWith(i.toLowerCase());
+const Ge = () => {
+  const { state: r } = ee(), e = B(), n = ge(), t = K(), [o, a] = Se(Be, "idle"), i = (d) => {
+    a({ type: "set", state: d });
+  }, c = y(() => {
+    const f = e.getCompletions(t.path())[0] || t.nullSegment;
+    return C.debug("[getNextExpectedSegment] ", f), f;
+  }, [e, t]), s = y(() => e.getCompletionNames(t.path()).map((f) => e.getCommand([...t.path(), f])).filter((f) => f !== void 0), [e, t]), l = y((d, f) => {
+    if (!d) return f;
+    const w = t.path().length;
+    return f.filter((x) => {
+      const g = x.segments[w];
+      return !g || g.type !== "word" ? !1 : g.name.toLowerCase().startsWith(d.toLowerCase());
     });
-  }, [l]), u = b((i) => {
-    const g = e.getCompletions(t.path()).filter((N) => N.type === "word").filter(
-      (N) => N.name.toLowerCase().startsWith(i.toLowerCase())
+  }, [t]), h = y((d) => {
+    const w = e.getCompletions(t.path()).filter((x) => x.type === "word").filter(
+      (x) => x.name.toLowerCase().startsWith(d.toLowerCase())
     );
-    return g.length === 1 ? g[0] : t.nullSegment;
-  }, [e, t]), h = b((i) => {
-    const p = t.path(), g = e.getCompletions(p);
-    return g.length === 0 && i ? !1 : g.some((w) => w.type === "argument") ? !0 : g.some(
-      (w) => w.type === "word" && w.name.toLowerCase().startsWith(i.toLowerCase())
+    return w.length === 1 ? w[0] : t.nullSegment;
+  }, [e, t]), p = y((d) => {
+    const f = t.path(), w = e.getCompletions(f);
+    return w.length === 0 && d ? !1 : w.some((g) => g.type === "argument") ? !0 : w.some(
+      (g) => g.type === "word" && g.name.toLowerCase().startsWith(d.toLowerCase())
     );
-  }, [e, t]), C = b((i) => {
-    E.debug("[tryAutoComplete] input: ", i);
-    const p = u(i);
-    return !p || p.name === i ? new ce() : (E.debug("[tryAutoComplete] result: ", p), p);
-  }, [u]), f = b((i, p) => {
+  }, [e, t]), S = y((d) => {
+    C.debug("[tryAutoComplete] input: ", d);
+    const f = h(d);
+    return !f || f.name === d ? new ue() : (C.debug("[tryAutoComplete] result: ", f), f);
+  }, [h]), v = y((d, f) => {
     if (r.history.position === null) {
-      if (p.setCurrentInput(i), E.debug("[useCommandParser][handleInputChange] newValue: ", i), o === "entering_argument") {
-        const g = te(i);
-        if (g.isQuoted)
-          if (g.isComplete) {
-            const N = l();
-            if (N.type === "argument") {
-              const w = N;
-              w.value = i.trim() || "", E.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", w), t.push(w), p.setCurrentInput(""), a("idle");
-              return;
-            }
+      if (f.setCurrentInput(d), C.debug("[useCommandParser][handleInputChange] newValue: ", d), o === "entering_argument") {
+        const w = ae(d);
+        if (w.isQuoted)
+          if (w.isComplete) {
+            const x = c();
+            if (!(x instanceof W)) return;
+            x.value = d.trim() || "", C.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", x), t.push(x), f.setCurrentInput(""), i("idle");
+            return;
           } else
             return;
-        else if (g.isComplete) {
-          const N = l();
-          N.value = i.trim() || "", E.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", N), t.push(N), p.setCurrentInput(""), a("idle");
+        else if (w.isComplete) {
+          const x = c();
+          if (!(x instanceof W)) return;
+          x.value = d.trim() || "", C.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", x), t.push(x), f.setCurrentInput(""), i("idle");
           return;
         } else
           return;
       }
-      if (o == "entering_command") {
-        const g = C(i);
-        if (g.type === "word") {
-          E.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", g), t.push(g), p.setCurrentInput(""), a("idle");
+      if (o === "entering_command") {
+        const w = S(d);
+        if (w.type === "word") {
+          C.debug("[useCommandParser][handleInputChange][entering_command] pushing: ", w), t.push(w), f.setCurrentInput(""), i("idle");
           return;
         }
       }
     }
-  }, [C, r, l, o, t]), x = b((i) => {
-    i.setCurrentInput(""), i.setIsEnteringArg(!1), t.clear(), a("idle");
-  }, [t]), k = b((i, p, g) => {
-    if (!(i.key === "Backspace" || i.key === "Enter" || i.key === "ArrowUp" || i.key === "ArrowDown" || i.key === "ArrowLeft" || i.key === "ArrowRight" || i.key === "Escape" || i.key === "Delete" || i.key === "Home" || i.key === "End" || i.key.length === 1))
+  }, [S, r, c, o, t]), u = y((d) => {
+    d.setCurrentInput(""), d.setIsEnteringArg(!1), t.clear(), i("idle");
+  }, [t]), k = y((d, f, w) => {
+    if (!(d.key === "Backspace" || d.key === "Enter" || d.key === "ArrowUp" || d.key === "ArrowDown" || d.key === "ArrowLeft" || d.key === "ArrowRight" || d.key === "Escape" || d.key === "Delete" || d.key === "Home" || d.key === "End" || d.key.length === 1))
       return !0;
-    const { currentInput: w, isEnteringArg: v } = p, S = te(w);
-    switch (i.key) {
+    const { currentInput: g, isEnteringArg: E } = f, I = ae(g);
+    switch (d.key) {
       case "Backspace":
-        return w === "" && (i.preventDefault(), t.size() > 0 && t.pop(), a("idle")), !0;
+        return g === "" && (d.preventDefault(), t.size() > 0 && t.pop(), i("idle")), !0;
       case "Enter": {
-        if (i.preventDefault(), S.isQuoted && !S.isComplete)
+        if (d.preventDefault(), I.isQuoted && !I.isComplete)
           return !0;
-        if (o === "entering_argument" || v && w.trim()) {
-          const G = l();
-          G.value = w, E.debug("[handleKeyDown][Enter]['entering_argument'] pushing: ", G), t.push(G);
+        if (o === "entering_argument" || E && g.trim()) {
+          const M = c();
+          M instanceof W && (M.value = g, C.debug("[handleKeyDown][Enter]['entering_argument'] pushing: ", M), t.push(M));
         }
-        const I = t.path(), H = e.getCommand(I);
-        if (!H)
+        const z = t.path(), U = e.getCommand(z);
+        if (!U)
           return !1;
-        const $ = H.segments.filter((M) => M.type === "argument"), K = t.arguments;
-        return $.length > K.length ? !1 : (E.debug("[handleKeyDown][Enter] calling actions.executeCommand. segmentStack: ", t), g.executeCommand(), n.addStoredCommand(t.toArray()), x(g), !0);
+        const j = U.segments.filter((M) => M.type === "argument"), be = t.arguments;
+        return j.length > be.length ? !1 : (C.debug("[handleKeyDown][Enter] calling actions.executeCommand. segmentStack: ", t), w.executeCommand(), n.addStoredCommand(t.toArray()), u(w), !0);
       }
       case "ArrowUp":
-        return i.preventDefault(), (async () => {
-          const I = await n.navigateHistory("up", t.toArray());
-          return I.segments && (t.clear(), t.pushAll(I.segments), g.setCurrentInput("")), !0;
+        return d.preventDefault(), (async () => {
+          const z = await n.navigateHistory("up");
+          return z.segments && (t.clear(), t.pushAll(z.segments), w.setCurrentInput("")), !0;
         })();
       case "ArrowDown":
-        return i.preventDefault(), (async () => {
-          const I = await n.navigateHistory("down", t.toArray());
-          return I.segments && (t.clear(), t.pushAll(I.segments), g.setCurrentInput("")), !0;
+        return d.preventDefault(), (async () => {
+          const z = await n.navigateHistory("down");
+          return z.segments && (t.clear(), t.pushAll(z.segments), w.setCurrentInput("")), !0;
         })();
       default: {
-        if (!v && i.key.length === 1) {
-          const I = w + i.key;
-          if (!h(I))
-            return i.preventDefault(), !1;
+        if (!E && d.key.length === 1) {
+          const z = g + d.key;
+          if (!p(z))
+            return d.preventDefault(), !1;
         }
         return !0;
       }
     }
   }, [
     o,
-    h,
-    l,
+    p,
+    c,
     n,
-    x,
+    u,
     e,
     t
   ]);
   return {
-    handleInputChange: f,
+    handleInputChange: v,
     handleKeyDown: k,
     inputState: o,
-    setInputStateWithLogging: a,
+    setInputStateWithLogging: i,
     // Expose internal functions for testing
-    findMatchingCommands: c,
-    getAutocompleteSuggestion: u,
-    getAvailableNodes: d,
-    getNextExpectedSegment: l,
-    isValidCommandInput: h
+    findMatchingCommands: l,
+    getAutocompleteSuggestion: h,
+    getAvailableNodes: s,
+    getNextExpectedSegment: c,
+    isValidCommandInput: p
   };
 };
-function te(r) {
+function ae(r) {
   const e = [];
   let n = "", t = !1, o;
-  for (let s = 0; s < r.length; s++) {
-    const a = r[s];
-    (a === '"' || a === "'") && (!t || a === o) ? t ? (e.push(n), n = "", t = !1, o = void 0) : (n && (e.push(n), n = ""), t = !0, o = a) : !t && a === " " ? n && (e.push(n), n = "") : n += a;
+  for (let a = 0; a < r.length; a++) {
+    const i = r[a];
+    (i === '"' || i === "'") && (!t || i === o) ? t ? (e.push(n), n = "", t = !1, o = void 0) : (n && (e.push(n), n = ""), t = !0, o = i) : !t && i === " " ? n && (e.push(n), n = "") : n += i;
   }
   return {
     words: e,
@@ -1020,8 +1029,8 @@ function te(r) {
     isComplete: !t && !n
   };
 }
-const Ge = () => {
-  const r = O(), [e, n] = R(0);
+const Je = () => {
+  const r = K(), [e, n] = R(0);
   return A(() => {
     const t = {
       update: () => {
@@ -1032,66 +1041,64 @@ const Ge = () => {
       r.unsubscribe(t);
     };
   }, [r]), e;
-}, Je = ({
+}, Qe = ({
   state: r,
   actions: e
 }) => {
-  const n = P(null), t = B(), o = O(), {
-    handleKeyDown: s,
-    handleInputChange: a,
-    inputState: l,
-    setInputStateWithLogging: d,
-    getNextExpectedSegment: c
-  } = Be(), [u, h] = R(!1), C = F(), f = Ge(), x = async (v) => {
-    const S = s(v, r, e);
-    await Promise.resolve(S) === !1 && (h(!0), setTimeout(() => h(!1), 500));
-  }, k = (v) => {
-    a(v.target.value, e);
-  }, i = (v) => {
-    v.preventDefault();
-    const S = v.clipboardData.getData("text");
-    a(S, e);
+  const n = H(null), t = B(), o = K(), {
+    handleKeyDown: a,
+    handleInputChange: i,
+    inputState: c,
+    setInputStateWithLogging: s,
+    getNextExpectedSegment: l
+  } = Ge(), [h, p] = R(!1), S = $(), v = Je(), u = async (g) => {
+    const E = a(g, r, e);
+    await Promise.resolve(E) === !1 && (p(!0), setTimeout(() => p(!1), 500));
+  }, k = (g) => {
+    i(g.target.value, e);
+  }, d = (g) => {
+    g.preventDefault();
+    const E = g.clipboardData.getData("text");
+    i(E, e);
   };
   A(() => {
-    n.current && n.current.focus(), l !== "entering_command" && d("entering_command");
-  }, [l, d]), A(() => {
-    if (l !== "idle") return;
-    const v = c();
-    let S = "idle";
-    switch (v.type) {
+    n.current && n.current.focus(), c !== "entering_command" && s("entering_command");
+  }, [c, s]), A(() => {
+    if (c !== "idle") return;
+    const g = l();
+    let E = "idle";
+    switch (g.type) {
       case "word":
-        S = "entering_command", e.setIsEnteringArg(!1);
+        E = "entering_command", e.setIsEnteringArg(!1);
         break;
       case "argument":
-        S = "entering_argument", e.setIsEnteringArg(!0);
+        E = "entering_argument", e.setIsEnteringArg(!0);
         break;
     }
-    d(S);
-  }, [f, l, c, d, e]);
-  const [p, g] = R([]);
-  A(() => {
-    const v = [], S = o.toArray().map((H, $) => {
-      v.push(H.name);
-      const K = t.hasNextSegment(v);
-      if (H.type === "argument") {
-        const M = H;
-        return /* @__PURE__ */ _(L.Fragment, { children: [
-          /* @__PURE__ */ m("span", { className: "text-gray-200 whitespace-pre", children: M.value }),
-          $ < o.size() && K && /* @__PURE__ */ m("span", { className: "text-gray-200 whitespace-pre", children: " " })
-        ] }, "arg-" + M.name + M.value);
+    s(E);
+  }, [v, c, l, s, e]);
+  const f = D(() => {
+    const g = [], E = o.toArray().map((I, z) => {
+      g.push(I.name);
+      const U = t.hasNextSegment(g);
+      if (I.type === "argument") {
+        const j = I;
+        return /* @__PURE__ */ N(O.Fragment, { children: [
+          /* @__PURE__ */ m("span", { className: "text-gray-200 whitespace-pre", children: j.value }),
+          z < o.size() && U && /* @__PURE__ */ m("span", { className: "text-gray-200 whitespace-pre", children: " " })
+        ] }, "arg-" + j.name + j.value);
       }
-      return /* @__PURE__ */ _(L.Fragment, { children: [
-        /* @__PURE__ */ m("span", { className: "text-blue-400 whitespace-pre", children: H.name }),
-        $ < o.size() && K && /* @__PURE__ */ m("span", { className: "text-blue-400 whitespace-pre", children: " " })
-      ] }, "word-" + H.name);
+      return /* @__PURE__ */ N(O.Fragment, { children: [
+        /* @__PURE__ */ m("span", { className: "text-blue-400 whitespace-pre", children: I.name }),
+        z < o.size() && U && /* @__PURE__ */ m("span", { className: "text-blue-400 whitespace-pre", children: " " })
+      ] }, "word-" + I.name);
     });
-    g([/* @__PURE__ */ m("div", { className: "flex items-center gap-1", "data-testid": "user-input-area", children: S }, "{segmentStackVersion}")]);
-  }, [f, t, o]);
-  const [N, w] = R("");
+    return [/* @__PURE__ */ m("div", { className: "flex items-center gap-1", "data-testid": "user-input-area", children: E }, "{segmentStackVersion}")];
+  }, [v, t, o]), [w, x] = R("");
   return A(() => {
-    const v = c();
-    v.type === "argument" ? w(v.name) : w("");
-  }, [f, c]), /* @__PURE__ */ _("div", { className: "flex flex-col w-full bg-gray-900 rounded-lg p-4", children: [
+    const g = l();
+    g.type === "argument" ? x(g.name) : x("");
+  }, [v, l]), /* @__PURE__ */ N("div", { className: "flex flex-col w-full bg-gray-900 rounded-lg p-4", children: [
     /* @__PURE__ */ m("style", { children: `
         @keyframes subtleGlow {
           0%, 100% { box-shadow: 0 0 0 rgba(239, 68, 68, 0); }
@@ -1101,11 +1108,11 @@ const Ge = () => {
           animation: subtleGlow 0.4s ease-in-out;
         }
       ` }),
-    /* @__PURE__ */ _("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ N("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ m("div", { className: "text-gray-400 font-mono", children: ">" }),
-      /* @__PURE__ */ _("div", { className: "flex-1 font-mono flex items-center", children: [
-        p,
-        /* @__PURE__ */ _("div", { className: "relative flex-1", children: [
+      /* @__PURE__ */ N("div", { className: "flex-1 font-mono flex items-center", children: [
+        f,
+        /* @__PURE__ */ N("div", { className: "relative flex-1", children: [
           /* @__PURE__ */ m(
             "input",
             {
@@ -1114,13 +1121,13 @@ const Ge = () => {
               role: "textbox",
               value: r.currentInput,
               onChange: k,
-              onKeyDown: x,
-              onPaste: i,
+              onKeyDown: u,
+              onPaste: d,
               "data-testid": "citadel-command-input",
-              className: `w-full bg-transparent outline-none text-gray-200 caret-transparent ${u ? "invalid-input-animation" : ""}`,
+              className: `w-full bg-transparent outline-none text-gray-200 caret-transparent ${h ? "invalid-input-animation" : ""}`,
               spellCheck: !1,
               autoComplete: "off",
-              placeholder: N
+              placeholder: w
             }
           ),
           /* @__PURE__ */ m(
@@ -1132,12 +1139,12 @@ const Ge = () => {
                 transition: "left 0.05s ease-out"
               },
               children: /* @__PURE__ */ m(
-                qe,
+                Ye,
                 {
                   style: {
-                    type: C.cursorType ?? z.cursorType,
-                    color: C.cursorColor || z.cursorColor,
-                    speed: C.cursorSpeed || z.cursorSpeed
+                    type: S.cursorType ?? _.cursorType,
+                    color: S.cursorColor || _.cursorColor,
+                    speed: S.cursorSpeed || _.cursorSpeed
                   }
                 }
               )
@@ -1147,116 +1154,120 @@ const Ge = () => {
       ] })
     ] })
   ] });
-}, Qe = () => {
-  const r = B(), e = F(), n = O(), t = "mt-2 border-t border-gray-700 px-4 py-2", o = "text-gray-300", s = r.getCompletions(n.path());
-  E.debug("[AvailableCommands] nextCommandSegments: ", s);
-  const a = L.useMemo(() => {
-    const c = [...s], u = (x) => x.name.toLowerCase() === "help", C = c.filter((x) => !u(x)).sort(
-      (x, k) => x.name.localeCompare(k.name, void 0, { sensitivity: "base" })
-    );
-    if (!e.includeHelpCommand)
-      return C;
-    const f = c.find(u);
-    return f ? [...C, f] : C;
-  }, [s, e.includeHelpCommand]), l = s.some((c) => c.type === "argument"), d = s[0];
-  return /* @__PURE__ */ m("div", { className: t, "data-testid": "available-commands", children: /* @__PURE__ */ m("div", { className: o, children: l ? s.length > 0 ? /* @__PURE__ */ _(we, { children: [
-    /* @__PURE__ */ m("span", { className: "text-blue-400", children: d.name }),
-    d.description && /* @__PURE__ */ _("span", { className: "text-gray-400 ml-2", children: [
+}, Xe = () => {
+  const r = B(), e = K(), n = "mt-2 border-t border-gray-700 px-4 py-2", t = "text-gray-300", o = r.getCompletions(e.path());
+  C.debug("[AvailableCommands] nextCommandSegments: ", o);
+  const a = O.useMemo(() => {
+    const l = [...o], h = (u) => u.name.toLowerCase() === "help", p = l.filter(h);
+    return [...l.filter((u) => !h(u)).sort(
+      (u, k) => u.name.localeCompare(k.name, void 0, { sensitivity: "base" })
+    ), ...p];
+  }, [o]), i = O.useMemo(() => {
+    const l = /* @__PURE__ */ new Map();
+    for (const h of a) {
+      const p = a.reduce((S, v) => {
+        if (v === h) return S;
+        let u = 0;
+        for (; u < h.name.length && u < v.name.length && h.name[u].toLowerCase() === v.name[u].toLowerCase(); )
+          u++;
+        return Math.max(S, u + 1);
+      }, 1);
+      l.set(h.name, p);
+    }
+    return l;
+  }, [a]), c = o.some((l) => l.type === "argument"), s = o[0];
+  return /* @__PURE__ */ m("div", { className: n, "data-testid": "available-commands", children: /* @__PURE__ */ m("div", { className: t, children: c ? o.length > 0 ? /* @__PURE__ */ N(ve, { children: [
+    /* @__PURE__ */ m("span", { className: "text-blue-400", children: s.name }),
+    s.description && /* @__PURE__ */ N("span", { className: "text-gray-400 ml-2", children: [
       "- ",
-      d.description
+      s.description
     ] })
-  ] }) : null : /* @__PURE__ */ m("div", { className: "flex flex-wrap gap-2", children: a == null ? void 0 : a.map((c) => {
-    const u = a == null ? void 0 : a.reduce((h, C) => {
-      if (C === c) return h;
-      let f = 0;
-      for (; f < c.name.length && f < C.name.length && c.name[f].toLowerCase() === C.name[f].toLowerCase(); )
-        f++;
-      return Math.max(h, f + 1);
-    }, 1);
+  ] }) : null : /* @__PURE__ */ m("div", { className: "flex flex-wrap gap-2", children: a == null ? void 0 : a.map((l) => {
+    const h = i.get(l.name) ?? 1;
     return /* @__PURE__ */ m(
       "div",
       {
         className: "px-2 py-1 rounded bg-gray-800 mr-2 last:mr-0",
-        children: /* @__PURE__ */ _("span", { className: "font-mono text-white", children: [
-          /* @__PURE__ */ m("strong", { className: "underline", children: c.name.slice(0, u) }),
-          c.name.slice(u)
+        children: /* @__PURE__ */ N("span", { className: "font-mono text-white", children: [
+          /* @__PURE__ */ m("strong", { className: "underline", children: l.name.slice(0, h) }),
+          l.name.slice(h)
         ] })
       },
-      c.name
+      l.name
     );
   }) }) }) });
-}, pe = ({
+}, fe = ({
   state: r,
   actions: e,
   outputRef: n
-}) => /* @__PURE__ */ _("div", { className: "innerContainer", children: [
-  /* @__PURE__ */ m("div", { className: "flex-1 min-h-0 pt-3 px-4", children: /* @__PURE__ */ m(Ve, { output: r.output, outputRef: n }) }),
-  /* @__PURE__ */ _("div", { children: [
-    /* @__PURE__ */ m(Je, { state: r, actions: e }),
-    /* @__PURE__ */ m(Qe, {})
+}) => /* @__PURE__ */ N("div", { className: "innerContainer", children: [
+  /* @__PURE__ */ m("div", { className: "flex-1 min-h-0 pt-3 px-4", children: /* @__PURE__ */ m(qe, { output: r.output, outputRef: n }) }),
+  /* @__PURE__ */ N("div", { children: [
+    /* @__PURE__ */ m(Qe, { state: r, actions: e }),
+    /* @__PURE__ */ m(Xe, {})
   ] })
-] }), Xe = () => {
-  const [r, e] = R(!1), [n, t] = R(!1), o = F(), [s, a] = R(() => o.initialHeight || null), l = P(null), d = P(null), c = P(!1), u = P(0), h = P(0), { state: C, actions: f } = X();
-  Pe({
+] }), Ze = () => {
+  const [r, e] = R(!1), [n, t] = R(!1), o = $(), [a, i] = R(() => o.initialHeight || null), c = H(null), s = H(null), l = H(!1), h = H(0), p = H(0), { state: S, actions: v } = ee();
+  Me({
     onOpen: () => e(!0),
     onClose: () => t(!0),
     isVisible: r,
     showCitadelKey: o.showCitadelKey || "."
   });
-  const x = b((g) => {
-    var S;
-    if (!c.current) return;
-    const N = g.clientY - u.current, w = (S = o.maxHeight) != null && S.endsWith("vh") ? window.innerHeight * parseInt(o.maxHeight, 10) / 100 : parseInt(o.maxHeight || "80vh", 10), v = Math.min(
-      Math.max(h.current - N, parseInt(o.minHeight || "200", 10)),
-      w
+  const u = y((w) => {
+    var I;
+    if (!l.current) return;
+    const x = w.clientY - h.current, g = (I = o.maxHeight) != null && I.endsWith("vh") ? window.innerHeight * parseInt(o.maxHeight, 10) / 100 : parseInt(o.maxHeight || "80vh", 10), E = Math.min(
+      Math.max(p.current - x, parseInt(o.minHeight || "200", 10)),
+      g
     );
-    d.current && (d.current.style.height = `${v}px`, d.current.style.bottom = "0", a(`${v}px`));
-  }, [o.maxHeight, o.minHeight]), k = b(() => {
-    c.current = !1, document.documentElement.style.userSelect = "", document.documentElement.style.webkitUserSelect = "", document.documentElement.style.mozUserSelect = "", document.documentElement.style.msUserSelect = "", document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", k);
-  }, [x]), i = b((g) => {
-    d.current && (c.current = !0, u.current = g.clientY, h.current = d.current.offsetHeight, document.documentElement.style.userSelect = "none", document.documentElement.style.webkitUserSelect = "none", document.documentElement.style.mozUserSelect = "none", document.documentElement.style.msUserSelect = "none", document.addEventListener("mousemove", x), document.addEventListener("mouseup", k));
-  }, [x, k]);
+    s.current && (s.current.style.height = `${E}px`, s.current.style.bottom = "0", i(`${E}px`));
+  }, [o.maxHeight, o.minHeight]), k = y(() => {
+    l.current = !1, document.documentElement.style.userSelect = "", document.documentElement.style.webkitUserSelect = "", document.documentElement.style.mozUserSelect = "", document.documentElement.style.msUserSelect = "", document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", k);
+  }, [u]), d = y((w) => {
+    s.current && (l.current = !0, h.current = w.clientY, p.current = s.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", u), document.addEventListener("mouseup", k));
+  }, [u, k]);
   A(() => () => {
-    document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", k);
-  }, [x, k]);
-  const p = b(() => {
+    document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", k);
+  }, [u, k]);
+  const f = y(() => {
     n && (e(!1), t(!1));
   }, [n]);
   return $e({
     isVisible: r,
     isClosing: n,
-    onAnimationComplete: p
-  }), r ? /* @__PURE__ */ _(
+    onAnimationComplete: f
+  }), r ? /* @__PURE__ */ N(
     "div",
     {
-      ref: d,
+      ref: s,
       className: `panelContainer ${r ? "citadel_slideUp" : ""} ${n ? "citadel_slideDown" : ""}`,
       style: {
-        ...s ? { height: s } : void 0,
+        ...a ? { height: a } : void 0,
         maxHeight: o.maxHeight
       },
       children: [
-        /* @__PURE__ */ m("div", { className: "resizeHandle", onMouseDown: i }),
+        /* @__PURE__ */ m("div", { className: "resizeHandle", onMouseDown: d }),
         /* @__PURE__ */ m(
-          pe,
+          fe,
           {
-            state: C,
-            actions: f,
-            outputRef: l
+            state: S,
+            actions: v,
+            outputRef: c
           }
         )
       ]
     }
   ) : null;
-}, Ze = () => {
-  const { state: r, actions: e } = X(), n = P(null);
+}, en = () => {
+  const { state: r, actions: e } = ee(), n = H(null);
   return /* @__PURE__ */ m(
     "div",
     {
       className: "inlineContainer",
       "data-testid": "citadel-inline-container",
       children: /* @__PURE__ */ m(
-        pe,
+        fe,
         {
           state: r,
           actions: e,
@@ -1265,7 +1276,7 @@ const Ge = () => {
       )
     }
   );
-}, re = `:host {
+}, ie = `:host {
   --citadel-bg: rgb(17, 24, 39);
   --citadel-text: rgba(255, 255, 255, 0.87);
   --citadel-border: rgb(55, 65, 81);
@@ -1369,7 +1380,7 @@ a:hover {
 .text-left {
   text-align: left;
 }
-`, oe = `/* Keep only component-specific styles here */
+`, le = `/* Keep only component-specific styles here */
 
 .panelContainer {
   position: fixed;
@@ -1451,10 +1462,10 @@ a:hover {
   overflow: hidden;
   box-sizing: border-box;
 }
-`, se = `@tailwind base;
+`, ce = `@tailwind base;
 @tailwind components;
 @tailwind utilities;
-`, en = `*, ::before, ::after {
+`, nn = `*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -2271,75 +2282,85 @@ video {
 .last\\:mr-0:last-child {
   margin-right: 0px;
 }
-`, cn = ({
-  config: r = z,
-  commandRegistry: e = new Q(),
+`, dn = ({
+  config: r = _,
+  commandRegistry: e = new Z(),
   containerId: n = null
 }) => {
-  const t = P(null), o = r.displayMode ?? z.displayMode ?? "panel";
+  const t = H(null), o = r.displayMode ?? _.displayMode ?? "panel";
   return A(() => {
-    E.configure({
-      level: r.logLevel || z.logLevel || W.ERROR,
+    C.configure({
+      level: r.logLevel || _.logLevel || Q.ERROR,
       prefix: "[Citadel]"
     });
-    const s = new he(e, r), a = o === "inline" && !n, l = a ? t.current : n ? document.getElementById(n) : document.body;
-    if (l)
-      l.appendChild(s);
+    const a = new we(e, r), i = o === "inline" && !n, c = i ? t.current : n ? document.getElementById(n) : document.body;
+    if (c)
+      c.appendChild(a);
     else {
-      if (a) {
+      if (i) {
         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(s);
+      console.warn(`Container with id "${n}" not found, falling back to body`), document.body.appendChild(a);
     }
     return () => {
-      var d;
-      (d = s.parentElement) == null || d.removeChild(s);
+      var s;
+      (s = a.parentElement) == null || s.removeChild(a);
     };
   }, [e, n, r, o]), o === "inline" && !n ? /* @__PURE__ */ m("div", { ref: t, style: { width: "100%", height: "100%" } }) : null;
 };
-class he extends HTMLElement {
+class we extends HTMLElement {
   constructor(n, t) {
-    var s;
+    var a;
     super();
-    y(this, "shadow");
-    y(this, "root", null);
-    y(this, "commandRegistry");
-    y(this, "config");
+    b(this, "shadow");
+    b(this, "root", null);
+    b(this, "commandRegistry");
+    b(this, "config");
     this.shadow = this.attachShadow({ mode: "open" }), this.commandRegistry = n, this.config = t;
-    const o = ((s = this.config) == null ? void 0 : s.displayMode) ?? "panel";
+    const o = ((a = this.config) == null ? void 0 : a.displayMode) ?? "panel";
     this.setAttribute("data-display-mode", o);
   }
   connectedCallback() {
     try {
-      const t = [re, oe, se, en].map((o) => {
-        const s = new CSSStyleSheet();
-        return s.replaceSync(o), s;
+      const t = [ie, le, ce, nn].map((o) => {
+        const a = new CSSStyleSheet();
+        return a.replaceSync(o), a;
       });
       this.shadow.adoptedStyleSheets = [...t];
     } catch {
-      const t = [re, oe, se].join(`
+      const t = [ie, le, ce].join(`
 `), o = document.createElement("style");
       o.textContent = t, this.shadow.appendChild(o);
     }
     const n = document.createElement("div");
-    n.id = "citadel-root", n.style.width = "100%", n.style.height = "100%", this.shadow.appendChild(n), this.root = xe(n), this.root.render(
-      /* @__PURE__ */ m(Ie, { config: this.config || z, commandRegistry: this.commandRegistry, children: /* @__PURE__ */ m(nn, {}) })
+    n.id = "citadel-root", n.style.width = "100%", n.style.height = "100%", this.shadow.appendChild(n), this.root = ke(n), this.root.render(
+      /* @__PURE__ */ m(Pe, { config: this.config || _, commandRegistry: this.commandRegistry, children: /* @__PURE__ */ m(tn, {}) })
     );
   }
+  disconnectedCallback() {
+    const n = this.root;
+    if (this.root = null, !n) {
+      this.shadow.replaceChildren();
+      return;
+    }
+    queueMicrotask(() => {
+      n.unmount(), this.shadow.replaceChildren();
+    });
+  }
 }
-customElements.define("citadel-element", he);
-const nn = () => (F().displayMode ?? "panel") === "inline" ? /* @__PURE__ */ m(Ze, {}) : /* @__PURE__ */ m(Xe, {});
+typeof window < "u" && window.customElements && !window.customElements.get("citadel-element") && window.customElements.define("citadel-element", we);
+const tn = () => ($().displayMode ?? "panel") === "inline" ? /* @__PURE__ */ m(en, {}) : /* @__PURE__ */ m(Ze, {});
 export {
-  cn as Citadel,
-  Q as CommandRegistry,
-  U as CommandResult,
-  T as CommandStatus,
-  We as DEFAULT_CURSOR_CONFIGS,
-  ve as ErrorCommandResult,
-  ln as ImageCommandResult,
-  an as JsonCommandResult,
-  Re as OutputItem,
-  Ce as PendingCommandResult,
-  ae as TextCommandResult
+  dn as Citadel,
+  Z as CommandRegistry,
+  T as CommandResult,
+  F as CommandStatus,
+  Ve as DEFAULT_CURSOR_CONFIGS,
+  Ne as ErrorCommandResult,
+  cn as ImageCommandResult,
+  ln as JsonCommandResult,
+  J as OutputItem,
+  Ee as PendingCommandResult,
+  G as TextCommandResult
 };