@inkeep/agents-ui 0.16.1 → 0.16.3

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as a, jsxs as G, Fragment as ie } from "react/jsx-runtime";
-import j, { memo as I, useRef as D, useState as $, useMemo as oe, useEffect as W, useLayoutEffect as he, forwardRef as Q } from "react";
+import j, { memo as E, useRef as D, useState as $, useMemo as oe, useEffect as W, useLayoutEffect as he, forwardRef as Q } from "react";
 import * as Ce from "react-dom/client";
 import ae from "react-textarea-autosize";
 import * as Y from "@radix-ui/react-avatar";
@@ -9,7 +9,7 @@ import * as B from "@radix-ui/react-popover";
 import * as K from "@radix-ui/react-tooltip";
 import * as U from "@radix-ui/react-scroll-area";
 import { ItemText as be, Content as pe, Icon as ge, Item as ve, ItemIndicator as Fe, Trigger as _e, Viewport as Pe, Root as fe, Value as Se } from "../atoms/select.js";
-import { ComboboxListItems as Ee, ComboboxRoot as Ie, ComboboxItemText as Me, ComboboxContent as Ae, ComboboxControl as ye, ComboboxInput as ke, ComboboxItem as xe, ComboboxItemIndicator as Te, ComboboxList as He, ComboboxListEmpty as Le, ComboboxPositioner as we, ComboboxSelectedTags as De, ComboboxTrigger as Be } from "../atoms/combobox.js";
+import { ComboboxListItems as Ie, ComboboxRoot as Ee, ComboboxItemText as Me, ComboboxContent as Ae, ComboboxControl as ye, ComboboxInput as ke, ComboboxItem as xe, ComboboxItemIndicator as Te, ComboboxList as He, ComboboxListEmpty as Le, ComboboxPositioner as we, ComboboxSelectedTags as De, ComboboxTrigger as Be } from "../atoms/combobox.js";
 import { Close as Ne, Content as Re, Title as Oe, Overlay as Ve, Root as We } from "../atoms/dialog.js";
 import Qe from "../atoms/avatars/ai.js";
 import Ue from "../atoms/avatars/user.js";
@@ -20,7 +20,7 @@ import { Markdown as q } from "../atoms/markdown/index.js";
 import { SourceItemProvider as Ke, useSourceItem as R } from "../providers/source-item-provider.js";
 import { useInkeepConfig as p } from "../providers/config-provider.js";
 import { useMessageFeedback as Z } from "../providers/feedback-provider.js";
-import { useMessage as E, MessageProvider as qe } from "../providers/message-provider.js";
+import { useMessage as P, MessageProvider as qe } from "../providers/message-provider.js";
 import { CheckboxIcon as je } from "../atoms/icons/checkbox-icon.js";
 import { useCopyToClipboard as z } from "../hooks/use-copy-to-clipboard.js";
 import { dataAttr as g, maybeRender as O, isCitationArtifact as ne, getInitials as ze, getMessageContent as se } from "../utils/misc.js";
@@ -31,7 +31,7 @@ import { useSettleAction as Ge } from "../hooks/use-settle-action.js";
 import { useContainerSize as Ye } from "../hooks/use-container-size.js";
 import { useChatAction as J } from "./embedded-chat/use-chat-action.js";
 import { useHelpMenuState as Ze, HelpMenuProvider as Je, useHelpMenu as Xe } from "../providers/help-menu-provider.js";
-import { useChatForm as P } from "../providers/chat-form-provider.js";
+import { useChatForm as f } from "../providers/chat-form-provider.js";
 import { useFormField as k, FormFieldProvider as et } from "../providers/form-field-provider.js";
 import { Controller as tt } from "react-hook-form";
 import { highlightEmphasis as it } from "../utils/highlight-emphasis.js";
@@ -47,7 +47,7 @@ import { useBaseEvents as ee } from "../providers/base-events-provider.js";
 import { useShadow as ct } from "../atoms/shadow/context.js";
 import { getIcon as mt } from "../utils/get-source-icon.js";
 import { ChatHistoryProvider as lt } from "../providers/chat-history-provider.js";
-import { EmbeddedChatPrimitiveDropZone as nn, EmbeddedChatPrimitiveFileContent as sn, EmbeddedChatPrimitiveFileInput as dn, EmbeddedChatPrimitiveFileItem as cn, EmbeddedChatPrimitiveFileList as mn, EmbeddedChatPrimitiveFileName as ln, EmbeddedChatPrimitiveFilePreviewTrigger as un, EmbeddedChatPrimitiveFileRemove as hn, EmbeddedChatPrimitiveFileRemoveIcon as Cn, EmbeddedChatPrimitiveFileThumbnail as bn, EmbeddedChatPrimitiveFileTypeIcon as pn, EmbeddedChatPrimitiveFileUploadButton as gn, EmbeddedChatPrimitiveFileUploadButtonIcon as vn, EmbeddedChatPrimitiveInputFieldset as Fn, EmbeddedChatPrimitiveInputNotification as _n, EmbeddedChatPrimitiveInputNotificationClose as Pn, EmbeddedChatPrimitiveInputNotificationContent as fn, EmbeddedChatPrimitiveInputNotificationHeader as Sn, EmbeddedChatPrimitiveInputNotificationMessage as En, EmbeddedChatPrimitiveInputNotificationTitle as In, EmbeddedChatPrimitiveMessageFile as Mn, EmbeddedChatPrimitiveMessageFiles as An } from "./embedded-chat/file-upload-input.js";
+import { EmbeddedChatPrimitiveDropZone as nn, EmbeddedChatPrimitiveFileContent as sn, EmbeddedChatPrimitiveFileInput as dn, EmbeddedChatPrimitiveFileItem as cn, EmbeddedChatPrimitiveFileList as mn, EmbeddedChatPrimitiveFileName as ln, EmbeddedChatPrimitiveFilePreviewTrigger as un, EmbeddedChatPrimitiveFileRemove as hn, EmbeddedChatPrimitiveFileRemoveIcon as Cn, EmbeddedChatPrimitiveFileThumbnail as bn, EmbeddedChatPrimitiveFileTypeIcon as pn, EmbeddedChatPrimitiveFileUploadButton as gn, EmbeddedChatPrimitiveFileUploadButtonIcon as vn, EmbeddedChatPrimitiveInputFieldset as Fn, EmbeddedChatPrimitiveInputNotification as _n, EmbeddedChatPrimitiveInputNotificationClose as Pn, EmbeddedChatPrimitiveInputNotificationContent as fn, EmbeddedChatPrimitiveInputNotificationHeader as Sn, EmbeddedChatPrimitiveInputNotificationMessage as In, EmbeddedChatPrimitiveInputNotificationTitle as En, EmbeddedChatPrimitiveMessageFile as Mn, EmbeddedChatPrimitiveMessageFiles as An } from "./embedded-chat/file-upload-input.js";
 import { EmbeddedChatPrimitiveImagePreviewModal as kn, EmbeddedChatPrimitiveImagePreviewModalClose as xn, EmbeddedChatPrimitiveImagePreviewModalContent as Tn, EmbeddedChatPrimitiveImagePreviewModalFileName as Hn, EmbeddedChatPrimitiveImagePreviewModalFooter as Ln, EmbeddedChatPrimitiveImagePreviewModalImage as wn, EmbeddedChatPrimitiveImagePreviewModalOverlay as Dn } from "./embedded-chat/image-preview-modal.js";
 const ut = "__intro__", ht = 767, Ct = i("div", {
   _id: "aiChatWrapper"
@@ -99,7 +99,7 @@ const Lo = Q((t, e) => {
 }), bt = i("div", {
   _id: "aiChatRoot"
 }), wo = (t) => {
-  const { isHidden: e } = F(), { form: o } = P();
+  const { isHidden: e } = F(), { form: o } = f();
   return o ? null : /* @__PURE__ */ a(bt, { "data-hidden": g(e), ...t });
 }, Do = i("div", {
   _id: "aiChatHeader"
@@ -109,13 +109,13 @@ const Lo = Q((t, e) => {
   _id: "aiChatHeader__ToolbarHeaderWrapper"
 }), pt = i(A, {
   _id: "aiChatHeader__ChatHistoryButtonIcon"
-}), Ro = I(
+}), Ro = E(
   (t) => /* @__PURE__ */ a(pt, { ...t })
 ), Oo = i("button", {
   _id: "aiChatHeader__ChatHistoryButton"
 }), gt = i("div", {
   _id: "aiChatHeader__ToolbarHeader"
-}), Vo = I(
+}), Vo = E(
   (t) => {
     const { aiChatSettings: e } = p(), o = `Ask ${e.aiAssistantName || "AI"}`;
     return /* @__PURE__ */ a(gt, { ...t, children: o });
@@ -127,7 +127,12 @@ const Lo = Q((t, e) => {
 }), vt = i(U.Viewport, {
   _id: "aiChatContentScrollArea__Viewport"
 }), Uo = Q(({ children: t, ...e }, o) => {
-  const { messages: r, isStreaming: n } = F(), { aiChatSettings: { shouldAutoScroll: s = !0 } } = p(), { containerRef: d, scrollToBottom: c, handleScroll: m, enableAutoScroll: l } = rt({ isStreaming: n, enabled: s }), u = X(o, d);
+  const { messages: r, isStreaming: n } = F(), {
+    aiChatSettings: { shouldAutoScroll: s = !0 }
+  } = p(), { containerRef: d, scrollToBottom: c, handleScroll: m, enableAutoScroll: l } = rt({
+    isStreaming: n,
+    enabled: s
+  }), u = X(o, d);
   return W(() => {
     r.length > 0 && (l(), c());
   }, [r.length, c, l]), /* @__PURE__ */ a(
@@ -163,14 +168,14 @@ const Lo = Q((t, e) => {
   return /* @__PURE__ */ a(Ft, { children: O(o, e), ...r });
 }, _t = i("div", {
   _id: "aiChatDisclaimer"
-}), zo = I(
+}), zo = E(
   (t) => {
     const { aiChatSettings: e } = p(), [o, r] = $(!1), n = nt(o, 100);
     return e.disclaimerSettings?.isEnabled ? /* @__PURE__ */ a(st, { open: o, setOpen: r, children: /* @__PURE__ */ a(B.Root, { open: n, onOpenChange: r, children: /* @__PURE__ */ a(_t, { ...t }) }) }) : null;
   }
 ), Pt = i("span", {
   _id: "aiChatDisclaimerLabel"
-}), Go = I(
+}), Go = E(
   (t) => {
     const { aiChatSettings: e } = p(), o = e.disclaimerSettings;
     return /* @__PURE__ */ a(Pt, { children: o?.label, ...t });
@@ -178,7 +183,7 @@ const Lo = Q((t, e) => {
 ), ft = i(B.Trigger, {
   _id: "aiChatDisclaimerTrigger",
   children: /* @__PURE__ */ a(A, { iconKey: "info" })
-}), Yo = I(
+}), Yo = E(
   (t) => {
     const { setOpen: e } = de();
     return /* @__PURE__ */ a(
@@ -206,30 +211,30 @@ const Lo = Q((t, e) => {
       ...t
     }
   );
-}, Et = i(q, {
+}, It = i(q, {
   _id: "aiChatDisclaimerText"
-}), Jo = I(
+}), Jo = E(
   (t) => {
     const { aiChatSettings: e } = p(), o = e.aiAssistantName, n = e.disclaimerSettings?.tooltip || `Information provided by ${o || "this AI assistant"} is not guaranteed to be accurate or comprehensive.`;
-    return /* @__PURE__ */ a(Et, { shouldOpenLinksInNewTab: !0, children: n, ...t });
+    return /* @__PURE__ */ a(It, { shouldOpenLinksInNewTab: !0, children: n, ...t });
   }
 ), Xo = i(B.Arrow, {
   _id: "aiChatDisclaimerArrow"
-}), It = i("div", {
+}), Et = i("div", {
   _id: "aiChatExampleQuestions"
 }), ea = (t) => {
   const { aiChatSettings: e } = p(), { messages: o } = F();
-  return !e.exampleQuestions?.length || o.length ? null : /* @__PURE__ */ a(It, { ...t });
+  return !e.exampleQuestions?.length || o.length ? null : /* @__PURE__ */ a(Et, { ...t });
 }, Mt = i("h3", {
   _id: "aiChatExampleQuestionsLabel"
-}), ta = I(
+}), ta = E(
   (t) => {
     const { aiChatSettings: e } = p();
     return /* @__PURE__ */ a(Mt, { children: e.exampleQuestionsLabel, ...t });
   }
 ), At = i("div", {
   _id: "aiChatExampleQuestionsList"
-}), ia = I(
+}), ia = E(
   (t) => {
     const { aiChatSettings: e } = p(), o = e.exampleQuestions, { children: r, ...n } = t;
     return /* @__PURE__ */ a(At, { children: O(r, o), ...n });
@@ -256,7 +261,7 @@ const Lo = Q((t, e) => {
 }), Tt = (t) => {
   const { message: e, ...o } = t;
   return e.role === "system" ? null : /* @__PURE__ */ a(qe, { message: e, children: /* @__PURE__ */ a(xt, { "data-role": e.role, ...o }) });
-}, ra = I(
+}, ra = E(
   (t) => {
     const { message: e, ...o } = t, { aiChatSettings: r, baseSettings: n } = p(), s = r.aiAssistantName, d = s ? `Hi, I'm ${s}!` : "Hi!", c = r.chatSubjectName ?? n.organizationDisplayName, m = c ? `
 
@@ -273,7 +278,7 @@ const Lo = Q((t, e) => {
 ), Ht = i("div", {
   _id: "aiChatMessageHeader"
 }), na = (t) => {
-  const { message: e } = E();
+  const { message: e } = P();
   return /* @__PURE__ */ a(Ht, { "data-role": e.role, ...t });
 }, Lt = i("div", {
   _id: "aiChatMessageLoading",
@@ -281,12 +286,12 @@ const Lo = Q((t, e) => {
 }), sa = (t) => /* @__PURE__ */ a(Lt, { ...t }), wt = i("div", {
   _id: "aiChatMessageAvatar"
 }), da = (t) => {
-  const { message: e } = E();
+  const { message: e } = P();
   return /* @__PURE__ */ a(wt, { "data-role": e.role, ...t });
 }, Dt = i(Y.Root, {
   _id: "aiChatMessageAvatarContent"
 }), ca = (t) => {
-  const { message: e } = E(), { baseSettings: o } = p();
+  const { message: e } = P(), { baseSettings: o } = p();
   return /* @__PURE__ */ a(
     Dt,
     {
@@ -297,9 +302,9 @@ const Lo = Q((t, e) => {
   );
 }, Bt = i(Y.Fallback, {
   _id: "aiChatMessageAvatarFallback"
-}), ma = I(
+}), ma = E(
   (t) => {
-    const { baseSettings: e } = p(), { message: o } = E();
+    const { baseSettings: e } = p(), { message: o } = P();
     return e.userProperties.name ? /* @__PURE__ */ a(
       Bt,
       {
@@ -311,12 +316,12 @@ const Lo = Q((t, e) => {
   }
 ), te = i(Y.Image, {
   _id: "aiChatMessageAvatarImage"
-}), la = I(
+}), la = E(
   (t) => {
     const { onLoadingStatusChange: e, ...o } = t, {
       aiChatSettings: r,
       baseSettings: { userProperties: n }
-    } = p(), { message: s } = E(), { aiAssistantAvatar: d } = r ?? {}, c = typeof d == "string" ? d : d?.light, m = (typeof d == "string" ? d : d?.dark) ?? c, l = at(c, m), [u, C] = $(l);
+    } = p(), { message: s } = P(), { aiAssistantAvatar: d } = r ?? {}, c = typeof d == "string" ? d : d?.light, m = (typeof d == "string" ? d : d?.dark) ?? c, l = at(c, m), [u, C] = $(l);
     W(() => {
       C(l);
     }, [l]);
@@ -364,7 +369,7 @@ const Lo = Q((t, e) => {
 ), Nt = i("span", {
   _id: "aiChatMessageName"
 }), ua = (t) => {
-  const { message: e } = E(), { aiChatSettings: o } = p(), { aiAssistantName: r } = o;
+  const { message: e } = P(), { aiChatSettings: o } = p(), { aiAssistantName: r } = o;
   return /* @__PURE__ */ a(
     Nt,
     {
@@ -376,12 +381,12 @@ const Lo = Q((t, e) => {
 }, Rt = i("div", {
   _id: "aiChatMessageContentWrapper"
 }), ha = (t) => {
-  const { message: e } = E();
+  const { message: e } = P();
   return /* @__PURE__ */ a(Rt, { "data-role": e.role, ...t });
 }, Ot = i("div", {
   _id: "aiChatMessageContent"
 }), Ca = (t) => {
-  const { message: e } = E();
+  const { message: e } = P();
   return /* @__PURE__ */ a(Ot, { "data-role": e.role, ...t });
 }, ba = (t) => {
   const { text: e, componentStyles: o, ...r } = t, { aiChatSettings: n } = p(), { shouldOpenLinksInNewTab: s } = n;
@@ -405,39 +410,39 @@ const Lo = Q((t, e) => {
   }, [o]);
   const _ = v.current, M = D(e);
   M.current = e;
-  const f = D(null), x = D(_);
-  x.current !== _ && (f.current = null, x.current = _), W(() => {
+  const S = D(null), x = D(_);
+  x.current !== _ && (S.current = null, x.current = _), W(() => {
     s.current || (s.current = `dyn:${t}:${crypto.randomUUID()}`, u(!0));
   }, [t]), he(() => {
     if (!_ || !n || !l || !s.current)
       return;
-    const T = s.current, S = document.createElement("div");
-    return S.setAttribute("data-ikp-component", ""), S.setAttribute("data-component", t), S.setAttribute("slot", T), d.current = S, m.current = !1, n.appendChild(S), h(!0), () => {
+    const T = s.current, I = document.createElement("div");
+    return I.setAttribute("data-ikp-component", ""), I.setAttribute("data-component", t), I.setAttribute("slot", T), d.current = I, m.current = !1, n.appendChild(I), h(!0), () => {
       m.current = !0, h(!1), queueMicrotask(() => {
         try {
           c.current && (c.current.unmount(), c.current = null);
         } catch (H) {
           console.debug("Ignoring unmount error:", H);
         }
-        S.parentNode === n && S.remove(), d.current = null;
+        I.parentNode === n && I.remove(), d.current = null;
       });
     };
   }, [_, n, l, t]);
   const V = (T) => {
-    const S = d.current;
-    if (!S || m.current) return;
+    const I = d.current;
+    if (!I || m.current) return;
     const H = (w) => {
-      if (f.current !== null) return f.current;
+      if (S.current !== null) return S.current;
       if (typeof w != "function" || w.length > 1)
-        return f.current = !1, !1;
+        return S.current = !1, !1;
       try {
         if (w.constructor === Function) {
           const ue = w({});
-          return f.current = j.isValidElement(ue), f.current;
+          return S.current = j.isValidElement(ue), S.current;
         }
-        return f.current = !1, !1;
+        return S.current = !1, !1;
       } catch {
-        return f.current = !0, !0;
+        return S.current = !0, !0;
       }
     };
     let y;
@@ -453,14 +458,14 @@ const Lo = Q((t, e) => {
         return;
       }
     else if (typeof L == "function")
-      y = L(T || {}, S, null);
+      y = L(T || {}, I, null);
     else {
       console.error("Invalid component definition");
       return;
     }
     if (j.isValidElement(y) || typeof y == "string") {
       if (m.current) return;
-      c.current || (c.current = Ce.createRoot(S)), !m.current && c.current && c.current.render(y);
+      c.current || (c.current = Ce.createRoot(I)), !m.current && c.current && c.current.render(y);
       return;
     }
     c.current && !m.current && c.current.render(null);
@@ -475,24 +480,25 @@ const Lo = Q((t, e) => {
 }), Vt = i("div", {
   _id: "aiChatMessageToolbar"
 }), va = (t) => {
-  const { isLoading: e, messages: o } = F(), { message: r } = E();
+  const { isLoading: e, messages: o } = F(), { message: r } = P();
   return o.at(-1)?.id === r?.id && e || r.role === "user" ? null : /* @__PURE__ */ a(Vt, { ...t });
 }, Wt = i("div", {
   _id: "aiChatMessageCustomActions"
 }), Fa = (t) => {
-  const { children: e, ...o } = t, { aiChatSettings: r } = p(), { message: n } = E(), { isStreaming: s, messages: d } = F(), c = d.at(-1)?.id === n?.id, m = n.role === "assistant", l = r.messageActions || [];
+  const { children: e, ...o } = t, { aiChatSettings: r } = p(), { message: n } = P(), { isStreaming: s, messages: d } = F(), c = d.at(-1)?.id === n?.id, m = n.role === "assistant", l = r.messageActions || [];
   return c && s || !m ? null : /* @__PURE__ */ a(Wt, { children: O(e, l), ...o });
 }, Qt = i("a", {
   _id: "aiChatMessageCustomAction"
 }), Ut = i("button", {
   _id: "aiChatMessageCustomAction"
 }), _a = (t) => {
-  const { onClick: e, action: o, ...r } = t, { message: n } = E(), { handleAction: s } = J(o, n.id), { logEvent: d } = ee(), { conversationId: c } = F(), m = () => {
+  const { onClick: e, action: o, ...r } = t, { message: n } = P(), { handleAction: s } = J(o, n.id), { logEvent: d } = ee(), { conversationId: c } = F(), m = () => {
     s(), d({
       eventName: "user_escalation_indicated",
       properties: {
         escalationType: "contact_us",
-        conversationId: c
+        conversationId: c,
+        messageId: n.id
       }
     });
   }, l = o.label, u = /* @__PURE__ */ G(ie, { children: [
@@ -522,14 +528,15 @@ const Lo = Q((t, e) => {
 }, $t = i("button", {
   _id: "aiChatMessageAction"
 }), Pa = (t) => {
-  const { action: e, onClick: o, className: r, ...n } = t, { conversationId: s } = F(), { message: d } = E(), { isStreaming: c, messages: m } = F(), [l, u] = z(), { feedback: C, submitPositiveFeedback: h, setCurrentFeedback: v, currentFeedback: _ } = Z(), { logEvent: M } = ee(), [f, x] = Ge(), V = m.at(-1)?.id === d?.id, T = d.role === "assistant";
+  const { action: e, onClick: o, className: r, ...n } = t, { conversationId: s } = F(), { message: d } = P(), { isStreaming: c, messages: m } = F(), [l, u] = z(), { feedback: C, submitPositiveFeedback: h, setCurrentFeedback: v, currentFeedback: _ } = Z(), { logEvent: M } = ee(), [S, x] = Ge(), V = m.at(-1)?.id === d?.id, T = d.role === "assistant";
   if (V && c || !T) return null;
   const H = {
     copy() {
       u(se(d)), M({
         eventName: "assistant_message_copied",
         properties: {
-          conversationId: s
+          conversationId: s,
+          messageId: d.id
         }
       });
     },
@@ -547,7 +554,7 @@ const Lo = Q((t, e) => {
     downvote: "Downvote Message"
   }, L = {
     copy: /* @__PURE__ */ a(A, { iconKey: l ? "messageCopied" : "messageCopy" }),
-    upvote: /* @__PURE__ */ a(A, { iconKey: f ? "messageCopied" : "thumbsUp" }),
+    upvote: /* @__PURE__ */ a(A, { iconKey: S ? "messageCopied" : "thumbsUp" }),
     downvote: /* @__PURE__ */ a(A, { iconKey: "thumbsDown" })
   }, w = {
     copy: { "data-copied": g(l) },
@@ -574,14 +581,14 @@ const Lo = Q((t, e) => {
 }, Kt = i("div", {
   _id: "aiChatMessageSources"
 }), fa = (t) => {
-  const { message: e } = E();
+  const { message: e } = P();
   return e.role !== "assistant" || !e.parts.filter(ne).filter((r) => !!r.data?.artifactSummary?.url)?.length ? null : /* @__PURE__ */ a(Kt, { ...t });
 }, qt = i("div", {
   _id: "aiChatMessageSources__Header"
 }), Sa = (t) => /* @__PURE__ */ a(qt, { children: "Sources", ...t }), jt = i("div", {
   _id: "aiChatMessageSources__List"
-}), Ea = (t) => {
-  const { message: e } = E(), { children: o, ...r } = t, {
+}), Ia = (t) => {
+  const { message: e } = P(), { children: o, ...r } = t, {
     baseSettings: { transformSource: n, organizationDisplayName: s },
     aiChatSettings: { shouldOpenLinksInNewTab: d },
     searchSettings: { tabs: c }
@@ -609,18 +616,19 @@ const Lo = Q((t, e) => {
     })))(v, "chatSourceItem", {
       organizationDisplayName: s,
       tabs: c
-    }), f = M.shouldOpenInNewTab !== void 0 ? M.shouldOpenInNewTab : d;
-    return { ...M, isExternal: f };
+    }), S = M.shouldOpenInNewTab !== void 0 ? M.shouldOpenInNewTab : d;
+    return { ...M, isExternal: S };
   });
   return /* @__PURE__ */ a(jt, { children: O(o, u), ...r });
 }, zt = i($e, {
   _id: "aiChatMessageSourceItem"
-}), Ia = (t) => {
-  const { source: e, onClick: o, ...r } = t, { logEvent: n } = ee(), { conversationId: s } = F(), d = () => {
+}), Ea = (t) => {
+  const { source: e, onClick: o, ...r } = t, { logEvent: n } = ee(), { conversationId: s } = F(), { message: d } = P(), c = () => {
     n({
       eventName: "assistant_source_item_clicked",
       properties: {
         conversationId: s,
+        messageId: d.id,
         link: e
       }
     });
@@ -632,7 +640,7 @@ const Lo = Q((t, e) => {
       appendToUrl: e.appendToUrl,
       isExternal: e.isExternal,
       "data-breadcrumbs": !!e.breadcrumbs?.length,
-      onClick: b(o, d),
+      onClick: b(o, c),
       ...r
     }
   ) });
@@ -771,7 +779,7 @@ const Lo = Q((t, e) => {
     help: () => {
     },
     copy: () => {
-      const S = m.map((H) => {
+      const I = m.map((H) => {
         const y = `**${H.role === "assistant" ? "AI Assistant" : "User"}**`, L = se(H);
         return `${y}
 
@@ -781,7 +789,7 @@ ${L}`;
 ---
 
 `);
-      h(S);
+      h(I);
     },
     share: async () => {
     },
@@ -867,7 +875,7 @@ ${L}`;
   return d === "open_link" ? /* @__PURE__ */ a(mi, { href: e.action.url, ...c }) : /* @__PURE__ */ a(ci, { ...c });
 }, li = i(B.Trigger, {
   _id: "aiChatHelpActions__Trigger"
-}), ja = I(
+}), ja = E(
   (t) => {
     const { aiChatSettings: e } = p();
     return /* @__PURE__ */ a(me, { action: "help", ...t, asChild: !0, children: /* @__PURE__ */ a(li, { children: e.toolbarButtonLabels?.getHelp ?? "Get Help" }) });
@@ -962,12 +970,12 @@ ${L}`;
 }), pi = i("div", {
   _id: "aiChatForm__Wrapper"
 }), cr = (t) => {
-  const { form: e } = P();
+  const { form: e } = f();
   return e ? /* @__PURE__ */ a(pi, { ...t }) : null;
 }, gi = i("form", {
   _id: "aiChatForm"
 }), mr = (t) => {
-  const { onSubmit: e, ...o } = t, { conversationId: r, messages: n } = F(), { handleSubmit: s, isSuccess: d } = P();
+  const { onSubmit: e, ...o } = t, { conversationId: r, messages: n } = F(), { handleSubmit: s, isSuccess: d } = f();
   return d ? null : /* @__PURE__ */ a(
     gi,
     {
@@ -982,29 +990,29 @@ ${L}`;
   _id: "aiChatForm__Close",
   children: /* @__PURE__ */ a(A, { iconKey: "close" })
 }), lr = (t) => {
-  const { onClick: e, ...o } = t, { closeForm: r } = P();
+  const { onClick: e, ...o } = t, { closeForm: r } = f();
   return /* @__PURE__ */ a(vi, { onClick: b(e, r), ...o });
 }, ur = i("div", {
   _id: "aiChatForm__Header"
 }), Fi = i("h2", {
   _id: "aiChatForm__Heading"
 }), hr = (t) => {
-  const { form: e } = P();
+  const { form: e } = f();
   return e?.heading ? /* @__PURE__ */ a(Fi, { children: e.heading, ...t }) : null;
 }, _i = i(q, {
   _id: "aiChatForm__Description"
 }), Cr = (t) => {
-  const { form: e } = P();
+  const { form: e } = f();
   return e?.description ? /* @__PURE__ */ a(_i, { shouldOpenLinksInNewTab: !0, children: e.description, ...t }) : null;
 }, Pi = i("div", {
   _id: "aiChatForm__Content"
 }), br = (t) => {
-  const { children: e, ...o } = t, { getFields: r } = P(), { conversationId: n } = F(), s = r(n) || [];
+  const { children: e, ...o } = t, { getFields: r } = f(), { conversationId: n } = F(), s = r(n) || [];
   return /* @__PURE__ */ a(Pi, { children: O(e, s), ...o });
 }, fi = i("div", {
   _id: "aiChatForm__Field"
 }), pr = (t) => {
-  const { field: e, autoFocus: o, ...r } = t, { control: n, errors: s } = P();
+  const { field: e, autoFocus: o, ...r } = t, { control: n, errors: s } = f();
   return /* @__PURE__ */ a(
     tt,
     {
@@ -1046,7 +1054,7 @@ ${L}`;
       ...t
     }
   );
-}, Ei = i("input", {
+}, Ii = i("input", {
   _id: "aiChatForm__FieldText",
   type: "text"
 }), le = (t) => {
@@ -1057,7 +1065,7 @@ ${L}`;
     autoFocus: d
   } = k(), { onChange: c, onBlur: m, ...l } = t;
   return /* @__PURE__ */ a(
-    Ei,
+    Ii,
     {
       id: e.name,
       autoFocus: d,
@@ -1072,7 +1080,7 @@ ${L}`;
 }, vr = i(le, {
   _id: "aiChatForm__FieldEmail",
   type: "email"
-}), Ii = i("input", {
+}), Ei = i("input", {
   _id: "aiChatForm__FieldFile",
   type: "file",
   multiple: !0
@@ -1087,7 +1095,7 @@ ${L}`;
     n(v);
   };
   return /* @__PURE__ */ a(
-    Ii,
+    Ei,
     {
       id: e.name,
       autoFocus: c,
@@ -1137,11 +1145,11 @@ ${L}`;
       ...s
     }
   );
-}, Er = i(_e, {
+}, Ir = i(_e, {
   _id: "aiChatForm__FieldSelect__Trigger"
 }), yi = i(Se, {
   _id: "aiChatForm__FieldSelect__Value"
-}), Ir = (t) => {
+}), Er = (t) => {
   const { field: e } = k();
   return /* @__PURE__ */ a(
     yi,
@@ -1187,7 +1195,7 @@ ${L}`;
     ...s
   };
   return /* @__PURE__ */ a(
-    Ie,
+    Ee,
     {
       ...C
     }
@@ -1224,7 +1232,7 @@ ${L}`;
 ), Qr = i(
   Te,
   { _id: "aiChatForm__FieldCombobox__ItemIndicator" }
-), Ur = Ee, $r = i(
+), Ur = Ie, $r = i(
   Le,
   { _id: "aiChatForm__FieldCombobox__ListEmpty" }
 ), Bi = i("p", {
@@ -1240,7 +1248,7 @@ ${L}`;
 }, Ri = i("span", {
   _id: "aiChatForm__Error"
 }), jr = (t) => {
-  const { formError: e } = P();
+  const { formError: e } = f();
   return e ? /* @__PURE__ */ a(Ri, { children: e.message, ...t }) : null;
 }, zr = i("div", {
   _id: "aiChatForm__Footer"
@@ -1249,29 +1257,29 @@ ${L}`;
   children: "Cancel",
   type: "button"
 }), Gr = (t) => {
-  const { onClick: e, ...o } = t, { closeForm: r } = P();
+  const { onClick: e, ...o } = t, { closeForm: r } = f();
   return /* @__PURE__ */ a(Oi, { onClick: b(e, r), ...o });
 }, Vi = i("button", {
   _id: "aiChatForm__Submit",
   children: "Submit",
   type: "submit"
 }), Yr = (t) => {
-  const { onClick: e, ...o } = t, { isSubmitting: r, form: n } = P(), s = n?.buttons.submit.label || "Submit";
+  const { onClick: e, ...o } = t, { isSubmitting: r, form: n } = f(), s = n?.buttons.submit.label || "Submit";
   return /* @__PURE__ */ a(Vi, { disabled: r, ...o, children: s });
 }, Wi = i("div", {
   _id: "aiChatForm__Success"
 }), Zr = (t) => {
-  const { isSuccess: e } = P();
+  const { isSuccess: e } = f();
   return e ? /* @__PURE__ */ a(Wi, { ...t }) : null;
 }, Qi = i("h2", {
   _id: "aiChatForm__SuccessHeading"
 }), Jr = (t) => {
-  const { form: e } = P();
+  const { form: e } = f();
   return /* @__PURE__ */ a(Qi, { children: e?.successView?.heading, ...t });
 }, Ui = i(q, {
   _id: "aiChatForm__SuccessMessage"
 }), Xr = (t) => {
-  const { form: e } = P();
+  const { form: e } = f();
   return /* @__PURE__ */ a(
     Ui,
     {
@@ -1283,7 +1291,7 @@ ${L}`;
 }, $i = i("button", {
   _id: "aiChatForm__SuccessButton"
 }), en = (t) => {
-  const { onClick: e, ...o } = t, { form: r, closeForm: n } = P(), s = r?.successView?.doneButton;
+  const { onClick: e, ...o } = t, { form: r, closeForm: n } = f(), s = r?.successView?.doneButton;
   if (!s) return null;
   const d = s.icon && /* @__PURE__ */ a(N, { iconSettings: s.icon }), c = s.label;
   return /* @__PURE__ */ a(
@@ -1392,8 +1400,8 @@ export {
   kr as EmbeddedChatPrimitiveFormFieldSelectItem,
   Tr as EmbeddedChatPrimitiveFormFieldSelectItemIndicator,
   xr as EmbeddedChatPrimitiveFormFieldSelectItemText,
-  Er as EmbeddedChatPrimitiveFormFieldSelectTrigger,
-  Ir as EmbeddedChatPrimitiveFormFieldSelectValue,
+  Ir as EmbeddedChatPrimitiveFormFieldSelectTrigger,
+  Er as EmbeddedChatPrimitiveFormFieldSelectValue,
   yr as EmbeddedChatPrimitiveFormFieldSelectViewport,
   le as EmbeddedChatPrimitiveFormFieldText,
   _r as EmbeddedChatPrimitiveFormFieldTextArea,
@@ -1429,7 +1437,7 @@ export {
   na as EmbeddedChatPrimitiveMessageHeader,
   sa as EmbeddedChatPrimitiveMessageLoading,
   ua as EmbeddedChatPrimitiveMessageName,
-  Ia as EmbeddedChatPrimitiveMessageSourceItem,
+  Ea as EmbeddedChatPrimitiveMessageSourceItem,
   Ma as EmbeddedChatPrimitiveMessageSourceItemBreadcrumbs,
   Ta as EmbeddedChatPrimitiveMessageSourceItemDescription,
   Ha as EmbeddedChatPrimitiveMessageSourceItemDescriptionPart,
@@ -1439,7 +1447,7 @@ export {
   ka as EmbeddedChatPrimitiveMessageSourceItemTitle,
   fa as EmbeddedChatPrimitiveMessageSources,
   Sa as EmbeddedChatPrimitiveMessageSourcesHeader,
-  Ea as EmbeddedChatPrimitiveMessageSourcesList,
+  Ia as EmbeddedChatPrimitiveMessageSourcesList,
   va as EmbeddedChatPrimitiveMessageToolbar,
   Tt as EmbeddedChatPrimitiveMessageWrapper,
   jo as EmbeddedChatPrimitiveMessages,
@@ -1514,8 +1522,8 @@ export {
   kr as FormFieldSelectItem,
   Tr as FormFieldSelectItemIndicator,
   xr as FormFieldSelectItemText,
-  Er as FormFieldSelectTrigger,
-  Ir as FormFieldSelectValue,
+  Ir as FormFieldSelectTrigger,
+  Er as FormFieldSelectValue,
   yr as FormFieldSelectViewport,
   le as FormFieldText,
   _r as FormFieldTextArea,
@@ -1551,8 +1559,8 @@ export {
   Pn as InputNotificationClose,
   fn as InputNotificationContent,
   Sn as InputNotificationHeader,
-  En as InputNotificationMessage,
-  In as InputNotificationTitle,
+  In as InputNotificationMessage,
+  En as InputNotificationTitle,
   ra as IntroMessageWrapper,
   ba as Markdown,
   Pa as MessageAction,
@@ -1569,7 +1577,7 @@ export {
   na as MessageHeader,
   sa as MessageLoading,
   ua as MessageName,
-  Ia as MessageSourceItem,
+  Ea as MessageSourceItem,
   Aa as MessageSourceItemBreadcrumbIcon,
   Ma as MessageSourceItemBreadcrumbs,
   Ta as MessageSourceItemDescription,
@@ -1580,7 +1588,7 @@ export {
   ka as MessageSourceItemTitle,
   fa as MessageSources,
   Sa as MessageSourcesHeader,
-  Ea as MessageSourcesList,
+  Ia as MessageSourcesList,
   va as MessageToolbar,
   Tt as MessageWrapper,
   jo as Messages,