@inkeep/agents-ui 0.15.12 → 0.15.14

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

@@ -0,0 +1,67 @@
+"use client";
+import { solveChallenge as m } from "altcha-lib";
+import { useRef as p, useCallback as h, useEffect as x } from "react";
+const w = 30 * 1e3;
+function E(i) {
+  const e = /[?&]expires=(\d+)/.exec(i);
+  return e ? Number.parseInt(e[1], 10) * 1e3 : null;
+}
+const y = async (i) => {
+  try {
+    const e = await fetch(i, { method: "GET" });
+    if (!e.ok)
+      throw new Error(`Failed to fetch challenge: ${e.statusText}`);
+    const c = await e.json(), { challenge: s, algorithm: t, salt: r, maxnumber: n } = c, { promise: g } = await m(
+      s,
+      r,
+      t,
+      n
+    ), u = await g || void 0;
+    if (!u)
+      throw new Error("Challenge not solved");
+    return {
+      payload: { number: u.number, ...c },
+      expiresAt: E(r)
+    };
+  } catch (e) {
+    console.warn("[captcha] Error fetching/solving challenge:", e);
+    return;
+  }
+}, k = ({
+  baseUrl: i,
+  shouldBypassCaptcha: e = !1,
+  shouldMakeInitialRequest: c = !0
+}) => {
+  const s = `${i}/run/auth/pow/challenge`, t = p(null), r = p(null), n = h(() => {
+    const o = y(s);
+    t.current = o, o.then((l) => {
+      l && (r.current = l.expiresAt);
+    });
+  }, [s]), g = h(async () => {
+    if (e) return {};
+    t.current || n();
+    const o = t.current;
+    t.current = null, n();
+    const l = t.current, f = await o;
+    if (!f) {
+      const a = await l;
+      return a ? { "x-inkeep-challenge-solution": btoa(JSON.stringify(a.payload)) } : {};
+    }
+    if (f.expiresAt !== null && Date.now() >= f.expiresAt) {
+      const a = await l;
+      return a ? { "x-inkeep-challenge-solution": btoa(JSON.stringify(a.payload)) } : {};
+    }
+    return { "x-inkeep-challenge-solution": btoa(JSON.stringify(f.payload)) };
+  }, [e, n]), u = h(() => {
+    e || n();
+  }, [e, n]);
+  return x(() => {
+    if (!c || e) return;
+    const o = r.current !== null && Date.now() >= r.current - w;
+    (!t.current || o) && n();
+  }, [c, e, n]), { getCaptchaHeader: g, invalidate: u };
+};
+export {
+  y as fetchAndSolveChallenge,
+  k as useCaptcha
+};

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

package/dist/primitives/components/embedded-chat/use-inkeep-chat.d.ts

@@ -1,6 +1,6 @@
 import { KeyboardEvent, Dispatch, SetStateAction, RefObject } from 'react';
 import { Message, MessageAttachment, Workflow } from '../../../types/index.ts';
-import { FileUIPart, ChatRequestOptions, ChatAddToolApproveResponseFunction } from 'ai';
+import { FileUIPart, ChatRequestOptions } from 'ai';
 export declare const DEFAULT_ERROR_MESSAGE = "Hmm.. \n\nIt seems I might be having some issues right now. Please clear the chat and try again.";
 export declare const useInkeepChat: () => {
     messages: Message[];
@@ -23,7 +23,10 @@ export declare const useInkeepChat: () => {
         parts?: never;
         messageId?: string;
     } | undefined, options?: ChatRequestOptions) => Promise<void>;
-    addToolApprovalResponse: ChatAddToolApproveResponseFunction;
+    addToolApprovalResponse: (approval: {
+        id: string;
+        approved: boolean;
+    }) => void;
     isLoading: boolean;
     isStreaming: boolean;
     isBusy: boolean;
@@ -36,7 +39,6 @@ export declare const useInkeepChat: () => {
     handleSubmit: (content?: string) => Promise<void>;
     stop: () => void;
     clear: () => void;
-    isEmpty: boolean;
     inputRef: RefObject<HTMLTextAreaElement | null>;
     isMobile: boolean;
     messageAttachments: MessageAttachment[];
@@ -45,4 +47,11 @@ export declare const useInkeepChat: () => {
     setSelectedWorkflow: Dispatch<SetStateAction<Workflow | null>>;
     isNewChat: boolean;
     conversationId: string;
+    restoreSession: (sessionId: string, loadedMessages: Message[]) => void;
+    loadAndRestoreSession: (sessionId: string, signal?: AbortSignal) => Promise<void>;
+    isSessionLoading: boolean;
+    sessionToken: string | null;
+    refreshSession: () => Promise<string | null>;
+    getCaptchaHeader: () => Promise<Record<string, string>>;
+    invalidateCaptcha: () => void;
 };

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

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

package/dist/primitives/components/embedded-chat/use-stream-processor.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),L=require("./use-inkeep-chat.cjs");function M(l,u,C){const[p,k]=r.useState([]),[y,x]=r.useState(new Map),[w,A]=r.useState(Date.now()),[P,d]=r.useState(!1),S=r.useRef(0),D=r.useRef(0),R=r.useRef([]),m=r.useRef(y);m.current=y;const T=r.useCallback(()=>{const t=[];let e="",o=[],i=!1;l.length>S.current&&(A(Date.now()),S.current=l.length),D.current=0;const c=new Map,a=(n=!1)=>{if(o.length>0){const s=`group-${D.current++}`,h=m.current.get(s);h?c.set(s,{...h,isCompleted:n}):c.set(s,{isCompleted:n}),t.push({type:"summary-group",summaries:[...o],groupKey:s}),o=[]}};for(const n of l)if(n.type==="text")a(!0),e+=n.text||"";else if(n.type==="data-summary")e.trim()&&(t.push({type:"text",text:e}),e=""),o.push(n.data);else if(n.type==="data-operation"){e.trim()&&(t.push({type:"text",text:e}),e="");const s=n.data;if(s?.type){if((s.type==="tool_call"||s.type==="tool_result")&&s.details?.data?.inDelegatedAgent===!1)continue;switch(s.type){case"agent_initializing":break;case"completion":{const{type:f}=s;o.push({type:f,label:"Completed"}),a(!0);break}case"error":{const f=s.message||"Unknown error";if(console.warn("Data operation error:",f),!t.length)a(!0),C(new Error(f)),i||(t.push({type:"text",text:L.DEFAULT_ERROR_MESSAGE}),i=!0);else{const{type:g,label:E}=s;o.push({type:g,label:E})}break}default:{const{type:f,label:g}=s;o.push({type:f,label:g});break}}}}else if(n.type==="data-artifact")if(n.data?.type?.toLowerCase()==="citation"){const s=n.data,h=s.artifactSummary||{title:s.name};e+=` ^${h?.title||s.name}^`}else e.trim()&&(t.push({type:"text",text:e}),e=""),t.push(n);else n.type==="data-component"?(e.trim()&&(t.push({type:"text",text:e}),e=""),a(!0),t.push(n)):(e.trim()&&(t.push({type:"text",text:e}),e=""),a(!0),t.push(n));return a(!u),e.trim()&&t.push({type:"text",text:e}),{processed:t,newTimings:c}},[l,u,C]);r.useEffect(()=>{if(R.current===l)return;R.current=l;const{processed:t,newTimings:e}=T();k(t),(e.size!==m.current.size||Array.from(e.entries()).some(([i,c])=>{const a=m.current.get(i);return!a||a.isCompleted!==c.isCompleted}))&&x(e)},[T,l]),r.useEffect(()=>{u||x(t=>{const e=new Map(t);let o=!1;for(const[i,c]of e.entries())c.isCompleted||(e.set(i,{...c,isCompleted:!0}),o=!0);return o?e:t})},[u]);const b=r.useCallback(()=>{const t=Date.now()-w,e=Array.from(m.current.values()).some(i=>!i.isCompleted),o=t>1e3&&!e;d(o)},[w]);r.useEffect(()=>{if(!u){d(!1);return}if(!(p.length>0)){d(!1);return}const e=setInterval(b,200);return()=>clearInterval(e)},[u,b,p.length]);const v=r.useMemo(()=>!!(!(p.length>0)&&u),[p.length,u]);return{processedParts:p,summaryTimings:y,shouldShowInitialLoading:v,shouldShowStreamDelayLoading:P}}exports.useStreamProcessor=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),O=require("./use-inkeep-chat.cjs");function R(a,n){if(n)return a.findIndex(h=>h.type==="tool_call"&&h.toolCallId===n);const d=a.length-1;return d>=0&&a[d].type==="tool_call"?d:-1}function G(a){const n=a.ctx,h=a.details?.data,y=n?.toolCallId??n?.callId??a.toolCallId??h?.toolCallId;return typeof y=="string"?y:void 0}function q(a,n,d){const[h,y]=l.useState(!1),D=l.useRef(0),v=l.useRef(0),A=l.useRef(Date.now()),g=l.useRef(new Map),k=l.useRef(null),{processedParts:b,summaryTimings:P}=l.useMemo(()=>{const r=[];let t="",o=[],w=!1;a.length>D.current&&(A.current=Date.now(),D.current=a.length),v.current=0;const f=new Map,x=(s=!1)=>{if(o.length>0){const e=`group-${v.current++}`,u=g.current.get(e);u?f.set(e,{...u,isCompleted:s}):f.set(e,{isCompleted:s}),r.push({type:"summary-group",summaries:[...o],groupKey:e}),o=[]}};for(const s of a)if(s.type==="text")x(!0),t+=s.text||"";else if(s.type==="data-summary")t.trim()&&(r.push({type:"text",text:t}),t=""),o.push(s.data);else if(s.type==="data-operation"){t.trim()&&(r.push({type:"text",text:t}),t="");const e=s.data;if(e?.type){if((e.type==="tool_call"||e.type==="tool_result")&&e.details?.data?.inDelegatedAgent===!1)continue;switch(e.type){case"agent_initializing":break;case"completion":{const{type:i}=e;o.push({type:i,label:"Completed"}),x(!0);break}case"error":{const i=e.message||"Unknown error";if(console.warn("Data operation error:",i),!r.length)x(!0),k.current=i,w||(r.push({type:"text",text:O.DEFAULT_ERROR_MESSAGE}),w=!0);else{const{type:p,label:c}=e;o.push({type:p,label:c})}break}case"tool_call":{const{type:i,label:p}=e,c=G(e);o.push({type:i,label:p,...c&&{toolCallId:c}});break}case"tool_result":{const{type:i,label:p}=e,c=G(e),S={type:i,label:p},M=R(o,c);if(M>=0){o[M]=S;break}const T=r.filter(I=>I?.type==="summary-group");if(c){let I=!1;for(let m=T.length-1;m>=0;m--){const C=T[m].summaries;if(C?.length){const L=R(C,c);if(L>=0){C[L]=S,I=!0;break}}}if(I)break}else{const m=T[T.length-1]?.summaries;if(m?.length){const C=R(m,void 0);if(C>=0){m[C]=S;break}}}o.push(S);break}default:{const{type:i,label:p}=e;o.push({type:i,label:p});break}}}}else if(s.type==="data-artifact")if(s.data?.type?.toLowerCase()==="citation"){const e=s.data,u=e.artifactSummary||{title:e.name};t+=` ^${u?.title||e.name}^`}else t.trim()&&(r.push({type:"text",text:t}),t=""),r.push(s);else s.type==="data-component"?(t.trim()&&(r.push({type:"text",text:t}),t=""),x(!0),r.push(s)):(t.trim()&&(r.push({type:"text",text:t}),t=""),x(!0),r.push(s));if(x(!n),t.trim()&&r.push({type:"text",text:t}),!n)for(const[s,e]of f.entries())e.isCompleted||f.set(s,{...e,isCompleted:!0});const _=f.size!==g.current.size||Array.from(f.entries()).some(([s,e])=>{const u=g.current.get(s);return!u||u.isCompleted!==e.isCompleted})?f:g.current;return g.current=_,{processedParts:r,summaryTimings:_}},[a,n]);l.useEffect(()=>{k.current&&(d(new Error(k.current)),k.current=null)});const E=l.useCallback(()=>{const r=Date.now()-A.current,t=Array.from(g.current.values()).some(w=>!w.isCompleted),o=r>1e3&&!t;y(o)},[]);l.useEffect(()=>{if(!n){y(!1);return}if(!(b.length>0)){y(!1);return}const t=setInterval(E,200);return()=>clearInterval(t)},[n,E,b.length]);const z=l.useMemo(()=>!!(!(b.length>0)&&n),[b.length,n]);return{processedParts:b,summaryTimings:P,shouldShowInitialLoading:z,shouldShowStreamDelayLoading:h}}exports.useStreamProcessor=q;

package/dist/primitives/components/embedded-chat/use-stream-processor.d.ts

@@ -6,6 +6,8 @@ interface DataSummary {
     type: string;
     label?: string;
     details?: Record<string, unknown>;
+    /** Used to match tool_result to tool_call when they're in different groups (e.g. approval in between) or parallel */
+    toolCallId?: string;
 }
 interface TextPart {
     type: 'text';