@inkeep/agents-ui 0.0.0-dev-20260508201702 → 0.0.0-dev-20260508211520

package/dist/styled/components/message.js

@@ -1,21 +1,22 @@
 "use client";
-import { jsxs as o, jsx as e, Fragment as le } from "react/jsx-runtime";
-import { useBaseEvents as de } from "../../primitives/providers/base-events-provider.js";
-import { useInkeepConfig as pe } from "../../primitives/providers/config-provider.js";
-import { useMessage as ce } from "../../primitives/providers/message-provider.js";
-import { EmbeddedChatPrimitiveMarkdown as me, PrimitiveMessagePart as S } from "../../primitives/components/embedded-chat.js";
-import { useChat as ue } from "../../primitives/components/embedded-chat/chat-provider.js";
-import { isCitationArtifact as he } from "../../primitives/utils/misc.js";
-import { merge as xe } from "merge-anything";
-import { cn as y } from "../utils.js";
-import { markdownStyles as fe } from "./ui/markdown-styles.js";
-import { useStreamProcessor as ge } from "../../primitives/components/embedded-chat/use-stream-processor.js";
-import { DataSummaryGroup as ye } from "./data-summary-group.js";
-import { useState as j, useEffect as M, useRef as A, useMemo as E, useCallback as P } from "react";
-import { DynamicComponent as R, MessageLoading as be } from "./embedded-chat.js";
-import { Hammer as we, ChevronDown as G, Check as K, X as ke, XCircle as Ne, TriangleAlert as ve, CheckCircle as W, Clock as Ce, Loader2 as De, Circle as Se, Library as Te, ComponentIcon as Ae } from "lucide-react";
-import { button as X } from "./ui/recipes/button.js";
-const Ee = {
+import { jsxs as i, jsx as t, Fragment as ce } from "react/jsx-runtime";
+import { useBaseEvents as me } from "../../primitives/providers/base-events-provider.js";
+import { useInkeepConfig as ue } from "../../primitives/providers/config-provider.js";
+import { useMessage as he } from "../../primitives/providers/message-provider.js";
+import { EmbeddedChatPrimitiveMarkdown as fe, PrimitiveMessagePart as j } from "../../primitives/components/embedded-chat.js";
+import { useChat as xe } from "../../primitives/components/embedded-chat/chat-provider.js";
+import { isCitationArtifact as ye } from "../../primitives/utils/misc.js";
+import { merge as ge } from "merge-anything";
+import { cn as k } from "../utils.js";
+import { markdownStyles as be } from "./ui/markdown-styles.js";
+import { useStreamProcessor as we } from "../../primitives/components/embedded-chat/use-stream-processor.js";
+import { DataSummaryGroup as ke } from "./data-summary-group.js";
+import { useState as P, useEffect as V, useRef as U, useMemo as $, useCallback as S } from "react";
+import { DynamicComponent as B, MessageLoading as ve } from "./embedded-chat.js";
+import { AskUserForm as Ne } from "./ask-user-form.js";
+import { Hammer as Ce, ChevronDown as te, Check as Q, X as Ae, XCircle as Te, TriangleAlert as Se, CheckCircle as Z, Clock as De, Loader2 as Ee, Circle as _e, Library as Ie, ComponentIcon as je } from "lucide-react";
+import { button as ee } from "./ui/recipes/button.js";
+const W = "askUser", ae = `tool-${W}`, Ue = {
   "input-streaming": "Pending",
   "input-available": "Running",
   "approval-requested": "Awaiting Approval",
@@ -24,187 +25,239 @@ const Ee = {
   "output-error": "Error",
   "output-denied": "Denied"
 };
-function Pe(t) {
-  if (!t || typeof t != "object") return !1;
-  const a = t;
+function Oe(e) {
+  if (!e || typeof e != "object") return !1;
+  const a = e;
   return typeof a.type == "string" && a.type.startsWith("tool-");
 }
-const je = (t) => {
-  if (!t || typeof t != "object" || !("status" in t)) return;
-  const a = t.status;
+const $e = (e) => {
+  if (!e || typeof e != "object" || !("status" in e)) return;
+  const a = e.status;
   return typeof a == "string" ? a : void 0;
-}, Le = () => /* @__PURE__ */ e("div", { className: "flex space-x-1", children: [0, 1, 2].map((t) => /* @__PURE__ */ e(
+}, Pe = () => /* @__PURE__ */ t("div", { className: "flex space-x-1", children: [0, 1, 2].map((e) => /* @__PURE__ */ t(
   "span",
   {
     className: "animate-bounce-dot opacity-30",
     style: {
-      animationDelay: `${t * 0.2}s`
+      animationDelay: `${e * 0.2}s`
     },
     children: "."
   },
-  t
-)) }), H = ({ name: t, Icon: a, props: i, componentType: s }) => /* @__PURE__ */ o("div", { className: "border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3", children: [
-  /* @__PURE__ */ o("div", { className: "flex justify-between px-4 py-2 text-xs", children: [
-    /* @__PURE__ */ o("div", { className: "font-medium flex items-center gap-2", children: [
-      /* @__PURE__ */ e(a, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
-      /* @__PURE__ */ e("span", { children: t })
+  e
+)) }), re = ({ name: e, Icon: a, props: l, componentType: s }) => /* @__PURE__ */ i("div", { className: "border rounded-lg bg-gray-50 dark:bg-gray-dark-800 mb-3", children: [
+  /* @__PURE__ */ i("div", { className: "flex justify-between px-4 py-2 text-xs", children: [
+    /* @__PURE__ */ i("div", { className: "font-medium flex items-center gap-2", children: [
+      /* @__PURE__ */ t(a, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
+      /* @__PURE__ */ t("span", { children: e })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: s })
+    /* @__PURE__ */ t("div", { className: "flex items-center px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-200 dark:bg-white-alpha-200 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: s })
   ] }),
-  /* @__PURE__ */ e("div", { className: "px-4 py-2", children: /* @__PURE__ */ e(Y, { value: i }) })
-] }), Ie = ({ name: t, props: a }) => /* @__PURE__ */ e(H, { name: t, Icon: Ae, props: a, componentType: "component" }), _e = ({ name: t, props: a }) => /* @__PURE__ */ e(H, { name: t, Icon: Te, props: a, componentType: "artifact" }), $e = ({
-  tool: t,
+  /* @__PURE__ */ t("div", { className: "px-4 py-2", children: /* @__PURE__ */ t(oe, { value: l }) })
+] }), Re = ({ name: e, props: a }) => /* @__PURE__ */ t(re, { name: e, Icon: je, props: a, componentType: "component" }), Le = ({ name: e, props: a }) => /* @__PURE__ */ t(re, { name: e, Icon: Ie, props: a, componentType: "artifact" }), Me = ({
+  tool: e,
   componentDef: a,
-  renderText: i,
+  renderText: l,
   approvalId: s,
-  messagePartsLength: u,
+  messagePartsLength: d,
   setApprovalDelayPending: n,
-  addToolApprovalResponse: c,
-  sendMessage: d,
-  conversationId: f
+  addToolApprovalResponse: u,
+  addToolOutput: p,
+  sendMessage: y,
+  conversationId: o
 }) => {
-  const l = A(d);
-  l.current = d;
-  const m = A(c);
-  m.current = c;
-  const p = A(n);
-  p.current = n;
-  const h = P(
-    async (L = !0) => {
-      s && (p.current({ partCount: u }), m.current({ id: s, approved: L }), await l.current(void 0, { body: { conversationId: f } }));
+  const c = U(y);
+  c.current = y;
+  const m = U(u);
+  m.current = u;
+  const h = U(p);
+  h.current = p;
+  const g = U(n);
+  g.current = n;
+  const O = S(
+    async (f = !0) => {
+      s && (g.current({ partCount: d }), m.current({ id: s, approved: f }), await c.current(void 0, { body: { conversationId: o } }));
     },
-    [s, u, f]
-  ), v = E(() => ({ tool: t, approve: h, renderMarkdown: i }), [t]);
-  return /* @__PURE__ */ e(a ? R : Me, { name: t.type, props: v, componentDef: a });
+    [s, d, o]
+  ), R = S(
+    async (f) => {
+      if (!e.toolCallId) return;
+      g.current({ partCount: d });
+      const v = e.input;
+      try {
+        await h.current({
+          tool: W,
+          toolCallId: e.toolCallId,
+          output: {
+            form: v.form,
+            answers: f,
+            ...v.message !== void 0 ? { message: v.message } : {}
+          }
+        }), await c.current(void 0, { body: { conversationId: o } });
+      } catch (D) {
+        console.error("[askUser] submit failed", D), g.current(null);
+      }
+    },
+    [e.toolCallId, e.input, d, o]
+  ), L = S(async () => {
+    if (e.toolCallId) {
+      g.current({ partCount: d });
+      try {
+        await h.current({
+          state: "output-error",
+          tool: W,
+          toolCallId: e.toolCallId,
+          errorText: "User declined to provide input."
+        }), await c.current(void 0, { body: { conversationId: o } });
+      } catch (f) {
+        console.error("[askUser] decline failed", f), g.current(null);
+      }
+    }
+  }, [e.toolCallId, d, o]), M = $(() => ({ tool: e, approve: O, renderMarkdown: l }), [e]);
+  if (e.type === ae) {
+    const f = e.input && typeof e.input == "object" ? e.input : void 0, v = !!f && Array.isArray(f.form), D = v ? e.input : void 0, K = e.state === "output-available" && e.output ? e.output : void 0;
+    let C;
+    return e.state === "output-available" ? C = "submitted" : e.state === "output-error" ? C = "declined" : v && e.state === "input-available" ? C = "active" : C = "pending", /* @__PURE__ */ t(
+      Ne,
+      {
+        input: D,
+        output: K,
+        status: C,
+        errorText: e.state === "output-error" && "errorText" in e ? e.errorText : void 0,
+        onSubmit: R,
+        onDecline: L
+      }
+    );
+  }
+  return /* @__PURE__ */ t(a ? B : ze, { name: e.type, props: M, componentDef: a });
 };
-function J(t) {
-  return t === null ? /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-white-alpha-500 font-mono font-medium text-1xs", children: "null" }) : t === void 0 ? /* @__PURE__ */ e("span", { className: "text-gray-400 dark:text-white-alpha-400 italic text-xs font-medium", children: "undefined" }) : typeof t == "boolean" ? /* @__PURE__ */ e(
+function ne(e) {
+  return e === null ? /* @__PURE__ */ t("span", { className: "text-gray-500 dark:text-white-alpha-500 font-mono font-medium text-1xs", children: "null" }) : e === void 0 ? /* @__PURE__ */ t("span", { className: "text-gray-400 dark:text-white-alpha-400 italic text-xs font-medium", children: "undefined" }) : typeof e == "boolean" ? /* @__PURE__ */ t(
     "span",
     {
-      className: y(
+      className: k(
         "inline-flex font-mono font-semibold items-center px-1 py-0.5 text-1xs rounded-md border",
-        t ? "bg-inkeep-expanded-primary-50 border-inkeep-expanded-primary-200 text-inkeep-expanded-primary-600 dark:bg-inkeep-expanded-primary-950 dark:border-inkeep-expanded-primary-600 dark:text-inkeep-expanded-primary-200" : "bg-gray-100 dark:bg-white-alpha-50 text-gray-700 dark:text-white-alpha-700"
+        e ? "bg-inkeep-expanded-primary-50 border-inkeep-expanded-primary-200 text-inkeep-expanded-primary-600 dark:bg-inkeep-expanded-primary-950 dark:border-inkeep-expanded-primary-600 dark:text-inkeep-expanded-primary-200" : "bg-gray-100 dark:bg-white-alpha-50 text-gray-700 dark:text-white-alpha-700"
       ),
-      children: t ? "true" : "false"
+      children: e ? "true" : "false"
     }
-  ) : typeof t == "number" ? /* @__PURE__ */ e("span", { className: "tabular-nums font-medium text-inkeep-expanded-primary-600 dark:text-inkeep-expanded-primary-200", children: String(t) }) : typeof t == "string" ? /* @__PURE__ */ e("span", { className: "text-gray-800 dark:text-white-alpha-800 break-words", children: t }) : /* @__PURE__ */ e("span", { children: String(t) });
+  ) : typeof e == "number" ? /* @__PURE__ */ t("span", { className: "tabular-nums font-medium text-inkeep-expanded-primary-600 dark:text-inkeep-expanded-primary-200", children: String(e) }) : typeof e == "string" ? /* @__PURE__ */ t("span", { className: "text-gray-800 dark:text-white-alpha-800 break-words", children: e }) : /* @__PURE__ */ t("span", { children: String(e) });
 }
-const Q = ({
-  name: t,
+const se = ({
+  name: e,
   value: a,
-  isArrayIndex: i,
+  isArrayIndex: l,
   depth: s = 0
 }) => {
-  const [u, n] = j(s < 1), c = a !== null && typeof a == "object" && !Array.isArray(a), d = Array.isArray(a);
-  if (!(c || d))
-    return /* @__PURE__ */ o("div", { className: "flex items-baseline gap-2 py-1 text-xs", children: [
-      /* @__PURE__ */ e(
+  const [d, n] = P(s < 1), u = a !== null && typeof a == "object" && !Array.isArray(a), p = Array.isArray(a);
+  if (!(u || p))
+    return /* @__PURE__ */ i("div", { className: "flex items-baseline gap-2 py-1 text-xs", children: [
+      /* @__PURE__ */ t(
         "span",
         {
-          className: y(
+          className: k(
             "font-medium shrink-0",
-            i ? "text-gray-300 dark:text-white-alpha-300" : "text-gray-500 dark:text-white-alpha-500"
+            l ? "text-gray-300 dark:text-white-alpha-300" : "text-gray-500 dark:text-white-alpha-500"
           ),
-          children: i ? "—" : t
+          children: l ? "—" : e
         }
       ),
-      /* @__PURE__ */ e("span", { className: "min-w-0", children: J(a) })
+      /* @__PURE__ */ t("span", { className: "min-w-0", children: ne(a) })
     ] });
-  const l = d ? a.map((p, h) => [String(h), p]) : Object.entries(a);
-  return l.length === 0 ? /* @__PURE__ */ o("div", { className: "flex items-baseline gap-2 py-1 text-xs", children: [
-    /* @__PURE__ */ e("span", { className: "font-medium text-gray-500 dark:text-white-alpha-500 shrink-0", children: t }),
-    /* @__PURE__ */ e("span", { className: "text-gray-400 dark:text-white-alpha-400 italic", children: d ? "empty list" : "empty" })
-  ] }) : /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ o(
+  const o = p ? a.map((m, h) => [String(h), m]) : Object.entries(a);
+  return o.length === 0 ? /* @__PURE__ */ i("div", { className: "flex items-baseline gap-2 py-1 text-xs", children: [
+    /* @__PURE__ */ t("span", { className: "font-medium text-gray-500 dark:text-white-alpha-500 shrink-0", children: e }),
+    /* @__PURE__ */ t("span", { className: "text-gray-400 dark:text-white-alpha-400 italic", children: p ? "empty list" : "empty" })
+  ] }) : /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        onClick: (p) => {
-          p.stopPropagation(), n(!u);
+        onClick: (m) => {
+          m.stopPropagation(), n(!d);
         },
         className: "flex items-center gap-1.5 py-1 text-xs hover:bg-gray-50 dark:hover:bg-white-alpha-50 -mx-1.5 px-1.5 rounded transition-colors w-full text-left",
         children: [
-          /* @__PURE__ */ e(
-            G,
+          /* @__PURE__ */ t(
+            te,
             {
-              className: y(
+              className: k(
                 "h-3.5 w-3.5 text-gray-400 dark:text-white-alpha-400 shrink-0 transition-transform",
-                !u && "-rotate-90"
+                !d && "-rotate-90"
               )
             }
           ),
-          /* @__PURE__ */ e("span", { className: "font-medium text-gray-500 dark:text-white-alpha-500", children: t }),
-          !u && /* @__PURE__ */ e("span", { className: "text-gray-400 dark:text-white-alpha-400 text-1xs ml-1", children: d ? `${l.length} item${l.length !== 1 ? "s" : ""}` : `${l.length} field${l.length !== 1 ? "s" : ""}` })
+          /* @__PURE__ */ t("span", { className: "font-medium text-gray-500 dark:text-white-alpha-500", children: e }),
+          !d && /* @__PURE__ */ t("span", { className: "text-gray-400 dark:text-white-alpha-400 text-1xs ml-1", children: p ? `${o.length} item${o.length !== 1 ? "s" : ""}` : `${o.length} field${o.length !== 1 ? "s" : ""}` })
         ]
       }
     ),
-    u && /* @__PURE__ */ e("div", { className: "border-l-2 border-gray-200 dark:border-white-alpha-200 ml-1.5 pl-3", children: l.map(([p, h]) => /* @__PURE__ */ e(Q, { name: p, value: h, isArrayIndex: d, depth: s + 1 }, p)) })
+    d && /* @__PURE__ */ t("div", { className: "border-l-2 border-gray-200 dark:border-white-alpha-200 ml-1.5 pl-3", children: o.map(([m, h]) => /* @__PURE__ */ t(se, { name: m, value: h, isArrayIndex: p, depth: s + 1 }, m)) })
   ] });
-}, Y = ({ value: t }) => {
-  if (t == null || typeof t != "object")
-    return /* @__PURE__ */ e("span", { className: "text-xs", children: J(t) });
-  const a = Array.isArray(t) ? t.map((i, s) => [String(s), i]) : Object.entries(t);
-  return a.length === 0 ? /* @__PURE__ */ e("div", { className: "text-xs text-gray-400 dark:text-white-alpha-400 italic", children: "No arguments" }) : /* @__PURE__ */ e("div", { className: "space-y-1", children: a.map(([i, s]) => /* @__PURE__ */ e(Q, { name: i, value: s, isArrayIndex: Array.isArray(t) }, i)) });
-}, Me = ({ props: t }) => {
-  const { tool: a, approve: i } = t, s = a.type, u = s.startsWith("tool-") ? s.slice(5) : s, n = a.state, c = a.approval?.id, d = !!c, f = n === "approval-requested", l = je(a.output), [m, p] = j(d), h = n ? Ee[n] ?? n : "tool";
-  return M(() => {
-    f && p(!0);
-  }, [f]), /* @__PURE__ */ o("div", { className: "border rounded-lg mb-3 overflow-hidden", children: [
-    /* @__PURE__ */ o(
+}, oe = ({ value: e }) => {
+  if (e == null || typeof e != "object")
+    return /* @__PURE__ */ t("span", { className: "text-xs", children: ne(e) });
+  const a = Array.isArray(e) ? e.map((l, s) => [String(s), l]) : Object.entries(e);
+  return a.length === 0 ? /* @__PURE__ */ t("div", { className: "text-xs text-gray-400 dark:text-white-alpha-400 italic", children: "No arguments" }) : /* @__PURE__ */ t("div", { className: "space-y-1", children: a.map(([l, s]) => /* @__PURE__ */ t(se, { name: l, value: s, isArrayIndex: Array.isArray(e) }, l)) });
+}, ze = ({ props: e }) => {
+  const { tool: a, approve: l } = e, s = a.type, d = s.startsWith("tool-") ? s.slice(5) : s, n = a.state, u = a.approval?.id, p = !!u, y = n === "approval-requested", o = $e(a.output), [c, m] = P(p), h = n ? Ue[n] ?? n : "tool";
+  return V(() => {
+    y && m(!0);
+  }, [y]), /* @__PURE__ */ i("div", { className: "border rounded-lg mb-3 overflow-hidden", children: [
+    /* @__PURE__ */ i(
       "button",
       {
         type: "button",
         className: "inline-flex items-center group gap-2 text-xs text-gray-700 dark:text-white-alpha-700 hover:text-gray-800 dark:hover:text-white-alpha-800 transition-colors cursor-pointer w-full justify-between px-4 py-2 data-[expanded=true]:border-b",
-        onClick: () => p(!m),
-        "aria-expanded": m,
-        "data-expanded": m,
+        onClick: () => m(!c),
+        "aria-expanded": c,
+        "data-expanded": c,
         children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ o("div", { className: "font-medium flex items-center gap-2", children: [
-            /* @__PURE__ */ e(we, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
-            /* @__PURE__ */ e("span", { children: u })
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ i("div", { className: "font-medium flex items-center gap-2", children: [
+            /* @__PURE__ */ t(Ce, { className: "w-3 h-3 text-gray-600 dark:text-white-alpha-600" }),
+            /* @__PURE__ */ t("span", { children: d })
           ] }) }),
-          /* @__PURE__ */ o("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5 px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-100 dark:bg-white-alpha-100 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 px-1.5 py-0.5 rounded-md text-2xs uppercase tracking-wider bg-gray-100 dark:bg-white-alpha-100 font-medium text-gray-700 dark:text-white-alpha-700 font-mono", children: [
               (() => {
                 switch (n) {
                   case "input-streaming":
-                    return /* @__PURE__ */ e(Se, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ t(_e, { className: "w-3 h-3" });
                   case "input-available":
-                    return /* @__PURE__ */ e(De, { className: "w-3 h-3 animate-spin" });
+                    return /* @__PURE__ */ t(Ee, { className: "w-3 h-3 animate-spin" });
                   case "approval-requested":
-                    return /* @__PURE__ */ e(Ce, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ t(De, { className: "w-3 h-3" });
                   case "approval-responded":
-                    return /* @__PURE__ */ e(W, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ t(Z, { className: "w-3 h-3" });
                   case "output-available":
-                    return /* @__PURE__ */ e(W, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ t(Z, { className: "w-3 h-3" });
                   case "output-error":
-                    return /* @__PURE__ */ e(ve, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ t(Se, { className: "w-3 h-3" });
                   case "output-denied":
-                    return /* @__PURE__ */ e(Ne, { className: "w-3 h-3" });
+                    return /* @__PURE__ */ t(Te, { className: "w-3 h-3" });
                   default:
                     return null;
                 }
               })(),
               h
             ] }),
-            /* @__PURE__ */ e(G, { className: "w-3.5 h-3.5 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform rotate-0 group-data-[expanded=true]:rotate-180" })
+            /* @__PURE__ */ t(te, { className: "w-3.5 h-3.5 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform rotate-0 group-data-[expanded=true]:rotate-180" })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ i(
       "div",
       {
-        "data-expanded": m,
-        className: y(
+        "data-expanded": c,
+        className: k(
           "overflow-hidden transition-all duration-300 ease-in-out data-[expanded=true]:opacity-100 data-[expanded=false]:max-h-0 data-[expanded=false]:opacity-0 max-w-full"
         ),
         children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ t(
             "div",
             {
-              "data-expanded": m,
-              className: y(
+              "data-expanded": c,
+              className: k(
                 "relative",
                 'before:content-[""] before:absolute before:inset-x-0 before:top-0 before:h-3 before:pointer-events-none before:z-10',
                 'after:content-[""] after:absolute after:inset-x-0 after:bottom-0 after:h-3 after:pointer-events-none after:z-10',
@@ -212,89 +265,97 @@ const Q = ({
                 "dark:before:bg-[linear-gradient(var(--ikp-color-gray-dark-950),_transparent)] dark:after:bg-[linear-gradient(transparent,_var(--ikp-color-gray-dark-950))]",
                 "data-[expanded=false]:before:opacity-0 data-[expanded=false]:after:opacity-0"
               ),
-              children: /* @__PURE__ */ e(
+              children: /* @__PURE__ */ t(
                 "div",
                 {
-                  "data-expanded": m,
-                  className: y(
+                  "data-expanded": c,
+                  className: k(
                     "[scrollbar-width:thin] px-4",
                     "data-[expanded=true]:max-h-48 data-[expanded=true]:overflow-y-auto"
                   ),
-                  children: a.input != null && /* @__PURE__ */ e("div", { className: "text-xs py-2", children: /* @__PURE__ */ e(Y, { value: a.input }) })
+                  children: a.input != null && /* @__PURE__ */ t("div", { className: "text-xs py-2", children: /* @__PURE__ */ t(oe, { value: a.input }) })
                 }
               )
             }
           ),
-          f && c && /* @__PURE__ */ o("div", { className: "flex justify-end gap-2 pt-1 pb-3 px-4", children: [
-            /* @__PURE__ */ e(
+          y && u && /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-1 pb-3 px-4", children: [
+            /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
-                className: y(
-                  X({ size: "xs", variant: "outline" }),
+                className: k(
+                  ee({ size: "xs", variant: "outline" }),
                   "px-2 py-1 rounded-md text-xs text-gray-700 dark:text-white-alpha-700"
                 ),
-                onClick: () => i(!1),
+                onClick: () => l(!1),
                 children: "Deny"
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               "button",
               {
                 type: "button",
-                className: y(
-                  X({ size: "xs", variant: "primaryFilled" }),
+                className: k(
+                  ee({ size: "xs", variant: "primaryFilled" }),
                   "px-2 py-1 rounded-md text-xs gap-1"
                 ),
-                onClick: () => i(!0),
+                onClick: () => l(!0),
                 children: [
-                  /* @__PURE__ */ e(K, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ t(Q, { className: "w-3 h-3" }),
                   "Approve"
                 ]
               }
             )
           ] }),
-          n === "output-available" && l && a.output != null && /* @__PURE__ */ o("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize pb-3 px-4", children: [
-            l === "approved" && /* @__PURE__ */ e(K, { className: "w-3 h-3" }),
-            l
+          n === "output-available" && o && a.output != null && /* @__PURE__ */ i("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize pb-3 px-4", children: [
+            o === "approved" && /* @__PURE__ */ t(Q, { className: "w-3 h-3" }),
+            o
           ] }),
-          n === "output-denied" && /* @__PURE__ */ o("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize pb-3 px-4", children: [
-            /* @__PURE__ */ e(ke, { className: "w-3 h-3" }),
+          n === "output-denied" && /* @__PURE__ */ i("div", { className: "flex justify-end items-center gap-1 whitespace-pre-wrap text-xs text-gray-700 dark:text-white-alpha-700 capitalize pb-3 px-4", children: [
+            /* @__PURE__ */ t(Ae, { className: "w-3 h-3" }),
             h
           ] })
         ]
       }
     )
   ] });
-}, Ze = ({
-  className: t,
+}, nt = ({
+  className: e,
   componentStyles: a,
-  children: i,
+  children: l,
   isLast: s,
-  ...u
+  ...d
 }) => {
-  const { message: n } = ce(), { logEvent: c } = de(), { conversationId: d, isStreaming: f, isLoading: l, setError: m, addToolApprovalResponse: p, sendMessage: h } = ue(), {
-    aiChatSettings: { components: v, artifacts: O, headers: L }
-  } = pe(), Z = L?.["x-emit-operations"] === "true", z = n.role === "user", I = (f || l) && s && n.role === "assistant", { processedParts: ee, summaryTimings: te, shouldShowInitialLoading: ae, shouldShowStreamDelayLoading: re } = ge(n.parts, I, m), [C, q] = j(null), [ne, _] = j(!1), g = A(null);
-  M(() => {
-    if (!C) {
-      _(!1), g.current && (clearTimeout(g.current), g.current = null);
+  const { message: n } = he(), { logEvent: u } = me(), {
+    conversationId: p,
+    isStreaming: y,
+    isLoading: o,
+    setError: c,
+    addToolApprovalResponse: m,
+    addToolOutput: h,
+    sendMessage: g
+  } = xe(), {
+    aiChatSettings: { components: O, artifacts: R, headers: L }
+  } = ue(), M = L?.["x-emit-operations"] === "true", z = n.role === "user", f = (y || o) && s && n.role === "assistant", { processedParts: v, summaryTimings: D, shouldShowInitialLoading: K, shouldShowStreamDelayLoading: C } = we(n.parts, f, c), [E, X] = P(null), [ie, q] = P(!1), b = U(null);
+  V(() => {
+    if (!E) {
+      q(!1), b.current && (clearTimeout(b.current), b.current = null);
       return;
     }
-    return _(!1), g.current && clearTimeout(g.current), g.current = window.setTimeout(() => {
-      _(!0);
+    return q(!1), b.current && clearTimeout(b.current), b.current = window.setTimeout(() => {
+      q(!0);
     }, 1e3), () => {
-      g.current && (clearTimeout(g.current), g.current = null);
+      b.current && (clearTimeout(b.current), b.current = null);
     };
-  }, [C]), M(() => {
-    C && (!s || n.parts.length > C.partCount || !I) && q(null);
-  }, [C, s, n.parts.length, I]);
-  const U = E(() => n.parts.filter(he), [n.parts]), V = E(
-    () => xe(fe, a ?? {}),
+  }, [E]), V(() => {
+    E && (!s || n.parts.length > E.partCount || !f) && X(null);
+  }, [E, s, n.parts.length, f]);
+  const G = $(() => n.parts.filter(ye), [n.parts]), H = $(
+    () => ge(be, a ?? {}),
     [a]
-  ), B = P(
+  ), J = S(
     (r, x) => {
-      c({
+      u({
         eventName: "assistant_message_inline_link_opened",
         properties: {
           title: x?.toString(),
@@ -302,107 +363,108 @@ const Q = ({
         }
       });
     },
-    [c]
-  ), F = P(
+    [u]
+  ), Y = S(
     (r, x) => {
-      c({
+      u({
         eventName: "assistant_code_block_copied",
         properties: {
-          conversationId: d,
+          conversationId: p,
           language: r,
           code: x
         }
       });
     },
-    [c, d]
-  ), $ = P(
-    (r) => /* @__PURE__ */ e(
-      me,
+    [u, p]
+  ), F = S(
+    (r) => /* @__PURE__ */ t(
+      fe,
       {
         text: r,
-        componentStyles: V,
-        onLinkClick: B,
-        onCodeCopy: F,
-        artifacts: U
+        componentStyles: H,
+        onLinkClick: J,
+        onCodeCopy: Y,
+        artifacts: G
       }
     ),
-    [V, B, F, U]
-  ), se = E(
-    () => y(
+    [H, J, Y, G]
+  ), le = $(
+    () => k(
       "data-[role=user]:whitespace-pre-wrap mb-3 data-[role=user]:mb-0 [&[data-role=user]>p]:mb-0 max-w-full",
-      t
+      e
     ),
-    [t]
-  ), oe = !z || n.parts.some(
+    [e]
+  ), de = !z || n.parts.some(
     (r) => r.type === "text" && r.text?.trim()
   );
-  return /* @__PURE__ */ o(le, { children: [
-    !oe && /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-white-alpha-500", children: "No message content" }),
-    ee.map((r, x) => {
-      const k = {
+  return /* @__PURE__ */ i(ce, { children: [
+    !de && /* @__PURE__ */ t("span", { className: "text-gray-500 dark:text-white-alpha-500", children: "No message content" }),
+    v.map((r, x) => {
+      const A = {
         "data-role": n.role,
         "data-type": r?.type === "data-component" ? r.data.type : r?.type,
-        ...u,
-        className: se
+        ...d,
+        className: le
       };
       switch (r?.type) {
         case "text":
-          return /* @__PURE__ */ e(S, { ...k, children: z ? r.text : $(r.text || "") }, x);
+          return /* @__PURE__ */ t(j, { ...A, children: z ? r.text : F(r.text || "") }, x);
         case "data-component": {
-          const { type: w } = r.data;
-          switch (w) {
+          const { type: N } = r.data;
+          switch (N) {
             case "text":
-              return /* @__PURE__ */ e("div", { ...k, children: $(r.data.text || "") }, x);
+              return /* @__PURE__ */ t("div", { ...A, children: F(r.data.text || "") }, x);
             default: {
-              const N = r.data, { name: b, props: T } = N, D = v?.[b];
-              return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(D ? R : Ie, { name: b, props: T, componentDef: D }) }, `${b}-${x}`);
+              const T = r.data, { name: w, props: _ } = T, I = O?.[w];
+              return /* @__PURE__ */ t(j, { ...A, children: /* @__PURE__ */ t(I ? B : Re, { name: w, props: _, componentDef: I }) }, `${w}-${x}`);
             }
           }
         }
         case "data-artifact": {
-          const w = r.data, { name: N, type: b, artifactSummary: T } = w;
-          if (b === "citation" && !T?.url) return null;
-          const D = O?.[b];
-          return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(D ? R : _e, { name: b, props: T, componentDef: D }) }, `${N}-${x}`);
+          const N = r.data, { name: T, type: w, artifactSummary: _ } = N;
+          if (w === "citation" && !_?.url) return null;
+          const I = R?.[w];
+          return /* @__PURE__ */ t(j, { ...A, children: /* @__PURE__ */ t(I ? B : Le, { name: w, props: _, componentDef: I }) }, `${T}-${x}`);
         }
         case "summary-group": {
-          const w = te.get(r.groupKey) || {
+          const N = D.get(r.groupKey) || {
             isCompleted: !1
           };
-          return /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(
-            ye,
+          return /* @__PURE__ */ t(j, { ...A, children: /* @__PURE__ */ t(
+            ke,
             {
               summaries: r.summaries || [],
-              isCompleted: w.isCompleted
+              isCompleted: N.isCompleted
             }
           ) }, `${r.groupKey}-${x}`);
         }
         default: {
-          if (!Pe(r))
+          if (!Oe(r))
             return null;
-          const w = r, N = r.approval?.id;
-          return Z || N ? /* @__PURE__ */ e(S, { ...k, children: /* @__PURE__ */ e(
-            $e,
+          const N = r, T = r.approval?.id, w = N.type === ae;
+          return M || T || w ? /* @__PURE__ */ t(j, { ...A, children: /* @__PURE__ */ t(
+            Me,
             {
-              tool: w,
-              componentDef: v?.IkpTool,
-              renderText: $,
-              approvalId: N,
+              tool: N,
+              componentDef: O?.IkpTool,
+              renderText: F,
+              approvalId: T,
               messagePartsLength: n.parts.length,
-              setApprovalDelayPending: q,
-              addToolApprovalResponse: p,
-              sendMessage: h,
-              conversationId: d
+              setApprovalDelayPending: X,
+              addToolApprovalResponse: m,
+              addToolOutput: h,
+              sendMessage: g,
+              conversationId: p
             }
           ) }, r.toolCallId ?? `${r.type}-${x}`) : null;
         }
       }
     }),
-    ae && /* @__PURE__ */ e(be, {}),
-    (re || ne) && /* @__PURE__ */ e(Le, {})
+    K && /* @__PURE__ */ t(ve, {}),
+    (C || ie) && /* @__PURE__ */ t(Pe, {})
   ] });
 };
 export {
-  Me as DefaultToolComponent,
-  Ze as EmbeddedChatMessagePart
+  ze as DefaultToolComponent,
+  nt as EmbeddedChatMessagePart
 };