@inkeep/agents-ui 0.14.28 → 0.15.1

package/dist/react/modal.search.d.ts

@@ -1,6 +1,6 @@
-import { InkeepModalSettings } from '../types/index.ts';
+import { OpenSettingsModal } from '../types/index.ts';
 import { InkeepEmbeddedSearchProps } from './embedded-search';
 export interface InkeepModalSearchProps extends Omit<InkeepEmbeddedSearchProps, 'onToggleView'> {
-    modalSettings?: InkeepModalSettings;
+    openSettings?: OpenSettingsModal;
 }
 export declare function InkeepModalSearch(props: InkeepModalSearchProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/modal.search.js

@@ -1,21 +1,21 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { InkeepEmbeddedSearchImpl as m } from "./embedded-search.js";
-import { InkeepModal as p } from "./modal.js";
+import { InkeepEmbeddedSearchImpl as i } from "./embedded-search.js";
+import { InkeepModal as m } from "./modal.js";
 import { WebWidgetInteractionType as s } from "../primitives/providers/config-provider.js";
-function l(t) {
-  const { modalSettings: o, baseSettings: r, searchSettings: n, ...i } = t;
+function g(t) {
+  const { openSettings: o, baseSettings: r, searchSettings: n, ...p } = t;
   return /* @__PURE__ */ e(
-    p,
+    m,
     {
       componentType: s.CustomTrigger,
-      modalSettings: o,
+      openSettings: o,
       baseSettings: r,
       searchSettings: n,
-      children: /* @__PURE__ */ e(m, { shouldAutoFocusInput: !0, ...i })
+      children: /* @__PURE__ */ e(i, { shouldAutoFocusInput: !0, ...p })
     }
   );
 }
 export {
-  l as InkeepModalSearch
+  g as InkeepModalSearch
 };

package/dist/react/searchbar.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("./embedded-search-and-chat.cjs"),B=require("./embedded-search-and-chat.impl.cjs"),b=require("./embedded-search.cjs"),r=require("../styled/components/searchbar.cjs"),g=require("../styled/components/shadow.cjs"),p=require("../primitives/providers/config-provider.cjs"),y=require("../primitives/providers/root-provider.cjs"),C=require("../primitives/atoms/error-boundary.cjs"),I=require("./modal.cjs"),q=require("./utils.cjs"),k=require("@radix-ui/react-use-controllable-state");function w(t){const{modalSettings:n,defaultView:o="search",canToggleView:a=!0,...c}=t,i={...c,shouldShowAskAICard:a?t.shouldShowAskAICard:!1},{config:d,...h}=B.useWidgetImpl({...i,defaultView:o}),m=u=>{n?.isOpen===void 0&&(t.forceDefaultView&&!u&&h.setView(o),s(!!u))},[j=!1,s]=k.useControllableState({prop:n?.isOpen,defaultProp:!1,onChange:q.composeEventHandlers(n?.onOpenChange,m)}),l={shortcutKey:"k",...n,isOpen:j,onOpenChange:s},x=()=>a?e.jsx(f.InkeepEmbeddedSearchAndChatImpl,{...h}):e.jsx(b.InkeepEmbeddedSearchImpl,{...i});return e.jsxs(e.Fragment,{children:[e.jsx(C.ErrorBoundary,{children:e.jsx(g.Shadow,{wrapperStyles:{display:"contents"},children:e.jsx(y.RootProvider,{config:d,componentType:p.WebWidgetInteractionType.SearchBar,children:e.jsx(S,{onOpenChange:s,modalSettings:l})})})}),e.jsx(I.InkeepModal,{...d,modalSettings:l,componentType:p.WebWidgetInteractionType.SearchBar,children:x()})]})}function S({onOpenChange:t,modalSettings:n}){const o=a=>{a.button!==2&&t?.(c=>!c)};return e.jsx(r.SearchBarContainer,{children:e.jsxs(r.SearchBarButton,{onClick:o,children:[e.jsxs(r.SearchBarContentWrapper,{children:[e.jsx(r.SearchBarIcon,{}),e.jsx(r.SearchBarText,{})]}),e.jsxs(r.SearchBarKbdWrapper,{children:[e.jsx(r.SearchBarKbdModifier,{shortcutKey:n?.shortcutKey}),e.jsx(r.SearchBarKbdShortcutKey,{shortcutKey:n?.shortcutKey})]})]})})}exports.InkeepSearchBar=w;exports.SearchBarImpl=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("./embedded-search-and-chat.cjs"),B=require("./embedded-search-and-chat.impl.cjs"),b=require("./embedded-search.cjs"),n=require("../styled/components/searchbar.cjs"),g=require("../styled/components/shadow.cjs"),p=require("../primitives/providers/config-provider.cjs"),y=require("../primitives/providers/root-provider.cjs"),C=require("../primitives/atoms/error-boundary.cjs"),I=require("./modal.cjs"),q=require("./utils.cjs"),k=require("@radix-ui/react-use-controllable-state");function w(t){const{openSettings:r,defaultView:o="search",canToggleView:a=!0,...c}=t,i={...c,shouldShowAskAICard:a?t.shouldShowAskAICard:!1},{config:d,...h}=B.useWidgetImpl({...i,defaultView:o}),m=u=>{r?.isOpen===void 0&&(t.forceDefaultView&&!u&&h.setView(o),s(!!u))},[f=!1,s]=k.useControllableState({prop:r?.isOpen,defaultProp:r?.defaultOpen??!1,onChange:q.composeEventHandlers(r?.onOpenChange,m)}),l={shortcutKey:"k",...r,isOpen:f,onOpenChange:s},j=()=>a?e.jsx(x.InkeepEmbeddedSearchAndChatImpl,{...h}):e.jsx(b.InkeepEmbeddedSearchImpl,{...i});return e.jsxs(e.Fragment,{children:[e.jsx(C.ErrorBoundary,{children:e.jsx(g.Shadow,{wrapperStyles:{display:"contents"},children:e.jsx(y.RootProvider,{config:d,componentType:p.WebWidgetInteractionType.SearchBar,children:e.jsx(S,{onOpenChange:s,openSettings:l})})})}),e.jsx(I.InkeepModal,{...d,openSettings:l,componentType:p.WebWidgetInteractionType.SearchBar,children:j()})]})}function S({onOpenChange:t,openSettings:r}){const o=a=>{a.button!==2&&t?.(c=>!c)};return e.jsx(n.SearchBarContainer,{children:e.jsxs(n.SearchBarButton,{onClick:o,children:[e.jsxs(n.SearchBarContentWrapper,{children:[e.jsx(n.SearchBarIcon,{}),e.jsx(n.SearchBarText,{})]}),e.jsxs(n.SearchBarKbdWrapper,{children:[e.jsx(n.SearchBarKbdModifier,{shortcutKey:r?.shortcutKey}),e.jsx(n.SearchBarKbdShortcutKey,{shortcutKey:r?.shortcutKey})]})]})})}exports.InkeepSearchBar=w;exports.SearchBarImpl=S;

package/dist/react/searchbar.d.ts

@@ -1,13 +1,13 @@
-import { InkeepModalSettings } from '../types/index.ts';
+import { OpenSettingsSearchBar } from '../types/index.ts';
 import { InkeepEmbeddedSearchAndChatProps } from './embedded-search-and-chat';
 export interface InkeepSearchBarProps extends Omit<InkeepEmbeddedSearchAndChatProps, 'onToggleView'> {
-    modalSettings?: InkeepModalSettings;
+    openSettings?: OpenSettingsSearchBar;
     canToggleView?: boolean;
 }
 export declare function InkeepSearchBar(props: InkeepSearchBarProps): import("react/jsx-runtime").JSX.Element;
 interface SearchBarImplProps {
     onOpenChange?: React.Dispatch<React.SetStateAction<boolean>>;
-    modalSettings: InkeepSearchBarProps['modalSettings'];
+    openSettings: InkeepSearchBarProps['openSettings'];
 }
-export declare function SearchBarImpl({ onOpenChange, modalSettings }: SearchBarImplProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchBarImpl({ onOpenChange, openSettings }: SearchBarImplProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/react/searchbar.js

@@ -3,7 +3,7 @@ import { jsxs as n, Fragment as B, jsx as e } from "react/jsx-runtime";
 import { InkeepEmbeddedSearchAndChatImpl as C } from "./embedded-search-and-chat.js";
 import { useWidgetImpl as g } from "./embedded-search-and-chat.impl.js";
 import { InkeepEmbeddedSearchImpl as y } from "./embedded-search.js";
-import { SearchBarContainer as I, SearchBarButton as k, SearchBarContentWrapper as K, SearchBarIcon as b, SearchBarText as w, SearchBarKbdWrapper as A, SearchBarKbdModifier as O, SearchBarKbdShortcutKey as T } from "../styled/components/searchbar.js";
+import { SearchBarContainer as I, SearchBarButton as k, SearchBarContentWrapper as K, SearchBarIcon as b, SearchBarText as w, SearchBarKbdWrapper as O, SearchBarKbdModifier as A, SearchBarKbdShortcutKey as T } from "../styled/components/searchbar.js";
 import { Shadow as W } from "../styled/components/shadow.js";
 import { WebWidgetInteractionType as m } from "../primitives/providers/config-provider.js";
 import { RootProvider as x } from "../primitives/providers/root-provider.js";
@@ -13,42 +13,42 @@ import { composeEventHandlers as v } from "./utils.js";
 import { useControllableState as P } from "@radix-ui/react-use-controllable-state";
 function Q(o) {
   const {
-    modalSettings: r,
+    openSettings: r,
     defaultView: a = "search",
     canToggleView: t = !0,
     ...c
   } = o, h = {
     ...c,
     shouldShowAskAICard: t ? o.shouldShowAskAICard : !1
-  }, { config: d, ...p } = g({
+  }, { config: p, ...d } = g({
     ...h,
     defaultView: a
   }), f = (l) => {
-    r?.isOpen === void 0 && (o.forceDefaultView && !l && p.setView(a), i(!!l));
+    r?.isOpen === void 0 && (o.forceDefaultView && !l && d.setView(a), i(!!l));
   }, [u = !1, i] = P({
     prop: r?.isOpen,
-    defaultProp: !1,
+    defaultProp: r?.defaultOpen ?? !1,
     onChange: v(r?.onOpenChange, f)
   }), s = {
     shortcutKey: "k",
     ...r,
     isOpen: u,
     onOpenChange: i
-  }, S = () => t ? /* @__PURE__ */ e(C, { ...p }) : /* @__PURE__ */ e(y, { ...h });
+  }, S = () => t ? /* @__PURE__ */ e(C, { ...d }) : /* @__PURE__ */ e(y, { ...h });
   return /* @__PURE__ */ n(B, { children: [
-    /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(W, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ e(x, { config: d, componentType: m.SearchBar, children: /* @__PURE__ */ e(j, { onOpenChange: i, modalSettings: s }) }) }) }),
+    /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(W, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ e(x, { config: p, componentType: m.SearchBar, children: /* @__PURE__ */ e(j, { onOpenChange: i, openSettings: s }) }) }) }),
     /* @__PURE__ */ e(
       V,
       {
-        ...d,
-        modalSettings: s,
+        ...p,
+        openSettings: s,
         componentType: m.SearchBar,
         children: S()
       }
     )
   ] });
 }
-function j({ onOpenChange: o, modalSettings: r }) {
+function j({ onOpenChange: o, openSettings: r }) {
   return /* @__PURE__ */ e(I, { children: /* @__PURE__ */ n(k, { onClick: (t) => {
     t.button !== 2 && o?.((c) => !c);
   }, children: [
@@ -56,8 +56,8 @@ function j({ onOpenChange: o, modalSettings: r }) {
       /* @__PURE__ */ e(b, {}),
       /* @__PURE__ */ e(w, {})
     ] }),
-    /* @__PURE__ */ n(A, { children: [
-      /* @__PURE__ */ e(O, { shortcutKey: r?.shortcutKey }),
+    /* @__PURE__ */ n(O, { children: [
+      /* @__PURE__ */ e(A, { shortcutKey: r?.shortcutKey }),
       /* @__PURE__ */ e(T, { shortcutKey: r?.shortcutKey })
     ] })
   ] }) });

package/dist/react/sidebar-chat.d.ts

@@ -1,6 +1,4 @@
-import { InkeepConfig } from '../types/index.ts';
 import { EmbeddedChatProviderProps, SidebarChatProps } from '../styled';
-type ChatConfig = Pick<InkeepConfig, 'baseSettings' | 'aiChatSettings'>;
+import { ChatConfig } from './embedded-chat';
 export type InkeepSidebarChatProps = Omit<EmbeddedChatProviderProps, 'isHidden'> & Partial<ChatConfig> & SidebarChatProps;
 export declare function InkeepSidebarChat(props: InkeepSidebarChatProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/styled/components/chat-bubble.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../primitives/components/chat-bubble/index.cjs"),o=require("../utils.cjs"),l=require("./ui/recipes/button.cjs"),s=require("./ui/recipes/scrollable.cjs"),n=({className:t,...e})=>a.jsx(r.ChatBubblePrimitiveRoot,{...e,className:o.cn("[--chat-bubble-bottom:84px] [--chat-bubble-margin:theme(spacing.5)]","bg-white dark:bg-gray-dark-950 fixed height-full z-50","w-screen h-full bottom-0 right-0 rounded-none shadow-none","xs:w-[440px] xs:h-full xs:bottom-[var(--chat-bubble-bottom)] xs:right-5 xs:rounded-xl xs:shadow-2xl xs:max-h-[min(650px,calc(100%-var(--chat-bubble-bottom)-var(--chat-bubble-margin)))]","xs:origin-bottom-right","data-[state=open]:animate-chat-bubble-in xs:data-[state=open]:animate-chat-bubble-in-desktop",t)}),b=({className:t,...e})=>a.jsx(r.Header,{className:o.cn(s.scrollable({section:"header"}),"w-full flex flex-row items-center px-3 py-1.5","bg-white dark:bg-gray-dark-950","after:absolute","after:left-0","after:top-full","after:h-3","after:w-full","after:text-white","after:dark:text-gray-dark-950","after:bg-[linear-gradient(currentColor,_transparent)]","after:z-start",t),...e}),i=({className:t,...e})=>a.jsx(r.CloseButton,{className:o.cn(l.button({variant:"ghost",size:"xs"}),"relative inset-[unset] w-6 ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",t),...e});exports.CloseButton=i;exports.Header=b;exports.Root=n;

package/dist/styled/components/chat-bubble.d.ts

@@ -0,0 +1,5 @@
+import { ChatBubblePrimitive } from '../../primitives';
+declare const ChatBubbleRoot: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatBubblePrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const ChatBubbleHeader: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatBubblePrimitive.Header>) => import("react/jsx-runtime").JSX.Element;
+declare const ChatBubbleCloseButton: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatBubblePrimitive.CloseButton>) => import("react/jsx-runtime").JSX.Element;
+export { ChatBubbleRoot as Root, ChatBubbleCloseButton as CloseButton, ChatBubbleHeader as Header };

package/dist/styled/components/chat-bubble.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { ChatBubblePrimitiveRoot as o, CloseButton as l, Header as b } from "../../primitives/components/chat-bubble/index.js";
+import { cn as r } from "../utils.js";
+import { button as s } from "./ui/recipes/button.js";
+import { scrollable as i } from "./ui/recipes/scrollable.js";
+const f = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  o,
+  {
+    ...e,
+    className: r(
+      // CSS Variables
+      "[--chat-bubble-bottom:84px] [--chat-bubble-margin:theme(spacing.5)]",
+      // Base layout
+      "bg-white dark:bg-gray-dark-950 fixed height-full z-50",
+      // Mobile styles
+      "w-screen h-full bottom-0 right-0 rounded-none shadow-none",
+      // Desktop styles (xs:)
+      "xs:w-[440px] xs:h-full xs:bottom-[var(--chat-bubble-bottom)] xs:right-5 xs:rounded-xl xs:shadow-2xl xs:max-h-[min(650px,calc(100%-var(--chat-bubble-bottom)-var(--chat-bubble-margin)))]",
+      "xs:origin-bottom-right",
+      // Animations
+      "data-[state=open]:animate-chat-bubble-in xs:data-[state=open]:animate-chat-bubble-in-desktop",
+      t
+    )
+  }
+), c = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  b,
+  {
+    className: r(
+      i({ section: "header" }),
+      "w-full flex flex-row items-center px-3 py-1.5",
+      "bg-white dark:bg-gray-dark-950",
+      "after:absolute",
+      "after:left-0",
+      "after:top-full",
+      "after:h-3",
+      "after:w-full",
+      "after:text-white",
+      "after:dark:text-gray-dark-950",
+      "after:bg-[linear-gradient(currentColor,_transparent)]",
+      "after:z-start",
+      t
+    ),
+    ...e
+  }
+), d = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  l,
+  {
+    className: r(
+      s({ variant: "ghost", size: "xs" }),
+      "relative inset-[unset] w-6 ml-auto text-lg text-gray-500 dark:text-white-alpha-500 px-0",
+      t
+    ),
+    ...e
+  }
+);
+export {
+  d as CloseButton,
+  c as Header,
+  f as Root
+};

package/dist/styled/components/chat-button.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../../primitives/components/chat-button.cjs"),o=require("../utils.cjs"),r=({className:t,...e})=>a.jsx(n.ChatButtonContainer,{className:o.cn("fixed right-6 bottom-6 z-50 mr-[var(--removed-body-scroll-bar-size)]",t),...e}),s=({className:t,...e})=>a.jsx(n.ChatButton,{className:o.cn("bg-inkeep-primary-text-bold dark:bg-gray-dark-600 rounded-full px-[18px] py-3 text-white font-medium flex items-center space-x-2 shadow-2xl dark:shadow-none transition-transform ease-in-out hover:scale-110",t),...e}),c=({className:t,...e})=>a.jsx(n.ChatButtonText,{className:o.cn("flex items-center",t),...e}),i=({className:t,...e})=>a.jsx(n.ChatButtonPrimitiveAvatarImage,{className:o.cn("data-[type=icon]:[--start-color:theme(colors.inkeep-expanded-primary.50)]","data-[type=icon]:[--end-color:theme(colors.inkeep-expanded-primary.300)]","h-6 w-6",t),...e}),u=({className:t,...e})=>a.jsx(n.ChatButtonAvatarContent,{className:o.cn("",t),...e});exports.ChatButton=s;exports.ChatButtonAvatarContent=u;exports.ChatButtonAvatarImage=i;exports.ChatButtonText=c;exports.Container=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../../primitives/components/chat-button.cjs"),o=require("../utils.cjs"),r=({className:t,...e})=>a.jsx(n.ChatButtonContainer,{className:o.cn("fixed right-6 bottom-6 z-50 mr-[var(--removed-body-scroll-bar-size)]",t),...e}),s=({className:t,...e})=>a.jsx(n.ChatButton,{className:o.cn("bg-inkeep-primary-text-bold dark:bg-gray-dark-600 rounded-full px-[18px] py-3 text-white font-medium flex items-center space-x-2 shadow-2xl hover:[&:not(:active)]:scale-110 dark:shadow-none transition-transform ease-in-out data-[open]:px-3 active:scale-90 active:transition-transform active:duration-100",t),...e}),c=({className:t,...e})=>a.jsx(n.ChatButtonText,{className:o.cn("flex items-center",t),...e}),i=({className:t,...e})=>a.jsx(n.ChatButtonCloseIcon,{className:o.cn("w-6 h-6",t),...e}),u=({className:t,...e})=>a.jsx(n.ChatButtonPrimitiveAvatarImage,{className:o.cn("data-[type=icon]:[--start-color:theme(colors.inkeep-expanded-primary.50)]","data-[type=icon]:[--end-color:theme(colors.inkeep-expanded-primary.300)]","h-6 w-6",t),...e}),l=({className:t,...e})=>a.jsx(n.ChatButtonAvatarContent,{className:o.cn("",t),...e});exports.ChatButton=s;exports.ChatButtonAvatarContent=l;exports.ChatButtonAvatarImage=u;exports.ChatButtonCloseIcon=i;exports.ChatButtonText=c;exports.Container=r;

package/dist/styled/components/chat-button.d.ts

@@ -3,6 +3,7 @@ import { ComponentPropsWithRef } from 'react';
 declare const ChatButtonContainer: ({ className, ...props }: ComponentPropsWithRef<typeof ChatButtonPrimitive.ChatButtonContainer>) => import("react/jsx-runtime").JSX.Element;
 declare const ChatButton: ({ className, ...props }: ComponentPropsWithRef<typeof ChatButtonPrimitive.ChatButton>) => import("react/jsx-runtime").JSX.Element;
 declare const ChatButtonText: ({ className, ...props }: ComponentPropsWithRef<typeof ChatButtonPrimitive.ChatButtonText>) => import("react/jsx-runtime").JSX.Element;
+declare const ChatButtonCloseIcon: ({ className, ...props }: ComponentPropsWithRef<typeof ChatButtonPrimitive.ChatButtonCloseIcon>) => import("react/jsx-runtime").JSX.Element;
 declare const ChatButtonAvatarImage: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatButtonPrimitive.ChatButtonAvatarImage>) => import("react/jsx-runtime").JSX.Element;
 declare const ChatButtonAvatarContent: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatButtonPrimitive.ChatButtonAvatarContent>) => import("react/jsx-runtime").JSX.Element;
-export { ChatButtonContainer as Container, ChatButton, ChatButtonText, ChatButtonAvatarImage, ChatButtonAvatarContent, };
+export { ChatButtonContainer as Container, ChatButton, ChatButtonText, ChatButtonAvatarImage, ChatButtonAvatarContent, ChatButtonCloseIcon, };

package/dist/styled/components/chat-button.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { ChatButtonContainer as n, ChatButton as r, ChatButtonText as i, ChatButtonPrimitiveAvatarImage as s, ChatButtonAvatarContent as m } from "../../primitives/components/chat-button.js";
+import { ChatButtonContainer as n, ChatButton as r, ChatButtonText as i, ChatButtonPrimitiveAvatarImage as s, ChatButtonAvatarContent as m, ChatButtonCloseIcon as c } from "../../primitives/components/chat-button.js";
 import { cn as o } from "../utils.js";
 const u = ({
   className: t,
@@ -21,15 +21,18 @@ const u = ({
   r,
   {
     className: o(
-      "bg-inkeep-primary-text-bold dark:bg-gray-dark-600 rounded-full px-[18px] py-3 text-white font-medium flex items-center space-x-2 shadow-2xl dark:shadow-none transition-transform ease-in-out hover:scale-110",
+      "bg-inkeep-primary-text-bold dark:bg-gray-dark-600 rounded-full px-[18px] py-3 text-white font-medium flex items-center space-x-2 shadow-2xl hover:[&:not(:active)]:scale-110 dark:shadow-none transition-transform ease-in-out data-[open]:px-3 active:scale-90 active:transition-transform active:duration-100",
       t
     ),
     ...a
   }
-), l = ({
+), p = ({
   className: t,
   ...a
-}) => /* @__PURE__ */ e(i, { className: o("flex items-center", t), ...a }), p = ({
+}) => /* @__PURE__ */ e(i, { className: o("flex items-center", t), ...a }), v = ({
+  className: t,
+  ...a
+}) => /* @__PURE__ */ e(c, { className: o("w-6 h-6", t), ...a }), B = ({
   className: t,
   ...a
 }) => /* @__PURE__ */ e(
@@ -50,7 +53,8 @@ const u = ({
 export {
   d as ChatButton,
   x as ChatButtonAvatarContent,
-  p as ChatButtonAvatarImage,
-  l as ChatButtonText,
+  B as ChatButtonAvatarImage,
+  v as ChatButtonCloseIcon,
+  p as ChatButtonText,
   u as Container
 };

package/dist/styled/components/data-summary-group.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("lucide-react"),h=a=>{const{type:s,label:r}=a;return r||s.replace(/_/g," ").replace(/\b\w/g,l=>l.toUpperCase())},x={agent_generate:e.jsx(t.RefreshCw,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_reasoning:e.jsx(t.Brain,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_call:e.jsx(t.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_result:e.jsx(t.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),transfer:e.jsx(t.ArrowRight,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_sent:e.jsx(t.Forward,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_returned:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),artifact_saved:e.jsx(t.Download,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),error:e.jsx(t.TriangleAlert,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_initializing:e.jsx(t.CircleDot,{className:"w-3 h-3 animate-spin"}),completion:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),default:e.jsx(t.Dot,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"})},d={retrieve:e.jsx(t.Search,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),action:e.jsx(t.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),...x},p=n.memo(({summary:a,index:s,showConnector:r})=>{const l=n.useMemo(()=>a.details?JSON.stringify(a.details,null,2):null,[a.details]),o=n.useMemo(()=>h(a),[a]),i=n.useMemo(()=>d[a.type]||d.default,[a.type]);return e.jsxs("div",{className:"flex items-start gap-2 text-xs relative",children:[r&&e.jsx("div",{className:"absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3"}),e.jsx("div",{className:"flex items-center justify-center w-3 h-3 relative z-10 mt-0.5",children:i}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:" text-gray-700 dark:text-white-alpha-600",children:o}),l&&e.jsx("pre",{className:"mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2",children:l})]})]},`op-${a.type}-${s}`)}),m=n.memo(({summaries:a,isCompleted:s})=>{const[r,l]=n.useState(!s);n.useEffect(()=>{let i;return s?i=setTimeout(()=>{l(!1)},1e3):l(!0),()=>{i&&clearTimeout(i)}},[s]);const o=n.useCallback(()=>{l(!r)},[r]);return e.jsxs("div",{className:"flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative",children:[e.jsx("button",{type:"button",onClick:o,"data-expanded":r,className:"inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",children:s?e.jsxs(e.Fragment,{children:[e.jsx(t.Check,{className:"check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0"}),e.jsx(t.ChevronRight,{className:"chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90"}),e.jsx("span",{className:"font-medium",children:"Completed"})]}):e.jsxs(e.Fragment,{children:[e.jsx(t.LoaderCircle,{className:"w-3 h-3 animate-spin"}),e.jsx("span",{className:"font-medium",children:"Thinking..."})]})}),e.jsx("div",{"data-expanded":r,className:"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:e.jsx("div",{className:"pb-2 mt-1.5 space-y-3 relative",children:a.map((i,c)=>e.jsx(p,{summary:i,index:c,showConnector:a.length>1&&c<a.length-1},`op-${i.type}-${c}`))})})]})});exports.DataSummaryGroup=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),a=require("lucide-react"),r=require("../../primitives/components/data-summaries.cjs"),m=t=>{const{type:l,label:s}=t;return s||l.replace(/_/g," ").replace(/\b\w/g,i=>i.toUpperCase())},d={agent_generate:e.jsx(a.RefreshCw,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_reasoning:e.jsx(a.Brain,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_call:e.jsx(a.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),tool_result:e.jsx(a.Hammer,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),transfer:e.jsx(a.ArrowRight,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_sent:e.jsx(a.Forward,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),delegation_returned:e.jsx(a.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),artifact_saved:e.jsx(a.Download,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),error:e.jsx(a.TriangleAlert,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),agent_initializing:e.jsx(a.CircleDot,{className:"w-3 h-3 animate-spin"}),completion:e.jsx(a.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),default:e.jsx(a.Dot,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"})},h={retrieve:e.jsx(a.Search,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),action:e.jsx(a.CheckCheck,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500"}),...d},p=n.memo(({summary:t,showConnector:l})=>{const s=n.useMemo(()=>t.details?JSON.stringify(t.details,null,2):null,[t.details]),i=n.useMemo(()=>m(t),[t]),c=n.useMemo(()=>h[t.type]||h.default,[t.type]);return e.jsxs(r.DataSummaryItem,{className:"flex items-start gap-2 text-xs relative",children:[l&&e.jsx(r.DataSummaryConnector,{className:"absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3"}),e.jsx(r.DataSummaryIconContainer,{className:"flex items-center justify-center w-3 h-3 relative z-10 mt-0.5",children:c}),e.jsxs(r.DataSummaryContent,{className:"flex-1",children:[e.jsx(r.DataSummaryLabel,{className:"text-gray-700 dark:text-white-alpha-600",children:i}),s&&e.jsx(r.DataSummaryDetails,{className:"mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2",children:s})]})]})}),u=n.memo(({summaries:t,isCompleted:l})=>{const[s,i]=n.useState(!l);n.useEffect(()=>{let o;return l?o=setTimeout(()=>{i(!1)},1e3):i(!0),()=>{o&&clearTimeout(o)}},[l]);const c=n.useCallback(()=>{i(!s)},[s]);return e.jsxs(r.DataSummaryGroup,{className:"flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative",children:[e.jsx(r.DataSummaryToggle,{type:"button",onClick:c,"data-expanded":s,className:"inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",children:l?e.jsxs(e.Fragment,{children:[e.jsx(a.Check,{className:"check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0"}),e.jsx(a.ChevronRight,{className:"chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90"}),e.jsx(r.DataSummaryToggleText,{className:"font-medium",children:"Completed"})]}):e.jsxs(e.Fragment,{children:[e.jsx(a.LoaderCircle,{className:"w-3 h-3 animate-spin"}),e.jsx(r.DataSummaryToggleText,{className:"font-medium",children:"Thinking..."})]})}),e.jsx(r.DataSummaryCollapsible,{"data-expanded":s,className:"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:e.jsx(r.DataSummaryList,{className:"pb-2 mt-1.5 space-y-3 relative",children:t.map((o,x)=>e.jsx(p,{summary:o,showConnector:t.length>1&&x<t.length-1},`op-${o.type}-${x}`))})})]})});exports.DataSummaryGroup=u;

package/dist/styled/components/data-summary-group.js

@@ -1,89 +1,89 @@
 "use client";
-import { jsxs as s, jsx as e, Fragment as h } from "react/jsx-runtime";
-import { memo as m, useState as g, useEffect as w, useCallback as u, useMemo as c } from "react";
-import { Check as y, ChevronRight as f, LoaderCircle as N, CheckCheck as d, Search as k, Dot as v, CircleDot as b, TriangleAlert as _, Download as C, Forward as S, ArrowRight as A, Hammer as p, Brain as D, RefreshCw as E } from "lucide-react";
-const I = (t) => {
-  const { type: r, label: a } = t;
-  return a || r.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
-}, M = {
-  agent_generate: /* @__PURE__ */ e(E, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  agent_reasoning: /* @__PURE__ */ e(D, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  tool_call: /* @__PURE__ */ e(p, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  tool_result: /* @__PURE__ */ e(p, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  transfer: /* @__PURE__ */ e(A, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  delegation_sent: /* @__PURE__ */ e(S, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  delegation_returned: /* @__PURE__ */ e(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  artifact_saved: /* @__PURE__ */ e(C, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  error: /* @__PURE__ */ e(_, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  agent_initializing: /* @__PURE__ */ e(b, { className: "w-3 h-3 animate-spin" }),
-  completion: /* @__PURE__ */ e(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  default: /* @__PURE__ */ e(v, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
+import { jsxs as s, jsx as a, Fragment as h } from "react/jsx-runtime";
+import { memo as g, useState as u, useEffect as y, useCallback as w, useMemo as n } from "react";
+import { Check as f, ChevronRight as N, LoaderCircle as D, CheckCheck as m, Search as S, Dot as k, CircleDot as v, TriangleAlert as b, Download as C, Forward as P, ArrowRight as _, Hammer as d, Brain as T, RefreshCw as I } from "lucide-react";
+import { DataSummaryGroup as A, DataSummaryToggle as L, DataSummaryToggleText as p, DataSummaryCollapsible as E, DataSummaryList as M, DataSummaryItem as O, DataSummaryConnector as R, DataSummaryIconContainer as j, DataSummaryContent as G, DataSummaryLabel as z, DataSummaryDetails as F } from "../../primitives/components/data-summaries.js";
+const U = (t) => {
+  const { type: r, label: e } = t;
+  return e || r.replace(/_/g, " ").replace(/\b\w/g, (i) => i.toUpperCase());
+}, $ = {
+  agent_generate: /* @__PURE__ */ a(I, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  agent_reasoning: /* @__PURE__ */ a(T, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  tool_call: /* @__PURE__ */ a(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  tool_result: /* @__PURE__ */ a(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  transfer: /* @__PURE__ */ a(_, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  delegation_sent: /* @__PURE__ */ a(P, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  delegation_returned: /* @__PURE__ */ a(m, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  artifact_saved: /* @__PURE__ */ a(C, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  error: /* @__PURE__ */ a(b, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  agent_initializing: /* @__PURE__ */ a(v, { className: "w-3 h-3 animate-spin" }),
+  completion: /* @__PURE__ */ a(m, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  default: /* @__PURE__ */ a(k, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
 }, x = {
-  retrieve: /* @__PURE__ */ e(k, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  action: /* @__PURE__ */ e(d, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  ...M
-}, O = m(({ summary: t, index: r, showConnector: a }) => {
-  const l = c(() => t.details ? JSON.stringify(t.details, null, 2) : null, [t.details]), n = c(() => I(t), [t]), i = c(
+  retrieve: /* @__PURE__ */ a(S, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  action: /* @__PURE__ */ a(m, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  ...$
+}, B = g(({ summary: t, showConnector: r }) => {
+  const e = n(() => t.details ? JSON.stringify(t.details, null, 2) : null, [t.details]), i = n(() => U(t), [t]), o = n(
     () => x[t.type] || x.default,
     [t.type]
   );
-  return /* @__PURE__ */ s("div", { className: "flex items-start gap-2 text-xs relative", children: [
-    a && /* @__PURE__ */ e("div", { className: "absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3" }),
-    /* @__PURE__ */ e("div", { className: "flex items-center justify-center w-3 h-3 relative z-10 mt-0.5", children: i }),
-    /* @__PURE__ */ s("div", { className: "flex-1", children: [
-      /* @__PURE__ */ e("div", { className: " text-gray-700 dark:text-white-alpha-600", children: n }),
-      l && /* @__PURE__ */ e("pre", { className: "mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2", children: l })
+  return /* @__PURE__ */ s(O, { className: "flex items-start gap-2 text-xs relative", children: [
+    r && /* @__PURE__ */ a(R, { className: "absolute left-1.5 top-4 bottom-0 w-px bg-gray-200 dark:bg-white-alpha-200 -mb-3" }),
+    /* @__PURE__ */ a(j, { className: "flex items-center justify-center w-3 h-3 relative z-10 mt-0.5", children: o }),
+    /* @__PURE__ */ s(G, { className: "flex-1", children: [
+      /* @__PURE__ */ a(z, { className: "text-gray-700 dark:text-white-alpha-600", children: i }),
+      e && /* @__PURE__ */ a(F, { className: "mt-2 text-xs whitespace-pre-wrap font-mono bg-gray-50 dark:bg-gray-dark-900 p-2 rounded-md px-3 py-2", children: e })
     ] })
-  ] }, `op-${t.type}-${r}`);
-}), j = m(({ summaries: t, isCompleted: r }) => {
-  const [a, l] = g(!r);
-  w(() => {
-    let i;
-    return r ? i = setTimeout(() => {
-      l(!1);
-    }, 1e3) : l(!0), () => {
-      i && clearTimeout(i);
+  ] });
+}), K = g(({ summaries: t, isCompleted: r }) => {
+  const [e, i] = u(!r);
+  y(() => {
+    let l;
+    return r ? l = setTimeout(() => {
+      i(!1);
+    }, 1e3) : i(!0), () => {
+      l && clearTimeout(l);
     };
   }, [r]);
-  const n = u(() => {
-    l(!a);
-  }, [a]);
-  return /* @__PURE__ */ s("div", { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: [
-    /* @__PURE__ */ e(
-      "button",
+  const o = w(() => {
+    i(!e);
+  }, [e]);
+  return /* @__PURE__ */ s(A, { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: [
+    /* @__PURE__ */ a(
+      L,
       {
         type: "button",
-        onClick: n,
-        "data-expanded": a,
+        onClick: o,
+        "data-expanded": e,
         className: "inline-flex items-center group gap-2 text-xs text-gray-500 dark:text-white-alpha-600 hover:text-gray-700 dark:hover:text-white-alpha-700 transition-colors cursor-pointer",
         children: r ? /* @__PURE__ */ s(h, { children: [
-          /* @__PURE__ */ e(y, { className: "check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0" }),
-          /* @__PURE__ */ e(f, { className: "chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90" }),
-          /* @__PURE__ */ e("span", { className: "font-medium", children: "Completed" })
+          /* @__PURE__ */ a(f, { className: "check-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 absolute opacity-100 group-hover:opacity-0 group-data-[expanded=true]:opacity-0" }),
+          /* @__PURE__ */ a(N, { className: "chevron-icon w-3 h-3 text-gray-500 dark:text-white-alpha-500 transition-all duration-200 transform opacity-0 rotate-0 group-hover:opacity-100 group-data-[expanded=true]:opacity-100 group-data-[expanded=true]:rotate-90" }),
+          /* @__PURE__ */ a(p, { className: "font-medium", children: "Completed" })
         ] }) : /* @__PURE__ */ s(h, { children: [
-          /* @__PURE__ */ e(N, { className: "w-3 h-3 animate-spin" }),
-          /* @__PURE__ */ e("span", { className: "font-medium", children: "Thinking..." })
+          /* @__PURE__ */ a(D, { className: "w-3 h-3 animate-spin" }),
+          /* @__PURE__ */ a(p, { className: "font-medium", children: "Thinking..." })
         ] })
       }
     ),
-    /* @__PURE__ */ e(
-      "div",
+    /* @__PURE__ */ a(
+      E,
       {
-        "data-expanded": a,
+        "data-expanded": e,
         className: "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("div", { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((i, o) => /* @__PURE__ */ e(
-          O,
+        children: /* @__PURE__ */ a(M, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((l, c) => /* @__PURE__ */ a(
+          B,
           {
-            summary: i,
-            index: o,
-            showConnector: t.length > 1 && o < t.length - 1
+            summary: l,
+            showConnector: t.length > 1 && c < t.length - 1
           },
-          `op-${i.type}-${o}`
+          `op-${l.type}-${c}`
         )) })
       }
     )
   ] });
 });
 export {
-  j as DataSummaryGroup
+  K as DataSummaryGroup
 };