@inkeep/agents-ui 0.15.10 → 0.15.12

package/dist/color-mode/index.d.ts

@@ -7,7 +7,6 @@ export declare const useColorMode: () => UseColorModeProps;
  * @param light the light mode value
  * @param dark the dark mode value
  *
- * @example
  *
  * ```js
  * const Icon = useColorModeValue(MoonIcon, SunIcon)

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 ee=require("@ai-sdk/react"),te=require("ai"),n=require("react"),se=require("../../providers/config-provider.cjs"),ne=require("../../hooks/use-media-query.cjs"),A=require("../../utils/generate-uid.cjs"),re=require("../../providers/base-events-provider.cjs"),oe=require("../../providers/chat-form-provider.cjs"),ae=require("../../providers/widget-provider.cjs"),ie=require("@radix-ui/react-use-controllable-state"),ce=require("../../hooks/use-streaming-events.cjs"),P=`Hmm.. 
+"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.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`,ue=()=>{const{baseSettings:C,aiChatSettings:i}=se.useInkeepConfig(),[t="",I]=ie.useControllableState({prop:i.conversationId,defaultProp:i.conversationId??""}),{logEvent:o}=re.useBaseEvents(),{setConversationId:N,emitToParent:u}=ce.useStreamingEvents(),[a,l]=n.useState(""),T=e=>l(e.target.value),{filters:b}=C,{onInputMessageChange:U,filters:y,agentUrl:w,context:d,headers:p,apiKey:g}=i,O=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 P}},[H,m]=n.useState([]),[z,M]=n.useState(null),K=()=>({"x-inkeep-client-timezone":Intl.DateTimeFormat().resolvedOptions().timeZone,"x-inkeep-client-timestamp":new Date().toISOString()}),L=n.useMemo(()=>new te.DefaultChatTransport({api:w,headers:{...g?{Authorization:`Bearer ${g}`}:{},...p},body:{requestContext:d}}),[w,g,p,d]),{messages:h,sendMessage:_,addToolApprovalResponse:W,status:q,setMessages:x,stop:$,error:f}=ee.useChat({transport:L,onData(e){u(e.type,e.data)},async onFinish(){u("completion",{conversationId:t}),await o({eventName:"assistant_message_received",properties:{conversationId:t}}),o({eventName:"assistant_answer_displayed",properties:{conversationId:t}})},onError(e){console.log("onError",e.message),o({eventName:"chat_error",properties:{conversationId:t,error:e.message}}),x(c=>{const r=[...c],s=r[r.length-1];if(s){const D=O(e);s.role==="user"?r.push({id:A.generateUid(16),role:"assistant",parts:[{type:"text",text:D}]}):s.parts=[{type:"text",text:D}]}return r})}}),F=q==="submitted",B=q==="streaming",G=h.length===0,v=!a.trim()||F,Q=ne.useMediaQuery("(max-width: 768px)"),[j,S]=n.useState(null);n.useEffect(()=>{f&&S(f)},[f]);const J=()=>S(null),R=n.useRef(null);n.useEffect(()=>{U?.(a)},[a]);const V=e=>{e.key==="Enter"&&!e.shiftKey&&!v&&!e.nativeEvent.isComposing&&(e.preventDefault(),E())},E=async(e=a)=>{if(v&&(!e||e.trim().length===0))return;m([]),l(""),await o({eventName:"user_message_submitted",properties:{conversationId:t}});const c=b||y?JSON.stringify({...b,...y}):void 0,r={...p};c&&(r["inkeep-filters"]=c);let s=t;s||(s=`conv_${A.generateUid(16)}`,I(s)),N(s),_({text:e},{headers:{...K(),...r},body:{conversationId:s,requestContext:d}})},Z=()=>{$().then(()=>{u("aborted",{conversationId:t})})},k=()=>{J(),x([]),I(""),m([]),M(null),o({eventName:"chat_clear_button_clicked",properties:{conversationId:t}})},{openForm:X}=oe.useChatForm(),Y=ae.useWidget();return n.useImperativeHandle(i.chatFunctionsRef,()=>({submitMessage:E,updateInputMessage(e){l(e)},clearChat:k,openForm:e=>{Y?.setView("chat"),X(e,void 0)},focusInput:()=>{R.current?.focus()}})),{messages:h,sendMessage:_,addToolApprovalResponse:W,isLoading:F,isStreaming:B,error:j,setError:S,isSubmitDisabled:v,input:a,handleInputChange:T,handleInputKeyDown:V,handleSubmit:E,stop:Z,clear:k,isEmpty:h.length===0,inputRef:R,isMobile:Q,messageAttachments:H,setMessageAttachments:m,selectedWorkflow:z,setSelectedWorkflow:M,isNewChat:G,conversationId:t}};exports.DEFAULT_ERROR_MESSAGE=P;exports.useInkeepChat=ue;
+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;

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

@@ -26,6 +26,7 @@ export declare const useInkeepChat: () => {
     addToolApprovalResponse: ChatAddToolApproveResponseFunction;
     isLoading: boolean;
     isStreaming: boolean;
+    isBusy: boolean;
     error: Error | null;
     setError: Dispatch<SetStateAction<Error | null>>;
     isSubmitDisabled: boolean;

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

@@ -1,194 +1,204 @@
 "use client";
-import { useChat as ee } from "@ai-sdk/react";
-import { DefaultChatTransport as te } from "ai";
-import { useState as c, useMemo as se, useEffect as R, useRef as ne, useImperativeHandle as oe } from "react";
-import { useInkeepConfig as re } from "../../providers/config-provider.js";
-import { useMediaQuery as ae } from "../../hooks/use-media-query.js";
-import { generateUid as T } from "../../utils/generate-uid.js";
-import { useBaseEvents as ie } from "../../providers/base-events-provider.js";
-import { useChatForm as ce } from "../../providers/chat-form-provider.js";
-import { useWidget as me } from "../../providers/widget-provider.js";
-import { useControllableState as le } from "@radix-ui/react-use-controllable-state";
-import { useStreamingEvents as pe } from "../../hooks/use-streaming-events.js";
-const ue = `Hmm.. 
+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 { 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.. 
 
-It seems I might be having some issues right now. Please clear the chat and try again.`, we = () => {
-  const { baseSettings: y, aiChatSettings: a } = re(), [t = "", E] = le({
-    prop: a.conversationId,
-    defaultProp: a.conversationId ?? ""
-  }), { logEvent: o } = ie(), { setConversationId: H, emitToParent: m } = pe(), [r, l] = c(""), O = (e) => l(e.target.value), {
+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: b
-  } = y, {
-    onInputMessageChange: P,
-    filters: S,
-    agentUrl: w,
-    context: p,
-    headers: u,
+    filters: w
+  } = S, {
+    onInputMessageChange: K,
+    filters: M,
+    agentUrl: x,
+    context: f,
+    headers: g,
     apiKey: d
-  } = a, q = (e) => {
+  } = c, U = (e) => {
     switch (e.code) {
       case 400:
         return e.message;
       case 403:
-        return `There seems to be a configuration error. Please contact ${y.organizationDisplayName ?? "Administrator"}`;
+        return `There seems to be a configuration error. Please contact ${S.organizationDisplayName ?? "Administrator"}`;
       default:
-        return ue;
+        return he;
     }
-  }, [z, g] = c([]), [K, x] = c(null), U = () => ({
+  }, [$, h] = m([]), [L, _] = m(null), j = () => ({
     "x-inkeep-client-timezone": Intl.DateTimeFormat().resolvedOptions().timeZone,
     "x-inkeep-client-timestamp": (/* @__PURE__ */ new Date()).toISOString()
-  }), W = se(
-    () => new te({
-      api: w,
+  }), G = H(
+    () => new ae({
+      api: x,
       headers: {
         ...d ? { Authorization: `Bearer ${d}` } : {},
-        ...u
+        ...g
       },
       body: {
-        requestContext: p
+        requestContext: f
       }
     }),
-    [w, d, u, p]
+    [x, d, g, f]
   ), {
-    messages: h,
-    sendMessage: M,
-    addToolApprovalResponse: $,
-    status: _,
-    setMessages: k,
-    stop: B,
-    error: f
-  } = ee({
-    transport: W,
+    messages: i,
+    sendMessage: F,
+    addToolApprovalResponse: J,
+    status: k,
+    setMessages: A,
+    stop: Q,
+    error: v
+  } = re({
+    transport: G,
     onData(e) {
-      m(e.type, e.data);
+      p(e.type, e.data);
     },
     async onFinish() {
-      m("completion", { conversationId: t }), await o({
+      p("completion", { conversationId: n }), await r({
         eventName: "assistant_message_received",
         properties: {
-          conversationId: t
+          conversationId: n
         }
-      }), o({
+      }), r({
         eventName: "assistant_answer_displayed",
         properties: {
-          conversationId: t
+          conversationId: n
         }
       });
     },
     onError(e) {
-      console.log("onError", e.message), o({
+      console.log("onError", e.message), r({
         eventName: "chat_error",
         properties: {
-          conversationId: t,
+          conversationId: n,
           error: e.message
         }
-      }), k((i) => {
-        const n = [...i], s = n[n.length - 1];
-        if (s) {
-          const A = q(e);
-          s.role === "user" ? n.push({
-            id: T(16),
+      }), A((l) => {
+        const s = [...l], t = s[s.length - 1];
+        if (t) {
+          const o = U(e);
+          t.role === "user" ? s.push({
+            id: W(16),
             role: "assistant",
-            parts: [{ type: "text", text: A }]
-          }) : s.parts = [{ type: "text", text: A }];
+            parts: [{ type: "text", text: o }]
+          }) : t.parts = [{ type: "text", text: o }];
         }
-        return n;
+        return s;
       });
     }
-  }), D = _ === "submitted", L = _ === "streaming", G = h.length === 0, v = !r.trim() || D, J = ae("(max-width: 768px)"), [Q, I] = c(null);
-  R(() => {
-    f && I(f);
-  }, [f]);
-  const V = () => I(null), F = ne(null);
-  R(() => {
-    P?.(r);
-  }, [r]);
-  const Z = (e) => {
-    e.key === "Enter" && !e.shiftKey && !v && !e.nativeEvent.isComposing && (e.preventDefault(), C());
-  }, C = async (e = r) => {
-    if (v && (!e || e.trim().length === 0)) return;
-    g([]), l(""), await o({
+  }), 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({
       eventName: "user_message_submitted",
       properties: {
-        conversationId: t
+        conversationId: n
       }
     });
-    const i = b || S ? JSON.stringify({
-      ...b,
-      ...S
-    }) : void 0, n = {
-      ...u
+    const l = w || M ? JSON.stringify({
+      ...w,
+      ...M
+    }) : void 0, s = {
+      ...g
     };
-    i && (n["inkeep-filters"] = i);
-    let s = t;
-    s || (s = `conv_${T(16)}`, E(s)), H(s), M(
+    l && (s["inkeep-filters"] = l);
+    let t = n;
+    t || (t = `conv_${W(16)}`, E(t)), q(t), F(
       {
         text: e
       },
       {
         headers: {
-          ...U(),
-          ...n
+          ...j(),
+          ...s
         },
         body: {
-          conversationId: s,
-          requestContext: p
+          conversationId: t,
+          requestContext: f
         }
       }
     );
-  }, j = () => {
-    B().then(() => {
-      m("aborted", { conversationId: t });
+  }, se = () => {
+    Q().then(() => {
+      p("aborted", { conversationId: n });
     });
-  }, N = () => {
-    V(), k([]), E(""), g([]), x(null), o({
+  }, P = () => {
+    ee(), A([]), E(""), h([]), _(null), r({
       eventName: "chat_clear_button_clicked",
       properties: {
-        conversationId: t
+        conversationId: n
       }
     });
-  }, { openForm: X } = ce(), Y = me();
-  return oe(a.chatFunctionsRef, () => ({
-    submitMessage: C,
+  }, { openForm: ne } = ue(), oe = fe();
+  return le(c.chatFunctionsRef, () => ({
+    submitMessage: b,
     updateInputMessage(e) {
-      l(e);
+      u(e);
     },
-    clearChat: N,
+    clearChat: P,
     openForm: (e) => {
-      Y?.setView("chat"), X(e, void 0);
+      oe?.setView("chat"), ne(e, void 0);
     },
     focusInput: () => {
-      F.current?.focus();
+      R.current?.focus();
     }
   })), {
-    messages: h,
-    sendMessage: M,
-    addToolApprovalResponse: $,
+    messages: i,
+    sendMessage: F,
+    addToolApprovalResponse: J,
     isLoading: D,
-    isStreaming: L,
-    error: Q,
-    setError: I,
-    isSubmitDisabled: v,
-    input: r,
-    handleInputChange: O,
-    handleInputKeyDown: Z,
-    handleSubmit: C,
-    stop: j,
-    clear: N,
-    isEmpty: h.length === 0,
-    inputRef: F,
-    isMobile: J,
+    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,
     // Additional state for attachments and workflow
-    messageAttachments: z,
-    setMessageAttachments: g,
-    selectedWorkflow: K,
-    setSelectedWorkflow: x,
-    isNewChat: G,
-    conversationId: t
+    messageAttachments: $,
+    setMessageAttachments: h,
+    selectedWorkflow: L,
+    setSelectedWorkflow: _,
+    isNewChat: Z,
+    conversationId: n
   };
 };
 export {
-  ue as DEFAULT_ERROR_MESSAGE,
-  we as useInkeepChat
+  he as DEFAULT_ERROR_MESSAGE,
+  Fe as useInkeepChat
 };