@nameless26/widget 0.1.0 → 0.1.1

package/dist/index.cjs.js

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react");function R(t){return`nexus_widget_session_${t}`}function H(t){const r=sessionStorage.getItem(R(t));if(r)return r;const n=crypto.randomUUID();return sessionStorage.setItem(R(t),n),n}async function*W(t,r){const n=new TextDecoder;let u="";try{for(;;){if(r.aborted)return;const{done:a,value:x}=await t.read();if(a)return;u+=n.decode(x,{stream:!0});const c=u.split(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react");function I(t){return`nexus_widget_session_${t}`}function H(t){const n=sessionStorage.getItem(I(t));if(n)return n;const s=crypto.randomUUID();return sessionStorage.setItem(I(t),s),s}async function*_(t,n){const s=new TextDecoder;let l="";try{for(;;){if(n.aborted)return;const{done:d,value:o}=await t.read();if(d)return;l+=s.decode(o,{stream:!0});const u=l.split(`
 
-`);u=c.pop()??"";for(const y of c)for(const b of y.split(`
-`)){if(!b.startsWith("data: "))continue;const d=b.slice(6).trim();try{yield JSON.parse(d)}catch{}}}}finally{t.releaseLock()}}function D({agentId:t,baseUrl:r="http://localhost:8000/api",endUserId:n}){const[u,a]=o.useState([]),[x,c]=o.useState(!1),[y,b]=o.useState(!0),[d,h]=o.useState(null),[v,p]=o.useState(null),[m,k]=o.useState(null),s=o.useRef(H(t)),w=o.useRef(null),T=o.useCallback(async()=>{var N;(N=w.current)==null||N.abort(),b(!0),h(null);const i=new AbortController;w.current=i;try{const f=await fetch(`${r}/widget/session`,{method:"POST",signal:i.signal,headers:{"Content-Type":"application/json"},body:JSON.stringify({agentId:t,sessionId:s.current})});if(!f.ok)throw new Error(`HTTP ${f.status}`);const j=await f.json();k(j.token);const S=await fetch(`${r}/chat/history`,{method:"POST",signal:i.signal,headers:{"Content-Type":"application/json",Authorization:`Bearer ${j.token}`},body:JSON.stringify({agentId:t,sessionId:s.current})});if(!S.ok)throw new Error(`HTTP ${S.status}`);const l=await S.json();a(l.messages??[]),p(l.conversationId??null)}catch(f){(f==null?void 0:f.name)!=="AbortError"&&h("Unable to initialize widget session.")}finally{b(!1)}},[t]);o.useEffect(()=>(T(),()=>{var i;(i=w.current)==null||i.abort()}),[T]);const O=o.useCallback(()=>{var i;(i=w.current)==null||i.abort(),c(!1)},[]),P=o.useCallback(()=>{var i;(i=w.current)==null||i.abort(),a([]),p(null),h(null),c(!1),s.current=crypto.randomUUID(),k(null),T()},[T]),E=o.useCallback(async i=>{var S;if(!i.trim()||x||!m)return;(S=w.current)==null||S.abort();const N=new AbortController;w.current=N,h(null);const f=`u_${Date.now()}`,j=`a_${Date.now()}`;a(l=>[...l,{id:f,role:"user",content:i.trim()}]),c(!0);try{const l=await fetch(`${r}/chat`,{method:"POST",signal:N.signal,headers:{"Content-Type":"application/json",Authorization:`Bearer ${m}`},body:JSON.stringify({agent_id:t,message:i.trim(),session_id:s.current,end_user_id:n})});if(!l.ok||!l.body)throw new Error(`HTTP ${l.status}`);a(g=>[...g,{id:j,role:"assistant",content:""}]);const $=l.body.getReader();for await(const g of W($,N.signal))switch(g.type){case"start":p(g.conversationId);break;case"token":a(I=>I.map(C=>C.id===j?{...C,content:C.content+g.content}:C));break;case"done":break;case"error":h(g.message),a(I=>I.filter(C=>C.id!==j));break}}catch(l){if((l==null?void 0:l.name)==="AbortError")return;h("Something went wrong. Please try again."),a($=>$.filter(g=>g.id!==f&&g.id!==j))}finally{c(!1)}},[t,n,x,m]);return{messages:u,isLoading:x,historyLoading:y,error:d,conversationId:v,send:E,reset:P,cancel:O}}function _({color:t}){return e.jsx("div",{className:`flex items-end gap-1 px-3 py-2.5 rounded-2xl rounded-bl-sm w-fit\r
-                    bg-[rgba(255,255,255,0.06)]`,children:[0,1,2].map(r=>e.jsx("span",{style:{width:6,height:6,borderRadius:"50%",background:t,opacity:.6,animation:`nexusBounce 1.2s ease-in-out ${r*.2}s infinite`}},r))})}function z({msg:t,primaryColor:r}){const n=t.role==="user";return e.jsx("div",{className:`flex ${n?"justify-end":"justify-start"}`,children:e.jsx("div",{style:n?{background:r}:void 0,className:`max-w-[82%] px-3 py-2.5 rounded-2xl text-sm leading-relaxed
-                    ${n?"text-white rounded-br-sm":"bg-[rgba(255,255,255,0.06)] text-[rgba(255,255,255,0.8)] rounded-bl-sm"}`,children:t.content})})}function B({agentName:t,messages:r,isLoading:n,error:u,primaryColor:a,welcomeMessage:x,onSend:c,onReset:y,onClose:b}){const[d,h]=o.useState(""),v=o.useRef(null),p=o.useRef(null);o.useEffect(()=>{var s;(s=v.current)==null||s.scrollIntoView({behavior:"smooth"})},[r,n]),o.useEffect(()=>{var s;(s=p.current)==null||s.focus()},[]);const m=()=>{!d.trim()||n||(c(d),h(""))},k=s=>{s.key==="Enter"&&!s.shiftKey&&(s.preventDefault(),m())};return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
+`);l=u.pop()??"";for(const h of u)for(const g of h.split(`
+`)){if(!g.startsWith("data: "))continue;const i=g.slice(6).trim();try{yield JSON.parse(i)}catch{}}}}finally{t.releaseLock()}}function D({agentId:t,baseUrl:n,agentCoreUrl:s,endUserId:l}){const[d,o]=r.useState([]),[u,h]=r.useState(!1),[g,i]=r.useState(!0),[v,f]=r.useState(null),[k,y]=r.useState(null),[p,a]=r.useState(null),N=r.useRef(H(t)),w=r.useRef(null),T=r.useCallback(async()=>{w.current?.abort(),i(!0),f(null);const j=new AbortController;w.current=j;try{const x=await fetch(`${n}/widget/session`,{method:"POST",signal:j.signal,headers:{"Content-Type":"application/json"},body:JSON.stringify({agentId:t,sessionId:N.current})});if(!x.ok)throw new Error(`HTTP ${x.status}`);const C=await x.json();a(C.token);const m=await fetch(`${n}/chat/history`,{method:"POST",signal:j.signal,headers:{"Content-Type":"application/json",Authorization:`Bearer ${C.token}`},body:JSON.stringify({agentId:t,sessionId:N.current})});if(!m.ok)throw new Error(`HTTP ${m.status}`);const c=await m.json();o(c.messages??[]),y(c.conversationId??null)}catch(x){x?.name!=="AbortError"&&f("Unable to initialize widget session.")}finally{i(!1)}},[t]);r.useEffect(()=>(T(),()=>{w.current?.abort()}),[T]);const E=r.useCallback(()=>{w.current?.abort(),h(!1)},[]),O=r.useCallback(()=>{w.current?.abort(),o([]),y(null),f(null),h(!1),N.current=crypto.randomUUID(),a(null),T()},[T]),P=r.useCallback(async j=>{if(!j.trim()||u||!p)return;w.current?.abort();const x=new AbortController;w.current=x,f(null);const C=`u_${Date.now()}`,m=`a_${Date.now()}`;o(c=>[...c,{id:C,role:"user",content:j.trim()}]),h(!0);try{const c=await fetch(`${s}/chat`,{method:"POST",signal:x.signal,headers:{"Content-Type":"application/json",Authorization:`Bearer ${p}`},body:JSON.stringify({agent_id:t,message:j.trim(),session_id:N.current,end_user_id:l})});if(!c.ok||!c.body)throw new Error(`HTTP ${c.status}`);o(b=>[...b,{id:m,role:"assistant",content:""}]);const $=c.body.getReader();for await(const b of _($,x.signal))switch(b.type){case"start":y(b.conversationId);break;case"token":o(R=>R.map(S=>S.id===m?{...S,content:S.content+b.content}:S));break;case"done":break;case"error":f(b.message),o(R=>R.filter(S=>S.id!==m));break}}catch(c){if(c?.name==="AbortError")return;f("Something went wrong. Please try again."),o($=>$.filter(b=>b.id!==C&&b.id!==m))}finally{h(!1)}},[t,l,u,p]);return{messages:d,isLoading:u,historyLoading:g,error:v,conversationId:k,send:P,reset:O,cancel:E}}function B({color:t}){return e.jsx("div",{className:`flex items-end gap-1 px-3 py-2.5 rounded-2xl rounded-bl-sm w-fit\r
+                    bg-[rgba(255,255,255,0.06)]`,children:[0,1,2].map(n=>e.jsx("span",{style:{width:6,height:6,borderRadius:"50%",background:t,opacity:.6,animation:`nexusBounce 1.2s ease-in-out ${n*.2}s infinite`}},n))})}function W({msg:t,primaryColor:n}){const s=t.role==="user";return e.jsx("div",{className:`flex ${s?"justify-end":"justify-start"}`,children:e.jsx("div",{style:s?{background:n}:void 0,className:`max-w-[82%] px-3 py-2.5 rounded-2xl text-sm leading-relaxed
+                    ${s?"text-white rounded-br-sm":"bg-[rgba(255,255,255,0.06)] text-[rgba(255,255,255,0.8)] rounded-bl-sm"}`,children:t.content})})}function z({agentName:t,messages:n,isLoading:s,error:l,primaryColor:d,welcomeMessage:o,onSend:u,onReset:h,onClose:g}){const[i,v]=r.useState(""),f=r.useRef(null),k=r.useRef(null);r.useEffect(()=>{f.current?.scrollIntoView({behavior:"smooth"})},[n,s]),r.useEffect(()=>{k.current?.focus()},[]);const y=()=>{!i.trim()||s||(u(i),v(""))},p=a=>{a.key==="Enter"&&!a.shiftKey&&(a.preventDefault(),y())};return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
         @keyframes nexusBounce {
           0%, 80%, 100% { transform: translateY(0); }
           40%            { transform: translateY(-5px); }
         }
       `}),e.jsxs("div",{style:{fontFamily:"system-ui, -apple-system, sans-serif"},className:`flex flex-col overflow-hidden rounded-2xl shadow-2xl\r
-                   border border-[rgba(255,255,255,0.08)]`,role:"dialog","aria-label":`${t} chat`,children:[e.jsxs("div",{style:{background:a},className:"flex items-center justify-between px-4 py-3 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-white/40"}),e.jsx("span",{className:"text-white text-sm font-medium",children:t})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("button",{onClick:y,"aria-label":"Start new conversation",className:`p-1.5 rounded-full text-white/60 hover:text-white\r
-                         hover:bg-white/15 transition-colors`,children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),e.jsx("path",{d:"M3 3v5h5"})]})}),e.jsx("button",{onClick:b,"aria-label":"Close chat",className:`p-1.5 rounded-full text-white/60 hover:text-white\r
-                         hover:bg-white/15 transition-colors`,children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12"})})})]})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 py-4 space-y-3 bg-[#0d0d1a]",style:{minHeight:0},children:[r.length===0&&e.jsx("div",{className:"flex justify-start",children:e.jsx("div",{className:`max-w-[82%] px-3 py-2.5 rounded-2xl rounded-bl-sm\r
+                   border border-[rgba(255,255,255,0.08)]`,role:"dialog","aria-label":`${t} chat`,children:[e.jsxs("div",{style:{background:d},className:"flex items-center justify-between px-4 py-3 shrink-0",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("div",{className:"w-2 h-2 rounded-full bg-white/40"}),e.jsx("span",{className:"text-white text-sm font-medium",children:t})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("button",{onClick:h,"aria-label":"Start new conversation",className:`p-1.5 rounded-full text-white/60 hover:text-white\r
+                         hover:bg-white/15 transition-colors`,children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),e.jsx("path",{d:"M3 3v5h5"})]})}),e.jsx("button",{onClick:g,"aria-label":"Close chat",className:`p-1.5 rounded-full text-white/60 hover:text-white\r
+                         hover:bg-white/15 transition-colors`,children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("path",{d:"M18 6 6 18M6 6l12 12"})})})]})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-4 py-4 space-y-3 bg-[#0d0d1a]",style:{minHeight:0},children:[n.length===0&&e.jsx("div",{className:"flex justify-start",children:e.jsx("div",{className:`max-w-[82%] px-3 py-2.5 rounded-2xl rounded-bl-sm\r
                               bg-[rgba(255,255,255,0.06)] text-sm\r
-                              text-[rgba(255,255,255,0.8)] leading-relaxed`,children:x})}),r.map(s=>e.jsx(z,{msg:s,primaryColor:a},s.id)),n&&e.jsx("div",{className:"flex justify-start",children:e.jsx(_,{color:a})}),u&&e.jsx("div",{className:"text-center text-xs text-red-400/70 py-1",children:u}),e.jsx("div",{ref:v})]}),e.jsxs("div",{className:`px-3 py-3 bg-[#0d0d1a] border-t border-[rgba(255,255,255,0.06)]\r
-                        flex items-end gap-2 shrink-0`,children:[e.jsx("textarea",{ref:p,rows:1,value:d,onChange:s=>h(s.target.value),onKeyDown:k,placeholder:"Type a message…",disabled:n,style:{resize:"none",maxHeight:100,overflowY:"auto"},className:`flex-1 bg-[rgba(255,255,255,0.05)] border border-[rgba(255,255,255,0.08)]\r
+                              text-[rgba(255,255,255,0.8)] leading-relaxed`,children:o})}),n.map(a=>e.jsx(W,{msg:a,primaryColor:d},a.id)),s&&e.jsx("div",{className:"flex justify-start",children:e.jsx(B,{color:d})}),l&&e.jsx("div",{className:"text-center text-xs text-red-400/70 py-1",children:l}),e.jsx("div",{ref:f})]}),e.jsxs("div",{className:`px-3 py-3 bg-[#0d0d1a] border-t border-[rgba(255,255,255,0.06)]\r
+                        flex items-end gap-2 shrink-0`,children:[e.jsx("textarea",{ref:k,rows:1,value:i,onChange:a=>v(a.target.value),onKeyDown:p,placeholder:"Type a message…",disabled:s,style:{resize:"none",maxHeight:100,overflowY:"auto"},className:`flex-1 bg-[rgba(255,255,255,0.05)] border border-[rgba(255,255,255,0.08)]\r
                        rounded-xl px-3 py-2.5 text-sm text-white/80 placeholder-white/25\r
                        focus:outline-none focus:border-[rgba(255,255,255,0.18)]\r
-                       transition-colors disabled:opacity-40`}),e.jsx("button",{onClick:m,disabled:!d.trim()||n,"aria-label":"Send message",style:{background:d.trim()&&!n?a:void 0},className:`shrink-0 w-9 h-9 rounded-xl flex items-center justify-center\r
+                       transition-colors disabled:opacity-40`}),e.jsx("button",{onClick:y,disabled:!i.trim()||s,"aria-label":"Send message",style:{background:i.trim()&&!s?d:void 0},className:`shrink-0 w-9 h-9 rounded-xl flex items-center justify-center\r
                        bg-[rgba(255,255,255,0.08)] transition-colors\r
-                       disabled:opacity-40 disabled:cursor-not-allowed`,children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("path",{d:"m22 2-7 20-4-9-9-4Z"}),e.jsx("path",{d:"M22 2 11 13"})]})})]})]})]})}const M=o.forwardRef(({agentId:t,baseUrl:r,primaryColor:n="#6366f1",position:u="bottom-right",welcomeMessage:a="Hi! How can I help you today?",agentName:x="Assistant",endUserId:c},y)=>{const{messages:b,isLoading:d,historyLoading:h,error:v,conversationId:p,send:m,reset:k,cancel:s}=D({agentId:t,baseUrl:r,endUserId:c});return e.jsx("div",{ref:y,style:{position:"fixed",[u==="bottom-left"?"left":"right"]:"20px",bottom:"20px",zIndex:9999,fontFamily:"system-ui, -apple-system, sans-serif"},children:e.jsx(B,{agentName:x,messages:b,isLoading:d,error:v,primaryColor:n,welcomeMessage:a,onSend:m,onReset:k,onClose:s})})});M.displayName="NexusWidget";exports.NexusWidget=M;exports.useChat=D;
+                       disabled:opacity-40 disabled:cursor-not-allowed`,children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("path",{d:"m22 2-7 20-4-9-9-4Z"}),e.jsx("path",{d:"M22 2 11 13"})]})})]})]})]})}const M=r.forwardRef(({agentId:t,baseUrl:n,agentCoreUrl:s,primaryColor:l="#6366f1",position:d="bottom-right",welcomeMessage:o="Hi! How can I help you today?",agentName:u="Assistant",endUserId:h},g)=>{const{messages:i,isLoading:v,historyLoading:f,error:k,conversationId:y,send:p,reset:a,cancel:N}=D({agentId:t,baseUrl:n,agentCoreUrl:s,endUserId:h});return e.jsx("div",{ref:g,style:{position:"fixed",[d==="bottom-left"?"left":"right"]:"20px",bottom:"20px",zIndex:9999,fontFamily:"system-ui, -apple-system, sans-serif"},children:e.jsx(z,{agentName:u,messages:i,isLoading:v,error:k,primaryColor:l,welcomeMessage:o,onSend:p,onReset:a,onClose:N})})});M.displayName="NexusWidget";exports.NexusWidget=M;exports.useChat=D;

package/dist/index.es.js

@@ -1,34 +1,34 @@
-import { jsxs as p, Fragment as B, jsx as e } from "react/jsx-runtime";
-import { useState as k, useRef as D, useCallback as I, useEffect as H, forwardRef as E } from "react";
+import { jsxs as m, Fragment as E, jsx as e } from "react/jsx-runtime";
+import { useState as k, useRef as D, useCallback as I, useEffect as H, forwardRef as z } from "react";
 function O(t) {
   return `nexus_widget_session_${t}`;
 }
-function W(t) {
-  const s = sessionStorage.getItem(O(t));
-  if (s) return s;
+function A(t) {
+  const n = sessionStorage.getItem(O(t));
+  if (n) return n;
   const r = crypto.randomUUID();
   return sessionStorage.setItem(O(t), r), r;
 }
-async function* A(t, s) {
+async function* W(t, n) {
   const r = new TextDecoder();
-  let d = "";
+  let i = "";
   try {
     for (; ; ) {
-      if (s.aborted) return;
-      const { done: o, value: f } = await t.read();
-      if (o) return;
-      d += r.decode(f, { stream: !0 });
-      const l = d.split(`
+      if (n.aborted) return;
+      const { done: c, value: s } = await t.read();
+      if (c) return;
+      i += r.decode(s, { stream: !0 });
+      const d = i.split(`
 
 `);
-      d = l.pop() ?? "";
-      for (const y of l)
-        for (const b of y.split(`
+      i = d.pop() ?? "";
+      for (const u of d)
+        for (const g of u.split(`
 `)) {
-          if (!b.startsWith("data: ")) continue;
-          const c = b.slice(6).trim();
+          if (!g.startsWith("data: ")) continue;
+          const a = g.slice(6).trim();
           try {
-            yield JSON.parse(c);
+            yield JSON.parse(a);
           } catch {
           }
         }
@@ -37,139 +37,134 @@ async function* A(t, s) {
     t.releaseLock();
   }
 }
-function J({ agentId: t, baseUrl: s = "http://localhost:8000/api", endUserId: r }) {
-  const [d, o] = k([]), [f, l] = k(!1), [y, b] = k(!0), [c, u] = k(null), [N, x] = k(null), [g, S] = k(null), n = D(W(t)), w = D(null), j = I(async () => {
-    var T;
-    (T = w.current) == null || T.abort(), b(!0), u(null);
-    const a = new AbortController();
-    w.current = a;
+function L({ agentId: t, baseUrl: n, agentCoreUrl: r, endUserId: i }) {
+  const [c, s] = k([]), [d, u] = k(!1), [g, a] = k(!0), [N, h] = k(null), [S, y] = k(null), [x, o] = k(null), T = D(A(t)), w = D(null), j = I(async () => {
+    w.current?.abort(), a(!0), h(null);
+    const v = new AbortController();
+    w.current = v;
     try {
-      const h = await fetch(`${s}/widget/session`, {
+      const f = await fetch(`${n}/widget/session`, {
         method: "POST",
-        signal: a.signal,
+        signal: v.signal,
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           agentId: t,
-          sessionId: n.current
+          sessionId: T.current
         })
       });
-      if (!h.ok)
-        throw new Error(`HTTP ${h.status}`);
-      const v = await h.json();
-      S(v.token);
-      const C = await fetch(`${s}/chat/history`, {
+      if (!f.ok)
+        throw new Error(`HTTP ${f.status}`);
+      const $ = await f.json();
+      o($.token);
+      const p = await fetch(`${n}/chat/history`, {
         method: "POST",
-        signal: a.signal,
+        signal: v.signal,
         headers: {
           "Content-Type": "application/json",
-          Authorization: `Bearer ${v.token}`
+          Authorization: `Bearer ${$.token}`
         },
         body: JSON.stringify({
           agentId: t,
-          sessionId: n.current
+          sessionId: T.current
         })
       });
-      if (!C.ok)
-        throw new Error(`HTTP ${C.status}`);
-      const i = await C.json();
-      o(i.messages ?? []), x(i.conversationId ?? null);
-    } catch (h) {
-      (h == null ? void 0 : h.name) !== "AbortError" && u("Unable to initialize widget session.");
+      if (!p.ok)
+        throw new Error(`HTTP ${p.status}`);
+      const l = await p.json();
+      s(l.messages ?? []), y(l.conversationId ?? null);
+    } catch (f) {
+      f?.name !== "AbortError" && h("Unable to initialize widget session.");
     } finally {
-      b(!1);
+      a(!1);
     }
   }, [t]);
   H(() => (j(), () => {
-    var a;
-    (a = w.current) == null || a.abort();
+    w.current?.abort();
   }), [j]);
   const P = I(() => {
-    var a;
-    (a = w.current) == null || a.abort(), l(!1);
+    w.current?.abort(), u(!1);
   }, []), _ = I(() => {
-    var a;
-    (a = w.current) == null || a.abort(), o([]), x(null), u(null), l(!1), n.current = crypto.randomUUID(), S(null), j();
-  }, [j]), z = I(
-    async (a) => {
-      var C;
-      if (!a.trim() || f || !g) return;
-      (C = w.current) == null || C.abort();
-      const T = new AbortController();
-      w.current = T, u(null);
-      const h = `u_${Date.now()}`, v = `a_${Date.now()}`;
-      o((i) => [
-        ...i,
-        { id: h, role: "user", content: a.trim() }
-      ]), l(!0);
+    w.current?.abort(), s([]), y(null), h(null), u(!1), T.current = crypto.randomUUID(), o(null), j();
+  }, [j]), B = I(
+    async (v) => {
+      if (!v.trim() || d || !x) return;
+      w.current?.abort();
+      const f = new AbortController();
+      w.current = f, h(null);
+      const $ = `u_${Date.now()}`, p = `a_${Date.now()}`;
+      s((l) => [
+        ...l,
+        { id: $, role: "user", content: v.trim() }
+      ]), u(!0);
       try {
-        const i = await fetch(`${s}/chat`, {
+        const l = await fetch(`${r}/chat`, {
           method: "POST",
-          signal: T.signal,
+          signal: f.signal,
           headers: {
             "Content-Type": "application/json",
-            Authorization: `Bearer ${g}`
+            Authorization: `Bearer ${x}`
           },
           body: JSON.stringify({
             agent_id: t,
-            message: a.trim(),
-            session_id: n.current,
-            end_user_id: r
+            message: v.trim(),
+            session_id: T.current,
+            end_user_id: i
           })
         });
-        if (!i.ok || !i.body)
-          throw new Error(`HTTP ${i.status}`);
-        o((m) => [
-          ...m,
-          { id: v, role: "assistant", content: "" }
+        if (!l.ok || !l.body)
+          throw new Error(`HTTP ${l.status}`);
+        s((b) => [
+          ...b,
+          { id: p, role: "assistant", content: "" }
         ]);
-        const M = i.body.getReader();
-        for await (const m of A(M, T.signal))
-          switch (m.type) {
+        const R = l.body.getReader();
+        for await (const b of W(R, f.signal))
+          switch (b.type) {
             case "start":
-              x(m.conversationId);
+              y(b.conversationId);
               break;
             case "token":
-              o(
-                (R) => R.map(
-                  ($) => $.id === v ? { ...$, content: $.content + m.content } : $
+              s(
+                (M) => M.map(
+                  (C) => C.id === p ? { ...C, content: C.content + b.content } : C
                 )
               );
               break;
             case "done":
               break;
             case "error":
-              u(m.message), o(
-                (R) => R.filter(($) => $.id !== v)
+              h(b.message), s(
+                (M) => M.filter((C) => C.id !== p)
               );
               break;
           }
-      } catch (i) {
-        if ((i == null ? void 0 : i.name) === "AbortError") return;
-        u("Something went wrong. Please try again."), o(
-          (M) => M.filter(
-            (m) => m.id !== h && m.id !== v
+      } catch (l) {
+        if (l?.name === "AbortError") return;
+        h("Something went wrong. Please try again."), s(
+          (R) => R.filter(
+            (b) => b.id !== $ && b.id !== p
           )
         );
       } finally {
-        l(!1);
+        u(!1);
       }
     },
-    [t, r, f, g]
+    [t, i, d, x]
   );
   return {
-    messages: d,
-    isLoading: f,
-    historyLoading: y,
-    error: c,
-    conversationId: N,
-    send: z,
+    messages: c,
+    isLoading: d,
+    historyLoading: g,
+    error: N,
+    conversationId: S,
+    send: B,
     reset: _,
     cancel: P
   };
 }
-function K({ color: t }) {
+function U({ color: t }) {
   return /* @__PURE__ */ e("div", { className: `flex items-end gap-1 px-3 py-2.5 rounded-2xl rounded-bl-sm w-fit\r
-                    bg-[rgba(255,255,255,0.06)]`, children: [0, 1, 2].map((s) => /* @__PURE__ */ e(
+                    bg-[rgba(255,255,255,0.06)]`, children: [0, 1, 2].map((n) => /* @__PURE__ */ e(
     "span",
     {
       style: {
@@ -178,59 +173,57 @@ function K({ color: t }) {
         borderRadius: "50%",
         background: t,
         opacity: 0.6,
-        animation: `nexusBounce 1.2s ease-in-out ${s * 0.2}s infinite`
+        animation: `nexusBounce 1.2s ease-in-out ${n * 0.2}s infinite`
       }
     },
-    s
+    n
   )) });
 }
-function L({
+function J({
   msg: t,
-  primaryColor: s
+  primaryColor: n
 }) {
   const r = t.role === "user";
   return /* @__PURE__ */ e("div", { className: `flex ${r ? "justify-end" : "justify-start"}`, children: /* @__PURE__ */ e(
     "div",
     {
-      style: r ? { background: s } : void 0,
+      style: r ? { background: n } : void 0,
       className: `max-w-[82%] px-3 py-2.5 rounded-2xl text-sm leading-relaxed
                     ${r ? "text-white rounded-br-sm" : "bg-[rgba(255,255,255,0.06)] text-[rgba(255,255,255,0.8)] rounded-bl-sm"}`,
       children: t.content
     }
   ) });
 }
-function U({
+function K({
   agentName: t,
-  messages: s,
+  messages: n,
   isLoading: r,
-  error: d,
-  primaryColor: o,
-  welcomeMessage: f,
-  onSend: l,
-  onReset: y,
-  onClose: b
+  error: i,
+  primaryColor: c,
+  welcomeMessage: s,
+  onSend: d,
+  onReset: u,
+  onClose: g
 }) {
-  const [c, u] = k(""), N = D(null), x = D(null);
+  const [a, N] = k(""), h = D(null), S = D(null);
   H(() => {
-    var n;
-    (n = N.current) == null || n.scrollIntoView({ behavior: "smooth" });
-  }, [s, r]), H(() => {
-    var n;
-    (n = x.current) == null || n.focus();
+    h.current?.scrollIntoView({ behavior: "smooth" });
+  }, [n, r]), H(() => {
+    S.current?.focus();
   }, []);
-  const g = () => {
-    !c.trim() || r || (l(c), u(""));
-  }, S = (n) => {
-    n.key === "Enter" && !n.shiftKey && (n.preventDefault(), g());
+  const y = () => {
+    !a.trim() || r || (d(a), N(""));
+  }, x = (o) => {
+    o.key === "Enter" && !o.shiftKey && (o.preventDefault(), y());
   };
-  return /* @__PURE__ */ p(B, { children: [
+  return /* @__PURE__ */ m(E, { children: [
     /* @__PURE__ */ e("style", { children: `
         @keyframes nexusBounce {
           0%, 80%, 100% { transform: translateY(0); }
           40%            { transform: translateY(-5px); }
         }
       ` }),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ m(
       "div",
       {
         style: { fontFamily: "system-ui, -apple-system, sans-serif" },
@@ -239,25 +232,25 @@ function U({
         role: "dialog",
         "aria-label": `${t} chat`,
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ m(
             "div",
             {
-              style: { background: o },
+              style: { background: c },
               className: "flex items-center justify-between px-4 py-3 shrink-0",
               children: [
-                /* @__PURE__ */ p("div", { className: "flex items-center gap-2.5", children: [
+                /* @__PURE__ */ m("div", { className: "flex items-center gap-2.5", children: [
                   /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-white/40" }),
                   /* @__PURE__ */ e("span", { className: "text-white text-sm font-medium", children: t })
                 ] }),
-                /* @__PURE__ */ p("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
                   /* @__PURE__ */ e(
                     "button",
                     {
-                      onClick: y,
+                      onClick: u,
                       "aria-label": "Start new conversation",
                       className: `p-1.5 rounded-full text-white/60 hover:text-white\r
                          hover:bg-white/15 transition-colors`,
-                      children: /* @__PURE__ */ p(
+                      children: /* @__PURE__ */ m(
                         "svg",
                         {
                           width: "14",
@@ -278,7 +271,7 @@ function U({
                   /* @__PURE__ */ e(
                     "button",
                     {
-                      onClick: b,
+                      onClick: g,
                       "aria-label": "Close chat",
                       className: `p-1.5 rounded-full text-white/60 hover:text-white\r
                          hover:bg-white/15 transition-colors`,
@@ -301,25 +294,25 @@ function U({
               ]
             }
           ),
-          /* @__PURE__ */ p("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-3 bg-[#0d0d1a]", style: { minHeight: 0 }, children: [
-            s.length === 0 && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ e("div", { className: `max-w-[82%] px-3 py-2.5 rounded-2xl rounded-bl-sm\r
+          /* @__PURE__ */ m("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-3 bg-[#0d0d1a]", style: { minHeight: 0 }, children: [
+            n.length === 0 && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ e("div", { className: `max-w-[82%] px-3 py-2.5 rounded-2xl rounded-bl-sm\r
                               bg-[rgba(255,255,255,0.06)] text-sm\r
-                              text-[rgba(255,255,255,0.8)] leading-relaxed`, children: f }) }),
-            s.map((n) => /* @__PURE__ */ e(L, { msg: n, primaryColor: o }, n.id)),
-            r && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ e(K, { color: o }) }),
-            d && /* @__PURE__ */ e("div", { className: "text-center text-xs text-red-400/70 py-1", children: d }),
-            /* @__PURE__ */ e("div", { ref: N })
+                              text-[rgba(255,255,255,0.8)] leading-relaxed`, children: s }) }),
+            n.map((o) => /* @__PURE__ */ e(J, { msg: o, primaryColor: c }, o.id)),
+            r && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ e(U, { color: c }) }),
+            i && /* @__PURE__ */ e("div", { className: "text-center text-xs text-red-400/70 py-1", children: i }),
+            /* @__PURE__ */ e("div", { ref: h })
           ] }),
-          /* @__PURE__ */ p("div", { className: `px-3 py-3 bg-[#0d0d1a] border-t border-[rgba(255,255,255,0.06)]\r
+          /* @__PURE__ */ m("div", { className: `px-3 py-3 bg-[#0d0d1a] border-t border-[rgba(255,255,255,0.06)]\r
                         flex items-end gap-2 shrink-0`, children: [
             /* @__PURE__ */ e(
               "textarea",
               {
-                ref: x,
+                ref: S,
                 rows: 1,
-                value: c,
-                onChange: (n) => u(n.target.value),
-                onKeyDown: S,
+                value: a,
+                onChange: (o) => N(o.target.value),
+                onKeyDown: x,
                 placeholder: "Type a message…",
                 disabled: r,
                 style: { resize: "none", maxHeight: 100, overflowY: "auto" },
@@ -332,14 +325,14 @@ function U({
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: g,
-                disabled: !c.trim() || r,
+                onClick: y,
+                disabled: !a.trim() || r,
                 "aria-label": "Send message",
-                style: { background: c.trim() && !r ? o : void 0 },
+                style: { background: a.trim() && !r ? c : void 0 },
                 className: `shrink-0 w-9 h-9 rounded-xl flex items-center justify-center\r
                        bg-[rgba(255,255,255,0.08)] transition-colors\r
                        disabled:opacity-40 disabled:cursor-not-allowed`,
-                children: /* @__PURE__ */ p(
+                children: /* @__PURE__ */ m(
                   "svg",
                   {
                     width: "14",
@@ -363,49 +356,50 @@ function U({
     )
   ] });
 }
-const F = E(
+const F = z(
   ({
     agentId: t,
-    baseUrl: s,
-    primaryColor: r = "#6366f1",
-    position: d = "bottom-right",
-    welcomeMessage: o = "Hi! How can I help you today?",
-    agentName: f = "Assistant",
-    endUserId: l
-  }, y) => {
+    baseUrl: n,
+    agentCoreUrl: r,
+    primaryColor: i = "#6366f1",
+    position: c = "bottom-right",
+    welcomeMessage: s = "Hi! How can I help you today?",
+    agentName: d = "Assistant",
+    endUserId: u
+  }, g) => {
     const {
-      messages: b,
-      isLoading: c,
-      historyLoading: u,
-      error: N,
-      conversationId: x,
-      send: g,
-      reset: S,
-      cancel: n
-    } = J({ agentId: t, baseUrl: s, endUserId: l });
+      messages: a,
+      isLoading: N,
+      historyLoading: h,
+      error: S,
+      conversationId: y,
+      send: x,
+      reset: o,
+      cancel: T
+    } = L({ agentId: t, baseUrl: n, agentCoreUrl: r, endUserId: u });
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: y,
+        ref: g,
         style: {
           position: "fixed",
-          [d === "bottom-left" ? "left" : "right"]: "20px",
+          [c === "bottom-left" ? "left" : "right"]: "20px",
           bottom: "20px",
           zIndex: 9999,
           fontFamily: "system-ui, -apple-system, sans-serif"
         },
         children: /* @__PURE__ */ e(
-          U,
+          K,
           {
-            agentName: f,
-            messages: b,
-            isLoading: c,
-            error: N,
-            primaryColor: r,
-            welcomeMessage: o,
-            onSend: g,
-            onReset: S,
-            onClose: n
+            agentName: d,
+            messages: a,
+            isLoading: N,
+            error: S,
+            primaryColor: i,
+            welcomeMessage: s,
+            onSend: x,
+            onReset: o,
+            onClose: T
           }
         )
       }
@@ -415,5 +409,5 @@ const F = E(
 F.displayName = "NexusWidget";
 export {
   F as NexusWidget,
-  J as useChat
+  L as useChat
 };

package/dist/types.d.ts

@@ -6,6 +6,7 @@ export interface ChatMessage {
 export interface UseChatOptions {
     agentId: string;
     baseUrl?: string;
+    agentCoreUrl?: string;
     endUserId?: string;
 }
 export type SseEvent = {
@@ -23,6 +24,7 @@ export type SseEvent = {
 export interface NexusWidgetProps {
     agentId: string;
     baseUrl?: string;
+    agentCoreUrl?: string;
     primaryColor?: string;
     position?: "bottom-right" | "bottom-left";
     welcomeMessage?: string;

package/dist/useChat.d.ts

@@ -1,5 +1,5 @@
 import { ChatMessage, UseChatOptions } from './types';
-export declare function useChat({ agentId, baseUrl: BASE_URL, endUserId }: UseChatOptions): {
+export declare function useChat({ agentId, baseUrl: BASE_URL, agentCoreUrl, endUserId }: UseChatOptions): {
     messages: ChatMessage[];
     isLoading: boolean;
     historyLoading: boolean;