@foisit/react-wrapper 2.1.2 → 2.4.1

package/index.mjs

@@ -1,253 +1,314 @@
-import { jsx as u } from "react/jsx-runtime";
-import { createContext as A, useState as x, useEffect as w, useContext as I } from "react";
-const E = {};
-function Y() {
-  return /* @__PURE__ */ u("div", { className: E.container, children: /* @__PURE__ */ u("h1", { children: "Welcome to ReactWrapper!" }) });
+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!" }) });
 }
-class L {
-  constructor() {
-    this.endpoint = "https://foisit-ninja.netlify.app/.netlify/functions/intent";
+class M {
+  constructor(t) {
+    this.endpoint = t || "https://foisit-ninja.netlify.app/.netlify/functions/intent";
   }
-  /**
-   * Determine the best matching command by calling the internalized proxy
-   */
-  async determineIntent(e, t, i) {
+  async determineIntent(t, e, i) {
     try {
-      const s = await fetch(this.endpoint, {
+      const s = {
+        userInput: t,
+        commands: e.map((r) => ({
+          id: r.id,
+          command: r.command,
+          description: r.description,
+          parameters: r.parameters
+          // Send param schemas to AI
+        })),
+        context: i
+      }, n = await fetch(this.endpoint, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify({
-          userInput: e,
-          context: i,
-          commands: t.map((c) => ({
-            id: c.id,
-            command: c.command,
-            description: c.description,
-            keywords: c.keywords,
-            parameters: c.parameters
-          }))
-        })
+        body: JSON.stringify(s)
       });
-      if (!s.ok)
-        throw new Error("Proxy API request failed");
-      return await s.json();
+      if (!n.ok)
+        throw new Error(`Proxy API Error: ${n.statusText}`);
+      return await n.json();
     } catch (s) {
-      return console.error("Foisit AI Error:", s), { type: "unknown" };
+      return console.error("OpenAIService Error:", s), { type: "unknown" };
     }
   }
 }
-class M {
-  constructor(e = !0) {
-    this.commands = /* @__PURE__ */ new Map(), this.pendingConfirmation = null, this.conversationContext = null, this.enableSmartIntent = !0, this.enableSmartIntent = e, this.aiService = new L();
+class B {
+  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());
+      return;
+    }
+    this.enableSmartIntent = t.enableSmartIntent ?? !0, this.enableSmartIntent && (this.openAIService = new M(t.intentEndpoint));
   }
-  /**
-   * Add a new command (supports simple string or rich object)
-   */
-  addCommand(e, t) {
+  /** Add a new command (string or object) */
+  addCommand(t, e) {
     let i;
-    if (typeof e == "string") {
-      if (!t)
-        throw new Error("Action is required when passing a command string.");
+    if (typeof t == "string") {
+      if (!e)
+        throw new Error("Action required when adding command by string.");
       i = {
-        command: e,
-        action: t,
-        id: `cmd_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`
-        // Auto-gen ID
+        id: t.toLowerCase().replace(/\s+/g, "_"),
+        command: t.toLowerCase(),
+        action: e
       };
     } else
-      i = e, i.id || (i.id = `cmd_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`);
-    const s = i.command.toLowerCase();
-    this.commands.set(s, i);
-  }
-  /** Remove an existing command by trigger phrase */
-  removeCommand(e) {
-    const t = e.toLowerCase();
-    this.commands.has(t) && this.commands.delete(t);
-  }
-  /** Execute a command by matching input (string or parameter object) */
-  async executeCommand(e) {
-    var c;
-    if (typeof e == "object" && this.conversationContext) {
-      const o = Array.from(this.commands.values()).find(
-        (a) => {
-          var n;
-          return a.id === ((n = this.conversationContext) == null ? void 0 : n.commandId);
-        }
-      );
-      if (o) {
-        const a = { ...this.conversationContext.params, ...e };
-        return this.conversationContext = null, this.runAction(o, a);
+      i = { ...t }, i.id || (i.id = i.command.toLowerCase().replace(/\s+/g, "_"));
+    this.commands.set(i.command.toLowerCase(), i), i.id && (i.id, i.command);
+  }
+  /** Remove an existing command */
+  removeCommand(t) {
+    this.commands.delete(t.toLowerCase());
+  }
+  /** Execute a command by matching input */
+  async executeCommand(t) {
+    if (typeof t == "object" && t !== null) {
+      if (this.isStructured(t)) {
+        const c = String(t.commandId), f = t.params ?? {}, o = this.getCommandById(c);
+        if (!o) return { message: "That command is not available.", type: "error" };
+        const p = this.sanitizeParamsForCommand(o, f), h = (o.parameters ?? []).filter((C) => C.required).filter((C) => p[C.name] == null || p[C.name] === "");
+        return h.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(o), params: p }, {
+          message: `Please provide the required details for "${o.command}".`,
+          type: "form",
+          fields: h
+        }) : o.critical ? (this.pendingConfirmation = { commandId: this.getCommandIdentifier(o), params: p }, this.buildConfirmResponse(o)) : this.safeRunAction(o, p);
       }
+      if (!this.context)
+        return { message: "Session expired or invalid context.", type: "error" };
+      const n = this.getCommandById(this.context.commandId);
+      if (!n)
+        return this.context = null, { message: "Session expired or invalid context.", type: "error" };
+      if (Array.isArray(t))
+        return { message: "Invalid form payload.", type: "error" };
+      const a = {
+        ...this.context.params,
+        ...t
+      };
+      if (n.critical)
+        return this.context = null, this.pendingConfirmation = {
+          commandId: this.getCommandIdentifier(n),
+          params: a
+        }, this.buildConfirmResponse(n);
+      const r = await this.safeRunAction(n, a);
+      return this.context = null, this.normalizeResponse(r);
     }
-    const t = (typeof e == "string" ? e : "").toLowerCase().trim();
-    if (this.pendingConfirmation)
-      if (t === "yes" || t === "y" || t === "confirm") {
-        const o = this.pendingConfirmation;
-        return this.pendingConfirmation = null, this.runAction(o);
-      } else return t === "no" || t === "n" || t === "cancel" ? (this.pendingConfirmation = null, { type: "success", message: "Action cancelled." }) : {
-        type: "ambiguous",
-        message: `Please confirm: Are you sure you want to ${this.pendingConfirmation.description || this.pendingConfirmation.command}?`,
+    const e = t.trim().toLowerCase();
+    if (this.pendingConfirmation) {
+      const n = e;
+      if (["yes", "y", "confirm", "ok", "okay"].includes(n)) {
+        const { commandId: a, params: r } = this.pendingConfirmation;
+        this.pendingConfirmation = null;
+        const c = this.getCommandById(a);
+        return c ? this.safeRunAction(c, r) : { 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.",
+        type: "confirm",
         options: [
           { label: "Yes", value: "yes" },
           { label: "No", value: "no" }
         ]
       };
-    if (!this.conversationContext) {
-      const o = this.commands.get(t);
-      if (o) {
-        if (!o.parameters || o.parameters.length === 0)
-          return o.critical ? (this.pendingConfirmation = o, {
-            type: "ambiguous",
-            message: `Are you sure you want to ${o.description || o.command}?`,
-            options: [
-              { label: "Yes", value: "yes" },
-              { label: "No", value: "no" }
-            ]
-          }) : this.runAction(o);
-        this.conversationContext = {
-          commandId: o.id || "",
-          params: {}
-        };
-        const a = await Promise.all(
-          o.parameters.map(async (n) => {
-            let h = n.options;
-            if (n.getOptions)
-              try {
-                h = await n.getOptions();
-              } catch (m) {
-                console.error(`Error fetching options for ${n.name}`, m);
-              }
-            return {
-              name: n.name,
-              label: n.name.charAt(0).toUpperCase() + n.name.slice(1),
-              value: "",
-              required: n.required,
-              type: n.type || "string",
-              options: h
-            };
-          })
-        );
-        return {
-          type: "form",
-          message: o.description || `Please fill in the details for ${o.command}:`,
-          fields: a
-        };
-      }
     }
-    const i = Array.from(this.commands.values());
-    if (this.enableSmartIntent) {
-      const o = await this.aiService.determineIntent(
-        t,
-        i,
-        this.conversationContext
+    const i = this.commands.get(e);
+    if (i) {
+      const n = i, a = (n.parameters ?? []).filter((r) => r.required);
+      return a.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(n), params: {} }, {
+        message: `Please provide the required details for "${n.command}".`,
+        type: "form",
+        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(), a = await this.openAIService.determineIntent(
+        e,
+        n,
+        this.context
       );
-      if (o.type === "match" && o.match) {
-        const a = i.find((n) => n.id === o.match);
-        if (a) {
-          const n = {
-            ...((c = this.conversationContext) == null ? void 0 : c.params) || {},
-            ...o.params || {}
+      return this.handleAIResult(a);
+    }
+    return this.enableSmartIntent ? this.listAllCommands() : { message: "I'm not sure what you mean.", type: "error" };
+  }
+  async handleAIResult(t) {
+    if (t.type === "match" && t.match) {
+      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), a = (e.parameters ?? []).filter((c) => c.required).filter((c) => s[c.name] == null || s[c.name] === "");
+      if (t.incomplete || a.length > 0) {
+        this.context = { commandId: this.getCommandIdentifier(e), params: s };
+        const c = a.some((f) => f.type === "select");
+        if (a.length <= 2 && !c) {
+          const f = a.map((o) => o.name).join(" and ");
+          return {
+            message: t.message || `Please provide ${f}.`,
+            type: "question"
           };
-          if (o.incomplete) {
-            if (this.conversationContext = {
-              commandId: a.id,
-              params: n
-            }, a.parameters && a.parameters.length > 0) {
-              const h = await Promise.all(
-                a.parameters.map(async (m) => {
-                  let d = m.options;
-                  if (m.getOptions)
-                    try {
-                      d = await m.getOptions();
-                    } catch (g) {
-                      console.error(`Error fetching options for ${m.name}`, g);
-                    }
-                  return {
-                    name: m.name,
-                    label: m.name.charAt(0).toUpperCase() + m.name.slice(1),
-                    value: n[m.name] || "",
-                    required: m.required,
-                    type: m.type || "string",
-                    options: d
-                  };
-                })
-              );
-              return {
-                type: "form",
-                message: o.message || `Please fill in the details for ${a.command}:`,
-                fields: h
-              };
-            }
-            return {
-              type: "ambiguous",
-              message: o.message || `Need more info for ${a.command}...`
-            };
-          }
-          return this.conversationContext = null, a.critical ? (this.pendingConfirmation = {
-            ...a,
-            action: () => a.action(n)
-          }, {
-            type: "ambiguous",
-            message: `Are you sure you want to ${a.description || a.command}?`,
-            options: [
-              { label: "Yes", value: "yes" },
-              { label: "No", value: "no" }
-            ]
-          }) : this.runAction(a, n);
         }
-      } else if (o.type === "ambiguous" && o.options)
         return {
-          type: "ambiguous",
-          message: "Did you mean...",
-          options: o.options.map((a) => ({
-            label: a.label,
-            value: a.label
-          }))
+          message: t.message || `Please fill in the missing details for "${e.command}".`,
+          type: "form",
+          fields: a
         };
+      }
+      if (e.critical)
+        return this.pendingConfirmation = {
+          commandId: this.getCommandIdentifier(e),
+          params: s
+        }, this.buildConfirmResponse(e);
+      const r = await e.action(s);
+      return this.normalizeResponse(r);
     }
-    return {
+    return t.type === "ambiguous" && t.options && t.options.length ? {
+      message: t.message || "Did you mean one of these?",
       type: "ambiguous",
-      message: "I'm not sure what you mean. Here is what I can do:",
-      options: i.map((o) => ({
-        label: o.command,
-        value: o.command
+      options: t.options.map((e) => ({
+        label: e.label,
+        value: e.commandId ?? e.label,
+        commandId: e.commandId
       }))
+    } : this.listAllCommands();
+  }
+  sanitizeParamsForCommand(t, e) {
+    const i = { ...e ?? {} };
+    for (const s of t.parameters ?? [])
+      if (s.type === "date") {
+        const n = i[s.name];
+        if (typeof n == "string") {
+          const a = n.trim();
+          this.isIsoDateString(a) || delete i[s.name];
+        }
+      }
+    return i;
+  }
+  isIsoDateString(t) {
+    if (!/^\d{4}-\d{2}-\d{2}$/.test(t)) return !1;
+    const e = /* @__PURE__ */ new Date(`${t}T00:00:00Z`);
+    return !Number.isNaN(e.getTime());
+  }
+  buildConfirmResponse(t) {
+    return {
+      message: `⚠️ Are you sure you want to run "${t.command}"?`,
+      type: "confirm",
+      options: [
+        { label: "Yes", value: "yes" },
+        { label: "No", value: "no" }
+      ]
     };
   }
-  /** Run a command action and handle rich responses */
-  async runAction(e, t) {
-    try {
-      const i = await e.action(t);
-      return typeof i == "string" ? { type: "success", message: i } : i && i.type ? i : {
-        type: "success",
-        message: `Executed: ${e.command}`
-      };
-    } catch (i) {
+  async tryDeterministicMatch(t) {
+    const e = [];
+    for (const r of this.commands.values()) {
+      let c = 0;
+      const f = r.command.toLowerCase();
+      t.includes(f) && (c += 5);
+      const o = r.keywords ?? [];
+      for (const p of o) {
+        const b = p.toLowerCase().trim();
+        b && (t === b ? c += 4 : t.includes(b) && (c += 3));
+      }
+      c > 0 && e.push({ cmd: r, 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);
+    if (s.length > 1)
       return {
-        type: "error",
-        message: i.message || "An error occurred during execution."
+        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
+        }))
       };
+    const n = s[0].cmd, a = (n.parameters ?? []).filter((r) => r.required);
+    return a.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(n), params: {} }, {
+      message: `Please provide the required details for "${n.command}".`,
+      type: "form",
+      fields: a
+    }) : n.critical ? (this.pendingConfirmation = { commandId: this.getCommandIdentifier(n), params: {} }, this.buildConfirmResponse(n)) : this.safeRunAction(n, {});
+  }
+  async safeRunAction(t, e) {
+    try {
+      const i = await t.action(e ?? {});
+      return this.normalizeResponse(i);
+    } catch {
+      return { message: "Something went wrong while running that command.", type: "error" };
     }
   }
+  async getCommandsForAI() {
+    const t = Array.from(this.commands.values()).map((e) => ({
+      ...e,
+      parameters: e.parameters ? e.parameters.map((i) => ({ ...i })) : void 0
+    }));
+    return await Promise.all(
+      t.map(async (e) => {
+        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), 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: a }), i.options = r;
+            } catch {
+            }
+          })
+        );
+      })
+    ), t;
+  }
+  getCommandById(t) {
+    for (const e of this.commands.values())
+      if (e.id === t) return e;
+  }
+  listAllCommands() {
+    return {
+      message: "Here are the available commands:",
+      type: "ambiguous",
+      options: Array.from(this.commands.values()).map((e) => ({
+        label: e.command,
+        value: e.id ?? e.command,
+        commandId: e.id ?? e.command
+      }))
+    };
+  }
+  normalizeResponse(t) {
+    return typeof t == "string" ? { message: t, type: "success" } : t && typeof t == "object" ? t : { message: "Done", type: "success" };
+  }
+  isStructured(t) {
+    return typeof t.commandId == "string";
+  }
+  getCommandIdentifier(t) {
+    return t.id || (t.id = t.command.toLowerCase().replace(/\s+/g, "_")), t.id;
+  }
   /** List all registered commands */
   getCommands() {
     return Array.from(this.commands.keys());
   }
 }
-class k {
+class H {
   constructor() {
     this.synth = window.speechSynthesis;
   }
-  speak(e, t) {
+  speak(t, e) {
     if (!this.synth) {
       console.error("SpeechSynthesis API is not supported in this browser.");
       return;
     }
-    const i = new SpeechSynthesisUtterance(e);
-    t && (i.pitch = t.pitch || 1, i.rate = t.rate || 1, i.volume = t.volume || 1), i.onend = () => {
-      console.log("Speech finished.");
+    const i = new SpeechSynthesisUtterance(t);
+    e && (i.pitch = e.pitch || 1, i.rate = e.rate || 1, i.volume = e.volume || 1), i.onstart = () => {
+      window.dispatchEvent(new CustomEvent("foisit:tts-start"));
+    }, i.onend = () => {
+      console.log("Speech finished."), window.dispatchEvent(new CustomEvent("foisit:tts-end"));
     }, i.onerror = (s) => {
       console.error("Error during speech synthesis:", s.error);
     }, this.synth.speak(i);
@@ -256,53 +317,191 @@ class k {
     this.synth && this.synth.cancel();
   }
 }
-class P {
+class O {
   constructor() {
     this.fallbackMessage = "Sorry, I didn’t understand that.";
   }
-  setFallbackMessage(e) {
-    this.fallbackMessage = e;
+  setFallbackMessage(t) {
+    this.fallbackMessage = t;
   }
-  handleFallback(e) {
-    console.log(this.fallbackMessage), new k().speak(this.fallbackMessage);
+  handleFallback(t) {
+    t && console.log(`Fallback triggered for: "${t}"`), console.log(this.fallbackMessage), new H().speak(this.fallbackMessage);
+  }
+  getFallbackMessage() {
+    return this.fallbackMessage;
   }
 }
-class T {
-  constructor(e = "en-US") {
-    this.isListening = !1, this.isStoppedSpeechRecog = !1, this.restartAllowed = !0;
+const T = () => {
+  const d = window;
+  return d.SpeechRecognition ?? d.webkitSpeechRecognition ?? null;
+};
+class z {
+  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;
+      this.ttsSpeaking = !0;
+      try {
+        (s = this.recognition) == null || s.stop();
+      } catch {
+      }
+      this.isListening && this.emitStatus("speaking");
+    }, this.onTTSEnd = () => {
+      this.ttsSpeaking = !1, this.isListening && this.restartAllowed ? this.safeRestart() : this.emitStatus(this.isListening ? "listening" : "idle");
+    };
+    const i = T();
+    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");
+      };
+      const s = this.recognition;
+      s.onaudiostart = () => this.log("onaudiostart"), s.onsoundstart = () => this.log("onsoundstart"), s.onspeechstart = () => this.log("onspeechstart"), s.onspeechend = () => this.log("onspeechend"), s.onsoundend = () => this.log("onsoundend"), s.onaudioend = () => this.log("onaudioend"), this.recognition.onerror = (n) => this.handleError(n);
+    } else
+      this.recognition = null, this.emitStatus("unsupported");
+    window.addEventListener("foisit:tts-start", this.onTTSStart), window.addEventListener("foisit:tts-end", this.onTTSEnd), this.visibilityHandler = () => {
+      var s;
+      if (document.hidden) {
+        try {
+          (s = this.recognition) == null || s.stop();
+        } catch {
+        }
+        this.emitStatus(this.ttsSpeaking ? "speaking" : "idle");
+      } else this.isListening && !this.ttsSpeaking && this.safeRestart();
+    }, document.addEventListener("visibilitychange", this.visibilityHandler);
+  }
+  // Debug logger helpers
+  log(t) {
+    this.debugEnabled && t && console.log("[VoiceProcessor]", t);
+  }
+  warn(t) {
+    this.debugEnabled && t && console.warn("[VoiceProcessor]", t);
+  }
+  error(t) {
+    this.debugEnabled && t && console.error("[VoiceProcessor]", t);
+  }
+  /** Check if SpeechRecognition is available */
+  isSupported() {
+    return T() !== null;
+  }
+  /** Allow consumers (wrappers) to observe status changes */
+  onStatusChange(t) {
+    this.statusCallback = t;
   }
   /** Start listening for speech input */
-  startListening(e) {
-    console.warn("VoiceProcessor: Voice interaction is currently DISABLED.");
+  startListening(t) {
+    if (!this.isSupported() || !this.recognition) {
+      this.warn("VoiceProcessor: SpeechRecognition is not supported in this browser."), this.emitStatus("unsupported");
+      return;
+    }
+    if (this.isListening) {
+      this.warn("VoiceProcessor: Already listening."), this.resultCallback = t;
+      return;
+    }
+    this.resultCallback = t, this.intentionallyStopped = !1, this.restartAllowed = !0, this.isListening = !0, this.emitStatus("listening"), this.prewarmAudio().finally(() => {
+      this.safeRestart();
+    });
   }
   /** Stop listening for speech input */
   stopListening() {
-    if (console.log("VoiceProcessor: Stopping listening..."), this.isStoppedSpeechRecog = !0, this.restartAllowed = !1, !this.isListening) {
-      console.warn("VoiceProcessor: Already stopped. Skipping stop...");
-      return;
-    }
+    var t;
+    this.intentionallyStopped = !0, this.restartAllowed = !1, this.isListening = !1, this.emitStatus(this.ttsSpeaking ? "speaking" : "idle");
     try {
-      this.recognition.stop(), this.isListening = !1, console.log("VoiceProcessor: Listening stopped.");
-    } catch (e) {
-      console.error("VoiceProcessor: Failed to stop SpeechRecognition:", e);
+      (t = this.recognition) == null || t.stop();
+    } catch {
     }
   }
+  /** Clean up listeners */
+  destroy() {
+    this.destroyed = !0, this.stopListening(), this.resultCallback = null, window.removeEventListener("foisit:tts-start", this.onTTSStart), window.removeEventListener("foisit:tts-end", this.onTTSEnd), this.visibilityHandler && (document.removeEventListener("visibilitychange", this.visibilityHandler), this.visibilityHandler = void 0);
+  }
   /** Handle recognized speech results */
-  handleResult(e, t) {
+  handleResult(t, e) {
+    var s, n;
+    if (!this.resultCallback) return;
+    const i = e.confidenceThreshold ?? 0.6;
+    for (let a = t.resultIndex; a < t.results.length; a++) {
+      const r = t.results[a], c = r && r[0], f = ((n = (s = c == null ? void 0 : c.transcript) == null ? void 0 : s.trim) == null ? void 0 : n.call(s)) || "", o = (c == null ? void 0 : c.confidence) ?? 0;
+      if (f && !(!r.isFinal && e.interimResults === !1) && !(r.isFinal && o < i))
+        try {
+          this.hadResultThisSession = !0, this.resultCallback(f, !!r.isFinal);
+        } catch {
+          this.error("VoiceProcessor: result callback error");
+        }
+    }
   }
   /** Handle session end */
   handleEnd() {
-    console.log("VoiceProcessor: Session ended."), this.isListening = !1, this.restartAllowed && !this.isStoppedSpeechRecog && (console.log(
-      "VoiceProcessor: Restarting session due to unexpected stop..."
-    ), setTimeout(() => this.startListening(() => {
-    }), 560));
+    if (this.log("recognition onend"), this.engineActive = !1, this.destroyed || this.intentionallyStopped || !this.restartAllowed || this.ttsSpeaking) {
+      this.ttsSpeaking || (this.isListening = !1, this.emitStatus("idle"));
+      return;
+    }
+    this.isListening = !0, this.scheduleRestart();
   }
   /** Handle errors during speech recognition */
-  handleError(e) {
-    console.error("VoiceProcessor: Error occurred:", e.error), e.error === "no-speech" ? console.log("VoiceProcessor: No speech detected.") : e.error === "audio-capture" && console.log("VoiceProcessor: Microphone not detected."), this.isListening = !1;
+  handleError(t) {
+    const e = t == null ? void 0 : t.error;
+    if (this.warn(`Error occurred: ${e ?? "unknown"}`), e && ["not-allowed", "service-not-allowed", "bad-grammar", "language-not-supported"].includes(e)) {
+      this.intentionallyStopped = !0, this.restartAllowed = !1, this.isListening = !1, this.emitStatus("error", { error: e });
+      return;
+    }
+    this.scheduleRestart();
+  }
+  safeRestart() {
+    if (!this.recognition) return;
+    if (this.engineActive) {
+      this.log("safeRestart: engine already active, skipping start");
+      return;
+    }
+    const t = Date.now();
+    if (t - this.lastStart < 300) {
+      setTimeout(() => this.safeRestart(), 300);
+      return;
+    }
+    this.lastStart = t;
+    try {
+      this.log("calling recognition.start()"), this.recognition.start(), this.backoffMs = 250, this.isListening && !this.ttsSpeaking && this.emitStatus("listening");
+    } catch {
+      this.error("recognition.start() threw; scheduling restart"), this.scheduleRestart();
+    }
+  }
+  scheduleRestart() {
+    if (this.destroyed || this.intentionallyStopped || !this.restartAllowed || this.ttsSpeaking) return;
+    if (this.engineActive) {
+      this.log("scheduleRestart: engine active, not scheduling");
+      return;
+    }
+    const t = Math.min(this.backoffMs, 2e3);
+    if (this.log(`scheduleRestart in ${t}ms`), this.restartTimer) {
+      this.log("scheduleRestart: restart already scheduled");
+      return;
+    }
+    this.restartTimer = setTimeout(() => {
+      this.restartTimer = null, !(this.destroyed || this.intentionallyStopped || !this.restartAllowed || this.ttsSpeaking) && this.safeRestart();
+    }, t), this.backoffMs = Math.min(this.backoffMs * 2, 2e3);
+  }
+  async prewarmAudio() {
+    if (!this.prewarmed)
+      try {
+        if (typeof navigator > "u" || !("mediaDevices" in navigator)) return;
+        const t = navigator.mediaDevices;
+        if (!(t != null && t.getUserMedia)) return;
+        this.log("prewarmAudio: requesting mic");
+        const e = await t.getUserMedia({ audio: !0 });
+        for (const i of e.getTracks()) i.stop();
+        this.prewarmed = !0, this.log("prewarmAudio: mic ready");
+      } catch {
+        this.warn("prewarmAudio: failed to get mic");
+      }
+  }
+  emitStatus(t, e) {
+    if (this.statusCallback)
+      try {
+        this.statusCallback(t, e);
+      } catch {
+        this.error("VoiceProcessor: status callback error");
+      }
   }
 }
-class B {
+class $ {
   constructor() {
     this.lastTap = 0;
   }
@@ -310,13 +509,16 @@ class B {
    * Sets up double-click and double-tap listeners
    * @param onDoubleClickOrTap Callback to execute when a double-click or double-tap is detected
    */
-  setupDoubleTapListener(e) {
-    document.addEventListener("dblclick", () => {
-      e();
-    }), document.addEventListener("touchend", (t) => {
-      const i = (/* @__PURE__ */ new Date()).getTime(), s = i - this.lastTap;
-      s < 300 && s > 0 && e(), this.lastTap = i;
-    });
+  setupDoubleTapListener(t) {
+    this.destroy(), this.dblClickListener = () => {
+      t();
+    }, document.addEventListener("dblclick", this.dblClickListener), this.touchEndListener = () => {
+      const e = (/* @__PURE__ */ new Date()).getTime(), i = e - this.lastTap;
+      i < 300 && i > 0 && t(), 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;
   }
 }
 function D() {
@@ -324,8 +526,8 @@ function D() {
     console.log("Styles already injected");
     return;
   }
-  const e = document.createElement("style");
-  e.id = "assistant-styles", e.innerHTML = `
+  const t = document.createElement("style");
+  t.id = "assistant-styles", t.innerHTML = `
     /* Rounded shape with gradient animation */
     .gradient-indicator {
       position: fixed;
@@ -358,727 +560,862 @@ function D() {
         border-radius: 50%;
       }
     }
-  `, document.head.appendChild(e), console.log("Gradient styles injected");
+  `, document.head.appendChild(t), console.log("Gradient styles injected");
 }
-function R() {
+function j() {
   if (document.querySelector("#gradient-indicator"))
     return;
-  const r = document.createElement("div");
-  r.id = "gradient-indicator", D(), r.classList.add("gradient-indicator"), document.body.appendChild(r), console.log("Gradient indicator added to the DOM");
+  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");
 }
-function H() {
-  const r = document.querySelector("#gradient-indicator");
-  r && (r.remove(), console.log("Gradient indicator removed from the DOM"));
+function U() {
+  const d = document.querySelector("#gradient-indicator");
+  d && (d.remove(), console.log("Gradient indicator removed from the DOM"));
 }
-class N {
+class V {
   constructor() {
     this.state = "idle", this.subscribers = [];
   }
   getState() {
     return this.state;
   }
-  setState(e) {
-    this.state = e, this.notifySubscribers(), console.log("State updated:", e), e === "listening" ? R() : H();
+  setState(t) {
+    this.state = t, this.notifySubscribers(), console.log("State updated:", t), t === "listening" ? j() : U();
   }
   // eslint-disable-next-line no-unused-vars
-  subscribe(e) {
-    this.subscribers.push(e);
+  subscribe(t) {
+    this.subscribers.push(t);
   }
   notifySubscribers() {
-    this.subscribers.forEach((e) => e(this.state));
+    this.subscribers.forEach((t) => t(this.state));
   }
 }
-const l = class l {
-  constructor(e) {
-    this.isOpen = !1, this.submitCallback = null, this.closeCallback = null, this.chatContainer = null, this.config = {}, e && (this.config = e), this.injectStyles(), this.injectOverlay(), this.injectFloatingButton(), this.setupEventListeners(), this.chatContainer = document.getElementById(
-      "foisit-chat-history"
-    );
+class G {
+  constructor(t) {
+    this.container = null, this.chatWindow = null, this.messagesContainer = null, this.input = null, this.isOpen = !1, this.loadingEl = null, this.config = t, this.init();
   }
-  /**
-   * Cleanup everything from the DOM
-   */
-  destroy() {
-    const e = document.getElementById(l.OVERLAY_ID);
-    e && e.remove();
-    const t = document.getElementById(l.STYLES_ID);
-    t && t.remove();
-    const i = document.getElementById("foisit-floating-btn");
-    i && i.remove(), this.isOpen = !1, this.chatContainer = null, this.submitCallback = null, this.closeCallback = null;
+  init() {
+    var e, i;
+    if (this.container) return;
+    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();
+      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();
   }
-  /**
-   * Register callbacks for the overlay (used by floating button)
-   */
-  registerCallbacks(e, t) {
-    this.submitCallback = e, this.closeCallback = t || null;
+  renderFloatingButton() {
+    var s, n, a, r, c, f;
+    const t = document.createElement("button");
+    t.innerHTML = ((s = this.config.floatingButton) == null ? void 0 : s.customHtml) || "🎙️";
+    const e = ((a = (n = this.config.floatingButton) == null ? void 0 : n.position) == null ? void 0 : a.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);
   }
-  /**
-   * Show the overlay and focus input
-   */
-  show(e, t) {
-    const i = document.getElementById(l.OVERLAY_ID), s = document.getElementById(
-      l.INPUT_ID
-    );
-    this.chatContainer = document.getElementById(
-      "foisit-chat-history"
-    ), i && s && (this.submitCallback = e, this.closeCallback = t || null, i.style.display = "flex", setTimeout(() => {
-      i.classList.add("visible"), s.focus(), s.focus(), s.value = "", this.chatContainer && (this.chatContainer.innerHTML = "");
-    }, 10), this.isOpen = !0);
+  renderChatWindow() {
+    var n;
+    if (this.chatWindow) return;
+    this.chatWindow = document.createElement("div"), this.chatWindow.className = "foisit-chat";
+    const t = document.createElement("div");
+    t.className = "foisit-header";
+    const e = document.createElement("span");
+    e.className = "foisit-title", e.textContent = "Foisit";
+    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", (a) => {
+      var r;
+      if (a.key === "Enter" && ((r = this.input) != null && r.value.trim())) {
+        const c = this.input.value.trim();
+        this.input.value = "", this.onSubmit && this.onSubmit(c);
+      }
+    }), s.appendChild(this.input), this.chatWindow.appendChild(t), this.chatWindow.appendChild(this.messagesContainer), this.chatWindow.appendChild(s), (n = this.container) == null || n.appendChild(this.chatWindow);
   }
-  /**
-   * Hide the overlay
-   */
-  hide() {
-    const e = document.getElementById(l.OVERLAY_ID);
-    e && (e.classList.remove("visible"), setTimeout(() => {
-      e.style.display = "none";
-    }, 300), this.isOpen = !1, this.closeCallback && this.closeCallback());
+  registerCallbacks(t, e) {
+    this.onSubmit = t, this.onClose = e;
   }
-  /**
-   * Toggle the overlay
-   */
-  toggle(e, t) {
-    this.isOpen ? this.hide() : this.show(e, t);
+  toggle(t, e) {
+    t && (this.onSubmit = t), e && (this.onClose = e), this.isOpen = !this.isOpen, this.chatWindow && (this.isOpen ? (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(() => {
+      this.chatWindow && !this.isOpen && (this.chatWindow.style.display = "none");
+    }, 200), this.onClose && this.onClose()));
   }
-  /**
-   * Add a message bubble to the chat
-   */
-  addMessage(e, t = "system") {
-    if (!this.chatContainer) return;
+  addMessage(t, e) {
+    if (!this.messagesContainer) return;
     const i = document.createElement("div");
-    i.className = `foisit-bubble ${t}`, i.textContent = e, this.chatContainer.appendChild(i), this.scrollToBottom();
+    i.textContent = t, i.className = e === "user" ? "foisit-bubble user" : "foisit-bubble system", this.messagesContainer.appendChild(i), this.scrollToBottom();
   }
-  /**
-   * Add clickable options to the chat
-   */
-  addOptions(e) {
-    if (!this.chatContainer) return;
-    const t = document.createElement("div");
-    t.className = "foisit-options-container", e.forEach((i) => {
+  addOptions(t) {
+    if (!this.messagesContainer) return;
+    const e = document.createElement("div");
+    e.className = "foisit-options-container", t.forEach((i) => {
       const s = document.createElement("button");
-      s.className = "foisit-option-chip", s.textContent = i.label, s.onclick = () => {
-        this.addMessage(i.label, "user"), this.submitCallback && this.submitCallback(i.value);
-      }, t.appendChild(s);
-    }), this.chatContainer.appendChild(t), this.scrollToBottom();
-  }
-  /**
-   * Inject the floating trigger button
-   */
-  injectFloatingButton() {
-    var s, c, o, a;
-    if (((s = this.config.floatingButton) == null ? void 0 : s.visible) === !1) return;
-    const e = document.getElementById("foisit-floating-btn");
-    e && e.remove();
-    const t = document.createElement("div");
-    t.id = "foisit-floating-btn", t.className = "foisit-floating-btn", t.title = ((c = this.config.floatingButton) == null ? void 0 : c.tooltip) || "Open Foisit Assistant";
-    const i = (o = this.config.floatingButton) == null ? void 0 : o.position;
-    i && (t.style.bottom = i.bottom, t.style.right = i.right), (a = this.config.floatingButton) != null && a.customHtml ? t.innerHTML = this.config.floatingButton.customHtml : t.innerHTML = `
-        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4Z" fill="white" fill-opacity="0.8"/>
-          <path d="M12 6C8.69 6 6 8.69 6 12C6 15.31 8.69 18 12 18C15.31 18 18 15.31 18 12C18 8.69 15.31 6 12 6ZM12 16C9.79 16 8 14.21 8 12C8 9.79 9.79 8 12 8C14.21 8 16 9.79 16 12C16 14.21 14.21 16 12 16Z" fill="white"/>
-        </svg>
-      `, t.onclick = () => {
-      this.submitCallback && this.toggle(this.submitCallback, this.closeCallback || void 0);
-    }, document.body.appendChild(t);
+      s.textContent = i.label, s.className = "foisit-option-chip", s.setAttribute("type", "button"), s.setAttribute("aria-label", i.label);
+      const n = () => {
+        if (i.commandId) {
+          this.onSubmit && this.onSubmit({ commandId: i.commandId });
+          return;
+        }
+        const a = i && typeof i.value == "string" && i.value.trim() ? i.value : i.label;
+        this.onSubmit && this.onSubmit(a);
+      };
+      s.onclick = n, s.onkeydown = (a) => {
+        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), n());
+      }, e.appendChild(s);
+    }), this.messagesContainer.appendChild(e), this.scrollToBottom();
   }
-  /**
-   * Add a dynamic form to the chat
-   */
-  addForm(e, t, i) {
-    if (!this.chatContainer) return;
-    const s = document.createElement("div");
-    s.className = "foisit-form-card";
-    const c = document.createElement("div");
-    c.className = "foisit-form-message", c.textContent = e, s.appendChild(c);
-    const o = {};
-    t.forEach((n) => {
-      var g, C;
-      const h = document.createElement("div");
-      h.className = "foisit-field-group";
-      const m = document.createElement("label");
-      m.textContent = n.label, h.appendChild(m);
-      let d;
-      if ((n.type === "select" || n.options) && ((g = n.options) != null && g.length) && n.options.length > 0) {
-        d = document.createElement("select"), d.className = "foisit-field-input";
-        const p = document.createElement("option");
-        p.value = "", p.textContent = `Select ${n.label}`, p.disabled = !0, p.selected = !n.value, d.appendChild(p), (C = n.options) == null || C.forEach((y) => {
-          const f = document.createElement("option");
-          f.value = y.value, f.textContent = y.label, n.value === y.value && (f.selected = !0), d.appendChild(f);
-        });
-      } else
-        d = document.createElement("input"), d.className = "foisit-field-input", d.placeholder = n.label, d.value = n.value || "", n.type === "date" ? d.type = "date" : n.type === "number" ? d.type = "number" : d.type = "text";
-      o[n.name] = d, h.appendChild(d), s.appendChild(h);
+  addForm(t, e, i) {
+    if (!this.messagesContainer) return;
+    this.addMessage(t, "system");
+    const s = document.createElement("form");
+    s.className = "foisit-form";
+    const n = [], a = (o, p) => {
+      const b = document.createElement("div");
+      return b.className = "foisit-form-label", b.innerHTML = o + (p ? ' <span class="foisit-req-star">*</span>' : ""), b;
+    }, r = () => {
+      const o = document.createElement("div");
+      return o.className = "foisit-form-error", o.style.display = "none", o;
+    };
+    (e ?? []).forEach((o) => {
+      const p = document.createElement("div");
+      p.className = "foisit-form-group";
+      const b = o.description || o.name;
+      p.appendChild(a(b, o.required));
+      let h;
+      if (o.type === "select") {
+        const l = document.createElement("select");
+        l.className = "foisit-form-input";
+        const y = document.createElement("option");
+        y.value = "", y.textContent = "Select...", l.appendChild(y);
+        const x = (m) => {
+          (m ?? []).forEach((w) => {
+            const g = document.createElement("option");
+            g.value = String(w.value ?? w.label ?? ""), g.textContent = String(w.label ?? w.value ?? ""), l.appendChild(g);
+          });
+        };
+        if (Array.isArray(o.options) && o.options.length)
+          x(o.options);
+        else if (typeof o.getOptions == "function") {
+          const m = o.getOptions, w = document.createElement("option");
+          w.value = "", w.textContent = "Loading...", l.appendChild(w), Promise.resolve().then(() => m()).then((g) => {
+            for (; l.options.length > 1; ) l.remove(1);
+            x(g);
+          }).catch(() => {
+            for (; l.options.length > 1; ) l.remove(1);
+            const g = document.createElement("option");
+            g.value = "", g.textContent = "Error loading options", l.appendChild(g);
+          });
+        }
+        o.defaultValue != null && (l.value = String(o.defaultValue)), h = l;
+      } else if (o.type === "file") {
+        const l = o, 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 || []), m = C;
+          if (m.style.display = "none", m.textContent = "", x.length === 0) return;
+          const w = l.maxFiles ?? (l.multiple ? 10 : 1);
+          if (x.length > w) {
+            m.textContent = `Please select at most ${w} file(s).`, m.style.display = "block";
+            return;
+          }
+          const g = l.maxSizeBytes ?? 1 / 0, u = x.reduce((v, E) => v + E.size, 0);
+          if (x.some((v) => v.size > g)) {
+            m.textContent = `One or more files exceed the maximum size of ${Math.round(g / 1024)} KB.`, m.style.display = "block";
+            return;
+          }
+          const S = l.maxTotalBytes ?? 1 / 0;
+          if (u > S) {
+            m.textContent = `Total selected files exceed the maximum of ${Math.round(S / 1024)} KB.`, m.style.display = "block";
+            return;
+          }
+          if (l.accept && Array.isArray(l.accept)) {
+            const v = l.accept;
+            if (!x.every((A) => A.type ? v.some((L) => L.startsWith(".") ? A.name.toLowerCase().endsWith(L.toLowerCase()) : A.type === L || A.type.startsWith(L.split("/")[0] + "/")) : !0)) {
+              m.textContent = "One or more files have an unsupported type.", m.style.display = "block";
+              return;
+            }
+          }
+        }), h = y;
+      } else {
+        const l = document.createElement("input");
+        l.className = "foisit-form-input", o.type === "string" && (l.placeholder = o.placeholder || "Type here..."), o.type === "number" ? (l.type = "number", typeof o.min == "number" && (l.min = String(o.min)), typeof o.max == "number" && (l.max = String(o.max)), typeof o.step == "number" && (l.step = String(o.step)), o.defaultValue != null && (l.value = String(o.defaultValue))) : o.type === "date" ? (l.type = "date", typeof o.min == "string" && (l.min = o.min), typeof o.max == "string" && (l.max = o.max), o.defaultValue != null && (l.value = String(o.defaultValue))) : (l.type = "text", o.defaultValue != null && (l.value = String(o.defaultValue))), h = l;
+      }
+      const C = r();
+      p.appendChild(h), p.appendChild(C), n.push({
+        name: o.name,
+        type: o.type,
+        el: h,
+        required: o.required
+      }), s.appendChild(p);
     });
-    const a = document.createElement("button");
-    a.className = "foisit-form-submit", a.textContent = "Submit", a.onclick = () => {
-      const n = {};
-      Object.keys(o).forEach((h) => {
-        n[h] = o[h].value;
-      }), a.disabled = !0, a.textContent = "Submitted", s.style.opacity = "0.7", s.style.pointerEvents = "none", i(n);
-    }, s.appendChild(a), this.chatContainer.appendChild(s), this.scrollToBottom();
+    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 (o) => {
+      o.preventDefault();
+      const p = {};
+      let b = !1;
+      s.querySelectorAll(".foisit-form-error").forEach((h) => {
+        h.style.display = "none", h.textContent = "";
+      }), s.querySelectorAll(".foisit-form-input").forEach((h) => {
+        h.classList.remove("foisit-error-border");
+      });
+      for (const h of n) {
+        if (h.type === "file") {
+          const x = h.el.parentElement, m = x == null ? void 0 : x.querySelector(".foisit-form-error"), w = h.el, g = Array.from(w.files || []);
+          if (h.required && g.length === 0) {
+            b = !0, w.classList.add("foisit-error-border"), m && (m.textContent = "This file is required", m.style.display = "block");
+            continue;
+          }
+          if (g.length === 0) continue;
+          const u = (e ?? []).find((v) => v.name === h.name), S = (u == null ? void 0 : u.delivery) ?? "file";
+          if (u != null && u.maxWidth || u != null && u.maxHeight)
+            try {
+              const v = await this.getImageDimensions(g[0]);
+              if (u.maxWidth && v.width > u.maxWidth) {
+                b = !0, m && (m.textContent = `Image width must be ≤ ${u.maxWidth}px`, m.style.display = "block");
+                continue;
+              }
+              if (u.maxHeight && v.height > u.maxHeight) {
+                b = !0, m && (m.textContent = `Image height must be ≤ ${u.maxHeight}px`, m.style.display = "block");
+                continue;
+              }
+            } catch {
+            }
+          if (u != null && u.maxDurationSec)
+            try {
+              const v = await this.getMediaDuration(g[0]);
+              if (v && v > u.maxDurationSec) {
+                b = !0, m && (m.textContent = `Media duration must be ≤ ${u.maxDurationSec}s`, m.style.display = "block");
+                continue;
+              }
+            } catch {
+            }
+          if (S === "file")
+            p[h.name] = u != null && u.multiple ? g : g[0];
+          else if (S === "base64")
+            try {
+              const v = await Promise.all(g.map((E) => this.readFileAsDataURL(E)));
+              p[h.name] = u != null && u.multiple ? v : v[0];
+            } catch {
+              b = !0, m && (m.textContent = "Failed to encode file(s) to base64.", m.style.display = "block");
+              continue;
+            }
+          continue;
+        }
+        const C = (h.el.value ?? "").toString().trim(), l = h.el.parentElement, y = l == null ? void 0 : l.querySelector(".foisit-form-error");
+        if (h.required && (C == null || C === "")) {
+          b = !0, h.el.classList.add("foisit-error-border"), y && (y.textContent = "This field is required", y.style.display = "block");
+          continue;
+        }
+        if (C !== "")
+          if (h.type === "number") {
+            const x = Number(C);
+            Number.isNaN(x) || (p[h.name] = x);
+          } else
+            p[h.name] = C;
+      }
+      if (b) {
+        s.classList.add("foisit-shake"), setTimeout(() => s.classList.remove("foisit-shake"), 400);
+        return;
+      }
+      f.disabled = !0, f.style.opacity = "0.6", n.forEach((h) => {
+        h.el.disabled = !0;
+      }), i(p);
+    }, this.messagesContainer.appendChild(s), this.scrollToBottom();
   }
-  /**
-   * Show loading indicator
-   */
   showLoading() {
-    if (!this.chatContainer || document.getElementById("foisit-loading-bubble")) return;
-    const e = document.createElement("div");
-    e.id = "foisit-loading-bubble", e.className = "foisit-bubble system loading", e.innerHTML = "<span>.</span><span>.</span><span>.</span>", this.chatContainer.appendChild(e), this.scrollToBottom();
+    if (this.messagesContainer && !this.loadingEl) {
+      this.loadingEl = document.createElement("div"), this.loadingEl.className = "foisit-loading-dots foisit-bubble system";
+      for (let t = 0; t < 3; t++) {
+        const e = document.createElement("div");
+        e.className = "foisit-dot", e.style.animation = `foisitPulse 1.4s infinite ease-in-out ${t * 0.2}s`, this.loadingEl.appendChild(e);
+      }
+      this.messagesContainer.appendChild(this.loadingEl), this.scrollToBottom();
+    }
   }
-  /**
-   * Hide loading indicator
-   */
   hideLoading() {
-    const e = document.getElementById("foisit-loading-bubble");
-    e && e.remove();
+    var t;
+    (t = this.loadingEl) == null || t.remove(), this.loadingEl = null;
   }
   scrollToBottom() {
-    this.chatContainer && (this.chatContainer.scrollTop = this.chatContainer.scrollHeight);
+    this.messagesContainer && (this.messagesContainer.scrollTop = this.messagesContainer.scrollHeight);
   }
-  injectStyles() {
-    if (document.getElementById(l.STYLES_ID)) return;
-    const e = document.createElement("style");
-    e.id = l.STYLES_ID, e.innerHTML = `
-      #${l.OVERLAY_ID} {
-        position: fixed;
-        top: 24px;
-        right: 24px;
-        width: 320px;
-        z-index: 99999;
-        display: none;
-        flex-direction: column;
-        opacity: 0;
-        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
-        transform: translateY(-10px);
+  destroy() {
+    var t;
+    (t = this.container) == null || t.remove(), this.container = null, this.chatWindow = null, this.messagesContainer = null, this.input = null, this.isOpen = !1;
+  }
+  readFileAsDataURL(t) {
+    return new Promise((e, i) => {
+      const s = new FileReader();
+      s.onerror = () => i(new Error("Failed to read file")), s.onload = () => e(String(s.result)), s.readAsDataURL(t);
+    });
+  }
+  getImageDimensions(t) {
+    return new Promise((e) => {
+      try {
+        const i = URL.createObjectURL(t), s = new Image();
+        s.onload = () => {
+          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 });
+        }, s.src = i;
+      } catch {
+        e({ width: 0, height: 0 });
       }
+    });
+  }
+  getMediaDuration(t) {
+    return new Promise((e) => {
+      try {
+        const i = URL.createObjectURL(t), s = t.type.startsWith("audio") ? document.createElement("audio") : document.createElement("video");
+        let n = !1;
+        const a = setTimeout(() => {
+          n || (n = !0, URL.revokeObjectURL(i), e(0));
+        }, 5e3);
+        s.preload = "metadata", s.onloadedmetadata = () => {
+          if (n) return;
+          n = !0, clearTimeout(a);
+          const c = s.duration || 0;
+          URL.revokeObjectURL(i), e(c);
+        }, s.onerror = () => {
+          n || (n = !0, clearTimeout(a), URL.revokeObjectURL(i), e(0));
+        }, s.src = i;
+      } catch {
+        e(0);
+      }
+    });
+  }
+  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);
+
+        /* Bubbles */
+        --foisit-bubble-user-bg: rgba(0, 0, 0, 0.04);
+        --foisit-bubble-user-text: #333;
+
+        --foisit-bubble-sys-bg: rgba(255, 255, 255, 0.45);
+        --foisit-bubble-sys-text: #333;
 
-      #${l.OVERLAY_ID}.visible {
-        opacity: 1;
-        transform: translateY(0);
+        /* Form Colors */
+        --foisit-req-star: #ef4444; /* Red asterisk */
+        --foisit-error-text: #dc2626;
+        --foisit-error-border: #fca5a5;
       }
 
-      .foisit-content {
-        width: 100%;
-        padding: 0;
-        border-radius: 16px;
-        overflow: hidden;
-        /* Stronger Frosted Look (User Provided) */
-        background: linear-gradient(
-          135deg,
-          rgba(255, 255, 255, 0.25),
-          rgba(255, 255, 255, 0.05)
-        );
-        backdrop-filter: blur(20px);
-        -webkit-backdrop-filter: blur(20px);
-        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
-        border: 1px solid rgba(255, 255, 255, 0.4);
-        display: flex;
-        flex-direction: column;
+      @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;
+
+          /* 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;
+        }
       }
 
-      #${l.INPUT_ID} {
-        width: 100%;
-        background: transparent;
-        border: none;
-        font-size: 16px;
-        color: #333;
-        padding: 18px 20px 12px 20px;
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-        outline: none;
-        text-align: left;
-        resize: none;
-        min-height: 48px;
-        max-height: 200px;
-        overflow-y: auto;
+      @keyframes foisitPulse {
+        0%, 100% { transform: scale(0.8); opacity: 0.5; }
+        50% { transform: scale(1.2); opacity: 1; }
       }
 
-      #${l.INPUT_ID}::placeholder {
-        color: rgba(60, 60, 67, 0.7);
-        font-weight: 500;
+      @keyframes foisitShake {
+        0%, 100% { transform: translateX(0); }
+        25% { transform: translateX(-4px); }
+        75% { transform: translateX(4px); }
       }
-      
-      @media (prefers-color-scheme: dark) {
-        .foisit-content {
-           background: linear-gradient(
-              135deg,
-              rgba(40, 40, 40, 0.65),
-              rgba(40, 40, 40, 0.25)
-           );
-           border: 1px solid rgba(255, 255, 255, 0.1);
-        }
-        #${l.INPUT_ID} {
-          color: white;
-        }
-        #${l.INPUT_ID}::placeholder {
-          color: rgba(235, 235, 245, 0.6);
-        }
-        .foisit-watermark {
-          color: rgba(255, 255, 255, 0.5);
-        }
+      .foisit-shake { animation: foisitShake 0.4s ease-in-out; }
+
+      /* Container */
+      .foisit-overlay-container {
+        position: fixed;
+        inset: 0;
+        z-index: 2147483647;
+        pointer-events: none;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-end;
+        align-items: flex-end;
+        padding: 20px;
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
       }
 
-.foisit-watermark {
-  align-self: flex-end;
-  margin: 0 12px 10px auto;
-  padding: 4px 8px;
-  border-radius: 8px;
+      .foisit-overlay-container * {
+        box-sizing: border-box;
+      }
 
-  font-size: 9px;
-  font-weight: 600;
-  letter-spacing: 0.8px;
-  text-transform: capitalize;
+      /* Chat Window - Dynamic Height */
+      .foisit-chat {
+        position: absolute;
+        top: 20px;
+        right: 20px;
+        width: min(420px, 92vw);
 
-  background: rgba(0, 0, 0, 0.35);
-  backdrop-filter: blur(6px);
-  -webkit-backdrop-filter: blur(6px);
+        /* FIX: Auto height to prevent empty space */
+        height: auto;
+        min-height: 120px;
+        max-height: 80vh;
 
-  color: rgba(255, 255, 255, 0.85);
-  pointer-events: none;
-}
+        background: var(--foisit-bg);
+        border: var(--foisit-border);
+        box-shadow: var(--foisit-shadow);
 
+        backdrop-filter: blur(20px);
+        -webkit-backdrop-filter: blur(20px);
 
-      /* Chat UI Styles */
-      #foisit-chat-history {
+        border-radius: 18px;
+        display: none;
+        flex-direction: column;
+        overflow: hidden;
+        pointer-events: auto;
+        transform-origin: top right;
+        transition: opacity 0.2s, transform 0.2s cubic-bezier(0.2, 0.9, 0.2, 1);
+      }
+
+      .foisit-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 12px 16px;
+        font-weight: 600;
+        font-size: 14px;
+        color: var(--foisit-text);
+        border-bottom: 1px solid rgba(127,127,127,0.08); /* Subtle separator */
+      }
+
+      .foisit-close {
+        background: transparent;
+        border: none;
+        color: var(--foisit-text);
+        opacity: 0.5;
+        font-size: 24px;
+        line-height: 1;
+        cursor: pointer;
+        padding: 0;
+        width: 28px;
+        height: 28px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: opacity 0.2s;
+      }
+      .foisit-close:hover { opacity: 1; }
+
+      /* Message Area */
+      .foisit-messages {
         flex: 1;
         overflow-y: auto;
         padding: 16px;
         display: flex;
         flex-direction: column;
-        gap: 12px;
-        max-height: 400px;
+        gap: 10px;
+        /* Ensure it doesn't get too tall initially */
+        min-height: 60px;
       }
 
+      /* Make sure empty state isn't huge */
+      .foisit-messages:empty {
+        display: none;
+      }
+
+      /* Only show messages container if it has children */
+      .foisit-messages:not(:empty) {
+        display: flex;
+      }
+
+      /* Bubbles */
       .foisit-bubble {
-        max-width: 85%;
-        padding: 8px 12px;
-        border-radius: 12px;
-        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        max-width: 90%;
+        padding: 8px 14px;
+        border-radius: 14px;
         font-size: 14px;
         line-height: 1.4;
+        word-wrap: break-word;
       }
 
       .foisit-bubble.user {
         align-self: flex-end;
-        background: rgba(0, 0, 0, 0.05); /* Subtle dark for user */
-        color: #333;
+        background: var(--foisit-bubble-user-bg);
+        color: var(--foisit-bubble-user-text);
         border-bottom-right-radius: 4px;
       }
 
       .foisit-bubble.system {
         align-self: flex-start;
-        background: rgba(255, 255, 255, 0.4); /* Glassy white */
-        color: #333;
+        background: var(--foisit-bubble-sys-bg);
+        color: var(--foisit-bubble-sys-text);
         border-bottom-left-radius: 4px;
+        border: 1px solid rgba(255,255,255,0.1);
       }
 
+      /* Input Area */
+      .foisit-input-area {
+        padding: 0;
+        width: 100%;
+        border-top: 1px solid rgba(127,127,127,0.08);
+      }
+
+      .foisit-input {
+        width: 100%;
+        background: transparent;
+        border: none;
+        font-size: 16px;
+        color: var(--foisit-input-color);
+        padding: 16px 20px;
+        outline: none;
+        text-align: left;
+      }
+
+      .foisit-input::placeholder {
+        color: var(--foisit-input-placeholder);
+        font-weight: 400;
+      }
+
+      /* Options & Buttons */
       .foisit-options-container {
         display: flex;
         flex-wrap: wrap;
         gap: 8px;
-        margin-left: 4px;
+        margin-left: 2px;
+        margin-top: 4px;
       }
 
       .foisit-option-chip {
-        padding: 6px 12px;
-        background: rgba(255, 255, 255, 0.5);
-        border: 1px solid rgba(0, 0, 0, 0.1);
+        padding: 6px 14px;
+        background: var(--foisit-bubble-sys-bg);
+        border: 1px solid rgba(127,127,127,0.1);
         border-radius: 20px;
         font-size: 13px;
-        color: #333;
+        color: var(--foisit-text);
         cursor: pointer;
         transition: all 0.2s;
+        font-weight: 500;
       }
-
       .foisit-option-chip:hover {
-        background: rgba(255, 255, 255, 0.8);
-        transform: translateY(-1px);
-        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
-      }
-
-      @media (prefers-color-scheme: dark) {
-        .foisit-bubble.user {
-          background: rgba(255, 255, 255, 0.1);
-          color: white;
-        }
-        .foisit-bubble.system {
-          background: rgba(255, 255, 255, 0.05);
-          color: rgba(255, 255, 255, 0.9);
-        }
-        .foisit-option-chip {
-          background: rgba(255, 255, 255, 0.1);
-          border-color: rgba(255, 255, 255, 0.2);
-          color: white;
-        }
-        .foisit-option-chip:hover {
-          background: rgba(255, 255, 255, 0.2);
-        }
-       /* Loading State */
-      .foisit-loading-dots {
-        display: inline-flex;
-        gap: 4px;
-        align-items: center;
-        padding: 4px 8px;
-        background: rgba(255, 255, 255, 0.4);
-        border-radius: 12px;
-        margin-left: 12px;
-        align-self: flex-start;
-      }
-      .foisit-dot {
-        width: 6px;
-        height: 6px;
-        background: #666;
-        border-radius: 50%;
-        animation: foisit-bounce 1.4s infinite ease-in-out both;
-      }
-      .foisit-dot:nth-child(1) { animation-delay: -0.32s; }
-      .foisit-dot:nth-child(2) { animation-delay: -0.16s; }
-      
-      @keyframes foisit-bounce {
-        0%, 80%, 100% { transform: scale(0); }
-        40% { transform: scale(1); }
-      }
-
-      /* Floating Trigger Button - Glassmorphism Style */
-      .foisit-floating-btn {
-        position: fixed;
-        bottom: 20px;
-        right: 20px;
-        width: 52px;
-        height: 52px;
-        /* Frosted Glass Effect */
-        background: linear-gradient(
-          135deg,
-          rgba(255, 255, 255, 0.25),
-          rgba(255, 255, 255, 0.08)
-        );
-        backdrop-filter: blur(16px);
-        -webkit-backdrop-filter: blur(16px);
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
-        border: 1px solid rgba(255, 255, 255, 0.35);
-        z-index: 9998;
-        transition: transform 0.2s ease, box-shadow 0.2s ease;
+        background: rgba(127,127,127,0.15);
       }
 
-      .foisit-floating-btn:hover {
-        transform: scale(1.08);
-        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
-      }
-
-      /* Dark mode for floating button */
-      @media (prefers-color-scheme: dark) {
-        .foisit-floating-btn {
-          background: linear-gradient(
-            135deg,
-            rgba(60, 60, 60, 0.6),
-            rgba(40, 40, 40, 0.35)
-          );
-          border-color: rgba(255, 255, 255, 0.15);
-        }
-      }
-      
-      .foisit-floating-btn img {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-        border-radius: 50%;
-      }
-      
-      /* Dark mode support for inputs */
-      @media (prefers-color-scheme: dark) {
-        .foisit-field-input {
-           background: rgba(40, 40, 40, 0.6);
-           color: white;
-           border-color: rgba(255, 255, 255, 0.1);
-        }
-      }
-        .foisit-watermark {
-           color: rgba(255, 255, 255, 0.3);
-        }
-      }
-
-      /* Loading Animation */
-      .foisit-bubble.loading span {
-        animation: foisit-dots 1.4s infinite ease-in-out both;
-        font-size: 20px;
-        line-height: 10px;
-        margin: 0 1px;
-      }
-      
-      .foisit-bubble.loading span:nth-child(1) { animation-delay: -0.32s; }
-      .foisit-bubble.loading span:nth-child(2) { animation-delay: -0.16s; }
-      
-      @keyframes foisit-dots {
-        0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
-        40% { transform: scale(1); opacity: 1; }
-      }
-
-      /* Form Styles */
-      .foisit-form-card {
-        align-self: flex-start;
-        background: rgba(255, 255, 255, 0.4);
+      /* Form Styling */
+      .foisit-form {
+        background: var(--foisit-bubble-sys-bg);
         padding: 16px;
-        border-radius: 12px;
-        width: 100%;
-        box-sizing: border-box;
-        border: 1px solid rgba(255, 255, 255, 0.2);
+        border-radius: 14px;
         display: flex;
         flex-direction: column;
         gap: 12px;
+        width: 100%;
+        border: 1px solid rgba(127,127,127,0.1);
       }
 
-      .foisit-form-message {
-        font-family: -apple-system, sans-serif;
-        font-size: 14px;
-        color: #333;
-        margin-bottom: 4px;
-        font-weight: 500;
-      }
-
-      .foisit-field-group {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
+      .foisit-form-label {
+        font-size: 12px;
+        font-weight: 600;
+        color: var(--foisit-text);
+        opacity: 0.9;
+        margin-bottom: 2px;
       }
 
-      .foisit-field-group label {
-        font-size: 11px;
-        font-weight: 600;
-        text-transform: uppercase;
-        color: rgba(0, 0, 0, 0.5);
+      .foisit-req-star {
+        color: var(--foisit-req-star);
+        font-weight: bold;
       }
 
-      .foisit-field-input {
-        background: rgba(255, 255, 255, 0.6);
-        border: 1px solid rgba(0, 0, 0, 0.1);
+      .foisit-form-input {
+        width: 100%;
+        padding: 10px;
         border-radius: 8px;
-        padding: 8px 12px;
+        border: 1px solid rgba(127,127,127,0.2);
+        background: rgba(255,255,255,0.05); /* Very subtle fill */
+        color: var(--foisit-text);
         font-size: 14px;
-        color: #333;
         outline: none;
+        transition: border 0.2s;
+      }
+      .foisit-form-input:focus {
+        border-color: var(--foisit-text);
+        background: rgba(255,255,255,0.1);
       }
 
-      .foisit-field-input:focus {
-        border-color: rgba(0, 0, 0, 0.3);
+      .foisit-error-border {
+        border-color: var(--foisit-error-border) !important;
       }
 
-      .foisit-form-submit {
-        background: #000;
-        color: #fff;
-        border: none;
-        border-radius: 8px;
-        padding: 10px;
-        font-size: 14px;
-        font-weight: 500;
-        cursor: pointer;
-        transition: opacity 0.2s;
+      .foisit-form-error {
+        font-size: 11px;
+        color: var(--foisit-error-text);
         margin-top: 4px;
       }
 
-      .foisit-form-submit:hover {
-        opacity: 0.8;
+      /* Loading */
+      .foisit-loading-dots {
+        display: inline-flex;
+        gap: 4px;
+        padding: 10px 14px;
+        align-self: flex-start;
       }
-
-      @media (prefers-color-scheme: dark) {
-        .foisit-form-card {
-          background: rgba(255, 255, 255, 0.05);
-          color: white;
-        }
-        .foisit-form-message {
-          color: white;
-        }
-        .foisit-field-group label {
-          color: rgba(255, 255, 255, 0.5);
-        }
-        .foisit-field-input {
-          background: rgba(0, 0, 0, 0.2);
-          border-color: rgba(255, 255, 255, 0.1);
-          color: white;
-        }
-        .foisit-form-submit {
-          background: #fff;
-          color: #000;
-        }
+      .foisit-dot {
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        background: var(--foisit-text);
+        opacity: 0.4;
       }
 
-    `, document.head.appendChild(e);
-  }
-  injectOverlay() {
-    if (document.getElementById(l.OVERLAY_ID)) return;
-    const e = this.config.inputPlaceholder || "How can I help you?", t = document.createElement("div");
-    t.id = l.OVERLAY_ID, t.innerHTML = `
-      <div class="foisit-content">
-        <div id="foisit-chat-history"></div>
-        <textarea id="${l.INPUT_ID}" placeholder="${e}" autocomplete="off" rows="1"></textarea>
-        <div class="foisit-watermark">Foisit</div>
-      </div>
-    `, document.body.appendChild(t);
-  }
-  setupEventListeners() {
-    const e = document.getElementById(l.OVERLAY_ID), t = document.getElementById(
-      l.INPUT_ID
-    );
-    !e || !t || (t.addEventListener("input", () => {
-      t.style.height = "auto", t.style.height = Math.min(t.scrollHeight, 200) + "px";
-    }), e.addEventListener("click", (i) => {
-      i.target === e && this.hide();
-    }), t.addEventListener("keydown", (i) => {
-      if (i.key === "Enter" && !i.shiftKey) {
-        i.preventDefault();
-        const s = t.value.trim();
-        s && this.submitCallback && (this.submitCallback(s), t.value = "", t.style.height = "auto");
+      /* Floating Button */
+      .foisit-floating-btn {
+        position: absolute;
+        width: 56px;
+        height: 56px;
+        border-radius: 50%;
+        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);
+        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+        cursor: pointer;
+        pointer-events: auto;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 24px;
+        z-index: 100000;
+        transition: transform 0.2s;
       }
-      i.key === "Escape" && this.hide();
-    }));
+      .foisit-floating-btn:hover { transform: scale(1.05); }
+    `, document.head.appendChild(t);
   }
-};
-l.OVERLAY_ID = "foisit-assistant-overlay", l.INPUT_ID = "foisit-assistant-input", l.STYLES_ID = "foisit-assistant-styles";
-let v = l;
-class $ {
-  constructor(e) {
-    this.config = e, this.isActivated = !1, this.lastProcessedInput = "", this.processingLock = !1, this.defaultIntroMessage = "How can I help you?", this.commandHandler = new M(
-      this.config.enableSmartIntent !== !1
-    ), this.fallbackHandler = new P(), this.voiceProcessor = new T(), this.textToSpeech = new k(), this.stateManager = new N(), this.gestureHandler = new B(), this.overlayManager = new v({
+}
+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({
+      enableSmartIntent: this.config.enableSmartIntent !== !1,
+      intentEndpoint: this.config.intentEndpoint
+    }), this.fallbackHandler = new O(), this.voiceProcessor = new z(), this.textToSpeech = new H(), this.stateManager = new V(), this.gestureHandler = new $(), this.overlayManager = new G({
       floatingButton: this.config.floatingButton,
       inputPlaceholder: this.config.inputPlaceholder
-    }), this.config.commands.forEach((t) => this.commandHandler.addCommand(t)), this.config.fallbackResponse && this.fallbackHandler.setFallbackMessage(this.config.fallbackResponse), this.gestureHandler.setupDoubleTapListener(() => this.toggle()), this.overlayManager.registerCallbacks(
-      async (t) => {
-        this.overlayManager.addMessage(t, "user"), await this.handleCommand(t);
+    }), 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(
+      async (e) => {
+        if (typeof e == "string") {
+          this.overlayManager.addMessage(e, "user"), await this.handleCommand(e);
+          return;
+        }
+        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);
+          this.overlayManager.hideLoading(), this.processResponse(n);
+        }
       },
       () => console.log("AssistantService: Overlay closed.")
     );
   }
   /** Start listening for activation and commands */
   startListening() {
-    console.log("AssistantService: Starting listening..."), this.voiceProcessor.startListening(async (e) => {
-      var s, c;
-      if (this.processingLock) return;
-      const t = e.toLowerCase().trim();
-      if (!t || t.length < 3 || t === this.lastProcessedInput) {
-        console.log("AssistantService: Ignoring irrelevant input.");
-        return;
-      }
-      if (this.lastProcessedInput = t, !this.isActivated) {
-        await this.processActivation(t);
-        return;
-      }
-      t === ((s = this.config.fallbackResponse) == null ? void 0 : s.toLowerCase()) || t === ((c = this.config.introMessage) == null ? void 0 : c.toLowerCase()) || t === this.defaultIntroMessage.toLowerCase() ? console.log("AssistantService: Ignoring fallback or intro message.") : await this.handleCommand(t), this.processingLock = !0, setTimeout(() => this.processingLock = !1, 1e3);
-    });
+    console.log("AssistantService: Voice is disabled; startListening() is a no-op.");
   }
   /** Stop listening */
   stopListening() {
-    console.log("AssistantService: Stopping listening..."), this.voiceProcessor.stopListening(), this.isActivated = !1;
+    console.log("AssistantService: Voice is disabled; stopListening() is a no-op."), this.isActivated = !1;
+  }
+  /**
+   * Reset activation state so the next activation flow can occur.
+   * This is mainly used by the wrapper UI (e.g. AssistantActivator).
+   */
+  reactivate() {
+    console.log("AssistantService: Reactivating assistant..."), this.isActivated = !1;
+    try {
+      this.startListening();
+    } catch {
+    }
   }
   /** Process activation command */
-  async processActivation(e) {
+  async processActivation(t) {
     var i;
-    const t = (i = this.config.activationCommand) == null ? void 0 : i.toLowerCase();
-    t && (e === t ? (console.log("AssistantService: Activation matched."), this.isActivated = !0, this.textToSpeech.speak(
+    const e = (i = this.config.activationCommand) == null ? void 0 : i.toLowerCase();
+    e && (t === e ? (console.log("AssistantService: Activation matched."), this.isActivated = !0, this.textToSpeech.speak(
       this.config.introMessage || this.defaultIntroMessage
     )) : console.log("AssistantService: Activation command not recognized."));
   }
   /** Handle recognized commands */
-  async handleCommand(e) {
+  async handleCommand(t) {
     this.overlayManager.showLoading();
-    const t = await this.commandHandler.executeCommand(e);
-    this.overlayManager.hideLoading(), t.message && this.overlayManager.addMessage(t.message, "system"), t.type === "form" && t.fields ? this.overlayManager.addForm(
-      t.message,
-      t.fields,
-      async (i) => {
-        this.overlayManager.showLoading();
-        const s = await this.commandHandler.executeCommand(i);
-        this.overlayManager.hideLoading(), this.processResponse(s);
-      }
-    ) : t.type === "ambiguous" && t.options ? this.overlayManager.addOptions(t.options) : t.type === "error" && this.fallbackHandler.handleFallback(e);
+    let e;
+    try {
+      e = await this.commandHandler.executeCommand(t);
+    } finally {
+      this.overlayManager.hideLoading();
+    }
+    if (e.type === "form" && e.fields) {
+      this.overlayManager.addForm(
+        e.message,
+        e.fields,
+        async (i) => {
+          this.overlayManager.showLoading();
+          let s;
+          try {
+            s = await this.commandHandler.executeCommand(i);
+          } finally {
+            this.overlayManager.hideLoading();
+          }
+          this.processResponse(s);
+        }
+      );
+      return;
+    }
+    if (e.type === "error") {
+      this.fallbackHandler.handleFallback(t), this.overlayManager.addMessage(this.fallbackHandler.getFallbackMessage(), "system");
+      return;
+    }
+    e.message ? this.overlayManager.addMessage(e.message, "system") : (e.type === "ambiguous" || e.type === "confirm") && e.options && this.overlayManager.addOptions(e.options);
   }
   /**
    * Cleanup resources
    */
   destroy() {
-    this.voiceProcessor.stopListening(), this.overlayManager.destroy();
+    this.voiceProcessor.stopListening(), this.gestureHandler.destroy(), this.overlayManager.destroy();
   }
   /** Unified response processing */
-  processResponse(e) {
-    e.message && this.overlayManager.addMessage(e.message, "system"), e.type === "form" && e.fields ? this.overlayManager.addForm(
-      e.message,
-      e.fields,
-      async (t) => {
-        this.overlayManager.showLoading();
-        const i = await this.commandHandler.executeCommand(t);
-        this.overlayManager.hideLoading(), this.processResponse(i);
+  processResponse(t) {
+    if (t) {
+      if (t.type === "form" && t.fields) {
+        this.overlayManager.addForm(
+          t.message,
+          t.fields,
+          async (e) => {
+            this.overlayManager.showLoading();
+            let i;
+            try {
+              i = await this.commandHandler.executeCommand(e);
+            } finally {
+              this.overlayManager.hideLoading();
+            }
+            this.processResponse(i);
+          }
+        );
+        return;
       }
-    ) : e.type === "ambiguous" && e.options && this.overlayManager.addOptions(e.options);
+      if ((t.type === "ambiguous" || t.type === "confirm") && t.options) {
+        t.message && this.overlayManager.addMessage(t.message, "system"), this.overlayManager.addOptions(t.options);
+        return;
+      }
+      t.message && this.overlayManager.addMessage(t.message, "system");
+    }
   }
   /** Add a command dynamically (supports string or rich object) */
-  addCommand(e, t) {
-    console.log(typeof e == "string" ? `AssistantService: Adding command "${e}".` : `AssistantService: Adding rich command "${e.command}".`), this.commandHandler.addCommand(e, t);
+  addCommand(t, e) {
+    console.log(typeof t == "string" ? `AssistantService: Adding command "${t}".` : `AssistantService: Adding rich command "${t.command}".`), this.commandHandler.addCommand(t, e);
   }
   /** Remove a command dynamically */
-  removeCommand(e) {
-    console.log(`AssistantService: Removing command "${e}".`), this.commandHandler.removeCommand(e);
+  removeCommand(t) {
+    console.log(`AssistantService: Removing command "${t}".`), this.commandHandler.removeCommand(t);
   }
   /** Get all registered commands */
   getCommands() {
     return this.commandHandler.getCommands();
   }
   /** Toggle the assistant overlay */
-  toggle(e, t) {
+  toggle(t, e) {
     console.log("AssistantService: Toggling overlay..."), this.overlayManager.toggle(
       async (i) => {
-        this.overlayManager.addMessage(i, "user"), e && e(i), await this.handleCommand(i);
+        if (typeof i == "string") {
+          this.overlayManager.addMessage(i, "user"), t && t(i), await this.handleCommand(i);
+          return;
+        }
+        if (i && typeof i == "object") {
+          const s = i, n = s.label ?? s.commandId ?? "Selection";
+          this.overlayManager.addMessage(String(n), "user"), this.overlayManager.showLoading();
+          let a;
+          try {
+            a = await this.commandHandler.executeCommand(s);
+          } finally {
+            this.overlayManager.hideLoading();
+          }
+          this.processResponse(a);
+        }
       },
       () => {
-        console.log("AssistantService: Overlay closed."), t && t();
+        console.log("AssistantService: Overlay closed."), e && e();
       }
     );
   }
 }
-const S = A(null);
-let b = null;
-const z = ({ config: r, children: e }) => {
-  const [t, i] = x(null), [s, c] = x(!1);
-  return w(() => {
-    b ? console.warn("Multiple AssistantProvider instances detected. Reusing global AssistantService.") : (console.log("Initializing global AssistantService..."), b = new $(r));
-    const o = b;
-    return i(o), o.startListening(), c(!0), () => {
-      var a;
-      console.log("Cleaning up AssistantService..."), (a = o.destroy) == null || a.call(o), b = null;
+const q = F(null);
+let I = null;
+const Z = ({ config: d, children: t }) => {
+  const [e, i] = R(null), [s, n] = R(!1);
+  return P(() => {
+    I ? console.warn(
+      "Multiple AssistantProvider instances detected. Reusing global AssistantService."
+    ) : (console.log("Initializing global AssistantService..."), I = new Y(d));
+    const a = I;
+    return i(a), n(!0), () => {
+      var r;
+      console.log("Cleaning up AssistantService..."), (r = a.destroy) == null || r.call(a), I = null;
     };
-  }, [r]), !s || !t ? /* @__PURE__ */ u("div", { children: "Loading Assistant..." }) : /* @__PURE__ */ u(S.Provider, { value: t, children: e });
-}, F = () => {
-  const r = I(S);
-  if (console.log("assistant", r), !r)
+  }, [d]), !s || !e ? /* @__PURE__ */ k("div", { children: "Loading Assistant..." }) : /* @__PURE__ */ k(q.Provider, { value: e, children: t });
+}, K = () => {
+  const d = N(q);
+  if (console.log("assistant", d), !d)
     throw new Error("useAssistant must be used within an AssistantProvider");
-  return r;
-}, U = ({
-  label: r = "Activate Assistant",
-  onActivate: e
+  return d;
+}, Q = ({
+  label: d = "Activate Assistant",
+  onActivate: t
 }) => {
-  const t = F();
-  return /* @__PURE__ */ u("button", { onClick: () => {
-    e && e(), t.reactivate();
-  }, className: "assistant-activator", children: r });
-}, j = (r) => {
-  const [e, t] = x(r.getState());
-  return w(() => {
+  const e = K();
+  return /* @__PURE__ */ k("button", { onClick: () => {
+    t && t(), e.reactivate();
+  }, className: "assistant-activator", children: d });
+}, tt = (d) => {
+  const [t, e] = R(d.getState());
+  return P(() => {
     const i = (s) => {
-      t(s);
+      e(s);
     };
-    return r.subscribe(i), () => {
-      r.subscribe(() => {
+    return d.subscribe(i), () => {
+      d.subscribe(() => {
       });
     };
-  }, [r]), e;
+  }, [d]), t;
 };
 export {
-  U as AssistantActivator,
-  S as AssistantContext,
-  z as AssistantProvider,
-  $ as AssistantService,
-  Y as ReactWrapper,
-  F as useAssistant,
-  j as useAssistantState
+  Q as AssistantActivator,
+  q as AssistantContext,
+  Z as AssistantProvider,
+  Y as AssistantService,
+  J as ReactWrapper,
+  K as useAssistant,
+  tt as useAssistantState
 };