@foisit/react-wrapper 2.4.4 → 2.4.5

package/index.mjs

@@ -1,10 +1,10 @@
 import { jsx as k } from "react/jsx-runtime";
-import { createContext as F, useState as R, useEffect as P, useContext as N } from "react";
-const W = {};
-function J() {
-  return /* @__PURE__ */ k("div", { className: W.container, children: /* @__PURE__ */ k("h1", { children: "Welcome to ReactWrapper!" }) });
+import { createContext as F, useState as I, useEffect as $, useContext as N } from "react";
+const O = {};
+function Q() {
+  return /* @__PURE__ */ k("div", { className: O.container, children: /* @__PURE__ */ k("h1", { children: "Welcome to ReactWrapper!" }) });
 }
-class M {
+class T {
   constructor(t) {
     this.endpoint = t || "https://foisit-ninja.netlify.app/.netlify/functions/intent";
   }
@@ -12,11 +12,11 @@ class M {
     try {
       const s = {
         userInput: t,
-        commands: e.map((r) => ({
-          id: r.id,
-          command: r.command,
-          description: r.description,
-          parameters: r.parameters
+        commands: e.map((o) => ({
+          id: o.id,
+          command: o.command,
+          description: o.description,
+          parameters: o.parameters
           // Send param schemas to AI
         })),
         context: i
@@ -35,13 +35,13 @@ class M {
     }
   }
 }
-class B {
+class z {
   constructor(t = !0) {
     if (this.commands = /* @__PURE__ */ new Map(), this.openAIService = null, this.context = null, this.pendingConfirmation = null, this.enableSmartIntent = !0, this.selectOptionsCache = /* @__PURE__ */ new Map(), typeof t == "boolean") {
-      this.enableSmartIntent = t, this.enableSmartIntent && (this.openAIService = new M());
+      this.enableSmartIntent = t, this.enableSmartIntent && (this.openAIService = new T());
       return;
     }
-    this.enableSmartIntent = t.enableSmartIntent ?? !0, this.enableSmartIntent && (this.openAIService = new M(t.intentEndpoint));
+    this.enableSmartIntent = t.enableSmartIntent ?? !0, this.enableSmartIntent && (this.openAIService = new T(t.intentEndpoint));
   }
   /** Add a new command (string or object) */
   addCommand(t, e) {
@@ -66,14 +66,14 @@ class B {
   async executeCommand(t) {
     if (typeof t == "object" && t !== null) {
       if (this.isStructured(t)) {
-        const c = String(t.commandId), f = t.params ?? {}, a = this.getCommandById(c);
-        if (!a) return { message: "That command is not available.", type: "error" };
-        const p = this.sanitizeParamsForCommand(a, f), m = (a.parameters ?? []).filter((C) => C.required).filter((C) => p[C.name] == null || p[C.name] === "");
-        return m.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(a), params: p }, {
-          message: `Please provide the required details for "${a.command}".`,
+        const c = String(t.commandId), f = t.params ?? {}, r = this.getCommandById(c);
+        if (!r) return { message: "That command is not available.", type: "error" };
+        const p = this.sanitizeParamsForCommand(r, f), m = (r.parameters ?? []).filter((C) => C.required).filter((C) => p[C.name] == null || p[C.name] === "");
+        return m.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(r), params: p }, {
+          message: `Please provide the required details for "${r.command}".`,
           type: "form",
           fields: m
-        }) : a.critical ? (this.pendingConfirmation = { commandId: this.getCommandIdentifier(a), params: p }, this.buildConfirmResponse(a)) : this.safeRunAction(a, p);
+        }) : r.critical ? (this.pendingConfirmation = { commandId: this.getCommandIdentifier(r), params: p }, this.buildConfirmResponse(r)) : this.safeRunAction(r, p);
       }
       if (!this.context)
         return { message: "Session expired or invalid context.", type: "error" };
@@ -82,26 +82,26 @@ class B {
         return this.context = null, { message: "Session expired or invalid context.", type: "error" };
       if (Array.isArray(t))
         return { message: "Invalid form payload.", type: "error" };
-      const o = {
+      const a = {
         ...this.context.params,
         ...t
       };
       if (n.critical)
         return this.context = null, this.pendingConfirmation = {
           commandId: this.getCommandIdentifier(n),
-          params: o
+          params: a
         }, this.buildConfirmResponse(n);
-      const r = await this.safeRunAction(n, o);
-      return this.context = null, this.normalizeResponse(r);
+      const o = await this.safeRunAction(n, a);
+      return this.context = null, this.normalizeResponse(o);
     }
     const e = t.trim().toLowerCase();
     if (this.pendingConfirmation) {
       const n = e;
       if (["yes", "y", "confirm", "ok", "okay"].includes(n)) {
-        const { commandId: o, params: r } = this.pendingConfirmation;
+        const { commandId: a, params: o } = this.pendingConfirmation;
         this.pendingConfirmation = null;
-        const c = this.getCommandById(o);
-        return c ? this.safeRunAction(c, r) : { message: "That action is no longer available.", type: "error" };
+        const c = this.getCommandById(a);
+        return c ? this.safeRunAction(c, o) : { message: "That action is no longer available.", type: "error" };
       }
       return ["no", "n", "cancel", "stop"].includes(n) ? (this.pendingConfirmation = null, { message: "Cancelled.", type: "success" }) : {
         message: "Please confirm: Yes or No.",
@@ -114,22 +114,25 @@ class B {
     }
     const i = this.commands.get(e);
     if (i) {
-      const n = i, o = (n.parameters ?? []).filter((r) => r.required);
-      return o.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(n), params: {} }, {
+      const n = i;
+      if (n.macro)
+        return this.safeRunAction(n, {});
+      const a = (n.parameters ?? []).filter((o) => o.required);
+      return a.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(n), params: {} }, {
         message: `Please provide the required details for "${n.command}".`,
         type: "form",
-        fields: o
+        fields: a
       }) : n.critical ? (this.pendingConfirmation = { commandId: this.getCommandIdentifier(n), params: {} }, this.buildConfirmResponse(n)) : this.safeRunAction(n, {});
     }
     const s = await this.tryDeterministicMatch(e);
     if (s) return s;
     if (this.enableSmartIntent && this.openAIService) {
-      const n = await this.getCommandsForAI(), o = await this.openAIService.determineIntent(
+      const n = await this.getCommandsForAI(), a = await this.openAIService.determineIntent(
         e,
         n,
         this.context
       );
-      return this.handleAIResult(o);
+      return this.handleAIResult(a);
     }
     return this.enableSmartIntent ? this.listAllCommands() : { message: "I'm not sure what you mean.", type: "error" };
   }
@@ -138,10 +141,12 @@ class B {
       const e = this.getCommandById(t.match);
       if (!e)
         return { message: "I'm not sure what you mean.", type: "error" };
-      const i = t.params ?? {}, s = this.sanitizeParamsForCommand(e, i), n = e.allowAiParamExtraction === !1 ? {} : s, r = (e.parameters ?? []).filter((f) => f.required).filter((f) => n[f.name] == null || n[f.name] === "");
-      if (t.incomplete || r.length > 0) {
-        if (this.context = { commandId: this.getCommandIdentifier(e), params: n }, !(e.collectRequiredViaForm !== !1) && this.shouldAskSingleQuestion(r)) {
-          const p = r.map((g) => g.name).join(" and ");
+      if (e.macro)
+        return this.safeRunAction(e, {});
+      const i = t.params ?? {}, s = this.sanitizeParamsForCommand(e, i), n = e.allowAiParamExtraction === !1 ? {} : s, o = (e.parameters ?? []).filter((f) => f.required).filter((f) => n[f.name] == null || n[f.name] === "");
+      if (t.incomplete || o.length > 0) {
+        if (this.context = { commandId: this.getCommandIdentifier(e), params: n }, !(e.collectRequiredViaForm !== !1) && this.shouldAskSingleQuestion(o)) {
+          const p = o.map((g) => g.name).join(" and ");
           return {
             message: t.message || `Please provide ${p}.`,
             type: "question"
@@ -150,7 +155,7 @@ class B {
         return {
           message: t.message || `Please fill in the missing details for "${e.command}".`,
           type: "form",
-          fields: r
+          fields: o
         };
       }
       if (e.critical)
@@ -180,52 +185,52 @@ class B {
           delete i[s.name];
           continue;
         }
-        const o = n.trim();
-        if (!o) {
+        const a = n.trim();
+        if (!a) {
           delete i[s.name];
           continue;
         }
-        i[s.name] = o;
+        i[s.name] = a;
       }
       if (s.type === "number") {
-        const o = typeof n == "number" ? n : Number(n == null ? void 0 : n.toString().trim());
-        if (Number.isNaN(o)) {
+        const a = typeof n == "number" ? n : Number(n == null ? void 0 : n.toString().trim());
+        if (Number.isNaN(a)) {
           delete i[s.name];
           continue;
         }
-        if (typeof s.min == "number" && o < s.min) {
+        if (typeof s.min == "number" && a < s.min) {
           delete i[s.name];
           continue;
         }
-        if (typeof s.max == "number" && o > s.max) {
+        if (typeof s.max == "number" && a > s.max) {
           delete i[s.name];
           continue;
         }
-        i[s.name] = o;
+        i[s.name] = a;
       }
       if (s.type === "date") {
-        const o = i[s.name];
-        if (typeof o == "string") {
-          const r = o.trim();
-          this.isIsoDateString(r) ? i[s.name] = r : delete i[s.name];
+        const a = i[s.name];
+        if (typeof a == "string") {
+          const o = a.trim();
+          this.isIsoDateString(o) ? i[s.name] = o : delete i[s.name];
         } else
           delete i[s.name];
       }
       if (s.type === "select") {
-        const o = typeof n == "string" ? n : n == null ? void 0 : n.toString();
-        if (!o) {
+        const a = typeof n == "string" ? n : n == null ? void 0 : n.toString();
+        if (!a) {
           delete i[s.name];
           continue;
         }
-        if (Array.isArray(s.options) && s.options.length > 0 && !s.options.some((c) => String(c.value) === String(o))) {
+        if (Array.isArray(s.options) && s.options.length > 0 && !s.options.some((c) => String(c.value) === String(a))) {
           delete i[s.name];
           continue;
         }
-        i[s.name] = o;
+        i[s.name] = a;
       }
       if (s.type === "file") {
-        const o = i[s.name], r = o && typeof o == "object" && typeof o.name == "string" && typeof o.size == "number", c = typeof o == "string" && /^data:[^;]+;base64,/.test(o);
-        (s.delivery ?? "file") === "base64" ? !c && !r && delete i[s.name] : r || delete i[s.name];
+        const a = i[s.name], o = a && typeof a == "object" && typeof a.name == "string" && typeof a.size == "number", c = typeof a == "string" && /^data:[^;]+;base64,/.test(a);
+        (s.delivery ?? "file") === "base64" ? !c && !o && delete i[s.name] : o || delete i[s.name];
       }
     }
     return i;
@@ -252,35 +257,35 @@ class B {
   }
   async tryDeterministicMatch(t) {
     const e = [];
-    for (const r of this.commands.values()) {
+    for (const o of this.commands.values()) {
       let c = 0;
-      const f = r.command.toLowerCase();
+      const f = o.command.toLowerCase();
       t.includes(f) && (c += 5);
-      const a = r.keywords ?? [];
-      for (const p of a) {
+      const r = o.keywords ?? [];
+      for (const p of r) {
         const g = p.toLowerCase().trim();
         g && (t === g ? c += 4 : t.includes(g) && (c += 3));
       }
-      c > 0 && e.push({ cmd: r, score: c });
+      c > 0 && e.push({ cmd: o, score: c });
     }
     if (e.length === 0) return null;
-    e.sort((r, c) => c.score - r.score);
-    const i = e[0].score, s = e.filter((r) => r.score === i).slice(0, 3);
+    e.sort((o, c) => c.score - o.score);
+    const i = e[0].score, s = e.filter((o) => o.score === i).slice(0, 3);
     if (s.length > 1)
       return {
         message: "I think you mean one of these. Which one should I run?",
         type: "ambiguous",
-        options: s.map((r) => ({
-          label: r.cmd.command,
-          value: r.cmd.command,
-          commandId: r.cmd.id
+        options: s.map((o) => ({
+          label: o.cmd.command,
+          value: o.cmd.command,
+          commandId: o.cmd.id
         }))
       };
-    const n = s[0].cmd, o = (n.parameters ?? []).filter((r) => r.required);
-    return o.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(n), params: {} }, {
+    const n = s[0].cmd, a = (n.parameters ?? []).filter((o) => o.required);
+    return a.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(n), params: {} }, {
       message: `Please provide the required details for "${n.command}".`,
       type: "form",
-      fields: o
+      fields: a
     }) : n.critical ? (this.pendingConfirmation = { commandId: this.getCommandIdentifier(n), params: {} }, this.buildConfirmResponse(n)) : this.safeRunAction(n, {});
   }
   async safeRunAction(t, e) {
@@ -301,14 +306,14 @@ class B {
         e.parameters && await Promise.all(
           e.parameters.map(async (i) => {
             if (i.type !== "select" || !i.getOptions || i.options && i.options.length) return;
-            const s = `${e.id ?? e.command}:${i.name}`, n = this.selectOptionsCache.get(s), o = Date.now();
-            if (n && o - n.ts < 6e4) {
+            const s = `${e.id ?? e.command}:${i.name}`, n = this.selectOptionsCache.get(s), a = Date.now();
+            if (n && a - n.ts < 6e4) {
               i.options = n.options;
               return;
             }
             try {
-              const r = await i.getOptions();
-              this.selectOptionsCache.set(s, { options: r, ts: o }), i.options = r;
+              const o = await i.getOptions();
+              this.selectOptionsCache.set(s, { options: o, ts: a }), i.options = o;
             } catch {
             }
           })
@@ -345,7 +350,7 @@ class B {
     return Array.from(this.commands.keys());
   }
 }
-class H {
+class P {
   constructor() {
     this.synth = typeof window < "u" ? window.speechSynthesis : null;
   }
@@ -367,7 +372,7 @@ class H {
     this.synth && this.synth.cancel();
   }
 }
-class z {
+class W {
   constructor() {
     this.fallbackMessage = "Sorry, I didn’t understand that.";
   }
@@ -375,18 +380,18 @@ class z {
     this.fallbackMessage = t;
   }
   handleFallback(t) {
-    t && console.log(`Fallback triggered for: "${t}"`), console.log(this.fallbackMessage), new H().speak(this.fallbackMessage);
+    t && console.log(`Fallback triggered for: "${t}"`), console.log(this.fallbackMessage), new P().speak(this.fallbackMessage);
   }
   getFallbackMessage() {
     return this.fallbackMessage;
   }
 }
-const T = () => {
+const H = () => {
   if (typeof window > "u") return null;
   const d = window;
   return d.SpeechRecognition ?? d.webkitSpeechRecognition ?? null;
 };
-class O {
+class B {
   constructor(t = "en-US", e = {}) {
     this.recognition = null, this.isListening = !1, this.engineActive = !1, this.intentionallyStopped = !1, this.restartAllowed = !0, this.lastStart = 0, this.backoffMs = 250, this.destroyed = !1, this.resultCallback = null, this.ttsSpeaking = !1, this.debugEnabled = !0, this.restartTimer = null, this.prewarmed = !1, this.hadResultThisSession = !1, this.onTTSStart = () => {
       var s;
@@ -399,7 +404,7 @@ class O {
     }, this.onTTSEnd = () => {
       this.ttsSpeaking = !1, this.isListening && this.restartAllowed ? this.safeRestart() : this.emitStatus(this.isListening ? "listening" : "idle");
     };
-    const i = T();
+    const i = H();
     if (i) {
       this.recognition = new i(), this.recognition.lang = t, this.recognition.interimResults = e.interimResults ?? !0, this.recognition.continuous = e.continuous ?? !0, this.recognition.onresult = (n) => this.handleResult(n, e), this.recognition.onend = () => this.handleEnd(), this.recognition.onstart = () => {
         this.log("recognition onstart"), this.engineActive = !0, this.hadResultThisSession = !1, this.restartTimer && (clearTimeout(this.restartTimer), this.restartTimer = null), this.backoffMs = 250, this.isListening && !this.ttsSpeaking && this.emitStatus("listening");
@@ -431,7 +436,7 @@ class O {
   }
   /** Check if SpeechRecognition is available */
   isSupported() {
-    return T() !== null;
+    return H() !== null;
   }
   /** Allow consumers (wrappers) to observe status changes */
   onStatusChange(t) {
@@ -469,11 +474,11 @@ class O {
     var s, n;
     if (!this.resultCallback) return;
     const i = e.confidenceThreshold ?? 0.6;
-    for (let o = t.resultIndex; o < t.results.length; o++) {
-      const r = t.results[o], c = r && r[0], f = ((n = (s = c == null ? void 0 : c.transcript) == null ? void 0 : s.trim) == null ? void 0 : n.call(s)) || "", a = (c == null ? void 0 : c.confidence) ?? 0;
-      if (f && !(!r.isFinal && e.interimResults === !1) && !(r.isFinal && a < i))
+    for (let a = t.resultIndex; a < t.results.length; a++) {
+      const o = t.results[a], c = o && o[0], f = ((n = (s = c == null ? void 0 : c.transcript) == null ? void 0 : s.trim) == null ? void 0 : n.call(s)) || "", r = (c == null ? void 0 : c.confidence) ?? 0;
+      if (f && !(!o.isFinal && e.interimResults === !1) && !(o.isFinal && r < i))
         try {
-          this.hadResultThisSession = !0, this.resultCallback(f, !!r.isFinal);
+          this.hadResultThisSession = !0, this.resultCallback(f, !!o.isFinal);
         } catch {
           this.error("VoiceProcessor: result callback error");
         }
@@ -552,27 +557,29 @@ class O {
       }
   }
 }
-class U {
+class R {
   constructor() {
-    this.lastTap = 0;
+    this.lastTap = 0, this.tapCount = 0;
   }
   /**
-   * Sets up double-click and double-tap listeners
-   * @param onDoubleClickOrTap Callback to execute when a double-click or double-tap is detected
+   * Sets up triple-click and triple-tap listeners
+   * @param onTripleClickOrTap Callback to execute when a triple-click or triple-tap is detected
    */
-  setupDoubleTapListener(t) {
-    this.destroy(), this.dblClickListener = () => {
-      t();
-    }, document.addEventListener("dblclick", this.dblClickListener), this.touchEndListener = () => {
+  setupTripleTapListener(t) {
+    this.destroy(), this.clickListener = () => {
+      this.tapCount++, this.tapCount === 1 ? this.tapTimeout = window.setTimeout(() => {
+        this.tapCount = 0;
+      }, 500) : this.tapCount === 3 && (clearTimeout(this.tapTimeout), this.tapCount = 0, t());
+    }, document.addEventListener("click", this.clickListener), this.touchEndListener = () => {
       const e = (/* @__PURE__ */ new Date()).getTime(), i = e - this.lastTap;
-      i < 300 && i > 0 && t(), this.lastTap = e;
+      i < 500 && i > 0 ? (this.tapCount++, this.tapCount === 3 && (this.tapCount = 0, t())) : this.tapCount = 1, this.lastTap = e;
     }, document.addEventListener("touchend", this.touchEndListener);
   }
   destroy() {
-    this.dblClickListener && document.removeEventListener("dblclick", this.dblClickListener), this.touchEndListener && document.removeEventListener("touchend", this.touchEndListener), this.dblClickListener = void 0, this.touchEndListener = void 0;
+    this.dblClickListener && document.removeEventListener("dblclick", this.dblClickListener), this.touchEndListener && document.removeEventListener("touchend", this.touchEndListener), this.clickListener && document.removeEventListener("click", this.clickListener), this.tapTimeout && clearTimeout(this.tapTimeout), this.dblClickListener = void 0, this.touchEndListener = void 0, this.clickListener = void 0, this.tapTimeout = void 0, this.tapCount = 0;
   }
 }
-function D() {
+function j() {
   if (document.querySelector("#assistant-styles")) {
     console.log("Styles already injected");
     return;
@@ -613,20 +620,20 @@ function D() {
     }
   `, document.head.appendChild(t), console.log("Gradient styles injected");
 }
-function $() {
+function U() {
   if (document.querySelector("#gradient-indicator"))
     return;
   const d = document.createElement("div");
-  d.id = "gradient-indicator", D(), d.classList.add("gradient-indicator"), document.body.appendChild(d), console.log("Gradient indicator added to the DOM");
+  d.id = "gradient-indicator", j(), d.classList.add("gradient-indicator"), document.body.appendChild(d), console.log("Gradient indicator added to the DOM");
 }
-function j() {
+function D() {
   const d = document.querySelector("#gradient-indicator");
   d && (d.remove(), console.log("Gradient indicator removed from the DOM"));
 }
 function V() {
   return typeof window < "u" && typeof document < "u";
 }
-class G {
+class _ {
   constructor() {
     this.state = "idle", this.subscribers = [];
   }
@@ -634,7 +641,7 @@ class G {
     return this.state;
   }
   setState(t) {
-    this.state = t, this.notifySubscribers(), console.log("State updated:", t), t === "listening" ? $() : j();
+    this.state = t, this.notifySubscribers(), console.log("State updated:", t), t === "listening" ? U() : D();
   }
   // eslint-disable-next-line no-unused-vars
   subscribe(t) {
@@ -644,9 +651,66 @@ class G {
     this.subscribers.forEach((t) => t(this.state));
   }
 }
-class Y {
+class G {
   constructor(t) {
-    this.container = null, this.chatWindow = null, this.messagesContainer = null, this.input = null, this.isOpen = !1, this.loadingEl = null, this.active = V(), this.config = t, this.active && this.init();
+    this.container = null, this.chatWindow = null, this.messagesContainer = null, this.input = null, this.isOpen = !1, this.loadingEl = null, this.commandHandlers = /* @__PURE__ */ new Map(), this.active = V(), this.handleClickOutside = (e) => {
+      const i = e.target;
+      this.chatWindow && this.chatWindow.contains(i) || i.closest(".foisit-floating-btn") || this.toggle();
+    }, this.config = t, this.active && this.init();
+  }
+  /** Register a command handler that can be invoked programmatically via `runCommand` */
+  registerCommandHandler(t, e) {
+    !t || typeof e != "function" || this.commandHandlers.set(t, e);
+  }
+  /** Check whether a programmatic handler is registered locally */
+  hasCommandHandler(t) {
+    return this.commandHandlers.has(t);
+  }
+  /** Set an external executor (used to run commands registered via CommandHandler) */
+  setExternalCommandExecutor(t) {
+    this.externalCommandExecutor = t;
+  }
+  /** Unregister a previously registered command handler */
+  unregisterCommandHandler(t) {
+    t && this.commandHandlers.delete(t);
+  }
+  /**
+   * Run a registered command by id. Options:
+   * - `params`: passed to the handler
+   * - `openOverlay`: if true, open the overlay before running
+   * - `showInvocation`: if true, show the invocation as a user message
+   */
+  async runCommand(t) {
+    if (!t || !t.commandId) throw new Error("runCommand requires a commandId");
+    const { commandId: e, params: i, openOverlay: s = !0, showInvocation: n = !0 } = t;
+    s && !this.isOpen && this.toggle();
+    const a = this.commandHandlers.get(e);
+    if (a && n && this.messagesContainer && this.addMessage(`Command: ${e}`, "user"), a)
+      try {
+        this.showLoading();
+        const o = await a(i);
+        if (this.hideLoading(), typeof o == "string")
+          this.addMessage(o, "system");
+        else if (o && typeof o == "object")
+          try {
+            this.addMessage(JSON.stringify(o, null, 2), "system");
+          } catch {
+            this.addMessage(String(o), "system");
+          }
+        else o == null || this.addMessage(String(o), "system");
+        return o;
+      } catch (o) {
+        throw this.hideLoading(), this.addMessage(`Command "${e}" failed: ${String(o)}`, "system"), o;
+      }
+    if (this.externalCommandExecutor)
+      try {
+        this.showLoading();
+        const o = await this.externalCommandExecutor({ commandId: e, params: i });
+        return this.hideLoading(), o;
+      } catch (o) {
+        throw this.hideLoading(), this.addMessage(`Command "${e}" failed: ${String(o)}`, "system"), o;
+      }
+    this.addMessage(`No handler registered for command "${e}".`, "system");
   }
   init() {
     var e, i;
@@ -654,16 +718,16 @@ class Y {
     this.injectOverlayStyles();
     const t = document.getElementById("foisit-overlay-container");
     if (t && t instanceof HTMLElement) {
-      this.container = t, this.chatWindow = t.querySelector(".foisit-chat"), this.messagesContainer = t.querySelector(".foisit-messages"), this.input = t.querySelector("input.foisit-input"), ((e = this.config.floatingButton) == null ? void 0 : e.visible) !== !1 && !t.querySelector(".foisit-floating-btn") && this.renderFloatingButton(), this.chatWindow || this.renderChatWindow();
+      this.container = t, this.chatWindow = t.querySelector(".foisit-chat"), this.messagesContainer = t.querySelector(".foisit-messages"), this.input = t.querySelector("input.foisit-input"), ((e = this.config.floatingButton) == null ? void 0 : e.visible) !== !1 && !t.querySelector(".foisit-floating-btn") && this.renderFloatingButton(), this.chatWindow || this.renderChatWindow(), this.config.enableGestureActivation && (this.gestureHandler = new R(), this.gestureHandler.setupTripleTapListener(() => this.toggle()));
       return;
     }
-    this.container = document.createElement("div"), this.container.id = "foisit-overlay-container", this.container.className = "foisit-overlay-container", document.body.appendChild(this.container), ((i = this.config.floatingButton) == null ? void 0 : i.visible) !== !1 && this.renderFloatingButton(), this.renderChatWindow();
+    this.container = document.createElement("div"), this.container.id = "foisit-overlay-container", this.container.className = "foisit-overlay-container", document.body.appendChild(this.container), ((i = this.config.floatingButton) == null ? void 0 : i.visible) !== !1 && this.renderFloatingButton(), this.renderChatWindow(), this.config.enableGestureActivation && (this.gestureHandler = new R(), this.gestureHandler.setupTripleTapListener(() => this.toggle()));
   }
   renderFloatingButton() {
-    var s, n, o, r, c, f;
+    var s, n, a, o, c, f;
     const t = document.createElement("button");
     t.innerHTML = ((s = this.config.floatingButton) == null ? void 0 : s.customHtml) || "🎙️";
-    const e = ((o = (n = this.config.floatingButton) == null ? void 0 : n.position) == null ? void 0 : o.bottom) || "20px", i = ((c = (r = this.config.floatingButton) == null ? void 0 : r.position) == null ? void 0 : c.right) || "20px";
+    const e = ((a = (n = this.config.floatingButton) == null ? void 0 : n.position) == null ? void 0 : a.bottom) || "20px", i = ((c = (o = this.config.floatingButton) == null ? void 0 : o.position) == null ? void 0 : c.right) || "20px";
     t.className = "foisit-floating-btn", t.style.bottom = e, t.style.right = i, t.onclick = () => this.toggle(), t.onmouseenter = () => t.style.transform = "scale(1.05)", t.onmouseleave = () => t.style.transform = "scale(1)", (f = this.container) == null || f.appendChild(t);
   }
   renderChatWindow() {
@@ -677,9 +741,9 @@ class Y {
     const i = document.createElement("button");
     i.type = "button", i.className = "foisit-close", i.setAttribute("aria-label", "Close"), i.innerHTML = "&times;", i.addEventListener("click", () => this.toggle()), t.appendChild(e), t.appendChild(i), this.messagesContainer = document.createElement("div"), this.messagesContainer.className = "foisit-messages";
     const s = document.createElement("div");
-    s.className = "foisit-input-area", this.input = document.createElement("input"), this.input.placeholder = this.config.inputPlaceholder || "Type a command...", this.input.className = "foisit-input", this.input.addEventListener("keydown", (o) => {
-      var r;
-      if (o.key === "Enter" && ((r = this.input) != null && r.value.trim())) {
+    s.className = "foisit-input-area", this.input = document.createElement("input"), this.input.placeholder = this.config.inputPlaceholder || "Type a command...", this.input.className = "foisit-input", this.input.addEventListener("keydown", (a) => {
+      var o;
+      if (a.key === "Enter" && ((o = this.input) != null && o.value.trim())) {
         const c = this.input.value.trim();
         this.input.value = "", this.onSubmit && this.onSubmit(c);
       }
@@ -689,19 +753,27 @@ class Y {
     this.active && (this.onSubmit = t, this.onClose = e);
   }
   toggle(t, e) {
-    this.active && (t && (this.onSubmit = t), e && (this.onClose = e), this.isOpen = !this.isOpen, this.chatWindow && (this.isOpen ? (this.chatWindow.style.display = "flex", requestAnimationFrame(() => {
+    this.active && (t && (this.onSubmit = t), e && (this.onClose = e), this.isOpen = !this.isOpen, this.chatWindow && (this.isOpen ? (this.container && (this.container.style.pointerEvents = "auto"), this.chatWindow.style.display = "flex", requestAnimationFrame(() => {
       this.chatWindow && (this.chatWindow.style.opacity = "1", this.chatWindow.style.transform = "translateY(0) scale(1)");
     }), setTimeout(() => {
       var i;
       return (i = this.input) == null ? void 0 : i.focus();
-    }, 100)) : (this.chatWindow.style.opacity = "0", this.chatWindow.style.transform = "translateY(20px) scale(0.95)", setTimeout(() => {
+    }, 100), this.addClickOutsideListener()) : (this.chatWindow.style.opacity = "0", this.chatWindow.style.transform = "translateY(20px) scale(0.95)", setTimeout(() => {
       this.chatWindow && !this.isOpen && (this.chatWindow.style.display = "none");
-    }, 200), this.onClose && this.onClose())));
+    }, 200), this.onClose && this.onClose(), this.removeClickOutsideListener(), this.container && (this.container.style.pointerEvents = "none"))));
+  }
+  addClickOutsideListener() {
+    this.container && (this.removeClickOutsideListener(), this.container.addEventListener("click", this.handleClickOutside));
+  }
+  removeClickOutsideListener() {
+    this.container && this.container.removeEventListener("click", this.handleClickOutside);
   }
   addMessage(t, e) {
     if (!this.messagesContainer) return;
     const i = document.createElement("div");
-    i.textContent = t, i.className = e === "user" ? "foisit-bubble user" : "foisit-bubble system", this.messagesContainer.appendChild(i), this.scrollToBottom();
+    e === "system" ? i.innerHTML = this.renderMarkdown(t) : i.textContent = t, i.className = e === "user" ? "foisit-bubble user" : "foisit-bubble system";
+    const s = (t || "").length || 0, n = Math.max(120, 700 - Math.min(600, Math.floor(s * 6)));
+    i.style.opacity = "0", i.style.transform = "translateY(8px)", i.style.transition = "none", this.messagesContainer.appendChild(i), this.animateMessageEntrance(i, n), this.scrollToBottom();
   }
   addOptions(t) {
     if (!this.messagesContainer) return;
@@ -714,11 +786,11 @@ class Y {
           this.onSubmit && this.onSubmit({ commandId: i.commandId });
           return;
         }
-        const o = i && typeof i.value == "string" && i.value.trim() ? i.value : i.label;
-        this.onSubmit && this.onSubmit(o);
+        const a = i && typeof i.value == "string" && i.value.trim() ? i.value : i.label;
+        this.onSubmit && this.onSubmit(a);
       };
-      s.onclick = n, s.onkeydown = (o) => {
-        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), n());
+      s.onclick = n, s.onkeydown = (a) => {
+        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), n());
       }, e.appendChild(s);
     }), this.messagesContainer.appendChild(e), this.scrollToBottom();
   }
@@ -727,57 +799,57 @@ class Y {
     this.addMessage(t, "system");
     const s = document.createElement("form");
     s.className = "foisit-form";
-    const n = [], o = (a, p) => {
+    const n = [], a = (r, p) => {
       const g = document.createElement("div");
-      return g.className = "foisit-form-label", g.innerHTML = a + (p ? ' <span class="foisit-req-star">*</span>' : ""), g;
-    }, r = () => {
-      const a = document.createElement("div");
-      return a.className = "foisit-form-error", a.style.display = "none", a;
+      return g.className = "foisit-form-label", g.innerHTML = r + (p ? ' <span class="foisit-req-star">*</span>' : ""), g;
+    }, o = () => {
+      const r = document.createElement("div");
+      return r.className = "foisit-form-error", r.style.display = "none", r;
     };
-    (e ?? []).forEach((a) => {
+    (e ?? []).forEach((r) => {
       const p = document.createElement("div");
       p.className = "foisit-form-group";
-      const g = a.description || a.name;
-      p.appendChild(o(g, a.required));
+      const g = r.description || r.name;
+      p.appendChild(a(g, r.required));
       let m;
-      if (a.type === "select") {
+      if (r.type === "select") {
         const l = document.createElement("select");
         l.className = "foisit-form-input";
-        const b = document.createElement("option");
-        b.value = "", b.textContent = "Select...", l.appendChild(b);
+        const y = document.createElement("option");
+        y.value = "", y.textContent = "Select...", l.appendChild(y);
         const w = (h) => {
           (h ?? []).forEach((x) => {
-            const y = document.createElement("option");
-            y.value = String(x.value ?? x.label ?? ""), y.textContent = String(x.label ?? x.value ?? ""), l.appendChild(y);
+            const b = document.createElement("option");
+            b.value = String(x.value ?? x.label ?? ""), b.textContent = String(x.label ?? x.value ?? ""), l.appendChild(b);
           });
         };
-        if (Array.isArray(a.options) && a.options.length)
-          w(a.options);
-        else if (typeof a.getOptions == "function") {
-          const h = a.getOptions, x = document.createElement("option");
-          x.value = "", x.textContent = "Loading...", l.appendChild(x), Promise.resolve().then(() => h()).then((y) => {
+        if (Array.isArray(r.options) && r.options.length)
+          w(r.options);
+        else if (typeof r.getOptions == "function") {
+          const h = r.getOptions, x = document.createElement("option");
+          x.value = "", x.textContent = "Loading...", l.appendChild(x), Promise.resolve().then(() => h()).then((b) => {
             for (; l.options.length > 1; ) l.remove(1);
-            w(y);
+            w(b);
           }).catch(() => {
             for (; l.options.length > 1; ) l.remove(1);
-            const y = document.createElement("option");
-            y.value = "", y.textContent = "Error loading options", l.appendChild(y);
+            const b = document.createElement("option");
+            b.value = "", b.textContent = "Error loading options", l.appendChild(b);
           });
         }
-        a.defaultValue != null && (l.value = String(a.defaultValue)), m = l;
-      } else if (a.type === "file") {
-        const l = a, b = document.createElement("input");
-        b.className = "foisit-form-input", b.type = "file", l.accept && Array.isArray(l.accept) && (b.accept = l.accept.join(",")), l.multiple && (b.multiple = !0), l.capture && (l.capture === !0 ? b.setAttribute("capture", "") : b.setAttribute("capture", String(l.capture))), b.addEventListener("change", async () => {
-          const w = Array.from(b.files || []), h = C;
+        r.defaultValue != null && (l.value = String(r.defaultValue)), m = l;
+      } else if (r.type === "file") {
+        const l = r, y = document.createElement("input");
+        y.className = "foisit-form-input", y.type = "file", l.accept && Array.isArray(l.accept) && (y.accept = l.accept.join(",")), l.multiple && (y.multiple = !0), l.capture && (l.capture === !0 ? y.setAttribute("capture", "") : y.setAttribute("capture", String(l.capture))), y.addEventListener("change", async () => {
+          const w = Array.from(y.files || []), h = C;
           if (h.style.display = "none", h.textContent = "", w.length === 0) return;
           const x = l.maxFiles ?? (l.multiple ? 10 : 1);
           if (w.length > x) {
             h.textContent = `Please select at most ${x} file(s).`, h.style.display = "block";
             return;
           }
-          const y = l.maxSizeBytes ?? 1 / 0, u = w.reduce((v, A) => v + A.size, 0);
-          if (w.some((v) => v.size > y)) {
-            h.textContent = `One or more files exceed the maximum size of ${Math.round(y / 1024)} KB.`, h.style.display = "block";
+          const b = l.maxSizeBytes ?? 1 / 0, u = w.reduce((v, E) => v + E.size, 0);
+          if (w.some((v) => v.size > b)) {
+            h.textContent = `One or more files exceed the maximum size of ${Math.round(b / 1024)} KB.`, h.style.display = "block";
             return;
           }
           const S = l.maxTotalBytes ?? 1 / 0;
@@ -787,29 +859,29 @@ class Y {
           }
           if (l.accept && Array.isArray(l.accept)) {
             const v = l.accept;
-            if (!w.every((E) => E.type ? v.some((L) => L.startsWith(".") ? E.name.toLowerCase().endsWith(L.toLowerCase()) : E.type === L || E.type.startsWith(L.split("/")[0] + "/")) : !0)) {
+            if (!w.every((L) => L.type ? v.some((A) => A.startsWith(".") ? L.name.toLowerCase().endsWith(A.toLowerCase()) : L.type === A || L.type.startsWith(A.split("/")[0] + "/")) : !0)) {
               h.textContent = "One or more files have an unsupported type.", h.style.display = "block";
               return;
             }
           }
-        }), m = b;
+        }), m = y;
       } else {
         const l = document.createElement("input");
-        l.className = "foisit-form-input", a.type === "string" && (l.placeholder = a.placeholder || "Type here..."), a.type === "number" ? (l.type = "number", typeof a.min == "number" && (l.min = String(a.min)), typeof a.max == "number" && (l.max = String(a.max)), typeof a.step == "number" && (l.step = String(a.step)), a.defaultValue != null && (l.value = String(a.defaultValue))) : a.type === "date" ? (l.type = "date", typeof a.min == "string" && (l.min = a.min), typeof a.max == "string" && (l.max = a.max), a.defaultValue != null && (l.value = String(a.defaultValue))) : (l.type = "text", a.defaultValue != null && (l.value = String(a.defaultValue))), m = l;
+        l.className = "foisit-form-input", r.type === "string" && (l.placeholder = r.placeholder || "Type here..."), r.type === "number" ? (l.type = "number", typeof r.min == "number" && (l.min = String(r.min)), typeof r.max == "number" && (l.max = String(r.max)), typeof r.step == "number" && (l.step = String(r.step)), r.defaultValue != null && (l.value = String(r.defaultValue))) : r.type === "date" ? (l.type = "date", typeof r.min == "string" && (l.min = r.min), typeof r.max == "string" && (l.max = r.max), r.defaultValue != null && (l.value = String(r.defaultValue))) : (l.type = "text", r.defaultValue != null && (l.value = String(r.defaultValue))), m = l;
       }
-      const C = r();
+      const C = o();
       p.appendChild(m), p.appendChild(C), n.push({
-        name: a.name,
-        type: a.type,
+        name: r.name,
+        type: r.type,
         el: m,
-        required: a.required
+        required: r.required
       }), s.appendChild(p);
     });
     const c = document.createElement("div");
     c.className = "foisit-form-actions";
     const f = document.createElement("button");
-    f.type = "submit", f.textContent = "Submit", f.className = "foisit-option-chip", f.style.fontWeight = "600", c.appendChild(f), s.appendChild(c), s.onsubmit = async (a) => {
-      a.preventDefault();
+    f.type = "submit", f.textContent = "Submit", f.className = "foisit-option-chip", f.style.fontWeight = "600", c.appendChild(f), s.appendChild(c), s.onsubmit = async (r) => {
+      r.preventDefault();
       const p = {};
       let g = !1;
       s.querySelectorAll(".foisit-form-error").forEach((m) => {
@@ -819,16 +891,16 @@ class Y {
       });
       for (const m of n) {
         if (m.type === "file") {
-          const w = m.el.parentElement, h = w == null ? void 0 : w.querySelector(".foisit-form-error"), x = m.el, y = Array.from(x.files || []);
-          if (m.required && y.length === 0) {
+          const w = m.el.parentElement, h = w == null ? void 0 : w.querySelector(".foisit-form-error"), x = m.el, b = Array.from(x.files || []);
+          if (m.required && b.length === 0) {
             g = !0, x.classList.add("foisit-error-border"), h && (h.textContent = "This file is required", h.style.display = "block");
             continue;
           }
-          if (y.length === 0) continue;
+          if (b.length === 0) continue;
           const u = (e ?? []).find((v) => v.name === m.name), S = (u == null ? void 0 : u.delivery) ?? "file";
           if (u != null && u.maxWidth || u != null && u.maxHeight)
             try {
-              const v = await this.getImageDimensions(y[0]);
+              const v = await this.getImageDimensions(b[0]);
               if (u.maxWidth && v.width > u.maxWidth) {
                 g = !0, h && (h.textContent = `Image width must be ≤ ${u.maxWidth}px`, h.style.display = "block");
                 continue;
@@ -841,7 +913,7 @@ class Y {
             }
           if (u != null && u.maxDurationSec)
             try {
-              const v = await this.getMediaDuration(y[0]);
+              const v = await this.getMediaDuration(b[0]);
               if (v && v > u.maxDurationSec) {
                 g = !0, h && (h.textContent = `Media duration must be ≤ ${u.maxDurationSec}s`, h.style.display = "block");
                 continue;
@@ -849,10 +921,10 @@ class Y {
             } catch {
             }
           if (S === "file")
-            p[m.name] = u != null && u.multiple ? y : y[0];
+            p[m.name] = u != null && u.multiple ? b : b[0];
           else if (S === "base64")
             try {
-              const v = await Promise.all(y.map((A) => this.readFileAsDataURL(A)));
+              const v = await Promise.all(b.map((E) => this.readFileAsDataURL(E)));
               p[m.name] = u != null && u.multiple ? v : v[0];
             } catch {
               g = !0, h && (h.textContent = "Failed to encode file(s) to base64.", h.style.display = "block");
@@ -860,9 +932,9 @@ class Y {
             }
           continue;
         }
-        const C = (m.el.value ?? "").toString().trim(), l = m.el.parentElement, b = l == null ? void 0 : l.querySelector(".foisit-form-error");
+        const C = (m.el.value ?? "").toString().trim(), l = m.el.parentElement, y = l == null ? void 0 : l.querySelector(".foisit-form-error");
         if (m.required && (C == null || C === "")) {
-          g = !0, m.el.classList.add("foisit-error-border"), b && (b.textContent = "This field is required", b.style.display = "block");
+          g = !0, m.el.classList.add("foisit-error-border"), y && (y.textContent = "This field is required", y.style.display = "block");
           continue;
         }
         if (C !== "")
@@ -898,9 +970,54 @@ class Y {
   scrollToBottom() {
     this.messagesContainer && (this.messagesContainer.scrollTop = this.messagesContainer.scrollHeight);
   }
+  /** Subtle entrance animation for new messages */
+  animateMessageEntrance(t, e) {
+    if (!t) return;
+    t.style.transition = `opacity ${e}ms cubic-bezier(0.22, 0.9, 0.32, 1), transform ${Math.max(120, e)}ms cubic-bezier(0.22, 0.9, 0.32, 1)`, requestAnimationFrame(() => {
+      t.style.opacity = "1", t.style.transform = "translateY(0)";
+    });
+    const i = () => {
+      try {
+        t.style.transition = "";
+      } catch {
+      }
+      t.removeEventListener("transitionend", i);
+    };
+    t.addEventListener("transitionend", i);
+  }
+  /** Smoothly scroll messages container to bottom over duration (ms) */
+  animateScrollToBottom(t) {
+    if (!this.messagesContainer) return;
+    const e = this.messagesContainer, i = e.scrollTop, s = e.scrollHeight - e.clientHeight;
+    if (s <= i || t <= 0) {
+      e.scrollTop = s;
+      return;
+    }
+    const n = s - i, a = performance.now(), o = (c) => {
+      const f = Math.min(1, (c - a) / t), r = 1 - Math.pow(1 - f, 3);
+      e.scrollTop = Math.round(i + n * r), f < 1 && requestAnimationFrame(o);
+    };
+    requestAnimationFrame(o);
+  }
   destroy() {
     var t;
-    (t = this.container) == null || t.remove(), this.container = null, this.chatWindow = null, this.messagesContainer = null, this.input = null, this.isOpen = !1;
+    this.removeClickOutsideListener(), (t = this.container) == null || t.remove(), this.container = null, this.chatWindow = null, this.messagesContainer = null, this.input = null, this.isOpen = !1;
+  }
+  /** Escape HTML special characters to prevent XSS */
+  escapeHtml(t) {
+    const e = {
+      "&": "&amp;",
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#039;"
+    };
+    return t.replace(/[&<>"']/g, (i) => e[i]);
+  }
+  /** Simple markdown renderer for AI responses */
+  renderMarkdown(t) {
+    let e = this.escapeHtml(t);
+    return e = e.replace(/```(\w*)\n([\s\S]*?)```/g, (i, s, n) => `<pre class="foisit-code-block"><code${s ? ` class="language-${s}"` : ""}>${n.trim()}</code></pre>`), e = e.replace(/`([^`]+)`/g, '<code class="foisit-inline-code">$1</code>'), e = e.replace(/^###### (.+)$/gm, '<h6 class="foisit-md-h6">$1</h6>'), e = e.replace(/^##### (.+)$/gm, '<h5 class="foisit-md-h5">$1</h5>'), e = e.replace(/^#### (.+)$/gm, '<h4 class="foisit-md-h4">$1</h4>'), e = e.replace(/^### (.+)$/gm, '<h3 class="foisit-md-h3">$1</h3>'), e = e.replace(/^## (.+)$/gm, '<h2 class="foisit-md-h2">$1</h2>'), e = e.replace(/^# (.+)$/gm, '<h1 class="foisit-md-h1">$1</h1>'), e = e.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), e = e.replace(/__([^_]+)__/g, "<strong>$1</strong>"), e = e.replace(/\*([^*]+)\*/g, "<em>$1</em>"), e = e.replace(new RegExp("(?<!_)_([^_]+)_(?!_)", "g"), "<em>$1</em>"), e = e.replace(/~~([^~]+)~~/g, "<del>$1</del>"), e = e.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener noreferrer" class="foisit-md-link">$1</a>'), e = e.replace(/^[\-\*] (.+)$/gm, '<li class="foisit-md-li">$1</li>'), e = e.replace(/(<li class="foisit-md-li">.*<\/li>\n?)+/g, (i) => `<ul class="foisit-md-ul">${i}</ul>`), e = e.replace(/^\d+\. (.+)$/gm, '<li class="foisit-md-li">$1</li>'), e = e.replace(new RegExp('(?<!<\\/ul>)(<li class="foisit-md-li">.*<\\/li>\\n?)+', "g"), (i) => i.includes("<ul") ? i : `<ol class="foisit-md-ol">${i}</ol>`), e = e.replace(/^&gt; (.+)$/gm, '<blockquote class="foisit-md-blockquote">$1</blockquote>'), e = e.replace(/^(---|___|\*\*\*)$/gm, '<hr class="foisit-md-hr">'), e = e.replace(/\n\n+/g, '</p><p class="foisit-md-p">'), e = e.replace(/\n/g, "<br>"), e.match(/^<(h[1-6]|ul|ol|pre|blockquote|hr|p)/) || (e = `<p class="foisit-md-p">${e}</p>`), e;
   }
   readFileAsDataURL(t) {
     return new Promise((e, i) => {
@@ -928,16 +1045,16 @@ class Y {
       try {
         const i = URL.createObjectURL(t), s = t.type.startsWith("audio") ? document.createElement("audio") : document.createElement("video");
         let n = !1;
-        const o = setTimeout(() => {
+        const a = setTimeout(() => {
           n || (n = !0, URL.revokeObjectURL(i), e(0));
         }, 5e3);
         s.preload = "metadata", s.onloadedmetadata = () => {
           if (n) return;
-          n = !0, clearTimeout(o);
+          n = !0, clearTimeout(a);
           const c = s.duration || 0;
           URL.revokeObjectURL(i), e(c);
         }, s.onerror = () => {
-          n || (n = !0, clearTimeout(o), URL.revokeObjectURL(i), e(0));
+          n || (n = !0, clearTimeout(a), URL.revokeObjectURL(i), e(0));
         }, s.src = i;
       } catch {
         e(0);
@@ -1268,18 +1385,104 @@ class Y {
         transition: transform 0.2s;
       }
       .foisit-floating-btn:hover { transform: scale(1.05); }
+
+      /* Markdown Styles */
+      .foisit-bubble.system .foisit-md-p { margin: 0 0 0.5em 0; }
+      .foisit-bubble.system .foisit-md-p:last-child { margin-bottom: 0; }
+
+      .foisit-bubble.system .foisit-md-h1,
+      .foisit-bubble.system .foisit-md-h2,
+      .foisit-bubble.system .foisit-md-h3,
+      .foisit-bubble.system .foisit-md-h4,
+      .foisit-bubble.system .foisit-md-h5,
+      .foisit-bubble.system .foisit-md-h6 {
+        margin: 0.8em 0 0.4em 0;
+        font-weight: 600;
+        line-height: 1.3;
+      }
+      .foisit-bubble.system .foisit-md-h1:first-child,
+      .foisit-bubble.system .foisit-md-h2:first-child,
+      .foisit-bubble.system .foisit-md-h3:first-child { margin-top: 0; }
+
+      .foisit-bubble.system .foisit-md-h1 { font-size: 1.4em; }
+      .foisit-bubble.system .foisit-md-h2 { font-size: 1.25em; }
+      .foisit-bubble.system .foisit-md-h3 { font-size: 1.1em; }
+      .foisit-bubble.system .foisit-md-h4 { font-size: 1em; }
+      .foisit-bubble.system .foisit-md-h5 { font-size: 0.95em; }
+      .foisit-bubble.system .foisit-md-h6 { font-size: 0.9em; opacity: 0.85; }
+
+      .foisit-bubble.system .foisit-md-ul,
+      .foisit-bubble.system .foisit-md-ol {
+        margin: 0.5em 0;
+        padding-left: 1.5em;
+      }
+      .foisit-bubble.system .foisit-md-li { margin: 0.25em 0; }
+
+      .foisit-bubble.system .foisit-code-block {
+        background: rgba(0,0,0,0.15);
+        border-radius: 6px;
+        padding: 10px 12px;
+        margin: 0.5em 0;
+        overflow-x: auto;
+        font-family: 'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+        font-size: 0.85em;
+        line-height: 1.4;
+      }
+      .foisit-bubble.system .foisit-code-block code {
+        background: transparent;
+        padding: 0;
+      }
+
+      .foisit-bubble.system .foisit-inline-code {
+        background: rgba(0,0,0,0.1);
+        padding: 2px 6px;
+        border-radius: 4px;
+        font-family: 'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+        font-size: 0.9em;
+      }
+
+      .foisit-bubble.system .foisit-md-blockquote {
+        border-left: 3px solid rgba(127,127,127,0.4);
+        margin: 0.5em 0;
+        padding-left: 12px;
+        opacity: 0.9;
+        font-style: italic;
+      }
+
+      .foisit-bubble.system .foisit-md-link {
+        color: inherit;
+        text-decoration: underline;
+        opacity: 0.9;
+      }
+      .foisit-bubble.system .foisit-md-link:hover { opacity: 1; }
+
+      .foisit-bubble.system .foisit-md-hr {
+        border: none;
+        border-top: 1px solid rgba(127,127,127,0.3);
+        margin: 0.8em 0;
+      }
+
+      .foisit-bubble.system strong { font-weight: 600; }
+      .foisit-bubble.system em { font-style: italic; }
+      .foisit-bubble.system del { text-decoration: line-through; opacity: 0.7; }
+
+      @media (prefers-color-scheme: dark) {
+        .foisit-bubble.system .foisit-code-block { background: rgba(255,255,255,0.08); }
+        .foisit-bubble.system .foisit-inline-code { background: rgba(255,255,255,0.1); }
+      }
     `, document.head.appendChild(t);
   }
 }
-class K {
+class Y {
   constructor(t) {
-    this.config = t, this.isActivated = !1, this.lastProcessedInput = "", this.processingLock = !1, this.defaultIntroMessage = "How can I help you?", this.commandHandler = new B({
+    this.config = t, this.isActivated = !1, this.lastProcessedInput = "", this.processingLock = !1, this.defaultIntroMessage = "How can I help you?", this.commandHandler = new z({
       enableSmartIntent: this.config.enableSmartIntent !== !1,
       intentEndpoint: this.config.intentEndpoint
-    }), this.fallbackHandler = new z(), typeof window < "u" && typeof document < "u" ? (this.voiceProcessor = new O(), this.textToSpeech = new H(), this.stateManager = new G(), this.gestureHandler = new U(), this.overlayManager = new Y({
+    }), this.fallbackHandler = new W(), typeof window < "u" && typeof document < "u" ? (this.voiceProcessor = new B(), this.textToSpeech = new P(), this.stateManager = new _(), this.gestureHandler = new R(), this.overlayManager = new G({
       floatingButton: this.config.floatingButton,
-      inputPlaceholder: this.config.inputPlaceholder
-    }), this.config.commands.forEach((e) => this.commandHandler.addCommand(e)), this.config.fallbackResponse && this.fallbackHandler.setFallbackMessage(this.config.fallbackResponse), this.gestureHandler.setupDoubleTapListener(() => this.toggle()), this.overlayManager.registerCallbacks(
+      inputPlaceholder: this.config.inputPlaceholder,
+      enableGestureActivation: this.config.enableGestureActivation
+    }), this.overlayManager.setExternalCommandExecutor(async (e) => this.commandHandler.executeCommand(e)), this.config.commands.forEach((e) => this.commandHandler.addCommand(e)), this.config.fallbackResponse && this.fallbackHandler.setFallbackMessage(this.config.fallbackResponse), this.overlayManager.registerCallbacks(
       async (e) => {
         if (typeof e == "string") {
           this.overlayManager.addMessage(e, "user"), await this.handleCommand(e);
@@ -1406,6 +1609,19 @@ class K {
   removeCommand(t) {
     console.log(`AssistantService: Removing command "${t}".`), this.commandHandler.removeCommand(t);
   }
+  /** Expose programmatic command handler registration to host apps */
+  registerCommandHandler(t, e) {
+    this.overlayManager && this.overlayManager.registerCommandHandler(t, e);
+  }
+  unregisterCommandHandler(t) {
+    this.overlayManager && this.overlayManager.unregisterCommandHandler(t);
+  }
+  /** Programmatically run a registered command (proxies to OverlayManager) */
+  async runCommand(t) {
+    if (!this.overlayManager) throw new Error("Overlay manager not available.");
+    const e = await this.overlayManager.runCommand(t);
+    return e && typeof e == "object" && "type" in e && this.processResponse(e), e;
+  }
   /** Get all registered commands */
   getCommands() {
     return this.commandHandler.getCommands();
@@ -1421,13 +1637,13 @@ class K {
         if (i && typeof i == "object") {
           const s = i, n = s.label ?? s.commandId ?? "Selection";
           this.overlayManager.addMessage(String(n), "user"), this.overlayManager.showLoading();
-          let o;
+          let a;
           try {
-            o = await this.commandHandler.executeCommand(s);
+            a = await this.commandHandler.executeCommand(s);
           } finally {
             this.overlayManager.hideLoading();
           }
-          this.processResponse(o);
+          this.processResponse(a);
         }
       },
       () => {
@@ -1437,20 +1653,20 @@ class K {
   }
 }
 const q = F(null);
-let I = null;
+let M = null;
 const Z = ({ config: d, children: t }) => {
-  const [e, i] = R(null), [s, n] = R(!1);
-  return P(() => {
-    I ? console.warn(
+  const [e, i] = I(null), [s, n] = I(!1);
+  return $(() => {
+    M ? console.warn(
       "Multiple AssistantProvider instances detected. Reusing global AssistantService."
-    ) : (console.log("Initializing global AssistantService..."), I = new K(d));
-    const o = I;
-    return i(o), n(!0), () => {
-      var r;
-      console.log("Cleaning up AssistantService..."), (r = o.destroy) == null || r.call(o), I = null;
+    ) : (console.log("Initializing global AssistantService..."), M = new Y(d));
+    const a = M;
+    return i(a), n(!0), () => {
+      var o;
+      console.log("Cleaning up AssistantService..."), (o = a.destroy) == null || o.call(a), M = null;
     };
   }, [d]), !s || !e ? /* @__PURE__ */ k("div", { children: "Loading Assistant..." }) : /* @__PURE__ */ k(q.Provider, { value: e, children: t });
-}, X = () => {
+}, K = () => {
   const d = N(q);
   if (console.log("assistant", d), !d)
     throw new Error("useAssistant must be used within an AssistantProvider");
@@ -1459,13 +1675,13 @@ const Z = ({ config: d, children: t }) => {
   label: d = "Activate Assistant",
   onActivate: t
 }) => {
-  const e = X();
+  const e = K();
   return /* @__PURE__ */ k("button", { onClick: () => {
     t && t(), e.reactivate();
   }, className: "assistant-activator", children: d });
 }, et = (d) => {
-  const [t, e] = R(d.getState());
-  return P(() => {
+  const [t, e] = I(d.getState());
+  return $(() => {
     const i = (s) => {
       e(s);
     };
@@ -1479,8 +1695,8 @@ export {
   tt as AssistantActivator,
   q as AssistantContext,
   Z as AssistantProvider,
-  K as AssistantService,
-  J as ReactWrapper,
-  X as useAssistant,
+  Y as AssistantService,
+  Q as ReactWrapper,
+  K as useAssistant,
   et as useAssistantState
 };