@inkeep/agents-ui 0.0.0-rc-20260310051343

package/dist/react/embedded-chat.js

@@ -0,0 +1,428 @@
+"use client";
+import { jsx as e, jsxs as t, Fragment as F } from "react/jsx-runtime";
+import B, { Fragment as x } from "react";
+import { Provider as _, Wrapper as V, Root as Q, Header as O, HeaderToolbar as N, HeaderToolbarWrapper as R, ChatHistoryTrigger as $, Content as j, ContentScrollArea as G, ContentScrollAreaViewport as K, MessagesSessionLoading as z, ContentScrollAreaScrollbar as J, ContentScrollAreaThumb as U, ContentScrollAreaCorner as X, Footer as Y, FeedbackModal as Z, FeedbackModalOverlay as q, FeedbackModalContent as ee, FeedbackModalHeader as te, FeedbackModalClose as ae, FeedbackModalBody as de, FeedbackForm as re, FeedbackItem as h, FeedbackItemCheckbox as l, FeedbackItemCheckboxIndicator as b, FeedbackItemLabel as C, FeedbackItemDescription as p, FeedbackSubmitButton as oe, FormWrapper as ne, FormClose as se, Form as me, FormHeader as ie, FormHeading as ce, FormDescription as he, FormContent as le, FormField as be, FormFieldLabel as Ce, FormFieldText as Fe, FormFieldEmail as Ee, FormFieldFile as pe, FormFieldTextArea as ue, FormFieldCheckbox as ge, FormFieldCheckboxIndicator as Ae, FormFieldSelect as Me, FormFieldSelectTrigger as Ie, FormFieldSelectValue as Be, FormFieldSelectIcon as Se, FormFieldSelectContent as Te, FormFieldSelectViewport as xe, FormFieldSelectItem as He, FormFieldSelectItemText as ye, FormFieldSelectItemIndicator as ke, FormFieldCombobox as fe, FormFieldComboboxControl as we, FormFieldComboboxSelectedTags as ve, FormFieldComboboxInput as Le, FormFieldComboboxTrigger as De, FormFieldComboboxPositioner as Pe, FormFieldComboboxContent as We, FormFieldComboboxList as _e, FormFieldComboboxListItems as Ve, FormFieldComboboxListEmpty as Qe, FormFieldComboboxItem as Oe, FormFieldComboboxItemText as Ne, FormFieldComboboxItemIndicator as Re, FormFieldDescription as $e, FormFieldError as je, FormError as Ge, FormFooter as Ke, FormCancel as ze, FormSubmit as Je, FormSuccess as Ue, FormSuccessHeading as Xe, FormSuccessMessage as Ye, FormSuccessButton as Ze, Messages as qe, MessageWrapper as S, MessageContentWrapper as H, MessageContent as y, DynamicComponent as et, MessageLoading as tt, InputFieldset as at, InputGroup as dt, Input as rt, SendButton as ot, SendButtonIcon as nt, AttachmentsBar as st, AttachmentsBarList as mt, AttachmentsBarAttachment as it, AttachmentsBarAttachmentIcon as ct, AttachmentsBarAttachmentTitle as ht, AttachmentsBarAttachmentDelete as lt, AttachmentsBarActions as bt, AttachmentsBarInfoTip as Ct, AttachmentsBarInfoTipIcon as Ft, AttachmentsBarInfoTipText as Et, AttachmentsBarInputs as pt, AttachmentsBarInput as ut, AttachmentsBarModal as gt, AttachmentsBarModalOverlay as At, AttachmentsBarModalContent as Mt, AttachmentsBarModalHeader as It, AttachmentsBarModalHeading as Bt, AttachmentsBarModalDescription as St, AttachmentsBarModalHelp as Tt, AttachmentsBarModalClose as xt, AttachmentsBarModalBody as Ht, AttachmentsBarForm as yt, AttachmentsBarFormTitle as kt, AttachmentsBarFormTitleLabel as ft, AttachmentsBarFormTitleInput as wt, AttachmentsBarFormTitleError as vt, AttachmentsBarFormContent as Lt, AttachmentsBarFormContentLabel as Dt, AttachmentsBarFormContentInput as Pt, AttachmentsBarFormContentError as Wt, AttachmentsBarFormSubmitButton as _t, ActionBar as Vt, TaglineContainer as Qt, TaglineText as Ot, TaglineLogo as Nt, TaglineBrandName as Rt, Actions as $t, HelpActions as jt, HelpAction as Gt, HelpActionsTrigger as Kt, HelpActionsMenu as zt, HelpActionsMenuArrow as Jt, HelpActionsMenuItem as Ut, HelpActionsMenuItemIcon as Xt, ChatAction as u, ChatActionLabel as Yt, ChatActionFeedback as Zt, IntroMessageWrapper as qt, MessageHeader as k, MessageAvatar as f, MessageAvatarContent as w, MessageAvatarImage as v, MessageName as L, Disclaimer as ea, DisclaimerLabel as ta, DisclaimerTrigger as aa, DisclaimerContent as da, DisclaimerText as ra, DisclaimerArrow as oa, ExampleQuestions as na, ExampleQuestionsLabel as sa, ExampleQuestionsList as ma, ExampleQuestion as ia, ExampleQuestionButton as ca, Markdown as ha, MessageSources as la, MessageSourcesHeader as ba, MessageSourcesList as Ca, MessageSourceItem as Fa, MessageSourceItemBreadcrumbs as Ea, MessageSourceItemBreadcrumbIcon as pa, MessageSourceItemIcon as ua, MessageSourceItemTitle as ga, MessageSourceItemTag as Aa, MessageSourceItemDescription as Ma, MessageSourceItemDescriptionPart as Ia, MessageSourceItemIndicator as Ba, MessageAttachments as Sa, MessageAttachmentsList as Ta, MessageAttachmentsItem as xa, MessageAttachmentsItemIcon as Ha, MessageAttachmentsItemTitle as ya, MessageAttachmentsPreview as ka, MessageAttachmentsPreviewOverlay as fa, MessageAttachmentsPreviewContent as wa, MessageAttachmentsPreviewHeader as va, MessageAttachmentsPreviewClose as La, MessageAttachmentsPreviewBody as Da, MessageToolbar as Pa, MessageCustomActions as Wa, MessageCustomAction as _a, MessageAction as g } from "../styled/components/embedded-chat.js";
+import { EmbeddedChatHistoryRoot as Va, EmbeddedChatHistoryHeader as Qa, EmbeddedChatHistoryBackButton as Oa, EmbeddedChatHistoryBackButtonIcon as Na, EmbeddedChatHistoryTitle as Ra, EmbeddedChatHistoryList as $a, EmbeddedChatHistoryItem as ja, EmbeddedChatHistoryItemTitle as Ga, EmbeddedChatHistoryItemDate as Ka, formatSessionDate as za, EmbeddedChatHistoryEmptyState as Ja, EmbeddedChatHistoryLoadingState as Ua, EmbeddedChatHistoryFooter as Xa, EmbeddedChatHistoryNewConversationButton as Ya } from "../styled/components/chat-history.js";
+import { Close as A } from "../styled/components/modal.js";
+import { Shadow as Za } from "../styled/components/shadow.js";
+import { EmbeddedChatMessagePart as D } from "../styled/components/message.js";
+import { useChatHistory as qa } from "../primitives/providers/chat-history-provider.js";
+import { WebWidgetInteractionType as ed, useInkeepConfig as P } from "../primitives/providers/config-provider.js";
+import { RootProvider as td } from "../primitives/providers/root-provider.js";
+import { useWidget as ad } from "../primitives/providers/widget-provider.js";
+import { useChat as W } from "../primitives/components/embedded-chat/chat-provider.js";
+import { useModal as dd } from "../primitives/components/modal/modal-provider.js";
+import { dataAttr as E } from "../primitives/utils/misc.js";
+import { PortalWithTheme as M } from "../primitives/atoms/portal-with-theme.js";
+import { ErrorBoundary as rd } from "../primitives/atoms/error-boundary.js";
+import { ModalContent as od } from "./modal.js";
+import { WidgetToggle as nd } from "./widget-toggle.js";
+function Nd(d) {
+  const { baseSettings: a, aiChatSettings: r } = d;
+  return /* @__PURE__ */ e(rd, { children: /* @__PURE__ */ e(
+    Za,
+    {
+      wrapperStyles: {
+        height: "inherit",
+        width: "inherit"
+      },
+      children: /* @__PURE__ */ e(
+        td,
+        {
+          config: {
+            baseSettings: a,
+            aiChatSettings: r
+          },
+          componentType: ed.EmbeddedChat,
+          children: /* @__PURE__ */ e(md, { ...d })
+        }
+      )
+    }
+  ) });
+}
+function sd(d) {
+  const { children: a, onToggleView: r, isHidden: o, shouldAutoFocusInput: n = !r } = d;
+  return /* @__PURE__ */ e(_, { isHidden: o, shouldAutoFocusInput: n, children: a });
+}
+function md(d) {
+  return /* @__PURE__ */ e(sd, { ...d, children: /* @__PURE__ */ e(id, { ...d }) });
+}
+function id(d) {
+  const { onToggleView: a, variant: r, header: o = cd } = d, n = dd(), m = ad();
+  return /* @__PURE__ */ e(n && !m ? od : x, { children: /* @__PURE__ */ t(
+    V,
+    {
+      variant: r ?? (a ? "no-shadow" : "container-with-shadow"),
+      "data-composite": E(!!d.onToggleView || n?.isOpen),
+      children: [
+        /* @__PURE__ */ e(Ad, {}),
+        /* @__PURE__ */ t(Q, { children: [
+          o && /* @__PURE__ */ e(o, { ...d }),
+          /* @__PURE__ */ e(hd, {}),
+          /* @__PURE__ */ e(pd, {})
+        ] }),
+        /* @__PURE__ */ e(Md, {}),
+        /* @__PURE__ */ e(Id, {})
+      ]
+    }
+  ) });
+}
+const cd = (d) => {
+  const { onToggleView: a, askAILabel: r, searchLabel: o } = d, { aiChatSettings: n } = P(), m = n.isChatHistoryButtonVisible, s = !!a || m;
+  return /* @__PURE__ */ e(O, { "data-show-toolbar": E(s), children: s ? /* @__PURE__ */ t(N, { "data-show-widget-toggle": E(!!a), children: [
+    /* @__PURE__ */ e(R, { children: m && /* @__PURE__ */ e($, {}) }),
+    a && /* @__PURE__ */ e(
+      nd,
+      {
+        onToggleView: a,
+        askAILabel: r,
+        searchLabel: o,
+        view: "chat"
+      }
+    ),
+    /* @__PURE__ */ e(A, {})
+  ] }) : /* @__PURE__ */ e(A, {}) });
+};
+function hd() {
+  const { isSessionLoading: d } = W();
+  return /* @__PURE__ */ e(j, { children: /* @__PURE__ */ t(G, { children: [
+    /* @__PURE__ */ e(K, { children: d ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(ld, {}) }),
+    /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(U, {}) }),
+    /* @__PURE__ */ e(X, {})
+  ] }) });
+}
+function ld() {
+  const {
+    aiChatSettings: { components: d }
+  } = P();
+  return /* @__PURE__ */ e(qe, { children: ({ messages: a, isLoading: r }) => {
+    const o = a.at(-1), n = (s, I) => {
+      const i = d?.[s];
+      if (!i)
+        return console.warn(`Component "${s}" not found in components config`), null;
+      try {
+        if (typeof i == "function" && i.length <= 1)
+          return B.createElement(i, I);
+        const c = i(I, document.createElement("div"), null);
+        return B.isValidElement(c) || typeof c == "string" ? c : null;
+      } catch (c) {
+        return console.error(`🔍 [renderComponent] Error rendering component "${s}":`, c), null;
+      }
+    }, m = (s) => /* @__PURE__ */ e(ha, { text: s });
+    return /* @__PURE__ */ t(F, { children: [
+      /* @__PURE__ */ e(bd, {}),
+      a.map((s) => /* @__PURE__ */ t(S, { message: s, children: [
+        /* @__PURE__ */ e(T, {}),
+        /* @__PURE__ */ t(H, { children: [
+          /* @__PURE__ */ e(y, { children: d?.IkpMessage ? /* @__PURE__ */ e(
+            et,
+            {
+              name: "IkpMessage",
+              props: { message: s, renderComponent: n, renderMarkdown: m },
+              componentDef: d.IkpMessage
+            }
+          ) : /* @__PURE__ */ t(F, { children: [
+            /* @__PURE__ */ e(D, { isLast: o?.id === s.id }),
+            /* @__PURE__ */ e(Ed, {})
+          ] }) }),
+          /* @__PURE__ */ e(Cd, {}),
+          /* @__PURE__ */ e(Fd, {})
+        ] })
+      ] }, s.id)),
+      r && o?.parts.length && /* @__PURE__ */ t(
+        S,
+        {
+          message: {
+            id: "___loader___",
+            role: "assistant",
+            parts: [{ type: "text", text: "Thinking..." }]
+          },
+          children: [
+            /* @__PURE__ */ e(T, {}),
+            /* @__PURE__ */ e(tt, {})
+          ]
+        }
+      )
+    ] });
+  } });
+}
+function bd() {
+  return /* @__PURE__ */ t(qt, { children: [
+    /* @__PURE__ */ t(k, { children: [
+      /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(v, {}) }) }),
+      /* @__PURE__ */ e(L, {})
+    ] }),
+    /* @__PURE__ */ t(H, { children: [
+      /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(D, { isLast: !1 }) }),
+      /* @__PURE__ */ t(ea, { children: [
+        /* @__PURE__ */ e(ta, {}),
+        /* @__PURE__ */ e(aa, {}),
+        /* @__PURE__ */ t(da, { children: [
+          /* @__PURE__ */ e(ra, {}),
+          /* @__PURE__ */ e(oa, {})
+        ] })
+      ] }),
+      /* @__PURE__ */ t(na, { children: [
+        /* @__PURE__ */ e(sa, {}),
+        /* @__PURE__ */ e(ma, { children: (d) => d.map((a) => /* @__PURE__ */ e(
+          ia,
+          {
+            children: /* @__PURE__ */ e(ca, { question: a })
+          },
+          typeof a == "object" ? a.label : a
+        )) })
+      ] })
+    ] })
+  ] });
+}
+function T() {
+  return /* @__PURE__ */ t(k, { children: [
+    /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(v, {}) }) }),
+    /* @__PURE__ */ e(L, {})
+  ] });
+}
+function Cd() {
+  return /* @__PURE__ */ t(Sa, { children: [
+    /* @__PURE__ */ e(Ta, { children: (d) => d.map((a) => /* @__PURE__ */ t(xa, { attachment: a, children: [
+      /* @__PURE__ */ e(Ha, {}),
+      /* @__PURE__ */ e(ya, {})
+    ] }, a.id)) }),
+    /* @__PURE__ */ e(ka, { children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(fa, { children: /* @__PURE__ */ t(wa, { children: [
+      /* @__PURE__ */ e(va, {}),
+      /* @__PURE__ */ e(La, {}),
+      /* @__PURE__ */ e(Da, {})
+    ] }) }) }) })
+  ] });
+}
+function Fd() {
+  return /* @__PURE__ */ t(Pa, { children: [
+    /* @__PURE__ */ e(Wa, { children: (d) => d.map((a, r) => /* @__PURE__ */ e(_a, { action: a }, `action-${r}`)) }),
+    /* @__PURE__ */ e(g, { action: "copy" }),
+    /* @__PURE__ */ e(g, { action: "upvote" }),
+    /* @__PURE__ */ e(g, { action: "downvote" })
+  ] });
+}
+function Ed() {
+  return /* @__PURE__ */ t(la, { children: [
+    /* @__PURE__ */ e(ba, {}),
+    /* @__PURE__ */ e(Ca, { children: (d) => d.map((a, r) => /* @__PURE__ */ t(Fa, { href: a.url, source: a, children: [
+      /* @__PURE__ */ e(Ea, { children: a.breadcrumbs?.map((o) => /* @__PURE__ */ t(x, { children: [
+        o,
+        /* @__PURE__ */ e(pa, {})
+      ] }, o)) }),
+      /* @__PURE__ */ e(ua, {}),
+      /* @__PURE__ */ e(ga, {}),
+      /* @__PURE__ */ e(Aa, {}),
+      /* @__PURE__ */ e(Ma, { children: (o) => o.map((n, m) => /* @__PURE__ */ e(
+        Ia,
+        {
+          part: n
+        },
+        `part-${m}`
+      )) }),
+      /* @__PURE__ */ e(Ba, {})
+    ] }, r)) })
+  ] });
+}
+function pd() {
+  return /* @__PURE__ */ t(Y, { children: [
+    /* @__PURE__ */ e(ud, {}),
+    /* @__PURE__ */ e(gd, {})
+  ] });
+}
+function ud() {
+  return /* @__PURE__ */ t(at, { children: [
+    /* @__PURE__ */ t(dt, { children: [
+      /* @__PURE__ */ e(rt, {}),
+      /* @__PURE__ */ e(ot, { children: /* @__PURE__ */ e(nt, {}) })
+    ] }),
+    /* @__PURE__ */ t(st, { children: [
+      /* @__PURE__ */ e(mt, { children: (d) => d.map((a) => /* @__PURE__ */ t(it, { attachment: a, children: [
+        /* @__PURE__ */ e(ct, {}),
+        /* @__PURE__ */ e(ht, {}),
+        /* @__PURE__ */ e(lt, {})
+      ] }, a.id)) }),
+      /* @__PURE__ */ t(bt, { children: [
+        /* @__PURE__ */ t(Ct, { children: [
+          /* @__PURE__ */ e(Ft, {}),
+          /* @__PURE__ */ e(Et, {})
+        ] }),
+        /* @__PURE__ */ e(pt, { children: (d) => d.map((a) => /* @__PURE__ */ e(ut, { input: a, children: a.displayName }, a.id)) })
+      ] }),
+      /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(gt, { children: /* @__PURE__ */ e(At, { children: /* @__PURE__ */ t(Mt, { children: [
+        /* @__PURE__ */ t(It, { children: [
+          /* @__PURE__ */ e(Bt, {}),
+          /* @__PURE__ */ e(St, {}),
+          /* @__PURE__ */ e(Tt, {})
+        ] }),
+        /* @__PURE__ */ e(xt, {}),
+        /* @__PURE__ */ e(Ht, { children: /* @__PURE__ */ t(yt, { children: [
+          /* @__PURE__ */ t(kt, { children: [
+            /* @__PURE__ */ e(ft, {}),
+            /* @__PURE__ */ e(wt, {}),
+            /* @__PURE__ */ e(vt, {})
+          ] }),
+          /* @__PURE__ */ t(Lt, { children: [
+            /* @__PURE__ */ e(Dt, {}),
+            /* @__PURE__ */ e(Pt, {}),
+            /* @__PURE__ */ e(Wt, {})
+          ] }),
+          /* @__PURE__ */ e(_t, {})
+        ] }) })
+      ] }) }) }) })
+    ] })
+  ] });
+}
+function gd() {
+  return /* @__PURE__ */ t(Vt, { children: [
+    /* @__PURE__ */ t(Qt, { children: [
+      /* @__PURE__ */ e(Ot, {}),
+      /* @__PURE__ */ e(Nt, {}),
+      /* @__PURE__ */ e(Rt, {})
+    ] }),
+    /* @__PURE__ */ t($t, { children: [
+      /* @__PURE__ */ e(jt, { children: ({ pinned: d, unpinned: a }) => /* @__PURE__ */ t(F, { children: [
+        d.map((r) => /* @__PURE__ */ e(Gt, { action: r }, r.name)),
+        a.length > 0 && /* @__PURE__ */ e(Kt, {}),
+        /* @__PURE__ */ t(zt, { children: [
+          /* @__PURE__ */ e(Jt, {}),
+          a.map((r) => /* @__PURE__ */ t(Ut, { action: r, children: [
+            /* @__PURE__ */ e(Xt, { action: r }),
+            r.name
+          ] }, r.name))
+        ] })
+      ] }) }),
+      /* @__PURE__ */ t(u, { action: "copy", children: [
+        /* @__PURE__ */ e(Yt, { action: "copy" }),
+        /* @__PURE__ */ e(Zt, { action: "copy" })
+      ] }),
+      /* @__PURE__ */ e(u, { action: "clear" }),
+      /* @__PURE__ */ e(u, { action: "stop" })
+    ] })
+  ] });
+}
+function Ad() {
+  const { sessions: d } = qa(), { conversationId: a } = W();
+  return /* @__PURE__ */ t(Va, { children: [
+    /* @__PURE__ */ t(Qa, { children: [
+      /* @__PURE__ */ t(Oa, { children: [
+        /* @__PURE__ */ e(Na, { iconKey: "backToChat" }),
+        "Back to chat"
+      ] }),
+      /* @__PURE__ */ e(Ra, {}),
+      /* @__PURE__ */ e(A, {})
+    ] }),
+    /* @__PURE__ */ t($a, { children: [
+      d.map((r) => /* @__PURE__ */ t(
+        ja,
+        {
+          sessionId: r.id,
+          "data-active": E(r.id === a),
+          children: [
+            /* @__PURE__ */ e(Ga, { children: r.title }),
+            /* @__PURE__ */ e(Ka, { children: za(r.updatedAt) })
+          ]
+        },
+        r.id
+      )),
+      /* @__PURE__ */ e(Ja, {}),
+      /* @__PURE__ */ e(Ua, {})
+    ] }),
+    /* @__PURE__ */ e(Xa, { children: /* @__PURE__ */ e(Ya, {}) })
+  ] });
+}
+function Md() {
+  return /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ t(ee, { children: [
+    /* @__PURE__ */ e(te, {}),
+    /* @__PURE__ */ e(ae, {}),
+    /* @__PURE__ */ e(de, { children: /* @__PURE__ */ t(re, { children: [
+      /* @__PURE__ */ t(h, { name: "unrelated_response", children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(b, {}) }),
+        /* @__PURE__ */ e(C, {}),
+        /* @__PURE__ */ e(p, {})
+      ] }),
+      /* @__PURE__ */ t(h, { name: "inaccurate_statement", children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(b, {}) }),
+        /* @__PURE__ */ e(C, {}),
+        /* @__PURE__ */ e(p, {})
+      ] }),
+      /* @__PURE__ */ t(h, { name: "inaccurate_code_snippet", children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(b, {}) }),
+        /* @__PURE__ */ e(C, {}),
+        /* @__PURE__ */ e(p, {})
+      ] }),
+      /* @__PURE__ */ t(h, { name: "irrelevant_citations", children: [
+        /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(b, {}) }),
+        /* @__PURE__ */ e(C, {})
+      ] }),
+      /* @__PURE__ */ e(oe, {})
+    ] }) })
+  ] }) }) }) });
+}
+function Id() {
+  return /* @__PURE__ */ t(ne, { children: [
+    /* @__PURE__ */ e(se, {}),
+    /* @__PURE__ */ t(me, { children: [
+      /* @__PURE__ */ t(ie, { children: [
+        /* @__PURE__ */ e(ce, {}),
+        /* @__PURE__ */ e(he, {})
+      ] }),
+      /* @__PURE__ */ e(le, { children: (d) => /* @__PURE__ */ t(F, { children: [
+        d.map((a, r) => /* @__PURE__ */ t(be, { field: a, autoFocus: r === 0, children: [
+          /* @__PURE__ */ e(Ce, {}),
+          a.inputType === "text" && /* @__PURE__ */ e(Fe, {}),
+          a.inputType === "email" && /* @__PURE__ */ e(Ee, {}),
+          a.inputType === "file" && /* @__PURE__ */ e(pe, {}),
+          a.inputType === "textarea" && /* @__PURE__ */ e(ue, {}),
+          a.inputType === "checkbox" && /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(Ae, {}) }),
+          a.inputType === "select" && /* @__PURE__ */ t(Me, { children: [
+            /* @__PURE__ */ t(Ie, { children: [
+              /* @__PURE__ */ e(Be, {}),
+              /* @__PURE__ */ e(Se, {})
+            ] }),
+            /* @__PURE__ */ e(Te, { children: /* @__PURE__ */ e(xe, { children: a.items.map((o) => /* @__PURE__ */ t(He, { value: o.value, children: [
+              /* @__PURE__ */ e(ye, { children: o.label }),
+              /* @__PURE__ */ e(ke, {})
+            ] }, o.value)) }) })
+          ] }),
+          a.inputType === "combobox" && /* @__PURE__ */ t(fe, { children: [
+            /* @__PURE__ */ t(we, { children: [
+              "multiple" in a && a.multiple && /* @__PURE__ */ e(ve, {}),
+              /* @__PURE__ */ e(Le, {}),
+              /* @__PURE__ */ e(De, {})
+            ] }),
+            /* @__PURE__ */ e(Pe, { children: /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(Ve, { children: (o) => o.length === 0 ? /* @__PURE__ */ e(Qe, {}) : o.map((n) => /* @__PURE__ */ t(
+              Oe,
+              {
+                item: n,
+                children: [
+                  /* @__PURE__ */ e(Ne, { children: n.label }),
+                  /* @__PURE__ */ e(Re, {})
+                ]
+              },
+              n.value
+            )) }) }) }) })
+          ] }),
+          /* @__PURE__ */ e($e, {}),
+          /* @__PURE__ */ e(je, {})
+        ] }, a.name)),
+        /* @__PURE__ */ e(Ge, {})
+      ] }) }),
+      /* @__PURE__ */ t(Ke, { children: [
+        /* @__PURE__ */ e(ze, {}),
+        /* @__PURE__ */ e(Je, {})
+      ] })
+    ] }),
+    /* @__PURE__ */ t(Ue, { children: [
+      /* @__PURE__ */ e(Xe, {}),
+      /* @__PURE__ */ e(Ye, {}),
+      /* @__PURE__ */ e(Ze, {})
+    ] })
+  ] });
+}
+export {
+  Nd as InkeepEmbeddedChat,
+  md as InkeepEmbeddedChatImpl,
+  id as InkeepEmbeddedChatImplContent,
+  sd as InkeepEmbeddedChatProvider
+};

package/dist/react/embedded-search-and-chat.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./embedded-chat.cjs"),C=require("../styled/components/shadow.cjs"),S=require("../primitives/providers/config-provider.cjs"),g=require("../primitives/providers/root-provider.cjs"),j=require("../primitives/providers/widget-provider.cjs"),q=require("../primitives/components/modal/modal-provider.cjs"),P=require("../primitives/atoms/error-boundary.cjs"),c=require("./embedded-search.cjs"),k=require("./embedded-search-and-chat.impl.cjs"),x=require("react"),A=require("./modal.cjs");function v(d){const{config:r,...n}=k.useWidgetImpl(d);return e.jsx(P.ErrorBoundary,{children:e.jsx(C.Shadow,{wrapperStyles:{height:"inherit",width:"inherit"},children:e.jsx(g.RootProvider,{config:r,componentType:S.WebWidgetInteractionType.EmbeddedSearchAndChat,children:e.jsx(a,{...n})})})})}function a(d){const{view:r,setView:n,shouldShowAskAICard:h,onToggleView:l,shouldAutoFocusInput:u,searchLabel:m,askAILabel:p,askAICardLabel:b}=d,I=q.useModal()?A.ModalContent:x.Fragment,t={onToggleView:l,shouldShowAskAICard:h,shouldAutoFocusInput:u,searchLabel:m,askAILabel:p,askAICardLabel:b},o={isHidden:r==="chat",...t},i={isHidden:r==="search",...t};return e.jsx(j.WidgetProvider,{widget:{setView:n,view:r},children:e.jsx(c.InkeepEmbeddedSearchProvider,{...o,children:e.jsx(s.InkeepEmbeddedChatProvider,{...i,children:e.jsxs(I,{children:[e.jsx(c.InkeepEmbeddedSearchImplContent,{...o}),e.jsx(s.InkeepEmbeddedChatImplContent,{...i})]})})})})}exports.InkeepEmbeddedSearchAndChat=v;exports.InkeepEmbeddedSearchAndChatImpl=a;

package/dist/react/embedded-search-and-chat.d.ts

@@ -0,0 +1,40 @@
+import { useWidgetImpl } from './embedded-search-and-chat.impl';
+import { ModalViewTypes, InkeepConfig, WidgetView } from '../types/index.ts';
+import { RefObject } from 'react';
+export interface InkeepEmbeddedSearchAndChatFunctions {
+    setView: (view: ModalViewTypes) => void;
+}
+export interface InkeepEmbeddedSearchAndChatProps extends Partial<Omit<InkeepConfig, 'componentType'>>, WidgetView {
+    /**
+     * The default view to show when the widget is loaded.
+     * @default 'search'
+     */
+    defaultView?: ModalViewTypes;
+    /**
+     * Whether to always open the widget in the default view. (Modal only)
+     *
+     * By default, subsequent opens will remember the last view.
+     * This prop will force the widget to always open in the default view.
+     *
+     * @default false
+     */
+    forceDefaultView?: boolean;
+    /**
+     * Whether to show the Ask AI card.
+     * @default false
+     */
+    shouldShowAskAICard?: boolean;
+    /**
+     * Whether to auto focus the input.
+     * @default false
+     */
+    shouldAutoFocusInput?: boolean;
+    /**
+     * A ref to the component functions.
+     */
+    ref?: RefObject<InkeepEmbeddedSearchAndChatFunctions>;
+}
+export declare function InkeepEmbeddedSearchAndChat(props: InkeepEmbeddedSearchAndChatProps): import("react/jsx-runtime").JSX.Element;
+type InkeepEmbeddedSearchAndChatImplProps = Omit<ReturnType<typeof useWidgetImpl>, 'config'>;
+export declare function InkeepEmbeddedSearchAndChatImpl(props: InkeepEmbeddedSearchAndChatImplProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/react/embedded-search-and-chat.impl.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=require("./utils.cjs");function p(f){const{defaultView:u="search",aiChatSettings:i,baseSettings:g,searchSettings:o,shouldAutoFocusInput:l=!0,onToggleView:h,ref:R,...S}=f,s=t.useRef(null),m=a.composeRefs(s,i?.chatFunctionsRef),r=t.useRef(null),d=a.composeRefs(r,o?.searchFunctionsRef),w={...i,chatFunctionsRef:m},I={...o,searchFunctionsRef:d},[n,c]=t.useState(u),b=e=>{e.autoSubmit&&e.query&&s.current?.submitMessage(e.query),h?.(e),c(e.view)};return t.useImperativeHandle(R,()=>({setView:c})),t.useEffect(()=>{n==="chat"?s.current?.focusInput():r.current?.focusInput()},[n]),{config:{baseSettings:g,aiChatSettings:w,searchSettings:I},defaultView:u,view:n,setView:c,onToggleView:b,shouldAutoFocusInput:l,...S}}exports.useWidgetImpl=p;

package/dist/react/embedded-search-and-chat.impl.d.ts

@@ -0,0 +1,9 @@
+import { InkeepEmbeddedSearchAndChatProps } from './embedded-search-and-chat';
+import { ModalViewTypes, InkeepConfig } from '../types/index.ts';
+interface UseWidgetImpReturn extends InkeepEmbeddedSearchAndChatProps {
+    config: InkeepConfig;
+    view: ModalViewTypes;
+    setView: (view: ModalViewTypes) => void;
+}
+export declare function useWidgetImpl<T extends InkeepEmbeddedSearchAndChatProps>(props: T): UseWidgetImpReturn;
+export {};

package/dist/react/embedded-search-and-chat.impl.js

@@ -0,0 +1,43 @@
+"use client";
+import { useRef as r, useState as V, useImperativeHandle as d, useEffect as b } from "react";
+import { composeRefs as a } from "./utils.js";
+function _(f) {
+  const {
+    defaultView: c = "search",
+    aiChatSettings: i,
+    baseSettings: g,
+    searchSettings: o,
+    shouldAutoFocusInput: h = !0,
+    onToggleView: l,
+    ref: m,
+    ...S
+  } = f, t = r(null), R = a(t, i?.chatFunctionsRef), u = r(null), w = a(u, o?.searchFunctionsRef), p = {
+    ...i,
+    chatFunctionsRef: R
+  }, F = {
+    ...o,
+    searchFunctionsRef: w
+  }, [n, s] = V(c), I = (e) => {
+    e.autoSubmit && e.query && t.current?.submitMessage(e.query), l?.(e), s(e.view);
+  };
+  return d(m, () => ({
+    setView: s
+  })), b(() => {
+    n === "chat" ? t.current?.focusInput() : u.current?.focusInput();
+  }, [n]), {
+    config: {
+      baseSettings: g,
+      aiChatSettings: p,
+      searchSettings: F
+    },
+    defaultView: c,
+    view: n,
+    setView: s,
+    onToggleView: I,
+    shouldAutoFocusInput: h,
+    ...S
+  };
+}
+export {
+  _ as useWidgetImpl
+};

package/dist/react/embedded-search-and-chat.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { InkeepEmbeddedChatProvider as I, InkeepEmbeddedChatImplContent as u } from "./embedded-chat.js";
+import { Shadow as b } from "../styled/components/shadow.js";
+import { WebWidgetInteractionType as C } from "../primitives/providers/config-provider.js";
+import { RootProvider as g } from "../primitives/providers/root-provider.js";
+import { WidgetProvider as k } from "../primitives/providers/widget-provider.js";
+import { useModal as w } from "../primitives/components/modal/modal-provider.js";
+import { ErrorBoundary as A } from "../primitives/atoms/error-boundary.js";
+import { InkeepEmbeddedSearchProvider as E, InkeepEmbeddedSearchImplContent as S } from "./embedded-search.js";
+import { useWidgetImpl as P } from "./embedded-search-and-chat.impl.js";
+import { Fragment as v } from "react";
+import { ModalContent as W } from "./modal.js";
+function G(o) {
+  const { config: r, ...t } = P(o);
+  return /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+    b,
+    {
+      wrapperStyles: {
+        height: "inherit",
+        width: "inherit"
+      },
+      children: /* @__PURE__ */ e(
+        g,
+        {
+          config: r,
+          componentType: C.EmbeddedSearchAndChat,
+          children: /* @__PURE__ */ e(y, { ...t })
+        }
+      )
+    }
+  ) });
+}
+function y(o) {
+  const {
+    view: r,
+    setView: t,
+    shouldShowAskAICard: m,
+    onToggleView: p,
+    shouldAutoFocusInput: a,
+    searchLabel: h,
+    askAILabel: c,
+    askAICardLabel: s
+  } = o, l = w() ? W : v, d = {
+    onToggleView: p,
+    shouldShowAskAICard: m,
+    shouldAutoFocusInput: a,
+    searchLabel: h,
+    askAILabel: c,
+    askAICardLabel: s
+  }, n = {
+    isHidden: r === "chat",
+    ...d
+  }, i = {
+    isHidden: r === "search",
+    ...d
+  };
+  return /* @__PURE__ */ e(k, { widget: { setView: t, view: r }, children: /* @__PURE__ */ e(E, { ...n, children: /* @__PURE__ */ e(I, { ...i, children: /* @__PURE__ */ f(l, { children: [
+    /* @__PURE__ */ e(S, { ...n }),
+    /* @__PURE__ */ e(u, { ...i })
+  ] }) }) }) });
+}
+export {
+  G as InkeepEmbeddedSearchAndChat,
+  y as InkeepEmbeddedSearchAndChatImpl
+};

package/dist/react/embedded-search.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../styled/components/embedded-search.cjs"),R=require("../styled/components/modal.cjs"),A=require("../styled/components/shadow.cjs"),u=require("../primitives/providers/config-provider.cjs"),T=require("../primitives/providers/root-provider.cjs"),w=require("../primitives/providers/widget-provider.cjs"),S=require("../primitives/components/embedded-search/search-provider.cjs"),p=require("../primitives/components/modal/modal-provider.cjs"),d=require("../primitives/utils/misc.cjs"),x=require("../primitives/atoms/cmdk/index.cjs"),v=require("../primitives/atoms/error-boundary.cjs"),a=require("react"),j=require("./widget-toggle.cjs"),k=require("./modal.cjs");function b(r){const{baseSettings:t,searchSettings:n}=r;return e.jsx(v.ErrorBoundary,{children:e.jsx(A.Shadow,{children:e.jsx(T.RootProvider,{config:{baseSettings:t,searchSettings:n},componentType:u.WebWidgetInteractionType.EmbeddedSearch,children:e.jsx(h,{...r})})})})}function I(r){const{children:t,onToggleView:n,isHidden:i,shouldAutoFocusInput:l=!n}=r;return e.jsx(s.Provider,{isHidden:i,shouldAutoFocusInput:l,children:t})}function h(r){return e.jsx(I,{...r,children:e.jsx(m,{...r})})}function m(r){const{searchSettings:{view:t}}=u.useInkeepConfig(),{onToggleView:n,shouldShowAskAICard:i=!!n&&t!=="dual-pane"}=r,l=p.useModal(),o=w.useWidget(),c=l&&!o?k.ModalContent:a.Fragment;return e.jsx(c,{children:e.jsx(s.Wrapper,{"data-show-ask-ai-card":d.dataAttr(i),"data-composite":d.dataAttr(!!n||l?.isOpen),children:e.jsxs(s.Root,{children:[e.jsx(P,{...r}),e.jsxs(s.Content,{children:[e.jsx(C,{askAICardLabel:r.askAICardLabel,askAILabel:r.askAILabel,onToggleView:r.onToggleView,shouldShowAskAICard:i}),e.jsx(L,{})]}),e.jsx(y,{})]})})})}function P(r){const{onToggleView:t,askAILabel:n,searchLabel:i}=r,l=x.useCommandState(c=>c.search),{loading:o}=S.useSearch();return e.jsxs(s.InputGroup,{children:[!o&&e.jsx(s.InputIcon,{}),e.jsx(s.Loading,{}),e.jsx(s.Input,{}),t&&e.jsx(j.WidgetToggle,{onToggleView:t,query:l,askAILabel:n,searchLabel:i,view:"search"}),e.jsx(R.Close,{})]})}function C(r){const{askAILabel:t,onToggleView:n,shouldShowAskAICard:i,askAICardLabel:l}=r,o=x.useCommandState(g=>g.search),{handleToggle:c}=j.useToggleView({onToggleView:n,query:o});return i?e.jsxs(s.AskAITrigger,{onSelect:()=>c("chat",!0),children:[e.jsx(s.AskAITriggerIcon,{}),e.jsxs(s.AskAITriggerLabel,{children:[l||t||"Ask AI",o&&e.jsx(s.AskAITriggerQuery,{children:`${o}`})]}),e.jsx(s.AskAITriggerIndicatorText,{children:"Start conversation"}),e.jsx(s.AskAITriggerIndicator,{})]}):null}function L(){return e.jsxs(s.Results,{children:[e.jsx(s.ResultsLoading,{}),e.jsx(s.ResultsTabList,{children:r=>r.map(t=>e.jsx(s.ResultsTab,{tab:t},t))}),e.jsx(s.ResultsEmpty,{}),e.jsxs(s.ResultsContent,{children:[e.jsx(q,{}),e.jsx(f,{})]})]})}function q(){return e.jsxs(s.ResultsScrollArea,{children:[e.jsx(s.ResultsScrollAreaViewport,{children:e.jsx(s.ResultsList,{children:r=>r.map(t=>e.jsxs(s.ResultsItem,{item:t,children:[e.jsx(s.ResultsItemBreadcrumbs,{children:n=>n.map((i,l)=>e.jsxs(a.Fragment,{children:[i,e.jsx(s.ResultsItemBreadcrumbIcon,{})]},`${i}-${l}`))}),e.jsx(s.ResultsItemIcon,{}),e.jsx(s.ResultsItemTitle,{}),e.jsx(s.ResultsItemTag,{}),e.jsx(s.ResultsItemDescription,{children:n=>n.map((i,l)=>e.jsx(s.ResultsItemDescriptionPart,{part:i},`part-${l}`))}),e.jsx(s.ResultsItemIndicator,{})]},t.id))})}),e.jsx(s.ResultsScrollAreaScrollbar,{children:e.jsx(s.ResultsScrollAreaThumb,{})}),e.jsx(s.ResultsScrollAreaCorner,{})]})}function f(){return e.jsxs(s.ResultsScrollArea,{children:[e.jsx(s.ResultsScrollAreaViewport,{children:e.jsxs(s.ResultsItemPreview,{children:[e.jsxs(s.ResultsItemPreviewHeader,{children:[e.jsxs(s.ResultsItemPreviewHeading,{children:[e.jsx(s.ResultsItemPreviewTitle,{}),e.jsx(s.ResultsItemPreviewTitleLinkIcon,{})]}),e.jsx(s.ResultsItemPreviewBreadcrumbs,{children:r=>r.map((t,n)=>e.jsxs(a.Fragment,{children:[t,e.jsx(s.ResultsItemPreviewBreadcrumbIcon,{})]},`${t}-${n}`))})]}),e.jsx(s.ResultsItemPreviewBody,{}),e.jsxs(s.ResultsItemPreviewOutline,{children:[e.jsx(s.ResultsItemPreviewOutlineTitle,{}),e.jsx(s.ResultsItemPreviewOutlineList,{children:r=>r.map((t,n)=>e.jsxs(s.ResultsItemPreviewOutlineItem,{href:t.url??void 0,"data-is-match":d.dataAttr(t.isMatch),children:[e.jsx(s.ResultsItemPreviewOutlineItemIcon,{}),e.jsx(s.ResultsItemPreviewOutlineItemText,{children:t.content}),t.url&&e.jsx(s.ResultsItemPreviewOutlineItemLinkIcon,{})]},`${t.anchor}-${n}`))})]})]})}),e.jsx(s.ResultsScrollAreaScrollbar,{children:e.jsx(s.ResultsScrollAreaThumb,{})}),e.jsx(s.ResultsScrollAreaCorner,{})]})}function y(){return e.jsx(s.Footer,{children:e.jsxs(s.TaglineContainer,{children:[e.jsx(s.TaglineText,{}),e.jsx(s.TaglineLogo,{}),e.jsx(s.TaglineBrandName,{})]})})}exports.InkeepEmbeddedSearch=b;exports.InkeepEmbeddedSearchImpl=h;exports.InkeepEmbeddedSearchImplContent=m;exports.InkeepEmbeddedSearchProvider=I;

package/dist/react/embedded-search.d.ts

@@ -0,0 +1,17 @@
+import { WidgetView, InkeepConfig } from '../types/index.ts';
+import { PropsWithChildren } from 'react';
+import { EmbeddedSearchProviderProps } from '../styled';
+type SearchConfig = Pick<InkeepConfig, 'baseSettings' | 'searchSettings'>;
+type InkeepEmbeddedSearchImplProps = EmbeddedSearchProviderProps & WidgetView & {
+    /**
+     * Whether to show the Ask AI card.
+     * @default false
+     */
+    shouldShowAskAICard?: boolean;
+};
+export type InkeepEmbeddedSearchProps = InkeepEmbeddedSearchImplProps & Partial<SearchConfig>;
+export declare function InkeepEmbeddedSearch(props: InkeepEmbeddedSearchProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedSearchProvider(props: PropsWithChildren<InkeepEmbeddedSearchImplProps>): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedSearchImpl(props: InkeepEmbeddedSearchImplProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkeepEmbeddedSearchImplContent(props: InkeepEmbeddedSearchImplProps): import("react/jsx-runtime").JSX.Element;
+export {};