@foisit/react-wrapper 2.4.4 → 3.0.0

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 H, useContext as B } 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 N {
   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), u = t.params ?? {}, r = this.getCommandById(c);
+        if (!r) return { message: "That command is not available.", type: "error" };
+        const p = this.sanitizeParamsForCommand(r, u), 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((u) => u.required).filter((u) => n[u.name] == null || n[u.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();
-      t.includes(f) && (c += 5);
-      const a = r.keywords ?? [];
-      for (const p of a) {
+      const u = o.command.toLowerCase();
+      t.includes(u) && (c += 5);
+      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;
   }
@@ -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 $ = () => {
   if (typeof window > "u") return null;
   const d = window;
   return d.SpeechRecognition ?? d.webkitSpeechRecognition ?? null;
 };
-class O {
+class W {
   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 = $();
     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 $() !== 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], u = ((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 (u && !(!o.isFinal && e.interimResults === !1) && !(o.isFinal && r < i))
         try {
-          this.hadResultThisSession = !0, this.resultCallback(f, !!r.isFinal);
+          this.hadResultThisSession = !0, this.resultCallback(u, !!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,81 @@ 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,17 +733,23 @@ 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, u;
     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";
-    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);
+    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)", (u = this.container) == null || u.appendChild(t);
   }
   renderChatWindow() {
     var n;
@@ -677,9 +762,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 +774,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 +807,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,89 +820,95 @@ 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 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 y = document.createElement("option");
+        y.value = "", y.textContent = "Select...", l.appendChild(y);
+        const x = (h) => {
+          (h ?? []).forEach((w) => {
+            const b = document.createElement("option");
+            b.value = String(w.value ?? w.label ?? ""), b.textContent = String(w.label ?? w.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)
+          x(r.options);
+        else if (typeof r.getOptions == "function") {
+          const h = r.getOptions, w = document.createElement("option");
+          w.value = "", w.textContent = "Loading...", l.appendChild(w), Promise.resolve().then(() => h()).then((b) => {
             for (; l.options.length > 1; ) l.remove(1);
-            w(y);
+            x(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;
-          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";
+        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 x = Array.from(y.files || []), h = C;
+          if (h.style.display = "none", h.textContent = "", x.length === 0) return;
+          const w = l.maxFiles ?? (l.multiple ? 10 : 1);
+          if (x.length > w) {
+            h.textContent = `Please select at most ${w} 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, f = x.reduce((v, E) => v + E.size, 0);
+          if (x.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;
-          if (u > S) {
-            h.textContent = `Total selected files exceed the maximum of ${Math.round(S / 1024)} KB.`, h.style.display = "block";
+          if (f > S) {
+            h.textContent = `Total selected files exceed the maximum of ${Math.round(
+              S / 1024
+            )} KB.`, h.style.display = "block";
             return;
           }
           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 (!x.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();
+    const u = document.createElement("button");
+    u.type = "submit", u.textContent = "Submit", u.className = "foisit-option-chip", u.style.fontWeight = "600", c.appendChild(u), s.appendChild(c), s.onsubmit = async (r) => {
+      r.preventDefault();
       const p = {};
       let g = !1;
       s.querySelectorAll(".foisit-form-error").forEach((m) => {
@@ -819,56 +918,62 @@ 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) {
-            g = !0, x.classList.add("foisit-error-border"), h && (h.textContent = "This file is required", h.style.display = "block");
+          const x = m.el.parentElement, h = x == null ? void 0 : x.querySelector(
+            ".foisit-form-error"
+          ), w = m.el, b = Array.from(w.files || []);
+          if (m.required && b.length === 0) {
+            g = !0, w.classList.add("foisit-error-border"), h && (h.textContent = "This file is required", h.style.display = "block");
             continue;
           }
-          if (y.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)
+          if (b.length === 0) continue;
+          const f = (e ?? []).find((v) => v.name === m.name), S = (f == null ? void 0 : f.delivery) ?? "file";
+          if (f != null && f.maxWidth || f != null && f.maxHeight)
             try {
-              const v = await this.getImageDimensions(y[0]);
-              if (u.maxWidth && v.width > u.maxWidth) {
-                g = !0, h && (h.textContent = `Image width must be ≤ ${u.maxWidth}px`, h.style.display = "block");
+              const v = await this.getImageDimensions(b[0]);
+              if (f.maxWidth && v.width > f.maxWidth) {
+                g = !0, h && (h.textContent = `Image width must be ≤ ${f.maxWidth}px`, h.style.display = "block");
                 continue;
               }
-              if (u.maxHeight && v.height > u.maxHeight) {
-                g = !0, h && (h.textContent = `Image height must be ≤ ${u.maxHeight}px`, h.style.display = "block");
+              if (f.maxHeight && v.height > f.maxHeight) {
+                g = !0, h && (h.textContent = `Image height must be ≤ ${f.maxHeight}px`, h.style.display = "block");
                 continue;
               }
             } catch {
             }
-          if (u != null && u.maxDurationSec)
+          if (f != null && f.maxDurationSec)
             try {
-              const v = await this.getMediaDuration(y[0]);
-              if (v && v > u.maxDurationSec) {
-                g = !0, h && (h.textContent = `Media duration must be ≤ ${u.maxDurationSec}s`, h.style.display = "block");
+              const v = await this.getMediaDuration(b[0]);
+              if (v && v > f.maxDurationSec) {
+                g = !0, h && (h.textContent = `Media duration must be ≤ ${f.maxDurationSec}s`, h.style.display = "block");
                 continue;
               }
             } catch {
             }
           if (S === "file")
-            p[m.name] = u != null && u.multiple ? y : y[0];
+            p[m.name] = f != null && f.multiple ? b : b[0];
           else if (S === "base64")
             try {
-              const v = await Promise.all(y.map((A) => this.readFileAsDataURL(A)));
-              p[m.name] = u != null && u.multiple ? v : v[0];
+              const v = await Promise.all(
+                b.map((E) => this.readFileAsDataURL(E))
+              );
+              p[m.name] = f != null && f.multiple ? v : v[0];
             } catch {
               g = !0, h && (h.textContent = "Failed to encode file(s) to base64.", h.style.display = "block");
               continue;
             }
           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 !== "")
           if (m.type === "number") {
-            const w = Number(C);
-            Number.isNaN(w) || (p[m.name] = w);
+            const x = Number(C);
+            Number.isNaN(x) || (p[m.name] = x);
           } else
             p[m.name] = C;
       }
@@ -876,7 +981,7 @@ class Y {
         s.classList.add("foisit-shake"), setTimeout(() => s.classList.remove("foisit-shake"), 400);
         return;
       }
-      f.disabled = !0, f.style.opacity = "0.6", n.forEach((m) => {
+      u.disabled = !0, u.style.opacity = "0.6", n.forEach((m) => {
         m.el.disabled = !0;
       }), i(p);
     }, this.messagesContainer.appendChild(s), this.scrollToBottom();
@@ -898,9 +1003,72 @@ 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 u = Math.min(1, (c - a) / t), r = 1 - Math.pow(1 - u, 3);
+      e.scrollTop = Math.round(i + n * r), u < 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) => {
@@ -913,7 +1081,10 @@ class Y {
       try {
         const i = URL.createObjectURL(t), s = new Image();
         s.onload = () => {
-          const n = { width: s.naturalWidth || s.width, height: s.naturalHeight || s.height };
+          const n = {
+            width: s.naturalWidth || s.width,
+            height: s.naturalHeight || s.height
+          };
           URL.revokeObjectURL(i), e(n);
         }, s.onerror = () => {
           URL.revokeObjectURL(i), e({ width: 0, height: 0 });
@@ -928,16 +1099,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);
@@ -947,57 +1118,93 @@ class Y {
   injectOverlayStyles() {
     if (document.getElementById("foisit-overlay-styles")) return;
     const t = document.createElement("style");
-    t.id = "foisit-overlay-styles", t.textContent = `
-      :root {
-        /* LIGHT MODE (Default) - Smoother gradient */
-        /* Changed: Softer, right-focused radial highlight to avoid a heavy white bottom */
-        --foisit-bg: radial-gradient(ellipse at 75% 30%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
-        --foisit-border: 1px solid rgba(255, 255, 255, 0.25);
-        --foisit-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
-        --foisit-text: #333;
-
-        /* Input */
-        --foisit-input-color: #333;
-        --foisit-input-placeholder: rgba(60, 60, 67, 0.6);
+    t.id = "foisit-overlay-styles";
+    const e = this.config.theme || "glass", i = this.config.themeColors || {};
+    if (e === "solid") {
+      const s = i.background || "#1a1a2e", n = i.text || "#ffffff", a = i.accent || "linear-gradient(135deg, #667eea 0%, #764ba2 100%)", o = i.userBubbleBg || "rgba(102, 126, 234, 0.2)", c = i.systemBubbleBg || "rgba(255, 255, 255, 0.08)", u = i.border || "rgba(255, 255, 255, 0.1)";
+      t.textContent = `
+        :root {
+          /* SOLID THEME - Custom Colors */
+          --foisit-bg: ${s};
+          --foisit-border: 1px solid ${u};
+          --foisit-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
+          --foisit-text: ${n};
+          --foisit-accent: ${a};
+          --foisit-backdrop: none;
 
-        /* Bubbles */
-        --foisit-bubble-user-bg: rgba(0, 0, 0, 0.04);
-        --foisit-bubble-user-text: #333;
+          /* Input */
+          --foisit-input-color: ${n};
+          --foisit-input-placeholder: ${n}99;
 
-        --foisit-bubble-sys-bg: rgba(255, 255, 255, 0.45);
-        --foisit-bubble-sys-text: #333;
+          /* Bubbles */
+          --foisit-bubble-user-bg: ${o};
+          --foisit-bubble-user-text: ${n};
 
-        /* Form Colors */
-        --foisit-req-star: #ef4444; /* Red asterisk */
-        --foisit-error-text: #dc2626;
-        --foisit-error-border: #fca5a5;
-      }
+          --foisit-bubble-sys-bg: ${c};
+          --foisit-bubble-sys-text: ${n}ee;
 
-      @media (prefers-color-scheme: dark) {
+          /* Form Colors */
+          --foisit-req-star: #f87171;
+          --foisit-error-text: #fca5a5;
+          --foisit-error-border: #f87171;
+        }
+      `;
+    } else
+      t.textContent = `
         :root {
-          /* DARK MODE */
-          --foisit-bg: linear-gradient(135deg, rgba(40, 40, 40, 0.65), rgba(40, 40, 40, 0.25));
-          --foisit-border: 1px solid rgba(255, 255, 255, 0.1);
-          --foisit-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
-          --foisit-text: #fff;
+          /* LIGHT MODE (Default) - Smoother gradient */
+          /* Changed: Softer, right-focused radial highlight to avoid a heavy white bottom */
+          --foisit-bg: radial-gradient(ellipse at 75% 30%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
+          --foisit-border: 1px solid rgba(255, 255, 255, 0.25);
+          --foisit-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
+          --foisit-text: #333;
+          --foisit-backdrop: blur(20px);
 
           /* Input */
-          --foisit-input-color: white;
-          --foisit-input-placeholder: rgba(235, 235, 245, 0.5);
+          --foisit-input-color: #333;
+          --foisit-input-placeholder: rgba(60, 60, 67, 0.6);
 
           /* Bubbles */
-          --foisit-bubble-user-bg: rgba(255, 255, 255, 0.1);
-          --foisit-bubble-user-text: white;
+          --foisit-bubble-user-bg: rgba(0, 0, 0, 0.04);
+          --foisit-bubble-user-text: #333;
 
-          --foisit-bubble-sys-bg: rgba(255, 255, 255, 0.05);
-          --foisit-bubble-sys-text: rgba(255, 255, 255, 0.9);
+          --foisit-bubble-sys-bg: rgba(255, 255, 255, 0.45);
+          --foisit-bubble-sys-text: #333;
 
           /* Form Colors */
-          --foisit-req-star: #f87171;
-          --foisit-error-text: #fca5a5;
-          --foisit-error-border: #f87171;
+          --foisit-req-star: #ef4444; /* Red asterisk */
+          --foisit-error-text: #dc2626;
+          --foisit-error-border: #fca5a5;
         }
-      }
+
+        @media (prefers-color-scheme: dark) {
+          :root {
+            /* DARK MODE */
+            --foisit-bg: linear-gradient(135deg, rgba(40, 40, 40, 0.65), rgba(40, 40, 40, 0.25));
+            --foisit-border: 1px solid rgba(255, 255, 255, 0.1);
+            --foisit-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
+            --foisit-text: #fff;
+            --foisit-backdrop: blur(20px);
+
+            /* Input */
+            --foisit-input-color: white;
+            --foisit-input-placeholder: rgba(235, 235, 245, 0.5);
+
+            /* Bubbles */
+            --foisit-bubble-user-bg: rgba(255, 255, 255, 0.1);
+            --foisit-bubble-user-text: white;
+
+            --foisit-bubble-sys-bg: rgba(255, 255, 255, 0.05);
+            --foisit-bubble-sys-text: rgba(255, 255, 255, 0.9);
+
+            /* Form Colors */
+            --foisit-req-star: #f87171;
+            --foisit-error-text: #fca5a5;
+            --foisit-error-border: #f87171;
+          }
+        }
+      `;
+    t.textContent += `
 
       @keyframes foisitPulse {
         0%, 100% { transform: scale(0.8); opacity: 0.5; }
@@ -1045,8 +1252,8 @@ class Y {
         border: var(--foisit-border);
         box-shadow: var(--foisit-shadow);
 
-        backdrop-filter: blur(20px);
-        -webkit-backdrop-filter: blur(20px);
+        backdrop-filter: var(--foisit-backdrop);
+        -webkit-backdrop-filter: var(--foisit-backdrop);
 
         border-radius: 18px;
         display: none;
@@ -1255,8 +1462,8 @@ class Y {
         border: 1px solid rgba(255,255,255,0.2);
         background: var(--foisit-bg);
         color: var(--foisit-text);
-        backdrop-filter: blur(10px);
-        -webkit-backdrop-filter: blur(10px);
+        backdrop-filter: var(--foisit-backdrop);
+        -webkit-backdrop-filter: var(--foisit-backdrop);
         box-shadow: 0 4px 12px rgba(0,0,0,0.15);
         cursor: pointer;
         pointer-events: auto;
@@ -1268,18 +1475,108 @@ 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 N({
       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 z(), typeof window < "u" && typeof document < "u" ? (this.voiceProcessor = new W(), 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,
+      theme: this.config.theme,
+      themeColors: this.config.themeColors
+    }), 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);
@@ -1288,24 +1585,32 @@ class K {
         if (e && typeof e == "object") {
           const i = e, s = i.label ?? i.commandId ?? "Selection";
           this.overlayManager.addMessage(String(s), "user"), this.overlayManager.showLoading();
-          const n = await this.commandHandler.executeCommand(i);
+          const n = await this.commandHandler.executeCommand(
+            i
+          );
           this.overlayManager.hideLoading(), this.processResponse(n);
         }
       },
       () => console.log("AssistantService: Overlay closed.")
-    )) : (this.voiceProcessor = void 0, this.textToSpeech = void 0, this.stateManager = void 0, this.gestureHandler = void 0, this.overlayManager = void 0, this.config.commands.forEach((e) => this.commandHandler.addCommand(e)), this.config.fallbackResponse && this.fallbackHandler.setFallbackMessage(this.config.fallbackResponse));
+    )) : (this.voiceProcessor = void 0, this.textToSpeech = void 0, this.stateManager = void 0, this.gestureHandler = void 0, this.overlayManager = void 0, this.config.commands.forEach(
+      (e) => this.commandHandler.addCommand(e)
+    ), this.config.fallbackResponse && this.fallbackHandler.setFallbackMessage(this.config.fallbackResponse));
   }
   /** Start listening for activation and commands */
   startListening() {
     if (typeof window > "u" || !this.voiceProcessor) {
-      console.log("AssistantService: Voice is disabled or unavailable; startListening() is a no-op.");
+      console.log(
+        "AssistantService: Voice is disabled or unavailable; startListening() is a no-op."
+      );
       return;
     }
   }
   /** Stop listening */
   stopListening() {
     if (typeof window > "u" || !this.voiceProcessor) {
-      console.log("AssistantService: Voice unavailable; stopListening() is a no-op."), this.isActivated = !1;
+      console.log(
+        "AssistantService: Voice unavailable; stopListening() is a no-op."
+      ), this.isActivated = !1;
       return;
     }
     this.voiceProcessor.stopListening(), this.isActivated = !1;
@@ -1356,7 +1661,10 @@ class K {
       return;
     }
     if (e.type === "error") {
-      this.fallbackHandler.handleFallback(t), this.overlayManager.addMessage(this.fallbackHandler.getFallbackMessage(), "system");
+      this.fallbackHandler.handleFallback(t), this.overlayManager.addMessage(
+        this.fallbackHandler.getFallbackMessage(),
+        "system"
+      );
       return;
     }
     if ((e.type === "ambiguous" || e.type === "confirm") && e.options) {
@@ -1382,7 +1690,9 @@ class K {
             this.overlayManager.showLoading();
             let i;
             try {
-              i = await this.commandHandler.executeCommand(e);
+              i = await this.commandHandler.executeCommand(
+                e
+              );
             } finally {
               this.overlayManager.hideLoading();
             }
@@ -1406,6 +1716,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 +1744,15 @@ 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,21 +1762,21 @@ 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 H(() => {
+    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 = () => {
-  const d = N(q);
+}, K = () => {
+  const d = B(q);
   if (console.log("assistant", d), !d)
     throw new Error("useAssistant must be used within an AssistantProvider");
   return d;
@@ -1459,13 +1784,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 H(() => {
     const i = (s) => {
       e(s);
     };
@@ -1479,8 +1804,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
 };