@inkeep/agents-ui 0.15.20 → 0.15.22

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.22",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.22",
       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.22",
   "description": "",
   "homepage": "",
   "repository": {