@inkeep/agents-ui 0.15.20 → 0.15.21

package/dist/primitives/components/embedded-chat/use-inkeep-chat.cjs

@@ -1,3 +1,3 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ne=require("@ai-sdk/react"),Pe=require("ai"),t=require("react"),Oe=require("../modal/modal-provider.cjs"),Fe=require("../../providers/chat-bubble-provider.cjs"),Ue=require("../../providers/sidebar-chat-provider.cjs"),Be=require("../../providers/config-provider.cjs"),De=require("./use-captcha.cjs"),Le=require("../../hooks/use-media-query.cjs"),He=require("../../hooks/use-anonymous-session.cjs"),$e=require("../../hooks/use-conversation-loader.cjs"),w=require("../../utils/generate-uid.cjs"),ze=require("../../providers/base-events-provider.cjs"),We=require("../../providers/chat-form-provider.cjs"),Ke=require("../../providers/widget-provider.cjs"),je=require("@radix-ui/react-use-controllable-state"),Ge=require("../../hooks/use-streaming-events.cjs"),Je=require("../../hooks/use-inkeep-api-client.cjs");function Qe(g){const l=g.message??"";let s=Number(g.code)||Number(g.statusCode);if(Number.isNaN(s))try{s=Number(JSON.parse(l).status)}catch{}const d=Je.parseAuthError(s,{detail:l});return d!==null?d:s===401?"session":null}const $=`Hmm.. 
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const He=require("@ai-sdk/react"),We=require("ai"),t=require("react"),$e=require("../modal/modal-provider.cjs"),je=require("../../providers/chat-bubble-provider.cjs"),ze=require("../../providers/sidebar-chat-provider.cjs"),Je=require("../../providers/config-provider.cjs"),Ke=require("./use-captcha.cjs"),Ge=require("../../hooks/use-media-query.cjs"),Qe=require("../../hooks/use-anonymous-session.cjs"),Ve=require("../../hooks/use-auth-token.cjs"),Ze=require("../../hooks/use-conversation-loader.cjs"),x=require("../../utils/generate-uid.cjs"),Xe=require("../../providers/base-events-provider.cjs"),Ye=require("../../providers/chat-form-provider.cjs"),et=require("../../providers/widget-provider.cjs"),tt=require("@radix-ui/react-use-controllable-state"),st=require("../../hooks/use-streaming-events.cjs"),rt=require("../../hooks/use-inkeep-api-client.cjs");function nt(f){const h=f.message??"";let s=Number(f.code)||Number(f.statusCode);if(Number.isNaN(s))try{s=Number(JSON.parse(h).status)}catch{}const l=rt.parseAuthError(s,{detail:h});return l!==null?l:s===401?"session":null}const P=`Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`,Ve=()=>{const{baseSettings:g,aiChatSettings:l}=Be.useInkeepConfig(),[s="",d]=je.useControllableState({prop:l.conversationId,defaultProp:l.conversationId??""}),ue=Oe.useModal(),le=Fe.useOptionalChatBubble(),de=Ue.useOptionalSidebarChat(),{logEvent:p}=ze.useBaseEvents(),{setConversationId:pe,emitToParent:C}=Ge.useStreamingEvents(),z=t.useRef(s);t.useEffect(()=>{const e=z.current;z.current=s,e!==s&&p({eventName:"chat_conversation_changed",properties:{conversationId:s,previousConversationId:e}})},[s,p]);const[v,k]=t.useState(""),fe=e=>k(e.target.value),{shouldBypassCaptcha:W,filters:K,privacyPreferences:ge}=g,{onInputMessageChange:he,filters:j,baseUrl:S,agentUrl:me,context:G,headers:J,appId:y,apiKey:f}=l,ve=ue?.isOpen??le?.isOpen??de?.isOpen??!0,{getCaptchaHeader:b,invalidate:u}=De.useCaptcha({baseUrl:S,shouldBypassCaptcha:W||!!f,shouldMakeInitialRequest:ve}),Q=t.useRef(b);Q.current=b;const V=me||`${S}/run/api/chat`,{sessionToken:q,refreshSession:x}=He.useAnonymousSession({baseUrl:S,appId:y,getCaptchaHeader:b,invalidateCaptcha:u,optOutAllAnalytics:ge?.optOutAllAnalytics}),{loadConversation:Z}=$e.useConversationLoader({baseUrl:S,appId:y,authToken:f??q,getCaptchaHeader:b,invalidateCaptcha:u,refreshSession:f?void 0:x}),[ye,X]=t.useState(!1),R=t.useRef(null);R.current=q;const h=t.useRef(0),Y=t.useRef(null),T=t.useRef(null),ee=t.useRef(J);ee.current=J;const _=t.useRef(void 0);_.current=K||j?JSON.stringify({...K,...j}):void 0;const be=e=>{switch(e.code){case 400:return e.message;case 403:return`There seems to be a configuration error. Please contact ${g.organizationDisplayName??"Administrator"}`;default:return $}},[Ce,I]=t.useState([]),[Se,N]=t.useState(null),Re=t.useMemo(()=>new Pe.DefaultChatTransport({api:V,headers:()=>({"x-inkeep-client-timezone":Intl.DateTimeFormat().resolvedOptions().timeZone,"x-inkeep-client-timestamp":new Date().toISOString(),...y?{"x-inkeep-app-id":y}:{},...R.current?{Authorization:`Bearer ${R.current}`}:{},...f?{Authorization:`Bearer ${f}`}:{},..._.current?{"inkeep-filters":_.current}:{},...ee.current}),prepareSendMessagesRequest:async e=>{const r=await Q.current();return{body:{...e.body,id:e.id,messages:e.messages,trigger:e.trigger,messageId:e.messageId},headers:{...e.headers,...r}}},body:{requestContext:G}}),[V,G,y,f]),{messages:A,sendMessage:P,addToolApprovalResponse:O,status:te,setMessages:m,stop:se,error:F}=Ne.useChat({transport:Re,onData(e){C(e.type,e.data)},async onFinish(){C("completion",{conversationId:s}),await p({eventName:"assistant_message_received",properties:{conversationId:s}}),p({eventName:"assistant_answer_displayed",properties:{conversationId:s}})},onError(e){console.error("onError",{code:e.code,message:e.message});const r=W||f?null:Qe(e);if(r!==null&&h.current<1){h.current++;const a=T.current,n=Y.current;(async()=>{if(r==="session"){const c=await x();c&&(R.current=c)}else u();if(a){O(a);return}n&&(m(c=>{let i=[...c];return i.at(-1)?.role==="assistant"&&(i=i.slice(0,-1)),i.at(-1)?.role==="user"&&(i=i.slice(0,-1)),i}),P({text:n.content},{body:n.body}))})().catch(()=>{h.current=0,u(),m(c=>{const i=[...c],H=i[i.length-1];if(!H)return i;const ce=$;return H.role==="user"?i.push({id:w.generateUid(16),role:"assistant",parts:[{type:"text",text:ce}]}):H.parts=[{type:"text",text:ce}],i})});return}h.current=0,r!==null&&u(),p({eventName:"chat_error",properties:{conversationId:s,error:e.message}}),m(a=>{const n=[...a],o=n[n.length-1];if(o){const c=be(e);o.role==="user"?n.push({id:w.generateUid(16),role:"assistant",parts:[{type:"text",text:c}]}):o.parts=[{type:"text",text:c}]}return n})}}),re=te==="submitted",U=te==="streaming",Ie=t.useMemo(()=>{const e=o=>{if(!o||typeof o!="object")return!1;const c=o;return typeof c.type=="string"&&c.type.startsWith("tool-")},a=[...A??[]].reverse().find(o=>o.role==="assistant");if(!a)return!1;const n=a.parts?.at(-1);return!(!e(n)||n.state!=="output-available"||!n.approval?.id||U)},[A,U]),ne=U||Ie,ae=re||ne,Ae=A.length===0,B=!v.trim()||ae,Ee=Le.useMediaQuery("(max-width: 768px)"),[Me,E]=t.useState(null);t.useEffect(()=>{F&&E(F)},[F]);const we=()=>E(null),oe=t.useRef(null);t.useEffect(()=>{he?.(v)},[v]);const ke=e=>{e.key==="Enter"&&!e.shiftKey&&!B&&!e.nativeEvent.isComposing&&(e.preventDefault(),D())},D=async(e=v)=>{if(B&&(!e||e.trim().length===0))return;I([]),k(""),h.current=0,T.current=null,await p({eventName:"user_message_submitted",properties:{conversationId:s}});let r=s;r||(r=`conv_${w.generateUid(16)}`,d(r)),pe(r),Y.current={content:e,body:{conversationId:r}},P({text:e},{body:{conversationId:r}})},qe=t.useCallback(e=>{h.current=0,T.current=e,O(e)},[O]),L=t.useCallback(()=>{se().then(()=>{C("aborted",{conversationId:s})})},[se,s,C]),ie=()=>{we(),m([]),d(""),I([]),N(null),u(),p({eventName:"chat_clear_button_clicked",properties:{conversationId:s}})},M=t.useCallback((e,r)=>{E(null),m(r),d(e),I([]),N(null),u()},[m,d,u]),xe=t.useCallback(async(e,r)=>{L(),M(e,[]),X(!0);try{const a=await Z(e,r),n=a?.[a.length-1],o=a!==null&&n?.role==="user"?[...a,{id:w.generateUid(16),role:"assistant",parts:[{type:"text",text:"This session was interrupted. Please check back in a few minutes or start a new conversation."}]}]:a;o!==null&&M(e,o)}finally{r?.aborted||X(!1)}},[M,Z,L]),{openForm:Te}=We.useChatForm(),_e=Ke.useWidget();return t.useImperativeHandle(l.chatFunctionsRef,()=>({submitMessage:D,updateInputMessage(e){k(e)},clearChat:ie,openForm:e=>{_e?.setView("chat"),Te(e,void 0)},focusInput:()=>{oe.current?.focus()}})),{messages:A,sendMessage:P,addToolApprovalResponse:qe,isLoading:re,isStreaming:ne,isBusy:ae,error:Me,setError:E,isSubmitDisabled:B,input:v,handleInputChange:fe,handleInputKeyDown:ke,handleSubmit:D,stop:L,clear:ie,inputRef:oe,isMobile:Ee,messageAttachments:Ce,setMessageAttachments:I,selectedWorkflow:Se,setSelectedWorkflow:N,isNewChat:Ae,conversationId:s,restoreSession:M,loadAndRestoreSession:xe,isSessionLoading:ye,sessionToken:q,refreshSession:x,getCaptchaHeader:b,invalidateCaptcha:u}};exports.DEFAULT_ERROR_MESSAGE=$;exports.useInkeepChat=Ve;
+It seems I might be having some issues right now. Please clear the chat and try again.`,at=()=>{const{baseSettings:f,aiChatSettings:h}=Je.useInkeepConfig(),[s="",l]=tt.useControllableState({prop:h.conversationId,defaultProp:h.conversationId??""}),ve=$e.useModal(),ye=je.useOptionalChatBubble(),be=ze.useOptionalSidebarChat(),{logEvent:g}=Xe.useBaseEvents(),{setConversationId:Ce,emitToParent:k}=st.useStreamingEvents(),Q=t.useRef(s);t.useEffect(()=>{const e=Q.current;Q.current=s,e!==s&&g({eventName:"chat_conversation_changed",properties:{conversationId:s,previousConversationId:e}})},[s,g]);const[y,A]=t.useState(""),Se=e=>A(e.target.value),{shouldBypassCaptcha:V,filters:Z,privacyPreferences:Re,userProperties:N}=f,{authToken:I,refreshToken:X}=Ve.useAuthToken(),Y=!!f.getAuthToken,d=!!I,{onInputMessageChange:ke,filters:ee,baseUrl:E,agentUrl:Ae,context:te,headers:se,appId:b,apiKey:m}=h,Ie=ve?.isOpen??ye?.isOpen??be?.isOpen??!0,{getCaptchaHeader:C,invalidate:c}=Ke.useCaptcha({baseUrl:E,shouldBypassCaptcha:V||!!m,shouldMakeInitialRequest:Ie}),re=t.useRef(C);re.current=C;const ne=Ae||`${E}/run/api/chat`,{sessionToken:O,refreshSession:_}=Qe.useAnonymousSession({baseUrl:E,appId:b,getCaptchaHeader:C,invalidateCaptcha:c,optOutAllAnalytics:Re?.optOutAllAnalytics,enabled:!d}),{loadConversation:ae}=Ze.useConversationLoader({baseUrl:E,appId:b,authToken:m??(d?I:O),getCaptchaHeader:C,invalidateCaptcha:c,refreshSession:m||d?void 0:_}),[Ee,oe]=t.useState(!1),F=t.useRef(null);F.current=O;const U=t.useRef(null);U.current=I;const D=t.useRef(void 0);D.current=N&&Object.keys(N).length>0?JSON.stringify(N):void 0;const v=t.useRef(0),ie=t.useRef(null),B=t.useRef(null),ue=t.useRef(se);ue.current=se;const L=t.useRef(void 0);L.current=Z||ee?JSON.stringify({...Z,...ee}):void 0;const we=e=>{switch(e.code){case 400:return e.message;case 401:return Y?"Authentication failed. Please try again.":P;case 403:return`There seems to be a configuration error. Please contact ${f.organizationDisplayName??"Administrator"}`;default:return P}},[Te,S]=t.useState([]),[Me,w]=t.useState(null),qe=t.useMemo(()=>new We.DefaultChatTransport({api:ne,headers:()=>{const e=m??U.current??F.current;return{"x-inkeep-client-timezone":Intl.DateTimeFormat().resolvedOptions().timeZone,"x-inkeep-client-timestamp":new Date().toISOString(),...b?{"x-inkeep-app-id":b}:{},...e?{Authorization:`Bearer ${e}`}:{},...L.current?{"inkeep-filters":L.current}:{},...D.current?{"x-inkeep-user-properties":D.current}:{},...ue.current}},prepareSendMessagesRequest:async e=>{const r=await re.current();return{body:{...e.body,id:e.id,messages:e.messages,trigger:e.trigger,messageId:e.messageId},headers:{...e.headers,...r}}},body:{requestContext:te}}),[ne,te,b,m]),{messages:T,sendMessage:H,addToolApprovalResponse:W,status:ce,setMessages:p,stop:M,error:$}=He.useChat({transport:qe,onData(e){k(e.type,e.data)},async onFinish(){k("completion",{conversationId:s}),await g({eventName:"assistant_message_received",properties:{conversationId:s}}),g({eventName:"assistant_answer_displayed",properties:{conversationId:s}})},onError(e){console.error("onError",{code:e.code,message:e.message});const r=V||m?null:nt(e);if(r!==null&&v.current<1){v.current++;const o=B.current,a=ie.current;(async()=>{if(r==="session"&&Y){const n=await X();if(!n)throw new Error("Auth token refresh failed");U.current=n}else if(r==="session"){const n=await _();n&&(F.current=n)}else c();if(o){W(o);return}a&&(p(n=>{let u=[...n];return u.at(-1)?.role==="assistant"&&(u=u.slice(0,-1)),u.at(-1)?.role==="user"&&(u=u.slice(0,-1)),u}),H({text:a.content},{body:a.body}))})().catch(()=>{v.current=0,c(),p(n=>{const u=[...n],G=u[u.length-1];if(!G)return u;const me=P;return G.role==="user"?u.push({id:x.generateUid(16),role:"assistant",parts:[{type:"text",text:me}]}):G.parts=[{type:"text",text:me}],u})});return}v.current=0,r!==null&&c(),g({eventName:"chat_error",properties:{conversationId:s,error:e.message}}),p(o=>{const a=[...o],i=a[a.length-1];if(i){const n=we(e);i.role==="user"?a.push({id:x.generateUid(16),role:"assistant",parts:[{type:"text",text:n}]}):i.parts=[{type:"text",text:n}]}return a})}}),le=t.useRef(d);t.useEffect(()=>{const e=le.current;le.current=d,e!==d&&(M(),R(null),p([]),l(""),A(""),S([]),w(null),c())},[d,M,p,l,c]);const de=ce==="submitted",j=ce==="streaming",xe=t.useMemo(()=>{const e=i=>{if(!i||typeof i!="object")return!1;const n=i;return typeof n.type=="string"&&n.type.startsWith("tool-")},o=[...T??[]].reverse().find(i=>i.role==="assistant");if(!o)return!1;const a=o.parts?.at(-1);return!(!e(a)||a.state!=="output-available"||!a.approval?.id||j)},[T,j]),pe=j||xe,fe=de||pe,Pe=T.length===0,z=!y.trim()||fe,Ne=Ge.useMediaQuery("(max-width: 768px)"),[Oe,R]=t.useState(null);t.useEffect(()=>{$&&R($)},[$]);const _e=()=>R(null),he=t.useRef(null);t.useEffect(()=>{ke?.(y)},[y]);const Fe=e=>{e.key==="Enter"&&!e.shiftKey&&!z&&!e.nativeEvent.isComposing&&(e.preventDefault(),J())},J=async(e=y)=>{if(z&&(!e||e.trim().length===0))return;S([]),A(""),v.current=0,B.current=null,await g({eventName:"user_message_submitted",properties:{conversationId:s}});let r=s;r||(r=`conv_${x.generateUid(16)}`,l(r)),Ce(r),ie.current={content:e,body:{conversationId:r}},H({text:e},{body:{conversationId:r}})},Ue=t.useCallback(e=>{v.current=0,B.current=e,W(e)},[W]),K=t.useCallback(()=>{M().then(()=>{k("aborted",{conversationId:s})})},[M,s,k]),ge=()=>{_e(),p([]),l(""),S([]),w(null),c(),g({eventName:"chat_clear_button_clicked",properties:{conversationId:s}})},q=t.useCallback((e,r)=>{R(null),p(r),l(e),S([]),w(null),c()},[p,l,c]),De=t.useCallback(async(e,r)=>{K(),q(e,[]),oe(!0);try{const o=await ae(e,r),a=o?.[o.length-1],i=o!==null&&a?.role==="user"?[...o,{id:x.generateUid(16),role:"assistant",parts:[{type:"text",text:"This session was interrupted. Please check back in a few minutes or start a new conversation."}]}]:o;i!==null&&q(e,i)}finally{r?.aborted||oe(!1)}},[q,ae,K]),{openForm:Be}=Ye.useChatForm(),Le=et.useWidget();return t.useImperativeHandle(h.chatFunctionsRef,()=>({submitMessage:J,updateInputMessage(e){A(e)},clearChat:ge,openForm:e=>{Le?.setView("chat"),Be(e,void 0)},focusInput:()=>{he.current?.focus()}})),{messages:T,sendMessage:H,addToolApprovalResponse:Ue,isLoading:de,isStreaming:pe,isBusy:fe,error:Oe,setError:R,isSubmitDisabled:z,input:y,handleInputChange:Se,handleInputKeyDown:Fe,handleSubmit:J,stop:K,clear:ge,inputRef:he,isMobile:Ne,messageAttachments:Te,setMessageAttachments:S,selectedWorkflow:Me,setSelectedWorkflow:w,isNewChat:Pe,conversationId:s,restoreSession:q,loadAndRestoreSession:De,isSessionLoading:Ee,sessionToken:d?I:O,refreshSession:d?X:_,getCaptchaHeader:C,invalidateCaptcha:c}};exports.DEFAULT_ERROR_MESSAGE=P;exports.useInkeepChat=at;

package/dist/primitives/components/embedded-chat/use-inkeep-chat.js

@@ -1,108 +1,118 @@
 "use client";
-import { useChat as Pe } from "@ai-sdk/react";
-import { DefaultChatTransport as He } from "ai";
-import { useRef as l, useEffect as q, useState as C, useMemo as pe, useCallback as E, useImperativeHandle as Le } from "react";
-import { useModal as Ue } from "../modal/modal-provider.js";
-import { useOptionalChatBubble as $e } from "../../providers/chat-bubble-provider.js";
-import { useOptionalSidebarChat as ze } from "../../providers/sidebar-chat-provider.js";
-import { useInkeepConfig as We } from "../../providers/config-provider.js";
-import { useCaptcha as qe } from "./use-captcha.js";
-import { useMediaQuery as Ke } from "../../hooks/use-media-query.js";
-import { useAnonymousSession as Je } from "../../hooks/use-anonymous-session.js";
-import { useConversationLoader as je } from "../../hooks/use-conversation-loader.js";
-import { generateUid as k } from "../../utils/generate-uid.js";
-import { useBaseEvents as Ge } from "../../providers/base-events-provider.js";
-import { useChatForm as Qe } from "../../providers/chat-form-provider.js";
-import { useWidget as Ve } from "../../providers/widget-provider.js";
-import { useControllableState as Ze } from "@radix-ui/react-use-controllable-state";
-import { useStreamingEvents as Xe } from "../../hooks/use-streaming-events.js";
-import { parseAuthError as Ye } from "../../hooks/use-inkeep-api-client.js";
-function et(f) {
-  const u = f.message ?? "";
-  let t = Number(f.code) || Number(f.statusCode);
+import { useChat as Je } from "@ai-sdk/react";
+import { DefaultChatTransport as Ke } from "ai";
+import { useRef as c, useEffect as O, useState as A, useMemo as Ce, useCallback as _, useImperativeHandle as je } from "react";
+import { useModal as Ge } from "../modal/modal-provider.js";
+import { useOptionalChatBubble as Qe } from "../../providers/chat-bubble-provider.js";
+import { useOptionalSidebarChat as Ve } from "../../providers/sidebar-chat-provider.js";
+import { useInkeepConfig as Ze } from "../../providers/config-provider.js";
+import { useCaptcha as Xe } from "./use-captcha.js";
+import { useMediaQuery as Ye } from "../../hooks/use-media-query.js";
+import { useAnonymousSession as et } from "../../hooks/use-anonymous-session.js";
+import { useAuthToken as tt } from "../../hooks/use-auth-token.js";
+import { useConversationLoader as st } from "../../hooks/use-conversation-loader.js";
+import { generateUid as F } from "../../utils/generate-uid.js";
+import { useBaseEvents as rt } from "../../providers/base-events-provider.js";
+import { useChatForm as nt } from "../../providers/chat-form-provider.js";
+import { useWidget as ot } from "../../providers/widget-provider.js";
+import { useControllableState as at } from "@radix-ui/react-use-controllable-state";
+import { useStreamingEvents as it } from "../../hooks/use-streaming-events.js";
+import { parseAuthError as ct } from "../../hooks/use-inkeep-api-client.js";
+function ut(m) {
+  const f = m.message ?? "";
+  let t = Number(m.code) || Number(m.statusCode);
   if (Number.isNaN(t))
     try {
-      t = Number(JSON.parse(u).status);
+      t = Number(JSON.parse(f).status);
     } catch {
     }
-  const p = Ye(t, { detail: u });
-  return p !== null ? p : t === 401 ? "session" : null;
+  const l = ct(t, { detail: f });
+  return l !== null ? l : t === 401 ? "session" : null;
 }
-const me = `Hmm.. 
+const Z = `Hmm.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`, bt = () => {
-  const { baseSettings: f, aiChatSettings: u } = We(), [t = "", p] = Ze({
-    prop: u.conversationId,
-    defaultProp: u.conversationId ?? ""
-  }), de = Ue(), fe = $e(), ge = ze(), { logEvent: m } = Ge(), { setConversationId: he, emitToParent: S } = Xe(), K = l(t);
-  q(() => {
-    const e = K.current;
-    K.current = t, e !== t && m({
+It seems I might be having some issues right now. Please clear the chat and try again.`, xt = () => {
+  const { baseSettings: m, aiChatSettings: f } = Ze(), [t = "", l] = at({
+    prop: f.conversationId,
+    defaultProp: f.conversationId ?? ""
+  }), Se = Ge(), ke = Qe(), Ae = Ve(), { logEvent: h } = rt(), { setConversationId: Ie, emitToParent: I } = it(), X = c(t);
+  O(() => {
+    const e = X.current;
+    X.current = t, e !== t && h({
       eventName: "chat_conversation_changed",
       properties: {
         conversationId: t,
         previousConversationId: e
       }
     });
-  }, [t, m]);
-  const [v, N] = C(""), ve = (e) => N(e.target.value), { shouldBypassCaptcha: J, filters: j, privacyPreferences: ye } = f, {
-    onInputMessageChange: be,
-    filters: G,
-    baseUrl: I,
-    agentUrl: Ce,
-    context: Q,
-    headers: V,
-    appId: y,
-    apiKey: d
-  } = u, Se = de?.isOpen ?? fe?.isOpen ?? ge?.isOpen ?? !0, { getCaptchaHeader: b, invalidate: c } = qe({
-    baseUrl: I,
-    shouldBypassCaptcha: J || !!d,
-    shouldMakeInitialRequest: Se
-  }), Z = l(b);
-  Z.current = b;
-  const X = Ce || `${I}/run/api/chat`, { sessionToken: T, refreshSession: _ } = Je({
-    baseUrl: I,
-    appId: y,
-    getCaptchaHeader: b,
-    invalidateCaptcha: c,
-    optOutAllAnalytics: ye?.optOutAllAnalytics
-  }), { loadConversation: Y } = je({
-    baseUrl: I,
-    appId: y,
-    authToken: d ?? T,
-    getCaptchaHeader: b,
-    invalidateCaptcha: c,
-    // Only pass refreshSession for anonymous-session flows; API key auth has no token to refresh.
-    refreshSession: d ? void 0 : _
-  }), [Ie, ee] = C(!1), w = l(null);
-  w.current = T;
-  const g = l(0), te = l(null), O = l(null), se = l(V);
-  se.current = V;
-  const F = l(void 0);
-  F.current = j || G ? JSON.stringify({ ...j, ...G }) : void 0;
-  const we = (e) => {
+  }, [t, h]);
+  const [y, w] = A(""), we = (e) => w(e.target.value), { shouldBypassCaptcha: Y, filters: ee, privacyPreferences: Re, userProperties: P } = m, { authToken: R, refreshToken: te } = tt(), se = !!m.getAuthToken, p = !!R, {
+    onInputMessageChange: Te,
+    filters: re,
+    baseUrl: T,
+    agentUrl: Me,
+    context: ne,
+    headers: oe,
+    appId: b,
+    apiKey: g
+  } = f, xe = Se?.isOpen ?? ke?.isOpen ?? Ae?.isOpen ?? !0, { getCaptchaHeader: C, invalidate: u } = Xe({
+    baseUrl: T,
+    shouldBypassCaptcha: Y || !!g,
+    shouldMakeInitialRequest: xe
+  }), ae = c(C);
+  ae.current = C;
+  const ie = Me || `${T}/run/api/chat`, { sessionToken: D, refreshSession: B } = et({
+    baseUrl: T,
+    appId: b,
+    getCaptchaHeader: C,
+    invalidateCaptcha: u,
+    optOutAllAnalytics: Re?.optOutAllAnalytics,
+    enabled: !p
+  }), { loadConversation: ce } = st({
+    baseUrl: T,
+    appId: b,
+    authToken: g ?? (p ? R : D),
+    getCaptchaHeader: C,
+    invalidateCaptcha: u,
+    refreshSession: g || p ? void 0 : B
+  }), [Ee, ue] = A(!1), H = c(null);
+  H.current = D;
+  const L = c(null);
+  L.current = R;
+  const U = c(void 0);
+  U.current = P && Object.keys(P).length > 0 ? JSON.stringify(P) : void 0;
+  const v = c(0), le = c(null), W = c(null), pe = c(oe);
+  pe.current = oe;
+  const $ = c(void 0);
+  $.current = ee || re ? JSON.stringify({ ...ee, ...re }) : void 0;
+  const Ne = (e) => {
     switch (e.code) {
       case 400:
         return e.message;
+      case 401:
+        return se ? "Authentication failed. Please try again." : Z;
       case 403:
-        return `There seems to be a configuration error. Please contact ${f.organizationDisplayName ?? "Administrator"}`;
+        return `There seems to be a configuration error. Please contact ${m.organizationDisplayName ?? "Administrator"}`;
       default:
-        return me;
+        return Z;
     }
-  }, [Ae, A] = C([]), [Re, B] = C(null), Me = pe(
-    () => new He({
-      api: X,
-      headers: () => ({
-        "x-inkeep-client-timezone": Intl.DateTimeFormat().resolvedOptions().timeZone,
-        "x-inkeep-client-timestamp": (/* @__PURE__ */ new Date()).toISOString(),
-        ...y ? { "x-inkeep-app-id": y } : {},
-        ...w.current ? { Authorization: `Bearer ${w.current}` } : {},
-        ...d ? { Authorization: `Bearer ${d}` } : {},
-        ...F.current ? { "inkeep-filters": F.current } : {},
-        ...se.current
-      }),
+  }, [Oe, S] = A([]), [_e, M] = A(null), Fe = Ce(
+    () => new Ke({
+      api: ie,
+      headers: () => {
+        const e = g ?? L.current ?? H.current;
+        return {
+          "x-inkeep-client-timezone": Intl.DateTimeFormat().resolvedOptions().timeZone,
+          "x-inkeep-client-timestamp": (/* @__PURE__ */ new Date()).toISOString(),
+          ...b ? { "x-inkeep-app-id": b } : {},
+          ...e ? { Authorization: `Bearer ${e}` } : {},
+          ...$.current ? { "inkeep-filters": $.current } : {},
+          ...U.current ? { "x-inkeep-user-properties": U.current } : {},
+          ...pe.current
+        };
+      },
       prepareSendMessagesRequest: async (e) => {
-        const s = await Z.current();
+        const s = await ae.current();
         return {
           body: {
             ...e.body,
@@ -118,30 +128,30 @@ It seems I might be having some issues right now. Please clear the chat and try
         };
       },
       body: {
-        requestContext: Q
+        requestContext: ne
       }
     }),
-    [X, Q, y, d]
+    [ie, ne, b, g]
   ), {
-    messages: R,
-    sendMessage: D,
-    addToolApprovalResponse: P,
-    status: re,
-    setMessages: h,
-    stop: ne,
-    error: H
-  } = Pe({
-    transport: Me,
+    messages: x,
+    sendMessage: q,
+    addToolApprovalResponse: z,
+    status: de,
+    setMessages: d,
+    stop: E,
+    error: J
+  } = Je({
+    transport: Fe,
     onData(e) {
-      S(e.type, e.data);
+      I(e.type, e.data);
     },
     async onFinish() {
-      S("completion", { conversationId: t }), await m({
+      I("completion", { conversationId: t }), await h({
         eventName: "assistant_message_received",
         properties: {
           conversationId: t
         }
-      }), m({
+      }), h({
         eventName: "assistant_answer_displayed",
         properties: {
           conversationId: t
@@ -150,178 +160,187 @@ It seems I might be having some issues right now. Please clear the chat and try
     },
     onError(e) {
       console.error("onError", { code: e.code, message: e.message });
-      const s = J || d ? null : et(e);
-      if (s !== null && g.current < 1) {
-        g.current++;
-        const n = O.current, r = te.current;
+      const s = Y || g ? null : ut(e);
+      if (s !== null && v.current < 1) {
+        v.current++;
+        const o = W.current, n = le.current;
         (async () => {
-          if (s === "session") {
-            const i = await _();
-            i && (w.current = i);
+          if (s === "session" && se) {
+            const r = await te();
+            if (!r) throw new Error("Auth token refresh failed");
+            L.current = r;
+          } else if (s === "session") {
+            const r = await B();
+            r && (H.current = r);
           } else
-            c();
-          if (n) {
-            P(n);
+            u();
+          if (o) {
+            z(o);
             return;
           }
-          r && (h((i) => {
-            let a = [...i];
-            return a.at(-1)?.role === "assistant" && (a = a.slice(0, -1)), a.at(-1)?.role === "user" && (a = a.slice(0, -1)), a;
-          }), D({ text: r.content }, { body: r.body }));
+          n && (d((r) => {
+            let i = [...r];
+            return i.at(-1)?.role === "assistant" && (i = i.slice(0, -1)), i.at(-1)?.role === "user" && (i = i.slice(0, -1)), i;
+          }), q({ text: n.content }, { body: n.body }));
         })().catch(() => {
-          g.current = 0, c(), h((i) => {
-            const a = [...i], W = a[a.length - 1];
-            if (!W) return a;
-            const ue = me;
-            return W.role === "user" ? a.push({
-              id: k(16),
+          v.current = 0, u(), d((r) => {
+            const i = [...r], V = i[i.length - 1];
+            if (!V) return i;
+            const be = Z;
+            return V.role === "user" ? i.push({
+              id: F(16),
               role: "assistant",
-              parts: [{ type: "text", text: ue }]
-            }) : W.parts = [{ type: "text", text: ue }], a;
+              parts: [{ type: "text", text: be }]
+            }) : V.parts = [{ type: "text", text: be }], i;
           });
         });
         return;
       }
-      g.current = 0, s !== null && c(), m({
+      v.current = 0, s !== null && u(), h({
         eventName: "chat_error",
         properties: {
           conversationId: t,
           error: e.message
         }
-      }), h((n) => {
-        const r = [...n], o = r[r.length - 1];
-        if (o) {
-          const i = we(e);
-          o.role === "user" ? r.push({
-            id: k(16),
+      }), d((o) => {
+        const n = [...o], a = n[n.length - 1];
+        if (a) {
+          const r = Ne(e);
+          a.role === "user" ? n.push({
+            id: F(16),
             role: "assistant",
-            parts: [{ type: "text", text: i }]
-          }) : o.parts = [{ type: "text", text: i }];
+            parts: [{ type: "text", text: r }]
+          }) : a.parts = [{ type: "text", text: r }];
         }
-        return r;
+        return n;
       });
     }
-  }), oe = re === "submitted", L = re === "streaming", xe = pe(() => {
-    const e = (o) => {
-      if (!o || typeof o != "object") return !1;
-      const i = o;
-      return typeof i.type == "string" && i.type.startsWith("tool-");
-    }, n = [...R ?? []].reverse().find((o) => o.role === "assistant");
-    if (!n) return !1;
-    const r = n.parts?.at(-1);
-    return !(!e(r) || r.state !== "output-available" || !r.approval?.id || L);
-  }, [R, L]), ae = L || xe, ie = oe || ae, Ee = R.length === 0, U = !v.trim() || ie, ke = Ke("(max-width: 768px)"), [Ne, M] = C(null);
-  q(() => {
-    H && M(H);
-  }, [H]);
-  const Te = () => M(null), ce = l(null);
-  q(() => {
-    be?.(v);
-  }, [v]);
-  const _e = (e) => {
-    e.key === "Enter" && !e.shiftKey && !U && !e.nativeEvent.isComposing && (e.preventDefault(), $());
-  }, $ = async (e = v) => {
-    if (U && (!e || e.trim().length === 0)) return;
-    A([]), N(""), g.current = 0, O.current = null, await m({
+  }), me = c(p);
+  O(() => {
+    const e = me.current;
+    me.current = p, e !== p && (E(), k(null), d([]), l(""), w(""), S([]), M(null), u());
+  }, [p, E, d, l, u]);
+  const fe = de === "submitted", K = de === "streaming", Pe = Ce(() => {
+    const e = (a) => {
+      if (!a || typeof a != "object") return !1;
+      const r = a;
+      return typeof r.type == "string" && r.type.startsWith("tool-");
+    }, o = [...x ?? []].reverse().find((a) => a.role === "assistant");
+    if (!o) return !1;
+    const n = o.parts?.at(-1);
+    return !(!e(n) || n.state !== "output-available" || !n.approval?.id || K);
+  }, [x, K]), he = K || Pe, ge = fe || he, De = x.length === 0, j = !y.trim() || ge, Be = Ye("(max-width: 768px)"), [He, k] = A(null);
+  O(() => {
+    J && k(J);
+  }, [J]);
+  const Le = () => k(null), ve = c(null);
+  O(() => {
+    Te?.(y);
+  }, [y]);
+  const Ue = (e) => {
+    e.key === "Enter" && !e.shiftKey && !j && !e.nativeEvent.isComposing && (e.preventDefault(), G());
+  }, G = async (e = y) => {
+    if (j && (!e || e.trim().length === 0)) return;
+    S([]), w(""), v.current = 0, W.current = null, await h({
       eventName: "user_message_submitted",
       properties: {
         conversationId: t
       }
     });
     let s = t;
-    s || (s = `conv_${k(16)}`, p(s)), he(s), te.current = {
+    s || (s = `conv_${F(16)}`, l(s)), Ie(s), le.current = {
       content: e,
       body: { conversationId: s }
-    }, D(
+    }, q(
       { text: e },
       {
         body: { conversationId: s }
       }
     );
-  }, Oe = E(
+  }, We = _(
     (e) => {
-      g.current = 0, O.current = e, P(e);
+      v.current = 0, W.current = e, z(e);
     },
-    [P]
-  ), z = E(() => {
-    ne().then(() => {
-      S("aborted", { conversationId: t });
+    [z]
+  ), Q = _(() => {
+    E().then(() => {
+      I("aborted", { conversationId: t });
     });
-  }, [ne, t, S]), le = () => {
-    Te(), h([]), p(""), A([]), B(null), c(), m({
+  }, [E, t, I]), ye = () => {
+    Le(), d([]), l(""), S([]), M(null), u(), h({
       eventName: "chat_clear_button_clicked",
       properties: {
         conversationId: t
       }
     });
-  }, x = E(
+  }, N = _(
     (e, s) => {
-      M(null), h(s), p(e), A([]), B(null), c();
+      k(null), d(s), l(e), S([]), M(null), u();
     },
-    [h, p, c]
-  ), Fe = E(
+    [d, l, u]
+  ), $e = _(
     async (e, s) => {
-      z(), x(e, []), ee(!0);
+      Q(), N(e, []), ue(!0);
       try {
-        const n = await Y(e, s), r = n?.[n.length - 1], o = n !== null && r?.role === "user" ? [...n, {
-          id: k(16),
+        const o = await ce(e, s), n = o?.[o.length - 1], a = o !== null && n?.role === "user" ? [...o, {
+          id: F(16),
           role: "assistant",
           parts: [{ type: "text", text: "This session was interrupted. Please check back in a few minutes or start a new conversation." }]
-        }] : n;
-        o !== null && x(e, o);
+        }] : o;
+        a !== null && N(e, a);
       } finally {
-        s?.aborted || ee(!1);
+        s?.aborted || ue(!1);
       }
     },
-    [x, Y, z]
-  ), { openForm: Be } = Qe(), De = Ve();
-  return Le(u.chatFunctionsRef, () => ({
-    submitMessage: $,
+    [N, ce, Q]
+  ), { openForm: qe } = nt(), ze = ot();
+  return je(f.chatFunctionsRef, () => ({
+    submitMessage: G,
     updateInputMessage(e) {
-      N(e);
+      w(e);
     },
-    clearChat: le,
+    clearChat: ye,
     openForm: (e) => {
-      De?.setView("chat"), Be(e, void 0);
+      ze?.setView("chat"), qe(e, void 0);
     },
     focusInput: () => {
-      ce.current?.focus();
+      ve.current?.focus();
     }
   })), {
-    messages: R,
-    sendMessage: D,
-    addToolApprovalResponse: Oe,
-    isLoading: oe,
-    isStreaming: ae,
-    isBusy: ie,
-    error: Ne,
-    setError: M,
-    isSubmitDisabled: U,
-    input: v,
-    handleInputChange: ve,
-    handleInputKeyDown: _e,
-    handleSubmit: $,
-    stop: z,
-    clear: le,
-    inputRef: ce,
-    isMobile: ke,
+    messages: x,
+    sendMessage: q,
+    addToolApprovalResponse: We,
+    isLoading: fe,
+    isStreaming: he,
+    isBusy: ge,
+    error: He,
+    setError: k,
+    isSubmitDisabled: j,
+    input: y,
+    handleInputChange: we,
+    handleInputKeyDown: Ue,
+    handleSubmit: G,
+    stop: Q,
+    clear: ye,
+    inputRef: ve,
+    isMobile: Be,
     // Additional state for attachments and workflow
-    messageAttachments: Ae,
-    setMessageAttachments: A,
-    selectedWorkflow: Re,
-    setSelectedWorkflow: B,
-    isNewChat: Ee,
+    messageAttachments: Oe,
+    setMessageAttachments: S,
+    selectedWorkflow: _e,
+    setSelectedWorkflow: M,
+    isNewChat: De,
     conversationId: t,
-    restoreSession: x,
-    loadAndRestoreSession: Fe,
-    isSessionLoading: Ie,
-    sessionToken: T,
-    refreshSession: _,
-    getCaptchaHeader: b,
-    invalidateCaptcha: c
+    restoreSession: N,
+    loadAndRestoreSession: $e,
+    isSessionLoading: Ee,
+    sessionToken: p ? R : D,
+    refreshSession: p ? te : B,
+    getCaptchaHeader: C,
+    invalidateCaptcha: u
   };
 };
 export {
-  me as DEFAULT_ERROR_MESSAGE,
-  bt as useInkeepChat
+  Z as DEFAULT_ERROR_MESSAGE,
+  xt as useInkeepChat
 };

package/dist/primitives/hooks/use-anonymous-session.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),b=require("./use-local-storage.cjs"),_=require("./use-inkeep-api-client.cjs"),M=30*1e3,$=2147483647,D=()=>{},F=async()=>({});function C(n){return new Date(n.expiresAt).getTime()-M<=Date.now()}const L=({baseUrl:n,appId:t,getCaptchaHeader:d,invalidateCaptcha:g,optOutAllAnalytics:p})=>{const w=t&&!p?`inkeep_session_${t}`:null,[u,R]=b.useLocalStorage(w),{fetchWithAuth:k}=_.useInkeepApiClient({appId:t,authToken:void 0,getCaptchaHeader:d??F,invalidateCaptcha:g??D}),l=e.useRef(n);l.current=n;const h=e.useRef(t);h.current=t;const c=e.useRef(u);c.current=u;const S=e.useRef(R);S.current=R;const T=e.useRef(k);T.current=k;const f=e.useRef(null),s=e.useCallback(async r=>{if(!l.current||!h.current)return null;if(!r&&f.current)return f.current;const o=`${l.current}/run/auth/apps/${h.current}/anonymous-session`,a=(async()=>{try{const i={"Content-Type":"application/json"},v=c.current?.token;v&&(i.Authorization=`Bearer ${v}`);const A=await T.current(o,{method:"POST",headers:i,signal:r});if(!A.ok)throw new Error(`Failed to fetch anonymous session: ${A.status}`);const y=await A.json();return S.current({token:y.token,expiresAt:y.expiresAt}),y.token}catch(i){return i instanceof Error&&i.name==="AbortError"||console.error("[anonymous-session] fetch failed",i),null}finally{r||(f.current=null)}})();return r||(f.current=a),a},[]),E=e.useRef(!1);e.useEffect(()=>{if(!n||!t)return;const r=!E.current;if(E.current=!0,!r&&c.current&&!C(c.current)||f.current)return;const o=new AbortController;return s(o.signal),()=>o.abort()},[n,t,s]),e.useEffect(()=>{if(!n||!t||!u?.expiresAt)return;const m=new Date(u.expiresAt).getTime()-M-Date.now();if(m<=0)return;const a=setTimeout(()=>s(),Math.min(m,$));return()=>clearTimeout(a)},[n,t,u?.expiresAt,s]),e.useEffect(()=>{if(!n||!t)return;const r=()=>{if(document.visibilityState!=="visible")return;const o=c.current;(!o||C(o))&&s()};return document.addEventListener("visibilitychange",r),()=>document.removeEventListener("visibilitychange",r)},[n,t,s]);const x=e.useCallback(()=>s(),[s]);return{sessionToken:u?.token??null,refreshSession:x}};exports.useAnonymousSession=L;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),j=require("./use-local-storage.cjs"),p=require("./use-inkeep-api-client.cjs"),_=30*1e3,q=2147483647,P=()=>{},B=async()=>({});function x(s){return new Date(s.expiresAt).getTime()-_<=Date.now()}const W=({baseUrl:s,appId:t,getCaptchaHeader:$,invalidateCaptcha:D,optOutAllAnalytics:m,enabled:n=!0})=>{const F=n&&t&&!m?`inkeep_session_${t}`:null,[c,h]=j.useLocalStorage(F),E=e.useRef(n);e.useEffect(()=>{const r=E.current;if(E.current=n,r&&!n&&t&&!m){try{localStorage.removeItem(`inkeep_session_${t}`)}catch{}h(null)}},[n,t,m,h]);const{fetchWithAuth:v}=p.useInkeepApiClient({appId:t,authToken:void 0,getCaptchaHeader:$??B,invalidateCaptcha:D??P}),R=e.useRef(s);R.current=s;const y=e.useRef(t);y.current=t;const f=e.useRef(c);f.current=c;const T=e.useRef(h);T.current=h;const g=e.useRef(v);g.current=v;const a=e.useRef(null),w=e.useRef(n);w.current=n;const o=e.useCallback(async r=>{if(!w.current||!R.current||!y.current)return null;if(!r&&a.current)return a.current;const u=`${R.current}/run/auth/apps/${y.current}/anonymous-session`,l=(async()=>{try{const i={"Content-Type":"application/json"},M=f.current?.token;M&&(i.Authorization=`Bearer ${M}`);const A=await g.current(u,{method:"POST",headers:i,signal:r});if(!A.ok)throw new Error(`Failed to fetch anonymous session: ${A.status}`);const S=await A.json();return T.current({token:S.token,expiresAt:S.expiresAt}),S.token}catch(i){return i instanceof Error&&i.name==="AbortError"||console.error("[anonymous-session] fetch failed",i),null}finally{r||(a.current=null)}})();return r||(a.current=l),l},[]),C=e.useRef(!1);e.useEffect(()=>{if(!n||!s||!t)return;const r=!C.current;if(C.current=!0,!r&&f.current&&!x(f.current)||a.current)return;const u=new AbortController;return o(u.signal),()=>u.abort()},[s,t,n,o]),e.useEffect(()=>{if(!n||!s||!t||!c?.expiresAt)return;const k=new Date(c.expiresAt).getTime()-_-Date.now();if(k<=0)return;const l=setTimeout(()=>o(),Math.min(k,q));return()=>clearTimeout(l)},[s,t,n,c?.expiresAt,o]),e.useEffect(()=>{if(!n||!s||!t)return;const r=()=>{if(document.visibilityState!=="visible")return;const u=f.current;(!u||x(u))&&o()};return document.addEventListener("visibilitychange",r),()=>document.removeEventListener("visibilitychange",r)},[s,t,n,o]);const L=e.useCallback(()=>o(),[o]);return{sessionToken:c?.token??null,refreshSession:L}};exports.useAnonymousSession=W;

package/dist/primitives/hooks/use-anonymous-session.d.ts

@@ -4,8 +4,9 @@ interface UseAnonymousSessionOptions {
     getCaptchaHeader?: () => Promise<Record<string, string>>;
     invalidateCaptcha?: () => void;
     optOutAllAnalytics?: boolean;
+    enabled?: boolean;
 }
-export declare const useAnonymousSession: ({ baseUrl, appId, getCaptchaHeader, invalidateCaptcha, optOutAllAnalytics, }: UseAnonymousSessionOptions) => {
+export declare const useAnonymousSession: ({ baseUrl, appId, getCaptchaHeader, invalidateCaptcha, optOutAllAnalytics, enabled, }: UseAnonymousSessionOptions) => {
     sessionToken: string | null;
     refreshSession: () => Promise<string | null>;
 };

package/dist/primitives/hooks/use-anonymous-session.js

@@ -1,82 +1,96 @@
 "use client";
-import { useRef as s, useCallback as E, useEffect as k } from "react";
-import { useLocalStorage as D } from "./use-local-storage.js";
-import { useInkeepApiClient as F } from "./use-inkeep-api-client.js";
-const M = 30 * 1e3, b = 2147483647, L = () => {
-}, j = async () => ({});
-function w(t) {
-  return new Date(t.expiresAt).getTime() - M <= Date.now();
+import { useRef as o, useEffect as l, useCallback as g } from "react";
+import { useLocalStorage as B } from "./use-local-storage.js";
+import { useInkeepApiClient as P } from "./use-inkeep-api-client.js";
+const p = 30 * 1e3, W = 2147483647, X = () => {
+}, z = async () => ({});
+function $(n) {
+  return new Date(n.expiresAt).getTime() - p <= Date.now();
 }
-const X = ({
-  baseUrl: t,
+const Y = ({
+  baseUrl: n,
   appId: e,
-  getCaptchaHeader: C,
-  invalidateCaptcha: d,
-  optOutAllAnalytics: g
+  getCaptchaHeader: D,
+  invalidateCaptcha: F,
+  optOutAllAnalytics: k,
+  enabled: t = !0
 }) => {
-  const _ = e && !g ? `inkeep_session_${e}` : null, [i, T] = D(_), { fetchWithAuth: R } = F({
+  const L = t && e && !k ? `inkeep_session_${e}` : null, [c, h] = B(L), S = o(t);
+  l(() => {
+    const r = S.current;
+    if (S.current = t, r && !t && e && !k) {
+      try {
+        localStorage.removeItem(`inkeep_session_${e}`);
+      } catch {
+      }
+      h(null);
+    }
+  }, [t, e, k, h]);
+  const { fetchWithAuth: T } = P({
     appId: e,
     authToken: void 0,
-    getCaptchaHeader: C ?? j,
-    invalidateCaptcha: d ?? L
-  }), l = s(t);
-  l.current = t;
-  const h = s(e);
-  h.current = e;
-  const u = s(i);
-  u.current = i;
-  const S = s(T);
-  S.current = T;
-  const p = s(R);
-  p.current = R;
-  const f = s(null), r = E(async (n) => {
-    if (!l.current || !h.current) return null;
-    if (!n && f.current)
-      return f.current;
-    const o = `${l.current}/run/auth/apps/${h.current}/anonymous-session`, a = (async () => {
+    getCaptchaHeader: D ?? z,
+    invalidateCaptcha: F ?? X
+  }), y = o(n);
+  y.current = n;
+  const A = o(e);
+  A.current = e;
+  const f = o(c);
+  f.current = c;
+  const w = o(h);
+  w.current = h;
+  const x = o(T);
+  x.current = T;
+  const a = o(null), M = o(t);
+  M.current = t;
+  const s = g(async (r) => {
+    if (!M.current || !y.current || !A.current) return null;
+    if (!r && a.current)
+      return a.current;
+    const i = `${y.current}/run/auth/apps/${A.current}/anonymous-session`, m = (async () => {
       try {
-        const c = { "Content-Type": "application/json" }, x = u.current?.token;
-        x && (c.Authorization = `Bearer ${x}`);
-        const A = await p.current(o, {
+        const u = { "Content-Type": "application/json" }, _ = f.current?.token;
+        _ && (u.Authorization = `Bearer ${_}`);
+        const v = await x.current(i, {
           method: "POST",
-          headers: c,
-          signal: n
+          headers: u,
+          signal: r
         });
-        if (!A.ok) throw new Error(`Failed to fetch anonymous session: ${A.status}`);
-        const y = await A.json();
-        return S.current({ token: y.token, expiresAt: y.expiresAt }), y.token;
-      } catch (c) {
-        return c instanceof Error && c.name === "AbortError" || console.error("[anonymous-session] fetch failed", c), null;
+        if (!v.ok) throw new Error(`Failed to fetch anonymous session: ${v.status}`);
+        const E = await v.json();
+        return w.current({ token: E.token, expiresAt: E.expiresAt }), E.token;
+      } catch (u) {
+        return u instanceof Error && u.name === "AbortError" || console.error("[anonymous-session] fetch failed", u), null;
       } finally {
-        n || (f.current = null);
+        r || (a.current = null);
       }
     })();
-    return n || (f.current = a), a;
-  }, []), v = s(!1);
-  k(() => {
-    if (!t || !e) return;
-    const n = !v.current;
-    if (v.current = !0, !n && u.current && !w(u.current) || f.current) return;
-    const o = new AbortController();
-    return r(o.signal), () => o.abort();
-  }, [t, e, r]), k(() => {
-    if (!t || !e || !i?.expiresAt) return;
-    const m = new Date(i.expiresAt).getTime() - M - Date.now();
-    if (m <= 0) return;
-    const a = setTimeout(() => r(), Math.min(m, b));
-    return () => clearTimeout(a);
-  }, [t, e, i?.expiresAt, r]), k(() => {
-    if (!t || !e) return;
-    const n = () => {
+    return r || (a.current = m), m;
+  }, []), C = o(!1);
+  l(() => {
+    if (!t || !n || !e) return;
+    const r = !C.current;
+    if (C.current = !0, !r && f.current && !$(f.current) || a.current) return;
+    const i = new AbortController();
+    return s(i.signal), () => i.abort();
+  }, [n, e, t, s]), l(() => {
+    if (!t || !n || !e || !c?.expiresAt) return;
+    const R = new Date(c.expiresAt).getTime() - p - Date.now();
+    if (R <= 0) return;
+    const m = setTimeout(() => s(), Math.min(R, W));
+    return () => clearTimeout(m);
+  }, [n, e, t, c?.expiresAt, s]), l(() => {
+    if (!t || !n || !e) return;
+    const r = () => {
       if (document.visibilityState !== "visible") return;
-      const o = u.current;
-      (!o || w(o)) && r();
+      const i = f.current;
+      (!i || $(i)) && s();
     };
-    return document.addEventListener("visibilitychange", n), () => document.removeEventListener("visibilitychange", n);
-  }, [t, e, r]);
-  const $ = E(() => r(), [r]);
-  return { sessionToken: i?.token ?? null, refreshSession: $ };
+    return document.addEventListener("visibilitychange", r), () => document.removeEventListener("visibilitychange", r);
+  }, [n, e, t, s]);
+  const j = g(() => s(), [s]);
+  return { sessionToken: c?.token ?? null, refreshSession: j };
 };
 export {
-  X as useAnonymousSession
+  Y as useAnonymousSession
 };

package/dist/primitives/hooks/use-auth-token.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),T=require("../providers/config-provider.cjs"),p=30*1e3,y=2147483647;function d(c){try{const e=c.split(".")[1];if(!e)return null;const n=JSON.parse(atob(e.replace(/-/g,"+").replace(/_/g,"/")));return typeof n.exp=="number"?n.exp*1e3:null}catch{return null}}const A=()=>{const{baseSettings:c}=T.useInkeepConfig(),{getAuthToken:e}=c,[n,l]=t.useState(null),[h,f]=t.useState(!!e),o=t.useRef(null),i=t.useRef(e);i.current=e;const u=t.useCallback(async()=>{const s=i.current;if(!s)return null;if(o.current)return o.current;const a=(async()=>{try{const r=await s();return l(r),r}catch(r){return console.error("[useAuthToken] getAuthToken failed",r),l(null),null}finally{o.current=null,f(!1)}})();return o.current=a,a},[]);t.useEffect(()=>{if(!e){l(null),f(!1);return}u()},[e,u]),t.useEffect(()=>{if(!e||!n)return;const s=d(n);if(!s)return;const r=s-p-Date.now();if(r<=0)return;const k=setTimeout(()=>u(),Math.min(r,y));return()=>clearTimeout(k)},[e,n,u]);const g=t.useCallback(async()=>i.current?u():null,[u]);return{authToken:n,isLoading:h,refreshToken:g}};exports.useAuthToken=A;

package/dist/primitives/hooks/use-auth-token.d.ts

@@ -0,0 +1,5 @@
+export declare const useAuthToken: () => {
+    authToken: string | null;
+    isLoading: boolean;
+    refreshToken: () => Promise<string | null>;
+};

package/dist/primitives/hooks/use-auth-token.js

@@ -0,0 +1,54 @@
+"use client";
+import { useState as f, useRef as h, useCallback as p, useEffect as k } from "react";
+import { useInkeepConfig as y } from "../providers/config-provider.js";
+const A = 30 * 1e3, d = 2147483647;
+function M(s) {
+  try {
+    const e = s.split(".")[1];
+    if (!e) return null;
+    const t = JSON.parse(atob(e.replace(/-/g, "+").replace(/_/g, "/")));
+    return typeof t.exp == "number" ? t.exp * 1e3 : null;
+  } catch {
+    return null;
+  }
+}
+const E = () => {
+  const { baseSettings: s } = y(), { getAuthToken: e } = s, [t, c] = f(null), [T, a] = f(!!e), o = h(null), l = h(e);
+  l.current = e;
+  const r = p(async () => {
+    const u = l.current;
+    if (!u) return null;
+    if (o.current) return o.current;
+    const i = (async () => {
+      try {
+        const n = await u();
+        return c(n), n;
+      } catch (n) {
+        return console.error("[useAuthToken] getAuthToken failed", n), c(null), null;
+      } finally {
+        o.current = null, a(!1);
+      }
+    })();
+    return o.current = i, i;
+  }, []);
+  k(() => {
+    if (!e) {
+      c(null), a(!1);
+      return;
+    }
+    r();
+  }, [e, r]), k(() => {
+    if (!e || !t) return;
+    const u = M(t);
+    if (!u) return;
+    const n = u - A - Date.now();
+    if (n <= 0) return;
+    const m = setTimeout(() => r(), Math.min(n, d));
+    return () => clearTimeout(m);
+  }, [e, t, r]);
+  const g = p(async () => l.current ? r() : null, [r]);
+  return { authToken: t, isLoading: T, refreshToken: g };
+};
+export {
+  E as useAuthToken
+};

package/dist/primitives/providers/base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),t=require("react"),l=require("./config-provider.cjs"),a=t.createContext(void 0),p=({children:e})=>{const{baseSettings:s,componentType:n}=l.useInkeepConfig(),{tags:o,analyticsProperties:r}=s,i=t.useMemo(()=>({widgetLibraryVersion:"0.15.20",componentType:n,tags:o}),[n,o]),u={logEvent:t.useCallback(async c=>{const v={...i,...c.properties,...r},d={eventName:c.eventName,properties:v};return s.onEvent?.(d)},[s,i,r])};return E.jsx(a.Provider,{value:u,children:e})},g=()=>{const e=t.useContext(a);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=p;exports.useBaseEvents=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),t=require("react"),l=require("./config-provider.cjs"),a=t.createContext(void 0),p=({children:e})=>{const{baseSettings:s,componentType:n}=l.useInkeepConfig(),{tags:o,analyticsProperties:r}=s,i=t.useMemo(()=>({widgetLibraryVersion:"0.15.21",componentType:n,tags:o}),[n,o]),u={logEvent:t.useCallback(async c=>{const v={...i,...c.properties,...r},d={eventName:c.eventName,properties:v};return s.onEvent?.(d)},[s,i,r])};return E.jsx(a.Provider,{value:u,children:e})},g=()=>{const e=t.useContext(a);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=p;exports.useBaseEvents=g;

package/dist/primitives/providers/base-events-provider.js

@@ -5,7 +5,7 @@ import { useInkeepConfig as g } from "./config-provider.js";
 const a = d(void 0), P = ({ children: e }) => {
   const { baseSettings: t, componentType: o } = g(), { tags: s, analyticsProperties: n } = t, r = u(
     () => ({
-      widgetLibraryVersion: "0.15.20",
+      widgetLibraryVersion: "0.15.21",
       componentType: o,
       tags: s
     }),

package/dist/primitives/providers/chat-history-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react/jsx-runtime"),e=require("react"),Y=require("../components/embedded-chat/chat-provider.cjs"),N=require("./config-provider.cjs"),ee=require("../hooks/use-inkeep-api-client.cjs"),D=e.createContext(void 0),T=25;function te(t){const{stop:a,clear:c,conversationId:u,isStreaming:H,loadAndRestoreSession:P,sessionToken:f,refreshSession:F,getCaptchaHeader:W,invalidateCaptcha:G}=Y.useChat(),{aiChatSettings:K}=N.useInkeepConfig(),{baseUrl:h,appId:k,apiKey:U}=K,o=!U&&!!k,C=f,{fetchWithAuth:I}=ee.useInkeepApiClient({appId:k,authToken:C,getCaptchaHeader:W,invalidateCaptcha:G,refreshSession:F}),[p,S]=e.useState(!1),[R,Z]=e.useState([]),[g,E]=e.useState(!1),[x,_]=e.useState(0),[v,z]=e.useState(!1),b=e.useRef(!1),m=e.useRef(null),q=e.useRef([]);q.current=R;const j=e.useRef(I);j.current=I;const i=e.useCallback(async(s,n=!1)=>{if(!(!h||!C||!o)){n||E(!0);try{const w=`${h}/run/v1/conversations?page=${s+1}&limit=${T}`,y=await j.current(w);if(!y.ok)throw new Error(`Failed to fetch conversations: ${y.status}`);const $=await y.json(),d=($.data??[]).map(r=>({id:r.id,title:r.title??"",createdAt:new Date(r.createdAt),updatedAt:new Date(r.updatedAt)}));Z(r=>{if(s===0&&!n)return d;if(s===0&&n){const l=new Set(d.map(A=>A.id));return[...d,...r.slice(T).filter(A=>!l.has(A.id))]}const V=new Set(r.map(l=>l.id));return[...r,...d.filter(l=>!V.has(l.id))]});const{page:L,pages:O}=$.pagination??{};z(L!=null&&O!=null?L<O:!1),n||_(s)}catch(w){console.error("[useChatHistory] Failed to load conversations:",w)}finally{E(!1)}}},[h,C,o]);e.useEffect(()=>{!p||!f||!o||(t==="stack"?i(0):b.current||(b.current=!0,i(0)))},[p,f,o,t,i]);const M=e.useRef("");e.useEffect(()=>{o&&t==="sidepane"&&(!u||!H||b.current&&M.current!==u&&(q.current.some(s=>s.id===u)||(M.current=u,i(0,!0))))},[u,o,t,i,H]);const B=e.useCallback(()=>{!g&&v&&i(x+1)},[g,v,x,i]),J=e.useCallback(()=>{a(),c(),t!=="sidepane"&&S(!1)},[t,a,c]),Q=e.useCallback(async s=>{m.current?.abort();const n=new AbortController;m.current=n,await P(s,n.signal),!n.signal.aborted&&t!=="sidepane"&&S(!1)},[t,P]);return{isEnabled:o,isOpen:p,setIsOpen:S,sessions:R,isLoading:g,hasMore:v,loadMore:B,startNewConversation:J,loadSession:Q}}const se=({layout:t,children:a})=>{const c=te(t);return X.jsx(D.Provider,{value:c,children:typeof a=="function"?a(c):a})},ne=()=>{const t=e.useContext(D);if(!t)throw new Error("useChatHistory must be used within a ChatHistoryProvider");return t};exports.ChatHistoryProvider=se;exports.useChatHistory=ne;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react/jsx-runtime"),e=require("react"),se=require("../components/embedded-chat/chat-provider.cjs"),ne=require("./config-provider.cjs"),re=require("../hooks/use-inkeep-api-client.cjs"),Z=e.createContext(void 0),U=25;function oe(t){const{stop:u,clear:f,conversationId:l,isStreaming:R,loadAndRestoreSession:H,sessionToken:r,refreshSession:_,getCaptchaHeader:z,invalidateCaptcha:B}=se.useChat(),{aiChatSettings:J,baseSettings:Q}=ne.useInkeepConfig(),{baseUrl:S,appId:I,apiKey:V}=J,i=!!Q.getAuthToken,a=!V&&!!I&&(!!r||i),v=r,{fetchWithAuth:P}=re.useInkeepApiClient({appId:I,authToken:v,getCaptchaHeader:z,invalidateCaptcha:B,refreshSession:_}),[b,k]=e.useState(!1),[E,x]=e.useState([]),[w,m]=e.useState(!1),[T,q]=e.useState(0),[A,j]=e.useState(!1),h=e.useRef(!1),M=e.useRef(null),$=e.useRef(i),L=e.useRef(r);e.useEffect(()=>{const n=$.current,s=L.current;$.current=i,L.current=r,(n!==i||s!==null&&r!==null&&s!==r)&&(x([]),q(0),j(!1),h.current=!1)},[i,r]);const O=e.useRef([]);O.current=E;const D=e.useRef(P);D.current=P;const c=e.useCallback(async(n,s=!1)=>{if(!(!S||!v||!a)){s||m(!0);try{const C=`${S}/run/v1/conversations?page=${n+1}&limit=${U}`,g=await D.current(C);if(!g.ok)throw new Error(`Failed to fetch conversations: ${g.status}`);const W=await g.json(),p=(W.data??[]).map(o=>({id:o.id,title:o.title??"",createdAt:new Date(o.createdAt),updatedAt:new Date(o.updatedAt)}));x(o=>{if(n===0&&!s)return p;if(n===0&&s){const d=new Set(p.map(y=>y.id));return[...p,...o.slice(U).filter(y=>!d.has(y.id))]}const ee=new Set(o.map(d=>d.id));return[...o,...p.filter(d=>!ee.has(d.id))]});const{page:G,pages:K}=W.pagination??{};j(G!=null&&K!=null?G<K:!1),s||q(n)}catch(C){console.error("[useChatHistory] Failed to load conversations:",C)}finally{m(!1)}}},[S,v,a]);e.useEffect(()=>{!b||!r&&!i||!a||(t==="stack"?c(0):h.current||(h.current=!0,c(0)))},[b,r,i,a,t,c]);const F=e.useRef("");e.useEffect(()=>{a&&t==="sidepane"&&(!l||!R||h.current&&F.current!==l&&(O.current.some(n=>n.id===l)||(F.current=l,c(0,!0))))},[l,a,t,c,R]);const X=e.useCallback(()=>{!w&&A&&c(T+1)},[w,A,T,c]),Y=e.useCallback(()=>{u(),f(),t!=="sidepane"&&k(!1)},[t,u,f]),N=e.useCallback(async n=>{M.current?.abort();const s=new AbortController;M.current=s,await H(n,s.signal),!s.signal.aborted&&t!=="sidepane"&&k(!1)},[t,H]);return{isEnabled:a,isOpen:b,setIsOpen:k,sessions:E,isLoading:w,hasMore:A,loadMore:X,startNewConversation:Y,loadSession:N}}const ie=({layout:t,children:u})=>{const f=oe(t);return te.jsx(Z.Provider,{value:f,children:typeof u=="function"?u(f):u})},ae=()=>{const t=e.useContext(Z);if(!t)throw new Error("useChatHistory must be used within a ChatHistoryProvider");return t};exports.ChatHistoryProvider=ie;exports.useChatHistory=ae;

package/dist/primitives/providers/chat-history-provider.js

@@ -1,105 +1,110 @@
 "use client";
-import { jsx as tt } from "react/jsx-runtime";
-import { createContext as et, useContext as st, useState as f, useRef as d, useCallback as h, useEffect as W } from "react";
-import { useChat as nt } from "../components/embedded-chat/chat-provider.js";
-import { useInkeepConfig as rt } from "./config-provider.js";
-import { useInkeepApiClient as ot } from "../hooks/use-inkeep-api-client.js";
-const K = et(void 0), G = 25;
-function it(t) {
+import { jsx as re } from "react/jsx-runtime";
+import { createContext as oe, useContext as ie, useState as h, useRef as c, useEffect as y, useCallback as S } from "react";
+import { useChat as ae } from "../components/embedded-chat/chat-provider.js";
+import { useInkeepConfig as ce } from "./config-provider.js";
+import { useInkeepApiClient as ue } from "../hooks/use-inkeep-api-client.js";
+const B = oe(void 0), z = 25;
+function fe(e) {
   const {
-    stop: i,
-    clear: a,
-    conversationId: c,
-    isStreaming: y,
-    loadAndRestoreSession: P,
-    sessionToken: p,
-    refreshSession: U,
-    getCaptchaHeader: Z,
-    invalidateCaptcha: _
-  } = nt(), { aiChatSettings: q } = rt(), { baseUrl: C, appId: k, apiKey: z } = q, r = !z && !!k, g = p, { fetchWithAuth: x } = ot({
-    appId: k,
-    authToken: g,
-    getCaptchaHeader: Z,
-    invalidateCaptcha: _,
-    refreshSession: U
-  }), [w, m] = f(!1), [E, B] = f([]), [S, $] = f(!1), [L, J] = f(0), [v, Q] = f(!1), A = d(!1), M = d(null), R = d([]);
-  R.current = E;
-  const j = d(x);
-  j.current = x;
-  const o = h(
-    async (e, s = !1) => {
-      if (!(!C || !g || !r)) {
-        s || $(!0);
+    stop: u,
+    clear: f,
+    conversationId: d,
+    isStreaming: P,
+    loadAndRestoreSession: x,
+    sessionToken: s,
+    refreshSession: J,
+    getCaptchaHeader: Q,
+    invalidateCaptcha: V
+  } = ae(), { aiChatSettings: X, baseSettings: Y } = ce(), { baseUrl: w, appId: E, apiKey: N } = X, o = !!Y.getAuthToken, i = !N && !!E && (!!s || o), m = s, { fetchWithAuth: R } = ue({
+    appId: E,
+    authToken: m,
+    getCaptchaHeader: Q,
+    invalidateCaptcha: V,
+    refreshSession: J
+  }), [A, k] = h(!1), [T, $] = h([]), [b, L] = h(!1), [M, j] = h(0), [I, D] = h(!1), p = c(!1), F = c(null), O = c(o), W = c(s);
+  y(() => {
+    const n = O.current, t = W.current;
+    O.current = o, W.current = s, (n !== o || t !== null && s !== null && t !== s) && ($([]), j(0), D(!1), p.current = !1);
+  }, [o, s]);
+  const G = c([]);
+  G.current = T;
+  const K = c(R);
+  K.current = R;
+  const a = S(
+    async (n, t = !1) => {
+      if (!(!w || !m || !i)) {
+        t || L(!0);
         try {
-          const b = `${C}/run/v1/conversations?page=${e + 1}&limit=${G}`, H = await j.current(b);
-          if (!H.ok) throw new Error(`Failed to fetch conversations: ${H.status}`);
-          const F = await H.json(), l = (F.data ?? []).map((n) => ({
-            id: n.id,
-            title: n.title ?? "",
-            createdAt: new Date(n.createdAt),
-            updatedAt: new Date(n.updatedAt)
+          const C = `${w}/run/v1/conversations?page=${n + 1}&limit=${z}`, g = await K.current(C);
+          if (!g.ok) throw new Error(`Failed to fetch conversations: ${g.status}`);
+          const Z = await g.json(), v = (Z.data ?? []).map((r) => ({
+            id: r.id,
+            title: r.title ?? "",
+            createdAt: new Date(r.createdAt),
+            updatedAt: new Date(r.updatedAt)
           }));
-          B((n) => {
-            if (e === 0 && !s) return l;
-            if (e === 0 && s) {
-              const u = new Set(l.map((I) => I.id));
-              return [...l, ...n.slice(G).filter((I) => !u.has(I.id))];
+          $((r) => {
+            if (n === 0 && !t) return v;
+            if (n === 0 && t) {
+              const l = new Set(v.map((H) => H.id));
+              return [...v, ...r.slice(z).filter((H) => !l.has(H.id))];
             }
-            const N = new Set(n.map((u) => u.id));
-            return [...n, ...l.filter((u) => !N.has(u.id))];
+            const se = new Set(r.map((l) => l.id));
+            return [...r, ...v.filter((l) => !se.has(l.id))];
           });
-          const { page: O, pages: T } = F.pagination ?? {};
-          Q(O != null && T != null ? O < T : !1), s || J(e);
-        } catch (b) {
-          console.error("[useChatHistory] Failed to load conversations:", b);
+          const { page: _, pages: q } = Z.pagination ?? {};
+          D(_ != null && q != null ? _ < q : !1), t || j(n);
+        } catch (C) {
+          console.error("[useChatHistory] Failed to load conversations:", C);
         } finally {
-          $(!1);
+          L(!1);
         }
       }
     },
-    [C, g, r]
+    [w, m, i]
   );
-  W(() => {
-    !w || !p || !r || (t === "stack" ? o(0) : A.current || (A.current = !0, o(0)));
-  }, [w, p, r, t, o]);
-  const D = d("");
-  W(() => {
-    r && t === "sidepane" && (!c || !y || A.current && D.current !== c && (R.current.some((e) => e.id === c) || (D.current = c, o(0, !0))));
-  }, [c, r, t, o, y]);
-  const V = h(() => {
-    !S && v && o(L + 1);
-  }, [S, v, L, o]), X = h(() => {
-    i(), a(), t !== "sidepane" && m(!1);
-  }, [t, i, a]), Y = h(
-    async (e) => {
-      M.current?.abort();
-      const s = new AbortController();
-      M.current = s, await P(e, s.signal), !s.signal.aborted && t !== "sidepane" && m(!1);
+  y(() => {
+    !A || !s && !o || !i || (e === "stack" ? a(0) : p.current || (p.current = !0, a(0)));
+  }, [A, s, o, i, e, a]);
+  const U = c("");
+  y(() => {
+    i && e === "sidepane" && (!d || !P || p.current && U.current !== d && (G.current.some((n) => n.id === d) || (U.current = d, a(0, !0))));
+  }, [d, i, e, a, P]);
+  const ee = S(() => {
+    !b && I && a(M + 1);
+  }, [b, I, M, a]), te = S(() => {
+    u(), f(), e !== "sidepane" && k(!1);
+  }, [e, u, f]), ne = S(
+    async (n) => {
+      F.current?.abort();
+      const t = new AbortController();
+      F.current = t, await x(n, t.signal), !t.signal.aborted && e !== "sidepane" && k(!1);
     },
-    [t, P]
+    [e, x]
   );
   return {
-    isEnabled: r,
-    isOpen: w,
-    setIsOpen: m,
-    sessions: E,
-    isLoading: S,
-    hasMore: v,
-    loadMore: V,
-    startNewConversation: X,
-    loadSession: Y
+    isEnabled: i,
+    isOpen: A,
+    setIsOpen: k,
+    sessions: T,
+    isLoading: b,
+    hasMore: I,
+    loadMore: ee,
+    startNewConversation: te,
+    loadSession: ne
   };
 }
-const ht = ({ layout: t, children: i }) => {
-  const a = it(t);
-  return /* @__PURE__ */ tt(K.Provider, { value: a, children: typeof i == "function" ? i(a) : i });
-}, pt = () => {
-  const t = st(K);
-  if (!t)
+const ve = ({ layout: e, children: u }) => {
+  const f = fe(e);
+  return /* @__PURE__ */ re(B.Provider, { value: f, children: typeof u == "function" ? u(f) : u });
+}, Se = () => {
+  const e = ie(B);
+  if (!e)
     throw new Error("useChatHistory must be used within a ChatHistoryProvider");
-  return t;
+  return e;
 };
 export {
-  ht as ChatHistoryProvider,
-  pt as useChatHistory
+  ve as ChatHistoryProvider,
+  Se as useChatHistory
 };

package/dist/types/config/base.d.ts

@@ -59,8 +59,15 @@ export interface InkeepBaseSettings {
     /**
      * Authentication token for the current user.
      * Used for authenticated API requests if required.
+     * @deprecated Use getAuthToken instead for automatic token refresh on 401.
      */
     userAuthToken?: string;
+    /**
+     * Async callback that returns a JWT for authenticated chat sessions.
+     * When provided, the widget uses JWT-based auth instead of anonymous sessions.
+     * The callback is re-invoked automatically on 401 responses to refresh the token.
+     */
+    getAuthToken?: () => Promise<string>;
     /**
      * Additional properties to be sent with analytics events.
      * These properties will be merged with the event properties.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/agents-ui",
-  "version": "0.15.20",
+  "version": "0.15.21",
   "description": "",
   "homepage": "",
   "repository": {