@inkeep/agents-ui 0.14.9 → 0.14.11

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

@@ -22,7 +22,7 @@ import { SourceItemProvider as We, useSourceItem as H } from "../providers/sourc
 import { useInkeepConfig as p } from "../providers/config-provider.js";
 import { useMessageFeedback as oe } from "../providers/feedback-provider.js";
 import { MessageAttachmentsProvider as Re, useMessageAttachments as U } from "../providers/message-attachments-provider.js";
-import { useMessage as f, MessageProvider as Ne } from "../providers/message-provider.js";
+import { useMessage as M, MessageProvider as Ne } from "../providers/message-provider.js";
 import { CheckboxIcon as pe } from "../atoms/icons/checkbox-icon.js";
 import { useCopyToClipboard as J } from "../hooks/use-copy-to-clipboard.js";
 import { FeedbackItemProvider as Ve, useFeedbackItem as se } from "../providers/feedback-item-provider.js";
@@ -262,7 +262,7 @@ const ot = "__intro__", st = a("div", {
 ), kt = a("div", {
   _id: "aiChatMessageHeader"
 }), Hn = (t) => {
-  const { message: e } = f();
+  const { message: e } = M();
   return /* @__PURE__ */ n(kt, { "data-role": e.role, ...t });
 }, Bt = a("div", {
   _id: "aiChatMessageLoading",
@@ -270,12 +270,12 @@ const ot = "__intro__", st = a("div", {
 }), Ln = (t) => /* @__PURE__ */ n(Bt, { ...t }), yt = a("div", {
   _id: "aiChatMessageAvatar"
 }), xn = (t) => {
-  const { message: e } = f();
+  const { message: e } = M();
   return /* @__PURE__ */ n(yt, { "data-role": e.role, ...t });
 }, Tt = a(ee.Root, {
   _id: "aiChatMessageAvatarContent"
 }), Dn = (t) => {
-  const { message: e } = f(), { baseSettings: i } = p();
+  const { message: e } = M(), { baseSettings: i } = p();
   return /* @__PURE__ */ n(
     Tt,
     {
@@ -288,7 +288,7 @@ const ot = "__intro__", st = a("div", {
   _id: "aiChatMessageAvatarFallback"
 }), On = E(
   (t) => {
-    const { baseSettings: e } = p(), { message: i } = f();
+    const { baseSettings: e } = p(), { message: i } = M();
     return e.userProperties.name ? /* @__PURE__ */ n(
       wt,
       {
@@ -305,7 +305,7 @@ const ot = "__intro__", st = a("div", {
     const { onLoadingStatusChange: e, ...i } = t, {
       aiChatSettings: r,
       baseSettings: { userProperties: o }
-    } = p(), { message: s } = f(), { aiAssistantAvatar: c } = r ?? {}, d = typeof c == "string" ? c : c?.light, m = (typeof c == "string" ? c : c?.dark) ?? d, l = Ze(d, m), [C, v] = W(l);
+    } = p(), { message: s } = M(), { aiAssistantAvatar: c } = r ?? {}, d = typeof c == "string" ? c : c?.light, m = (typeof c == "string" ? c : c?.dark) ?? d, l = Ze(d, m), [C, v] = W(l);
     Y(() => {
       v(l);
     }, [l]);
@@ -353,7 +353,7 @@ const ot = "__intro__", st = a("div", {
 ), Ht = a("span", {
   _id: "aiChatMessageName"
 }), Rn = (t) => {
-  const { message: e } = f();
+  const { message: e } = M();
   return /* @__PURE__ */ n(
     Ht,
     {
@@ -365,7 +365,7 @@ const ot = "__intro__", st = a("div", {
 }, Lt = a("div", {
   _id: "aiChatMessageContentWrapper"
 }), Nn = (t) => {
-  const { message: e } = f(), { messageButtons: i } = b(), r = i[e.id] || [];
+  const { message: e } = M(), { messageButtons: i } = b(), r = i[e.id] || [];
   return /* @__PURE__ */ n(
     Lt,
     {
@@ -377,12 +377,12 @@ const ot = "__intro__", st = a("div", {
 }, xt = a("div", {
   _id: "aiChatMessageContent"
 }), Vn = (t) => {
-  const { message: e } = f();
+  const { message: e } = M();
   return /* @__PURE__ */ n(xt, { "data-role": e.role, ...t });
 }, Dt = a("div", {
   _id: "aiChatMessageAttachments"
 }), $n = (t) => {
-  const { message: e } = f(), i = [];
+  const { message: e } = M(), i = [];
   return e.role !== "user" || !i?.length ? null : /* @__PURE__ */ n(Re, { children: /* @__PURE__ */ n(Dt, { ...t }) });
 }, Ot = a("div", {
   _id: "aiChatMessageAttachments__List"
@@ -472,25 +472,25 @@ const ot = "__intro__", st = a("div", {
   }, [t]), Fe(() => {
     if (!i || !o || !l || !s.current)
       return;
-    const _ = s.current, M = document.createElement("div");
-    return M.setAttribute("data-component", t), M.setAttribute("slot", _), c.current = M, m.current = !1, o.appendChild(M), u(!0), () => {
+    const _ = s.current, F = document.createElement("div");
+    return F.setAttribute("data-ikp-component", ""), F.setAttribute("data-component", t), F.setAttribute("slot", _), c.current = F, m.current = !1, o.appendChild(F), u(!0), () => {
       m.current = !0, u(!1), queueMicrotask(() => {
         try {
           d.current && (d.current.unmount(), d.current = null);
         } catch (A) {
           console.debug("Ignoring unmount error:", A);
         }
-        M.parentNode === o && M.remove(), c.current = null;
+        F.parentNode === o && F.remove(), c.current = null;
       });
     };
   }, [i, o, l, t]), Y(() => {
     const _ = c.current;
     if (!_ || m.current) return;
-    const M = (F) => {
-      if (typeof F != "function" || F.length > 1) return !1;
+    const F = (f) => {
+      if (typeof f != "function" || f.length > 1) return !1;
       try {
-        if (typeof F == "function" && F.constructor === Function) {
-          const w = F({});
+        if (typeof f == "function" && f.constructor === Function) {
+          const w = f({});
           return G.isValidElement(w);
         }
         return !1;
@@ -499,12 +499,12 @@ const ot = "__intro__", st = a("div", {
       }
     };
     let A;
-    if (M(i))
+    if (F(i))
       try {
-        const F = i;
-        A = G.createElement(F, e || {});
-      } catch (F) {
-        console.error("Error creating React element from component:", F);
+        const f = i;
+        A = G.createElement(f, e || {});
+      } catch (f) {
+        console.error("Error creating React element from component:", f);
         return;
       }
     else if (typeof i == "function")
@@ -525,12 +525,12 @@ const ot = "__intro__", st = a("div", {
 }), Ut = a("div", {
   _id: "aiChatMessageToolbar"
 }), ir = (t) => {
-  const { isLoading: e, messages: i } = b(), { message: r } = f();
+  const { isLoading: e, messages: i } = b(), { message: r } = M();
   return i.at(-1)?.id === r?.id && e || r.role === "user" ? null : /* @__PURE__ */ n(Ut, { ...t });
 }, Kt = a("div", {
   _id: "aiChatMessageAnnotationActions"
 }), ar = (t) => {
-  const { children: e, ...i } = t, { message: r } = f(), { messageButtons: o } = b(), s = o[r.id] || [];
+  const { children: e, ...i } = t, { message: r } = M(), { messageButtons: o } = b(), s = o[r.id] || [];
   return /* @__PURE__ */ n(Kt, { children: k(e, s), ...i });
 }, qt = a("a", {
   _id: "aiChatMessageAnnotationAction"
@@ -574,11 +574,11 @@ const ot = "__intro__", st = a("div", {
 }), rr = (t) => {
   const { action: e, onClick: i, className: r, ...o } = t, { conversationId: s } = b(), {
     baseSettings: { onFeedback: c }
-  } = p(), { message: d } = f(), { isStreaming: m, messages: l } = b(), [C, v] = J(), { feedback: u, submitPositiveFeedback: _, setCurrentFeedback: M, currentFeedback: A } = oe(), { logEvent: F } = me(), [w, le] = Ue(), K = l.at(-1)?.id === d?.id, q = d.role === "assistant";
+  } = p(), { message: d } = M(), { isStreaming: m, messages: l } = b(), [C, v] = J(), { feedback: u, submitPositiveFeedback: _, setCurrentFeedback: F, currentFeedback: A } = oe(), { logEvent: f } = me(), [w, le] = Ue(), K = l.at(-1)?.id === d?.id, q = d.role === "assistant";
   if (K && m || !q) return null;
   const D = {
     copy() {
-      v(ve(d)), F({
+      v(ve(d)), f({
         eventName: "assistant_message_copied",
         properties: {
           conversationId: s
@@ -591,7 +591,7 @@ const ot = "__intro__", st = a("div", {
       });
     },
     downvote() {
-      M(d.id);
+      F(d.id);
     }
   }, j = {
     copy: "Copy Message",
@@ -630,7 +630,7 @@ const ot = "__intro__", st = a("div", {
 }, Gt = a("div", {
   _id: "aiChatMessageSources"
 }), or = (t) => {
-  const { message: e } = f();
+  const { message: e } = M();
   return e.role !== "assistant" || !e.parts.filter(
     (r) => r.type === "data-artifact" && r.data?.type?.toLowerCase() === be
   )?.length ? null : /* @__PURE__ */ n(Gt, { ...t });
@@ -639,7 +639,7 @@ const ot = "__intro__", st = a("div", {
 }), sr = (t) => /* @__PURE__ */ n(Yt, { children: "Sources", ...t }), Jt = a("div", {
   _id: "aiChatMessageSources__List"
 }), cr = (t) => {
-  const { message: e } = f(), { children: i, ...r } = t, {
+  const { message: e } = M(), { children: i, ...r } = t, {
     baseSettings: { transformSource: o, organizationDisplayName: s },
     aiChatSettings: { shouldOpenLinksInNewTab: c },
     searchSettings: { tabs: d }
@@ -669,8 +669,8 @@ const ot = "__intro__", st = a("div", {
     })))(_, "chatSourceItem", {
       organizationDisplayName: s,
       tabs: d
-    }), F = A.shouldOpenInNewTab !== void 0 ? A.shouldOpenInNewTab : c;
-    return { ...A, isExternal: F };
+    }), f = A.shouldOpenInNewTab !== void 0 ? A.shouldOpenInNewTab : c;
+    return { ...A, isExternal: f };
   });
   return /* @__PURE__ */ n(Jt, { children: k(i, C), ...r });
 }, Xt = a(De, {
@@ -1050,7 +1050,7 @@ const ot = "__intro__", st = a("div", {
 }), ki = a(y.Trigger, {
   _id: "aiChat__ChatAction"
 }), _e = (t) => {
-  const { action: e, onClick: i, className: r, ...o } = t, s = {}, { clear: c, stop: d, isLoading: m, isStreaming: l, messages: C } = b(), { conversationId: v } = b(), { aiChatSettings: u } = p(), [_, M] = J(), [
+  const { action: e, onClick: i, className: r, ...o } = t, s = {}, { clear: c, stop: d, isLoading: m, isStreaming: l, messages: C } = b(), { conversationId: v } = b(), { aiChatSettings: u } = p(), [_, F] = J(), [
     A
     /* copyShareUri */
   ] = J();
@@ -1076,7 +1076,7 @@ ${z}`;
 ---
 
 `);
-      M(he);
+      F(he);
     },
     share: async () => {
     },

package/dist/primitives/hooks/use-streaming-events.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),p=require("../atoms/shadow/context.cjs");function x(){const c=p.useShadow()?.shadowHost,r=s.useRef(""),t=s.useCallback(e=>{if(!c){console.warn("useStreamingEvents: No host element available for event emission");return}const n={...e,conversationId:r.current,timestamp:Date.now()},a=new CustomEvent("streaming-event",{detail:n,bubbles:!0,composed:!0});c.dispatchEvent(a)},[c]),d=s.useCallback(e=>{r.current=e},[]),u=s.useCallback(e=>{t({kind:"text:delta",data:{text:e}})},[t]),m=s.useCallback((e,n,a)=>{t({kind:"stream:error",data:{message:e,agent:n,severity:"error",code:a}})},[t]),k=s.useCallback((e,n)=>{t({kind:"agent:reasoning",data:{agentId:e,parts:n}})},[t]),g=s.useCallback((e,n,a)=>{t({kind:"agent:generate",data:{agentId:e,parts:n,generationType:a}})},[t]),b=s.useCallback((e,n,a,o,i,l)=>{t({kind:"tool:execution",data:{agentId:e,toolName:n,args:a,result:o,toolId:i,duration:l}})},[t]),v=s.useCallback((e,n,a,o)=>{t({kind:"agent:transfer",data:{fromAgent:e,targetAgent:n,reason:a,context:o}})},[t]),C=s.useCallback((e,n,a,o,i)=>{t({kind:"delegation:sent",data:{delegationId:e,fromAgent:n,targetAgent:a,taskDescription:o,context:i}})},[t]),f=s.useCallback((e,n,a,o)=>{t({kind:"delegation:returned",data:{delegationId:e,fromAgent:n,targetAgent:a,result:o}})},[t]),E=s.useCallback((e,n,a,o,i,l,w)=>{t({kind:"artifact:saved",data:{artifactId:e,taskId:n,toolCallId:a,artifactType:o,summaryData:i,fullData:l,metadata:w}})},[t]),S=s.useCallback((e,n)=>{t({kind:"completion",data:{agent:e,iteration:n}})},[t]),h=s.useCallback((e,n)=>{t({kind:"agent:initializing",data:{sessionId:e,graphId:n}})},[t]);return{emitEvent:t,setConversationId:d,emitTextDelta:u,emitStreamError:m,emitAgentReasoning:k,emitAgentGenerate:g,emitToolExecution:b,emitAgentTransfer:v,emitDelegationSent:C,emitDelegationReturned:f,emitArtifactSaved:E,emitCompletion:S,emitAgentInitializing:h}}exports.useStreamingEvents=x;

package/dist/primitives/hooks/use-streaming-events.js

@@ -0,0 +1,140 @@
+"use client";
+import { useRef as x, useCallback as o } from "react";
+import { useShadow as A } from "../atoms/shadow/context.js";
+function R() {
+  const r = A()?.shadowHost, c = x(""), e = o(
+    (t) => {
+      if (!r) {
+        console.warn("useStreamingEvents: No host element available for event emission");
+        return;
+      }
+      const n = {
+        ...t,
+        conversationId: c.current,
+        timestamp: Date.now()
+      }, a = new CustomEvent("streaming-event", {
+        detail: n,
+        bubbles: !0,
+        // Allow event to bubble up
+        composed: !0
+        // Allow event to escape Shadow DOM boundary
+      });
+      r.dispatchEvent(a);
+    },
+    [r]
+  ), m = o((t) => {
+    c.current = t;
+  }, []), l = o(
+    (t) => {
+      e({
+        kind: "text:delta",
+        data: { text: t }
+      });
+    },
+    [e]
+  ), u = o(
+    (t, n, a) => {
+      e({
+        kind: "stream:error",
+        data: {
+          message: t,
+          agent: n,
+          severity: "error",
+          code: a
+        }
+      });
+    },
+    [e]
+  ), g = o(
+    (t, n) => {
+      e({
+        kind: "agent:reasoning",
+        data: { agentId: t, parts: n }
+      });
+    },
+    [e]
+  ), v = o(
+    (t, n, a) => {
+      e({
+        kind: "agent:generate",
+        data: { agentId: t, parts: n, generationType: a }
+      });
+    },
+    [e]
+  ), f = o(
+    (t, n, a, i, s, d) => {
+      e({
+        kind: "tool:execution",
+        data: { agentId: t, toolName: n, args: a, result: i, toolId: s, duration: d }
+      });
+    },
+    [e]
+  ), k = o(
+    (t, n, a, i) => {
+      e({
+        kind: "agent:transfer",
+        data: { fromAgent: t, targetAgent: n, reason: a, context: i }
+      });
+    },
+    [e]
+  ), E = o(
+    (t, n, a, i, s) => {
+      e({
+        kind: "delegation:sent",
+        data: { delegationId: t, fromAgent: n, targetAgent: a, taskDescription: i, context: s }
+      });
+    },
+    [e]
+  ), p = o(
+    (t, n, a, i) => {
+      e({
+        kind: "delegation:returned",
+        data: { delegationId: t, fromAgent: n, targetAgent: a, result: i }
+      });
+    },
+    [e]
+  ), h = o(
+    (t, n, a, i, s, d, b) => {
+      e({
+        kind: "artifact:saved",
+        data: { artifactId: t, taskId: n, toolCallId: a, artifactType: i, summaryData: s, fullData: d, metadata: b }
+      });
+    },
+    [e]
+  ), w = o(
+    (t, n) => {
+      e({
+        kind: "completion",
+        data: { agent: t, iteration: n }
+      });
+    },
+    [e]
+  ), S = o(
+    (t, n) => {
+      e({
+        kind: "agent:initializing",
+        data: { sessionId: t, graphId: n }
+      });
+    },
+    [e]
+  );
+  return {
+    emitEvent: e,
+    setConversationId: m,
+    // Convenience methods
+    emitTextDelta: l,
+    emitStreamError: u,
+    emitAgentReasoning: g,
+    emitAgentGenerate: v,
+    emitToolExecution: f,
+    emitAgentTransfer: k,
+    emitDelegationSent: E,
+    emitDelegationReturned: p,
+    emitArtifactSaved: h,
+    emitCompletion: w,
+    emitAgentInitializing: S
+  };
+}
+export {
+  R as useStreamingEvents
+};

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.14.8",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.14.10",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.14.8",
+      widgetLibraryVersion: "0.14.10",
       componentType: o,
       tags: s
     }),

package/package.json

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