@inkeep/agents-ui 0.15.12 → 0.15.14

package/dist/react/sidebar-chat.js

@@ -1,18 +1,22 @@
 "use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Root as d, Resizer as h, Header as s, CloseButton as m } from "../styled/components/sidebar-chat.js";
-import { Shadow as p } from "../styled/components/shadow.js";
-import { WebWidgetInteractionType as c } from "../primitives/providers/config-provider.js";
-import { RootProvider as l } from "../primitives/providers/root-provider.js";
-import { ErrorBoundary as u } from "../primitives/atoms/error-boundary.js";
-import { InkeepEmbeddedChatImpl as f } from "./embedded-chat.js";
-function S() {
-  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(m, {}) });
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { ChatHistoryTrigger as n } from "../styled/components/embedded-chat.js";
+import { Root as h, Resizer as s, Header as m, CloseButton as p } from "../styled/components/sidebar-chat.js";
+import { Shadow as c } from "../styled/components/shadow.js";
+import { WebWidgetInteractionType as C } from "../primitives/providers/config-provider.js";
+import { RootProvider as f } from "../primitives/providers/root-provider.js";
+import { ErrorBoundary as l } from "../primitives/atoms/error-boundary.js";
+import { InkeepEmbeddedChatImpl as u } from "./embedded-chat.js";
+function b() {
+  return /* @__PURE__ */ r(m, { children: [
+    /* @__PURE__ */ e(n, {}),
+    /* @__PURE__ */ e(p, {})
+  ] });
 }
-function v(r) {
-  const { baseSettings: t, aiChatSettings: o, shouldAutoFocusInput: i, ...a } = r;
-  return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-    p,
+function v(t) {
+  const { baseSettings: o, aiChatSettings: i, shouldAutoFocusInput: a, ...d } = t;
+  return /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(
+    c,
     {
       wrapperStyles: {
         height: "inherit",
@@ -21,21 +25,21 @@ function v(r) {
         // prevent the horizontal scrollbar from appearing while the sidebar is animating
       },
       children: /* @__PURE__ */ e(
-        l,
+        f,
         {
           config: {
-            baseSettings: t,
-            aiChatSettings: o
+            baseSettings: o,
+            aiChatSettings: i
           },
-          componentType: c.SidebarChat,
-          children: /* @__PURE__ */ n(d, { ...a, children: [
-            /* @__PURE__ */ e(h, {}),
+          componentType: C.SidebarChat,
+          children: /* @__PURE__ */ r(h, { ...d, children: [
+            /* @__PURE__ */ e(s, {}),
             /* @__PURE__ */ e(
-              f,
+              u,
               {
                 variant: "no-shadow",
-                shouldAutoFocusInput: i,
-                header: S
+                shouldAutoFocusInput: a,
+                header: b
               }
             )
           ] })

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

@@ -1 +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;
+"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-3","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.js

@@ -34,7 +34,7 @@ const f = ({
   {
     className: r(
       i({ section: "header" }),
-      "w-full flex flex-row items-center px-3 py-1.5",
+      "w-full flex flex-row items-center px-3 py-3",
       "bg-white dark:bg-gray-dark-950",
       "after:absolute",
       "after:left-0",

package/dist/styled/components/chat-history.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-history/index.cjs"),o=require("../utils.cjs"),d=require("./ui/recipes/button.cjs");function h(t){const e=Date.now()-t.getTime(),i=Math.floor(e/(1e3*60)),s=Math.floor(e/(1e3*60*60)),n=Math.floor(e/(1e3*60*60*24));return i<1?"Just now":i<60?`${i}m ago`:s<24?`${s}h ago`:n<7?t.toLocaleDateString("en-US",{weekday:"short"}):t.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}const c=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveRoot,{className:o.cn("flex flex-col flex-1 min-h-0 w-full rounded-[inherit] font-body","data-[hidden]:hidden","group-data-[chat-history-layout=sidepane]/chat-history:basis-64","group-data-[chat-history-layout=sidepane]/chat-history:w-64","group-data-[chat-history-layout=sidepane]/chat-history:max-w-64","group-data-[chat-history-layout=sidepane]/chat-history:shrink-0","group-data-[chat-history-layout=sidepane]/chat-history:grow-0","group-data-[chat-history-layout=sidepane]/chat-history:border-r","group-data-[chat-history-layout=sidepane]/chat-history:border-gray-200","dark:group-data-[chat-history-layout=sidepane]/chat-history:border-gray-dark-800",t),...e}),l=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveHeader,{className:o.cn("flex items-center justify-between shrink-0","px-3 py-3 relative","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}),y=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveBackButtonIcon,{className:o.cn("text-sm",t),...e}),m=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveBackButton,{className:o.cn(d.button({size:"xs",variant:"ghost"}),"gap-1.5 text-gray-600 hover:text-gray-800 dark:text-white dark:opacity-60 dark:hover:text-white dark:hover:opacity-95","group-data-[chat-history-layout=sidepane]/chat-history:!hidden",t),...e}),u=({className:t,children:e,...i})=>a.jsx(r.ChatHistoryPrimitiveTitle,{className:o.cn("pl-2 text-sm font-normal text-gray-600 dark:text-white-alpha-600","group-data-[chat-history-layout=stack]/chat-history:!hidden",t),...i,children:e??"Chats"}),f=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveList,{className:o.cn("flex-1 min-h-0 overflow-y-auto [scrollbar-width:thin] px-2 py-3 gap-0.5",t),...e}),b=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveItem,{className:o.cn("flex flex-col gap-0.5 w-full text-left px-3 py-2 rounded-lg","hover:bg-gray-50 dark:hover:bg-gray-dark-900","focus-visible:outline-none focus-visible:bg-gray-50 dark:focus-visible:bg-gray-dark-900","data-[active]:bg-gray-100 dark:data-[active]:bg-gray-dark-800","transition-colors cursor-pointer",t),...e}),g=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveItemTitle,{className:o.cn("text-sm text-gray-800 dark:text-white-alpha-950 truncate w-full block",t),...e}),p=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveItemDate,{className:o.cn("text-xs text-gray-500 dark:text-white-alpha-500",t),...e}),x=({className:t,children:e,...i})=>a.jsx(r.ChatHistoryPrimitiveEmptyState,{className:o.cn("flex flex-col items-center justify-center flex-1 py-2 h-full","text-sm text-gray-500 dark:text-white-alpha-500",t),...i,children:e??"No conversations yet."}),C=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveLoadingState,{className:o.cn("flex flex-col px-3 py-2 gap-3",t),...e,children:[1,2,3].map(i=>a.jsx("div",{className:"h-14 w-full rounded-lg bg-gray-100 dark:bg-gray-dark-800 animate-pulse"},i))}),H=({className:t,...e})=>a.jsx(r.ChatHistoryPrimitiveFooter,{className:o.cn("shrink-0 px-5 py-4 relative","before:absolute before:block before:top-0 before:left-0 before:pointer-events-none before:w-full before:h-3 before:bg-[linear-gradient(transparent,_white)] dark:before:bg-[linear-gradient(transparent,_var(--ikp-color-gray-dark-950))] before:-translate-y-full",t),...e}),k=({className:t,children:e,...i})=>a.jsx(r.ChatHistoryPrimitiveNewConversationButton,{className:o.cn(d.button({variant:"primaryFilled"}),"w-full shrink-0",t),...i,children:e??"New conversation"});exports.EmbeddedChatHistoryBackButton=m;exports.EmbeddedChatHistoryBackButtonIcon=y;exports.EmbeddedChatHistoryEmptyState=x;exports.EmbeddedChatHistoryFooter=H;exports.EmbeddedChatHistoryHeader=l;exports.EmbeddedChatHistoryItem=b;exports.EmbeddedChatHistoryItemDate=p;exports.EmbeddedChatHistoryItemTitle=g;exports.EmbeddedChatHistoryList=f;exports.EmbeddedChatHistoryLoadingState=C;exports.EmbeddedChatHistoryNewConversationButton=k;exports.EmbeddedChatHistoryRoot=c;exports.EmbeddedChatHistoryTitle=u;exports.formatSessionDate=h;

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

@@ -0,0 +1,15 @@
+import { ChatHistoryPrimitive } from '../../primitives';
+export declare function formatSessionDate(date: Date): string;
+export declare const EmbeddedChatHistoryRoot: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryHeader: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.Header>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryBackButtonIcon: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.BackButtonIcon>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryBackButton: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.BackButton>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryTitle: ({ className, children, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.Title>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryList: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.List>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryItem: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.Item>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryItemTitle: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.ItemTitle>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryItemDate: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.ItemDate>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryEmptyState: ({ className, children, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.EmptyState>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryLoadingState: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.LoadingState>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryFooter: ({ className, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.Footer>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmbeddedChatHistoryNewConversationButton: ({ className, children, ...props }: React.ComponentPropsWithRef<typeof ChatHistoryPrimitive.NewConversationButton>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,197 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { ChatHistoryPrimitiveRoot as n, ChatHistoryPrimitiveHeader as h, ChatHistoryPrimitiveBackButtonIcon as l, ChatHistoryPrimitiveBackButton as y, ChatHistoryPrimitiveTitle as c, ChatHistoryPrimitiveList as m, ChatHistoryPrimitiveItem as f, ChatHistoryPrimitiveItemTitle as u, ChatHistoryPrimitiveItemDate as p, ChatHistoryPrimitiveEmptyState as g, ChatHistoryPrimitiveLoadingState as b, ChatHistoryPrimitiveFooter as x, ChatHistoryPrimitiveNewConversationButton as k } from "../../primitives/components/chat-history/index.js";
+import { cn as r } from "../utils.js";
+import { button as s } from "./ui/recipes/button.js";
+function N(t) {
+  const e = Date.now() - t.getTime(), o = Math.floor(e / (1e3 * 60)), i = Math.floor(e / (1e3 * 60 * 60)), d = Math.floor(e / (1e3 * 60 * 60 * 24));
+  return o < 1 ? "Just now" : o < 60 ? `${o}m ago` : i < 24 ? `${i}h ago` : d < 7 ? t.toLocaleDateString("en-US", { weekday: "short" }) : t.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+}
+const E = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  n,
+  {
+    className: r(
+      "flex flex-col flex-1 min-h-0 w-full rounded-[inherit] font-body",
+      "data-[hidden]:hidden",
+      "group-data-[chat-history-layout=sidepane]/chat-history:basis-64",
+      "group-data-[chat-history-layout=sidepane]/chat-history:w-64",
+      "group-data-[chat-history-layout=sidepane]/chat-history:max-w-64",
+      "group-data-[chat-history-layout=sidepane]/chat-history:shrink-0",
+      "group-data-[chat-history-layout=sidepane]/chat-history:grow-0",
+      "group-data-[chat-history-layout=sidepane]/chat-history:border-r",
+      "group-data-[chat-history-layout=sidepane]/chat-history:border-gray-200",
+      "dark:group-data-[chat-history-layout=sidepane]/chat-history:border-gray-dark-800",
+      t
+    ),
+    ...e
+  }
+), P = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  h,
+  {
+    className: r(
+      "flex items-center justify-between shrink-0",
+      "px-3 py-3 relative",
+      "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
+  }
+), B = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(l, { className: r("text-sm", t), ...e }), S = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  y,
+  {
+    className: r(
+      s({ size: "xs", variant: "ghost" }),
+      "gap-1.5 text-gray-600 hover:text-gray-800 dark:text-white dark:opacity-60 dark:hover:text-white dark:hover:opacity-95",
+      "group-data-[chat-history-layout=sidepane]/chat-history:!hidden",
+      t
+    ),
+    ...e
+  }
+), I = ({
+  className: t,
+  children: e,
+  ...o
+}) => /* @__PURE__ */ a(
+  c,
+  {
+    className: r(
+      "pl-2 text-sm font-normal text-gray-600 dark:text-white-alpha-600",
+      "group-data-[chat-history-layout=stack]/chat-history:!hidden",
+      t
+    ),
+    ...o,
+    children: e ?? "Chats"
+  }
+), D = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  m,
+  {
+    className: r(
+      "flex-1 min-h-0 overflow-y-auto [scrollbar-width:thin] px-2 py-3 gap-0.5",
+      t
+    ),
+    ...e
+  }
+), L = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  f,
+  {
+    className: r(
+      "flex flex-col gap-0.5 w-full text-left px-3 py-2 rounded-lg",
+      "hover:bg-gray-50 dark:hover:bg-gray-dark-900",
+      "focus-visible:outline-none focus-visible:bg-gray-50 dark:focus-visible:bg-gray-dark-900",
+      "data-[active]:bg-gray-100 dark:data-[active]:bg-gray-dark-800",
+      "transition-colors cursor-pointer",
+      t
+    ),
+    ...e
+  }
+), M = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  u,
+  {
+    className: r(
+      "text-sm text-gray-800 dark:text-white-alpha-950 truncate w-full block",
+      t
+    ),
+    ...e
+  }
+), T = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  p,
+  {
+    className: r("text-xs text-gray-500 dark:text-white-alpha-500", t),
+    ...e
+  }
+), j = ({
+  className: t,
+  children: e,
+  ...o
+}) => /* @__PURE__ */ a(
+  g,
+  {
+    className: r(
+      "flex flex-col items-center justify-center flex-1 py-2 h-full",
+      "text-sm text-gray-500 dark:text-white-alpha-500",
+      t
+    ),
+    ...o,
+    children: e ?? "No conversations yet."
+  }
+), F = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  b,
+  {
+    className: r("flex flex-col px-3 py-2 gap-3", t),
+    ...e,
+    children: [1, 2, 3].map((o) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: "h-14 w-full rounded-lg bg-gray-100 dark:bg-gray-dark-800 animate-pulse"
+      },
+      o
+    ))
+  }
+), _ = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a(
+  x,
+  {
+    className: r(
+      "shrink-0 px-5 py-4 relative",
+      "before:absolute before:block before:top-0 before:left-0 before:pointer-events-none before:w-full before:h-3 before:bg-[linear-gradient(transparent,_white)] dark:before:bg-[linear-gradient(transparent,_var(--ikp-color-gray-dark-950))] before:-translate-y-full",
+      t
+    ),
+    ...e
+  }
+), z = ({
+  className: t,
+  children: e,
+  ...o
+}) => /* @__PURE__ */ a(
+  k,
+  {
+    className: r(s({ variant: "primaryFilled" }), "w-full shrink-0", t),
+    ...o,
+    children: e ?? "New conversation"
+  }
+);
+export {
+  S as EmbeddedChatHistoryBackButton,
+  B as EmbeddedChatHistoryBackButtonIcon,
+  j as EmbeddedChatHistoryEmptyState,
+  _ as EmbeddedChatHistoryFooter,
+  P as EmbeddedChatHistoryHeader,
+  L as EmbeddedChatHistoryItem,
+  T as EmbeddedChatHistoryItemDate,
+  M as EmbeddedChatHistoryItemTitle,
+  D as EmbeddedChatHistoryList,
+  F as EmbeddedChatHistoryLoadingState,
+  z as EmbeddedChatHistoryNewConversationButton,
+  E as EmbeddedChatHistoryRoot,
+  I as EmbeddedChatHistoryTitle,
+  N as formatSessionDate
+};

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"),o=require("react"),a=require("lucide-react"),r=require("../../primitives/components/data-summaries.cjs"),p=t=>{const{type:n,label:s}=t;return s||n.replace(/_/g," ").replace(/\b\w/g,i=>i.toUpperCase())},u={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"}),...u},m=o.memo(({summary:t,showConnector:n})=>{const s=o.useMemo(()=>t.details&&Object.keys(t.details).length>0?JSON.stringify(t.details,null,2):null,[t.details]),i=o.useMemo(()=>p(t),[t]),c=o.useMemo(()=>h[t.type]||h.default,[t.type]);return e.jsxs(r.DataSummaryItem,{className:"flex items-start gap-2 text-xs relative",children:[n&&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})]})]})}),g=o.memo(({summaries:t,isCompleted:n})=>{const s=t.length>1,[i,c]=o.useState(!n||!s);o.useEffect(()=>{let l;return n&&s?l=setTimeout(()=>{c(!1)},1e3):c(!0),()=>{l&&clearTimeout(l)}},[n,s]);const d=o.useCallback(()=>{s&&c(!i)},[s,i]);return s?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:d,"data-expanded":i,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:n?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":i,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((l,x)=>e.jsx(m,{summary:l,showConnector:t.length>1&&x<t.length-1},`op-${l.type}-${x}`))})})]}):e.jsx(r.DataSummaryGroup,{className:"flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative",children:e.jsx(r.DataSummaryList,{className:"pb-2 mt-1.5 space-y-3 relative",children:t.map((l,x)=>e.jsx(m,{summary:l,showConnector:!1},`op-${l.type}-${x}`))})})});exports.DataSummaryGroup=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("lucide-react"),r=require("../../primitives/components/data-summaries.cjs"),p=t=>{const{type:n,label:s}=t;return s||n.replace(/_/g," ").replace(/\b\w/g,i=>i.toUpperCase())},u={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.LoaderCircle,{className:"w-3 h-3 text-gray-500 dark:text-white-alpha-500 animate-spin"}),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"}),...u},d=o.memo(({summary:t,showConnector:n})=>{const s=o.useMemo(()=>t.details&&Object.keys(t.details).length>0?JSON.stringify(t.details,null,2):null,[t.details]),i=o.useMemo(()=>p(t),[t]),c=o.useMemo(()=>h[t.type]||h.default,[t.type]);return e.jsxs(r.DataSummaryItem,{className:"flex items-start gap-2 text-xs relative",children:[n&&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})]})]})}),g=o.memo(({summaries:t,isCompleted:n})=>{const s=t.length>1,[i,c]=o.useState(!n||!s);o.useEffect(()=>{let l;return n&&s?l=setTimeout(()=>{c(!1)},1e3):c(!0),()=>{l&&clearTimeout(l)}},[n,s]);const m=o.useCallback(()=>{s&&c(!i)},[s,i]);return s?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:m,"data-expanded":i,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:n?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":i,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((l,x)=>e.jsx(d,{summary:l,showConnector:t.length>1&&x<t.length-1},`op-${l.type}-${x}`))})})]}):e.jsx(r.DataSummaryGroup,{className:"flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative",children:e.jsx(r.DataSummaryList,{className:"pb-2 mt-1.5 space-y-3 relative",children:t.map((l,x)=>e.jsx(d,{summary:l,showConnector:!1},`op-${l.type}-${x}`))})})});exports.DataSummaryGroup=g;

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

@@ -1,31 +1,31 @@
 "use client";
 import { jsx as a, jsxs as n, Fragment as h } from "react/jsx-runtime";
-import { memo as w, useState as N, useEffect as k, useCallback as D, useMemo as m } from "react";
-import { Check as S, ChevronRight as v, LoaderCircle as b, CheckCheck as c, Search as C, Dot as P, CircleDot as _, TriangleAlert as T, Download as I, Forward as A, ArrowRight as L, Hammer as d, Brain as O, RefreshCw as E } from "lucide-react";
-import { DataSummaryGroup as p, DataSummaryList as x, DataSummaryToggle as M, DataSummaryToggleText as g, DataSummaryCollapsible as R, DataSummaryItem as j, DataSummaryConnector as $, DataSummaryIconContainer as G, DataSummaryContent as z, DataSummaryLabel as F, DataSummaryDetails as U } from "../../primitives/components/data-summaries.js";
+import { memo as y, useState as N, useEffect as k, useCallback as D, useMemo as m } from "react";
+import { Check as S, ChevronRight as v, LoaderCircle as w, CheckCheck as c, Search as b, Dot as C, CircleDot as P, TriangleAlert as _, Download as T, Forward as I, ArrowRight as A, Hammer as L, Brain as O, RefreshCw as E } from "lucide-react";
+import { DataSummaryGroup as d, DataSummaryList as p, DataSummaryToggle as M, DataSummaryToggleText as x, DataSummaryCollapsible as R, DataSummaryItem as j, DataSummaryConnector as $, DataSummaryIconContainer as G, DataSummaryContent as z, DataSummaryLabel as F, DataSummaryDetails as U } from "../../primitives/components/data-summaries.js";
 const B = (t) => {
   const { type: i, label: e } = t;
   return e || i.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
 }, H = {
   agent_generate: /* @__PURE__ */ a(E, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   agent_reasoning: /* @__PURE__ */ a(O, { 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(L, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  delegation_sent: /* @__PURE__ */ a(A, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  tool_call: /* @__PURE__ */ a(w, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500 animate-spin" }),
+  tool_result: /* @__PURE__ */ a(L, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  transfer: /* @__PURE__ */ a(A, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  delegation_sent: /* @__PURE__ */ a(I, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   delegation_returned: /* @__PURE__ */ a(c, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  artifact_saved: /* @__PURE__ */ a(I, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  error: /* @__PURE__ */ a(T, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  agent_initializing: /* @__PURE__ */ a(_, { className: "w-3 h-3 animate-spin" }),
+  artifact_saved: /* @__PURE__ */ a(T, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  error: /* @__PURE__ */ a(_, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  agent_initializing: /* @__PURE__ */ a(P, { className: "w-3 h-3 animate-spin" }),
   completion: /* @__PURE__ */ a(c, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
-  default: /* @__PURE__ */ a(P, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
-}, u = {
-  retrieve: /* @__PURE__ */ a(C, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
+  default: /* @__PURE__ */ a(C, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" })
+}, g = {
+  retrieve: /* @__PURE__ */ a(b, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   action: /* @__PURE__ */ a(c, { className: "w-3 h-3 text-gray-500 dark:text-white-alpha-500" }),
   ...H
-}, y = w(({ summary: t, showConnector: i }) => {
+}, u = y(({ summary: t, showConnector: i }) => {
   const e = m(() => t.details && Object.keys(t.details).length > 0 ? JSON.stringify(t.details, null, 2) : null, [t.details]), l = m(() => B(t), [t]), s = m(
-    () => u[t.type] || u.default,
+    () => g[t.type] || g.default,
     [t.type]
   );
   return /* @__PURE__ */ n(j, { className: "flex items-start gap-2 text-xs relative", children: [
@@ -36,7 +36,7 @@ const B = (t) => {
       e && /* @__PURE__ */ a(U, { 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 })
     ] })
   ] });
-}), Q = w(({ summaries: t, isCompleted: i }) => {
+}), Q = y(({ summaries: t, isCompleted: i }) => {
   const e = t.length > 1, [l, s] = N(!i || !e);
   k(() => {
     let r;
@@ -49,7 +49,7 @@ const B = (t) => {
   const f = D(() => {
     e && s(!l);
   }, [e, l]);
-  return e ? /* @__PURE__ */ n(p, { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: [
+  return e ? /* @__PURE__ */ n(d, { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: [
     /* @__PURE__ */ a(
       M,
       {
@@ -60,10 +60,10 @@ const B = (t) => {
         children: i ? /* @__PURE__ */ n(h, { children: [
           /* @__PURE__ */ a(S, { 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(v, { 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(g, { className: "font-medium", children: "Completed" })
+          /* @__PURE__ */ a(x, { className: "font-medium", children: "Completed" })
         ] }) : /* @__PURE__ */ n(h, { children: [
-          /* @__PURE__ */ a(b, { className: "w-3 h-3 animate-spin" }),
-          /* @__PURE__ */ a(g, { className: "font-medium", children: "Thinking..." })
+          /* @__PURE__ */ a(w, { className: "w-3 h-3 animate-spin" }),
+          /* @__PURE__ */ a(x, { className: "font-medium", children: "Thinking..." })
         ] })
       }
     ),
@@ -72,8 +72,8 @@ const B = (t) => {
       {
         "data-expanded": l,
         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__ */ a(x, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((r, o) => /* @__PURE__ */ a(
-          y,
+        children: /* @__PURE__ */ a(p, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((r, o) => /* @__PURE__ */ a(
+          u,
           {
             summary: r,
             showConnector: t.length > 1 && o < t.length - 1
@@ -82,8 +82,8 @@ const B = (t) => {
         )) })
       }
     )
-  ] }) : /* @__PURE__ */ a(p, { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: /* @__PURE__ */ a(x, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((r, o) => /* @__PURE__ */ a(
-    y,
+  ] }) : /* @__PURE__ */ a(d, { className: "flex flex-col items-start mb-2.5 mt-2.5 first:mt-1 relative", children: /* @__PURE__ */ a(p, { className: "pb-2 mt-1.5 space-y-3 relative", children: t.map((r, o) => /* @__PURE__ */ a(
+    u,
     {
       summary: r,
       showConnector: !1

package/dist/styled/components/embedded-chat/session-loading.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../utils.cjs"),l=require("../ui/recipes/skeleton.cjs");function n({widths:i}){return e.jsxs("div",{className:"flex flex-col px-5 py-4 gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:s.cn(l.skeleton(),"h-6 w-6 rounded-full flex-shrink-0")}),e.jsx("div",{className:s.cn(l.skeleton(),"h-4 w-20")})]}),e.jsx("div",{className:"flex flex-col gap-2 pl-8",children:i.map((c,t)=>e.jsx("div",{className:s.cn(l.skeleton(),"h-4",c)},t))})]})}function a(){return e.jsxs("div",{className:"flex flex-col w-full",children:[e.jsx(n,{widths:["w-full","w-5/6","w-4/6"]}),e.jsx(n,{widths:["w-2/5"]}),e.jsx(n,{widths:["w-full","w-3/4"]})]})}exports.MessagesSessionLoading=a;

package/dist/styled/components/embedded-chat/session-loading.d.ts

@@ -0,0 +1 @@
+export declare function MessagesSessionLoading(): import("react/jsx-runtime").JSX.Element;

package/dist/styled/components/embedded-chat/session-loading.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as l } from "../../utils.js";
+import { skeleton as s } from "../ui/recipes/skeleton.js";
+function i({ widths: c }) {
+  return /* @__PURE__ */ a("div", { className: "flex flex-col px-5 py-4 gap-3", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("div", { className: l(s(), "h-6 w-6 rounded-full flex-shrink-0") }),
+      /* @__PURE__ */ e("div", { className: l(s(), "h-4 w-20") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 pl-8", children: c.map((n, r) => (
+      // biome-ignore lint/suspicious/noArrayIndexKey: static skeleton rows
+      /* @__PURE__ */ e("div", { className: l(s(), "h-4", n) }, r)
+    )) })
+  ] });
+}
+function t() {
+  return /* @__PURE__ */ a("div", { className: "flex flex-col w-full", children: [
+    /* @__PURE__ */ e(i, { widths: ["w-full", "w-5/6", "w-4/6"] }),
+    /* @__PURE__ */ e(i, { widths: ["w-2/5"] }),
+    /* @__PURE__ */ e(i, { widths: ["w-full", "w-3/4"] })
+  ] });
+}
+export {
+  t as MessagesSessionLoading
+};