@inkeep/agents-ui 0.0.0-rc-20260310051343

package/dist/primitives/components/embedded-chat/chat-provider.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as n, createContext as m } from "react";
+import { useInkeepChat as s } from "./use-inkeep-chat.js";
+import { FeedbackProvider as a } from "../../providers/feedback-provider.js";
+import * as c from "@radix-ui/react-tooltip";
+import { ChatFormProvider as h } from "../../providers/chat-form-provider.js";
+const o = m(void 0), f = (r) => /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(d, { ...r }) }), d = ({ children: r, ...e }) => {
+  const i = s();
+  return /* @__PURE__ */ t(o.Provider, { value: { ...i, ...e }, children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(c.Provider, { children: r }) }) });
+}, l = () => {
+  const r = n(o);
+  if (!r)
+    throw new Error("useChat must be used within a ChatProvider");
+  return r;
+};
+export {
+  f as ChatProvider,
+  l as useChat
+};

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

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

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

@@ -0,0 +1,30 @@
+import { Payload } from 'altcha-lib/types';
+interface UseCaptchaOptions {
+    fetchUrl: string;
+    shouldBypassCaptcha?: boolean;
+    shouldMakeInitialRequest?: boolean;
+}
+interface SolvedEntry {
+    payload: Payload;
+    expiresAt: number | null;
+}
+export declare const fetchAndSolveChallenge: (fetchUrl: string) => Promise<SolvedEntry | undefined>;
+/**
+ * Manages the PoW captcha lifecycle for /run/* API requests.
+ *
+ * - getCaptchaHeader(): atomically consumes the current pre-fetched challenge,
+ *   immediately kicks off the next fetch so a fresh solution is always warm, and
+ *   returns the ready-to-use `{ 'x-inkeep-challenge-solution': '...' }` header
+ *   (or {} when bypassing or on failure). Checks token expiry and falls back to
+ *   the already-started pre-fetch if the resolved token is stale.
+ *
+ * - invalidate(): discards any in-flight solution and starts a fresh fetch.
+ *   Call this on request errors to recover from a rejected/stale challenge.
+ *
+ * All hooks are called unconditionally — bypass logic lives inside callbacks.
+ */
+export declare const useCaptcha: ({ fetchUrl, shouldBypassCaptcha, shouldMakeInitialRequest, }: UseCaptchaOptions) => {
+    getCaptchaHeader: () => Promise<Record<string, string>>;
+    invalidate: () => void;
+};
+export {};

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

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

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

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../../providers/base-events-provider.cjs"),c=require("../../providers/chat-form-provider.cjs"),d=require("../modal/modal-provider.cjs"),u=require("./chat-provider.cjs"),m=(e,s)=>{const{logEvent:t}=p.useBaseEvents(),{conversationId:n,messages:i}=u.useChat(),{openForm:a}=c.useChatForm(),r=d.useModal();return{handleAction:l=>{if(e.action.type==="open_form"){l?.onOpenForm?.();const o="name"in e?e:void 0;a?.(e.action.formSettings,o)}else if(e.action.type==="invoke_callback"||e.action.type==="invoke_message_callback"){const o={conversation:{id:n,messages:i}};e.action.type==="invoke_message_callback"?e.action.callback({...o,messageId:s}):e.action.callback({...o}),e.action.shouldCloseModal&&r?.setOpen(!1)}},logHelpAction:()=>{"name"in e&&(t({eventName:"get_help_option_clicked",properties:{getHelpOption:e,conversationId:n}}),e.action.type!=="open_form"&&t({eventName:"user_escalation_indicated",properties:{escalationType:"get_help_option",getHelpOption:e,conversationId:n}}))}}};exports.useChatAction=m;

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

@@ -0,0 +1,9 @@
+import { IkpChatAction } from '../../../types/index.ts';
+interface HandleAction {
+    onOpenForm?: Function;
+}
+export declare const useChatAction: (chatAction: IkpChatAction, messageId?: string) => {
+    handleAction: (opts?: HandleAction) => void;
+    logHelpAction: () => void;
+};
+export {};

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

@@ -0,0 +1,41 @@
+"use client";
+import { useBaseEvents as r } from "../../providers/base-events-provider.js";
+import { useChatForm as m } from "../../providers/chat-form-provider.js";
+import { useModal as c } from "../modal/modal-provider.js";
+import { useChat as f } from "./chat-provider.js";
+const y = (e, t) => {
+  const { logEvent: s } = r(), { conversationId: n, messages: i } = f(), { openForm: l } = m(), a = c();
+  return { handleAction: (p) => {
+    if (e.action.type === "open_form") {
+      p?.onOpenForm?.();
+      const o = "name" in e ? e : void 0;
+      l?.(e.action.formSettings, o);
+    } else if (e.action.type === "invoke_callback" || e.action.type === "invoke_message_callback") {
+      const o = {
+        conversation: {
+          id: n,
+          messages: i
+        }
+      };
+      e.action.type === "invoke_message_callback" ? e.action.callback({ ...o, messageId: t }) : e.action.callback({ ...o }), e.action.shouldCloseModal && a?.setOpen(!1);
+    }
+  }, logHelpAction: () => {
+    "name" in e && (s({
+      eventName: "get_help_option_clicked",
+      properties: {
+        getHelpOption: e,
+        conversationId: n
+      }
+    }), e.action.type !== "open_form" && s({
+      eventName: "user_escalation_indicated",
+      properties: {
+        escalationType: "get_help_option",
+        getHelpOption: e,
+        conversationId: n
+      }
+    }));
+  } };
+};
+export {
+  y as useChatAction
+};

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

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

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

@@ -0,0 +1,51 @@
+import { KeyboardEvent, Dispatch, SetStateAction, RefObject } from 'react';
+import { Message, MessageAttachment, Workflow } from '../../../types/index.ts';
+import { FileUIPart, ChatRequestOptions, ChatAddToolApproveResponseFunction } 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[];
+    sendMessage: (message?: (Omit<Message, "id" | "role"> & {
+        id?: string | undefined;
+        role?: "system" | "user" | "assistant" | undefined;
+    } & {
+        text?: never;
+        files?: never;
+        messageId?: string;
+    }) | {
+        text: string;
+        files?: FileList | FileUIPart[];
+        metadata?: unknown;
+        parts?: never;
+        messageId?: string;
+    } | {
+        files: FileList | FileUIPart[];
+        metadata?: unknown;
+        parts?: never;
+        messageId?: string;
+    } | undefined, options?: ChatRequestOptions) => Promise<void>;
+    addToolApprovalResponse: ChatAddToolApproveResponseFunction;
+    isLoading: boolean;
+    isStreaming: boolean;
+    isBusy: boolean;
+    error: Error | null;
+    setError: Dispatch<SetStateAction<Error | null>>;
+    isSubmitDisabled: boolean;
+    input: string;
+    handleInputChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleInputKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    handleSubmit: (content?: string) => Promise<void>;
+    stop: () => void;
+    clear: () => void;
+    isEmpty: boolean;
+    inputRef: RefObject<HTMLTextAreaElement | null>;
+    isMobile: boolean;
+    messageAttachments: MessageAttachment[];
+    setMessageAttachments: Dispatch<SetStateAction<MessageAttachment[]>>;
+    selectedWorkflow: Workflow | null;
+    setSelectedWorkflow: Dispatch<SetStateAction<Workflow | null>>;
+    isNewChat: boolean;
+    conversationId: string;
+    restoreSession: (sessionId: string, loadedMessages: Message[]) => void;
+    loadAndRestoreSession: (sessionId: string, signal?: AbortSignal) => Promise<void>;
+    isSessionLoading: boolean;
+};

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

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

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,30 @@
+import { Message } from '../../../types/index.ts';
+interface SummaryTiming {
+    isCompleted: boolean;
+}
+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';
+    text?: string;
+}
+interface SummaryGroupPart {
+    type: 'summary-group';
+    summaries?: DataSummary[];
+    groupKey: string;
+}
+type SummaryPart = TextPart | SummaryGroupPart;
+type ProcessedPart = SummaryPart | Message['parts'][number];
+export interface UseStreamProcessorReturn {
+    processedParts: ProcessedPart[];
+    summaryTimings: Map<string, SummaryTiming>;
+    shouldShowInitialLoading: boolean;
+    shouldShowStreamDelayLoading: boolean;
+}
+export declare function useStreamProcessor(parts: Message['parts'], isStreaming: boolean, setError: (error: Error) => void): UseStreamProcessorReturn;
+export {};