@inkeep/agents-ui 0.15.11 → 0.15.13

package/dist/primitives/atoms/combobox.js

@@ -0,0 +1,275 @@
+"use client";
+import { jsx as c, Fragment as O, jsxs as M } from "react/jsx-runtime";
+import * as f from "@zag-js/combobox";
+import { useMachine as j, normalizeProps as B } from "@zag-js/react";
+import * as r from "react";
+import { useId as q } from "react";
+import { BuiltInIconRenderer as I } from "./icons/built-in-icon-renderer.js";
+import { useShadow as z } from "./shadow/context.js";
+const A = r.forwardRef((o, a) => {
+  const {
+    children: t,
+    defaultValue: e = [],
+    items: n,
+    multiple: s = !1,
+    placeholder: l,
+    name: b,
+    disabled: P,
+    required: v,
+    id: w,
+    onValueChange: R
+  } = o, y = q(), N = w ?? y, T = z(), [p, h] = r.useState(n), L = r.useMemo(
+    () => f.collection({
+      items: p,
+      itemToValue: (i) => i.value,
+      itemToString: (i) => i.label
+    }),
+    [p]
+  ), V = j(f.machine, {
+    id: N,
+    collection: L,
+    defaultValue: e,
+    multiple: s,
+    placeholder: l,
+    name: b,
+    disabled: P,
+    required: v,
+    openOnClick: !0,
+    getRootNode: () => T?.shadowHost?.shadowRoot ?? document,
+    selectionBehavior: s ? "clear" : "replace",
+    onOpenChange(i) {
+      i.open || h(n);
+    },
+    onInputValueChange(i) {
+      const g = i.inputValue.trim() === "" ? n : n.filter(
+        (E) => E.label.toLowerCase().includes(i.inputValue.toLowerCase())
+      );
+      h(g.length > 0 ? g : []);
+    },
+    onValueChange(i) {
+      R?.(i);
+    }
+  }), u = f.connect(
+    V,
+    B
+  ), S = r.useMemo(() => ({ api: u, options: p }), [u, p]), k = u.getRootProps();
+  return /* @__PURE__ */ c("div", { "data-scope": "combobox", "data-part": "root", ...k, children: /* @__PURE__ */ c(C.Provider, { value: S, children: t }) });
+});
+A.displayName = "ComboboxRoot";
+const D = r.forwardRef((o, a) => {
+  const { children: t, ...e } = o, n = d(), s = n.getControlProps();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-scope": "combobox",
+      "data-part": "control",
+      "data-state": n.open ? "open" : "closed",
+      "data-disabled": n.disabled ? "" : void 0,
+      "data-focus": n.focused ? "" : void 0,
+      ...s,
+      ref: m(a, s.ref),
+      ...e,
+      children: t
+    }
+  );
+});
+D.displayName = "ComboboxControl";
+function m(...o) {
+  return (a) => {
+    o.forEach((t) => {
+      typeof t == "function" ? t(a) : t && (t.current = a);
+    });
+  };
+}
+const F = r.forwardRef((o, a) => {
+  const t = d(), e = t.getInputProps();
+  return /* @__PURE__ */ c(
+    "input",
+    {
+      "data-scope": "combobox",
+      "data-part": "input",
+      "data-state": t.open ? "open" : "closed",
+      ...e,
+      ...o,
+      ref: m(a, e.ref)
+    }
+  );
+});
+F.displayName = "ComboboxInput";
+const H = r.forwardRef((o, a) => {
+  const t = d(), e = t.getTriggerProps();
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      "data-scope": "combobox",
+      "data-part": "trigger",
+      "data-state": t.open ? "open" : "closed",
+      "data-disabled": t.disabled ? "" : void 0,
+      ...e,
+      ref: m(a, e.ref),
+      ...o,
+      children: o.children ?? "▼"
+    }
+  );
+});
+H.displayName = "ComboboxTrigger";
+const ao = r.forwardRef(
+  function(a, t) {
+    const e = d();
+    return /* @__PURE__ */ c("div", { ref: t, ...e.getPositionerProps(), ...a });
+  }
+), _ = r.forwardRef((o, a) => {
+  const t = d(), e = t.getContentProps();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-scope": "combobox",
+      "data-part": "content",
+      "data-state": t.open ? "open" : "closed",
+      ...e,
+      ref: m(a, e.ref),
+      ...o,
+      children: o.children
+    }
+  );
+});
+_.displayName = "ComboboxContent";
+const $ = r.forwardRef((o, a) => {
+  const e = d().getListProps();
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: m(a, e.ref),
+      "data-scope": "combobox",
+      "data-part": "list",
+      ...e,
+      ...o,
+      children: o.children
+    }
+  );
+});
+$.displayName = "ComboboxList";
+const G = ({ children: o }) => {
+  const a = W();
+  return /* @__PURE__ */ c(O, { children: o(a) });
+};
+G.displayName = "ComboboxListItems";
+const J = r.forwardRef((o, a) => {
+  const { children: t = "No results found", ...e } = o;
+  return /* @__PURE__ */ c("div", { ref: a, "data-scope": "combobox", "data-part": "list-empty", ...e, children: t });
+});
+J.displayName = "ComboboxListEmpty";
+const x = r.createContext(null), K = r.forwardRef((o, a) => {
+  const { item: t, ...e } = o, n = d(), s = n.getItemState({ item: t }), l = n.getItemProps({ item: t });
+  return /* @__PURE__ */ c(x.Provider, { value: t, children: /* @__PURE__ */ c(
+    "div",
+    {
+      ref: m(a, l.ref),
+      "data-scope": "combobox",
+      "data-part": "item",
+      "data-value": t.value,
+      "data-highlighted": s.highlighted ? "" : void 0,
+      "data-state": s.selected ? "checked" : "unchecked",
+      "data-disabled": s.disabled ? "" : void 0,
+      ...l,
+      ...e,
+      children: o.children
+    }
+  ) });
+});
+K.displayName = "ComboboxItem";
+const Q = r.forwardRef((o, a) => {
+  const t = r.useContext(x), e = d(), n = t ? e.getItemTextProps({ item: t }) : {};
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      ref: m(a, n.ref),
+      "data-scope": "combobox",
+      "data-part": "item-text",
+      ...n,
+      ...o
+    }
+  );
+});
+Q.displayName = "ComboboxItemText";
+const U = r.forwardRef(
+  (o, a) => {
+    const { children: t, ...e } = o, n = r.useContext(x), s = d(), l = n ? s.getItemState({ item: n }) : { selected: !1 }, b = n ? s.getItemIndicatorProps({ item: n }) : {};
+    return l.selected ? /* @__PURE__ */ c(
+      "span",
+      {
+        ref: m(a, b.ref),
+        "data-scope": "combobox",
+        "data-part": "item-indicator",
+        "data-state": "checked",
+        "aria-hidden": !0,
+        ...b,
+        ...e,
+        children: t ?? /* @__PURE__ */ c(I, { iconSettings: { builtIn: "LuCheck" } })
+      }
+    ) : null;
+  }
+);
+U.displayName = "ComboboxItemIndicator";
+const C = r.createContext(
+  null
+);
+function d() {
+  const o = r.useContext(C);
+  if (!o) throw new Error("Combobox components must be used within ComboboxRoot");
+  return o.api;
+}
+function W() {
+  const o = r.useContext(C);
+  if (!o) throw new Error("Combobox components must be used within ComboboxRoot");
+  return o.options;
+}
+const X = r.forwardRef(
+  (o, a) => {
+    const t = d(), e = t.selectedItems ?? [], n = t.clearValue;
+    return e.length === 0 ? null : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: a,
+        "data-scope": "combobox",
+        "data-part": "selected-tags",
+        className: o.className,
+        style: o.style,
+        children: e.map((s) => /* @__PURE__ */ M("span", { "data-scope": "combobox", "data-part": "tag", children: [
+          o.renderTag ? o.renderTag(s) : s.label,
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              "data-part": "tag-clear",
+              "aria-label": `Remove ${s.label}`,
+              onClick: (l) => {
+                l.preventDefault(), l.stopPropagation(), n?.(s.value);
+              },
+              children: /* @__PURE__ */ c(I, { iconSettings: { builtIn: "IoCloseOutline" } })
+            }
+          )
+        ] }, s.value))
+      }
+    );
+  }
+);
+X.displayName = "ComboboxSelectedTags";
+export {
+  _ as ComboboxContent,
+  D as ComboboxControl,
+  F as ComboboxInput,
+  K as ComboboxItem,
+  U as ComboboxItemIndicator,
+  Q as ComboboxItemText,
+  $ as ComboboxList,
+  J as ComboboxListEmpty,
+  G as ComboboxListItems,
+  ao as ComboboxPositioner,
+  A as ComboboxRoot,
+  X as ComboboxSelectedTags,
+  H as ComboboxTrigger,
+  d as useComboboxApi,
+  W as useComboboxOptions
+};

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

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

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