@useago/sdk 0.3.2 → 0.3.4

package/dist/vue.js

@@ -1,325 +1,183 @@
-import { t as AgoClient } from "./AgoClient-DPZdN5n2.js";
-import { computed, inject, onMounted, onScopeDispose, onUnmounted, ref, shallowRef } from "vue";
-//#region src/vue/symbols.ts
-var AGO_CLIENT_KEY = Symbol("ago-client");
-//#endregion
-//#region src/vue/plugin.ts
-/**
-* Vue plugin that provides an AgoClient to the entire app via inject/provide.
-*
-* ```ts
-* import { AgoPlugin } from "@useago/sdk/vue";
-*
-* app.use(AgoPlugin, { baseUrl: "https://YOUR-DOMAIN.useago.com" });
-* ```
-*/
-var AgoPlugin = { install(app, options) {
-	const client = new AgoClient(options);
-	app.provide(AGO_CLIENT_KEY, client);
+import { t as A } from "./AgoClient-DF7M2WAz.js";
+import { computed as y, inject as F, onMounted as g, onScopeDispose as N, onUnmounted as I, ref as c, shallowRef as D } from "vue";
+var L = /* @__PURE__ */ Symbol("ago-client"), b = { install(t, n) {
+  const e = new A(n);
+  t.provide(L, e);
 } };
-//#endregion
-//#region src/vue/composables/useAgo.ts
-/**
-* Get or create an AgoClient.
-*
-* - Without args: returns the client from `AgoPlugin` (throws if none).
-* - With config: creates a new client instance.
-*
-* ```ts
-* // From plugin
-* const client = useAgo();
-*
-* // Standalone
-* const client = useAgo({ baseUrl: "https://YOUR-DOMAIN.useago.com" });
-* ```
-*/
-function useAgo(config) {
-	if (config) return new AgoClient(config);
-	const client = inject(AGO_CLIENT_KEY);
-	if (!client) throw new Error("useAgo(): no AgoClient found. Either pass config or install AgoPlugin.");
-	return client;
+function m(t) {
+  if (t) return new A(t);
+  const n = F(L);
+  if (!n) throw new Error("useAgo(): no AgoClient found. Either pass config or install AgoPlugin.");
+  return n;
 }
-//#endregion
-//#region src/vue/composables/useMessages.ts
-/**
-* Composable to manage messages in a conversation.
-*
-* ```ts
-* const { messages, sendMessage, isLoading } = useMessages();
-* ```
-*/
-function useMessages(options = {}) {
-	const client = options.client ?? useAgo();
-	const messages = ref([]);
-	const conversationId = ref(options.conversationId);
-	const isLoading = ref(false);
-	const error = ref(null);
-	const handleStart = (data) => {
-		if (!conversationId.value) conversationId.value = data.conversationId;
-	};
-	const handleChunk = (data) => {
-		const idx = messages.value.findIndex((m) => m.id === data.messageId);
-		if (idx >= 0) messages.value[idx] = {
-			...messages.value[idx],
-			content: messages.value[idx].content + data.content
-		};
-	};
-	const handleComplete = (message) => {
-		const idx = messages.value.findIndex((m) => m.id === message.id);
-		if (idx >= 0) messages.value[idx] = message;
-		else messages.value.push(message);
-		isLoading.value = false;
-	};
-	const handleError = (data) => {
-		error.value = new Error(data.error);
-		isLoading.value = false;
-	};
-	onMounted(() => {
-		client.on("message:start", handleStart);
-		client.on("message:chunk", handleChunk);
-		client.on("message:complete", handleComplete);
-		client.on("message:error", handleError);
-	});
-	onUnmounted(() => {
-		client.off("message:start", handleStart);
-		client.off("message:chunk", handleChunk);
-		client.off("message:complete", handleComplete);
-		client.off("message:error", handleError);
-	});
-	async function sendMessage(content, files) {
-		isLoading.value = true;
-		error.value = null;
-		const userMsg = {
-			id: `temp-${Date.now()}`,
-			conversationId: conversationId.value || "",
-			content,
-			role: "user",
-			status: "DONE",
-			createdAt: /* @__PURE__ */ new Date()
-		};
-		const assistantMsg = {
-			id: `temp-assistant-${Date.now()}`,
-			conversationId: conversationId.value || "",
-			content: "",
-			role: "assistant",
-			status: "IN_PROGRESS",
-			createdAt: /* @__PURE__ */ new Date()
-		};
-		messages.value.push(userMsg, assistantMsg);
-		try {
-			const response = await client.sendMessage(content, {
-				conversationId: conversationId.value,
-				files
-			});
-			if (response.conversationId && !conversationId.value) conversationId.value = response.conversationId;
-			messages.value = messages.value.filter((m) => !m.id.startsWith("temp-"));
-			const updatedUser = {
-				...userMsg,
-				id: userMsg.id.replace("temp-", "user-"),
-				conversationId: response.conversationId
-			};
-			if (!messages.value.some((m) => m.id === response.id)) messages.value.push(updatedUser, response);
-			else messages.value.push(updatedUser);
-			return response;
-		} catch (err) {
-			error.value = err instanceof Error ? err : /* @__PURE__ */ new Error("Failed to send");
-			isLoading.value = false;
-			messages.value = messages.value.filter((m) => !m.id.startsWith("temp-"));
-			return null;
-		}
-	}
-	function clearMessages() {
-		messages.value = [];
-		conversationId.value = void 0;
-		error.value = null;
-	}
-	return {
-		messages,
-		isLoading,
-		error,
-		conversationId,
-		sendMessage,
-		clearMessages
-	};
+function S(t = {}) {
+  const n = t.client ?? m(), e = c([]), s = c(t.conversationId), r = c(!1), a = c(null), u = (o) => {
+    s.value || (s.value = o.conversationId);
+  }, f = (o) => {
+    const i = e.value.findIndex((v) => v.id === o.messageId);
+    i >= 0 && (e.value[i] = {
+      ...e.value[i],
+      content: e.value[i].content + o.content
+    });
+  }, h = (o) => {
+    const i = e.value.findIndex((v) => v.id === o.id);
+    i >= 0 ? e.value[i] = o : e.value.push(o), r.value = !1;
+  }, C = (o) => {
+    a.value = new Error(o.error), r.value = !1;
+  };
+  g(() => {
+    n.on("message:start", u), n.on("message:chunk", f), n.on("message:complete", h), n.on("message:error", C);
+  }), I(() => {
+    n.off("message:start", u), n.off("message:chunk", f), n.off("message:complete", h), n.off("message:error", C);
+  });
+  async function d(o, i) {
+    r.value = !0, a.value = null;
+    const v = {
+      id: `temp-${Date.now()}`,
+      conversationId: s.value || "",
+      content: o,
+      role: "user",
+      status: "DONE",
+      createdAt: /* @__PURE__ */ new Date()
+    }, M = {
+      id: `temp-assistant-${Date.now()}`,
+      conversationId: s.value || "",
+      content: "",
+      role: "assistant",
+      status: "IN_PROGRESS",
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    e.value.push(v, M);
+    try {
+      const l = await n.sendMessage(o, {
+        conversationId: s.value,
+        files: i
+      });
+      l.conversationId && !s.value && (s.value = l.conversationId), e.value = e.value.filter((E) => !E.id.startsWith("temp-"));
+      const w = {
+        ...v,
+        id: v.id.replace("temp-", "user-"),
+        conversationId: l.conversationId
+      };
+      return e.value.some((E) => E.id === l.id) ? e.value.push(w) : e.value.push(w, l), l;
+    } catch (l) {
+      return a.value = l instanceof Error ? l : /* @__PURE__ */ new Error("Failed to send"), r.value = !1, e.value = e.value.filter((w) => !w.id.startsWith("temp-")), null;
+    }
+  }
+  function p() {
+    e.value = [], s.value = void 0, a.value = null;
+  }
+  return {
+    messages: e,
+    isLoading: r,
+    error: a,
+    conversationId: s,
+    sendMessage: d,
+    clearMessages: p
+  };
 }
-//#endregion
-//#region src/vue/composables/useConversation.ts
-/**
-* Composable to manage conversations.
-*
-* ```ts
-* const { conversations, selectConversation } = useConversation();
-* ```
-*/
-function useConversation(options = {}) {
-	const client = options.client ?? useAgo();
-	const autoLoad = options.autoLoad ?? true;
-	const conversations = ref([]);
-	const currentConversation = ref(null);
-	const isLoading = ref(false);
-	const error = ref(null);
-	async function refreshConversations() {
-		isLoading.value = true;
-		error.value = null;
-		try {
-			conversations.value = await client.getConversations();
-		} catch (err) {
-			error.value = err instanceof Error ? err : /* @__PURE__ */ new Error("Failed to load conversations");
-		} finally {
-			isLoading.value = false;
-		}
-	}
-	async function selectConversation(id) {
-		isLoading.value = true;
-		error.value = null;
-		try {
-			currentConversation.value = await client.getConversation(id);
-		} catch (err) {
-			error.value = err instanceof Error ? err : /* @__PURE__ */ new Error("Failed to load conversation");
-		} finally {
-			isLoading.value = false;
-		}
-	}
-	function startNewConversation() {
-		currentConversation.value = null;
-	}
-	onMounted(() => {
-		if (autoLoad) refreshConversations();
-	});
-	return {
-		conversations,
-		currentConversation,
-		isLoading,
-		error,
-		selectConversation,
-		startNewConversation,
-		refreshConversations
-	};
+function x(t = {}) {
+  const n = t.client ?? m(), e = t.autoLoad ?? !0, s = c([]), r = c(null), a = c(!1), u = c(null);
+  async function f() {
+    a.value = !0, u.value = null;
+    try {
+      s.value = await n.getConversations();
+    } catch (d) {
+      u.value = d instanceof Error ? d : /* @__PURE__ */ new Error("Failed to load conversations");
+    } finally {
+      a.value = !1;
+    }
+  }
+  async function h(d) {
+    a.value = !0, u.value = null;
+    try {
+      r.value = await n.getConversation(d);
+    } catch (p) {
+      u.value = p instanceof Error ? p : /* @__PURE__ */ new Error("Failed to load conversation");
+    } finally {
+      a.value = !1;
+    }
+  }
+  function C() {
+    r.value = null;
+  }
+  return g(() => {
+    e && f();
+  }), {
+    conversations: s,
+    currentConversation: r,
+    isLoading: a,
+    error: u,
+    selectConversation: h,
+    startNewConversation: C,
+    refreshConversations: f
+  };
 }
-//#endregion
-//#region src/vue/composables/useChat.ts
-/**
-* All-in-one composable combining messages + conversations.
-*
-* ```ts
-* const { messages, sendMessage, conversations, selectConversation } = useChat();
-* ```
-*/
-function useChat(options = {}) {
-	const msgResult = useMessages({
-		client: options.client,
-		conversationId: options.conversationId
-	});
-	const convResult = useConversation({
-		client: options.client,
-		autoLoad: options.autoLoad
-	});
-	const error = computed(() => msgResult.error.value || convResult.error.value);
-	return {
-		messages: msgResult.messages,
-		isLoading: msgResult.isLoading,
-		error,
-		sendMessage: msgResult.sendMessage,
-		clearMessages: msgResult.clearMessages,
-		conversationId: msgResult.conversationId,
-		conversations: convResult.conversations,
-		currentConversation: convResult.currentConversation,
-		isConversationsLoading: convResult.isLoading,
-		selectConversation: convResult.selectConversation,
-		startNewConversation: convResult.startNewConversation,
-		refreshConversations: convResult.refreshConversations
-	};
+function k(t = {}) {
+  const n = S({
+    client: t.client,
+    conversationId: t.conversationId
+  }), e = x({
+    client: t.client,
+    autoLoad: t.autoLoad
+  }), s = y(() => n.error.value || e.error.value);
+  return {
+    messages: n.messages,
+    isLoading: n.isLoading,
+    error: s,
+    sendMessage: n.sendMessage,
+    clearMessages: n.clearMessages,
+    conversationId: n.conversationId,
+    conversations: e.conversations,
+    currentConversation: e.currentConversation,
+    isConversationsLoading: e.isLoading,
+    selectConversation: e.selectConversation,
+    startNewConversation: e.startNewConversation,
+    refreshConversations: e.refreshConversations
+  };
 }
-//#endregion
-//#region src/vue/composables/useAgoFunction.ts
-/**
-* Register a client-side function with auto-cleanup on unmount.
-*
-* ```ts
-* useAgoFunction("showToast", {
-*   description: "Show a toast",
-*   parameters: { type: "object", properties: { message: { type: "string" } } },
-*   handler: async (args) => { toast(args.message); return { shown: true }; },
-* });
-* ```
-*/
-function useAgoFunction(name, options) {
-	const client = useAgo();
-	onMounted(() => {
-		client.registerFunction(name, options.handler, {
-			description: options.description,
-			parameters: options.parameters
-		});
-	});
-	onUnmounted(() => {
-		client.unregisterFunction(name);
-	});
+function O(t, n) {
+  const e = m();
+  g(() => {
+    e.registerFunction(t, n.handler, {
+      description: n.description,
+      parameters: n.parameters
+    });
+  }), I(() => {
+    e.unregisterFunction(t);
+  });
 }
-/**
-* Register navigation routes with auto-cleanup on unmount.
-* Works with vue-router's `useRouter().push`.
-*
-* ```ts
-* const router = useRouter();
-* useAgoNavigation((path) => router.push(path), [
-*   { name: "dashboard", path: "/dashboard", description: "Main dashboard" },
-* ]);
-* ```
-*/
-function useAgoNavigation(navigate, routes) {
-	const client = useAgo();
-	onMounted(() => {
-		client.registerNavigationFunction(navigate, routes);
-	});
-	onUnmounted(() => {
-		client.unregisterFunction("navigateToPage");
-	});
+function _(t, n) {
+  const e = m();
+  g(() => {
+    e.registerNavigationFunction(t, n);
+  }), I(() => {
+    e.unregisterFunction("navigateToPage");
+  });
 }
-//#endregion
-//#region src/vue/composables/useAgoEvents.ts
-/**
-* Subscribe to AGO client events with auto-cleanup on unmount.
-*
-* ```ts
-* useAgoEvents("message:complete", (msg) => {
-*   console.log("Got message:", msg.content);
-* });
-* ```
-*/
-function useAgoEvents(event, handler) {
-	const client = useAgo();
-	onMounted(() => {
-		client.on(event, handler);
-	});
-	onUnmounted(() => {
-		client.off(event, handler);
-	});
+function G(t, n) {
+  const e = m();
+  g(() => {
+    e.on(t, n);
+  }), I(() => {
+    e.off(t, n);
+  });
 }
-//#endregion
-//#region src/vue/composables/useAgoStore.ts
-/**
-* Read a framework-agnostic AGO store (`createStore`) as a reactive Vue ref.
-*
-* The ref's `.value` updates on every `store.set(...)`. Mutate through the store,
-* not the ref. A `shallowRef` is used because the store replaces its value
-* wholesale, so deep reactivity would be wasted work.
-*
-* ```ts
-* const cart = createStore({ items: [] as string[] });
-*
-* // in setup():
-* const state = useAgoStore(cart);
-* // template: {{ state.items.length }}
-* ```
-*/
-function useAgoStore(store) {
-	const state = shallowRef(store.get());
-	onScopeDispose(store.subscribe((next) => {
-		state.value = next;
-	}));
-	return state;
+function T(t) {
+  const n = D(t.get());
+  return N(t.subscribe((e) => {
+    n.value = e;
+  })), n;
 }
-//#endregion
-export { AGO_CLIENT_KEY, AgoPlugin, useAgo, useAgoEvents, useAgoFunction, useAgoNavigation, useAgoStore, useChat, useConversation, useMessages };
-
-//# sourceMappingURL=vue.js.map
+export {
+  L as AGO_CLIENT_KEY,
+  b as AgoPlugin,
+  m as useAgo,
+  G as useAgoEvents,
+  O as useAgoFunction,
+  _ as useAgoNavigation,
+  T as useAgoStore,
+  k as useChat,
+  x as useConversation,
+  S as useMessages
+};

package/dist/widget.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("./AgoClient-bjN-z2ZQ.cjs"),Z=require("./createFormCollector-H4Me_2uj.cjs");var q='"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';function x(s,o){Object.assign(s.style,o)}function c(s={}){const o=document.createElement("div");return x(o,s),o}var P="ago-chat-widget-keyframes";function ee(){if(typeof document>"u"||document.getElementById(P))return;const s=document.createElement("style");s.id=P,s.textContent="@keyframes ago-pulse { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1); } }",document.head.appendChild(s)}function te(s){const o=typeof s=="string"?document.querySelector(s):s;if(!o)throw new Error(`mountChatWidget: target "${String(s)}" not found.`);return o}function ne(s,o){const{title:y="Chat",welcomeMessage:I="Hello! How can I help you today?",placeholder:R="Type a message...",allowFiles:u=!1,height:g=500,logoUrl:f,showAgentName:b=!1,forms:_,onFollowUpClick:k,onMessageSent:D,onMessageReceived:l}=o;if(!o.client&&!o.config?.baseUrl)throw new Error("mountChatWidget requires either `client` or `config` (with a baseUrl).");const i=o.client??new X.AgoClient(o.config),W=te(s);let m=o.conversationId,n=[],w=!1,v=null;const N=c({display:"flex",flexDirection:"column",height:typeof g=="number"?`${g}px`:g,border:"1px solid #dee3e8",borderRadius:"16px",overflow:"hidden",backgroundColor:"#fff",fontFamily:q,boxShadow:"rgba(15, 15, 15, 0.08) 0px 2px 16px 0px"});N.className="ago-chat-widget";const z=c({padding:"14px 16px",borderBottom:"1px solid #dee3e8",backgroundColor:"#03182f",color:"#e8f0fe",display:"flex",alignItems:"center",gap:"10px"});if(z.className="ago-chat-widget__header",f){const e=document.createElement("img");e.src=f,e.alt="Logo",x(e,{height:"24px",width:"auto"}),z.appendChild(e)}const F=document.createElement("h3");F.textContent=y,x(F,{margin:"0",fontSize:"15px",fontWeight:"600"}),z.appendChild(F);const E=c({flex:"1",overflow:"auto",padding:"16px",backgroundColor:"#fbfbfb"});E.className="ago-chat-widget__messages";const{inputRow:G,setDisabled:j,focus:K}=oe({placeholder:R,allowFiles:u,onSend:(e,t)=>{M(e,t)}});ee(),N.append(z,E,G),W.appendChild(N);const A=k!==!1,U=k===!1?void 0:k??(e=>{M(e)});function V(e){const t=e.role==="user",d=c({display:"flex",flexDirection:"column",alignItems:t?"flex-end":"flex-start",marginBottom:"16px"});if(d.className=`ago-message ago-message--${e.role}`,!t&&b&&e.agent){const a=c({fontSize:"13px",fontWeight:"500",color:"#30373e",marginBottom:"6px",padding:"0 4px"});a.className="ago-message__agent",a.textContent=e.agent.displayName||e.agent.name,d.appendChild(a)}if(!t&&e.sources&&e.sources.length>0){const a=c({display:"grid",gridTemplateColumns:"1fr 1fr",gap:"6px",marginBottom:"10px",width:"100%",maxWidth:"85%"});a.className="ago-message__sources",e.sources.forEach((p,r)=>{const C=p.url?document.createElement("a"):document.createElement("div");p.url&&C instanceof HTMLAnchorElement&&(C.href=p.url,C.target="_blank",C.rel="noopener noreferrer"),x(C,{display:"flex",alignItems:"center",gap:"8px",padding:"8px 10px",border:"1px solid #dee3e8",borderRadius:"8px",backgroundColor:"#fff",textDecoration:"none",color:"#30373e",fontSize:"12px",overflow:"hidden"});const $=c({flexShrink:"0",width:"18px",height:"18px",borderRadius:"3px",border:"1px solid #1b5fc4",color:"#1b5fc4",fontSize:"11px",fontWeight:"500",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f4ff"});$.textContent=String(r+1);const L=c({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});L.textContent=p.title,L.title=p.title,C.append($,L),a.appendChild(C)}),d.appendChild(a)}const h=c({maxWidth:t?"75%":"100%",padding:t?"10px 14px":"2px 8px",borderRadius:t?"16px":"0",backgroundColor:t?"#03182f":"transparent",color:t?"#fff":"#30373e",wordBreak:"break-word",fontSize:"14px",lineHeight:"1.6",whiteSpace:"pre-wrap"});if(h.className="ago-message__content",e.content?h.textContent=e.content:e.status==="IN_PROGRESS"&&h.appendChild(Q()),d.appendChild(h),e.followUpReplies&&e.followUpReplies.length>0){const a=c({display:"flex",flexWrap:"wrap",gap:"8px",marginTop:"10px"});a.className="ago-message__followups";for(const p of e.followUpReplies){const r=document.createElement("button");r.type="button",r.className="ago-message__followup-btn",r.textContent=p,r.disabled=!A,x(r,{padding:"6px 14px",fontSize:"13px",borderRadius:"16px",border:"1px solid #dee3e8",backgroundColor:"#fff",color:"#30373e",cursor:A?"pointer":"default",transition:"border-color 0.15s"}),U&&r.addEventListener("click",()=>U(p)),r.addEventListener("mouseenter",()=>{r.style.borderColor="#1b5fc4"}),r.addEventListener("mouseleave",()=>{r.style.borderColor="#dee3e8"}),a.appendChild(r)}d.appendChild(a)}return d}function S(){if(E.replaceChildren(),n.length===0){const e=c({textAlign:"center",color:"#6b6d6f",padding:"24px 16px",fontSize:"14px",lineHeight:"1.5"});e.textContent=I,E.appendChild(e)}else for(const e of n)E.appendChild(V(e));if(v){const e=c({padding:"10px 14px",backgroundColor:"#fef2f2",color:"#dc2626",borderRadius:"12px",marginTop:"8px",fontSize:"13px",border:"1px solid #fecaca"});e.textContent=v,E.appendChild(e)}E.scrollTop=E.scrollHeight,j(w)}function Y(){for(let e=n.length-1;e>=0;e--){const t=n[e];if(t.role==="assistant"&&t.status==="IN_PROGRESS")return t}}const B=e=>{m||(m=e.conversationId)},H=e=>{const t=Y();t&&(t.content+=e.content,S())},O=e=>{const t=n.findIndex(d=>d.id===e.id||d.role==="assistant"&&d.status==="IN_PROGRESS");t>=0?n[t]=e:n.push(e),w=!1,S(),e.status==="DONE"&&l?.({id:e.id,content:e.content})},T=e=>{v=e.error,w=!1,n=n.filter(t=>!t.id.startsWith("temp-")),S()};i.on("message:start",B),i.on("message:chunk",H),i.on("message:complete",O),i.on("message:error",T);const J=(_??[]).map(e=>Z.createFormCollector(e).install(i));async function M(e,t){const d=e.trim();if(!d&&!t?.length||w)return;D?.(d),w=!0,v=null;const h=Date.now();n.push({id:`temp-user-${h}`,conversationId:m||"",content:d,role:"user",status:"DONE",createdAt:new Date}),n.push({id:`temp-assistant-${h}`,conversationId:m||"",content:"",role:"assistant",status:"IN_PROGRESS",createdAt:new Date}),S();try{const a=await i.sendMessage(d,{conversationId:m,files:t});a.conversationId&&!m&&(m=a.conversationId);const p=n.find(r=>r.id===`temp-user-${h}`);if(p&&(p.id=`user-${h}`,p.conversationId=a.conversationId),!n.some(r=>r.id===a.id)){const r=n.findIndex(C=>C.id===`temp-assistant-${h}`);r>=0?n[r]=a:n.push(a)}n=n.filter(r=>!r.id.startsWith("temp-")),w=!1,S()}catch(a){v=a instanceof Error?a.message:"Failed to send message",w=!1,n=n.filter(p=>!p.id.startsWith("temp-")),S()}}return S(),K(),{client:i,element:N,sendMessage:M,destroy(){i.off("message:start",B),i.off("message:chunk",H),i.off("message:complete",O),i.off("message:error",T),J.forEach(e=>e()),N.remove(),o.client||i.destroy()}};function Q(){const e=c({display:"flex",gap:"4px",padding:"4px 0"});for(let t=0;t<3;t++){const d=c({width:"6px",height:"6px",borderRadius:"50%",backgroundColor:"#b5bfc8",animation:"ago-pulse 1.2s ease-in-out infinite",animationDelay:`${t*.2}s`});e.appendChild(d)}return e}}function oe(s){let o=[];const y=document.createElement("form");x(y,{display:"flex",flexDirection:"column",gap:"8px",padding:"12px",borderTop:"1px solid #dee3e8",backgroundColor:"#fff"}),y.className="ago-chat-input";const I=c({display:"flex",flexWrap:"wrap",gap:"6px"}),R=c({display:"flex",gap:"8px",alignItems:"flex-end"}),u=document.createElement("textarea");u.placeholder=s.placeholder,u.rows=1,x(u,{flex:"1",resize:"none",padding:"10px 12px",border:"1px solid #dee3e8",borderRadius:"12px",fontSize:"14px",fontFamily:q,lineHeight:"1.4",maxHeight:"120px",outline:"none"});const g=document.createElement("button");g.type="submit",g.textContent="Send",x(g,{padding:"10px 16px",border:"none",borderRadius:"12px",backgroundColor:"#03182f",color:"#fff",fontSize:"14px",fontWeight:"500",cursor:"pointer"});let f=null,b=null;s.allowFiles&&(f=document.createElement("input"),f.type="file",f.multiple=!0,x(f,{display:"none"}),b=document.createElement("button"),b.type="button",b.textContent="📎",x(b,{padding:"10px 12px",border:"1px solid #dee3e8",borderRadius:"12px",backgroundColor:"#fff",cursor:"pointer",fontSize:"14px"}),b.addEventListener("click",()=>f?.click()),f.addEventListener("change",()=>{o=[...o,...Array.from(f?.files??[])],_()}));function _(){I.replaceChildren(),o.forEach((l,i)=>{const W=c({display:"flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:"#f0f4ff",border:"1px solid #dee3e8",borderRadius:"8px",fontSize:"12px"}),m=document.createElement("span");m.textContent=l.name;const n=document.createElement("button");n.type="button",n.textContent="×",x(n,{border:"none",background:"transparent",cursor:"pointer",fontSize:"14px",lineHeight:"1"}),n.addEventListener("click",()=>{o=o.filter((w,v)=>v!==i),_()}),W.append(m,n),I.appendChild(W)})}const k=()=>{const l=u.value,i=o;return u.value="",o=[],_(),{content:l,files:i}},D=()=>{const{content:l,files:i}=k();(l.trim()||i.length>0)&&s.onSend(l.trim(),i.length>0?i:void 0)};return y.addEventListener("submit",l=>{l.preventDefault(),D()}),u.addEventListener("keydown",l=>{l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),D())}),b&&R.appendChild(b),R.append(u,g),f&&y.appendChild(f),y.append(I,R),{inputRow:y,getValueAndClear:k,setDisabled:l=>{u.disabled=l,g.disabled=l,g.style.opacity=l?"0.6":"1",g.style.cursor=l?"not-allowed":"pointer"},focus:()=>u.focus()}}exports.mountChatWidget=ne;